@charset "utf-8";
/* JBK 151020 */

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("https://fonts.googleapis.com/earlyaccess/jejuhallasan.css");
@import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,100,700");
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url('https://fonts.googleapis.com/css?family=Hi+Melody&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cute+Font&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sunflower:300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url("../icomoon/style.css");

/* Type Selector */
@font-face{

	font-family:'Malgun Gothic';
	src:url('/images/MalgunGothic.eot');	/* ie */
	src:local('?'),
		url('/images/MalgunGothic.eot?#iefix') format('embedded-opentype'),
		url('/images/MalgunGothic.eot?#iefix') format('embedded-opentype'),
		url('/images/MalgunGothic.woff') format('woff');		
}

@font-face {
    font-family: "icomoon";
    src: url("../icomoon/fonts/icomoon.eot?c3k3i9");
    src: url("../icomoon/fonts/icomoon.eot?c3k3i9#iefix") format("embedded-opentype"), url("../icomoon/fonts/icomoon.ttf?c3k3i9") format("truetype"), url("../icomoon/fonts/icomoon.woff?c3k3i9") format("woff"), url("../icomoon/fonts/icomoon.svg?c3k3i9#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* sunflower-300 - latin_korean */
@font-face {
  font-family: 'Sunflower';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/sunflower-v9-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local('Sunflower Light'), local('Sunflower-Light'),
       url('../fonts/sunflower-v9-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sunflower-v9-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sunflower-v9-latin_korean-300.svg#Sunflower') format('svg'); /* Legacy iOS */
}
/* sunflower-700 - latin_korean */
@font-face {
  font-family: 'Sunflower';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/sunflower-v9-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local('Sunflower Bold'), local('Sunflower-Bold'),
       url('../fonts/sunflower-v9-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sunflower-v9-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sunflower-v9-latin_korean-700.svg#Sunflower') format('svg'); /* Legacy iOS */
}
/* sunflower-500 - latin_korean */
@font-face {
  font-family: 'Sunflower';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/sunflower-v9-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local('Sunflower Medium'), local('Sunflower-Medium'),
       url('../fonts/sunflower-v9-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sunflower-v9-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sunflower-v9-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sunflower-v9-latin_korean-500.svg#Sunflower') format('svg'); /* Legacy iOS */
}

* {margin:0; padding:0; font-family:'Malgun Gothic', sans-serif;}
body { line-height:1.6em; color:#2d2d2d; font-size:12px; text-align:center;}
img, fieldset, button {border:none;}
img, button, input, select {vertical-align:middle;}
hr, button img {display:none;}
li {list-style:none;}
a {color:#2d2d2d;text-decoration:none;}
a:hover {color:#2d2d2d; text-decoration:none;}
a:active {color:#2d2d2d; text-decoration:none;}
a:visited {color:#a7a7a7; text-decoration:none;} 
textarea {overflow:auto;}
html:first-child select {padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

header, footer, nav, aside, section, article {
display:block; 
}

/* 라디오버튼 교체 */
/*
.checks input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks input[type="radio"] + label { 
	display: inline-block; 
	position: relative;
	margin-right: 5px;
	padding-left: 27px;
	font-weight: 400;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks input[type="radio"] + label:before { 
	content: ''; 
	position: absolute; 
	left: -1px; 
	top: 0; 
	width: 24px; 
	height: 24px; 
	text-align: center; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05); 
} 
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks input[type="radio"]:checked + label:before { 
	background: #E9ECEE; 
	border-color: #adb8c0; 
} 
.checks input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 5px; 
	left: 3px; 
	width: 14px; 
	height: 14px; 
	background: #99a1a7; 
	border-radius: 100%; 
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); 
}

/* radio size */
/*
.checks.small input[type="radio"] + label {
  font-size: 12px;
  padding-left: 24px;
}
.checks.small input[type="radio"] + label:before {
  top: 0px;
  width: 18px;
  height: 18px;
}
.checks.small input[type="radio"]:checked + label:after {
    top: 4px;
  width: 12px;
  height: 12px;
}

/* 체크박스 교체 */
/*
.checks input[type="checkbox"] { 
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  font-size: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before { 
  content: ' '; 
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	line-height: 24px; 
	margin: -2px 5px 0 0; 
	text-align: center; 
	vertical-align: middle; 
	background: #fafafa; 
	border: 1px solid #cacece; 
	border-radius : 3px; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), 
  inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  
  content: '\e91c';
  color: #000;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
  inset 0px -15px 10px -12px rgba(0,0,0,0.05), 
  inset 15px 10px -12px rgba(255,255,255,0.1);
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}

/* checkbox size */
/*
.checks.small input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 1.7rem;
  color: #1d80ca;
}

/* checkbox different */
/*
.checks.etrans input[type="checkbox"] + label {
  padding-left: 30px;
}
.checks.etrans input[type="checkbox"] + label:before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  opacity: .6;
  box-shadow: none;
  border-color: #6cc0e5;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

.checks.etrans input[type="checkbox"]:checked + label:before {
  position: absolute;
  content: "";
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity:1; 
  background: transparent;
  border-color:transparent #6cc0e5 #6cc0e5 transparent;
  border-top-color:transparent;
  border-left-color:transparent;
  -ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

.no-csstransforms .checks.etrans input[type="checkbox"]:checked + label:before {
  /*content:"\2713";*/
  /*
  content: "\2714";
  top: 0;
  left: 0;
  width: 21px;
  line-height: 21px;
  color: #6cc0e5;
  text-align: center;
  border: 1px solid #6cc0e5;
}
*/



/* Top Layout */
.topWrapper {
	position:relative;
	min-width:960px;
	height:118px;
	border-bottom:1px solid #101b5c;
	background-color:#2b3887;
}

.topBox {
	position:relative;
	width:1170px;
	min-height:10px;
	margin:0 auto;
}

.logo {
	position:relative;
	height:101px;
	text-align:center;
	/* padding-top:17px; */
}

.logo img {
    height: 118px;
}

.topLogin {
	position:absolute;
	z-index:10;
	top:5px;
	right:200px;
	min-width:120px;
	height:22px;
	text-align:right;
}

.topLogin a {
	font-size:14px;
	color:#d4daff;
	margin:0 10px;
	text-decoration:none;
	font-family:'Open Sans', sans-serif;	
}

.linkTeacher {
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	height:32px;
}

a.btnTopteacher {
	position:relative;
	line-height:32px;
	padding:8px 20px;
	font-weight:bold;
	color:#2d2d2d;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#acacac));
	background: -webkit-linear-gradient(#ffffff, #acacac);
	background: -moz-linear-gradient(#ffffff, #acacac);
	background: -ms-linear-gradient(#ffffff, #acacac);
	background: -o-linear-gradient(#ffffff, #acacac);
	background: linear-gradient(#ffffff, #acacac);
	-pie-background: linear-gradient(#ffffff, #acacac);
	behavior: url(../pie/PIE.htc);
}

.amblem10th {
    position: absolute;
    z-index: 10;
    right: -180px;
    bottom: -30px;
}

.amblem10th img {
    width: 130px;
}
	

/* 네비게이션 */
.navWrapper {
	position:relative;
	min-width:960px;
	height:48px;
	border-top:1px solid #39479c;
	background-color:#2b3887;
}

.navBox {
	position:relative;
	height:48px;
	line-height:48px;
	margin:0 auto;
}

.navBox li {
	min-width:144px;
}

.navBox a {
	display:block;
	font-size:14px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
}

.navBoxOn {
	position:fixed !important;
	z-index:30;
	top:0 !important;
	width:100%;
	height:70px; 
	line-height:70px;
	background-color:#2b3887;
	/*
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	*/
}

.navBoxOn li {
	min-width:129px;
}

.navBoxOn a {
	display:block;
	font-size:14px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
}

.nav {
	position:relative;
	width:1170px;
	min-height:48px;
	margin:0 auto;
}

.nav .logo {
	display:none;
}

.navBoxOn .nav .logo {
	display:block;
	float:left;
	height:70px;
	padding:0;	
}

.navBoxOn .nav .logo img {
	width:115px;
    height: auto;
}
	

.nav ul.depth1 {
	position:relative;
	width:100%;
	height:48px;
}

.navBoxOn ul.depth1 {
	position:relative;
	float:right;
	width:1048px;
	height:48px;
}

.nav ul.depth1 li.gnb1 {
	position:relative;
	float:left;
	max-width:144px; 
	display:inline; 
	height:48px;
	border-right:1px solid #2b3887; 
	border-left:1px solid #2b3887; 
}
.nav  a:link span, a:visited span, a:hover span, a:active span {
	color:#fff;
}
.navBoxOn .nav ul.depth1 li.gnb1 {
	position:relative;
	float:left;
	max-width:129px; 
	display:inline; 
	height:70px;
	border-right:1px solid #2b3887; 
	border-left:1px solid #2b3887; 
}

.nav ul.depth1 > li.gnb1:hover {
	color:#2d2d2d;
	background-color:#2b2e3f;
	border-right:1px solid #1f2131; 
	border-left:1px solid #1f2131; 
}

.nav ul.depth1 li.gnb1:hover ul.depth2 {
	margin-left:-1px;
	background-color: #fffcf3;
	border-right:1px solid #d1cbba;
	border-bottom:1px solid #d1cbba;
	border-left:1px solid #d1cbba; 
	opacity: 0.90;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}


.nav ul.depth1 ul.depth2 {
	position:absolute; 
	z-index:30; 
	top:48px;
	width:144px;
	/*
	height:460px;
	*/ 
	display:none;
}

.navBoxOn .nav ul.depth1 ul.depth2 {
	position:absolute; 
	z-index:30; 
	top:70px;
	width:129px;
	/*
	height:460px;
	*/  
	display:none;
}

.nav ul.depth1 ul.depth2 li {
	display:block;
	text-align:left; 
	height:28px;
	line-height:28px;
	padding-left:10px;  
}

.navBoxOn .nav ul.depth1 ul.depth2 li {
	display:block;
	text-align:left; 
	height:28px;
	line-height:28px;
	padding-left:5px;  
}

.nav ul.depth1 ul.depth2 li:hover {
	display:block;
	width:126px !important;   
	height:28px;
	line-height:28px; 
	color:#000;
	font-weight:bold; 
	cursor:pointer; 
}

.navBoxOn .nav ul.depth1 ul.depth2 li:hover {
	display:block;
	width:111px !important;   
	height:28px;
	line-height:28px; 
	color:#000;
	font-weight:bold; 
	cursor:pointer; 
}

.nav ul.depth1 ul.depth2 li a { 
	font-size:12px !important; 
	color:#2d2d2d;
	font-family:'Malgun Gothic', sans-serif; 
	text-decoration:none;
}

.nav ul.depth1 ul.depth2 li a:hover {
	display:block;
	width:134px;
	margin-left:-10px;
	padding-left:10px;
	background-color:#eae1c5;
}

.navBoxOn .nav ul.depth1 ul.depth2 li a:hover {
	display:block;
	width:124px;
	margin-left:-5px;
	padding-left:5px;
	background-color:#eae1c5;
}
 

.subBox {
	position:absolute;
	z-index:20;
	top:48px;
	left:0;
	width:100%;
	/*
	min-height:460px;
	*/
	background:url(../images/bg/bg_subnav.png) no-repeat center bottom #fcfcfc;
	border-bottom:1px solid #2b3887;
	display:none;
}

.navBoxOn .subBox {
	position:absolute;
	z-index:20;
	top:70px;
	left:0;
	width:100%;
	/*
	min-height:460px;
	*/
	background:url(../images/bg/bg_subnav.png) no-repeat center bottom #fcfcfc;
	border-bottom:1px solid #2b3887;
	display:none;
}

.nav .amblem10th {
    display: none;
} 

.navBoxOn .amblem10th {
    position: absolute;
    z-index: 10;
    top: 0;
    right: -70px;
    bottom: auto;
    display: block;
}

.navBoxOn .amblem10th img {
    width: 60px;
}

/* 텍스트용 롤오버 */
a.roll span { display:block !important; } 
a.roll span.over { display:none !important; } 

a.roll:hover { width:144px; height:48px; border:0; text-decoration:none; }
a.roll:hover span { display:none !important; } 
a.roll:hover span.over { width:142px; font-size:14px !important; color:#fff !important; display:block !important; }


.noticeInTitle p.roll3 { color:#2d2d2d; display:inline-block; }
.noticeInTitle p.over3 { color:#2d2d2d; display:none; }

.noticeInTitle:hover p.roll3 { color:#2d2d2d; display:none; }
.noticeInTitle:hover p.over3 { color:#2d2d2d; display:inline-block; }

.columnInTitle p.roll3 { color:#2d2d2d; display:inline-block; }
.columnInTitle p.over3 { color:#2d2d2d; display:none; }

.columnInTitle:hover p.roll3 { color:#2d2d2d; display:none; }
.columnInTitle:hover p.over3 { color:#2d2d2d; display:inline-block; }


.navBoxOn a.roll:hover { width:129px; height:48px; border:0; text-decoration:none; }
.navBoxOn a.roll:hover span.over { width:127px; font-size:12px !important; display:block; }


/* 메인이미지 */
/*
#panel01 { width:100%; height:348px; margin:0px auto; }
#panel02 { width:100%; height:348px; margin:0px auto; }
#panel03 { width:100%; height:348px; margin:0px auto; }
#panel04 { width:100%; height:348px; margin:0px auto; }
#panel05 { width:100%; height:348px; margin:0px auto; }
#panel06 { width:100%; height:348px; margin:0px auto; }
#panel07 { width:100%; height:348px; margin:0px auto; }
*/
.panel  { width:100%; height:348px; margin:0px auto; }

.photo { position:absolute; z-index:1; left:50%; margin-left:-585px; }

.sliderkit-nav-clip {
	min-height:80px !important;
}

.photoNav { 
	position:relative; 
	z-index:99; 
	width:12px; 
	height:12px; 
	background-color:#acacac; 
	cursor:pointer;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(../pie/PIE.htc); 
}

.sliderkit-selected .photoNav { 
	position:relative; 
	z-index:99; 
	width:12px; 
	height:24px; 
	background-color:#ff3000; 
	cursor:pointer;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(../pie/PIE.htc);
}

li.sliderkit-selected {
	height:24px !important;
}

.mainImg {
	position:relative;
	width:100%;
	min-height:10px;
}

/* 수정전 메인 작업 소스 */

/* 핫 뉴스 */
.focusBox {
	position:relative;
	height:34px;
	background:url(../images/bg/bg_hot_news.gif) no-repeat center top #2b2e3f;
}

.focusInBox {
	position:relative;
	width:1170px;
	height:34px;
	margin:0 auto;
}

.focusNews {
	position:relative;
	float:left;
	width:45%;
	height:34px;
	line-height:34px;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.focusNews a {
	color:#fff;
	text-decoration:none;
}

.sloganBox {
	position:relative;
	float:right;
	width:45%;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.sloganBox span {
	display:inline-block;
	margin-left:20px;
}

/* Ticker */
.ticker {
	width: 100%;
	height: 34px;
	text-align:left;
	overflow: hidden;
	margin: 0;
	padding-left: 10px;
	list-style: none;
}


.ticker li {
	display:block;
}

.ticker2 {
	width: 100%;
	height: 34px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}


.ticker2 li {
	display:block;
}

.ticker3 {
	width: 100%;
	height: 56px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}


.ticker3 li {
	display:block;
}

/* Content Layout */

.container {
	position:relative;
	width:1168px;
	min-height:300px;
	margin:0 auto;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
}

.container.mydream {
	padding-right: 0px;
        padding-left: 0px;
}

.container:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.aside {
	position:relative;
	float:left;
	width:274px;
	height: 466px;
	min-height:10px;
	border-right:1px solid #dedede;
}

.aside:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.section {
	position:relative;
	float:right;
	width:893px;
	min-height:10px;
}

.section:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}


/* 로그인 */
.loginBox {
	position:relative;
	height:207px;
	padding:10px 15px;
	background-color:#fffcf3;
	border-bottom:1px solid #dedede;
}

.loginTitle {
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#33393d;
	text-align:left;
}

.loginInputBox {
	margin:20px 0 !important;
}

.loginInputBox li {
	margin:5px 0 !important;
}

.textareaInput {
	position:relative;
	width:100%;
	height:28px;
	line-height:28px;
	border:1px solid #e6dcac;
	text-align:left;
	font-size:14px;
}

.btnLogin {
	position:relative;
	width:100%;
	height:55px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	border:1px solid #103963;
	cursor:pointer;
}

.loginLink {
	margin-top:12px;
}

.loginLink li {
	position:relative;
	display:inline-block;
	margin:0 10px;
	text-align:center;
}

.loginLink li a {
	color:#2d2d2d;
}

.imgBox {
	position:relative;
	float:left;
	width:110px;
}


.imgBox img {
	border:3px solid #6e6f7a;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

ul.infoBox {
	position:relative;
	float:right;
	width:128px;
	height:140px;
	margin-top:-5px;
}

ul.infoBox li {
	display:block;
	height:28px;
	line-height:28px;
	text-align:left;
}

.awesomeBox {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	line-height:14px;
	padding:5px;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	background-color:#50546a;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
}

a.mathBtn {
	text-decoration:underline;
}

a.btnTask {
	position:relative;
	float:left;
	width:118px;
	height:30px;
	line-height:30px;
	margin-top:5px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}

a.btnCommunity {
	position:relative;
	float:right;
	width:118px;
	height:30px;
	line-height:30px;
	margin-top:7px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	cursor:pointer;
}


a.btnLogout {
	position:relative;
	float:right;
	width:118px;
	height:30px;
	line-height:30px;
	margin-top:7px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#3e7107;
	cursor:pointer;
}

.btnRolling {
	position:relative;
	float:left;
	width:118px;
	height:30px;
	margin-top:7px;
}

/* 공지사항 및 뉴스 */

.newsBox {
	position:relative;
	float:left;
	width:361px;
	height:170px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.newsTabBox {
	position:relative;
	width:100%;
	height:65px;
	border-bottom:1px solid #dedede;
}

.newsTabBox ul { 
	position:relative;  
	height:65px; 
	text-align:left;
	margin-left:-3px; 
}
.newsTabBox li {
	position:relative;  
	display:inline-block; 
	width:50%;
	height:65px; 
	text-align:center; 
	color:#2d2d2d; 
	margin:0px; 
	margin-left:-10px; 
}
.newsTabBox li:first-child { 
	margin-left:4px; 
} 
.newsTabBox span.tabBtn { 
	float:left; 
	display:inline-block; 
	width:168px; 
	height:55px; 
	padding:10px 0 0 15px;
	text-align:left; 
	font-size:14px;
	font-weight:bold; 
	color:#2d2d2d; 
	text-decoration:none;  
	background-color:#fff;
	cursor:pointer;
}
.newsTabBox span.tabBtn p.tabEx {
	display:block;
	margin-top:5px;
	height:12px;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.newsTabBox span.tabBtn a.more {
	display:none;
}

.newsTabBox span.tabSelected { 
	float:left; 
	display:inline-block; 
	width:169px; 
	height:55px;
	padding:10px 0 0 15px; 
	text-align:left; 
	font-size:14px;
	font-weight:bold;  
	color:#fff; 
	text-decoration:none; 
	background:url(../images/etc/arrow_top.png) no-repeat center bottom #33393d;
	cursor:pointer;
}

.newsTabBox span.tabSelected p.tabEx {
	display:block;
	margin-top:5px;
	height:12px;
	font-size:12px;
	font-weight:normal;
	color:#f0f0f0;
}

a.more {
	display:block;
	position:absolute;
	z-index:10;
	top:5px;
	left:150px;
	width:15px;
	height:15px;
	font-size:28px;
	font-weight:bold;
	color:#fff !important;
}


.tab_container { position:relative; }
.tab_content {margin:0;}

ul.tabList {
	height: 96px;
	margin: 0 0 4px;
	padding-top: 4px;
	overflow-y: hidden;
}
ul.tabListOn {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 361px;
	height: 159px;
	background-color: #fff;
}

ul.tabList li {
	position:relative;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	padding-left:10px;
}

ul.tabList li:before {
	content:"·";
	line-height:24px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

.newsBox > a:link,   a:active {
	color: #5d5d5d !important;
}


/* 학원일정 */
.scheduleBox {
	position:relative;
	float:left;
	width:240px;
	height:170px;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.scheduleTitle {
	position:relative;
	max-width:100%;
	height:55px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 15px;
	text-align:left;
	background:#f9f9f9;
	border-bottom:1px solid #dedede;
}

.scheduleTitle span {
	display:block;
	margin-top:5px;
	height:12px !important;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.scheduleTitle a.more {
	display:block;
	position:absolute;
	z-index:10;
	top:5px;
	left:210px;
	font-size:28px;
	font-weight:bold;
	color:#ff3000 !important;
}

ul.scheduleList {
	width:240px;
	height: 92px;
	margin:6px 0;
	overflow-y: hidden;
}
ul.scheduleListOn {
	position: absolute;
	z-index: 50;
	top: 60px;
	lelft: 0;
	width:240px;
	height: 152px;
	padding-top: 6px;
	
	background-color: #fff;
}
ul.scheduleList li {
	position:relative;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	padding-left:10px;
}

ul.scheduleList li:before {
	content:"·";
	line-height:24px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

/* 181228 뉴스 수정 */
.latestBox {
	position:relative;
	float:left;
	width:603px;
	height:211px;
	border-bottom:1px solid #dedede;
}

.noticeInBox {
	position:relative;
	float:left;
	width:301px;    
	height:211px;
	border-right:1px solid #dedede;	
}

.noticeInTitle {
	position:relative;
	max-width:100%;
	height:55px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 15px;
	text-align:left;
	background: #f9f9f9;
	border-bottom:1px solid #dedede;
}

.noticeInTitle span {
	display:block;
	margin-top:5px;
	height:12px !important;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.noticeInTitle a.more {
	display:block;
	position:absolute;
	z-index:10;
	top:5px;
	right:15px;
	left: auto;
	font-size:28px;
	font-weight:bold;
	color:#ff3000 !important;
}

ul.noticeInList {
	width:300px;
	min-height: 92px;
	margin:6px 0;
}
/*
ul.noticeInListOn {
	position: absolute;
	z-index: 50;
	top: 60px;
	lelft: 0;
	width:301px;
	height: 155px;
	padding-top: 6px;	
	background-color: #fff;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
*/
ul.noticeInList li {
	position:relative;
	display:block;
	text-align:left;
	height:22px;
	line-height:22px;
	padding-left:10px;
}

ul.noticeInList li:before {
	content:"·";
	line-height:18px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

.columnInBox {
	position:relative;
	float:left;
	width:300px;
	height:211px;
	border-right:1px solid #dedede;	
}

.columnInTitle {
	position:relative;
	max-width:100%;
	height:55px;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 15px;
	text-align:left;
	background: #f9f9f9;
	border-bottom:1px solid #dedede;
}

.columnInTitle span {
	display:block;
	margin-top:5px;
	height:12px !important;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.columnInTitle a.more {
	display:block;
	position:absolute;
	z-index:10;
	top:5px;
	right:15px;
	left: auto;
	font-size:28px;
	font-weight:bold;
	color:#ff3000 !important;
}

ul.columnInList {
	width:300px;
	min-height: 92px;
	margin:6px 0;
	overflow-y: hidden;
}
/*
ul.columnInListOn {
	position: absolute;
	z-index: 50;
	top: 60px;
	left: -1px;
	width:300px;
	height: 155px;
	padding-top: 6px;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	
	background-color: #fff;
}
*/
ul.columnInList li {
	position:relative;
	display:block;
	text-align:left;
	height:22px;
	line-height:22px;
	padding-left:10px;
}

ul.columnInList li:before {
	content:"·";
	line-height:18px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}


/* 오른쪽 링크 */
.linkBox {
	float:left;
	width:290px;
	border-bottom:1px solid #dedede;
}

.linkBox li {
	position:relative;
	height:56px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border-top:1px solid #dedede;
}

.linkBox li a.link01 {
	display:block;
	width:275px;
	height:52px;
	padding:3px 0 0 15px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link01.png) no-repeat 235px 9px;
}

.linkBox li a.link01 .linkTop {
	display:block;
	line-height: 13px;
	margin-top:2px;
	font-size:11px;
	font-weight:bold;
	color:#5ba4ff;
	
}

.linkBox li a.link02 {
	display:block;
	width:275px;
	height:46px;
	padding:10px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link02.png) no-repeat 235px 7px;
}

.linkBox li a.link02_01 {
	position: relative;
	float: left;
	display:inline-block;
	width:132px;
	height:46px;
	padding:10px 0 0 10px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	border-right:1px solid #dedede;
}

.linkBox li a.link02_02 {
	position: relative;
	float: left;
	display:inline-block;
	width:132px;
	height:46px;
	padding:10px 0 0 5px;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.linkBox li a.link03 {
	display:block;
	width:275px;
	height:46px;
	padding:10px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link05.png) no-repeat 235px 7px #fff7e2;
}

.linkBox li a.link03 span {
	display:block;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
	color:#dba926;
}

.linkBox li a.link04 {
	display:block;
	width:275px;
	height:46px;
	padding:10px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../images/etc/icon_link04.png) no-repeat 237px 12px #0f86d1;
}

.linkBox li span {
	display:block;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.linkBox li:first-child {
	border:none;
}

.linkBox li a.link04 span {
	display:block;
	margin-top:0px;
	font-size:12px;
	font-weight:normal;
	color:#ebf7ff;
}

/* 190626 추가 */
.linkBox2 {
	float:right;
	width:290px;
	border-bottom:1px solid #dedede;
}

.linkBox2 li {
	position:relative;
	height:78px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border-top:1px solid #dedede;
}

.linkBox2 li a.link01 {
	display:block;
	width:275px;
	height:63px;
	padding:15px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link06.png) no-repeat 225px 10px #fff8f2;
}

.linkBox2 li a.link02 {
	display:block;
	width:275px;
	height:63px;
	padding:15px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link07.png) no-repeat 225px 10px #f9fff3;
}

.linkBox2 li a.link03 {
	display:block;
	width:275px;
	height:65px;
	padding:15px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	background:url(../images/etc/icon_link08.png) no-repeat 225px 14px #f3fdff;
}

.linkBox2 li span {
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.linkBox2 li:first-child {
	border:none;
}

/* 동영상 */
.vodBox {
	position:relative;
	width:230px;
	height:190px;
	margin:21px;
	background:#f9f9f9;
	border:1px solid #dedede;
	display:none;
}

.mainVodBox {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:230px;
	height:190px;
}
	
	
.mainVodS {
	display:block;
	position:relative;
	width:230px;
	height:190px; 
	border:1px solid #5d5d5d;
	background:url(../images/bg/bg_main_vod.png) no-repeat transparent;
}

.mainVodS span.vodEx { position:absolute; z-index:15; top:15px; left:0px; width:230px; font-size:18px; padding:10px 0px; text-align:center; color:#fff; font-weight:bold; background:url(../images/bg/bg_overlay_white.png) repeat; font-family:'NanumBarunGothic';}
.mainVodS span.vodBtn2 { position:absolute; z-index:15; top:80px; left:78px; width:75px; height:75px; background:url(../images/btn/btn_vod-start.png) no-repeat center center; cursor:pointer; } 


.mainVod {
	position:relative;
	width:230px;
	height:190px; 
}

/* 프로그램 */
.programBox {
	position:relative;
	float:left;
	width:602px;
	height:170px;
	border-right:1px solid #dedede;
}

.programTabBox {
	position:relative;
	float:right;
	width:210px;
	height:170px;
	border-left:1px solid #dedede;
}	

.programTabBox ul { 
	position:relative;  
	height:168px; 
	text-align:left;
}
.programTabBox li {
	position:relative;  
	display:block; 
	width:210px;
	height:55px; 
	text-align:left; 
	color:#2d2d2d; 
	margin:0px;
	border-top:1px solid #dedede; 
}

.programTabBox li:first-child {
	border-top:none;
}
 
.programTabBox a.tabBtn2:link, a.tabBtn2:visited, a.tabBtn2:active {  
	display:block; 
	width:195px; 
	height:52px; 
	padding:5px 0 0 15px;
	text-align:left; 
	font-size:16px;
	font-weight:bold; 
	color:#2d2d2d; 
	text-decoration:none;  
	background-color:#fff;
}
.programTabBox a.tabBtn2 span {
	display:block;
	margin-top:5px;
	height:12px !important;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}


.programTabBox a.tabSelected2:link, a.tabSelected2:visited, a.tabSelected2:active { 
	display:block; 
	width:195px; 
	height:52px;
	padding:5px 0 0 15px; 
	text-align:left; 
	font-size:16px;
	font-weight:bold;  
	color:#fff; 
	text-decoration:none; 
	background:url(../images/etc/arrow_right.png) no-repeat left center #004c99;
}
.programTabBox a.tabSelected2 span {
	display:block;
	height:12px !important;
	margin-top:5px;
	font-size:12px;
	font-weight:normal;
	color:#ebf7ff;
}

.tab_container2 { 
	position:relative;
	float:left;
	width:391px;
	height: 170px; 
 }
 
.tab_content2 {
	margin:0;
}

.programImg {
	position:relative;
	float:left;
	width:357px;
	height: 80px;
	margin:20px 10px 0;
	overflow: hidden;
	border: 3px solid #bbbbbb;
}
.programImg > img {
	height: 80px !important;
	border: transparent;
} 

.programImg2 {
	position:relative;
	float:left;
	
	height: 90px;
	margin:10px;
	overflow-y: hidden;
	border:3px solid #bbbbbb;
}

.programImg2 > img {
	width:357px !important;
	border: transparent;
}

.programTitle {
	position:relative;
	float:right;
	width:195px;
	text-align:left;
}

.topTitle {
	position:relative;
	display:block;
	margin-top:20px;
	text-align:left;
	font-size:36px;
	font-weight:bold;
	color:#ff3000;
	font-family:'Open Sans', sans-seif;
}

.titleEx {
	position:relative;
	display:block;
	margin-top:20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#004c99;
	font-family:'Open Sans', sans-seif;
}

.programEx {
	width:354px;
	margin:0 0 0 15px;
	text-align:left;
	font-size:12px;
}

/* 미디어 및 행사 */
.rightBox {
	float:left;
	width:290px;
}

.rightBox li {
	position:relative;
	height:116px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border-top:1px solid #dedede;
}

.rightBox li span {
	display:block;
	margin-top:10px;
	font-size:12px;
	font-weight:normal;
	color:#acacac;
}

.rightBox li:first-child {
	border:none;
}

.rightImg {
	position:relative;
	display:inline-block;
	float:left;
	width:110px;
	height:93px;
	margin:12px 0 0 10px;
}

.rightImg img {
	width:110px;
	height:93px;
}

.btnOverlay {
	position:absolute;
	z-index:10;
	top:14px;
	left:32px;
	width:47px;
	height:47px;
	background:url(../images/etc/arrow_start.png) no-repeat center top;
}

a.rightBtn {
	position:relative;
	display:inline-block;
	float:right;
	width:143px;
	margin:12px 10px 0 0;
	cursor:pointer;
}

a.rightBtn .rightTitle {
	font-size:14px;
	font-weight:bold;
}

a.rightBtn .rightEx {
	display:block;
	font-size:12px;
	color:#2d2d2d;
}

a.rightBtn .rightLink {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#004c99;
}

/* Bottom Layout */
.footerBox {
	position:relative;
	border-bottom:1px solid #dedede;
}

.footerBox:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}

.bottomLinkBox {
	position:relative;
	height:34px;
	background-color:#f9f9f9;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.bottomInBox {
	position:relative;
	width:1170px;
	margin:0 auto;
}

ul.bottomInLink {
	width:700px;
	margin:0 auto;
}

ul.bottomInLink li {
	position:relative;
	display:inline-block;
	height:34px;
	line-height:34px;
	margin:0 10px;
}

ul.bottomInLink li a {
	color:#2d2d2d;
}

/* 패밀리 사이트 */
.tabSelectBox {
	position:absolute;
	z-index: 10;
	top:4px;
	right:4px;
	width:188px;
}

.tabInSelect {
	display:block;
	max-width:100%;
	height:25px;
	line-height:25px;
	text-align:left;
	padding-left:10px;
	color:#2d2d2d;
	background-color:#f9f9f9;
	border:1px solid #ff3000;
	cursor:pointer;
}

.tabInSelectOn {
	display:block;
	max-width:100%;
	height:25px;
	line-height:25px;
	text-align:left;
	padding-left:10px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #ff3000;
	cursor:pointer;
}

.tabArrowDown {
	position:relative;
	display:inline-block;
	float:right;
	height:14px;
	margin:5px 0px;
	padding:0 20px;
	background:url(../images/etc/icon_arrow_down.png) no-repeat center center;
	border-left:1px solid #c8c8c8;
	text-indent:-9999px;
}


.tabArrowUp {
	position:relative;
	display:inline-block;
	float:right;
	height:14px;
	margin:5px 0px;
	padding:0 20px;
	background:url(../images/etc/icon_arrow_up.png) no-repeat center center;
	border-left:1px solid #c8c8c8;
	text-indent:-9999px;
}

ul.tabListBox {
    position: relative;
    z-index: 15;
    width: 186px;
    min-height: 10px;
    margin-left: -11px;
    background-color: #fff;
    border: 1px solid #ff3000;
    list-style: none;
    border-top: none;
    display: none;
}

ul.tabListBox li {
	display:block;
	height:32px;
	line-height:32px;
	text-align:left;
	padding-left:10px;
	border-top:1px solid #dedede;
}

ul.tabListBox li:hover {
	background-color:#f9f9f9;
}

ul.tabListBox a:link, 
ul.tabListBox a:visited,
ul.tabListBox a:active
 {
	display:block;
	color:#2d2d2d;
	text-decoration:none;
}

ul.tabListBox a:hover {
	color:#ff3000;
}


/* 퀵메뉴 */
.leftQuick {
  position:absolute;
	z-index:10;
	top:558px;
	left:50%;
	margin-left:-746px;
	width:150px;
	min-height:10px;
	border: 2px solid #acacac;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.leftQuickOn {
	position:fixed;
	z-index:10;
	top:370px;
	left:50%;
	margin-left:-746px;
	width:150px;
	min-height:10px;
}

.quick {
	position:absolute;
	z-index:10;
	top:558px;
	left:50%;
	margin-left:595px;
	width:75px;
	min-height:10px;
}

.quickOn {
	position:fixed;
	z-index:10;
	top:370px;
	left:50%;
	margin-left:595px;
	width:75px;
	min-height:10px;
	background-color:#f7fbff;
	border:1px solid #d1deec;
}

ul.quickBox {
	background-color:#f7fbff;
	border:1px solid #d1deec;
}

ul.quickBox li {
	display:block;
	border-top:1px solid #d1deec;
}

ul.quickBox li:first-child {
	border-top:none;
}

ul.quickBox li a span {
	display:block;
	letter-spacing:-1px;
	padding:5px 2px;
	color:#2d2d2d;
}

ul.quickBox li a:hover span {
	display:block;
	color:#fff;
	background-color:#004c99;	
}

ul.quickBox span.quickAwesome {
	display:block;
	font-size:36px;
	color:#004c99;
}

ul.quickBox li a:hover span.quickAwesome {
	color:#fff;
}

ul.quickBox li a.quickNew {
	display: block;
	background-color: #ffeed7;
}

ul.quickBox li a.quickNew span.quickText {
	font-size: 14px;
	font-weight: bold;
	color: #e27c19;	
}

ul.quickBox li a.quickNew span.quickText span {
	font-size: 16px;
	font-weight: bold;
	color: #e27c19;
}

ul.quickBox li a.quickNew:hover span {
	background-color:#e27c19;	
}

ul.quickBox li a.quickNew span.quickAwesome {
	display:block;
	font-size:36px;
	color:#e27c19;
}

ul.quickBox li a.quickNew:hover span.quickAwesome {
	color:#fff;
}

ul.quickBox li a.quickNew:hover span.quickText {
	color: #fff;	
}




/* 서브 퀵메뉴 */
.subQuick .quick {
	position:absolute;
	z-index:10;
	top:221px;
	left:50%;
	margin-left:595px;
	width:75px;
	min-height:10px;
	background-color:#f7fbff;
	border:1px solid #d1deec;
}

.subQuick .quickOn {
	position:fixed;
	z-index:10;
	top:122px;
	left:50%;
	margin-left:595px;
	width:75px;
	min-height:10px;
	background-color:#f7fbff;
	border:1px solid #d1deec;
}



/* 푸터 */
.footerBox {
	background-color:#f0f0f0;
}
.footerInBox {
	position:relative;
	width:1170px;
	min-height:10px;
	margin:0 auto;
}

	

.copyright {
	position:relative;
	float:left;
	width:600px;
	height:115px;
	margin:10px 0;
	padding:5px 0 0 200px;
	text-align:left;
	color:#000;
	background:url(../images/bg/footer_logo.png) no-repeat left center;
}

ul.customerBox {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: 140px;
	background-color: #fff;
	border-right: 1px solid #dedede;
}

ul.customerBox li {
	position: relative;
	display: inline-block;
	height: 140px;
	margin-left: -4px;
	vertical-align: top;
	border-left: 1px solid #dedede;
}

ul.customerBox li:first-child {
	margin-left: 0;
}

.customerTitle01 {
	position: relative;
	display: block;
	height: 24px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
	color:#fff;
	background-color: #5d5d5d;
}

.customerTitle02 {
	position: relative;
	display: block;
	height: 24px;
	line-height: 22px;
	font-size: 14px;
	text-align: center;
	color:#fff;
	background-color: #1a4ca0;
}

.customer {
	position:relative;
	width:240px;
	min-height:110px;
	padding: 0 10px;
	color:#000;
}

.customTop {
	display:block;
	margin-top: 5px;
	padding-left: 3px;
	font-size:24px;
	text-align:left;
	font-weight:bold;
	color:#000;
	font-family:'Open Sans', sans-serif;
}

.customNumber {
	font-size:28px;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
}

.customText {
	margin-top:5px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#000;
}

.text2 {
	position:relative;
	display:inline-block;
	margin-left:70px;
}

.text3 {
	position:relative;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#004c99;
}

.text4 {
	position:relative;
	line-height: 24px;
	margin-top: 5px;
	text-align:left;
	font-size:18px;
}

/* Sub Layout */

/* 서브이미지 */
.subImg08 {
	position:relative;
	width:100%;
	height:270px;
	background:url(../images/etc/img_sub01.jpg) no-repeat center top;
	text-indent:-9999px;
}

/* 서브 로그인 */
.subLoginBox {
	position:relative;
	float:right;
	height:34px;
	margin-top:3px;
	background-color:#fff;
	border:1px solid #dedede;
	border-top:1px solid #acacac;
	border-right:1px solid #acacac;
	border-bottom:1px solid #dedede;
	border-left:1px solid #acacac;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
}
.subLogin {
	position:absolute;
    z-index: 10;
    top: 0;
    right: 0;
	height:32px;
	margin:4px -90px 0 0;
	padding:0 20px 0 10px;
	text-align:right;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
}

.subLogin li {
	display:inline-block;
	height:32px;
	line-height:32px;
	margin:0 1px;
	vertical-align:top;
	color:#2d2d2d;
}

.btnAlramBox{
    position: absolute;
    width: 0;
}

.btnSubLoginBlue {
	position:relative;
	padding:4px 10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	border:1px solid #103963;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

/*
.subLogin .awesomeBox {
	position:relative;
	display:inline-block;
	width:14px;
	height:14px;
	line-height:14px;
	padding:5px;
	text-align:center;
	font-size:12px;
	color:#50546a;
	vertical-align:middle;
	background-color:#fff;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
}
*/

.subLogin a.btnTask {
	position:relative;
	float:none;
	display:inline-block;
	width:80px;
	height:24px;
	line-height:24px;
	margin:0 -5px 0 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#2d2d2d;
	background-color:#f9f9f9;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

.subLogin a.btnCommunity {
	position:relative;
	float:none;
	display:inline-block;
	width:80px;
	height:24px;
	line-height:24px;
	margin:0 -5px 0 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#2d2d2d;
	background-color:#f9f9f9;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

.subLogin a.btnDream {
	position:relative;
	float:none;
	display:inline-block;
	width:80px;
	height:24px;
	line-height:24px;
	margin:0 -5px 0 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#2e69b3;
	border:1px solid #205aa2;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

.subLogin a.btnLogout {
	position:relative;
	display:inline-block;
	width:100px;
	height:24px;
	line-height:24px;
	margin-top:0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#3e7107;
	border:1px solid #6f7d61;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}

/* 포지션 및 서브메뉴 */
.positionBox {
	position:relative;
	width:100%;
	height:42px;
	background-color:#f0f0f0;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.positionBoxOn {
	position:fixed;
	z-index:20;
	top:70px;
	width:100%;
	height:42px;
	background-color:#f0f0f0;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.positionInBox {
	position:relative;
	width:1168px;
	height:42px;
	line-height:42px;
	margin:0 auto;
}

ul.subMenuBox {
	position:relative;
	float:left;
	height:40px;
	padding-right:5px;
	text-align:left;
	}

ul.subMenuBox li {
	display:inline;
	font-size:14px;
	padding:0 10px;
	border-right:1px solid #bfbfbf;
}

.menuSelect {
	position:relative;
	display:inline-block;
	padding-right:30px;
	cursor:pointer;
}

.menuSelectOn {
	position:relative;
	display:inline-block;
	padding-right:30px;
	color:#007eff;
	cursor:pointer;
}

.menuArrowDown {
	position:absolute;
	z-index:10;
	top:15px;
	right:0px;
	width:14px;
	height:14px;
	background:url(../images/etc/icon_arrow_down_black.png) no-repeat center center;
	text-indent:-9999px;
}


ul.menuListBox {
    position:absolute;
    z-index:30;
    top:35px;
	left:0px;
    width: 186px;
    min-height:10px;
    background-color: #fff;
    border: 1px solid #acacac;
    list-style: none;
    display: none;
}

ul.menuListBox li {
	display:block;
	height:32px;
	line-height:32px;
	text-align:left;
	padding-left:10px;
	border-right:none;
}

ul.menuListBox li:hover {
	background-color:#2b3887;
}

ul.menuListBox li.selected {
	background-color:#2b3887;
}

ul.menuListBox a:link, 
ul.menuListBox a:visited,
ul.menuListBox a:active
 {
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#2d2d2d;
	text-decoration:none;
}

ul.menuListBox a:hover {
	color:#fff;
}

ul.menuListBox li.selected a {
	font-weight:bold;
	color:#fff;
}

.menuBox {
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:20px;
}
/* Reservations */

.reservations .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#edf0e8;
	border-top:1px solid #d4dec2;
	border-bottom:1px solid #d4dec2;
}

.reservations .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #568900;
}

.reservations .subTitleEx {
	position:relative;
	display:inline-block;
	width:82%;
}

.reservations .subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;



	line-height:1.5;
	text-align:left;
	font-size:12px;
	color:#4f7809;
}

.personalBox .subTitleEx {
	width: 90%;
}

/* 정규레벨테스트 */

.checkListBox {
	position:relative;
	height:40px;
	margin:10px 15px 10px;
	border-bottom:3px solid #ff3000;
}

.checkListTitle {
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:40px;
	padding:0 20px; 
	line-height:40px; 
	text-align:center; 
	font-size:14px;
	font-weight:bold; 
	color:#fff; 
	text-decoration:none; 
	background-color:#ff3000;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.checkLIstInTitle {
	position:relative;
	height:24px;
	line-height:24px;
	margin:15px 40px;
	text-align:left;
	font-weight:bold;
}

.checkListImg {
	position:relative;
	width:1068px;
	height:196px;
	margin:0 auto;
	background:
	url(../images/etc/img_reservations_02.png) no-repeat;
	text-indent:-9999px;
}

.reservationListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-bottom:1px solid #acacac;
}

.reservationListTable caption {
	position:relative;
	padding:5px 10px;
	text-align:left;
	font-weight:bold;
}

.reservationListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#fff3d0;
	border-top:1px solid #acacac;
}

.reservationListTable td {
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
}

.reservationListTable p {
	text-align:left;
}

.calendarLeftBox {
	position:relative;
	float:left;
	width:570px;
	min-height:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.habit9Title {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background:url(../images/etc/logo_popup.png) no-repeat left 10px center #2b3887;
}

.calenderTopTitle {
	position:relative;
	display: block;
	height:54px;
	line-height:54px;
	border:1px solid #8b8b8b;
	border-bottom:none;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#ececec));
	background: -webkit-linear-gradient(#ffffff, #ececec);
	background: -moz-linear-gradient(#ffffff, #ececec);
	background: -ms-linear-gradient(#ffffff, #ececec);
	background: -o-linear-gradient(#ffffff, #ececec);
	background: linear-gradient(#ffffff, #ececec);
	-pie-background: linear-gradient(#ffffff, #ececec);
	behavior: url(../pie/PIE.htc);	
}

ul.monthBox {
	position:relative;
	float:right;
	display:inline-block;
	height:55px !important;
	margin-right:15px;
}

ul.monthBox li {
	display:inline-block;
	height:55px !important;
	margin:0 5px !important;
	text-align:center;
}

.calendarListBox {
	position:relative;
	width:590px;
	border:4px solid #656565;
}

.calednarListTable {
	border-collapse:collapse;
	display: block;
	margin:0px;
	border-top:2px solid #2b2e3f;
	border:4px solid #656565;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.calednarListTable th {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	background-color:#e7e7e7;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	font-family:'Open Sans', sans-serif;
}

.calednarListTable td {
	position:relative;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}

.calednarListTable2 {
	border-collapse:separate;
	max-width:100%;
}

.calednarListTable2 th {
	position:relative;
	margin: 0; 
	padding:10px; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color:#fff3d0; 
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calednarListTable2 th.checkListThOn {
	position:absolute;
	z-index:20;
	width:100px;
	height:230px;
	margin: 0; 
	padding:190px 10px 0; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color:#fff3d0; 
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calednarListTable2 td {
	position:relative;
	margin: 0; 
	padding:10px; 
	text-align:left; 
	color: #2d2d2d; 
	background-color:#fff; 
}

.calednarListTable2 td.borderLine {
	width:402px;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}

.calednarListTable2 td.checkListTdOn {
	position:absolute;
	z-index:20;
	left:132px;
	width:411px;
	height:400px;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}
	

.calednarListTable2 p {
	text-align:center; 
}

.checkList {
	position:relative;
	height:150px;
	overflow-x:hidden;
	overflow-y:auto;
}

.checkListOn {
	position: absolute;
	z-index:30;
	top:10px;
	left:10px;
	width:411px;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}

.calendarRightBox {
	position:relative;
	float:right;
	width:570px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.soobitTitle {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px;
	text-align: right;
	padding-right: 10px;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background:url(../images/etc/soobit_logo_popup.png) no-repeat left 10px center #c8171d;
}

.calendarRightBox .calenderTopTitle {
	position:relative;
	display: block;
	height:54px;
	line-height:54px;
	border: 1px solid #d7575b;
	border-bottom:none;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#ececec));
	background: -webkit-linear-gradient(#ffffff, #ececec);
	background: -moz-linear-gradient(#ffffff, #ececec);
	background: -ms-linear-gradient(#ffffff, #ececec);
	background: -o-linear-gradient(#ffffff, #ececec);
	background: linear-gradient(#ffffff, #ececec);
	-pie-background: linear-gradient(#ffffff, #ececec);
	behavior: url(../pie/PIE.htc);	
}

.calendarRightBox ul.monthBox {
	position:relative;
	float:right;
	display:inline-block;
	height:55px !important;
	margin-right:15px;
}

.calendarRightBox ul.monthBox li {
	display:inline-block;
	height:55px !important;
	margin:0 5px !important;
	text-align:center;
}

.calendarRightBox .calendarListBox {
	position:relative;
	width:590px;
	border:4px solid #656565;
}

.calendarRightBox .calednarListTable {
	border-collapse:collapse;
	display: block;
	margin:0px;
	border-top:2px solid #2b2e3f;
	    border: 4px solid #d7575b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.calendarRightBox .calednarListTable th {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	background-color:#e7e7e7;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
	font-family:'Open Sans', sans-serif;
}

.calendarRightBox .calednarListTable td {
	position:relative;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
	border-bottom:1px solid #d8d8d8;
	border-left:1px solid #d8d8d8;
}


.calendarRightBox .calednarListTable2 {
	border-collapse:separate;
	max-width:100%;
}

.calendarRightBox .calednarListTable2 th {
	margin: 0; 
	padding:10px; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color: #fff3d0;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable2 th.checkListThOn {
	position:absolute;
	z-index:20;
	width:100px;
	height:230px;
	margin: 0; 
	padding:190px 10px 0; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color: #fff3d0;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable2 td {
	position:relative;
	margin: 0; 
	padding:10px; 
	text-align:left; 
	color: #2d2d2d; 
	background-color:#fff; 
	border: 1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}

.calendarRightBox .calednarListTable2 td.borderLine {
	width:412px;
	border: 1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable2 td.checkListTdOn {
	position:absolute;
	z-index:20;
	left:132px;
	width:411px;
	height:400px;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}
	

.calendarRightBox .calednarListTable2 p {
	text-align:center; 
}

.calendarRightBox .checkList {
	position:relative;
	height:150px;
	overflow-x:hidden;
	overflow-y:auto;
}

.calendarRightBox .checkListOn {
	position: absolute;
	z-index:30;
	top:10px;
	left:10px;
	width:411px;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}

.calendarRightBox .calednarListTable3 {
	border-collapse:separate;
	max-width:100%;
}

.calendarRightBox .calednarListTable3 th {
	margin: 0; 
	padding:10px; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color: #fffafa;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable3 th.checkListThOn3 {
	position:absolute;
	z-index:20;
	width:100px;
	height:230px;
	margin: 0; 
	padding:190px 10px 0; 
	text-align:center;  
	color: #000; 
	font-weight: bold; 
	white-space:normal;
	background-color: #fffafa;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable3 td {
	position:relative;
	margin: 0; 
	padding:10px; 
	text-align:left; 
	color: #2d2d2d; 
	background-color:#fff; 
}

.calendarRightBox .calednarListTable3 td.borderLine {
	width:412px;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}

.calendarRightBox .calednarListTable3 td.checkListTdOn3 {
	position:absolute;
	z-index:20;
	left:132px;
	width:411px;
	height:400px;
	border:1px solid #acacac;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	behavior: url(../pie/PIE.htc);
}
	

.calendarRightBox .calednarListTable3 p {
	text-align:center; 
}

.calendarRightBox .checkListOn3 {
	position: absolute;
	z-index:30;
	top:10px;
	left:10px;
	width:411px;
	height:400px;
	overflow-x:hidden;
	overflow-y:auto;
}


/* 특강신청 */

ul.checkBox {}
ul.checkBox li {
	display:block;
	text-align:left;
	margin:5px 0;
	padding-left:10px;
	font-size:13px;
}

.reservations .leftInBox {
	position:relative;
	width:730px;
	padding-bottom:10px;
}

.reservations .leftInBox2 {
	position:relative;
	width:100%;
	padding-bottom:10px;
	border-right:none;
}


.reservations .rightInBox {
	position:relative;
	max-width:400px;
	padding-bottom:10px;
}

.reservations .MTB10 {
	margin-bottom:0;
	padding-bottom:10px;
}

.reservations .MB10 {
	margin-bottom:0;
}

.habitVodBox {
	position:relative;
	width:350px;
	height:223px;
	padding:10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#f9f9f9;
	border:1px solid #dedede;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640));
	background: -webkit-linear-gradient(#68c258, #4c9640);
	background: -moz-linear-gradient(#68c258, #4c9640);
	background: -ms-linear-gradient(#68c258, #4c9640);
	background: -o-linear-gradient(#68c258, #4c9640);
	background: linear-gradient(#68c258, #4c9640);
	-pie-background: linear-gradient(#68c258, #4c9640);
	*/
	behavior: url(../pie/PIE.htc);
}
	
	
.habitVodS {
	display:block;
	position:relative;
	width:350px;
	height:223px; 
	margin-bottom:10px;
	border:1px solid #5d5d5d;
	background:url(../images/bg/bg_vod_img.jpg) no-repeat transparent;
}

.habitVodS span.vodEx { position:absolute; z-index:15; top:15px; left:0px; width:350px; font-size:18px; padding:10px 0px; text-align:center; color:#fff; background:url(../images/bg/bg_over.png) repeat; font-family:'NanumBarunGothic';}
.habitVodS span.vodBtn { position:absolute; z-index:15; top:80px; left:135px; width:75px; height:75px; background:url(../images/btn/btn_vod-start.png) no-repeat center center; cursor:pointer; } 


.habitVod {
	position:relative;
	display:none;
	position:relative;
	width:295px;
	height:188px; 
	margin-bottom:10px;
	border:1px solid #5d5d5d;
	background: #acacac;
}

.specialBox {
	position:relative;
	display:block;
	height:140px;
	margin:10px;
	padding:5px;
	text-align:left;
	background-color:#f3ffde;
	border:1px solid #acacac;
	overflow:auto;
}

/* 입학실기시험예약 */
ul.testListBox {
	width:100%;
	display:block;
}

ul.testListBox li {
	display:block;
	margin:5px 10px;
	text-align:left;
	font-weight:bold;
}

/* My page */

/* 서브 타이틀 */

.subTitleBox {
	position:relative;
	padding-top:10px;
}

.subTitleInBox {
	position:relative;
	width:100%;
	height: 65px;
	padding-top:15px;
	background-color:#33393d;
}


.subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-left:5px solid #ffb800;
}

.subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#d8e0e6;
}

/* About */

.about .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#fffee2;
	border-top:1px solid #dad9ae;
	border-bottom:1px solid #dad9ae;
}

.about .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #ddb13f;
}

.about .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.about .subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#d19d00;
}

/* 교육목표 */

.goalImgBox {
	position:relative;
	width:1000px;
	height:600px;
	margin:0 auto;
	background:url(../images/etc/img_goal.png) no-repeat;
	text-indent:-9999px;
}

/* About Habit 9 */

.habitImgBox01 {
	position:relative;
	width:1000px;
	height:1348px;
	margin:0 auto;
	background:url(../images/etc/img_about_habit9_01.jpg) no-repeat;
	text-indent:-9999px;
}

.habitImgBox02 {
	position:relative;
	width:1000px;
	height:1470px;
	margin:0 auto;
	background:url(../images/etc/img_about_habit9_02.jpg) no-repeat;
	text-indent:-9999px;
}

/*  교육시설 */

.facilityImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_facility.png) no-repeat left top;
}



.facilityImgExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.facilityImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.facilityImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}	

ul.photoBox4 {
	position: relative;
    float: left;
    width: 250px;
    height: 220px;
}

ul.photoBox4 li {
	position:relative;
	margin:2px 0;
	text-align:left;
}

ul.photoBox4 img {
	position:relative;
	width:250px;
	height:180px;
	margin-bottom:10px;
	border:1px solid #dedede;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
}

.viewImgBox {
	position:relative;
	text-align:left;
}

/* 찾아오시는길 */

.locationImgBox {
	position:absolute;
	z-index:10;
	top:10px;
	right:30px;
	width:209px;
	height:170px;
	background:url(../images/etc/img_location.png) no-repeat;
	text-indent:-9999px;
}

.locationBox {
	position:relative;
	width:1000px;
	height:1176px;
	margin:0 auto;
	background:url(../images/etc/img_location_map.png) no-repeat;
	text-indent:-9999px;
}

/* 교육지원시스템 */

.systemImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_system.png) no-repeat left top;
}

.systemImgExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.systemImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.systemImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}

.systemListBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:10px;
	border:3px dashed #94a3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
	
}

.systemListBox th {
	position:relative;
	color:#fff;
	background:url(../images/etc/img_aid.png) no-repeat center center #f1f3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

.systemListBox td {
	position:relative;
	height:96px;
	padding:10px;
	text-align:left;
	background-color:#fff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

ul.systemList {
	width:100%;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}
ul.systemList li {
	position:relative;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	padding-left:10px;
}

ul.systemList li:before {
	content:"·";
	line-height:24px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

.tabSystemImgBox1 {
	position:relative;
	width:1000px;
	height:381px;
	margin:30px auto 50px;
	background:url(../images/etc/img_system_01.png) no-repeat center top;
	text-indent:-9999px;
}

.tabSystemImgBox2 {
	position:relative;
	width:1000px;
	height:559px;
	margin:30px auto 50px;
	background:url(../images/etc/img_system_02.png) no-repeat center top;
	text-indent:-9999px;
}

.tabSystemImgBox3 {
	position:relative;
	width:1000px;
	height:744px;
	margin:30px auto 50px;
	background:url(../images/etc/img_system_03.png) no-repeat center top;
	text-indent:-9999px;
}

.tabSystemImgBox4 {
	position:relative;
	width:1000px;
	height:164px;
	margin:30px auto 50px;
	background:url(../images/etc/img_system_04.png) no-repeat center top;
	text-indent:-9999px;
}

.tabSystemImgBox5 {
	position:relative;
	width:1000px;
	height:567px;
	margin:30px auto 50px;
	background:url(../images/etc/img_system_05.png) no-repeat center top;
	text-indent:-9999px;
}



/* habit9 성과 */

.resultSearchBox {
	position:relative;
	display:block;
	height:55px;
	line-height:55px;
	text-align:right;
	margin:10px 200px;
	font-size:14px;
	font-weight:bold;
	background-color: #fff8e7;
	border:1px solid #efcb70;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
}

.resultSearch {
	position:relative;
	z-index: 10;
	display:inline-block;
	float:right;
	width:200px;
	height:31px;

	line-height:31px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	border-bottom:none;
}

.passIcon {
	position:absolute;
	z-index:10;
	top:-15px;
	right:-15px;
	width:90px;
	height:90px;
	background:url(../images/etc/img_pass_icon.png) no-repeat;
	text-indent:-9999px;
}

.passTextBox {
	position:relative;
	display:inline-block;
	float:right;
	text-align:right;
	margin-right:100px;
	font-size:14px;
	font-weight:bold;
}

div.passTitleBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:50px 10px 50px;
	padding:30px 10px 10px;
	text-align:center;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

ul.passTitleList {
	display:block;
	padding-left:50px;
}

ul.passTitleList li {
	display:block;
	text-align:left;
	margin:0 10px;
	font-size:12px;
}

.passTitle {
	position:absolute;
	z-index:10;
	top:-16px;
	left:50px;
	width:347px;
	height:42px;
	line-height:42px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../images/bg/bg_pass_title.png) no-repeat;
}

.passTitle2 {
	position:absolute;
	z-index:10;
	top:-16px;
	right:50px;
	width:347px;
	height:134px;
	line-height:42px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../images/bg/bg_pass_title2.png) no-repeat;
}

.passIconBox {
	position:absolute;
	z-index:20;
	top:-30px;
	left:50%;
	width:230px;
	height:165px;
	margin-left:-130px;
	line-height:42px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:url(../images/etc/img_icon_badge.png) no-repeat center center #f9f9f9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10+px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(/pie/PIE.htc);
}

.contentTabInBox2 { 
	position:relative; 
	height:31px; 
	line-height:31px;
	margin:15px 10px 5px;
	border-bottom:1px solid #dedede;
}

.contentTabInBox2:after {display:block;visibility:hidden;clear:both;content:""}


.contentTabInBox2 ul { position:relative; width:auto; height:32px; text-align:left; }
.contentTabInBox2 li { display:inline-block; height:32px; line-height:32px; text-align:center; color:#2d2d2d; margin:0px; margin-left: 0; }
.contentTabInBox2 li:first-child { margin-left:2px; } 
.contentTabInBox2 a.tabBtn:link, a.tabBtn:visited, a.tabBtn:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px;
	padding:0 15px; 
	line-height:32px; 
	text-align:center; 
	font-size:12px; 
	color:#5d5d5d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
}
.contentTabInBox2 a.tabBtn:hover { position:relative; z-index:10; min-width:80px; height:32px; line-height:32px; color:#000; background-color:#d5ecff; border:1px solid #85b8e2; }

.contentTabInBox2 a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#125fa1 !important;  
	border:1px solid #084579;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
} 

.contentTabInBox2 a.tabSelected:hover { min-width:80px; height:32px; line-height:32px; color:#fff;  background-color:#125fa1; border:1px solid #084579; }


.contentTabInBox2 a.tabBtn3:link, a.tabBtn3:visited, a.tabBtn3:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px;
	padding:0 15px; 
	line-height:32px; 
	text-align:center; 
	font-size:12px; 
	color:#acacac; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#f9f9f9;
	border:1px solid #dedede;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
}
.contentTabInBox2 a.tabBtn3:hover { position:relative; z-index:10; min-width:80px; height:32px; line-height:32px; color:#000; background-color:#fff4ef; border:1px solid #d57c51; }

.contentTabInBox2 a.tabSelected3:link, a.tabSelected3:visited, a.tabSelected3:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#b5450e !important;  
	border:1px solid #8d370d;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
} 

.contentTabInBox2 a.tabSelected3:hover { min-width:80px; height:32px; line-height:32px; color:#fff;  background-color:#b5450e;  border:1px solid #8d370d; }



.viewLayer {
	position:fixed;
	z-index:1070 !important;
	top:50px;
	left:50%;
	margin-left:-400px;
	width:800px;
	height:700px;
	background-color:#fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	overflow-y:auto;
	display:none;
}

.viewLayer .popupTitle {
	position:relative;
	display:block;
	padding:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#2b2e3f;
	border:1px solid #000;
}

.viewLayer .popupTitle span {
	position:relative;
}

.viewLayer .popupTitle span.btnX {
	position:absolute;
	z-index:1080;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.viewLayer .popupTitle span.btnX a {
	font-size:24px;
	color:#fff;
}

.viewLayer2 {
	position:relative;
	width:100%;
	height:500px;
	background-color:#fff;
	overflow-y:auto;
}

.viewLayer2 .popupTitle {
	position:relative;
	display:block;
	padding:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#2b2e3f;
	border:1px solid #000;
}

.viewLayer2 .popupTitle span {
	position:relative;
}

.viewLayer2 .popupTitle span.btnX {
	position:absolute;
	z-index:1080;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.viewLayer2 .popupTitle span.btnX a {
	font-size:24px;
	color:#fff;
}

/* curriculum */

.curriculum .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#edf0e8;
	border-top:1px solid #d4dec2;
	border-bottom:1px solid #d4dec2;
}

.curriculum .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #568900;
}

.curriculum .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.curriculum .subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#4f7809;
}

/* 교육과정 */
.stepImgBox {
	position:relative;
	width:1000px;
	min-height:100px;
	margin:20px auto 0;
	padding-bottom: 40px;
}

.stepImgBox01 {
	position:relative;
	width:1000px;
	height:1698px;
	margin:20px auto 0;
	padding-bottom: 40px;
	background:url(../images/etc/img_edu_step01.png) no-repeat;
	text-indent:-9999px;
}

.stepImgBox02 {
	position:relative;
	width:1000px;
	height:2184px;
	margin:20px auto 0;
	padding-bottom: 40px;
	background:url(../images/etc/img_edu_step02.png) no-repeat;
	text-indent:-9999px;
}

.stepImgBox03 {
	position:relative;
	width:1000px;
	height:2457px;
	margin:20px auto 0;
	padding-bottom: 40px;
	background:url(../images/etc/img_edu_step03.png) no-repeat;
	text-indent:-9999px;
}

.stepImgBox04 {
	position:relative;
	width:1000px;
	height:608px;
	margin:20px auto 0;
	padding-bottom: 40px;
	background:url(../images/etc/img_edu_step04.png) no-repeat;
	text-indent:-9999px;
}

.stepImgBox05 {
	position:relative;
	width:1000px;
	height:880px;
	margin:20px auto 0;
	padding-bottom: 40px;
	background:url(../images/etc/img_edu_step05.png) no-repeat;
	text-indent:-9999px;
}

/* 특목고입시컨설팅 */

.consultingImgBox {
	position:relative;
	width:1000px;
	height:724px;
	margin:40px auto;
	background:url(../images/etc/img_consulting.png) no-repeat;
	text-indent:-9999px;
}



/* 교재안내 */

.aidImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_teaching_aids.png) no-repeat left top;
}

.aidImgExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.aidImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.aidImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}

.aidListTable {
	border-collapse:collapse;
	border-right:1px solid #c09b2d;
	border-bottom:1px solid #c09b2d;
}

.aidListTable caption {
	position:relative;
	margin-right:-1px;
	padding:5px 10px;
	text-align:left;
	font-size:14px;
	background-color:#fff;
}


.aidListTable th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fbf5e0;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.aidListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.aidListTable p {
	text-align:left;
}

.curriculumImgBox01 {
	position:relative;
	width:1000px;
	height:718px;
	margin:0px auto;
	padding:40px 0 100px;
	background:url(../images/etc/img_curriculum01.png) no-repeat center 40px;
	text-indent:-9999px;
}

.curriculumImgBox02 {
	position:relative;
	width:1000px;
	height:717px;
	margin:0px auto;
	padding:40px 0 100px;
	background:url(../images/etc/img_curriculum02.png) no-repeat center 40px;
	text-indent:-9999px;
}

/* Admissions */

.admissions .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#e1e9f3;
	border-top:1px solid #c6d7eb;
	border-bottom:1px solid #c6d7eb;
}

.admissions .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #007eff;
}

.admissions .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.admissions .subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#007eff;
}

/* 입학절차 */

.entranceImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_entrance.png) no-repeat left top;
}

.entranceImgExBox {
	position:relative;
	display:block;

	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.entranceImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.entranceImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}

.entranceImgBox2 {
	position:relative;
	width:1000px;
	height:1444px;
	margin:30px auto 0;
	padding-bottom: 50px;
	background:url(../images/etc/img_entrance_01.png) no-repeat center top;
	text-indent:-9999px;
}


/* 환불안내 */

.refundImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_refund.png) no-repeat left top;
}

.refundImgExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.refundImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.refundImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}

.refundListTable {
	border-collapse:collapse;
	border-right:1px solid #c09b2d;
	border-bottom:1px solid #c09b2d;
}

.refundListTable caption {
	position:relative;
	margin-right:-1px;
	padding:5px 10px;
	text-align:left;
	font-size:14px;
	background-color:#fff;
}


.refundListTable th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fbf5e0;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.refundListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.refundListTable p {
	text-align:left;
}
	


/* Customer */

.customers .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#fffee2;
	border-top:1px solid #dad9ae;
	border-bottom:1px solid #dad9ae;
}

.customers .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #ddb13f;
}

.customers .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.customers .subTitleInEx {
	position:absolute;
	z-index: 0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#d19d00;
}


/* 자주하는 질문 */

.faqListBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:10px;
	border:3px dashed #94a3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

.faqListBox th {
	position:relative;
	color:#2d2d2d;
	background:url(../images/etc/img_faq.png) no-repeat center 30px #f1f3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

.faqListBox td {
	position:relative;
	padding:5px;
	text-align:left;
	background-color:#fff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

ul.faqList {
	width:100%;
	height:140px;
	overflow:auto;
}
ul.faqList li {
	position:relative;
	display:block;
	text-align:left;
	padding:2px 10px;
}

ul.faqList li:before {
	content:icon;
	line-height:24px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

.faqAnswerBox {
	position:relative;
	display:block;
	min-height:30px;
	margin-top:5px;
	padding:5px 5px 5px 40px;
	text-align:left;
	background-color:#fffff3;
	border-top:1px solid #dddcb2;
	border-bottom:1px solid #dddcb2;
}

.faqAnswerBox2 {
	position:relative;
	display:block;
	min-height:30px;
	padding:5px 5px 5px 40px;
	text-align:left;
}

.faqBox {
	position:absolute;
	z-index:10;
	top:10px;
	left:10px;
	width:24px;
	height:24px;
	background:url(../images/etc/icon_a.png) no-repeat;
	text-indent:-9999px;
}


/* Help Desk */

.checkHelpDesk {
	position:relative;
	display:block;
	height:250px;
	background:url(../images/etc/img_help_desk.png) no-repeat center 10px;
}

.boardListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
}

.boardListTable caption {
	position:relative;
	padding:3px 10px;
	text-align:left;
	border:3px solid #2b2e3f;
	border-top:1px solid #2b2e3f;
}
	

.boardListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.boardListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #acacac;
}

.boardListTable p {
	text-align:left;
}

.boardWriteTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
}

.boardWriteTable th {
	padding:3px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.boardWriteTable td {
	padding:3px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.boardWriteTable p.TAR {
	text-align:right;
}

.boardWriteTable .textInput2 {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:left;
	margin-top:0;
	padding-left:10px;
	background-color:#fff;
	border:1px solid #acacac;
}

.boardViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
}

.boardViewTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.boardViewTable td {
	height:24px;
	padding:2px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.boardViewTable p.TAR {
	text-align:right;
}

.boardViewTable img {
	max-width:100%;
	margin:10px 0;
}

.boardReplyTable {
	position:relative;
	border-collapse:collapse;
	margin:-1px 10px 0px;
	border-top:2px solid #44b5df;
}

.boardReplyTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0f4f6;
	border-bottom:1px solid #acacac;
}

.boardReplyTable td {
	height:24px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.boardReplyTable p.TAR {
	text-align:right;
}


/* 학사일정 */

.scheduleListBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:10px;
	border:3px dashed #94a3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
	
}

.scheduleListBox th {
	position:relative;
	color:#fff;
	background:url(../images/etc/img_alarm_clock.png) no-repeat center center #f1f3ff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

.scheduleListBox td {
	position:relative;
	padding:5px 10px;
	text-align:left;
	background-color:#fff;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;

	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}

ul.scheduleList2 {
	width:100%;
	height:120px;
	overflow:auto;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(/pie/PIE.htc);
}
ul.scheduleList2 li {
	position:relative;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	padding-left:10px;
}

ul.scheduleList2 li:before {
	content:"·";
	line-height:24px !important;
	padding-right:5px;
	font-size:24px;
	color:#ff3000;
	vertical-align:top;
}

/* 사이트맵 */

.siteMapBox {}

.siteMapBox td {
	position:relative;
	padding:10px;
	vertical-align:top;
}

.siteMapInBox {
	position:relative;
	display:block;
	width:200px;
	height:250px;
	margin:10px auto;
	padding-bottom:30px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(/pie/PIE.htc);
}

.siteMapInBox2 {
	position:relative;
	display:block;
	width:200px;
	height:530px;
	margin:10px auto;
	padding-bottom:30px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(/pie/PIE.htc);
}
	

.siteMapTitle {
	position:relative;
	display:block;
	padding:10px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}

ul.siteMapList {
	position:relative;
	width:180px;
	margin-left:-5px;
}

ul.siteMapList li {
	position:relative;
	display:block;
	margin:5px 0;
	padding:3px 10px;
	text-align:left;
	color:#fff;
	background-color:#1799cf;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(/pie/PIE.htc);
}
	
	

/* VIDEO */

.video .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#e1e9f3;
	border-top:1px solid #c6d7eb;
	border-bottom:1px solid #c6d7eb;
}

.video .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #007eff;
}

.video .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.video .subTitleInEx {
	position:absolute;
	z-index:0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#007eff;
}

/* media */

.mediaImgBox { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_media.png) no-repeat left top;
}

.mediaImgBox2 { 
	position:relative;
	display:block;
	min-height:162px;
	margin:20px 100px 0;
	padding-left:170px;
	background:url(../images/etc/img_vod.png) no-repeat left top;
}

.mediaImgExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.mediaImgEx {
	position:relative;
	display:block;
	width:700px;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:12px;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.mediaImgArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}	


/* libraries */

.library .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#fffee2;
	border-top:1px solid #dad9ae;
	border-bottom:1px solid #dad9ae;
}

.library .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #ddb13f;
}

.library .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.library .subTitleInEx {
	position:absolute;
	z-index:0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#d19d00;
}

.libraryImgBox {
	position:absolute;
	z-index:10;
	top:10px;
	right:30px;
	width:190px;
	height:168px;
	background:url(../images/etc/img_library.png) no-repeat;
	text-indent:-9999px;
}


/* Mypage */

/* 마이페이지 메인 */

/* 상단 정보 */
.sectionTopBox {
	position:relative;
	width:100%;
	height:160px;
	background-color:#fffcf3;
}

.mypageBox {
	position:relative;
	float:left;
	width:270px;
	height:160px;
	border-right:1px solid #dedede;
}

.mypageImg {
	margin:7px;
}

.levelBox {
	position:relative;
	float:left;
	width:120px;
	height:120px;
	margin:7px;
}

.imgTitle2 {
	display:block;
	margin-top:8px;
}

.todayInfoBox {
	position:relative;
	float:left;
	width:897px;
}

.infoTitle {
	position:relative;
	height:28px;
	line-height:28px;
	margin:10px 15px 0;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#004c99;
	border:3px solid #c09b2d;
	border-bottom:2px solid #c09b2d;
}

.infoListTable {
	border-collapse:collapse;
	margin:0 15px 0px;
	border-top:1px solid #c09b2d;
	border-right:1px solid #c09b2d;
}


.infoListTable th {
	height:32px;
	font-size:12px;
	text-align:center;
	background-color:#fbf5e0;
	border-bottom:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.infoListTable td {
	height:32px;
	padding:0 7px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

/* 좌우레이아웃 */
.sectionBox {
	position:relative;
	border-top:1px solid #dedede;
}

.sectionBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.leftInBox {
	position:relative;
	float:left;
	width:583px;
	padding-bottom:10px;
	border-right:1px solid #dedede;
}

.rightInBox {
	position:relative;
	float:left;
	width:583px;
	padding-bottom:10px;
}

.boxTitle {
	position:relative;
	height:24px;
	line-height:24px;
	margin:0 20px;
	padding:10px 0;
	text-align:left;
	font-size:14px;
}

.boxTitle a.more {
	display:block;
	position:absolute;
	z-index:10;
	top:5px;
	left:auto;
	right:0;
	font-size:28px;
	font-weight:bold;
	color:#ff3000 !important;
}

.mypageListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-bottom:1px solid #acacac;
}

.mypageListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
}

.mypageListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
}

.mypageListTable p {
	text-align:left;
}

.mypageListTable a:link span, a:hover span, a:active   span {
	color:#004c99;
}

.mypageListTable a:visited   span {
	color:#537ca7;
}

.mypageListTable2 {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-bottom:1px solid #acacac;
}

.mypageListTable2 th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;

}

.mypageListTable2 td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
}

.mypageListTable2 p {
	text-align:left;
}

/* 학생 수강료 */
.sectionBottomBox {
	position:relative;
	width:100%;
	background-color:#f9fdff;
	border-top:1px solid #dedede;
}

.feeListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	padding-bottom:10px;
}

.feeListTable caption {
	position:relative;
	line-height:24px;
	padding:5px 10px;
	text-align:left;
	font-size:14px;
	background-color:#fff;
	border:3px solid #6e6f7a;
}

.feeListTable th {
	height:32px;
	font-size:14px;
	text-align:center;
	background-color:#e7eff0;
	border-bottom:1px solid #acacac;
}

.feeListTable td {
	height:32px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #dedede;
}

.feeListTable p {
	text-align:left;
}

.feeListTable tfoot td {
	border-bottom:none;
}

/* 공지/출결/과제/TEST */
.studentInfoBox {
	position:relative;
	padding:10px;
	background-color:#fffcf3;	
}

.studentInfoTitle {
	position:relative;
	height:32px;
	line-height:32px;
	padding-left:10px;
	text-align:left;
	font-size:12px;
	border:3px solid #c09b2d;
}

ul.infoInBox {
	position:relative;
	display:inline;
	height:18px;
	margin-left:20px;
	border-left:1px solid #dedede;
}

ul.infoInBox li {
	display:inline-block;
	margin:0;
}

.textBox {
	display:inline-block;
	min-width:30px;
	height:20px;
	line-height:20px;
	padding:0 10px;
	text-align:center;
	background-color:#fff;
	border:1px solid #be701c;
}

.rollBox {}

.rollTitle {
	position:relative;
	height:32px;
	line-height:32px;
	margin:10px 15px 0;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	color:#fff;
	background-color:#2b2e3f;
}

.rollTitle a.more {
	position:absolute;
	z-index:10;
	top:0;
	left:auto;
	right:10px;
	height:32px !important;
	line-height:32px;
	font-size:28px;
	font-weight:bold;
	color:#fff;
}

.rollTitle2 {
	position:relative;
	height:32px;
	line-height:32px;
	margin:10px 15px 0;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	color:#fff;
	background-color:#2b3887;
}

.rollList {
	position:relative;
	height:64px;
	margin:0 15px;
	border-bottom:1px solid #dedede;
	overflow:hidden;
}

.rollList2 {
	position:relative;
	height:32px;
	margin:0 15px;
	border:3px solid #2b3887;
	background-color:#f2f9ff;
	overflow:hidden;
}

.rollList2On {
	position:relative;
	height:64px;
	margin:0 15px;
	border:3px solid #2b3887;
	background-color:#f2f9ff;
}

.rollListTable {
	border-collapse:collapse;
}

.rollListTable td {
	height:32px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #dedede;
}

.rollListTable p {
	text-align:left;
}

.rollListTable2 {
	border-collapse:collapse;
}

.rollListTable2 td {
	float:left;
	width:226px;
	height:32px;
	line-height:32px;
	font-size:12px;
	color:#1061ac;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #dedede;
}

.rollListTable2 p {
	text-align:left;
}

/* 출결/숙제확인 및 평가/TEST 확인 */
.contentTabBox {}

.contentTabInBox { 
	position:relative; 
	height:32px; 
	line-height:32px;
	margin:15px 10px 5px;
	border-bottom:1px solid #acacac;
}

.contentTabInBox:after {display:block;visibility:hidden;clear:both;content:""}


.contentTabInBox ul { position:relative; width:auto; height:32px; text-align:left; }
.contentTabInBox li { display:inline-block; height:32px; line-height:32px; text-align:center; color:#2d2d2d; margin:0px; margin-left:0; }
.contentTabInBox li:first-child { margin-left:2px; } 
.contentTabInBox a.tabBtn:link, a.tabBtn:visited, a.tabBtn:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px;
	padding:0 15px; 
	line-height:32px; 
	text-align:center; 
	font-size:12px; 
	color:#5d5d5d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:5px;

	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
}
.contentTabInBox a.tabBtn:hover { position:relative; z-index:10; min-width:80px; height:32px; line-height:32px; color:#000; background-color:#d5ecff; border:1px solid #85b8e2; }

.contentTabInBox a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#125fa1 !important;  
	border:1px solid #084579;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
} 

.contentTabInBox a.tabSelected:hover { min-width:80px; height:32px; line-height:32px; color:#fff;  background-color:#125fa1; border:1px solid #084579; }

.tab_container { position:relative; }
.tab_content {margin:0;}

.alertPopupBox {
	position:absolute;
	z-index:15;
	top:-1px;
	left:692px;
}

a.alertBox {
	position:relative;
	top:0px;
	left:0;
	display:inline-block;
	width:140px;
	height:31px;
	line-height:31px;
	padding:0 10px;
	text-align:center;
	color:#fff;
	background-color:#ff3000;
	border:1px solid #ff3000;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
	cursor:pointer;
}

.alertPopup {
	position:relative;
	float:right;
	height:28px;
	line-height:28px;
	margin-left:15px;
	padding:0 20px;
	text-align:left;
	background-color:#e7eff0;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	display:none;
}

.alertArrow {
	position:absolute;
	z-index:20;
	top:7px;
	left:-15px;
	width:16px;
	height:15px;
	background:url(../images/etc/arrow_left_popup.png) no-repeat left center;
}

.overlay {
	position: fixed;
	z-index: 1050;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../images/bg_overlay.png) repeat;
	opacity: 0.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
	display: none;
}

/* Dream Catch */
.boardTitle {
	position: relative;
	display: block;
	text-align: left;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	font-size: 18px;
}

.boardTitle .line {
	position: relative;
	display: block;
	width: 10%;
	height: 3px;
	margin-top: 5px;
	background-color: #2b3887
}

.dreamListTable  {
	position:relative;
	display:block;
	margin:20px 15px 10px;
	background-color: #fff;
	border-bottom:1px solid #dedede;
	overflow-y: auto;
}
.dreamListTable th {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color:#fff;
	background-color: #2b3887;
}
.dreamListTable th:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.dreamListTable th:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.dreamListTable2  {
	position:relative;
	display:block;
	height: 194px;
	margin:20px 15px;
	background-color: #fff;
	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
	overflow-y: auto;
}
.dreamListTable2 tbody>tr:nth-child(even)>td {
	background-color: #f9f9f9;
}
.dreamListTable2 tr:hover > td {
	height:32px;
	text-align:center;
	font-size:14px;
	background-color:#f2f2f2 !important;
	border-top:1px solid #e4e4e4;
}
.dreamListTable2 td {
	height:32px;
	padding: 3px 10px;
	text-align:center;
	font-size:14px;
	color:#2d2d2d;
	background-color:#fff;
	border-top:1px solid #e4e4e4;
}
.dreamListTable2 tbody>tr:first-child>td {
	border-top:none;
}
.dreamBox {
	position: relative;
	display: block;
	border-top: 1px solid #dedede;
	padding-bottom: 30px;
}
.dreamhalfBox {
	position: relative;
	float:left;
	width: 50%;
	min-height: 100px;
	padding-bottom: 30px;
	border-left: 1px solid #dedede;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dreamhalfBox:first-child {
	border-left: none;
}
.dreamListTable3  {
	position:relative;
	display:block;
	min-height: 390px;
	margin:15px;
	background-color: #fff;
	border-top:1px solid #dedede;
}
.dreamListTable3 tbody>tr:nth-child(even)>td {
	background-color: #f9f9f9;
}
.dreamListTable3 tr:hover > td {
	height:32px;
	text-align:center;
	font-size:14px;
	background-color:#f2f2f2 !important;
}
.dreamListTable3 td {
	height:32px;
	padding: 3px 10px;
	text-align:center;
	font-size:14px;
	color:#2d2d2d;
	background-color:#fff;
	border-bottom:1px solid #dedede;
}
.dreamListTable3 tbody>tr:first-child>td {
	border-top:none;
}

/* mydream */
.mydream .subTitleInBox {
	height: 65px;
}

/* character shoppingmall */
.newMypageShopFlexBox {
	position: relative;
	display: flex;
	min-height: 100px;
}

.newFlexItem {
	position: relative;
    display: flex;
	flex-direction: column;
    flex-grow: 1;
    width: 100%;
	padding: 10px;
	border-right: 1px solid #dedede;
	box-sizing: border-box;
}

.newFlexItem:first-child {
	padding-left: 0;
}

.newFlexItem:last-child {
	display: flex;
	flex-shrink: 0;
	width: 350px;
	padding-right: 0;
	border-right: none;
}

.newMypageShopInTitle {
    position: relative;
    display: flex;
    justify-content: flex-start;
    height: 35px;
    margin: 0;
    padding: 10px 10px 5px 15px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}
.newMypageShopInTitle:before {
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: flex;
	width: 48px;
	height: 3px;
	background-color: #2b3887;
	content: "";	
}

.newMypageShopInBox {
    position: relative;
    display: block;
    min-height: 588px;
    margin-top: -10px;
    padding: 10px;
    text-align: left;
    font-size: 1.2rem;
}

.newMypageShopSearchBox {
    padding-bottom: 10px;
	text-align: center;
    border-bottom: 1px solid #acacac;
}

/*
.newMypageShopSearchBox .W500P {
	width: 480px;
}
*/

.newMypageShopSearchBox input {
	height: 38px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.newShopSearchBtn {
    position: relative;
    width: 86px;
    height: 40px;
	margin-top: -2px;
    margin-left: -8px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #252d40;
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;    
}

.newMypageShopList {
    position: relative;
    display: block;
    margin: 5px 0;
}
.newMypageShopList li {
    position: relative;
    float: left;
    display: inline-block;
    width: 20%;
    height: 170px;
    padding: 5px 10px;
    box-sizing: border-box;
}

.newMypageShopFlexBox .newFlexItem:last-child ul.newMypageShopList li {
    width: 50%;
}

.newMypageShopListInBox {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 127px;
}
.newMypageShopImgBox {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 127px;
    height: 100px;
    border: 1px solid #dedede;
    overflow: hidden;
}
.newMypageShopImgBox img {
    width: 100%;
}

.newItemInfo {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    font-size: 1.2rem;
    font-weight: bold;
}
.newItemInfo .newItemNameBox,
.newItemInfo .newItemCartBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    width: 100%;
	height: 25px;
    text-align: center;
}

.newItemInfo .newItemNameBox {
    font-size: 0.85rem;
}

.newMypageCartBtn {
    position: relative;
    display: block;
    min-width: 48px;
    height: 24px;
	padding: 0 15px;
	color: #fff;
    background-color: #6ebfd4;
    border-radius: 42px;
	cursor: pointer;
}
/*
.newMypageCartBtn:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 24px;
    font-size: 1.4rem;
    color: #fff;
    content: "\e95c";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.newMypageCartBtn span {
    position: absolute;
    rect: clip(0 0 0 0);
    width: 1px;
    height: 1px;
    margin-left: -1px;
    padding: 0;
    overflow: hidden;
}
*/

.newMypageShopSelectedBox {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 170px;
    margin: 0;
    padding: 10px;
    background-color: #fffeeb;
    border: 1px solid #acacac;
    border-radius: 10px;
    box-sizing: border-box;
}

.newShopSelectedItem:first-child span:first-child {
	font-size: 1.8rem;
}

.newShopSelectedItem {
	position: relative;
	display: flex;
	flex: 1 1 50%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.85rem;
}

.newShopSelectedItem .newMypageShopImgBox {
	position: relative;
    display: flex;
    flex-shrink: 0;
    width: 120px;
    height: 80px;
    border: 1px solid #dedede;
    overflow: hidden;	
}

.newShopSelectedItem .newMypageShopListInBox {
    position: relative;
    display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
    width: 140px;
	padding: 5px 10px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #dedede;
	border-radius: 10px;
}

.newShopSelectedItem .newMypageInfoNoIcon {
    position: relative;
    display: flex;
    width: 92px;
    height: 92px;
    margin-left: 0;
    background-color: #f0f0f0;
    border: 2px solid #dedede;
    border-radius: 50%;
}
.newShopSelectedItem .newMypageInfoNoIcon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 88px;
    height: 88px;
    font-size: 5.5rem;
    color: #000;
    content: "\e904";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.newShopSelectedItem .newMypageInfoImg {
    position: relative;
    width: 92px;
    height: 92px;
    margin-left: 0;
    background-color: #f0f0f0;
    border: 2px solid #dedede;
    border-radius: 50%;
    overflow: hidden;
}

.newShopImgTopTitle {
	position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
	font-size: 1rem;
	font-weight: bold;
}

.newCharacterChangeBtn {
     position: relative;
    display: block;
    width: 72px;
    height: 24px;
    color: #fff;
    background-color: #ca87c3;
    border-radius: 42px;    
}

.newMypageShoppingPointBox {
    position: absolute;
	top: 10px;
	right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
    padding: 10px;
	padding-left: 58px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #272526;
    border-radius: 10px;
    box-sizing: border-box;
}

.newMypageShoppingPointBox:before {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 58px;
	height: 58px;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    box-sizing: border-box;
	content: "\e90f";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;

    text-transform: none;
}



/* 레이어팝업 */

.popupLayer01 {
	position:fixed;
	z-index:1070 !important;
	top:250px;
	left:50%;
	margin-left:-300px;
	width:600px;
	min-height:100px;
	background-color:#fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	overflow-y:auto;
	display:none;
}

.popupTitle {
	position:relative;
	padding:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#2b2e3f;
	border:1px solid #000;
}

.popupTitle span {
	position:absolute;
	z-index:1080;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.popupTitle span a {
	font-size:24px;
	color:#fff;
}

.alertEx { 
	position:relative; 
	margin:10px 10px 0; 
	text-align:left; 
	font-size:12px; 
}

.alertDayBox {
	position:relative;
	height:34px;
	line-height:34px;
	margin:10px;
	padding:0 10px;
	text-align:left;
	background-color:#e7eff0;
	border:1px solid #acacac;
}

.textInput {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:left;
	margin-top:-3px;
	padding-left:10px;
	font-size:12px;
	background-color:#fff;
	border:1px solid #acacac;
}

.textInput3 {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:left;
	margin-top:-3px;
	padding-left:10px;
	font-size:12px;
	background-color:#f5fdff;
	border:1px solid #7ab5d3;
}

.studentName {
	position:relative;
    float:right;
}

.studentSelectBox {
	position:relative;
	margin:10px;
	padding:5px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
}

ul.studentInBox {}
	
ul.studentInBox li {
	float:left;
	display:inline-block;
	height:24px;
	line-height:24px;
	margin:0 5px;
	text-align:left;
}

ul.studentInBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.calendarTopBox {
	position:relative;
	height:32px;
	line-height:32px;
	margin:10px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
}

.calendarTopBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.calendarTopLeft {
	position:relative;
	float:left;
	text-align:left;
	padding:0 10px;
	background-color:#e8ebff;
	border-right:1px solid #d8dbef;
}

ul.calendarTopRight {
	position:relative;
	float:right;
	text-align:right;
	padding:0;
}

ul.calendarTopRight li {
	display:inline-block;
	margin:0 3px;
}

#view ul.calendarTopRight { /* 170519 추가 */
	float:none;
	text-align: center;
} 

ul.calendarTop {
	position:relative;
	padding:0 5px;
}

ul.calendarTop li {
	display:inline-block;
	margin:0 3px;
}

.textInput2 {
	position:relative;
	height:20px;
	line-height:20px;
	text-align:left;
	margin-top:-3px;
	padding-left:10px;
	background-color:#fff;
	border:1px solid #acacac;
}

.textInput4 {
	position:relative;
	height:20px;
	line-height:20px;
	text-align:left;
	padding-left:10px;
	background-color:#fff;
	border:1px solid #acacac;
}

.calendarListTop {
	position: relative;
	display: block;
	margin: 0 10px;
	border: 1px solid #dedede;
	border-bottom: none;
	border-left: none;
}

.calendarListTop th {
	position: relative;
	background-color: #f9f9f9;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.calendarListTop td {
	position: relative;
	min-height: 32px;
	line-height: 20px;
	padding: 5px;
	text-align: left;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

/* 수강료4단계 레이어팝업 */

.Alert_layer {position:absolute; z-index:15; top:231px; left:-6px; width:286px; min-height:80px; background-color:#fff; }
.Alert_layer .alert_top { width:286px; height:41px; background:url(../images/bg/bg_alert_top.png) no-repeat; }
.Alert_layer .alert_content { position:relative; width:244px; min-height:80px; margin:0 auto; padding:10px 15px 0px; color:#2d2d2d; font-size:14px; background-color:#FFF; border-right:1px solid #cecece; border-bottom:1px solid #dedede; border-left:1px solid #dedede; }
.Alert_layer .alert_content span { color:#ff3000; font-size:16px; font-family:'Open Sans', sans-serif; font-weight:bold; }


.Alert_layer .alert_top2 { width:286px; height:39px; background:url(../images/bg/bg_alert_top2.png) no-repeat;}
.Alert_layer .alert_content2 { position:relative; width:244px; min-height:80px; margin:0 auto; padding:10px 15px 0px; color:#9f013e; font-weight:bold; font-size:12px; background-color:#FFF; border-right:1px solid #cecece; border-bottom:1px solid #dedede; border-left:1px solid #dedede; }

.Alert_layer2 {position:absolute; z-index:15; top:231px; width:500px; min-height:80px; margin-left:-76px; }
.Alert_layer2 .alert_urgent { 
	width:455px; 
	min-height:100px; 
	padding:15px; 
	text-align:left; 
	background-color:#f2f9ff; 
	border:5px solid #1160aa; 
	color:#2d2d2d;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);	
}
.Alert_layer2 .alert_urgent p {text-align:center; margin:10px auto;}
.Alert_layer2 .alert_urgent span {color:#ff2159;  font-weight:bold;}

.Alert_layer2 .alert_urgent2 { 
	width:455px; 
	min-height:100px; 
	padding:15px; 
	text-align:left; 
	background-color:#121212; 
	border:5px solid #8e8e8e; 
	color:#FFF;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
}
.Alert_layer2 .alert_urgent2 p {text-align:center; margin:10px auto;}
.Alert_layer2 .alert_urgent2 span {color:#ff2159;  font-weight:bold;}

#board_bt {margin:10px 20px; text-align:center;}

/* 하단 팝업 */

.BR_layer { position:fixed; z-index:15; right:5px; bottom:5px; width:383px; height:364px; }
.BR_layer .BR_box { 
	position:relative;
	width:383px; 
	height:364px; 
	background-color:#f1f1f1;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .BR_title { 
	height:42px; 
	line-height:42px; 
	background-color:#1B789F;
	font-size:12px; 
	color:#fff;
	text-align:left;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	behavior: url(../pie/PIE.htc);
}
.BR_layer .BR_title .PL80 { 
	padding-left:30px;
 }
.BR_layer .BR_title .WD33 { width:33px; height:32px; }
.BR_layer .BR_content { width:355px; height:250px; margin:10px auto 0px auto; vertical-align:top; }

.BR_layer .Lcontent { float:left; width:165px; min-height:130px; } 
.BR_layer .content01 { width:175px; height:65px; margin-bottom:10px; } 
.BR_layer .title01 { 
	height:24px; 
	line-height:24px;
	padding-left:5px; 
	text-align:left; 
}
.BR_layer .content01 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content01 li { height:18px; line-height:18px; text-align:left; }

.BR_layer .content02 { width:175px; height:65px; margin-bottom:10px; }
.BR_layer .title02 { 
	height:24px; 
	line-height:24px;
	padding-left:10px; 
	text-align:left; 
}
.BR_layer .content02 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content02 li { height:18px; line-height:18px; text-align:left; }

.BR_layer .content03 { display:block; height:65px; margin-bottom:10px; }
.BR_layer .title03 { 
	height:24px; 
	line-height:24px;
	padding-left:10px; 
	text-align:left; 
}
.BR_layer .content03 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content03 li { height:18px; line-height:18px; text-align:left; }

.BR_layer .content04 { height:65px; margin-bottom:10px; }
.BR_layer .title04 { 
	height:24px; 
	line-height:24px;
	padding-left:10px; 
	text-align:left; 
}
.BR_layer .content04 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content04 li { height:18px; line-height:18px; text-align:left; }

.BR_layer .Rcontent { float:right; width:175px; min-height:130px; }
.BR_layer .content05 { width:175px; height:65px; margin-bottom:10px; }
.BR_layer .title05 { 
	height:24px; 
	line-height:24px;
	padding-left:10px; 
	text-align:left; 
}
.BR_layer .content05 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content05 li { height:18px; line-height:18px; text-align:left; }

.BR_layer .content06 { width:175px; height:65px; margin-bottom:10px; }
.BR_layer .title06 { 
	height:24px; 
	line-height:24px;
	padding-left:10px; 
	text-align:left; 
}
.BR_layer .content06 ul { 
	height:40px; 
	padding:2px; 
	background-color:#fff; 
	border:2px dotted #44b5df;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);	 
}
.BR_layer .content06 li { height:18px; line-height:18px; text-align:left; } 

/* 강의평가입력 버튼 팝업 */
.btnLayer2 { 
	position:absolute; 
	z-index:30; 
	top:360px; 
	left:50%; 
	width:259px; 
	height:100px; 
	margin-left:300px;
	background-color:#fff;
	border:3px solid #000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
	
}
.btnLayer2 .close { display:block; text-align:right; height:42px; margin:5px 10px 0 0; }
.btnLayer2 .close::after {display:block;visibility:hidden;clear:both;content:""}

.btnLayer2 .assesment { width:172px; height:40px;  margin:0 auto; }

/*강의평가등록 팝업 */

.popupBox {
	position:relative;
	width:100%;
	height:750px;
	background-color:#fff;
	overflow-y:auto;
}

ul.popupList {
	margin:10px 0;
}
ul.popupList li {
	position:relative;
	display:block;
	text-align:left;
	height:24px;
	line-height:24px;
	padding-left:10px;
}

ul.popupList li:before {
	content:"·";
	padding-right:5px;
	line-height:18px;
	font-size:24px;
	color:#ff3000;
	font-weight:bold;
	vertical-align:top;
} 

.Sbox { position:relative; display:block; height:55px; margin:5px auto; }
.Sbox:after {display:block;visibility:hidden;clear:both;content:""} 
.assementEx { 
	position:relative; 
	max-width:100%; 
	height:35px; 
	margin:0 auto; 
	padding:7px; 
	color:#fff; 
	text-align:left; 
	background:#004c99; 
	border:3px dotted #dbdbdb; 
	overflow-x:hidden; 
	overflow-y:auto;  
}
.assementExOver { 
	position:absolute; 
	z-index:10; 
	width:832px; 
	height:147px; 
	margin:0 auto; 
	padding:7px; 
	color:#fff; 
	text-align:left; 
	background:#004c99; 
	border:3px dotted #dbdbdb;
	 overflow-x:hidden; 
	 overflow-y:auto;  
}

.assementTitle { 
	position:relative; 
	max-width:100%; 
	height:32px; 
	line-height:32px;
	margin:15px auto 5px; 
	text-align:left; 
	font-weight:bold; 
	padding-left:10px; 
	font-size:12px;
	color:#007eff; 
	background-color:#f9f9f9;
	border:1px solid #acacac;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(../pie/PIE.htc);  
}

.boardlisttable16 {
	margin:0 10px;
	border-collapse:collapse;
	border-right:1px solid #c09b2d;
	border-bottom:1px solid #c09b2d;
}
.boardlisttable16 th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fbf5e0;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.boardlisttable16 td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.boardlisttable16 p {text-align:left; }
	
	
.popupListTable {
	border-collapse:collapse;
	border-right:1px solid #485660;
	border-bottom:1px solid #485660;
}

.popupListTable caption {
	position:relative;
	margin-right:-1px;
	padding:5px 10px;
	text-align:left;
	font-size:14px;
	background-color:#fff;
}


.popupListTable th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#f9fdff;
	border-top:1px solid #485660;
	border-left:1px solid #485660;
}

.popupListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #485660;
	border-left:1px solid #485660;
}

.popupListTable p {
	text-align:left;
}

/* 이메일수집거부 팝업 */

.emailBox { 
	position:absolute; 
	z-index:10; 
	top:-300px; 
	left:-250px; 
	width:495px; 
	height:275px; 
	background-color:#fff; 
	border:5px solid #1799cf;
	-webkit-box-shadow:#000 0px 0px 5px;
	-moz-box-shadow:#000 0px 0px 5px;
	box-shadow:#000 0px 0px 5px;
	display:none;
}
.emailTitle { height:60px; line-height:50px; padding-left:10px; text-align:left; color:#fff; font-size:24px; font-weight:bold; background-color:#1799cf; }

.btnEmail { float:right; margin-right:10px;}
.btnEmail a { color:#fff !important; }

.emailContent { line-height:24px; text-align:justify; font-size:14px; padding:25px 30px 20px 170px; color:#5d5d5d; background:url(../images/etc/img_stop.png) no-repeat 20px 20px; }

/* 2개레이어팝업 */

.Popup_layer {position:absolute; z-index:20; top:170px; left:50%; max-width:1030px; min-height:0px; margin-left:-515px;}

#popup_notice1 {
	float:left; 
	width:500px; 
	height:450px; 
	margin-right:2px; 
	background-color:#FFF; 
	border:3px solid #ff3000;
	-webkit-box-shadow:#000 0px 0px 5px;
	-moz-box-shadow:#000 0px 0px 5px;
	box-shadow:#000 0px 0px 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc); 
}

#popup_notice2 {
	float:left; 
	width:500px; 
	height:450px; 
	margin-right:2px; 
	background-color:#FFF; 
	border:3px solid #ff3000;
	-webkit-box-shadow:#000 0px 0px 5px;
	-moz-box-shadow:#000 0px 0px 5px;
	box-shadow:#000 0px 0px 5px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc); 
}

.notice_box {max-width:500px; height:418px; overflow:auto;} 

.notice_box img {
	position:relative;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	behavior: url(../pie/PIE.htc);
}
	

.bt_notice {
	max-width:500px; 
	height:32px; 
	line-height:32px; 
	padding:0 10px; 
	background-color:#ebebeb;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	behavior: url(../pie/PIE.htc); 
	}
.bt_notice .left {text-align:left;}
.bt_notice .right {text-align:right;}

/* 151211 추가 팝업 */
/* 알림팝업 */
.noticeLayer {
	position:absolute;
	z-index:20;
	top:400px;
	left:50%;
	width:300px;
	min-height:50px;
	margin-left:300px;
	background-color:#FFF; 
	border:3px solid #2b3887;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.noticeTopBox {
	position:relative;
	display:block;
	height:24px;
	margin:5px 10px;
}

.noticeTitle {
	position:relative;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#ff3000;
	text-align:left;
}

.noticeLayer .close { display:block; font-size:18px; text-align:right; margin:5px 0 0 0; }
.noticeLayer .close::after {display:block;visibility:hidden;clear:both;content:""}

.noticeAlert { margin:0px 12px 10px; text-align:left; }

/* 맞춤특강안내팝업 */
.specialLayer {
	position:absolute;
	z-index:50;
	top:670px;
	left:50%;
	width:550px;
	min-height:250px;
	margin-left:-250px;
	background-color:#FFCCCC; 
	border:3px solid #ff3000;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.specialTopBox {
	position:relative;
	display:block;
	height:24px;
	margin:5px 10px;
	border-bottom:1px solid #dedede;
}

.specialTitle {
	position:relative;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#2d2d2d;
	text-align:left;
}

.specialLayer .close { display:block; font-size:18px; text-align:right; margin:5px 0 0 0; }
.specialLayer .close::after {display:block;visibility:hidden;clear:both;content:""}
 
ul.specialList { height:250px; margin:0 10px 10px; overflow:auto; }
ul.specialList li { height:24px; text-align:left; padding:2px 5px; }
ul.specialList li:before {
	content:"·";
	padding-right:5px;
	font-size:24px;
	color:#2d2d2d;
	vertical-align:top;
}

/* 151215 추가 */
/* 테스트 팝업 */
.testLayer {
	position:absolute;
	z-index:15;
	top:180px;
	left:0;
	width:265px;
	min-height:60px;
	background:url(../images/bg/bg_test.png) no-repeat 10px 10px #f0f0f0;
	border:5px solid #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
}

.testTitle {
	position:relative;
	display:block;
	line-height:28px;
	margin-left:73px;
	padding:20px 10px 10px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#2d2d2d;
	font-family:'Open Sans', sans-serif;
}

.btnTest {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:5px solid #cbd1d8;
	cursor:pointer;
}


/* 달력 */
.scheduleTopTitle {
	height:30px;
	margin:20px 10px 10px;
	border:1px solid #dcdcdc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background: #f9f9f9;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#f9f9f9), to(#f0f0f0));
	background: -webkit-linear-gradient(#f9f9f9, #f0f0f0);
	background: -moz-linear-gradient(#f9f9f9, #f0f0f0);
	background: -ms-linear-gradient(#f9f9f9, #f0f0f0);
	background: -o-linear-gradient(#f9f9f9, #f0f0f0);
	background: linear-gradient(#f9f9f9, #f0f0f0);
	-pie-background: linear-gradient(#f9f9f9, #f0f0f0);
	behavior: url(../pie/PIE.htc);
}

.scheduleTopTitle td {
	position:relative;
	height:30px;
	text-align:center;
	color:#979eaa;
	font-size:14px;
	font-weight:bold;
	font-family:'Open Sans', sans-serif;
}

.schedulelisttable {
	border-collapse:separate;
	max-width:100%; 
	margin:10px 10px 0;
}

.schedulelisttable td {
	position:relative;
	margin: 0; 
	padding:10px 5px; 
	height:60px; 
	text-align:left; 
	vertical-align:top; 
	color: #000 !important; 
	font-weight: bold; 
	white-space:normal;
	background-color:#f1ede8; 
	border:1px solid #dcd3c8;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
    behavior: url(../pie/PIE.htc);
}

.schedulelisttable p {
	text-align:center; 
}
.schedulelisttable span {
	font-size:14px;  
}
.schedulelisttable .dayBefore {
	background-color:#e9d8c2;
}
.calendarNum {
	position:absolute;
	z-index:10;
	top:10px;
	left:10px;
	color:#000;
}

.iconBlueBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color:#007eff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconBlueBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	background-color:#007eff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconBlueText {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;

	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#007eff;
	background-color:#fff;
	border:1px solid #007eff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

.iconGreenBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color:#14972d;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconGreenBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	background-color:#14972d;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconGreenText {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#14972d;
	background-color:#fff;
	border:1px solid #14972d;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

.iconPinkBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color:#da4a6f;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconPinkBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	background-color:#da4a6f;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

.iconRedBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-size:12px;
	color:#fff;
	background-color:#ff3000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconRedBox {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#fff;
	background-color:#ff3000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.iconRedText {
	position:relative;
	display:inline-block;
	margin:1px 2px;
	padding:0px 2px 2px;
	height:14px;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	color:#ff3000;
	background-color:#fff;
	border:1px solid #ff3000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}
	 

/* 평가/TEST 확인 */
.sectionTable {
	border-right:1px solid #dedede;
}

.sectionTable td.sectionIn {
	padding-bottom:10px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.testTopBox {
	position:relative;
	margin:10px;
	padding:5px 10px;
	text-align:left;
	background-color:#fffcf3;
	border:3px solid #c09b2d;
}

ul.testTop {}

ul.testTop li {
	display:inline-block;
	margin:0 5px;
}

.titleRightBox {
	position:relative;
	display:inline-block;
	float:right;
	text-align:right;
}

/* 클래스 모토 */
.pictureBox {
	position:relative;
	float:left;
	width:670px;
	min-height:500px;
	margin:10px 10px 0;
	background:url(../images/bg/bg_picture.png) no-repeat center top;
}

.pictureBox .pictureInBox {
	position:absolute;
	z-index:10;
	top:10px;
	left:50%;
	margin-left:-340px;
	width:680px;
	height:440px;
	border:none;
}

.imgCamera {
	position:absolute;
	z-index:15;
	top:350px;
	right:-100px;
	width:221px;
	height:205px;
	background:url(../images/etc/img_camera.png) no-repeat;
	text-indent:-9999px;
}

.classMoto {
	position:absolute;
	z-index:10;
	top:0px;
	right:20px;
	width:470px;
	height:440px;
	text-align: justify;
}

.motoContent {
	position: relative;
	width: 460px;
	height: 420px;
	margin-top: 10px;
	padding:2px 5px;
	text-align: justify;
	background-color: #f9f9f9;
	font-size: 14px;
	border:1px solid #dedede;
	overflow-y: auto;
}

/* 클래스 정보 */
ul.searchInBox {
	position:relative;
	display:inline;
	height:18px;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #acacac;
}

ul.searchInBox li {
	display:inline-block;
	margin:0 5px;
}

.infoListTable2 {
	border-collapse:collapse;
	border-top:1px solid #c09b2d;
	border-right:1px solid #c09b2d;
}


.infoListTable2 th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#fbf5e0;
	border-bottom:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}

.infoListTable2 td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #c09b2d;
	border-left:1px solid #c09b2d;
}


.classInfoBox {
	position:relative;
	margin:10px;
	padding:5px 10px;
	text-align:left;
	border:3px solid #2b2e3f;
}

.classInfoTitle {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:60px;
	height:49px;
	line-height:49px;
}

ul.classInBox {
	display:inline-block;
	width:93%;
	margin-left:10px;
	border-left:1px solid #acacac;
}

ul.classInBox li {
	display:block;
	height:24px;
	line-height:24px;
	padding-left:10px;
	text-align:left;
	border-top:1px solid #acacac;
}

ul.classInBox li:first-child {
	border:none;
}

.classInfoListTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-bottom:1px solid #acacac;
}

.classInfoListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
}

.classInfoListTable td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
}

.classInfoListTable p {
	text-align:center;
}

/* 성적조회 */
.scoreListTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.scoreListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.scoreListTable td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;

	border-left:1px solid #acacac;
}

.scoreListTable p {
	text-align:left;
}

.eduScoreFrame { 
	width:100%; 
	height:815px; 
	background-color:#fff; 
	/* border:1px solid #dedede; */ 
	overflow-x:hidden; 
	overflow-y:auto; 
}

.eduScoreSubFrame { 
	width:100%; 
	height:750px; 
	background-color:#fff; 
	/* border:1px solid #dedede; */ 
	overflow-x:hidden; 
	overflow-y:auto; 
}

.eduScoreSubFrame2 { 
	width:100%; 
	height:699px;
	margin-top:10px; 
	background-color:#fff; 
	/* border:1px solid #dedede; */ 
	overflow-x:hidden; 
	overflow-y:auto; 
}

/* 교육비납부 */
.adBanner {
	position:relative;
	width:1152px;
	height:59px;
	margin:20px 0 0 -32px;
}
 
 /* 학생계좌 신청 */
 .bankAccountBox {
	 position:relative;
	 min-height:10px;
	 margin:10px;
	 padding:10px;
	 border:1px solid #dedede;
 }
 
.accountListTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.accountListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

 .accountListTable td {
	height:24px;
	padding:7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.accountListTable p {
	text-align:center;
}

.accountListTable p.rightNum {
	display:block;
	text-align:right;
}

/* 학부모포인트 */
.cyberPointBox {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:0 10px;
	padding:0 10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

.cyberPointEx {
	position:relative;
	display:block;
	min-height:10px;
	line-height:24px;
	margin:0 10px;
	padding:0 10px;
	text-align:left;
}

.pointListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	padding-bottom:10px;
}

.pointListTable caption {
	position:relative;
	height:32px;
	line-height:32px;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	background-color:#fff;
	border:3px solid #6e6f7a;
}

.pointListTable th {
	height:32px;
	font-size:14px;
	text-align:center;
	background-color:#e7eff0;
	border-bottom:1px solid #acacac;
}

.pointListTable td {
	height:32px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #dedede;
}

.pointListTable p {
	text-align:left;
}

.paymentTitle {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:10px;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background-color:#f0f0f0;
	border:1px solid #acacac;
}

ul.paymentBox {}

ul.paymentBox li {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:10px;
}

.numBox {
	display:inline-block;
	min-width:30px;
	height:24px;
	line-height:24px;
	padding:0 10px;
	text-align:center;
	font-size:18px;
	background-color:#fff;
	border:1px solid #c09b2d;
}

.iconEqual {
	position:relative;
	display:block;
	width:41px;
	height:41px;
	background:url(../images/etc/icon_equal.png) no-repeat;
	text-indent:-9999px;
}

.accountListTable2 {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.accountListTable2 th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

 .accountListTable2 td {
	height:24px;
	padding:7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.accountListTable2 p {
	text-align:left;
}

.accountListTable2 p.rightNum {
	display:block;
	text-align:right;
}

/* 학생계좌 신청 */
ul.popupListBox {
	display: block;
	margin:0 10px 20px;
}

ul.popupListBox li {
	position:relative;
	display:block;
	margin:5px 0;
	text-align:left;
}


/* 포트폴리오 */

.scoreViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
}

.scoreViewTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.scoreViewTable td {
	height:24px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.scoreViewTable p.TAR {
	text-align:right;
}

.vod { display:block; height:328px; margin:10px auto 5px; padding-top:11px; text-align:center; background:url(../images/bg/bg_vod.jpg) no-repeat center top;}

.scoreViewTable2 {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:1px solid #acacac;
}

.scoreViewTable2 th {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.scoreViewTable2 td {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.scoreViewTable2 p.TAR {
	text-align:right;
}

/* 학습계획서 */
.eduPlanTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-bottom:1px solid #acacac;
}

.eduPlanTable caption {
	position:relative;
	line-height:18px;
	padding:5px 10px;
	text-align:left;
	border:3px solid #ddb13f;

}

.eduPlanTable th {
	height:28px;
	padding:3px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
}

.eduPlanTable td {
	height:24px;
	padding:3px 10px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
}

.eduPlanTable p {
	text-align:center;
}

/* 자기소개/꿈 입력 */
.teacherEditing {
	height:250px;
	padding:10px;
	overflow-x:hidden; 
	overflow-y:auto; 
}

.teacherEditing p {
	font-weight:normal;
}

.editTitle {
	position:relative;
	display:block;
	height:32px;
	text-align:left;
}

.teacherEditingBig {
	height:300px;
	padding:10px;
	overflow-x:hidden; 
	overflow-y:auto; 
}

.teacherEditingBig p {
	font-weight:normal;
}

/* 학습계획서 작성 */

.eduPlanTitle {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:10px;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background-color:#f0f0f0;
	border:1px solid #acacac;
}

.boxframe { 
	width:100%; 
	height:700px; 
	margin-top:-10px; 
	overflow-y:auto; 
	overflow-x:hidden; 
}

.halfTable {
	position:relative;
	display:block;

	border-top:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.halfTable td {
	vertical-align:top;
	border-left:1px solid #dedede;
}

.halfTable td:first-child {
	border-left:none;
}


/* 학습포인트/랭킹 */
.graphBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:0 10px 10px;
}

.graphBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

ul.graphLeftNum {
	position:relative;
	float:left;
	width:40px;
	margin:-19px -1px 0 0;
}

ul.graphLeftNum li {
	position:relative;
	height:15px;
	line-height:15px;
	text-align:right;
	margin:11px 0;
}
	

.graphTable {
	position:relative;
	float:left;
	width:80%;
	min-height:10px;
	border-top:1px solid #dedede;
}

.graphTable td {
	position:relative;
	height:25px;
	text-align:center;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
}

.graphTable td:first-child {
	border-left:1px solid #dedede;
}

.graphTable tfoot td {
	position:relative;
	height:32px;
	text-align:center;
	border:none;
}

.graphTable tfoot td:first-child {
	border:none;
}

ul.graphLegend {
	position:relative;
	float:right;
	width:10%;
	margin-right:20px;
	padding:10px;
	border:1px solid #dedede;
}

ul.graphLegend li {
	position:relative;
	height:16px;
	margin:10px 0;
	text-align:center;
}

.legendSampleBlue {
	position:relative;
	display:inline-block;
	width:20px;
	height:16px;
	background: #007eff;
	background: -webkit-gradient(linear, 0 left, 50% right, from(#007eff), to(#0f6dce));
	background: -webkit-linear-gradient(left, #007eff, #0f6dce);
	background: -moz-linear-gradient(right, #007eff, #0f6dce);
	background: -ms-linear-gradient(right, #007eff, #0f6dce);
	background: -o-linear-gradient(right, #007eff, #0f6dce);
	background: linear-gradient(to right, #007eff, #0f6dce);
	-pie-background: linear-gradient(to right, #007eff, #0f6dce);
	behavior: url(../pie/PIE.htc);
}

.legendSampleRed {
	position:relative;
	display:inline-block;
	width:20px;
	height:16px;
	background: #ff3000;
	background: -webkit-gradient(linear, 0 left, 50% right, from(#ff3000f), to(#dd2a00));
	background: -webkit-linear-gradient(left, #ff3000, #dd2a00);
	background: -moz-linear-gradient(right, #ff3000, #dd2a00);
	background: -ms-linear-gradient(right, #ff3000, #dd2a00);
	background: -o-linear-gradient(right, #ff3000, #dd2a00);
	background: linear-gradient(to right, #ff3000, #dd2a00);
	-pie-background: linear-gradient(to right, #ff3000, #dd2a00);
	behavior: url(../pie/PIE.htc);
}

.graphBlue {
	position:absolute;
	z-index:10;
	display:block;
	left:25%;
	bottom:0;
	width:15%;
	min-height:0px;
	background: #007eff;
	background: -webkit-gradient(linear, 0 left, 50% right, from(#007eff), to(#0f6dce));
	background: -webkit-linear-gradient(left, #007eff, #0f6dce);
	background: -moz-linear-gradient(right, #007eff, #0f6dce);
	background: -ms-linear-gradient(right, #007eff, #0f6dce);
	background: -o-linear-gradient(right, #007eff, #0f6dce);
	background: linear-gradient(to right, #007eff, #0f6dce);
	-pie-background: linear-gradient(to right, #007eff, #0f6dce);
	behavior: url(../pie/PIE.htc);
}

.blueNum {
	position:absolute;
	z-index:15;
	display:block;
	top:-24px;
	left:0;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
}

.graphRedDown {
	position:absolute;
	z-index:10;
	display:block;
	top:0;
	right:25%;
	width:15%;
	min-height:0px;
	background: #ff3000;
	background: -webkit-gradient(linear, 0 left, 50% right, from(#ff3000f), to(#dd2a00));
	background: -webkit-linear-gradient(left, #ff3000, #dd2a00);
	background: -moz-linear-gradient(right, #ff3000, #dd2a00);
	background: -ms-linear-gradient(right, #ff3000, #dd2a00);
	background: -o-linear-gradient(right, #ff3000, #dd2a00);
	background: linear-gradient(to right, #ff3000, #dd2a00);
	-pie-background: linear-gradient(to right, #ff3000, #dd2a00);
	behavior: url(../pie/PIE.htc);
}

.graphRedDown .redNum {
	position:absolute;
	z-index:15;
	display:block;
	left:0;
	bottom:-24px;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
}

.graphRedUp {
	position:absolute;
	z-index:10;
	display:block;
	right:25%;
	bottom:0;
	width:15%;
	min-height:0px;
	background: #ff3000;
	background: -webkit-gradient(linear, 0 left, 50% right, from(#ff3000f), to(#dd2a00));
	background: -webkit-linear-gradient(left, #ff3000, #dd2a00);
	background: -moz-linear-gradient(right, #ff3000, #dd2a00);
	background: -ms-linear-gradient(right, #ff3000, #dd2a00);
	background: -o-linear-gradient(right, #ff3000, #dd2a00);
	background: linear-gradient(to right, #ff3000, #dd2a00);
	-pie-background: linear-gradient(to right, #ff3000, #dd2a00);
	behavior: url(../pie/PIE.htc);
}

.graphRedUp .redNum {
	position:absolute;
	z-index:15;
	display:block;
	left:0;
	top:-24px;
	bottom:auto;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
}

/* 포인트 랭킹 */

.photoListTable {
	position:relative;
	border-collapse:separate;
	margin:0 10px;
}

.photoListTable caption {
	position:relative;
	height:24px;
	line-height:24px;
	margin-bottom:-24px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#007eff;
}

.photoListTable td {
	position:relative;
	vertical-align: top;
}

.photoListTable td span.txtBox {
	display: block;
	text-align: left;
}

ul.photoBox {
	position: relative;
    float: left;
    width: 108px;
}

ul.photoBox li {
	position:relative;
	width: 108px;
	height: 126px;
	margin:0 0 5px;
	text-align:left;
	background-color:#f0f0f0;
	border:1px solid #dedede;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	overflow-y: hidden;

}

ul.photoBox img {
	position:relative;
	width:108px;
	height:auto;
}

ul.photoBox2 {
	position: relative;
    float: left;
    width: 194px;
    height: 200px;
}

ul.photoBox2 li {
	position:relative;
	margin:2px 0;
	text-align:left;
}

ul.photoBox2 img {
	position:relative;
	width:192px;
	height:150px;
	margin-bottom:5px;
	border:1px solid #dedede;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
}

a.btnStart {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:194px;
	height:152px;
	background:url(../images/btn/btn_vod-start.png) no-repeat center center;
	text-indent:-9999px;
}
	

/* 학습포인트쇼핑몰 */
.searchTopBox {
	position:relative;
	min-height:32px;
	line-height:32px;
	padding-left:10px;
	text-align:left;
	font-size:12px;
	border:3px solid #c09b2d;
}

.searchTopBox td {
	position:relative;
}

/* 선생님상담 */
.counselViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
}

.counselViewTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.counselViewTable td {
	height:24px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.counselViewTable p.TAR {
	text-align:right;
}

.counselReplyTable {
	position:relative;
	border-collapse:collapse;
	margin:-1px 10px 0px;
	border-top:2px solid #44b5df;
}

.counselReplyTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0f4f6;
	border-bottom:1px solid #acacac;
}

.counselReplyTable td {
	height:24px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.counselReplyTable p.TAR {
	text-align:right;
}

.counselWriteTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
}

.counselWriteTable th {
	padding:3px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.counselWriteTable td {
	padding:3px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.counselWriteTable p.TAR {
	text-align:right;
}

.counselWriteTable .textInput2 {
	position:relative;
	height:24px;
	line-height:24px;
	text-align:left;
	margin-top:0;
	padding-left:10px;
	background-color:#fff;
	border:1px solid #acacac;
}

.teacherBox {
	max-width:100%;
}

.teacherBox td {
	padding:3px 5px;
	width:200px !important;
	border-bottom:none;
}

ul.photoBox3 {
	position: relative;
    float: left;
    width: 193px;
    height: 249px;
	margin:5px auto; 
	overflow-x:hidden; 
	overflow-y:auto;
}

ul.photoBox3 li {
	position:relative;
	margin:5px 0;
	text-align:left;
}

ul.photoBox3 img {
	position:relative;
	width:158px;
	height:185px;
	border:1px solid #dedede;
}

.counselWriteTable .teacherInBox { position:relative; width:193px; height:249px; margin:5px auto; overflow-x:hidden; overflow-y:auto; }
.counselWriteTable .teacherInBox td { height:22px !important; line-height:22px !important; border-bottom:none !important; font-size:11px !important; }
.counselWriteTable .teacherInBox td img { width:158px; height:185px; border:1px solid #acacac; }

/* 받은 SMS */
.smsListTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.smsListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.smsListTable td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.smsListTable p {
	text-align:left;
}

/* 학습후기 */
.pageTopBox {
	position:relative;
	line-height:18px;
	padding:5px 10px;
	text-align:left;
	font-size:12px;
	border:3px solid #c09b2d;
}

/* 학생이력/정보수정 */
.infoBox {
	position:relative;
	float:left;
	width:120px;
	height:160px;
}

.myInfoBox {
	position:relative;
	float:left;
	width:1048px;
}

.myInfoListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-bottom:1px solid #acacac;
}

.myInfoListTable caption {
	padding:5px 10px;
	text-align:left;
}

.myInfoListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
}

.myInfoListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
}

.myInfoListTable p {
	text-align:center;
}

.myInfoListTable2 {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.myInfoListTable2 th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.myInfoListTable2 td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.myInfoListTable2 p {
	text-align:left;
}

.myInfoTableTitle {
	margin:10px;
	padding:5px 10px;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:left;
	font-weight:bold;
	color:#2d2d2d;
	background: #f9f9f9;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#f9f9f9), to(#f0f0f0));
	background: -webkit-linear-gradient(#f9f9f9, #f0f0f0);
	background: -moz-linear-gradient(#f9f9f9, #f0f0f0);
	background: -ms-linear-gradient(#f9f9f9, #f0f0f0);
	background: -o-linear-gradient(#f9f9f9, #f0f0f0);
	background: linear-gradient(#f9f9f9, #f0f0f0);
	-pie-background: linear-gradient(#f9f9f9, #f0f0f0);
	behavior: url(../pie/PIE.htc);
}

.contentInBox {
	position:relative;
	display:block;
	margin:0 15px;
}

.joinBox {
	position:relative;
	min-height:95px;
	margin:30px 15px 10px;
	padding-left:450px;
	background:url(../images/etc/img_appreciate.png) no-repeat 300px center;
}

/* Membership */

/* 회원가입 */

ul.stepBox {
	position:relative;
	margin-top:20px;
}

ul.stepBox li {
	display:inline-block;
	margin:0 10px;
}

.step01 {
	position:relative;
	display:block;
	width:200px;
	height:150px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:7px solid #dedede;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background-color:#74ace0;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#8cbae0), to(#589be1));
	background: -webkit-linear-gradient(#8cbae0, #589be1);
	background: -moz-linear-gradient(#8cbae0, #589be1);
	background: -ms-linear-gradient(#8cbae0, #589be1);
	background: -o-linear-gradient(#8cbae0, #589be1);
	background: linear-gradient(#8cbae0, #589be1);
	-pie-background: linear-gradient(#8cbae0, #589be1);
	behavior: url(../pie/PIE.htc);
	
}

.step02 {
	position:relative;
	display:block;
	width:200px;
	height:150px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:7px solid #dedede;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background-color:#678ace;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#7f9ed5), to(#4e74c6));
	background: -webkit-linear-gradient(#7f9ed5, #4e74c6);
	background: -moz-linear-gradient(#7f9ed5, #4e74c6);
	background: -ms-linear-gradient(#7f9ed5, #4e74c6);
	background: -o-linear-gradient(#7f9ed5, #4e74c6);
	background: linear-gradient(#7f9ed5, #4e74c6);
	-pie-background: linear-gradient(#7f9ed5, #4e74c6);
	behavior: url(../pie/PIE.htc);
	
}

.step03 {
	position:relative;
	display:block;
	width:200px;
	height:150px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:7px solid #dedede;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background-color:#5474c4;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#6e8acd), to(#3a5dba));
	background: -webkit-linear-gradient(#6e8acd, #3a5dba);
	background: -moz-linear-gradient(#6e8acd, #3a5dba);
	background: -ms-linear-gradient(#6e8acd, #3a5dba);
	background: -o-linear-gradient(#6e8acd, #3a5dba);
	background: linear-gradient(#6e8acd, #3a5dba);
	-pie-background: linear-gradient(#6e8acd, #3a5dba);
	behavior: url(../pie/PIE.htc);
	
}

.step04 {
	position:relative;
	display:block;
	width:200px;
	height:150px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:7px solid #dedede;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background-color:#74ace0;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#7d89d9), to(#3e52bf));
	background: -webkit-linear-gradient(#7d89d9, #3e52bf);
	background: -moz-linear-gradient(#7d89d9, #3e52bf);
	background: -ms-linear-gradient(#7d89d9, #3e52bf);
	background: -o-linear-gradient(#7d89d9, #3e52bf);
	background: linear-gradient(#7d89d9, #3e52bf);
	-pie-background: linear-gradient(#7d89d9, #3e52bf);
	behavior: url(../pie/PIE.htc);
	
}

.stepSelected {
	position:relative;
	display:block;
	width:200px;
	height:150px;
	text-align:center;
	font-size:18px;
	color:#fff;
	border:7px solid #dedede;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background-color:#e35b00;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ff6600), to(#cc5200));
	background: -webkit-linear-gradient(#ff6600, #cc5200);
	background: -moz-linear-gradient(#ff6600, #cc5200);
	background: -ms-linear-gradient(#ff6600, #cc5200);
	background: -o-linear-gradient(#ff6600, #cc5200);
	background: linear-gradient(#ff6600, #cc5200);
	-pie-background: linear-gradient(#ff6600, #cc5200);
	behavior: url(../pie/PIE.htc);
	
}

.stepNum {
	position:relative;
	display:block;
	margin:38px auto 0;
	font-size:48px;
	font-weight:bold;
	font-family:'Open Sans', sans_serif;
}

.stepTitle {
	position:relative;
	display:block;
	margin-top:33px;
}

.stepArrow {
	position:relative;
	display:block;
	font-size:72px;
}

.habitTitle {
	position:relative;
	display:block;
	height:55px;
	line-height:55px;
	text-align:left;
	margin:20px 100px;
	padding-left:200px;
	font-size:14px;
	font-weight:bold;
	background:url(../images/etc/logo_habit_title.png) no-repeat 4px center #fff8e7;
	border:1px solid #efcb70;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
}

/* 1단계 */

.joinTopBox {
	position:relative;
	width:655px;
	height:273px;
	margin: 30px auto 0;
	background:url(../images/bg/bg_certificate.png) no-repeat;
}

.joinTopBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
	

.joinTopInBox {
	position:relative;
	float:left;
	width:270px;
	min-height:10px;
	margin:70px 0 0 20px;
	border-bottom:1px solid #fafafa;
}

.joinLIst {
	padding-bottom:9px;
	border-bottom:1px solid #bdbdbd;
}

.joinLIst th {
	width:50%;
	text-align:left;
	padding:3px 0;
}

.joinLIst td {
	text-align:left;
	padding:5px 0;
}


.joinLIst .btnLogin {
	position:relative;
	width:100%;
	height:40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #226dc8;
	cursor:pointer;
}

.joinRightBox {
	position: relative;
    float: right;
    width: 315px;
    height: 143px;
    margin: 25px;
    padding-top: 51px;
	background:url(../images/etc/img_login_logo.png) no-repeat center top;
}

ul.joinList2 {
	position:relative;
	display:block;
	height:113px;
	background-color:#fff;
	padding:10px 15px;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
	}

ul.joinList2 li {
	position:relative;
	display:block;
	margin:5px 0;
	text-align:left;
	font-weight:bold;
}

/* 2단계 */

.leftInBox2 {
	position:relative;
	float:left;
	width:583px;
	padding-bottom:10px;
	border-right:1px solid #dedede;
}

.rightInBox2 {
	position:relative;
	float:left;
	width:583px;
	padding-bottom:10px;
}

/* 4단계 */
.joinEndBox { 
	position:relative;
	display:block;
	min-height:236px;
	margin:100px 100px 0;
	padding-left:340px;
	background:url(../images/etc/img_join_end.png) no-repeat left top;
}

.joinEndExBox {
	position:relative;
	display:block;
	float:left;
	margin-top:30px;
	padding-left:16px;
	vertical-align:middle;
}

.joinEndEx {
	position:relative;
	display:block;
	min-height:10px;
	padding:15px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	background:url(../images/etc/arrow_left.png) no-repeat -16px center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.joinEndArrow {
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:-16px;
	width:16px;
	height:15px;
	margin:auto;
	background:url(../images/etc/arrow_left.png) no-repeat;
	text-indent:-9999px;
}	

	

/* 로그인페이지 */

.membership .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#e1e9f3;
	border-top:1px solid #c6d7eb;
	border-bottom:1px solid #c6d7eb;
}

.membership .subTitle {
	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	border-left:5px solid #007eff;
}

.membership .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.membership .subTitleInEx {
	position:absolute;
	z-index:0;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#007eff;
}

.loginTopBox {
	position:relative;
	width:655px;
	height:273px;
	margin: 100px auto 0;
	background:url(../images/bg/bg_login.png) no-repeat;
}

.loginTopBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
	

.loginTopInBox {
	position:relative;
	float:left;
	width:252px;
	min-height:10px;
	margin:70px 0 0 20px;
	border-top:1px solid #bdbdbd;
}

ul.loginLIst {
	padding-top:9px;
	border-top:1px solid #fafafa;
}

ul.loginLIst li {
	position:relative;
	display:block;
	margin:10px 0;
}

.loginLIst .textInput {
	position:relative;
	height:40px;
	line-height:40px;
	text-align:left;
	margin-top:-3px;
	padding-left:10px;
	font-size:12px;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
}

.loginLIst .W242 {
	width:242px;
}

.loginLIst .btnLogin {
	position:relative;
	width:100%;
	height:40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #226dc8;
	cursor:pointer;
}


.loginRightBox {
	position:relative;
	float:right;
	width:332px;
	height:143px;
	margin:25px;
	padding-top:90px;
	background:url(../images/etc/img_login_logo.png) no-repeat center top;
}

ul.loginList2 {
	position:relative;
	display:block;
	height:113px;
	background-color:#fff;
	padding:10px 15px;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
	}

ul.loginList2 li {
	position:relative;
	display:block;
	margin:5px 0;
	text-align:left;
	font-weight:bold;
}

.sectionInBox {
	position:relative;
	width:655px;
	min-height:178px;
	margin:0 auto;
	overflow:auto;
}

.membership .leftInBox {
	width:100%;
	border-right:none;
}

.membership .rightInBox {
	width:100%;
}
	

	

/* Popup */
.popupWrapper {
	position:relative;
	display:block;
	background-color:#fff;
}

.popupTilteBox {
	position:relative;
	display:block;
	height:42px;
	line-height:42px;
	padding:0 10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../images/etc/logo_popup.png) no-repeat right center #2b3887;
}

/* 과제.진도/반공지 확인 */
.popupTopBox {
	position:relative;
	margin:10px;
	padding:5px 10px;
	text-align:left;
	font-weight:bold;
	background-color:#f9fdff;
	border:3px solid #485660;
}

.popupTopTitle {
	position:relative;
	display:inline-block;
}
	

.popupTop {
	position:relative;
	display:inline-block;
	margin-left:10px;
	padding-left:10px;
	min-height:16px;
	border-left:1px solid #dedede;
}

.popupTop li {
	display:inline-block;
	margin:0 5px;
	font-weight:normal;
	color:#7d7d7d;
}

.popupListLineTable {
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.popupListLineTable caption {
	position:relative;
	padding:3px 10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	border:3px solid #acacac;
	border-bottom:2px solid #acacac;
}

.popupListLineTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.popupListLineTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.popupListLineTable p {
	text-align:left;
}

.popupListLineTable2 {
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #6e6f7a;
	border-right:1px solid #dedede;
}

.popupListLineTable2 th {
	height:32px;
	font-size:14px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.popupListLineTable2 td {
	height:32px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.popupListLineTable2 p {
	text-align:left;
}

/* 아이디/비밀번호찾기 */

ul.popupListBox {}
ul.checkBox li {
	display:block;
	text-align:left;
	margin:5px 0;
	padding-left:10px;
	font-size:13px;
}

/* 강의평가목록 */


.popupTopInBox {
	position:relative;
	margin:10px;
	padding:5px 10px;
	text-align:left;
	background-color:#fffcf3;
	border:3px solid #c09b2d;
}

ul.popupTopIn {}

ul.popupTopIn li {
	display:inline-block;
	margin:0 5px;
}

ul.popupTopIn2 {}

ul.popupTopIn2 li {
	display:block;
	margin:0 5px;
}

.popupRightBox {
	position:relative;
	display:inline-block;
	float:right;
	text-align:right;
}

/* 학습후기팝업 */

.popupWrapper .subTitleBox {
	position:relative;
}

.popupWrapper .subTitleInBox {
	position:relative;
	width:100%;
	height:50px;
	padding-top:15px;
	background-color:#33393d;
}


.popupWrapper .subTitle {

	position:relative;
	display:block;
	height:18px;
	line-height:18px;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-left:5px solid #00ccff;
}

.popupWrapper .subTitleEx {
	position:relative;
	display:inline-block;
	width:70%;
}

.popupWrapper .subTitleInEx {
	position:absolute;
	z-index:10;
	top:20px;
	left:0px;
	height:24px;
	line-height:24px;
	text-align:left;
	font-size:12px;
	color:#efae00;
}

.replyViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:1px solid #acacac;
}

.replyViewTable th {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.replyViewTable td {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.replyViewTable p.TAR {
	text-align:right;
}

/* 교육비납입증명서팝업 */

.cetificate_box { position:relative; width:658px; min-height:908px; border:2px solid #2d2d2d; }

.listBox { width:658px; height:433px; } 

.boardlisttable15 {clear:both; border-collapse:collapse; max-width:100%; margin:0px auto; background:#dfdfdf; border-top:0px solid #555555; border-right:0px solid #555555; border-bottom:0px solid #555555; border-left:0px solid #555555;}
.boardlisttable15 caption { height:32px; line-height:32px; text-align:center;  font-size:14px; font-weight:bold; background:#f9f9f9; border-bottom:1px solid #acacac; } 
.boardlisttable15 th {height:32px; font-weight:bold; white-space: nowrap; text-align:center; padding:0 5px; background:#fcfcfc;  border-top:0px solid #acacac; border-right: 0px solid #acacac; border-bottom:1px solid #acacac; border-left:1px solid #acacac;  }
.boardlisttable15 th:first-child { border-left:none; }
.boardlisttable15 td {height:24px; margin:0; padding:0 5px; white-space:normal; text-align:center; background:#FFF; border-top:0px solid #acacac; border-right: 0px solid #acacac; border-bottom:1px solid #acacac; border-left:1px solid #acacac;  }
.boardlisttable15 td:first-child { border-left:none; }
.boardlisttable15 p {text-align:left; }
.boardlisttable15 .address { border-left:1px solid #acacac !important; }
.boardlisttable15 .money {text-align:right; padding-right:20px; font-style:italic;  font-family:'Open Sans', sans-serif;}
.boardlisttable15 .total { float:left; width:250px; min-height:32px; line-height:32px; margin-left:10px; text-align:left; font-weight:bold; }
.boardlisttable15 .Tprice { float:right; width:250px; min-height:32px; line-height:32px; margin-right:10px; text-align:right; font-weight:bold; }
.boardlisttable15 .CP { padding:10px; }
.boardlisttable15 .Sign { position:absolute; z-index:1; width: 100px; min-height:50px; left:430px; top:715px; }
.boardlisttable15 .Sign img { width:100px; height:106px; } 

.FSBK216B { line-height:24px; font-size:12px; color:#2d2d2d; font-weight:bold; }
.FSBK214 { line-height:30px !important; padding-top:10px; font-size:12px; }

/* 레벨테스트팝업 */

.boxPopup { display:inline-block; width:100%; min-height:0px; }

.boxPopup td {vertical-align:top;}

.boxPopup .levelTestBox {
	position:relative;
	width:640px;
	min-height:100px;
	margin:200px auto 0px auto;
	padding:10px 0 20px;
	background-color:#f9f9f9;
	-webkit-box-shadow:#acacac 0px 0px 10px;
	-moz-box-shadow:#acacac 0px 0px 10px;
	box-shadow:#acacac 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
}

.boxPopup .levelTestBox2 {
	position:relative;
	width:640px;
	min-height:100px;
	margin:100px auto 0px auto;
	padding:10px 0 20px;
	background-color:#f9f9f9;
	-webkit-box-shadow:#acacac 0px 0px 10px;
	-moz-box-shadow:#acacac 0px 0px 10px;
	box-shadow:#acacac 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
}

.boxPopup .levelIntroTitle { 
	postion:relative;
	width:560px; 
	height:48px; 
	line-height:48px; 
	margin:15px auto 0; 
	padding-left:10px; 
	text-align:left; 
	color:#010101; 
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #acacac;
}

.boxPopup .levelIntroTitle .icon {
	display:inline-block;
	font-size:11px;
	color:#2969ad;
	vertical-align:middle;
}

.boxPopup ul.introList { 
	position:relative;
	width:570px; 
	margin:0 auto;
	padding:10px 0px; 
	border-top:1px solid #fff; 
}


.boxPopup ul.introList li {
	margin:10px 0;
	padding-left:20px; 
	font-size:14px; 
	text-align:left; 
}

.boxPopup p { 
	width:540px;
	line-height:28px;
	margin:10px auto;
	text-align:left;
	 font-size:14px;
}

.boxPopup .btnLevel01 {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:5px solid #cbd1d8;
	cursor:pointer;
}

.boxPopup .btnNewLevel01 {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#d6573a;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ef7860), to(#d6573a));
	background: -webkit-linear-gradient(#ef7860, #d6573a);
	background: -moz-linear-gradient(#ef7860, #d6573a);
	background: -ms-linear-gradient(#ef7860, #d6573a);
	background: -o-linear-gradient(#ef7860, #d6573a);
	background: linear-gradient(#ef7860, #d6573a);
	-pie-background: linear-gradient(#ef7860, #d6573a);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:5px solid #cbd1d8;
	cursor:pointer;
}

.boxPopup .btnTopBox {
	position:relative;
	margin:5px 10px;
	text-align:left;
}

.boxPopup .btnLevelLeft {
	position:relative;
	margin-right:-3px;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-top-left-radius:30px;
	-webkit-border-bottom-left-radius:30px;
	-moz-border-radius-topleft:30px;
	-moz-border-radius-toprleft:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	border-right:1px solid #dedede;
	-webkit-box-shadow:#acacac -2px 0px 5px;
	-moz-box-shadow:#acacac -2px 0px 5px;
	box-shadow:#acacac -2px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnNewLevelLeft {
	position:relative;
	margin-right:-3px;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#307adf;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-top-left-radius:30px;
	-webkit-border-bottom-left-radius:30px;
	-moz-border-radius-topleft:30px;
	-moz-border-radius-toprleft:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	border-right:1px solid #dedede;
	-webkit-box-shadow:#acacac -2px 0px 5px;
	-moz-box-shadow:#acacac -2px 0px 5px;
	box-shadow:#acacac -2px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnLevelRight {
	position:relative;
	margin-left:-3px;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-top-right-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-radius-topright:30px;
	-moz-border-radius-toprright:30px;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	border-left:1px solid #dedede;
	-webkit-box-shadow:#acacac 2px 0px 5px;
	-moz-box-shadow:#acacac 2px 0px 5px;
	box-shadow:#acacac 2px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnNewLevelRight {
	position:relative;
	margin-left:-3px;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-top-right-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-radius-topright:30px;
	-moz-border-radius-toprright:30px;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	border-left:1px solid #dedede;
	-webkit-box-shadow:#acacac 2px 0px 5px;
	-moz-box-shadow:#acacac 2px 0px 5px;
	box-shadow:#acacac 2px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnLevel02 {
	position:relative;
	padding:10px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	-webkit-box-shadow:#acacac 0px 0px 5px;
	-moz-box-shadow:#acacac 0px 0px 5px;
	box-shadow:#acacac 0px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnNewLevel02 {
	position:relative;
	padding:10px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 30% bottom, from(#fff), to(#f0f0f0));
	background: -webkit-linear-gradient(#fff, #f0f0f0);
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: -ms-linear-gradient(#fff, #f0f0f0);
	background: -o-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	-pie-background: linear-gradient(#fff, #f0f0f0);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:none;
	-webkit-box-shadow:#acacac 0px 0px 5px;
	-moz-box-shadow:#acacac 0px 0px 5px;
	box-shadow:#acacac 0px 0px 5px;
	cursor:pointer;
}

.boxPopup .btnLevel03 {
	position:relative;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#1679be;
	background: -webkit-gradient(linear, 0 top, 80% bottom, from(#58abe5), to(#1679be));
	background: -webkit-linear-gradient(#58abe5, #1679be);
	background: -moz-linear-gradient(#58abe5, #1679be);
	background: -ms-linear-gradient(#58abe5, #1679be);
	background: -o-linear-gradient(#58abe5, #1679be);
	background: linear-gradient(#58abe5, #1679be);
	-pie-background: linear-gradient(#58abe5, #1679be);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #318ccb;
	cursor:pointer;
}

.boxPopup .btnNewLevel03 {
	position:relative;
	padding:10px 20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#d6573a;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ef7860), to(#d6573a));
	background: -webkit-linear-gradient(#ef7860, #d6573a);
	background: -moz-linear-gradient(#ef7860, #d6573a);
	background: -ms-linear-gradient(#ef7860, #d6573a);
	background: -o-linear-gradient(#ef7860, #d6573a);
	background: linear-gradient(#ef7860, #d6573a);
	-pie-background: linear-gradient(#ef7860, #d6573a);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #cb4a31;
	cursor:pointer;
}

.boxPopup .rightBoxTop {
	position:relative; 
	width:278px; 
	height:48px; 
	margin:10px auto 0px auto;
	background-color:#f9f9f9;
	background: -webkit-gradient(linear, 0 top, 80% bottom, from(#d8d8d8), to(#f9f9f9));
	background: -webkit-linear-gradient(#d8d8d8, #f9f9f9);
	background: -moz-linear-gradient(#d8d8d8, #f9f9f9);
	background: -ms-linear-gradient(#d8d8d8, #f9f9f9);
	background: -o-linear-gradient(#d8d8d8, #f9f9f9);
	background: linear-gradient(#d8d8d8, #f9f9f9);
	-pie-background: linear-gradient(#d8d8d8, #f9f9f9);
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:30px;
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:30px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border:5px solid #cbd1d8;
	border-bottom:none; 
	behavior: url(../pie/PIE.htc);	 
}

.boxPopup .rightBoxTop .levelAnswerTop { 
	float:left;  
	width:113px; 
	height:33px; 
	padding:15px 0px 0px 30px; 
	text-align:left; 
	font-size:16px; 
	color:#980039; 
	font-weight:bold;
	font-family:'Open Sans', sans-serif;  
}

.boxPopup .rightBoxTop .timeBox { 
	float:left; 
	padding-top:14px; 
	font-size:18px; 
	color:#06F; 
	font-weight:bold;  
	font-family:'Open Sans', sans-serif;  
}

.boxPopup .rightBoxBt { 
	width:278px; 
	height:783px; 
	margin:0px auto 10px auto;
	background-color:#f9f9f9;
	-webkit-border-bottom-left-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-radius-bottomleft:30px;
	-moz-border-radius-bottomright:30px;
	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;
	border:5px solid #cbd1d8;
	border-top:none;  
	behavior: url(../pie/PIE.htc);	
}

.boxPopup .rightBoxNewTop {
	position:relative; 
	width:278px; 
	height:48px; 
	margin:10px auto 0px auto;
	background-color:#f9f9f9;
	background: -webkit-gradient(linear, 0 top, 80% bottom, from(#d8d8d8), to(#f9f9f9));
	background: -webkit-linear-gradient(#d8d8d8, #f9f9f9);
	background: -moz-linear-gradient(#d8d8d8, #f9f9f9);
	background: -ms-linear-gradient(#d8d8d8, #f9f9f9);
	background: -o-linear-gradient(#d8d8d8, #f9f9f9);
	background: linear-gradient(#d8d8d8, #f9f9f9);
	-pie-background: linear-gradient(#d8d8d8, #f9f9f9);
	-webkit-border-top-left-radius:30px;
	-webkit-border-top-right-radius:30px;
	-moz-border-radius-topleft:30px;
	-moz-border-radius-topright:30px;
	border-top-left-radius:30px;
	border-top-right-radius:30px;
	border:5px solid #bf4210;
	border-bottom:none; 
	behavior: url(../pie/PIE.htc);	 
}

.boxPopup .rightBoxNewTop .levelAnswerTop { 
	float:left;  
	width:113px; 
	height:33px; 
	padding:15px 0px 0px 30px; 
	text-align:left; 
	font-size:16px; 
	color:#980039; 
	font-weight:bold;
	font-family:'Open Sans', sans-serif;  
}

.boxPopup .rightBoxNewTop .timeBox { 
	float:left; 
	padding-top:14px; 
	font-size:18px; 
	color:#06F; 
	font-weight:bold;  
	font-family:'Open Sans', sans-serif;  
}

.boxPopup .rightBoxNewBt { 
	width:278px; 
	height:743px; 
	margin:0px auto 10px auto;
	background-color:#f9f9f9;
	-webkit-border-bottom-left-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-radius-bottomleft:30px;
	-moz-border-radius-bottomright:30px;
	border-bottom-left-radius:30px;

	border-bottom-right-radius:30px;
	border:5px solid #bf4210;
	border-top:none;  
	behavior: url(../pie/PIE.htc);	
}

.boxPopup .levelTable { width:258px; height:728px; margin:0 auto; overflow-y:auto; overflow-x:hidden; }
.boxPopup .levelTable th { height:22px; line-height:18px; text-align:center; padding:0px 5px; }
.boxPopup .levelTable th.number { width:30px; }
.boxPopup .levelTable td { height:22px; line-height:18px; text-align:left; vertical-align:middle; padding:0px 5px; }
.boxPopup .levelTable td.number { text-align:center; }
.boxPopup .levelTable td.number2 { text-align:center; color:#9d9d9d; }
.boxPopup .levelTable td.essential { color:#9d9d9d; }


.boxPopup .leftBox { 
	position:relative;
	max-width:100%; 
	height:770px; 
	margin:10px;
	padding:10px;
	background-color:#fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px; 
	behavior: url(../pie/PIE.htc);
	overflow-y:auto;
	overflow-x:hidden;	 
}
.boxPopup .testContentBox  { 
	postion:relative;
	width:100%;
	min-height:10px; 
	margin:0px auto; 
}
.boxPopup .testContentBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
.boxPopup .testContentBox2  { 
	postion:relative;
	width:770px; 
	height:690px; 
	margin:0px auto; 
}
.boxPopup .textBox { 
	position:relative; 
	max-width:100%; 
	height:240px; 
	margin:0 auto; 
	padding-top:5px;
	border:3px dashed #acacac; 
}
.boxPopup .textInBox { 
	position:relative;
	width:100%; 
	height:235px; 
	line-height:20px; 
	margin:0px auto; 
	text-align:left; 
	font-size:12px; 
	overflow-y:auto; 
	overflow-x:none; 
}
.boxPopup .exTitle { 
	position:relative;
	max-width:100%; 
	height:42px; 
	margin:0px auto; 
	padding-left:50px; 
	text-align:left; 
	color:#010101; 
	font-size:18px; 
	background:url(../images/etc/icon_level_test.png) no-repeat left center;   
}
.boxPopup .exTitle td { 
	text-align:left; 
	vertical-align:middle; 
	padding-left:0px !important; 
}

.boxPopup .testImgBox { 
	position:relative; 
	margin:10px auto; 
	text-align:left; 
}
.boxPopup .testImgBox img {
	border:5px solid #dedede;
}
.boxPopup .answerTopBox {
	postion:relative;
	min-height:100px; 
	margin:10px auto 0px auto; 
}
.boxPopup .answerTop {  
	margin:20px auto 0px auto;
	padding:5px 10px;
	border:3px dotted #3a6bb5;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	
}

.boxPopup .answerTop td { 
	line-height:16px; 
	padding:0px 10px; 
	font-size:12px; 
	font-weight:bold; 
	text-align:left; 
	vertical-align: middle;  
}

.boxPopup .answerNewTop {  
	margin:20px auto 0px auto;
	padding:5px 10px;
	border:3px dotted #b5513a;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	
}


.boxPopup .answerNewTop td { 
	line-height:16px; 
	padding:0px 10px; 
	font-size:12px; 
	font-weight:bold; 
	text-align:left; 
	vertical-align: middle;  
}


.boxPopup .answerTable { 
	border-collapse:separate; 
	max-width:100%; 
	margin:10px;
}

.boxPopup .numberBox	{ 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number.png) no-repeat left center; 
	font-family: 'Open Sans', serif;  
}
.boxPopup .numberBoxSelected { 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number_select.png) no-repeat left center; 
	font-family: 'Open Sans', serif; 
}

.boxPopup .numberBoxSelected2 { 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number_select_new.png) no-repeat left center; 
	font-family: 'Open Sans', serif; 
}

/* 171106 추가 */
/*
.boxPopup th.numberBox a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
.boxPopup th.numberBoxSelected a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
.boxPopup th .numberBoxSelected2 a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
*/

.boxPopup .answerTable th {
	padding:3px 0;
}
.boxPopup .answerTable td { 
	line-height:18px; 
	text-align:left; 
	padding:5px 10px; 
	font-size:12px; 
	color:#2d2d2d; 
	vertical-align: middle !important;  
} 
.boxPopup .audioBox { 
	position:relative; 
	width:100%; 
	height:90px; 
	margin:0 auto;
	background:url(../images/bg/bg_audio.png) no-repeat center center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	behavior: url(../pie/PIE.htc); 
}
.boxPopup .answerTitle { 
	max-width:100%; 
	height:22px; 
	line-height:22px; 
	margin:10px 20px;  
	font-size:14px; 
	font-weight:bold; 
	text-align:left;  
} 
.boxPopup .writingBox {
	position:relative; 
	width:100%; 
	height:174px; 
	margin:0 auto; 
}

.boxPopup .writingBox .textareaInput {
	position:relative;
	max-width:100%;
	height:150px;
	line-height:18px;
	text-align:left;
	background-color:#faf9f7;
	border:1px solid #dbd8cc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
}

.boxPopup .levelEndTitle { 
	postion:relative;
	width:560px; 
	height:48px; 
	line-height:48px; 
	margin:15px auto 0; 
	padding-left:10px; 
	text-align:left; 
	color:#010101; 
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #acacac;
}

.boxPopup .levelEndTitle .icon {
	display:inline-block;
	font-size:11px;
	color:#2969ad;
	vertical-align:middle;
}

.boxPopup .levelEndTitle .nameBox { 
	font-size:14px;
	font-weight:bold; 
	color:#0072ff;
	font-family:'NanumGothic', sans-serif; 
}

.boxPopup .correctBox { 
	font-size:14px; 
	font-weight:bold; 
	color:#ff0000; 
	font-family: 'NanumGothic', sans-serif;  
}

.boxPopup ul.endList { 
	position:relative;
	width:570px; 
	margin:0 auto;
	padding:10px 0px; 
	border:1px solid #dedede;
	background-color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc); 
}

.boxPopup ul.endList li {
	margin:10px 0;
	padding-left:20px; 
	font-size:14px; 
	text-align:left; 
}

.boxPopup .answerTable a { padding: 3px 10px; font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a:visited { font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a:hover { font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a:active { font-size:14px; color:#2d2d2d; text-decoration:none; font-family: 'Open Sans', serif;  }

.boxPopup .answerTable a.select {padding: 3px 10px;  font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a.select:visited { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a.select:hover { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif;  }
.boxPopup .answerTable a.select:active { font-size:14px; color:#fff; text-decoration:underline; font-family: 'Open Sans', serif;  }     



/* 선생님모집 */
.recruitNoticeBox {
	position: relative;
	display: block;
	margin-top: -50px;
	padding-bottom: 50px;
	/*
	background-color: #0d2b69;
	*/
}

.btnTeacherNew {
	position:fixed;
	z-index:10;
	bottom:5px;
	left:50%;
	width:992px;
	height:90px;
	margin-left:-496px;
	background-color: #ff3000;
	border-radius: 45px;
	box-shadow: #000 0 0 10px;
}

.wrapper {
	position:relative;
	width:100%;
	background-color:#3290d2;
	border-bottom:1px solid #3290d2;
}

#main {
	border-bottom:none;
}

.main_header {
	display:none;
}

#main .main_header {
	position:relative;
	display:block;
	height:230px;
	background:url(../images/bg/bg_teacher_top.jpg) repeat-x left top;
}

.header {
	position:relative;
	display:block;
	height:230px;
	background:url(../images/bg/bg_teacher_sub_top.jpg) repeat-x left top;
}

#main .header {
	display:none;
}

ul.teacherNavBox {
	position:relative;
	width:1000px;
	height:41px;
	margin:19px auto 0;
}

ul.teacherNavBox li {
	display:inline-block;
	text-align:center;
	margin:14px -3px 0;
	height:14px;
	line-height:14px;
	border-left:1px solid #2499d7;
}

ul.teacherNavBox li:first-child {
	border-left:none;
}

ul.teacherNavBox li a.btnTop {
	position:relative;
	display:block;
	height:21px;
	line-height:4px;
	margin-top:-14px;
	padding:20px 30px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family:'Open Sans', sans-serif;
}

ul.teacherNavBox li a.btnTop:hover {
	position:relative;
	display:block;
	height:21px;
	line-height:4px;
	margin-top:-14px;
	padding:20px 30px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#3b90bc;
	font-family:'Open Sans', sans-serif;
}


#about ul.teacherNavBox li#aboutPage a.btnTop,
#job ul.teacherNavBox li#jobPage a.btnTop, 
#compensation ul.teacherNavBox li#compensationPage a.btnTop, 
#documents ul.teacherNavBox li#documentsPage a.btnTop,
#apply ul.teacherNavBox li#applyPage a.btnTop {
	position:relative;
	display:block;
	height:21px;
	line-height:4px;
	margin-top:-14px;
	padding:20px 30px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#176d9a;
	font-family:'Open Sans', sans-serif;
}

#about ul.teacherNavBox li#aboutPage a.btnTop:hover,
#job ul.teacherNavBox li#jobPage a.btnTop:hover,
#compensation ul.teacherNavBox li#compensationPage a.btnTop:hover,
#documents ul.teacherNavBox li#documentsPage a.btnTop:hover,
#apply ul.teacherNavBox li#applyPage a.btnTop:hover {
	position:relative;
	display:block;
	height:21px;
	line-height:4px;
	margin-top:-14px;
	padding:20px 30px 0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#3b90bc;
	font-family:'Open Sans', sans-serif;
}
	  	

.teacherTitle {
	position:relative;
	padding-top:30px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	color:#fff;
}

.teacherTitleEx {
	position:relative;
	margin-top:20px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.teacherNav {
	position:relative;
	height:230px;
}

.teacherMainImg {
	position:relative;
	width:1010px;
	height:661px;
	margin:-50px auto 0;
	background:url(../images/etc/img_teacher_main.png) no-repeat;
	text-indent:-9999px;
}

.btnTeacher {
	position:absolute;
	z-index:10;
	bottom:100px;
	left:50%;
	width:582px;
	height:90px;
	margin-left:-291px;
}
	
.teacherFoot {
	position:relative;
	width:650px;
	height:80px;
	margin:0 auto;
	padding:30px 0 0 250px;
	text-align:left;
	line-height:18px;
	background:url(../images/bg/footer_logo.png) no-repeat left center;
}

.teacherContent {
	position:relative;
	width:1000px;
	min-height:100px;
	margin:-50px auto 0;
	background-color:#fff;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	behavior: url(/pie/PIE.htc);
}

.teacherSubImage {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:50px 0;
}

.teacherSubTitle {
	position:relative;
	width:1000px;
	min-height:100px;
	padding:50px 0;
	background:url(../images/etc/img_teacher_recruit_05_title.png) no-repeat center 40px;
	text-indent:-9999px;
}
	

.teacherListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
}

	

.teacherListTable th {
	height:28px;
	padding-left:30px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.teacherListTable td {
	height:24px;
	padding:5px 7px;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.teacherListTable p {
	text-align:left;
}

.textInput5 {
	position:relative;
	height:22px;
	line-height:22px;
	text-align:left;
	padding-left:10px;
	background-color:#faf9f7;
	border:1px solid #dbd8cc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
}

.teacherListTable .textareaInput {
	position:relative;
	height:150px;
	line-height:18px;
	text-align:left;
	padding-left:10px;
	background-color:#faf9f7;
	border:1px solid #dbd8cc;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
}
	


/* Etc */

/* 버튼 */
a.btnWhiteS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnWhiteS:hover {
	text-decoration:none;
}

.btnWhite {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnWhiteS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnWhiteL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

a.btnBlue {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnBlue:hover {
	text-decoration:none;
}

a.btnBlueS {
	position:relative;
	padding:0 10px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnBlueS:hover {
	text-decoration:none;
}

a.btnLblueS {
	position:relative;
	padding:0 10px;
	font-size:12px;
	color:#fff;
	background-color:#007eff;
	border:1px solid #0d71d6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnLblueS:hover {
	text-decoration:none;
}

a.btnBlueL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnBlueL:hover {
	text-decoration:none;
}


a.btnBlueXL {
	position:relative;
	padding:60px 120px;
	font-size:14px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnBlueXL:hover {
	text-decoration:none;
}


.btnBlue {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnBlueS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnBlueL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnBlueXL {
	position:relative;
	padding:60px 120px;
	font-size:14px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnLblueS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#007eff;
	border:1px solid #0d71d6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}


a.btnGrey {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnGrey:hover {
	text-decoration:none;
}

a.btnGreyS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

a.btnGreyS:hover {
	text-decoration:none;
}

.btnGrey {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnGreyS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnGreyL {
	position:relative;
	padding:15px 30px;
	font-size:14px;
	color:#2d2d2d;
	background-color:#f0f0f0;
	border:1px solid #acacac;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

a.btnGreenS {
	position:relative;
	display:inline-block;
	min-width:65px;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#14972d;
	border:1px solid #197b2b;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.btnGreenS:hover {
	text-decoration:none;
}

.btnGreenS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#14972d;
	border:1px solid #197b2b;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnGreen {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#fff;
	background-color:#14972d;
	border:1px solid #197b2b;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnPinkS {
	position:relative;
	display:inline-block;
	min-width:65px;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#da4a6f;
	border:1px solid #b74e69;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

a.btnPinkS {
	position:relative;
	display:inline-block;
	min-width:65px;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#da4a6f;
	border:1px solid #b74e69;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.btnPinkS:hover {
	text-decoration:none;
}

a.btnBrownS {
	position:relative;
	display:inline-block;
	min-width:65px;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#d66000;
	border:1px solid #b25a13;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
    behavior: url(../pie/PIE.htc);
}

a.btnBrownS:hover {
	text-decoration:none;
}

.btnBrownS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;

	color:#fff;

	background-color:#d66000;
	border:1px solid #b25a13;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnRed {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#fff;
	background-color:#ff3000;
	border:1px solid #d33410;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnRedS {
	position:relative;
	padding:1px 10px 2px;
	font-size:12px;
	color:#fff;
	background-color:#ff3000;
	border:1px solid #d33410;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnRedL {
	position:relative;
	padding:15px 30px;
	font-size:12px;
	color:#fff;
	background-color:#ff3000;
	border:1px solid #d33410;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

/* 텍스트 색상 */
.blue { color:#004c99 !important;}
.Lblue { color:#007eff !important; }
.red { color:#ff3000 !important;}
.Lyellow { color:#f1ff0a !important; }
.yellow { color:#fed030 !important; }
.Dyellow { color:#997300 !important; }
.green { color:#14972d !important; }
.black { color:#000 !important; } 
.perple { color: #b10be1 !important; }
.Lpink { color:#ffd0dc !important; }
.orange { color:#d35400 !important; }
.Lorange { color:#ffa060 !important; }
.white { color:#fff !important; }
.Lgrey { color:#acacac !important; }
.grey { color: #9d9d9d !important; }

/* 링크 색상 */
a.blue { color:#004c99 !important;}
a.Lblue { color:#007eff !important; }
a.red { color:#ff3000 !important;}
a.yellow { color:#fed030 !important; }
a.Dyellow { color:#997300 !important; }
a.green { color:#14972d !important; }
a.black { color:#000 !important; }
a.white { color:#fff !important; }

/* 백그라운드 색상 */
.Bblue { background-color:#007eff !important; }
.BLblue { background-color:#cce5ff !important; }
.BLgrey { background-color:#f9f9f9 !important; }
.BLyellow { background-color:#fff159 !important; }
.BLyellow2 { background-color:#fffff3 !important; }
.BLgreen { background-color:#f4ffe2 !important; }

/* 텍스트 사이즈 */
.FS10 { font-size:10px !important; }
.FS11 { font-size:11px !important; }
.FS12 { font-size:12px !important; }
.FS14 { font-size:14px !important; }
.FS16 { font-size:16px !important; }
.FS18 { font-size:18px !important; }
.FS20 { font-size:20px !important; }
.FS24 { font-size:24px !important; }
.FS32 { font-size:32px !important; }
.FS36 { font-size:36px !important; }
.FS48 { font-size:48px !important; }
.B { font-weight:bold !important; }
.FWN { font-weight:normal; }
.TDUL { text-decoration:underline !important; }

/* 레이아웃 */
.TAL { text-align:left !important; }
.TAC { text-align:center !important; }
.TAR { text-align:right !important; }
.VAT { vertical-align:top !important; }
.VAM { vertical-align:middle !important; }
.DB { display:block !important; }
.DIB { display:inline-block !important; }
.FL { float:left !important; }
.FR { float:right !important; }
.overflowBox150 { height:150px !important; overflow:auto !important; }

/* 크기 */
.W10 { width:10% !important; }
.W20 { width:20% !important; }
.W30 { width:30% !important; }
.W50 { width:50% !important; }
.W60 { width:60% !important; }
.W80 { width:80% !important; }
.W90 { width:90% !important; }
.W100 { width:100% !important; }
.W130 { width:130px !important; } /* 적용 대상 찾기 어려움 */
.W30P { width:30px !important; }
.W90P { width:90px !important; }
.W160P { width:160px !important; }
.W200P { width:200px !important; }
.W300P { width:300px !important; }
.W500P { width:500px !important; }
.W650P { width:650px !important; }
.MW100 { max-width:100% !important; }

/* 마진 */
.MT-18 { margin-top:-18px !important; }
.MT-12 { margin-top:-12px !important; }
.MT-8 { margin-top:-8px !important; }
.MT-3 { margin-top:-3px !important; }
.MT-1 { margin-top:-1px !important; }
.MT0 { margin-top:0px !important; }
.MT2 { margin-top:2px !important; }
.MT5 { margin-top:5px !important; }
.MT10 { margin-top:10px !important; }
.MT20 { margin-top:20px !important; }
.MT30 { margin-top:30px !important; }
.MT40  { margin-top:40px !important; }
.MT50 { margin-top:50px !important; }
.MT100 { margin-top:100px !important; }
.MT150 { margin-top:150px !important; }
.MR-10 { margin-right: -10px !important; }
.MR-5 { margin-right: -5px !important; }
.MR5 { margin-right:5px !important; }
.MR10 { margin-right:10px !important; }
.MR15 { margin-right:15px !important; }
.MR20 { margin-right:20px !important; }
.MB-10 { margin-bottom:-10px !important; }
.MB-20 { margin-bottom:-20px !important; }
.MB5 {margin-bottom:5px !important; }
.MB10 { margin-bottom:10px !important; }
.MB20 { margin-bottom:20px !important; }
.MB30 { margin-bottom:30px !important; }
.MB50 { margin-bottom:50px !important; }
.ML-10 { margin-left:-10px !important; }
.ML10 { margin-left:10px !important; }
.ML15 { margin-left:15px !important; }
.ML20 { margin-left:20px !important; }
.ML40 { margin-left:40px !important; }
.ML130 { margin-left:130px !important; }
.MTB5 { margin-top:5px !important; margin-bottom:5px !important; }
.MTB10 { margin-top:10px !important; margin-bottom:10px !important; }
.MTB20 { margin-top:20px !important; margin-bottom:20px !important; }
.MTB50 { margin-top:50px !important; margin-bottom:50px !important; }
.MTB150 { margin-top:150px !important; margin-bottom:150px !important; }
.MRL0 { margin-right:0 !important; margin-left:0 !important; }
.MRL5 { margin-right:5px !important; margin-left:5px !important; }
.MRL10 { margin-right:10px !important; margin-left:10px !important; }
.MRL15 { margin-right:15px !important; margin-left:15px !important; }
.MRL30 { margin-right:30px !important; margin-left:30px !important; }
.M5 { margin:5px !important; }
.M10 { margin:10px !important; }
.M2010 { margin:20px 10px !important; }
.M2015 { margin:20px 15px !important; }
.M3010 { margin: 30px 10px !important; }
.M10010 { margin-top:100px !important; padding-bottom:100px !important; }
.M0A { margin: 0 auto !important; }
.BSBB { 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 패딩 */
.PT0 { padding-top:0 !important; }
.PT10 { padding-top:10px !important; }
.PT20 { padding-top:20px !important; }
.PT30 { padding-top:30px !important; }
.PT50 { padding-top:50px !important; }
.PT80 { padding-top:80px !important; }
.PT100 {padding-top:100px !important; }
.PT250 { padding-top:250px !important; }
.PR10 { padding-right:10px !important; }
.PR20 { padding-right:20px !important; }
.PRL3 { padding-left:3px !important; padding-right:3px !important; }
.PRL10 { padding-left:10px !important; padding-right:10px !important; }
.PRL15 { padding-left:15px !important; padding-right:15px !important; }
.PRL30 { padding-left:30px !important; padding-right:30px !important; }
.PB0 { padding-bottom:0px !important; }
.PB10 { padding-bottom:10px !important; }
.PB20 { padding-bottom:20px !important; }
.PB50 { padding-bottom:50px !important; }
.PB100 { padding-bottom:100px !important; }
.PL10 { padding-left:10px !important; }
.P5 { padding:5px !important; }
.P10 { padding:10px !important; }
.P1020 { padding: 10px 20px !important; }
.P1050 { padding: 10px 50px !important; } 
.P2050 { padding: 20px 50px !important; }

/* 라인 */
.BT1S { border-top:1px solid #dedede; }
.BT0 { border-top:none; }
.BB1S { border-bottom:1px solid #dedede; } 
.B3S { border:3px solid #58616c; }

/* 폰트패밀리 */
.FFOS { font-family:'Open Sans', sans-serif; }
.FFMG { font-family:'Malgun Gothic', sans-serif; }
.FFNG { font-family:'NanumGothic', sans-serif; }


.LH32 { 
	line-height: 32px;
}
.clear { clear:both; }


/* 부트스트랩 페이지네이션 */
.pageBox {
	position:relative;
	display:block;
	margin:0 20px;
}

/* 학원전용 css - mypage 학원맞춤공지 적용 */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0 0;
  border-radius: 4px;
}

.pagination a {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  color:#2d2d2d;
  background-color: #ffffff;
  border: 1px solid #acacac;
}

.pagination a:first-child {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination a:hover,
.pagination span:hover,
.pagination a:focus {
  background-color: #eeeeee;
}

.pagination font {
  position: relative;
  float: left;
  display:inline-block;
  width:32px;
  height:31px;
  line-height:31px;
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination font:first-child {
  color: #2d2d2d;
  background-color: #fff;
  border-color: #acacac !important;
}

.pagination font:last-child {
  color: #2d2d2d;
  background-color: #fff;
  border-color: #acacac !important;
}


/* Paging 기본 css 
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  color:#2d2d2d;
  background-color: #ffffff;
  border: 1px solid #acacac;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #acacac;
}

*/

/* 검색 */

.searchBox  {
	position:relative;
	display:block;
	margin:20px auto 0;
	padding-bottom:20px;
}

.searchBottomBox {
	position:relative;
	display:block;
}

.searchBottomBox li {
	position:relative;
	display:inline-block;
	margin:0 3px;
}

/* 프린트 */

.printBox { max-width:100%; min-height:10px; margin:10px 0; }

.printBox table.outside { position:relative; min-height:10px; top:0; bottom:0; border:1px solid #dedede; }
.printBox th { line-height:28px; padding:0px 10px; font-size:12px; background-color:#f0f0f0; border-bottom:1px solid #dedede; border-left:1px solid #dedede; }
.printBox th:first-child { border-left:none; }
.printBox td { line-height:18px; border-left:1px solid #dedede; padding:0px 10px; font-size:12px; word-break: break-all;}
.printBox td:first-child { border-left:none; }
.printBox p {text-align:left; }

.printBox2 { max-width:100%; min-height:10px; margin:10px 0; }

.printBox2 table { position:relative; min-height:10px; top:0; bottom:0; border-top:1px solid #acacac; border-right:1px solid #acacac; }
.printBox2 td { line-height:18px; padding:0px 10px; font-size:12px; text-align: left; border-left:1px solid #acacac; border-bottom:1px solid #acacac; word-break: break-word;  }

.introTitle  { line-height:28px; margin-bottom:10px; padding:0px 10px; text-align:left; font-size:12px; font-weight:bold; background-color:#f0f0f0; }  
.contentWrap { min-height:10px; border:1px solid #dedede; }
.contentTitle { height:24px; line-height:24px; text-align:left; font-weight:bold; padding-left:10px; font-size:12px; background-color:#f0f0f0; border-bottom:1px solid #dedede; }
.contentBox { text-align:left; padding:10px; font-size:12px; background-color:#fff; } 

.cetificate_box2 { 
	position:relative;
	width:718px; 
	height:908px;
	margin: 0 auto;
}

@page a4sheet {size:21.0cm 29.7cm}
.a4 {page:a4sheet;}

/* 151216 추가 */
/* 레벨테스트 팝업 - simson 작업 복사 */

#page_body2 {background:#fff;}
.box_popup2 { display:inline-block; width:100%; min-height:0px; background-color:#fff; }
.box_popup2 td {vertical-align:top;}

.box_popup2 .intro_top { width:612px; height:53px; margin:100px auto 0px auto; background:url(../images/bg/bg_level_intro_top.jpg) no-repeat; }

.box_popup2 .intro_md { width:612px; min-height:417px; margin:0px auto; background:url(../images/bg/bg_level_intro_md.jpg) repeat-y center top; }
.box_popup2 .intro_md p { width:530px; min-height:0px; margin:10px auto; line-height:40px; text-align:left; font-size:14px; }
.box_popup2 .intro_md .btn_bt {margin:10px auto; text-align:center;}
.box_popup2 .intro_md .LH24 { line-height:20px !important;  }
.box_popup2 .intro_md ul { width:520px; margin:10px auto; padding:10px 0px; background:url(../images/etc/line_level_test.gif) repeat-x left top; }
.box_popup2 .intro_md li { height:30px; line-height:30px; padding-left:30px; font-size:14px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_list.png) no-repeat left center;   } 
.box_popup2 .intro_md ul.list2 { width:520px; margin:10px auto; padding:10px 0px; background:url(../images/etc/line_level_test.gif) repeat-x left bottom; }
.box_popup2 .intro_md li.list2 { height:28px; line-height:28px; padding-left:18px; font-size:14px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_list2.png) no-repeat left center;   } 
.box_popup2 .intro_md2 { clear:both; width:612px; min-height:0px; margin:0px auto; background:url(../images/bg/bg_level_intro_md2.jpg) repeat-y center top; }

.box_popup2 .intro_bt { width:612px; height:54px; margin:-10px auto 0; background:url(../images/bg/bg_level_intro_bt.jpg) no-repeat; }

.box_popup2 .intro_title { width:470px; height:39px; line-height:39px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:18px; font-weight:bold; background:url(../images/etc/icon_level_test.png) no-repeat left center;   }

.box_popup2 .end_title { width:470px; height:39px; line-height:39px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:16px; background:url(../images/etc/icon_level_test.png) no-repeat left center;   }
.box_popup2 .end_title .name { font-size:16px; font-weight:bold; color:#0072ff;  letter-spacing:-3px; }

.box_popup2 .correct { font-size:14px; font-weight:bold; color:#ff0000;  }    

.box_popup2 .left_box { 
	display:block; 
	min-height:770px; 
	margin:10px auto 0;
	background:url(../images/etc/logo_habit_title.png) no-repeat 97% 97% #f9f9f9; 
	border:3px solid #4a83d9;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	/*
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	*/  
	behavior: url(../pie/PIE.htc); 
}
.box_popup2 .left_box .level_test_top { 
	width:854px; 
	height:10px;
	margin:10px auto;
	/*
	background-color:#f9f9f9; 
	border:3px solid #4a83d9;
	border-bottom:none;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	*/  
	behavior: url(../pie/PIE.htc);
}

.box_popup2 .left_box .level_test_md { 
	display:block; 
	height:688px; 
	margin:10px;
	/* 
	background-color:#f9f9f9; 
	border:3px solid #4a83d9;
	border-top:none;
	border-bottom:none;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	*/
	behavior: url(../pie/PIE.htc); 
}
.box_popup2 .left_box .level_test_md .content_box  { 
	display:block; 
	height:628px; 
	margin:0px 10px;
	padding:10px;
	background-color:#fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px; 
	overflow-y:auto; 
	overflow-x:hidden;
	behavior: url(../pie/PIE.htc);  
}
.box_popup2 .left_box .level_test_md .content_box2  { width:770px; height:690px; margin:0px auto; }
.box_popup2 .left_box .level_test_md .text_box { 
	position:relative;
	display:block;  
	height:287px; 
	margin:0 auto; 
	padding-top:15px;
	border:1px solid #dedede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	 
 }
/* .box_popup2 .left_box .level_test_md .text_box .text { width:100%; height:272px; line-height:28px !important; margin:0px auto; text-align:left; font-size:18px !important; background:none !important;    overflow-y:auto; overflow-x:none; } */

.box_popup2 .left_box .level_test_md .ex_title { max-width:100%; height:42px; margin:0px auto; padding-left:50px; text-align:left; color:#010101; font-size:18px; background:url(../images/etc/icon_level_test.png) no-repeat left center;    }
.box_popup2 .left_box .level_test_md .ex_title td { text-align:left; vertical-align:middle; padding-left:0px !important; }
.box_popup2 .left_box .level_test_md .text2 { width:100%; height:560px; line-height:20px; margin:10px auto 0px auto; padding-top:20px; text-align:left; font-size:14px; font-family: Dotum, "돋움"; border-top:1px solid #e4e4e4;  overflow-y:auto; overflow-x:none; }

.box_popup2 .left_box .level_test_md .img_box { 
	position:relative; 
	display:block; 
	margin:10px 0px; 
	text-align:left; 
	border:5px solid #e7e7e7; 
}

.box_popup2 .left_box .level_test_md .answer { 
	display:block; 
	min-height:278px; 
	margin:10px auto 0px auto; 
}
.box_popup2 .left_box .level_test_md .answer .answer_top {  
	margin:20px auto 0px auto;
	padding:5px 10px;
	border:3px dotted #3a6bb5;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
}
.box_popup2 .left_box .level_test_md .answer .answer_top td { height:32px; line-height:16px; padding:0px 20px; font-size:12px; font-weight:bold; text-align:left; vertical-align: middle;   }
.box_popup2 .left_box .level_test_md .answer .answer_table { 
	border-collapse:separate; 
	display:block; 
	margin:10px auto; 
}
.box_popup2 .left_box .level_test_md .answer .answer_table table {
	width:100% !important;
}
.box_popup2 .left_box .level_test_md .answer2 { border-collapse:separate; width:770px; height:398px; margin:20px auto 0px auto; overflow-y:auto; overflow-x:hidden; }
.box_popup2 .left_box .level_test_md .numbering	{ width:32px; height:32px; line-height:32px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number.png) no-repeat left center;   }
.box_popup2 .left_box .level_test_md .numbering2 { width:32px; height:32px; line-height:32px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number_select.png) no-repeat left center;   }
.box_popup2 .left_box .level_test_md td { height:32px; line-height:16px; text-align:left; padding:0px 15px; font-size:12px; color:#2d2d2d; vertical-align: middle;   } 
.box_popup2 .left_box .level_test_md  a { padding: 3px  10px;  font-size:18px; color:#2d2d2d; text-decoration:none;   }
.box_popup2 .left_box .level_test_md  a:visited { font-size:18px; color:#2d2d2d; text-decoration:none;   }
.box_popup2 .left_box .level_test_md  a:hover { font-size:18px; color:#2d2d2d; text-decoration:none;   }
.box_popup2 .left_box .level_test_md  a:active { font-size:18px; color:#2d2d2d; text-decoration:none;   }

.box_popup2 .left_box .level_test_md  a.select { padding: 3px  10px;   font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .left_box .level_test_md  a.select:visited { font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .left_box .level_test_md  a.select:hover { font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .left_box .level_test_md  a.select:active { font-size:22px; color:#980039; text-decoration:underline;   }     

.box_popup2 .left_box .level_test_bt  { 
	width:854px; 
	height:0px; 
	margin:0 auto; 
	/*
	background-color:#f9f9f9; 
	border:3px solid #4a83d9;
	border-top:none;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	*/
	behavior: url(../pie/PIE.htc);
}

.box_popup2 .left_box .level_test_md .audio_box { 
	position:relative; 
	width:100%; 
	height:90px; 
	margin:0 auto;
	background:url(../images/bg/bg_audio.png) no-repeat center center #f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	behavior: url(../pie/PIE.htc); 
}
.box_popup2 .left_box .level_test_md .title { width:745px; height:21px; line-height:21px; margin:10px auto 10px auto; padding-left:25px; font-size:14px; font-weight:bold; text-align:left; background:url(../images/etc/icon_level_title.png) no-repeat left center;  } 
.box_popup2 .left_box .level_test_md .writing_box { width:740px; height:174px; margin:0 auto 10px; padding:15px; background:url(../images/bg/bg_writing_box.png) no-repeat; }
.box_popup2 .left_box .level_test_md .text_box .text { 
	display:block; 
	height:272px; 
	line-height:20px; 
	margin:0px 15px; 
	text-align:left; 
	font-size:12px; 
	background:url(../images/bg/bg_text_line.png) left top;    
	overflow-y:auto; 
	overflow-x:none; 
}


.box_popup2 .right_box_top { 
	display:block;  
	height:48px; 
	margin:10px; 
	background:url(../images/etc/icon_habit9.png) no-repeat 98% 20% #f0f0f0; 
	border:3px solid #4a83d9;
	border-bottom:1px solid #dedede;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	/*
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	*/  
	behavior: url(../pie/PIE.htc);
	 
}
.box_popup2 .right_box_top .level_answer_top { float:left;  width:113px; height:33px; padding:15px 0px 0px 30px; text-align:left; font-size:12px; color:#980039; font-weight:bold;   }
.box_popup2 .right_box_top .time { float:left; padding-top:14px; font-size:18px; color:#06F; font-weight:bold;    }

.box_popup2 .right_box_bt { 
	display:block; 
	height:723px; 
	margin:0px auto 10px auto; 
}

.box_popup2 .right_box_bt .level_answer_md { 
	display:block; 
	height:708px; 
	margin:0px 10px;
	padding-top:10px; 
	background-color:#fff; 
	border:3px solid #4a83d9;
	border-top:none;
	border-bottom:none;
	/*
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	*/
	behavior: url(../pie/PIE.htc); 
}
.box_popup2 .right_box_bt .level_answer_md .level_table { width:238px; height:708px; margin:0 auto; overflow-y:auto; overflow-x:hidden; }
.box_popup2 .right_box_bt .level_answer_md .level_table th { height:22px; line-height:18px; text-align:center; padding:0px 5px; }
.box_popup2 .right_box_bt .level_answer_md .level_table th.number { width:30px; }
.box_popup2 .right_box_bt .level_answer_md .level_table td { height:22px; line-height:18px; text-align:left; vertical-align:middle; padding:0px 5px; }
.box_popup2 .right_box_bt .level_answer_md .level_table td.number { text-align:center; }
.box_popup2 .right_box_bt .level_answer_md .level_table td.number2 { text-align:center; color:#9d9d9d; }
.box_popup2 .right_box_bt .level_answer_md .level_table td.essential { color:#9d9d9d; }

.box_popup2 .right_box_bt .level_answer_bt { 
	display:block; 
	height:14px; 
	margin:0px 10px;   
	background-color:#fff; 
	border:3px solid #4a83d9;
	border-top:none;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	*/
	behavior: url(../pie/PIE.htc);
}


.box_popup2 .reexamTop { width:854px; height:40px; margin:0 auto; background:url(../images/bg/bg_level_test_left_top.png) no-repeat; }

.box_popup2 .reexamMd { width:854px; min-height:30px; margin:0px auto; background:url(../images/bg/bg_level_test_left_md.png) repeat-y center top; }
.box_popup2 .reexamMd .content_box  { width:770px; min-height:600px; margin:0px auto; overflow-y:auto; overflow-x:hidden; }
.box_popup2 .reexamMd .content_box .searchBox { max-width:100%; height:22px; text-align:left; margin:10px auto; padding-left:10px; }

.box_popup2 .reexamMd  a {font-size:18px; color:#2d2d2d; text-decoration:none;   }
.box_popup2 .reexamMd  a:visited { font-size:18px; color:#2d2d2d; text-decoration:none;   }
.box_popup2 .reexamMd  a:hover { font-size:18px; color:#2d2d2d; text-decoration:underline;   }
.box_popup2 .reexamMd  a:active { font-size:18px; color:#2d2d2d; text-decoration:underline;   }

.box_popup2 .reexamMd  a.select {font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .reexamMd  a.select:visited { font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .reexamMd  a.select:hover { font-size:22px; color:#980039; text-decoration:underline;   }
.box_popup2 .reexamMd  a.select:active { font-size:22px; color:#980039; text-decoration:underline;   }     

.box_popup2 .reexamBt  { width:854px; height:45px; margin:0 auto; background:url(../images/bg/bg_level_test_left_bt.png) no-repeat; }

.blueN { color:#0054d3; }
.greenN { color:#199f0b; }
.FSBK224 { font-size:16px; color:#000; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; }
.FSW224 {font-size:16px; color:#980039; font-weight:bold; font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; }
.FSBK220U { font-size:14px; color:#000; font-weight:bold;  font-family:'Open Sans','Malgun Gothic', "맑은고딕", ngeot; text-decoration:underline; }

/* 151228 추가 */
/* 교재구입안내 팝업 */
.exPopup {
	position:relative;
	display:inline-block;
	height:20px;
	line-height:20px;
	margin-left:15px;
	padding:0 20px;
	text-align:left;
	font-size:12px;
	background-color:#e7eff0;
	border:1px solid #acacac;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.exArrow {
	position:absolute;
	z-index:20;
	top:2px;
	left:-15px;
	width:16px;
	height:15px;
	background:url(../images/etc/arrow_left_popup.png) no-repeat left center;
}

.workbookGuide {
	position:relative;
	display:block;
	max-width:100% !important;
	margin:10px;
}

.guideBox {
	position:relative;
	display:block;
	max-width:100%;
	margin:0px 0px 10px;
	padding-bottom:10px;
	border-bottom:3px dotted #acacac;
}

.guideBox td {
	padding:10px;
}

.guideBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.guideTitle { 
	postion:relative;
	display:block;
	margin:20px 10px;
	padding-bottom:10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#196cca;
	border-bottom:1px solid #dedede;
}

.imgGuideLeft {
	position:relative;
	float:left;
	max-width:33.33333333%;
}

.imgGuideLeft2 {
	position:relative;
	float:left;
	max-width:50%;
}

.imgGuideLeft3 {
	position:relative;
	float:left;
	max-width:66.66666667%;
}


.textGuideLeft {
	position:relative;
	float:left;
	max-width:66.66666667%;
	padding:10px;
}

.textGuideLeft2 {
	position:relative;
	float:left;
	max-width:50%;
	padding:10px;
}

.textGuideLeft3 {
	position:relative;
	float:left;
	max-width:33.33333333%;
	padding:10px;
}

.imgGuideRight {
	position:relative;
	float:right;
	max-width:33.33333333%;
}

.imgGuideRight2 {
	position:relative;
	float:right;
	max-width:50%;
}

.imgGuideRight3 {
	position:relative;
	float:right;
	max-width:66.66666667%;
}

.textGuideRight {
	position:relative;
	float:right;
	max-width:66.66666667%;
	padding:10px;
}

.textGuideRight2 {
	position:relative;
	float:right;
	max-width:50%;
	padding:10px;
}

.textGuideRight3 {
	position:relative;
	float:right;
	max-width:33.33333333%;
	padding:10px;
}

.workbookLayer {
	position:absolute;
	z-index:10;
	top:150px;
	right:-100px;
	padding:5px 20px;
	color:#fff;
	border:1px solid #3859B1;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#2a66ab;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#4b86c9), to(#2a66ab));
	background: -webkit-linear-gradient(#4b86c9, #2a66ab);
	background: -moz-linear-gradient(#4b86c9, #2a66ab);
	background: -ms-linear-gradient(#4b86c9, #2a66ab);
	background: -o-linear-gradient(#4b86c9, #2a66ab);
	background: linear-gradient(#4b86c9, #2a66ab);
	-pie-background: linear-gradient(#4b86c9, #2a66ab);
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
}

.guideBorder {
	display:block;
}

ul.guideBtBox {
	position:relative;
	display:block;
	margin:10px;
	text-align:left;
	background-color:#fff;
}

ul.guideBtBox li {
	display:block;
	margin:5px;
}

.guideBtBox2 {
	position:relative;
	display:block;
	padding:10px 0;
	border-top:1px solid #dedede;
	text-align:right;
}

.guideBoxHalf {
	position:relative;
	float:left;
	max-width:50%;
	padding:0 10px;
}

.guideLayer {
	position:absolute;
	z-index:15;
	top:1px;
	left:6px;
	width:128px;
	height:146px;
}

/* 170523 온라인캠퍼스 배너 */
.onlineCampusBox {
	position: relative;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #dedede;
}

/* 160128 수학의 빛 배너 */
.bannerBox {
	position:relative;
	width:252px;
	height:172px;
	margin:10px;
	/*
	background:url(../images/etc/img_mathlight_banner_180723.png) no-repeat left top #223c58;
	*/
	border:1px solid #dedede;
}

.bannerBox a {
	position:relative;
	display:block;
	height:172px;
}

.bannerTitle {
	position:relative;
	width:252px;
	height:62px;
	background:url(../images/etc/img_mathlight_logo.png) no-repeat center center /* #c8171d */;
	/* border-bottom:1px solid #a90f14; */
	text-indent:-9999px; 
}

.bannerBox span.innerText {
	display:block;
	margin:15px 10px 10px 80px;
	font-size:14px;
	color:#fff;
	text-align:left;
}


.bannerBox span.innerLink {
	position:absolute;
	z-index:10;
	display:block;
	top:167px;
	right:10px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}


/* 160216 성적확인보기 페이지 */

.newsletterBox {
	position:relative;
	display:block;
	min-height:10px;
	margin:10px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
}

.letterTitle {
	position:relative;
	display:block;
	height:62px;
	line-height:62px;
	padding-left:15px;
	font-size:32px;
	text-align:left;
	font-weight:bold;
	color:#2D66AA;
}

.letterInBox {
	position:relative;
	display:block;
	min-height:10px;
	line-height:22px;
	margin:10px;
	padding:10px;
	text-align:left;
	background-color:#fff;
	border:1px solid #dedede;
}

.letterInBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.letterInTitle {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:20px 10px 10px;
	padding-left:10px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#980039;
	border-bottom:1px solid #acacac;
}

.letterListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	background-color:#fff;
	border-top:2px solid #2b2e3f;
	border-left:1px solid #acacac;
}

.letterListTable caption {
	position:relative;
	padding:3px 10px;
	text-align:left;
	border:3px solid #2b2e3f;
	border-left:2px solid #2b2e3f;
	border-top:1px solid #2b2e3f;
}
	

.letterListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#dff3ff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.letterListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}


.letterListTable p {
	text-align:left;
}

/* 성적표 인쇄 */
.reportTitle {
	position:relative;
	display:block;
	height:62px;
	line-height:62px;
	margin:0 10px;
	padding-left:10px;
	font-size:32px;
	text-align:left;
	font-weight:bold;
	color:#2D66AA;
}

ul.reportList {
	position:relative;
	display:block;
	margin-left:10px;
	text-align:left;
}

ul.reportList li {
	position:relative;
	display:inline-block;
	margin:0 10px;
	font-size:14px;
}

.reportListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	background-color:#fff;
	border-top:2px solid #2b2e3f;
	border-left:1px solid #acacac;
}

.reportListTable caption {
	position:relative;
	padding:3px 10px;
	text-align:left;
	border:3px solid #2b2e3f;
	border-left:2px solid #2b2e3f;
	border-top:1px solid #2b2e3f;
}
	

.reportListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#dff3ff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.reportListTable td {
	height:24px;
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.reportListTable p {
	text-align:left;
}


.PL70 { padding-left:70px; }

.chartListTable {
	position:relative;
	display:block;
	min-height:100px;
	margin:10px 15px;
	border:1px solid #dedede;
}

.reportInBox {
	position:relative;
	display:block;
	min-height:10px;
	line-height:22px;
	margin:10px 15px;
	padding:10px;
	text-align:left;
	background-color:#f9f9f9;
	border:1px solid #dedede;
}

.reportInBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.reportInTitle {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:0;
	padding-left:10px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#2d2d2d;
	background-color:#FFE32C;
	border:1px solid #D5C211;
}

/* 160309 입학설문조사 팝업 추가 */

#entrance .btnLevel01 {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:5px solid #cbd1d8;
	cursor:pointer;
}

/* 160321 내신Q&A 추가 */

/* 내신 Q&A 팝업 */

.naeshinLayer {
	position:absolute;
	z-index:20;
	top:630px;
	left:50%;
	width:300px;
	min-height:50px;
	margin-left:-300px;
	color:#fff;
	background-color:#4e5764; 
	border:10px solid #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.naeshinTopBox {
	position:relative;
	display:block;
	height:24px;
	margin:5px 10px;
}

.naeshinLayer .M2010 {
	position:relative;
	margin:0;
	padding:20px 10px;
	border:1px solid #dedede;
	border-top:none;
}

.naeshinLayer .close { position:absolute; z-index:30; top:5px; right:10px; display:block; font-size:24px; text-align:right; color:#fff; }
.naeshinLayer .close::after {display:block;visibility:hidden;clear:both;content:""}

.naeshinAlert { padding:10px 32px; text-align:left; border:1px solid #dedede; border-bottom:none; } 

/* 내신 Q&A 페이지 */

.naeshinPopupLayer {
	position:absolute;
	z-index:20;
	top:230px;
	left:50%;
	width:700px;
	min-height:50px;
	margin-left:-350px;
	padding-bottom:15px;
	color:#000;
	background-color:#fffbfb; 
	border:3px solid #d72222;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
	display:none;
}

.naeshinPopupLayer .close { 
	position:absolute; 
	z-index:30; 
	top:12px; 
	right:12px;
	display:block;
	color:#fff; 
	font-size:32px; 
	text-align:right; 
}
.naeshinPopupLayer .close::after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}


.naeshinTitle { 
	line-height:24px; 
	margin:0; 
	padding:5px 20px;
	color:#fff; 
	text-align:left; 
	font-size:14px; 
	font-weight:bold; 
	background-color:#454c4f;  
	border-bottom:1px solid #dedede;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px; 
} 

.naeshinSubTitle {
	position:relative;
	display:block;
	margin:10px 30px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.naeshinPopupLayer2 {
	position:absolute;
	z-index:20;

	top:230px;
	left:50%;
	width:700px;
	min-height:50px;
	margin-left:-350px;
	padding-bottom:15px;
	color:#000;
	background-color:#f9f9f9; 
	border:3px solid #3695d1;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
	display:none;
}

.naeshinPopupLayer2 .close { 
	position:absolute; 
	z-index:30; 
	top:12px; 
	right:12px;
	display:block;
	color:#fff; 
	font-size:32px; 
	text-align:right; 
}
.naeshinPopupLayer2 .close::after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}

.naeshinPopupLayer2 .naeshinTitle { 
	line-height:24px; 
	margin:0; 
	padding:5px 20px;
	color:#fff; 
	text-align:left; 
	font-size:14px; 
	font-weight:bold; 
	background-color:#1757ae;  
	border-bottom:1px solid #dedede;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px; 
} 

ul.naeshinList {
	margin:5px 30px 10px; 
}

ul.naeshinList li {
	line-height:20px;
	margin:5px 5px 0 20px;
	list-style:decimal;
	text-align:justify;
}

.naeshinSubTitle2 {
	position:relative;
	display:block;
	margin:10px 30px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.naeshinSubEx {
	position:relative;
	display:block;
	margin:5px 30px;
	font-size:12px;
	text-align:justify;
}

.naeshinQuestionTitle {
	position:relative;
	display:block;
	margin:10px 30px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

ul.questionList {
	margin:5px 30px 10px; 
}

ul.questionList li {
	line-height:20px;
	margin:5px 5px 0 20px;
	list-style:none;
	text-align:justify;
}

.askGuide {
	display:block;
	margin:0 10px -5px;
	background-color:#fffcfc;
	border:3px solid #2b2e3f;
	border-bottom:none;
}

.askGuide th {
	position:relative;
	color:#fff;
	background-color:#444D57;
}

ul.askGuideList {
	position:relative;
	height:40px;
	padding:5px;
	overflow-y:auto;
}

ul.askGuideList li {
	line-height:20px;
	margin:0 0 0 20px;
	list-style:decimal;
	text-align:justify;
}

ul.askGuideListOn {
	position:relative;
	display:inline-block;
	height:84px;
}

ul.askGuideListOn li {
	line-height:20px;
	margin:0 0 0 20px;
	list-style:decimal;
	text-align:justify;
}

.libraryImgBox2 {
	position:absolute;
	z-index:10;
	top:10px;
	right:30px;
	width:150px;
	height:133px;
	background:url(../images/etc/img_library2.png) no-repeat;
	text-indent:-9999px;
}

.nashinTopBox {
	position:absolute;
	z-index:10;
	top:85px;
	left:-10px;
	display:block;
	width:1190px;
	background-color:#44b5df;
}

.naeshinEx {
	position:relative;
	display:block;
	margin:5px 0 0 10px;
	text-align:left;
	font-size:16px !important;
	font-weight:bold !important;
	color:#fff !important;
}

.naeshinEx2 {
	position:relative;
	display:block;
	margin:5px 0 5px 10px;
	text-align:left;
	font-size:16px !important;
	font-weight:bold !important;
	color:#ffde00 !important;
}

.bottomLeftImg {
	position:absolute;
	z-index:10;
	bottom:-5px;
	left:0;
	width:10px;
	height:5px;
	background:url(../images/etc/img_naeshin_left.png) no-repeat;
}

.bottomRightImg {
	position:absolute;
	z-index:10;
	bottom:-5px;
	right:1px;
	width:10px;
	height:5px;
	background:url(../images/etc/img_naeshin_right.png) no-repeat;
}

.checkListBox2 {
    position: relative;
    height: 60px;
    padding-left: 10px;
    border: 1px solid #acacac;
    overflow: auto;
}

.checkListBox2On {
    position:absolute;
	display:block;
	z-index:20;
	top:2px;
	left:0;
	width:242px;
      height: 150px;
    padding-left: 10px;
    border: 1px solid #acacac;
	background-color:#fff;
    overflow: auto;
}

ul.checkList2 {}

ul.checkList2 li { line-height:20px; text-align:left; }

.naeshinFrame {
	width:100%; 
	display:block; 
	height:550px; 
	margin:5px 0px 0px; 
	background-color:#fff;  
	overflow-x:auto; 
	overflow-y:auto !important;
}

.progressInFrame {
   width:100%; 
	display:block; 
	height:650px; 
	margin:5px 0px 0px; 
	background-color:#fff;  
	overflow-y:hidden !important;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.progressFrame {
	width:100%; 
	display:block; 
	height:550px; 
	margin:5px 0px 0px; 
	background-color:#fff;  
	overflow-x:auto; 
	overflow-y:auto !important;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.naeshinListTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:2px solid #2b2e3f;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}

.naeshinListTable th {
	height:28px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.naeshinListTable td {
	height:24px;
	padding:0 7px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.naeshinListTable p {
	text-align:left;
}

.naeshinViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
	border-top:3px solid #2b2e3f;
}

.naeshinViewTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.naeshinViewTable td {
	height:24px;
	padding:3px 10px;
	vertical-align:middle;
	font-size:12px;
	text-align:left;
	border-bottom:1px solid #acacac;
}

.naeshinReplyViewTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 0 0px;
	border-top:1px solid #acacac;
}

.naeshinReplyViewTable th {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.naeshinReplyViewTable td {
	line-height:22px;
	padding:2px 10px;
	font-size:12px;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #acacac;
}

.replyViewTable p {
	text-align:left;
}

.replyTitle {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:5px 10px 0;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	color:#fff;
	background-color:#2b2e3f;
}

.exBox {
	position:relative;
	display:block;
	height:340px;
	vertical-align:top;
	/*
    border:1px solid #dedede;
	background-color:#f9f9f9;
	*/	
}

.enlargeBtn {
	position:absolute;
	z-index:10;
	top:5px;
	right:30px;
	width:auto;
	height:auto;
}

.exTextBox {
	position:relative;
	display:block;
	height:320px;
	margin:0 10px;
	padding:10px;
	background-color:#fff;
	border:1px solid #dedede;
	text-align:left;
	overflow-y:auto;
}

.askTopBtn {
	position:absolute;
	z-index:10;
	top:-5px;
	right:10px;
	width:auto;
}

/* 160331 나의꿈 페이지 */

.myDreamTopBox {
	position:relative;
	display:block;
	height:180px;
	background:url(../images/etc/img_mydream.png) no-repeat center center;
	text-indent: -9999px;
}

.searchRightBox {
	position:absolute;
	z-index:10;
	top:-3px;
	right:10px;
	width:auto;
}

.textareaBlue {
	position:relative;
	padding-left:5px;
	height:24px;
	line-height:24px;
	background-color:#f0faff;
	border:1px solid #dedede;
}

.textareaGreen {
	position:relative;
	padding-left:5px;
	height:24px;
	line-height:24px;
	background-color:#f1fff0;
	border:1px solid #dedede;
}

/* 160415 해빛교육 팝업 추가 */

/* 160418 추가 팝업 */
/* 알림팝업 */
.noticeLayer2 {
	position:absolute;
	z-index:30;
	top:400px;
	left:50%;
	width:320px;
	height:160px;
	margin-left:400px;
	background-color:#FFF; 
	border:3px solid #d6490b;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.noticeLayer2 .noticeTopBox {
	position:relative;
	display:block;
	height:32px;
	line-height:28px;
	margin:0;
	background:url(../images/etc/icon_hot.png) no-repeat left top #363f47;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	behavior: url(../pie/PIE.htc);
}

.noticeLayer2 .noticeTitle {
	position:relative;
	float:none;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#ffd1d1;
	padding-left:0;
	text-align:center;
}

.noticeLayer2 a.close { 
    position:absolute;
	z-index:30;
	top:0;
	right:5px;
	display:block; 
	font-size:18px;  
	color:#f9f9f9; 
}

.noticeLayer2 a.close::after {display:block;visibility:hidden;clear:both;content:""}

.noticeLayer2 .noticeAlertTitle {
	postion:relative;
	height:24px;
	line-height:24px;
	margin:10px 12px 0;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
	

.noticeLayer2 .noticeAlert { height:78px; margin:0 12px 10px; padding:5px 10px 0; text-align:left; overflow:auto; }

.noticeLayer2 .photoslider-mini {
	position:relative;
	width:320px;
}

.noticeLayer2 .sliderkit-panel {
	background-color:#fff;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	behavior: url(../pie/PIE.htc);
}

/* 160427 학생중요공지 추가 */

/* 학생중요공지 팝업 */

.studentNoticeLayer {
	position:absolute;
	z-index:20;
	top:720px;
	left:50%;
	width:280px;
	height:100px;
	margin-left:-220px;
	background-color:#3b4347; 
	border:2px solid #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.studentNoticeTopBox {
	position:relative;
	display:block;
	height:24px;
	margin:5px 10px;
	border-bottom:1px solid #dedede;
}

.studentNoticeTitle {
	position:relative;
	float:left;
	padding-left:5px;
	font-size:14px;
	font-weight:bold;
	color:#fffb99;
	text-align:left;
	
}

.studentNoticeLayer a.more2:link, a.more2:visited, a.more2:hover, a.more2:active { 
    position:absolute;
	z-index:30;
	top:0;
	right:5px;
	display:block; 
	font-size:12px;  
	color:#f9f9f9; 
}

.studentNoticeLayer .more2:after {display:block;visibility:hidden;clear:both;content:""}


.studentNoticeLayer .close { 
	position:absolute;
	z-index:30;
	top:-20px;
	right:-35px;
	font-size:24px;
	color:#000;
}

.studentNoticeAlert { margin:0px 12px 10px; text-align:left; }

.noticeTable {
	position:relative;
	direction:block;
}

.noticeTable th {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
}

.noticeTable td {
	text-align:right;
	padding-right:10px;
}

.noticeTable a:link, a:active {
	color:#fffb99;
}

.noticeTable a:hover {
	color:#fffb99;
	text-decoration:underline;
}

.noticeTable a:visited {
	color:#d0c37b;
}

/* 교재목록 팝업 */

.btnBtBox {
	position:relative;
	display:block;
	margin:30px 0 10px;
}

.btnLeftBox {
	position:relative;
	float:left;
	width: 30%;
	height:auto;
	text-align:right;
}

ul.explainList {
	position:relative;
	float:left;
	width:40%;
	margin:15px 0 0 30px;
	padding:10px 25px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(../pie/PIE.htc);
}

ul.explainList li {
	line-height:32px;
	font-size:14px;
	text-align:left;
	color:#4693E5;
	font-weight:bold;
}

ul.explainList li:before {
	margin-left:-15px;
	padding-right:10px;
	content:"\f105";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.arrowExplain {
	position:absolute;
	z-index:10;
	top:35px;
	left:-16px;
	width:16px;
	height:15px;
	background:url(../images/etc/arrow_left.png) no-repeat left center;
}

.btnCircle {
	position:relative;
	float:right;
	width:120px;
	height:120px;
	line-height:24px;
	vertical-align:middle;
	text-align:center;
	font-size:13px;
	color:#fff;
	background-color:#2b3887;
	border:1px solid #151f5c;
	-webkit-border-radius:120px;
	-moz-border-radius:120px;
	border-radius:120px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;	
}

/* 160524 학습동영상 팝업 */

/* 160427 학생중요공지 추가 */

/* 학생중요공지 팝업 */

.studyVodLayer {
	position:absolute;
	z-index:30;
	top:830px;
	left:50%;
	width:280px;
	height:100px;
	margin-left:-220px;
	background-color:#fff2e5; 
	border:2px solid #000;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.studyVodTopBox {
	position:relative;
	display:block;
	min-height:24px;
	margin:5px 15px;
	text-align:center;
}

.studyVodTitle {
	position:relative;
	display:block;
	line-height:24px;
	padding-left:5px;
	font-size:13px;
	font-weight:bold;
	color:#2d2d2d;
	text-align:left;
	
}

.studyVodLayer a.more2:link, a.more2:visited, a.more2:hover, a.more2:active { 
    position:absolute;
	z-index:30;
	top:0;
	right:5px;
	display:block; 
	font-size:12px;  
	color:#f9f9f9; 
}

.studyVodLayer .more2:after {display:block;visibility:hidden;clear:both;content:""}


.studyVodLayer .close { 
	position:absolute;
	z-index:30;
	top:0px;
	right:-5px;
	font-size:24px;
	color:#000;
}

.studyVodAlert { margin:0px 12px 10px; text-align:left; }

.studyVodTable {
	position:relative;
	direction:block;
}

.studyVodTable th {
	text-align:left;
	padding-left:10px;
	font-weight:normal;
}

.studyVodTable td {
	text-align:right;
	padding-right:10px;
}

.studyVodTable a:link, a:active {
	color:#fffb99;
}

.studyVodTable a:hover {
	color:#fffb99;
	text-decoration:underline;
}

.studyVodTable a:visited {
	color:#d0c37b;
}

/* 160527 학습동영상 추가 */

.vodViewBtTable {
	position:relative;
	border-collapse:collapse;
	margin:5px 10px 0px;
}

.vodViewBtTable caption {
	position:relative;
	height:48px;
	line-height:48px;
	text-align:right;
	border-bottom:2px solid #2b2e3f;
}

.vodViewBtTable th {
	height:28px;
	padding:0 10px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-bottom:1px solid #acacac;
}

.vodViewBtTable td {
	height:24px;
	padding:0 10px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #acacac;
}

.vodViewBtTable p {
	text-align:left;
}

.replyBtLayer {
	position:absolute;
	z-index:30;
	top:300px;
	left:50%;
	width:600px;
	height:500px;
	margin-left:-300px;
	padding-bottom:10px;
	background-color:#fff2e5; 
	border:2px solid #000;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.replyBtTopBox {
	position:relative;
	display:block;
	height:500px;
	margin:5px 15px;
	text-align:center;
	overflow:auto;
}

.replyBtTitle {
	position:relative;
	display:block;
	line-height:24px;
	padding-left:5px;
	font-size:13px;
	font-weight:bold;
	color:#2d2d2d;
	text-align:left;
	
}

.replyBtLayer a.more2:link, a.more2:visited, a.more2:hover, a.more2:active { 
    position:absolute;
	z-index:30;
	top:0;
	right:5px;
	display:block; 
	font-size:12px;  
	color:#f9f9f9; 
}

.replyBtLayer .more2:after {display:block;visibility:hidden;clear:both;content:""}


.replyBtLayer .close { 
	position:absolute;
	z-index:30;
	top:-10px;
	right:-35px;
	font-size:32px;
	color:#000;
}

.replyBtLayer p {
	line-height:16px;
	text-align:justify;
}

.replyBtAlert { margin:0px 12px 10px; text-align:left; }

/* 160603 질문가이드 선택 팝업 추가 */

.selectLayerPopup {
	position:absolute;
	z-index:20;
	top:370px;
	left:50%;
	width:300px;
	min-height:20px;
	margin-left:-150px;
	color:#000;
	background-color:#f9f9f9; 
	border:3px solid #3695d1;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.selectLayerPopup .close { 
	position:absolute; 
	z-index:30; 
	top:0px; 
	right:5px;
	display:block;
	color:#2d2d2d; 
	font-size:24px; 
	text-align:right; 
}
.selectLayerPopup .close::after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}

.selectLayerPopup .naeshinTitle2 { 
	line-height:24px; 
	margin:0; 
	padding:5px 20px;
	color:#1757ae; 
	text-align:left; 
	font-size:14px; 
	font-weight:bold; 
}

ul.selectList {
	margin:5px 10px 10px;
	padding:10px 0;
	background-color:#fff;
	border:1px solid #dedede; 
}

ul.selectList li {
	display:inline-block;
	line-height:20px;
}

/* 160607 추가 */
/* 수업동영상레이어팝업 */
.vodLayerPopup {
	position:fixed;
	z-index:9999999999999999;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	color:#fff;
	background:url(../images/bg/bg_overlay.png) repeat;	
}


.vodExplainBox {
	position:relative;
	width:910px;
	height:600px;
	margin:100px auto;
}

.vodExplainTitle {
	position:relative;
	width:100%;
	min-height:10px;
	line-height:32px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#ffdf48;
}

.vodExplainBox p {
	line-height:24px;
	font-size: 14px;
}


ul.vodList {
	padding:10px 0;
	margin:20px;
	text-align:center;
	background-color:rgba(52, 57, 62, 0.6);
	border:1px solid #7a8794;
	}

ul.vodList li {
	display:inline-block;
	min-height:24px;
	line-height:24px;
	text-align:left;
	margin:2px 5px;
	font-size:18px;
	font-weight:bold;
}

/* 160613 방학특강 추천강좌 인쇄 */
.vacationTitle {
	postion:relative;
	display:block;
	margin:15px 0;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color: #000;
}

.vacationTitle img {
	position:relative;
	height:28px;
}

.vacationSubTitle {
	position:relative;
	display:block;
	margin:10px 20px 0;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

ul.vacationList {
	position:relative;
	margin:5px 20px 0;
}

ul.vacationList li {
	display:block;
	text-align:left;
}

ul.vacationList2 {
	position:relative;
	margin:5px 20px 0;
}

ul.vacationList2 li {
	display:block;
	text-align:left;
	margin:7px 0;
	font-weight:bold;
}

.vacationBox {
	position:relative;
	display:block;
	padding:5px;
	text-align:justify;
	font-weight:normal;
	border:1px solid #acacac;
}

.vacationList3 {
	position:relative;
	display:block;
	padding-left:10px;
	text-align:left;
	font-weight:normal;
}

.vacationList3:before {
	display:inline-block;
	content:"-";
	line-height:18px !important;
	margin-left:-7px;
	padding-right:2px;
	font-size:12px;
	color:#000;

	vertical-align:top;
}

.vacationListTable {
	position:relative;
	border-collapse:collapse;
}

.vacationListTable td {
	position:relative;
	float:left;
	width:33%;
	min-height:168px;
	line-height:18px;
	border:1px solid #dedede;
	text-align:center;
	border-left: none;
}

.vacationListTable td:first-child {
	border-left:1px solid #dedede;
}

.vacationListTable img {
	vertical-align:bottom;
	margin-bottom:5px;
}

.vacationFooter {
	position:absolute;
	z-index:10;
	bottom:0;
	right:10px;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:24px;
	text-align:right;
}

.vacationPrintTable {
	clear:both; 
	border-collapse:collapse; 
	max-width:100%; 
	margin:0px auto; 
	background:#dfdfdf; 
	border-top:0px solid #555555; 
	border-right:0px solid #555555; 
	border-bottom:0px solid #555555; 
	border-left:0px solid #555555;
}
 
.vacationPrintTable th {
	height:18px; 
	font-weight:bold; 
	white-space: nowrap; 
	text-align:center; 
	padding:0 5px; 
	background:#fcfcfc;  
	border-top:0px solid #acacac; 
	border-right: 0px solid #acacac; 
	border-bottom:1px solid #acacac; 
	border-left:1px solid #acacac;  
}

.vacationPrintTable th:first-child { 

	border-left:none; 
}

.vacationPrintTable td {
	height:24px; 
	margin:0; 
	padding:0 5px; 
	white-space:normal; 
	text-align:center; 
	background:#FFF; 
	border-top:0px solid #acacac; 
	border-right: 0px solid #acacac; 
	border-bottom:1px solid #acacac; 
	border-left:1px solid #acacac;  
}

.vacationPrintTable td:first-child { 
	border-left:none; 
}

.vacationPrintTable p {
	text-align:left; 
}

/* 160811 내신 신호등 추가 */
a.layerTopNav {
	position:absolute;
	z-index:20;
	top: 168px;
	left: 50%;
	width: 200px;
	height:32px;
	line-height:32px;
	margin-left:-100px;
	text-align:center;
	color:#2d2d2d;
	font-size:14px;
	font-weight:bold;
	background-color:#f0f0f0;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#f4f5e4), to(#dddfba));
	background: -webkit-linear-gradient(#f4f5e4, #dddfba);
	background: -moz-linear-gradient(#f4f5e4, #dddfba);
	background: -ms-linear-gradient(#f4f5e4, #dddfba);
	background: -o-linear-gradient(#f4f5e4, #dddfba);
	background: linear-gradient(#f4f5e4, #dddfba);
	-pie-background: linear-gradient(#f4f5e4, #dddfba);
	*/
	border:1px solid #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.layerLinkBox {
	position:absolute;
	z-index:70;
	top: 0px;
	left: -10px;
	width: 310px;
	min-height:10px;
	line-height:32px;
	padding:5px 10px;
	text-align:center;
	color:#2d2d2d;
	font-size:14px;
	font-weight:bold;
	background-color:#e2fcff;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#acacac));
	background: -webkit-linear-gradient(#ffffff, #acacac);
	background: -moz-linear-gradient(#ffffff, #acacac);
	background: -ms-linear-gradient(#ffffff, #acacac);
	background: -o-linear-gradient(#ffffff, #acacac);
	background: linear-gradient(#ffffff, #acacac);
	-pie-background: linear-gradient(#ffffff, #acacac);
	*/
	border:1px solid #2deeff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
	font-family : 'Nanum Gothic', sans serif;
}

.layerLinkTitle {
	position:relative;
	height:32px;
	line-height:32px;
	padding-bottom: 5px;
	text-align:center;
	background-color:#e2fcff;
}

.btnAll {
	position:relative;
	float:right;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	padding:0 20px;
	font-size:12px;
	color:#fff;
	background-color:#ff5f11;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;

	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.layerLinkBtn {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	margin:20px auto;
	font-size:14px;
	color:#fff;
	background-color:#2c60ae;
	border:1px solid #c0cfe6;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
}

.naeshinTableBox {
	position:relative;
	display:block;
	width:1148px;
	min-height: 360px;
	margin:0 10px;
	overflow-y: hidden;
}

#naeshinTable {
	position:relative;
	border-collapse:collapse;
	display:block;
	min-height: 300px;
	margin:0 0 20px 0;
	background-color:#fff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinTable.active1 {
	margin:-457px 0 20px 0;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinTable:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#naeshinTable th {
	height:32px;
	font-size:14px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinTable td {
	height:32px;
	padding:3px 7px;
	font-size:14px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinTable img {
	width:24px;
}

ul.lightList {
	margin:5px; 
}

ul.lightList li {
	display:inline-block;
	line-height:20px;
	margin:5px 5px 0 0px;
	list-style:disc;
	text-align:justify;
}

.btnLight {
	position:relative;
	line-height:24px;
	background-color:#3164aa;
	color:#fff;
	font-size:18px !important;
	cursor:pointer;
}

#naeshinExTable {
	position:relative;
	z-index:20;
	border-collapse:collapse;
	max-width:100%;
	min-height: 10px;
	margin:-360px 0 20px 0;
	background-color:#fff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinExTable.active2 {
	margin:0 0 20px 0;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinExTable:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#naeshinExTable caption {
	max-width: 100%;
	height:32px;
	line-height:32px;
	padding: 0 10px;
	text-align:right;
	color:#fff;
	font-size:24px;
	cursor: pointer;
	background-color:#000;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinExTable th {
	height:32px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinExTable td {
	height:24px;
	padding:2px 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinExTable img {
	width: 24px;
	vertical-align:top;
}

.layerNaeshin {
	position:absolute;
	z-index: 50;
	top: 0px;
	left : 310px;
	width: auto;
	height: 400px;
	overflow-y: hidden;
}

#layerNaeshinBox {
	position:relative;
	width: 830px;
	min-height:10px;
	line-height:32px;
	margin-left: -830px;
	text-align:center;
	color:#2d2d2d;
	font-size:14px;
	font-weight:bold;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#acacac));
	background: -webkit-linear-gradient(#ffffff, #acacac);
	background: -moz-linear-gradient(#ffffff, #acacac);
	background: -ms-linear-gradient(#ffffff, #acacac);
	background: -o-linear-gradient(#ffffff, #acacac);
	background: linear-gradient(#ffffff, #acacac);
	-pie-background: linear-gradient(#ffffff, #acacac);
	border:1px solid #dedede;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	*/
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);
	font-family : 'Nanum Gothic', sans serif;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#layerNaeshinBox.active {
	margin-left: 20px;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinMainExTable {
	position:relative;
	z-index:20;
	border-collapse:collapse;
	max-width:100%;
	min-height: 10px;
	margin:0;
	background-color:#fff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinMainExTable.active {
	margin:0 0 20px 0;
	-webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

#naeshinMainExTable:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#naeshinMainExTable caption {
	max-width: 100%;
	height:32px;
	line-height:32px;
	padding: 0 10px;
	text-align:right;
	color:#fff;
	font-size:24px;

	cursor: pointer;
	background-color:#000;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainExTable td:first-child {
	background-color: #fffff9;
}

#naeshinMainExTable th {
	height:26px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainExTable td {
	height:23px;
	line-height:18px;
	padding:2px 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainExTable img {
	width: 20px;
}

#naeshinMainTable {
	position:relative;
	border-collapse:collapse;
	display:block;
	min-height: 10px;
	margin-bottom:10px;
	background-color:#fff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}


#naeshinMainTable:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#naeshinMainTable th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainTable td {
	height:24px;
	line-height:18px;
	padding:3px 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainTable img {
	text-align:center;
	width:24px;
}

.btnMainLight {
	position:relative;
	line-height:24px;
	background-color:#3164aa;
	color:#fff;
	font-size:14px !important;
	cursor:pointer;
}

/* 내신신호등 평가내용 레이어 팝업 */

.lightLayer {
	position:absolute;
	z-index:30;
	top:50px;
	left:50%;
	margin-left:-100px;
	width:600px;
	min-height:250px;
	background-color:#feffc9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	overflow-y:auto;
	behavior: url(../pie/PIE.htc);
	display:none;
}

.lightLayer .popupTitle {
	position:relative;
	display:block;
	padding:10px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#2b2e3f;
	border:1px solid #000;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	behavior: url(../pie/PIE.htc);
}

.lightLayer .popupTitle span {
	position:relative;
}

.lightLayer .popupTitle span.btnX {
	position:absolute;
	z-index:1080;
	top:0;
	right:0;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}

.lightLayer .popupTitle span.btnX a {
	font-size:24px;
	color:#fff;
}

ul.lightLayerList {
	display:block;
	margin: 20px 0 0 20px;
}

ul.lightLayerList li {
	position:relative;
	height:24px;
	line-height: 18px;
	margin: 5px 0;
	text-align:left;
	font-size: 13px;
	font-weight:bold;
	color: #2881c6;
}

/* Popup Tab */

.box_popup .listening_guide_title {float:left; width:400px; height:40px; margin-bottom:10px; background:url(../images/etc/title_popup_listening_guide.jpg) no-repeat 20px 12px; text-indent:-9999px; }

.box_popup .paging_box { position:relative; width:100%; height:40px; margin:10px auto; }

.box_popup .paging_box ul.tabs { position:absolute; top:0px; left:0px; }
.box_popup .paging_box ul.tabs li { display:inline; margin:0px -14px !important; text-align:center; }
.box_popup .paging_box ul.tabs li a.selected img {display:none;}
.box_popup .paging_box ul.tabs li a.selected img.over {display:inline; border:0;}


.box_popup .listening_container { position:absolute; width:680px; min-height:30px; left:50%; margin-left:-340px; }

.box_popup .listening_content { margin:0 auto;}


.box_popup .listening_content #img01 { position:relative; width:680px; height:372px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide01.jpg) no-repeat; }
.box_popup .listening_content #img02 { position:relative; width:680px; height:410px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide02.jpg) no-repeat; }
.box_popup .listening_content #img03 { position:relative; width:680px; height:520px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide03.jpg) no-repeat; }
.box_popup .listening_content #img04 { position:relative; width:680px; height:427px; margin:0 auto; background:url(../images/etc/img_popup_listening_guide04.jpg) no-repeat; }

.box_popup .listening_content .tooltip01 { position:absolute; z-index:10; width:597px; min-height:50px; top:210px; left:50%; margin-left:-298px; }
.box_popup .listening_content .tooltip02 { position:absolute; z-index:10; width:597px; min-height:50px; top:350px; left:50%; margin-left:-298px; }
.box_popup .listening_content .tooltip03 { position:absolute; z-index:10; width:597px; min-height:50px; top:370px; left:50%; margin-left:-298px; }
.box_popup .listening_content .tooltip04 { position:absolute; z-index:10; width:597px; min-height:50px; top:220px; left:50%; margin-left:-298px; }
.box_popup .listening_content .bg_tooltip01 { width:597px; height:193px; background:url(../images/bg/bg_listening_guide_top01.png) no-repeat; }
.box_popup .listening_content .bg_tooltip02 { width:597px; height:93px; background:url(../images/bg/bg_listening_guide_top02.png) no-repeat; }
.box_popup .listening_content .bg_tooltip03 { width:597px; height:176px; background:url(../images/bg/bg_listening_guide_top03.png) no-repeat; }
.box_popup .listening_content .bg_tooltip04 { width:597px; height:245px; background:url(../images/bg/bg_listening_guide_top04.png) no-repeat; }
.box_popup .listening_content .bg_tooltip_md { width:562px; min-height:20px; padding:0px 20px 0px 15px; text-align:
left; font-weight:bold; font-size:14px; background:url(../images/bg/bg_listening_guide_md.png) repeat-y left top; font-family: 'Malgun Gothic', "맑은고딕", ngeot; }
.box_popup .listening_content .bg_tooltip_bt { width:597px; height:25px; background:url(../images/bg/bg_listening_guide_bt.png) no-repeat; }
.box_popup .listening_content .BU { color:#0072d5; text-decoration:underline; font-family: 'Malgun Gothic', "맑은고딕", ngeot; }

/* 161024 온라인 레벨테스트 */
.BgPatternBox {
	position:relative;
	background:url(../images/bg/bg_pattern.gif) repeat;
}

.BgPatternBox .MTB50 {
	
}

.BgPatternBox2 {
	position:relative;
	background:url(../images/bg/bg_pattern2.gif) repeat;
}

.examNumberBox {
	position:relative;
	width: 600px;
	margin:20px auto;
}

.numberInBox {
	position:relative;
	width:290px;
	height:auto;
	border:1px solid #dedede;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background: -moz-linear-gradient(#ffffff, #f2f2f2);
	background: -ms-linear-gradient(#ffffff, #f2f2f2);
	background: -o-linear-gradient(#ffffff, #f2f2f2);
	background: linear-gradient(#ffffff, #f2f2f2);
	-pie-background: linear-gradient(#ffffff, #f2f2f2);
	behavior: url(../pie/PIE.htc);
	
}

.numberInTitle01 {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color:#2b3887;
}

.numberInTitle02 {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color:#3a3c44;
}

.numberingBox01 {
	position:relative;
	display:block;
	height: 150px;
	line-height: 150px;
	text-align:center;
	font-size:72px;
	font-weight:bold;
	color:#1370d9;
	font-family:'Open Sans', sans-serif;
}

.numberingBox02 {
	position:relative;
	display:block;
	height: 150px;
	line-height: 150px;
	text-align:center;
	font-size:72px;
	font-weight:bold;
	color:#1f2026;
	font-family:'Open Sans', sans-serif;
}

.levelExBt {
	position:relative;
	display:block;
	height: 32px;
	line-height:32px;
	text-align:center;
	font-size: 16px;
	color:#212121;
	font-weight:bold;
}

.levelExBt2 {
	position:relative;
	display:block;
	height: 32px;
	line-height:32px;
	text-align:center;
	font-size: 16px;
	color:#d13618;
	font-weight:bold;
}

.testLeftBox {
	position:absolute;
	z-index:10;
	top:10px;
	bottom:10px;
	left: 10px;
	width:69%;
	height:800px;
	padding: 10px;
	background-color:#fff;
	border:1px solid #dedede;
}

.testLeftTop {
	position:relative;
	display:block;
	height: 48px;
	line-height:48px;
	background:url(../images/etc/icon_habit9.png) no-repeat left top;
	border-bottom: 3px solid #87290c;
}

.testTopTitle {
	position:relative;
	width:auto;
	height:40px;
	line-height: 40px;
	margin: 0 auto;
	font-size: 32px;
	font-weight:bold;
	color:#a13e13;
	font-family:'Open Sans', sans-serif;
}

ul.testTopRightBox {
	position:absolute;
	z-index: 20;
	top: 0px;
	right: 0px;
	width:auto;
	height:38px;
	border:1px solid #dedede;
}


ul.testTopRightBox li {
	display:inline-block;
	line-height:33px;
	padding: 0 20px;
	text-align:center;
	vertical-align:top;
	border-left:1px solid #dedede;
}

ul.testTopRightBox li:first-child {
	border-left:none;
}

.examListBox {
	position:relative;
	display:block;
	min-height:100px;
	padding:15px;
	overflow-y:auto;
}

.examListBox .textBox { 
	position:relative; 
	display:block; 
	height:240px; 
	margin:0 auto; 
	padding-top:5px;
	background-color:#fffff7;
	border:1px dotted #dfe15e; 
}
.examListBox .textInBox { 
	position:relative;
	width:100%; 
	height:235px; 
	line-height:20px; 
	margin:0px auto; 
	text-align:left; 
	font-size:12px; 
	background:url(../images/bg/bg_text_line.png) left top; 
	overflow-y:auto; 
	overflow-x:none; 
}

.examListBox .testImgBox { 
	position:relative; 
	margin:10px auto; 
	padding: 3px;
	text-align:left;
	border:1px solid #dedede; 
}

.examListBox .answerTop {  
	margin:0px auto 10px;
	padding:5px;
	background-color:#f9f9f9;
	border:1px solid #dedede;
	
}

.examListBox .answerTop td { 
	line-height:16px; 
	padding:0px 10px; 
	font-size:12px; 
	font-weight:bold; 
	text-align:left; 
	vertical-align: middle;  
}

.examListBox .answerTable { 
	border-collapse:separate; 
	max-width:100%; 
	margin:10px;
}

.examListBox .answerTable a:link, .examListBox .answerTable a:visited, .examListBox .answerTable a:hover, .examListBox .answerTable a:active {
	padding: 3px 10px;
} 

.examListBox .numberBox	{ 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number.png) no-repeat left center; 
	font-family: 'Open Sans', serif;  
}
.examListBox .numberBoxSelected { 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number_select.png) no-repeat left center; 
	font-family: 'Open Sans', serif; 
}
.examListBox .numberBoxSelected2 { 
	width:30px; 
	height:30px; 
	line-height:30px; 
	margin-right:10px; 
	text-align:center; 
	font-size:16px; 
	background:url(../images/bg/bg_number_select_new.png) no-repeat left center; 
	font-family: 'Open Sans', serif; 
}
/* 171106 추가 */
/*
.examListBox th.numberBox a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
.examListBox th.numberBoxSelected a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
.examListBox th.numberBoxSelected2 a:link, a:visited, a:hover, a:active {
	color:#2d2d2d;
	text-decoration: none;
}
*/

.examListBox .answerTable th {
	padding:3px 0;
}
.examListBox .answerTable td { 
	line-height:18px; 
	text-align:left; 
	padding:5px 10px; 
	font-size:12px; 
	color:#2d2d2d; 
	vertical-align: middle !important;  
}

.examListBt .btnTest {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #2282cc;
	cursor:pointer;
}

.examListBt .btnTest:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

.examListBt .btnLevel01 {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#004c99;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#60a1ef), to(#3a80d6));
	background: -webkit-linear-gradient(#60a1ef, #3a80d6);
	background: -moz-linear-gradient(#60a1ef, #3a80d6);
	background: -ms-linear-gradient(#60a1ef, #3a80d6);
	background: -o-linear-gradient(#60a1ef, #3a80d6);
	background: linear-gradient(#60a1ef, #3a80d6);
	-pie-background: linear-gradient(#60a1ef, #3a80d6);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #2282cc;
	cursor:pointer;
}

.examListBt .btnLevel01:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}


.examListBt .btnNewLevel01 {
	position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#d6573a;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ef7860), to(#d6573a));
	background: -webkit-linear-gradient(#ef7860, #d6573a);
	background: -moz-linear-gradient(#ef7860, #d6573a);
	background: -ms-linear-gradient(#ef7860, #d6573a);
	background: -o-linear-gradient(#ef7860, #d6573a);
	background: linear-gradient(#ef7860, #d6573a);
	-pie-background: linear-gradient(#ef7860, #d6573a);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #c54528;
	cursor:pointer;
}

.examListBt .btnNewLevel01:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

.examListBt .btnReport {
	position:relative;
	padding:7px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#b35807;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ebae44), to(#b35807));
	background: -webkit-linear-gradient(#ebae44, #b35807);
	background: -moz-linear-gradient(#ebae44, #b35807);
	background: -ms-linear-gradient(#ebae44, #b35807);
	background: -o-linear-gradient(#ebae44, #b35807);
	background: linear-gradient(#ebae44, #b35807);
	-pie-background: linear-gradient(#ebae44, #b35807);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #c3732c;
	cursor:pointer;
}

.examListBt .btnReport:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

.examListBt .btnSend {
	position:relative;
	padding:12px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#3b3d4b;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#5a5e72), to(#3b3d4b));
	background: -webkit-linear-gradient(#5a5e72, #3b3d4b);
	background: -moz-linear-gradient(#5a5e72, #3b3d4b);
	background: -ms-linear-gradient(#5a5e72, #3b3d4b);
	background: -o-linear-gradient(#5a5e72, #3b3d4b);
	background: linear-gradient(#5a5e72, #3b3d4b);
	-pie-background: linear-gradient(#5a5e72, #3b3d4b);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #2f3244;
	cursor:pointer;
}

.examListBt .btnSend:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

.examListBt input[type="button"]:disabled {
    position:relative;
	padding:15px 40px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#dedede;
	background-color:#f0f0f0;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#f9f9f9), to(#f0f0f0));
	background: -webkit-linear-gradient(#f9f9f9, #f0f0f0);
	background: -moz-linear-gradient(#f9f9f9, #f0f0f0);
	background: -ms-linear-gradient(#f9f9f9, #f0f0f0);
	background: -o-linear-gradient(#f9f9f9, #f0f0f0);
	background: linear-gradient(#f9f9f9, #f0f0f0);
	-pie-background: linear-gradient(#f9f9f9, #f0f0f0);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #dedede;
	cursor:default;
}

.examListBt input[type="button"]:hover:disabled {
	-webkit-box-shadow:#fff 0 0 0;
	-moz-box-shadow:#fff 0 0 0;
	box-shadow:#fff 0 0 0;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

 
.testRightBox {
	position:absolute;
	z-index:10;
	top:0;
	right: 0;
	width: 25%;
	height: 800px;
	padding: 10px;
}

.testRightBox .rightBoxTitle {
	position:relative;
	float:left;
	width: 30%;
	height: 38px;
	line-height: 38px;
	padding-left: 30px;
	text-align:left;
	font-size: 16px;
	font-weight:bold;
	color:#ffe3e3;
	background-color:#9c4125;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#d58972), to(#9c4125));
	background: -webkit-linear-gradient(#d58972, #9c4125);
	background: -moz-linear-gradient(#d58972, #9c4125);
	background: -ms-linear-gradient(#d58972, #9c4125);
	background: -o-linear-gradient(#d58972, #9c4125);
	background: linear-gradient(#d58972, #9c4125);
	-pie-background: linear-gradient(#d58972, #9c4125);
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:50px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:50px;
	border-top-left-radius:20px;
	border-top-right-radius:50px;
	behavior: url(../pie/PIE.htc);
}

.testRightBox .testBox {
	position:relative;
	display:block;
	height:750px;
	padding:15px;
	background-color:#fff;
	border-top:5px solid #9c4125;
}

.testRightBox .testBox .level_table {
	position:relative; 
	display:block; 
	height:660px; 
	margin:0 auto; 
	overflow-y:auto; 
	overflow-x:hidden; 
}
.testRightBox .testBox .level_table th { 
	height:32px; 
	line-height:32px; 
	text-align:center; 
	padding:0px 5px; 
}
.testRightBox .testBox .level_table th.number { 
	width:30px; 
}
.testRightBox .testBox .level_table td { 
	height:32px; 
	line-height:18px; 
	text-align:left; 
	vertical-align:middle; 
	padding:0px 5px; 
}
.testRightBox .testBox .level_table td.number { 
 	font-size: 15px;
	font-weight:bold;
	text-align:center;
	font-family:'Open sans', sans serif; 
}
.testRightBox .testBox .level_table td.number2 {
	font-size: 15px;
	font-weight:bold;
	text-align:center; 
	color:#9d9d9d;
	font-family:'Open sans', sans serif;  
}
.testRightBox .testBox .level_table td.essential { color:#9d9d9d; }

.testRightBox .testBox .level_table a {
	display:block;
}

.testEndBox {
	position:relative;
	display:block;
	width: 500px;
	height: 400px;
	margin: 150px auto;
	padding: 15px;
	background:url(../images/etc/logo_habit_title.png) no-repeat center 30px #fff;
	border:1px solid #dedede;
}

.testEndBox .endEx {
	position:relative;
	display:block;
	line-height:18px;
	text-align:center;	
}

/* 161114 추가 */
.popupTilteBox2 {
	position:relative;
	display: block;
	height:60px;
	line-height:60px;
	padding:0 10px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:url(../images/etc/logo_popup.png) no-repeat right center #2b3887;
}

.popupExTitle {
	position: relative;
	display: inline-block;
	width:auto;
	height: 26px;
	font-size: 24px;
	font-weight: bold;
	margin: 40px auto 0;
	border-bottom: 2px solid #2d2d2d;
}

.popupTopBox2 {
	position:relative;
	height: 30px;
	line-height: 30px;
	margin:10px;
	padding:0;
	text-align:center;
	font-weight:bold;
	background-color:#f9fdff;
	border:3px solid #485660;
}

.topBoxInBox {
	position:relative;
	height: 30px;
	padding: 0 30px;
	color:#fff;
	background-color: #46539f;
	border-right:3px solid #485660;
}

.stepBox2 {
	position:relative;
	width: 900px;
	margin:20px auto;
}

.stepInBox2 {
	position:relative;
	display: inline-block;
	width:230px;
	height:auto;
	border:1px solid #dedede;
	background-color:#fff;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background: -moz-linear-gradient(#ffffff, #f2f2f2);
	background: -ms-linear-gradient(#ffffff, #f2f2f2);
	background: -o-linear-gradient(#ffffff, #f2f2f2);
	background: linear-gradient(#ffffff, #f2f2f2);
	-pie-background: linear-gradient(#ffffff, #f2f2f2);
	behavior: url(../pie/PIE.htc);
	*/
	
}

.stepInTitle01 {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	color:#fff;
	font-size: 20px;
	text-align:center;
	background-color:#2b3887;
}

.stepInTitle02 {
	position:relative;
	display:block;
	height:32px;
	line-height:32px;
	color:#2d2d2d;
	font-size: 18px;
	font-weight:bold;
	text-align:center;
}

.stepInTitle03 {
	position:relative;
	line-height: 28px;
	display: block;
	margin: 5px 10px;
	padding: 5px;
	text-align:center;
	font-size:20px;
	font-weight: bold;
	color:#1370d9;
	background-color: #f9f9f9;
	border:1px solid #dedede;
}

.stepInTitle04 {
	position:relative;
	display:block;
	line-height: 16px;
	padding-bottom: 10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#9d9d9d;
	font-family:'Open Sans', sans-serif;
}

.stepInArrow {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 200px;
	line-height:  200px;
	text-align: center;
	font-size: 60px;
	font-weight: bold;
	color: #dedede;
}

.popupTopEx {
	position: relative;
	display: block;
	min-height: 10px;
	margin:10px;
}

.popupTopExBox {
	position: relative;
	width: 700px;
	min-height: 10px;
	margin: 0 auto;
}

.popupTopExBox:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}

.topExTitle {
	position: relative;
	display: inline-block;
	float:left;
	height:  57px;
	line-height: 52px;
	margin-right: 15px;
	font-size: 38px;
	font-weight: bold;
	vertical-align: bottom;
}

.topExTitle2 {
	position: relative;
	display: inline-block;
	float:left;
	height:  38px;
	line-height: 32px;
	margin-right: 15px;
	font-size: 38px;
	font-weight: bold;
	vertical-align: bottom;
}

ul.topExList {
	position: relative;
	display: inline-block;
	float: left;
}

ul.topExList li {
	text-align: left;
}

.vocaBox {
	position: relative;
	display: block;
	margin: 10px 10px 0;
	padding: 10px;
	background-color: #f9f9f9;
	border:1px solid #dedede;
}

.headphoneBox {
	position: absolute;
	z-index: 10;
	top: -90px;
	right : 10px;
	width: 120px;
	height: 120px;
	background:url(../images/etc/img_headphone.png) no-repeat;
	text-indent:  -99999px;
	display: none;
}

.vocaTitle {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

ul.titleTabBox {
	position: absolute;
	z-index: 10;
	top: 5px;
	left: 50%;
	margin-left: -150px;
	width: auto;
	height: 60px;
}

.vocabularyBox {
	position: relative;
	min-height: 90px;
	padding: 30px 30px 5px;
	text-align: center;
	background-color: #fff;
	border:1px solid #dedede;
}

.vocabularyBox2 {
	position: relative;
	min-height: 62px;
	padding: 30px;
	text-align: center;
	background-color: #fff;
	border:1px solid #dedede;
}

.vocabularyBox3 {
	position: relative;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	border:1px solid #dedede;
}

.vocabularyEx {
	position: relative;
	display: block;
	width:  600px;
	min-height: 20px;
	margin:  30px auto 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.vocabularyEx2 {
	position: relative;
	display: block;
	width:  600px;
	min-height: 20px;
	margin:  10px auto;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.inputTitle {
	position: relative;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	font-weight: bold;
	color:#fff;
	background-color: #121e68;
}

.inputBox {
	position: relative;
	width: 300px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	font-size : 14px;
	color: #2d2d2d;
	vertical-align: top;
	border:1px solid #121e68;
}

.enterBtn  {
	position: relative;
	height:  32px;
	line-height: 32px;
	padding: 0 20px;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	background-color: #121e68;
	border: none;
	cursor:pointer;
}

.enterBtn:hover {
	-webkit-box-shadow: #666 0 0 10px;
	-moz-box-shadow : #666 0 0 10px;
	box-shadow : #666 0 0 10px;
}

.bottomBox {
	position: relative;
	margin: 0 10px;
	display: block;
	font-size: 14px;
	color:#fff;
	background-color: #37383e
}

ul.bottomInBox {
	position: relative;
	width: 600px;
	margin: 0 auto;
	padding: 10px;
}

ul.bottomInBox li {
	text-align: left;
}

.vocaLeftTitle {
	position: relative;
	display: block;
	text-align: left;
	line-height: 18px;
	margin: 10px;
	font-size: 14px;
	font-weight: bold;
}

.leftQuestionBox {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 80px;
	padding: 5px 15px;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #db550c;
}

ul.titleTabBox li {
	position:relative;
	display: inline-block;
	height: 60px;
	text-align:center;
	margin-left:-5px;	
}

ul.titleTabBox a.tabBtn:link, a.tabBtn:visited, a.tabBtn:active {
	float:left; 
	display:inline-block; 
	min-width:130px; 
	height:55px;
	padding:0; 
	line-height:32px; 
	text-align:center; 
	font-size:12px;
	font-weight: bold;
	color:#e1e5ff; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#46539f;
	border:1px solid #121e68;
	border-bottom: none;
	/*
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	behavior: url(/pie/PIE.htc);
	*/
}

ul.titleTabBox a.tabBtn:hover { position:relative; z-index:10; min-width:130px; height:55px; line-height:32px; color:#e1e5ff; background-color:#6b77ba; border:1px solid #85b8e2; border-bottom: none; }

ul.titleTabBox a.tabBtn:hover span {
	color:#e9ecff;
}

ul.titleTabBox a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active { 
	float:left; 
	display:inline-block; 
	min-width:130px; 
	height:55px; 
	line-height:32px;
	padding:0;  
	text-align:center; 
	font-size:12px; 
	font-weight: bold;
	color:#2d2d2d; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#fff !important;  
	border:1px solid #121e68;
	border-bottom: none;
	/*
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	behavior: url(/pie/PIE.htc);
	*/
}

ul.titleTabBox a.tabSelected:hover { min-width:130px; height:55px; line-height:32px; color:#2d2d2d;  background-color:#125fa1; border:1px solid #121e68; border-bottom: none; }

.TabTop {
	position: relative;
	display: block;
	height: 20px;
	line-height: 18px;
	background-color: #33408c;
	border-bottom: 1px solid #121e68;
}

ul.titleTabBox a.tabSelected .TabTop {
	font-weight: bold;
	background-color: #bac0e7;
	border-bottom:1px solid #8a95d2;
}

.answerListTable {
	border-collapse: collapse;
	position:relative;
	margin: 15px 30px;
}

.answerListTable td { height:28px; line-height:14px; text-align:left; padding:5px 15px;  color:#2d2d2d; font-size:  14px;  vertical-align: middle;   } 
.answerListTable .answer2 { border-collapse:separate; width:770px; height:398px; margin:20px auto 0px auto; overflow-y:auto; overflow-x:hidden; }
.answerListTable .numbering	{ width:32px; height:32px; line-height:28px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number.png) no-repeat left center;   }
.answerListTable .numbering2 { width:32px; height:32px; line-height:28px; margin-right:10px; text-align:center; font-size:18px; background:url(../images/bg/bg_number_select.png) no-repeat left center;   }

.answerListTable a:link, .answerListTable a:visited, .answerListTable a:hover, .answerListTable a:active {
	padding: 3px 10px;
	color:#2d2d2d;
}

/* 161116 추가 */

.studyTopBox {
	position: relative;
	height: 32px;
	line-height: 32px;
	margin: 0 10px;
	display: block;
	font-size: 14px;
	color:#fff;
	background-color: #37383e
}

.vocaBox2 {
	position: relative;
	display: block;
	margin:0 10px;
	padding: 10px;
	background-color: #f9f9f9;
	border:1px solid #dedede;
}

.studyInput {
	width: 250px;
	height: 24px;
	line-height:  24px;
	padding: 0 10px;
	background-color: #fff;
	border: none;
	border-bottom: 2px solid #00a0e9;
}

.studyListTable {
	border-collapse: collapse;
}

.studyListTable td {
	height: 24px;
	line-height: 24px;
	padding: 0 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.studyListTable td.vocaInBox {
	background-color: #f6fcff;
	border: 1px solid #00a0e9;
}

/* 161118 온라인단어학습추가 */
.typingLayer { 
	position:absolute; 
	z-index:250; 
	top:250px; 
	left:50%; 
	width:350px; 
	min-height:130px; 
	margin-left:-190px; 
	padding:10px; 
	border:7px solid #495155; 
	background:#FFF; 
	font-size:14px; 
	font-weight:bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #666 0px 02px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640));
	background: -webkit-linear-gradient(#68c258, #4c9640);
	background: -moz-linear-gradient(#68c258, #4c9640);
	background: -ms-linear-gradient(#68c258, #4c9640);
	background: -o-linear-gradient(#68c258, #4c9640);
	background: linear-gradient(#68c258, #4c9640);
	-pie-background: linear-gradient(#68c258, #4c9640);
	*/
	behavior: url(../pie/PIE.htc); 
	
 }
 
.typingLayer span.red { font-size:14px; font-weight:bold; color:#ec4242; }
.typingLayer span.blue { font-size:14px; font-weight:bold; color:#4772a9; }
	  
.typingLayer .Ttitle { max-width:100%; line-height:22px; text-align:left; }
.typingLayer ul { margin:20px 0px 0px 20px; }
.typingLayer li { height:32px; line-height:32px; text-align:left; }
.TypingEx { min-height:20px; line-height:18px; font-size:16px; font-weight:bold; text-align:left; margin:10px auto; padding:0px 10px; color:#ec4242; }

.textarea_mem5 {
	position:relative;
	width: 70%;
	height: 26px;
	margin: 0;
	border:1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.textarea_mem5:focus {
	-webkit-box-shadow:#666 0px 0px 5px;
	-moz-box-shadow:#666 0px 0px 5px;
	box-shadow:#666 0px 0px 5px;
}


.dictionaryLayer { 
	position:absolute; 
	z-index:250; 
	top:350px; 
	left:50%; 
	width:700px; 
	min-height:130px; 
	margin-left:-370px; 
	padding:10px; 
	border:7px solid #00a0e9; 
	background:#FFF; 
	font-size:14px; 
	font-weight:bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #666 0px 02px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640));
	background: -webkit-linear-gradient(#68c258, #4c9640);
	background: -moz-linear-gradient(#68c258, #4c9640);
	background: -ms-linear-gradient(#68c258, #4c9640);
	background: -o-linear-gradient(#68c258, #4c9640);
	background: linear-gradient(#68c258, #4c9640);
	-pie-background: linear-gradient(#68c258, #4c9640);
	*/
	behavior: url(../pie/PIE.htc); 	
 } 

.dictionaryListTable {
	border-collapse:collapse;
	margin:5px 15px 0px;
	border-top:2px solid #2b2e3f;
	border-right:1px solid #acacac;
}

.dictionaryListTable th {
	height:32px;
	font-size:12px;
	text-align:center;
	background-color:#fff3d0;
	border-bottom:1px solid #acacac;
	border-left:1px solid #acacac;
}

.dictionaryListTable td {
	padding:3px 7px;
	font-size:12px;
	text-align:center;
	border-bottom:1px solid #acacac;
	border-left:1px solid #acacac;
}

.dictionaryListTable td.TAL {
	text-align:left;
}

.correctLayer { 
	position:absolute;
	z-index:250; 
	top:300px; 
	left:50%; 
	width:373px; 
	min-height:10px; 
	margin-left:-200px;  
	padding:10px; 
	border:7px solid #e94700; 
	background:#f9f9f9; 
	font-size:14px; 
	font-weight:bold;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640));
	background: -webkit-linear-gradient(#68c258, #4c9640);
	background: -moz-linear-gradient(#68c258, #4c9640);
	background: -ms-linear-gradient(#68c258, #4c9640);
	background: -o-linear-gradient(#68c258, #4c9640);
	background: linear-gradient(#68c258, #4c9640);
	-pie-background: linear-gradient(#68c258, #4c9640);
	*/
	behavior: url(../pie/PIE.htc); 
	
 }
.correctLayer span.red { font-size:14px; font-weight:bold; color:#ec4242; }
.correctLayer span.blue { font-size:14px; font-weight:bold; color:#4772a9; } 
.correctLayer span.green { font-size:14px; font-weight:bold; color:#7ac143; }
.correctLayer .Cbox { padding:10px; background:#FFF; border:1px solid #9d9d9d; }
.correctLayer span.red2 { font-size:18px; font-weight:bold; color:#ec4242; }
.correctLayer span.blue2 { font-size:18px; font-weight:bold; color:#4772a9; }

.btnNone {
	position: relative;
	display: inline-block;
	border:none;
	font-size: 18px;
	color:#1074a7;
	background-color: transparent;
	font-family: arial, sans-serif;
	cursor: pointer;
}

/* 161123 add */
.wrongAnswerLayer {
	position:absolute;
	z-index:300; 
	top:250px; 
	left:250px; 
	width:200px; 
	min-height:10px;  
	padding:20px;
	color:#fff;
	border:7px solid #ffffff; 
	background:#ff0000; 
	font-size:18px; 
	font-weight:bold;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#68c258), to(#4c9640));
	background: -webkit-linear-gradient(#68c258, #4c9640);
	background: -moz-linear-gradient(#68c258, #4c9640);
	background: -ms-linear-gradient(#68c258, #4c9640);
	background: -o-linear-gradient(#68c258, #4c9640);
	background: linear-gradient(#68c258, #4c9640);
	-pie-background: linear-gradient(#68c258, #4c9640);
	*/
	behavior: url(../pie/PIE.htc); 
	
}

/* 161201 add */

.onlineEduBox {
	position: absolute;
	z-index: 40;
	top: 540px;
	left: 50%;
	width: 300px;
	height: 150px;
	margin-left: 280px;
	background:url(../images/etc/icon_habit9.png) no-repeat 250px 10px #f9f9f9;
	border: 5px solid #e34000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
}

/* 161208 add */
.dictationBox {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	border: 5px solid #245caf;
}

.timeBox {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	border: 5px solid #ca1616;
}

.dictatonBox {
	position: relative;
	display: block;
	margin:0 10px;
	padding: 10px;
	background-color: #f9f9f9;
	border:1px solid #dedede;
}

.dictationInBox {
	position: relative;
	min-height: 62px;
	padding: 10px;
	text-align: center;
	background-color: #fff;
	border:1px solid #dedede;
}

.textBox4 { 
	position:relative; 
	z-index:20;
	width: 800px;
	margin:0 auto; 
	padding:10px; 
	text-align:center; 
}

.textarea_mem6 { 
	height:20px; 
	line-height:20px; 
	padding-left:5px; 
	border:7px solid #3eaf0e; 
	background-color: #fff; 
	color:#2d2d2d; 
	font-weight:bold; 
}

.btnNaver {
	
}

.btnNaver {
	position:relative;
	padding:7px 10px;
	font-size:12px;
	color:#fff;
	-webkit-text-shadow: #666 0px 0px 3px;
	-moz-text-shadow: #666 0px 0px 3px;
	text-shadow: #666 0px 0px 3px;
	background-color:#1e700b;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#5cb746), to(#1e700b));
	background: -webkit-linear-gradient(#5cb746, #1e700b);
	background: -moz-linear-gradient(#5cb746, #1e700b);
	background: -ms-linear-gradient(#5cb746, #1e700b);
	background: -o-linear-gradient(#5cb746, #1e700b);
	background: linear-gradient(#5cb746, #1e700b);
	-pie-background: linear-gradient(#5cb746, #1e700b);
	border:1px solid #297317;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnListen {
	position:relative;
	padding:7px 20px;
	font-size:12px;
	color:#fff;
	-webkit-text-shadow: #666 0px 0px 3px;
	-moz-text-shadow: #666 0px 0px 3px;
	text-shadow: #666 0px 0px 3px;
	background-color:#244e88;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#4675b4), to(#244e88));
	background: -webkit-linear-gradient(#4675b4, #244e88);
	background: -moz-linear-gradient(#4675b4, #244e88);
	background: -ms-linear-gradient(#4675b4, #244e88);
	background: -o-linear-gradient(#4675b4, #244e88);
	background: linear-gradient(#4675b4, #244e88);
	-pie-background: linear-gradient(#4675b4, #244e88);
	border:1px solid #1d4780;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.btnPause {
	position:relative;
	padding:7px 20px;
	font-size:12px;
	color:#fff;
	-webkit-text-shadow: #666 0px 0px 3px;
	-moz-text-shadow: #666 0px 0px 3px;
	text-shadow: #666 0px 0px 3px;
	background-color:#9b481a;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#e48450), to(#9b481a));
	background: -webkit-linear-gradient(#e48450, #9b481a);
	background: -moz-linear-gradient(#e48450, #9b481a);
	background: -ms-linear-gradient(#e48450, #9b481a);
	background: -o-linear-gradient(#e48450, #9b481a);
	background: linear-gradient(#e48450, #9b481a);
	-pie-background: linear-gradient(#e48450, #9b481a);
	border:1px solid #a4430e;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	behavior: url(../pie/PIE.htc);
	cursor:pointer;
}

.textBox7 { 
	position:relative; 
	z-index:20; 
	min-height:100px; 
	line-height:19px; 
	padding:5px 20px; 
	text-align:left; 
	font-size:12px; 
	color:#5d5d5d; 
	font-weight:bold;  
	font-family: verdana, sans-serif;  
	white-space:normal; 
	background:#FFF; 
}

.timeBox {
	position: relative;
	display: block;
	height:24px; 
	line-height:24px; 
	margin:10px 0; 
	padding:5px 10px; 
	text-align:left; 
	border:5px solid #d01f4c; 
	font-size:16px; 
	color:#2d2d2d;
}

 .textBox6 {  
	 position:relative; 
	 z-index:20; 
	 height:170px;  
	 line-height:18px; 
	 margin:10px 5px; 
	 padding:10px; 
	 text-align:left; 
	 font-size:14px; 
	 color:#5d5d5d;
	 font-weight:bold; 
	 white-space:normal; 
	 background:#FFF; 
	 border:1px solid #d8d8d8; 
	 overflow:auto; 
}

.prograssBox {
	position: absolute;
	z-index: 20;
	top: 7px;
	right: 7px;
	height: 32px;
	line-height: 32px;
	padding: 5px 40px;
	font-size: 18px;
	font-weight: bold;
	color:#fff;
	background-color: #c54528;
	border: 5px solid #a82f14;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	behavior: url(../pie/PIE.htc);
}

.textBox8 { 
	position:relative; 
	z-index:20; 
	height:170px;  
	line-height:19px; 
	padding:5px 20px; 
	text-align:left; 
	font-size:12px; 
	color:#5d5d5d; 
	font-weight:bold;  
	white-space:normal; 
	background:#FFF;
	border:1px solid #d8d8d8; 
	overflow:auto;
	font-family: verdana, sans-serif;  
}
.recorderBox {
	position: relative;
	display: block;
	min-height: 100px;
	margin-top: 10px; 
	padding:5px 10px; 
	text-align:left; 
	font-size:14px; 
	color:#5d5d5d; 
	font-weight:bold;
	white-space:normal; 
	background:#FFF;
	border:1px solid #d8d8d8; 
}

.textarea_mem2 {
	position: relative;
	min-width: 120px;
	height: 20px;
	background-color: #fffff2;
	border: none;
	border-bottom: 1px solid #dedede;
}

.audioBox2 {
	position: relative;
	display: block;
	height: 40px;
	margin:-10px 10px 10px;
	padding: 0;
	text-align: center;
}

/* 170220 학교정보수정 추가 */
.schoolInfoLayer {
	position: absolute;
	z-index: 999;
	top: 672px;
	left: 50%;
	width: 350px;
	min-height: 100px;
	margin-left: -590px;
	background:url(../images/etc/img_school_logo.png) no-repeat 5px 5px #f9f9f9;
	border:3px solid #bb4b19;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	behavior: url(../pie/PIE.htc); 
}

.schoolInfoLayer h3 {
	display: block;
	margin: 15px auto 10px;
	text-align: center;
	color:#2279C9;
}

.schoolInfoEx {
	display: block;
	margin: 0 auto 5px;
	text-align: center;
	}

.schoolInfoBox {
	display: block;
	margin: 10px;
	padding: 10px;
	text-align: left;
	border:1px solid #fff;
	background-color: #f0f0f0;
}


/* 170316 롤링코멘트 추가 */

.leftBox3 {
	position: relative;
	float: left;
	width: 603px;
}

.commentBox {
	position: absolute;
	z-index: 10;
    right: 0; 
    left: 0;
    bottom: -58px;
	height: 56px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}

ul#ticker_05 li {
	text-align: left;
	height: 64px;
	padding: 0;
	color:#000;
	background-color:#f0f0f0;
}

.commentBox span.co01 {
	display: block;
    background-color: #ff88ac;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co02 {
	background-color: #b390b7;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co03 {
    background-color: #a7b0db;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}


.commentBox span.co04 {
    background-color: #77c782;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}
/*
.commentBox span.arrow01 {
	position: absolute;
	z-index: 20;
	top: 20px;
	left : -18px;
	width: 19px;
	height: 17px;
	background: url(../images/etc/comment_arrow01.png) no-repeat;
}

.commentBox span.arrow02 {
	position: absolute;
	z-index: 20;
	top: 20px;
	left : -18px;
	width: 19px;
	height: 17px;
	background: url(../images/etc/comment_arrow02.png) no-repeat;
}


.commentBox span.arrow03 {
	position: absolute;
	z-index: 20;
	top: 20px;
	left : -18px;
	width: 19px;
	height: 17px;
	background: url(../images/etc/comment_arrow03.png) no-repeat;
}

.commentBox span.arrow04 {
	position: absolute;
	z-index: 20;
	top: 20px;
	left : -18px;
	width: 19px;
	height: 17px;
	background: url(../images/etc/comment_arrow04.png) no-repeat;
}
*/

.commentBox .answer {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	text-align: center;
	font-weight: bold;
	color:#c84714;
	background-color:#ffed27;
	border-radius: 50%;
	font-family: 'Open Sans', sans-serif;
}

.iconBox {
	position: relative;
	float:left;
	display: inline-block;
	width: 60px;
	height: 56px;
	text-align: center;
	color:#000;
}

.iconBox img {
	display: block;
	width: 36px;
	height: auto;
	margin: 3px auto 0;
	background-color: #fff;
	border-radius: 50%;
}

.commentText {
	position: relative;
	float: right;
	display: inline-block;
	width: 528px;
	height: 54px;
	line-height: 27px;
	padding: 0 10px;
	font-size : 18px;
}

.commentText p {
	margin: 0 10px;
}


.commentTextOn {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	width: 528px;
	height: 110px;
}

.commentTextOn p {
	position: relative;
	z-index: 20;
	width: 518px;
	height: 110px;
	margin: 0 0 0 10px;
	overflow: auto;
}

.commentText2 {
	position: relative;
	float: right;
	display: inline-block;
	width: 528px;
	height: 46px;
	line-height: 1.5;
	margin: 7px;
	font-size : 12px;
}

.commentText2 p {
    height: 44px;
	margin: 0 10px;
    overflow: hidden;
}

.commentText2On {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	width: 528px;
	height: 110px;
}

.commentText2On p {
	position: relative;
	z-index: 20;
	width: 508px;
	height: 110px;
	margin: 0 0 0 10px;
	overflow-y: auto;
}


.commentBox span.co01 {
	display: block;
    background-color: #ffc2d4;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co01:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #ffc2d4;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co01.commentText2On:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #ffc2d4;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co02 {
	background-color: #d9c1dc;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co02:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #d9c1dc;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co02.commentText2On:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #d9c1dc;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co03 {
    background-color: #cad3ff;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co03:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #cad3ff;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co03.commentText2On:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #cad3ff;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}


.commentBox span.co04 {
    background-color: #b7e5bd;
	border-radius: 5px;
	margin : 3px;
	padding: 2px 0;
}

.commentBox span.co04:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #b7e5bd;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox span.co04.commentText2On:before {
    position: absolute;
    z-index: 10;
    top: 15px;
    left: -14px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid transparent;
    border-right: 14px solid #b7e5bd;
    border-bottom: 6px solid transparent;
    border-left:  0 solid transparent;
    
}

.commentBox .answer {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 5px;
	text-align: center;
	font-weight: bold;
	color:#c84714;
	background-color:#ffed27;
	border-radius: 50%;
	font-family: 'Open Sans', sans-serif;
}

.iconBox {
	position: relative;
	float:left;
	display: inline-block;
	width: 60px;
	height: 64px;
	text-align: center;
	color:#000;
}

#ticker_05 .iconBox img {
	display: block;
	width: 37px;
	height: auto;
	margin: 2px auto 0;
	background-color: #fff;
	border-radius: 50%;
}

.commentText {
	position: relative;
	float: right;
	display: inline-block;
	width: 528px;
	height: 54px;
	line-height: 27px;
	padding: 0 10px;
	font-size : 18px;
}

.commentText p {
	margin: 0 10px;
}


.commentTextOn {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	width: 528px;
	height: 110px;
}

.commentTextOn p {
	position: relative;
	z-index: 20;
	width: 518px;
	height: 110px;
	margin: 0 0 0 10px;
	overflow: auto;
}

.commentText2 {
	position: relative;
	float: right;
	display: inline-block;
	width: 528px;
	height: 46px;
	line-height: 1.5;
	margin: 7px;
	font-size : 12px;
}

.commentText2 p {
    height: 46px;
	margin: 0 10px;
    overflow: hidden;
}

.commentText2On {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	width: 528px;
	height: 110px;
}

.commentText2On p {
	position: relative;
	z-index: 20;
	width: 508px;
	height: 110px;
	margin: 0 0 0 10px;
	overflow-y: auto;
}



/* 170524 화상 온라인 숙제 및 자료확인 iframe 추가 */
.onlineView {
	position: relative;
	display: block;
	width:  1168px;
	height: 766px;
	border: none;
	overflow-y: hidden;
}


/* 170816 Progress Report iframe 추가 */

.progressTopBox .contentTabBox {}

.progressTopBox.contentTabInBox { 
	position:relative; 
	height:32px; 
	line-height:32px;
	margin:15px 10px 5px;
	border-bottom:1px solid #acacac;
}

.progressTopBox .contentTabInBox:after {display:block;visibility:hidden;clear:both;content:""}


.progressTopBox .contentTabInBox ul { position:relative; width:auto; height:32px; text-align:left; }
.progressTopBox .contentTabInBox li { display:inline-block; height:32px; line-height:32px; text-align:center; color:#2d2d2d; margin:0px; margin-left:-3px; }
.progressTopBox .contentTabInBox li:first-child { margin-left:2px; } 
.progressTopBox .contentTabInBox a.tabBtn:link,.progressTopBox .contentTabInBox a.tabBtn:visited,.progressTopBox .contentTabInBox a.tabBtn:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px;
	padding:0 15px; 
	line-height:32px; 
	text-align:center; 
	font-size:12px; 
	color:#5d5d5d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
}
.progressTopBox .contentTabInBox a.tabBtn:hover { position:relative; z-index:10; min-width:80px; height:32px; line-height:32px; color:#000; background-color:#d5ecff; border:1px solid #85b8e2; }

.progressTopBox .contentTabInBox a.tabSelected:link,.progressTopBox .contentTabInBox a.tabSelected:visited,.progressTopBox .contentTabInBox a.tabSelected:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#125fa1 !important;  
	border:1px solid #084579;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
} 

.progressTopBox .contentTabInBox a.tabSelected:hover { min-width:80px; height:32px; line-height:32px; color:#fff;  background-color:#125fa1; border:1px solid #084579; }


.progressPage { 
	position:relative; 
	display:block; 
	min-height:100px; 
	padding-bottom:10px; 
	background-color:#fff; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box; 
}

.progressTabBox { 
	position:relative; 
	display: block;
	min-height:38px; 
	margin:0 5px;
	/*
	border-bottom:1px solid #dedede;
	*/
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.progressTabBox:after {display:block;visibility:hidden;clear:both;content:""}


.progressTabBox ul { position:relative; display: block; min-height:38px; text-align:left; margin-left:0px !important; }
.progressTabBox li { float:left;  width: 25%; height:35px; line-height:18px; text-align:center; color:#2d2d2d; margin:2px 0; margin-left:0px;}
.progressTabBox li:first-child { margin-left:0px; } 

.progressTabs { display:inline-block; }

.progressTabBox a.tabBtn:link, .progressTabBox a.tabBtn:visited, .progressTabBox a.tabBtn:active {
	float: left;
	display:block;
	width: 100%;
	height:36px; 
	line-height:36px; 
	text-align:center; 
	font-size:12px; 
	color:#9d9d9d; 
	text-decoration:none; 
	margin:3px 0px 0px 1px;
	padding: 0 5px;
	background-color:#f9f9f9;
	background-image: none !important;
	border:1px solid #acacac;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
	behavior: url(../pie/PIE.htc);
}
.progressTabBox a.tabBtn:hover { display:block; height:36px; line-height:36px; color:#000; background-color:#d5ecff; border:1px solid #85b8e2; }

.progressTabBox a.tabSelected:link, .progressTabBox a.tabSelected:visited, .progressTabBox a.tabSelected:active { 
	display:block;
	width: 100%;
	height:36px; 
	line-height:36px; 
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:3px 0px 0px 1px;  
	padding: 0 5px;
	background-color:#125fa1 !important;
	background-image: none !important;
	border:1px solid #084579;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
	behavior: url(../pie/PIE.htc);
} 

.progressTabBox a.tabSelected:hover { display:block; height:36px; line-height:36px; color:#fff;  background-color:#125fa1 !important; border:1px solid #084579; }

.progressTabBox .tab_container { 
	width:100%; 
	position:relative;
	margin-top: 10px;
}

.progressTabBox .tab_content { margin:0;}
	
.participation {
	display: block;
	max-height: 200px;
	margin: 0;
	padding: 5px;
	overflow-y: auto;
}
#tab, #inlineBox {
	display: none;
}

.inlineTitle {
    position: relative;
	display:block;
	height:36px; 
	line-height:36px; 
	text-align:left; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:5px;  
	padding: 0 5px;
	background-color:#125fa1 !important;
	background-image: none !important;
	border:1px solid #084579;
	font-family: 'NanumBarunGothic', serif;
	--webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
	
}

.reportBox {
	position: relative;
	display: block;
	height: 70px;
	margin: 10px;
	border: 1px dotted #e15f00;
	background-color: #fff5ed;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.hintBox {
	position: absolute;
	z-index: 0;
	top: 10px;
	left : 10px;
	width: 1000px;
	height: 50px;
	line-height: 18px;
	padding: 5px;
	color: #9d9d9d;
	text-align: left;
	background-color: #fff;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.reportTextArea {
	position: relative;
	width: 1000px;
	display: block;
	height: 50px;
	padding: 5px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
	background-color: transparent;
}

/* 170922 추가 */
.sixPackGrammarLayer {
	position: absolute;
	z-index: 999;
	top: 165px;
	left: 50%;
	width: 768px;
	min-height: 150px;
	margin-left: -50px;
	background: url(../images/bg/bg_six_pack_grammar.png) repeat-y center top #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);	
}

.sixPackGrammarTop {
	position: relative;
	display: block;
	height: 122px;
	background: url(../images/bg/bg_six_pack_grammar_top.png) no-repeat center top;
}

.sixPackGrammarContent {
	position: relative;
	display: block;
	margin: 5px 22px;
	min-height: 400px;
}

.sixPackBg {
	position: relative;
	display: block;
	height: 526px;
	background: url(../images/etc/img_six_pack01_01.png) no-repeat center top;	
}

.sixPackGrammarBt {
	position: relative;
	display: block;
	height: 14px;
	background: url(../images/bg/bg_six_pack_grammar_bt.png) no-repeat center top;
}

.youtubeBox {
	position: absolute;
	z-index: 9999;
	top: 312px;
	left: 349px;
	width: 315px;
	height: 196px;
	text-align: center;
}

.sixPackTop {
	position: relative;
	display: block;
	height: 72px;
	background: url(../images/etc/img_six_pack02_01.png) no-repeat left top;
}

.youtubeExBox {
	position: relative;
	float: right;
	width: 250px;
	height: 200px;
	background:url(../images/bg/bg_youtube_title.png) no-repeat center center #2b3887;
}

.btClose {
	position: relative;
	display: block;
	padding:5px 10px; 
	background-color:#f0f0f0;
	behavior: url(../pie/PIE.htc); 
}

.btClose .left {text-align:left;}
.btClose .right {text-align:right;}

.btnBox {
	position:relative;
	display:block;
	margin:10px;
}

.grammarList {
	position: relative;
	display: block;
	margin: -5px 20px 5px;
}

.grammarList li {
	text-align: left;
	height: 24px;
	line-height: 24px;
	list-style: square;
}

.grammarTable {
	position: relative;
	display: block;
	margin-top: 10px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.grammarTable th {
	position: relative;
	height: 24px;
	padding: 5px;
	text-align: center;
	background-color: #f0f2ff;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.grammarTable td {
	position: relative;
	height: 24px;
	padding: 3px 5px;
	text-align: center;
	background-color: #fff;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.popupTabBox {}

.popupTabInBox { 
	position:relative; 
	height:32px; 
	line-height:32px;
	margin:10px 0 5px;
}

.popupTabInBox:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}


.popupTabInBox ul { 
	position:relative; 
	width:auto; 
	height:32px; 
	text-align:left; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}
.popupTabInBox li { 
	position:relative; 
	display:inline-block;  
	height:32px; 
	line-height:32px;
	margin: 0;
	text-align:center; 
	color:#2d2d2d;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}
.popupTabInBox li:first-child { 
	margin-left:2px; 
} 
.popupTabInBox a.grammarBtn:link, .popupTabInBox a.grammarBtn:visited, .popupTabInBox a.grammarBtn:active {
	position: relative;
	display:block; 
	height:32px;
	padding:0 40px; 
	line-height:32px; 
	text-align:center; 
	font-size:12px; 
	color:#9d9d9d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#f9f9f9;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(../pie/PIE.htc);
}
.popupTabInBox a.grammarBtn:hover { 
	position:relative; 
	display:block;
	height:32px; 
	line-height:32px;
	margin:-1px 0px 0px -2px;
	color:#000; 
	background-color:#fff; 
	border:1px solid #acacac; 
}

.popupTabInBox a.grammarSelected:link, .popupTabInBox a.grammarSelected:visited, .popupTabInBox a.grammarSelected:active {
	position: relative;
	display:block; 
	height:32px; 
	line-height:32px;
	padding:0 40px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#225fab !important;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#8eb9f8), to(#225fab));
	background: -webkit-linear-gradient(#8eb9f8, #225fab);
	background: -moz-linear-gradient(#8eb9f8, #225fab);
	background: -ms-linear-gradient(#8eb9f8, #225fab);
	background: -o-linear-gradient(#8eb9f8, #225fab);
	background: linear-gradient(#8eb9f8, #225fab);
	-pie-background: linear-gradient(#8eb9f8, #225fab);
	border:1px solid #225fab;
	border-bottom: 1px solid #efffd0 !important;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(../pie/PIE.htc);
} 

.popupTabInBox a.grammarSelected:hover {
	position: relative;
	display: block;
	height:32px; 
	line-height:32px;
	margin:-1px 0px 0px -2px;
	color:#fff;  
	background-color:#f9f9f9; 
	border:1px solid #225fab; 
}

.tabContainer {
	position: relative;
	display: block;
	height: 200px;
	margin-top: -5px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #acacac;
}

.btnBack {
	position: absolute;
	z-index: 9999;
	top: 8px;
	right: 2px;
	width: auto;
	height: auto;
}

#sixPackGrammarLayer02 {
	display: none;
}

/* 180129 중1 정규과정 Live-Class 팝업 추가 */
.liveClassLayver {
	position: absolute;
	z-index: 999;
	top: 165px;
	left: 50%;
	width: 636px;
	min-height: 826px;
	margin-left: -50px;
	background: url(../images/bg/bg_live_class.png) no-repeat center top #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	behavior: url(../pie/PIE.htc);		
}

.btnLiveClass {
	position: absolute;
	z-index: 9999;
	top: 404px;
	left: 451px;
	width: 132px;
	height: 132px;
}

.marquee {
	position: relative;
	width: 597px;
	height: 28px;
	line-height: 28px;
	margin: 582px auto 45px;
	color:#fff;
	font-size: 14px;
	overflow: hidden;
}
 
.marquee p:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
 
.marquee p {
  margin:0;
  padding-left:597px;
  display:inline-block;
  white-space:nowrap;
    -webkit-animation-name:marquee;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:100s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:100s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:100s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee;
    -o-animation-timing-function:linear;
    -o-animation-duration:100s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee;
    animation-timing-function:linear;
    animation-duration:100s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.vodInBox01 {
	position: relative;
	float:left;
	width: 210px;
	height: 126px;
	margin: 0 0 45px 382px;
}

.vodInBox02 {
	position: relative;
	float:left;
	width: 261px;
	height: 162px;
	margin:0 0 37px  30px;
}

/* 180205 프로그래스 리포트업데이트 */

.progressReportBox {
	position: absolute;
	z-index: 40;
	top: 550px;
	left: 50%;
	width: 250px;
	height: 200px;
	line-height: 1.5;
	margin-left: 330px;
	color:#fff;
	background-color: #3195d4;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
}

.btnLayerX {
	position: absolute;
	z-index: 50;
	top: 0;
	right: 5px;
	width: 24px;
	height: 24px;
}

.btnLayerX a.close:link, a.close:visited, a.close:hover, a.close:active {
	color:#fff;
	font-size: 24px;
	text-decoration: none;
}

/* 180208  Live Class Board 추가 */
.liveClassBoard {
	position: absolute;
	z-index: 40;
	top: auto;
	bottom: -59px;
	left: 0;
	width: 361px;
	height: 57px;
	background-color: #2a435d;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.liveClassTitle {
	position: relative;
	display: block;
	height: 20px;
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color:#ffe400;
}

.marquee2 {
	position: relative;
	width: 350px;
	height: 28px;
	line-height: 28px;
	margin: 3px 5px;
	color:#fff;
	font-size: 14px;
	border:1px solid #5f6d7b;
	box-shadow: 1px 1px 2px #000 inset;
	overflow: hidden;
}
 
.marquee2 p:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
 
.marquee2 p {
  margin:0;
  padding-left:350px;
  display:inline-block !important;
  white-space:nowrap;
    -webkit-animation-name:marquee2;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:30s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee2;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:30s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee2;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:30s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee2;
    -o-animation-timing-function:linear;
    -o-animation-duration:30s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee2;
    animation-timing-function:linear;
    animation-duration:30s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee2 {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee2 {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee2 {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee2 {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee2 {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.liveClassBanner {
	position: relative;
	float: right;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.popupBody {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f0f0f0;
}
/*
.popupBody {
	position: relative;
	padding-bottom: 10px;
	background-color: #f0f0f0;
}
*/

.popupBody .contentTabInBox {
	margin: 0 10px;
	padding: 10px 0 0;
	background-color: #f0f0f0;
}

.popupBody .contentTabInBox ul.contentTabs { position:relative; width:auto; height:32px; text-align:left; }
.popupBody .contentTabInBox ul.contentTabs li { display:inline-block; height:32px; line-height:32px; text-align:center; color:#2d2d2d; margin:0px; margin-left:-4px; }
.popupBody .contentTabInBox ul.contentTabs  li:first-child { margin-left:2px; } 
.popupBody .contentTabInBox a.tabBtn:link, a.tabBtn:visited, a.tabBtn:active {  
	float:left; 
	display:inline-block; 
	min-width:120px; 
	height:32px;
	padding:0 15px; 
	line-height:32px; 
	text-align:center; 
	font-size:14px; 
	font-weight: bold;
	color:#5d5d5d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	behavior: url(/pie/PIE.htc);
}
.popupBody .contentTabInBox a.tabBtn:hover { position:relative; z-index:10; min-width:120px; height:32px; line-height:32px; color:#000; background-color:#d5ecff; border:1px solid #85b8e2; }

.popupBody .contentTabInBox a.tabSelected:link, a.tabSelected:visited, a.tabSelected:active { 
	float:left; 
	display:inline-block; 
	min-width:120px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:14px; 
	font-weight: bold;
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#125fa1 !important;  
	border:1px solid #084579;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	behavior: url(/pie/PIE.htc);
}

.popupBody .contentTabInBox a.tabSelected:hover { min-width:120px; height:32px; line-height:32px; color:#fff;  background-color:#125fa1; border:1px solid #084579; }

.popupBody .contentTabInBox a.tabSelected:link span, a.tabSelected:visited span, a.tabSelected:hover span, a.tabSelected:active span {
	color:#ffea00;
}

.popupBody .contentTabInBoxOn {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 10px;
}
.popupBody .tab_container {
	position: absolute;
	z-index: 10;
	top: 42px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	min-width: 1000px;
	/* padding-bottom: 20px; */
	background-color: #fff;
	border: 1px solid #acacac;
	overflow-y: auto;
}
/*
.popupBody .tab_container {
	position: relative;
	min-width: 1000px;
	margin: 0 10px;
	background-color: #fff;
	border: 1px solid #acacac;
	border-top: none;
}
*/

.liveClassInTitle {
   position: relative;
    display: block;
    height: 36px;
   margin: 20px 0;
    text-align: center;
    font-size: 24px;
   font-weight: bold;
    color: #2b3887;
    font-family: 'Noto Sans KR', sans-serif;
}

.marqueeBox {
	position: relative;
	display: block;
	height: 70px;
	margin-top: 20px;
	background-color:#2a435d;
}

.marqueeTitle {
   position: relative;
    width: 960px;
    height: 30px;
    line-height: 30px;
   margin: 0 auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ffe400;
}

.marquee3 {
	position: relative;
	width: 960px;

	height: 28px;
	line-height: 28px;
	margin: 3px auto;
	color:#fff;
	font-size: 14px;
	border:1px solid #5f6d7b;
	box-shadow: 1px 1px 2px #000 inset;
	overflow: hidden;
}
 
.marquee3 p:after {
  content:"";
  white-space:nowrap;
  padding-right:50px;
}
 
.marquee3 p {
  margin:0;
 padding-left:960px; 
  display:inline-block;
  white-space:nowrap;
    -webkit-animation-name:marquee3;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:400s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:marquee3;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:400s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:marquee3;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:400s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:marquee3;
    -o-animation-timing-function:linear;
    -o-animation-duration:400s;
    -o-animation-iteration-count:infinite;
    animation-name:marquee3;
    animation-timing-function:linear;
    animation-duration:400s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes marquee3 {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee3 {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee3 {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee3 {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee3 {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

.liveClassBottomLeftBox {
	position: relative;
	float: left;
	width: 50%;
	min-height: 50px;
	padding: 10px 5px 10px 10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.liveClassLeftBox {
	position: relative;
	display: block;
	min-height: 148px;
	padding: 10px 10px 10px 5px;
	text-align: left;
	background-color:#fefff8;
	border:1px dotted #acacac;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.leftTitle {
   position: relative;
    display: block;
    height: 24px;
   line-height: 24px;
    text-align: left;
    font-size: 16px;
   font-weight: bold;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;
}

.liveClassBottomRightBox {
	position: relative;
	float: right;
	width: 50%;
	min-height: 50px;
	padding: 10px 10px 10px 5px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.liveClassRightBox {
	position: relative;
	display: block;
	min-height: 148px;
	padding: 10px;
	text-align: left;
	background-color: #fefff8;
	border:1px dotted #acacac;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.rightTitle {
   position: relative;
    display: block;
    height: 24px;
   line-height: 24px;
    text-align: left;
    font-size: 16px;
   font-weight: bold;
    color: #000;
    font-family: 'Noto Sans KR', sans-serif;	
}

ol.rightList {
     position: relative;
     display: block;
     margin-top: 10px;
   margin-left: 20px;
}

ol.rightList li {
     position: relative;
     line-height: 1.5;
     font-size: 14px;
    text-align: left;
    list-style-type: decimal ;
}

/* Tab Content */
.contentTabBox4 {	
}
.contentTabInBox4 { 
	position:relative; 
	height:32px; 
	line-height:32px;
	margin:10px 10px 15px;
	background-color: #fff;
	border-bottom:1px solid #dedede;
}

.contentTabInBox4On { 
	position:fixed; 
	z-index: 50;
	top: 43px;
	right: 33px;
	left: 16px;
	height:32px; 
	line-height:32px;
	margin:0;
	padding: 10px 5px 0;
	background-color: #fff;
	border-bottom:1px solid #dedede;
	-webkit-box-shadow: #dedede 0 3px 3px;
	-moz-box-shadow: #dedede 0 3px 3px;
	box-shadow: #dedede 0 3px 3px;
}

.contentTabInBox4:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}
.contentTabInBox4 ul { 
	position:relative; 
	width:auto; 
	height:32px; 
	text-align:left; 
}
.contentTabInBox4 li { 
	display:inline-block; 
	height:32px; 
	line-height:32px; 
	text-align:center; 
	color:#2d2d2d; 
	margin:0px; 
	margin-left:-4px; 
}
.contentTabInBox4 li:first-child { 
	margin-left:2px; 
} 
.contentTabInBox4 a.tabBtn4:link, a.tabBtn4:visited, a.tabBtn4:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px;
	line-height:32px; 
	padding:0 15px; 
	text-align:center; 
	font-size:14px; 
	color:#acacac; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#f9f9f9;
	border:1px solid #dedede;
	/*
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
	*/
}
.contentTabInBox4 a.tabBtn3:hover { 
	color:#000; 
	background-color:#eff8ff; 
	border:1px solid #85b8e2;
}
.contentTabInBox4 a.tabSelected4:link, a.tabSelected4:visited, a.tabSelected4:hover, a.tabSelected4:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:32px; 
	line-height:32px;
	padding:0 15px;  
	text-align:center; 
	font-size:15px; 
	font-weight: bold;
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#dd5e2c !important;  
	border:1px solid #dedede;
	border-bottom:1px solid #fff;
	/*
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
	*/
} 
.contentTabInBox4 a.tabSelected4:link .tabLine, a.tabSelected4:visited .tabLine, a.tabSelected4:hover .tabLine,  a.tabSelected4:active .tabLine {
	position: relative;
	display: block;
	margin-top: -2px;
	border-top: 1px solid #dd5e2c;
}
.contentTabInBox4 a.tabSelected4:link .tabLine .bottomArrow, a.tabSelected4:visited .tabLine .bottomArrow, a.tabSelected4:hover .tabLine .bottomArrow,  a.tabSelected4:active .tabLine .bottomArrow {
   position: absolute; 

    z-index: 5;
    top: 0;
    left: 50%;
    margin-left: -7%;
    width: 0;
    height: 0;
    text-align: center;
    border-top: 10px solid #dd5e2c;
    border-right: 5px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 5px solid  transparent;
}

.contentTabBox4 .tab_container4 {
	position: relative;
	display: block;
	margin: 0 10px;
	padding-bottom: 10px;
}

.tabInBox {
	position: relative;
	display: block;
	padding: 10px;
}

/* Speaking Specialist 특강 */
.speakingListTop {
	position: relative;
	display: block;
	min-height: 30px;
	padding: 20px;
	background-color: #2a435d;
}

.speakingListRightCopy {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	text-align: right;
	color:#ffe400;
	text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	-webkit-text-shadow: #000 0 0 10px;
}

.speakingListMiddleCopy {
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	margin-top:  20px;
	font-size: 38px;
	text-align: center;
	color:#fff;
	text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	-webkit-text-shadow: #000 0 0 10px;
}

.speakingListBottomCopy {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 10px 0 0;
	font-size: 18px;
	text-align: center;
	color:#90eb64;
	text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	-webkit-text-shadow: #000 0 0 10px;
}

.speakingContentTop {
	position: relative;
	display: block;
	margin: 10px 0;
	padding: 10px;
	line-height: 1.5;
	text-align: left;
	font-size: 14px;
	background-color: #fff6f2;
	border: 3px solid #d04d19;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

.speakingContent {
	position: relative;
	display: block;
	margin: 10px 20px;
	line-height: 1.5;
	text-align: left;
	font-size: 14px;
}

.speakingInTitle {
	position: relative;
	float: left;
	display: inline-block;
	width: 130px;
	height: 42px;
	line-height: 42px;
	margin: 30px 10px 10px;
	font-size: 20px;
	text-align: left;
}

.speakingInTitle .titleLine {
	position: absolute;
	z-index: 20;
	top:auto;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background-color: #2972aa;
}

.speakingInTitle2 {
	position: relative;
	display: block;
	height: 42px;
	line-height: 42px;
	margin: 30px 10px 10px;
	font-size: 20px;
	text-align: left;
}

.speakingInTitle2 .titleLine {
	position: absolute;
	z-index: 20;
	top:auto;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background-color: #2972aa;
}

ul.speakingRightList {
	position: relative;
	display: block;
	min-height: 50px;
	margin:  20px 0 0 130px;
	padding: 10px;
	background-color: #fefff8;
	border:1px dotted #acacac;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

ul.speakingRightList li {
	position: relative;
	margin: 5px 0;
	font-size: 14px;
	text-align: left;
}

ol.speakingList {
	position: relative;
	display: block;
	margin:  10px 10px 10px 50px;
}

ol.speakingList  li {
	position: relative;
	margin: 5px 0;
	font-size: 14px;
	text-align: left;
	list-style-type: decimal ;
}

ol.speakingList  li span.inText {
	position: relative;
	display: block;
	margin: 0 10px 0 10px;
	text-align: left;
	font-size: 12px;
}


.speakingContent2 {
	position: relative;
	display: block;
	margin: 0 10px 10px 70px;
	line-height: 1.8;
	text-align: left;
	font-size: 13px;
}

.speakingContent2 span.inText {
	position: relative;
	display: block;
	margin: 0 10px 0 20px;
	text-align: left;
	font-size: 12px;
}

.speakingLeftTableBox {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 5px 10px 0 ;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}
.speakingTable {
	position: relative;
	display: block;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.speakingTable th {
	height: 20px;
	padding: 5px 10px;
	background-color: #ffface;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.speakingTable th:first-child {
	background-color: #ffface;
}

.speakingTable tbody>tr:nth-child(odd)>td {
	background-color: #f5ffed;
}

.speakingTable td {
	position: relative;
	height:20px;
	padding: 5px 10px;
	text-align:center;
	font-size:14px;
	color:#787878;
	background-color:#fff;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}
.speakingTable tbody>tr:first-child>td {
	border-top:none;
}

.speakingRightTableBox {
	position: relative;
	float: left;
	width: 50%;
	padding: 0 20px 10px 5px;
	box-sizing: border-box;
}

.speakingTable2 {
	position: relative;
	display: block;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.speakingTable2 th {
	height: 20px;
	padding: 5px 10px;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.speakingTable2 th:first-child {
	background-color: #ffface;
}

.speakingTable2 tbody>tr:nth-child(even)>td {
	background-color: #f5ffed;
}

.speakingTable2 td {
	position: relative;
	height:20px;
	padding: 5px 10px;
	text-align:center;
	font-size:14px;
	color:#787878;
	background-color:#fff;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}
.speakingTable2 tbody>tr:first-child>td {
	border-top:none;
}

a.btnInquiry:link, a.btnInquiry:visited, a.btnInquiry:active  {
	position: fixed;
	z-index: 40;
	top: auto;
	bottom: 30px;
    right: 50px;
	height: 32px;
	line-height: 32px;
	padding: 10px 50px;
	font-size : 14px;
	color:#fff;
	text-align: center;
	background-color: #2a435d;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
    -webkit-animation-name:btnInquiry;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:btnInquiry;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:btnInquiry;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:btnInquiry;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:btnInquiry;
    animation-duration:1s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes btnInquiry {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-moz-keyframes btnInquiry {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-ms-keyframes btnInquiry {
  0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-o-keyframes btnInquiry {
0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@keyframes btnInquiry {
 0%   {background-color: red;}
    25%  {background-color: yellow;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

a.btnInquiry:hover {
    -webkit-animation-name:btnInquiry2;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:btnInquiry2;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:btnInquiry2;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:btnInquiry2;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:btnInquiry2;
    animation-duration:1s;
    animation-iteration-count:infinite;
	-webkit-box-shadow:#666 0 0 10px;
	-moz-box-shadow:#666 0 0 10px;
	box-shadow:#666 0 0 10px;
}

@-webkit-keyframes btnInquiry2 {
  0%   {background-color: green;}
    25%  {background-color: green;}
    50%  {background-color: green;}
    100% {background-color: green;}
}
@-moz-keyframes btnInquiry2 {
  0%   {background-color: green;}
    25%  {background-color: green;}
    50%  {background-color: green;}
    100% {background-color: green;}
}
@-ms-keyframes btnInquiry2 {
  0%   {background-color: green;}
    25%  {background-color: green;}
    50%  {background-color: green;}
    100% {background-color: green;}
}
@-o-keyframes btnInquiry2 {
  0%   {background-color: green;}
    25%  {background-color: green;}
    50%  {background-color: green;}
    100% {background-color: green;}
}
@keyframes btnInquiry2 {
  0%   {background-color: green;}
    25%  {background-color: green;}
    50%  {background-color: green;}
    100% {background-color: green;}
}

/* Grammar Specialist 특강 */
.grammarListTop {
	position: relative;
	display: block;
	min-height: 30px;
	padding: 20px;
	background-color: #2a435d;
}

.grammerListLayer {
   position: absolute;
    z-index: 20;
    top: 50px;
    left: 20px;
    line-height: 1.5;
    font-size: 32px;
    font-weight: bold;
	color:#ffe400;
	-webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
	  -webkit-transform: rotate(-30deg); /* Safari */
	-ms-transform: rotate(-30deg); /* IE 9 */
	 transform: rotate(-30deg);
}

.grammarListRightCopy {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	text-align: right;
	color:#ffe400;
	-webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
}

.grammarListMiddleCopy {
	position: relative;
	display: block;
	height: 48px;
	line-height: 48px;
	margin-top:  20px;
	font-size: 38px;
	text-align: center;
	color:#fff;
	text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	-webkit-text-shadow: #000 0 0 10px;
}

.grammarListBottomCopy {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 10px 0 0;
	font-size: 24px;
	text-align: center;
	color:#90eb64;
	text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	-webkit-text-shadow: #000 0 0 10px;
}

.grammarContent {
	position: relative;
	display: block;
	margin: 10px 20px;
	line-height: 1.5;
	text-align: left;
	font-size: 14px;
}

.grammarInTitle {
	position: relative;
	display: block;
	height: 42px;
	line-height: 42px;
	margin: 30px 10px 10px;
	font-size: 20px;
	text-align: left;
}

.grammarInTitle .titleLine {
	position: absolute;
	z-index: 20;
	top:auto;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 3px;
	background-color: #2972aa;
}

.grammarLeftBox {
	position: relative;
	float: left;
	width: 40%;
	min-height: 20px;
	padding: 10px;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grammarListTitle {
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.grammarMiddleBox {
	position: relative;
	float: left;
	width: 20%;
	height: 177px;
	vertical-align: bottom;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

.grammarMiddleBox img {
	position: absolute;
	z-index: 20;
	top: auto;
	bottom: 0;
	left: 50%;
	margin-left: -73px;	
}

.chatLayer {
	position: absolute;
	z-index: 30;
	top: -30px;
	left: 50%;
	width: 150px;
	min-height: 30px;
	line-height: 1.5;
	margin-left: -85px;
	padding:  10px;
	font-size: 16px;
	color:#fff;
	background-color: #2a435d;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.chatLayer .bottomArrow {
    position: absolute;
    z-index: 5;
    bottom: -16px;
    left: 35px;
    width: 0;
    height: 0;
    text-align: center;
    border-top: 16px solid #2a435d;
    border-right: 8px solid transparent;
    border-bottom: 0 solid transparent;
    border-left:  8px solid transparent;
}

.grammarRightBox {
	position: relative;
	float: right;
	width: 40%;
	min-height: 20px;
	padding: 10px;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

ol.grammarInList {
     position: relative;
     display: block;
     margin-top: 10px;
   margin-left: 20px;
}

ol.grammarInList li {
     position: relative;
     line-height: 1.5;
     font-size: 14px;
    text-align: left;
    list-style-type: decimal ;
}

.grammerLayer01 {
	position: absolute;
	z-index: 20;
	top: 10px;
	right: 20px;
	font-size: 24px;
	font-weight: bold;
	color:#f46200;
	-webkit-text-shadow: #666 1px 1px 1px;
	-moz-text-shadow: #666 1px 1px 1px;
	text-shadow: #666 1px 1px 1px;
}

.grammerLayer02 {
	position: absolute;
	z-index: 20;
	top: 50px;
	right: 20px;
	line-height: 1.5;
	font-size: 24px;
	font-weight: bold;
	color:#f46200;
	-webkit-text-shadow: #666 1px 1px 1px;
	-moz-text-shadow: #666 1px 1px 1px;
	text-shadow: #666 1px 1px 1px;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);
}

ul.imgList {
	position: relative;
	display: block;
       margin: 20px auto;
}

ul.imgList li {
	position: relative;
	display: inline-block;
	width: 24.5%;
	padding:  0 10px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.imgList li img {
	width: 100%;
	border: 5px solid #fff;
	-webkit-box-shadow: #666 0 0 5px;
	-moz-box-shadow: #666 0 0 5px;
	box-shadow: #666 0 0 5px;
}

ul.grammarSubList {
	position: relative;
	display: block;
       margin: 5px 10px 10px 50px;
}

ul.grammarSubList li {
	position: relative;
	text-align: left;
	    list-style-type: circle ;
}

.grammarContent span.inText {
	position: relative;
	display: block;
	margin: 0 10px 10px 20px;
	text-align: left;
	font-size: 12px;
}

.tab_content4 {
	position: relative;
}

.H42 {
	height: 42px;
	vertical-align: top;
}

/* 온라인단어학습 추가 */
.onlineRightVocaBox {
	position: absolute;
	z-index: 50;
	top: 60px;
	right: 0;
	bottom: 0;
	width: 200px;
	background-color: #474a5c;
	-webkit-box-shadow: #888 0 10px 10px;
	-moz-box-shadow: #888 0 10px 10px;
	box-shadow: #888 0 10px 10px;
}

.onlineNumBox {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Open Sans', sans-serif;
}

ul.onlineVocaList {
	position: absolute;
	z-index: 30;
	top: 50px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	overflow-y: auto;
}

ul.onlineVocaList li {
	height: 28px;
	line-height: 28px;
	margin: 3px 0;
	padding: 0 5px;
	text-align: center;	
}

ul.onlineVocaList li a {
	position: relative;
	display: block;
	height: 28px;
	line-height: 28px;
	background-color: #666c8e;
	color:#fff;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	font-family: 'Open Sans', sans-serif;
}

ul.onlineVocaList li a.selected {
	position: relative;
	display: block;
	height: 28px;
	line-height: 28px;
	background-color: #23252c;
	color:#fff;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	font-family: 'Open Sans', sans-serif;
}

ul.onlineVocaList li a.selected:before {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 10px;
	height: 28px;
	line-height:14px;
	font-size: 24px;
	content:".";
	color:#ffe400;
}

/* 중1 정규과정 */
#tab13  .speakingInTitle {
	position: relative;
	float: left;
	display: inline-block;
	width: 130px;
	height: 42px;
	line-height: 42px;
	margin:  20px 10px 10px;
	font-size: 20px;
	text-align: left;
}

.imgInBox {
	position: relative;
	display: block;
	margin: 40px 20px 20px;
}

.lineLeft {
	position: relative;
	display: block;
	margin: 2px 5px;
	padding-left: 50px;
}

.lineLeft2 {
	position: relative;
	display: block;
	margin: 2px 5px;
	padding-left: 70px;
}

.lineLeft3 {
	position: relative;
	display: block;
	margin: 2px 5px;
	padding-left: 60px;
}

/* LIVE 중등 정규과정 */

.regularCourseLayer {
   position: absolute;
    z-index: 20;
    top: 220px;
    left: 10px;
    line-height: 1.5;
    font-size: 32px;
    font-weight: bold;
	color:#ff9866;
	-webkit-text-shadow: #000 2px 2px 0;
	-moz-text-shadow: #000 2px 2px 0;
	text-shadow: #000 2px 2px 0;
	  -webkit-transform: rotate(-20deg); /* Safari */
	-ms-transform: rotate(-20deg); /* IE 9 */
	 transform: rotate(-20deg);
}

.regularLeftBox {
	position: relative;
	float: left;
	width: 50%;
	min-height: 580px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.regularLeftInBox {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 5px;
	bottom: 10px;
	left: 0;
	padding: 10px;
	border: 1px solid #dedede;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.regularRightBox {
	position: relative;
	float: right;
	width: 50%;
	min-height: 580px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.regularRightInBox {
	position: absolute;
	z-index: 1;
	top: 10px;
	right: 0;
	bottom: 10px;
	left: 5px;
	padding: 10px;
	border: 1px solid #dedede;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.regularLeftTopBox {
	position: relative;
	display: inline-block;
	margin: 50px auto 20px;
	padding: 50px 100px;
	color:#fff;
	background-color: #47a534;
	border:1px solid #397c2b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 10px 10px 0;
	-moz-box-shadow: #dedede 10px 10px 0;
	box-shadow: #dedede 10px 10px 0;
}

.leftInTitle {
	position: relative;
	display: block;
	height: 42px;
	font-size: 36px;
	font-weight: bold;
	color:#fff;
}

.leftInTitle2 {
	position: relative;
	display: block;
	font-size: 24px;
	color:#fff;
}

.regularRightTopBox {
	position: relative;
	display: inline-block;
	margin: 50px auto 20px;
	padding: 50px 100px;
	color:#fff;
	background-color: #1296d3;
	border:1px solid #0f80b4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 10px 10px 0;
	-moz-box-shadow: #dedede 10px 10px 0;
	box-shadow: #dedede 10px 10px 0;
}

.regularLeftTopEx {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.8;
}

.regularRightTopEx {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.8;
}

.regularTable {
	position: relative;
	display: block;
	border-top: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
.regularTable th {
	height: 20px;
	padding: 5px 10px;
	font-size:14px;
	background-color: #ffface;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}

.regularTable th:first-child {
	background-color: #ffface;
}

.regularTable tbody>tr:nth-child(odd)>td {
	background-color: #f5ffed;
}

.regularTable td {
	position: relative;
	height:20px;
	padding: 10px;
	text-align:center;
	font-size:14px;
	color:#787878;
	background-color:#fff;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
}
.regularTable tbody>tr:first-child>td {
	border-top:none;
}

.regularTableTopBox {
	position: relative;
	display: inline-block;
	margin: 5px auto;
	padding: 5px 20px;
	color:#fff;
	background-color: #47a534;
	border:1px solid #397c2b;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 3px 3px 0;
	-moz-box-shadow: #dedede 3px 3px 0;
	box-shadow: #dedede 3px 3px 0;
}

.regularTableBottomBox {
	position: relative;
	display: inline-block;
	margin: 5px auto;
	padding: 5px 20px;
	color:#fff;
	background-color: #1296d3;
	border:1px solid #0f80b4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 3px 3px 0;
	-moz-box-shadow: #dedede 3px 3px 0;
	box-shadow: #dedede 3px 3px 0;
}

.regularContent {
	position: relative;
	display: block;
	margin: 10px 20px;
	line-height: 1.5;
	text-align: left;
	font-size: 14px;
}




/* 1:1 개인 내신지도 */
.imgLeftBox {
	position: relative;
	float: left;
	margin: 40px 30px 20px;
}

.imgLeftBox img {
	width: 180px;
	border:1px solid #fff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-transform: rotate(-15deg);
     -moz-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.imgRightEx {
	position: relative;
	display: block;
	min-height: 50px;
	line-height: 1.5;
	margin:  20px 0 0 280px;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	background-color: #fefff8;
	border:1px dotted #acacac;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing:border-box;
}

ul.speakingList {
	position: relative;
	display: block;
	margin:  10px 10px 10px 50px;
}

ul.speakingList  li {
	position: relative;
	margin: 5px 0;
	font-size: 14px;
	text-align: left;
	list-style-type:square ;
}

ul.speakingList  li span.inText {
	position: relative;
	display: block;
	margin: 0 10px 0 10px;
	text-align: left;
	font-size: 12px;
}

.processTitle {
	position: relative;
	float: left;
	height: 84px;
	line-height: 1.5;
	margin: 30px 0 0 20px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

ul.processList {
	position: relative;
	display: block;
	margin:  20px 0 0 100px;
}

ul.processList li {
	position: relative;
	float: left;
	display: inline-block;	
}

.processInBox {
    position: relative;
    display: block;
   padding: 20px;
    line-height: 1.5;
   font-size: 14px;
   color:#fff;
  background-color: #224ca2;

border:1px solid #1a4192;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.arrowBox {
	position: relative;
	display: block;
	height: 84px;
	line-height: 84px;
	margin: 0 20px;
	font-size: 52px;
	color:#77c45c;
	-webkit-text-shadow: #acacac 3px 3px  3px;
-moz-text-shadow: #acacac 3px 3px  3px;
text-shadow: #acacac 3px 3px  3px;
}

/* 영단어입력 180319 */
.popupVocaTitle {
	position: relative;
	display: block;
	height: 58px;
}

.popupVocaInTitle {
	position: relative;
	display: block;
	height: 58px;
	background: url(../images/etc/icon_habit9.png) no-repeat center right 10px #2b3887;
}

.popupVocaLeftBox {
	position: relative;
	display: inline-block;
	float: left;
	width: 100px;
	height: 58px;
	line-height: 1.5;
	font-size: 18px;
	color:#fff;
	background-color: #3089ce;
}

.popupVocaCenterBox {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 60px;
	bottom: 0;
	left: 110px;
}

ul.centerList {
	position: relative;
	text-align: center;
	padding: 3px;
}

ul.centerList li {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color:#fff;
	font-weight: bold;
}

.vocaNumBox {
	position: absolute;
	z-index: 40;
	top: 10px;
	right: 10px;
	padding: 0 15px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 20px;
	color:#fff;
	background-color: #d54f0d;
	border:1px solid #e79751;
	font-family: 'Open Sans', sans-serif;
}

.vocabularyContent {
	position: relative;
	display: block;
	height: 500px;
	background: url(../images/bg/bg_logo.png) no-repeat center center;
}

.vocabularyInputBox {
	position: absolute;
	z-index: 30;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 48px;
	line-height: 48px;
	background-color: #2374ac;
}

ul.vocabularyList {
	position: relative;
	display: block;
	height: 48px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

ul.vocabularyList li {
	display: inline-block;
	text-align: center;
	color:#fff;
	font-size: 14px;
	font-weight: bold;
}

.textarea_mem {
	position: relative;
	width: 350px;
	height: 30px;
	line-height: 30px;
	padding: 0 5px;
	color: #2d2d2d;
	background-color: #a7ebff;
	border:1px solid #e7faff;	
}

.failNumBox {
	position: absolute;
	z-index: 40;
	top: 5px;
	right: 5px;
	padding: 0 15px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 16px;
	color:#fff;
	background-color: #2357ac;
	border:3px solid #96beff;
	font-family: 'Open Sans', sans-serif;
}

.typingVoca01 {
	position: absolute;
	z-index: 40;
	top: 10px;
	left: 50%;
	width: 200px;
	min-height: 24px;
	margin-left: -50%;
	text-align: center;
	font-size: 18px;
	color:#5d5d5d;
}

.typingVoca02 {
	position: absolute;
	z-index: 40;
	top: 40px;
	left: 50%;
	width: 200px;
	min-height: 24px;
	margin-left: -25%;
	font-size: 18px;
	text-align: center;
	color:#5d5d5d;
}

.typingVoca03 {
	position: absolute;
	z-index: 40;
	top: 70px;
	left: 50%;
	width: 200px;
	min-height: 24px;
	margin-left: 0;
	font-size: 18px;
	text-align: center;
	color:#5d5d5d;
}

.typingVoca04 {
	position: absolute;
	z-index: 40;
	top: 90px;
	left: 50%;
	width: 200px;
	min-height: 24px;
	margin-left: 25%;
	font-size: 18px;
	text-align: center;
	color:#5d5d5d;
}

.btnVocaCheck {
	position: relative;
	width: 80px;
	height: 31px;
	background: url(../images/btn/btn_check.png) no-repeat center center;
	cursor: pointer;
}

.btnVocaCheck span {
	visibility: hidden;
}

/* 180326 1:1 개인지도 예약서비스 추가 */
.sectionLeftBox {
	position: relative;
	float: left;
	width: 400px;
	min-height: 250px;
	border: 1px solid #dedede;
	border-left: 0px solid #dedede;
}

.sectionRightBox {
	position: relative;
	float: right;
	width: 760px;
	min-height: 250px;
	border: 1px solid #dedede;
	border-right: 0px solid #dedede;
}

.sectionTitle {
	position: relative;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
}

.classGuideBox {
	position: relative;
	display: block;
	margin: 10px;
}

.radioBox {
	position: relative;
	display: block;
	margin: 0px;
	padding: 2px 10px;
	text-align: left;
	border: 1px solid #dedede;
	border-bottom: 0px solid #dedede;
}

.guideInBox {
	position: relative;
	display: block;
	height: 100px;
	line-height: 1.5;
	margin: 0 0 2px;
	padding: 10px;
	text-align: left;
	background-color: #f9f9f9;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y:  auto;
}

.guideEx {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	color:#1b65aa;
}

.cartBox {
	position: relative;
	display: block;
	margin: 0;
}

.cartLeftBox {
	position: relative;
	float: left;
	width: 50%;
	min-height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cartRightBox {
	position: relative;
	float: right;
	width: 49%;
	min-height: 50px;
	margin-top: 28px;
	background-color: #fffff8;
	border: 1px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.cartList {
	position: relative;
	display: block;
	margin: 10px;
}

ul.cartList li {
	position: relative;
	margin-left: 15px;
	text-align: left;
	line-height: 1.5;
	list-style:disc;
}

.reservationTilte {
	position: relative;
	display: block;
	height: 24px;
	line-height: 24px;
	margin: 10px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
}

.reservationInBox {
	position: relative;
	display: block;
	padding-bottom: 10px;
}

.sectionLeftOkBox {
	position: relative;
	float: left;
	width: 860px;
	min-height: 250px;
	padding-bottom: 10px;
	border: 1px solid #dedede;
	border-left: 0px solid #dedede;
}

.sectionRightOkBox {
	position: relative;
	float: right;
	width: 300px;
	min-height: 250px;
	background-color: #fffff8;
	border: 1px solid #dedede;
	border-right: 0px solid #dedede;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.textarea_mem3 {
	position:relative;
	width: 90%;
	height: 52px;
	line-height: 1.5;
	margin: 5px 5px 0;
	padding: 5px;
	background-color: #fff;
	border:1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.sectionRightOkEx {
	position: relative;

	display: block;
	line-height: 1.5;
	margin: 10px;
	text-align: left;
}

ul.sectionRightOkList {
	position: relative;
	display: block;
	margin: 10px;
}

ul.sectionRightOkList li {
	position: relative;
	margin:  10px 15px 0;
	text-align: left;
	line-height: 1.5;
	list-style:disc;
}

.reservationFeeBox {
	position: relative;
	display: block;
	margin: 5px 10px;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}

.popupLayer {
	position: absolute;
	z-index: 1060;
	top: 500px;
	left: 50%;
	width: 250px;
	min-height: 100px;
	margin-left: -250px;
	background-color: #fff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
	display: none;
}

.popupLayer2 {
	position: absolute;
	z-index: 1060;
	top: 700px;
	left: 50%;
	width: 250px;
	min-height: 100px;
	margin-left: 250px;
	background-color: #fff;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
	display: none;
}


.popupLayerTitle {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 10px;
	font-size: 14px;
	text-align: left;
	color:#fff;
	background-color: #2e69b3;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.popupLayerTitle a.btnX.btnClose:link, a.btnX.btnClose:visited, a.btnX.btnClose:hover, a.btnX.btnClose:active {
	position: absolute;
	z-index: 1070;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	line-height: 26px;
	margin-right: 0;
	text-align: center;
	font-size: 18px;
	color:#fff;
}

.popupLayerTitle a.btnX.btnClose2:link, a.btnX.btnClose2:visited, a.btnX.btnClose2:hover, a.btnX.btnClose2:active {
	position: absolute;
	z-index: 1070;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	line-height: 26px;
	margin-right: 0;
	text-align: center;
	font-size: 18px;
	color:#fff;
}


.textarea_mem4 {
	position:relative;
	width: 90%;
	height: 100px;
	line-height: 1.5;
	margin: 10px 10px 0;
	padding: 5px;
	background-color: #fff;
	border:1px solid #dedede;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}

#photoslider-vertical {
	background-color: #000;
}

/* 180404 내신 신호등 수정 추가 */
.layerLinkBox2 {
	position:absolute;
	z-index:70;
	top: 0px;
	left: -10px;
	width: 310px;
	min-height:10px;
	line-height:32px;
	padding:5px 10px;
	text-align:center;
	color:#2d2d2d;
	font-size:14px;
	font-weight:bold;
	background-color:#e2fcff;
	/*
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#acacac));
	background: -webkit-linear-gradient(#ffffff, #acacac);
	background: -moz-linear-gradient(#ffffff, #acacac);
	background: -ms-linear-gradient(#ffffff, #acacac);
	background: -o-linear-gradient(#ffffff, #acacac);
	background: linear-gradient(#ffffff, #acacac);
	-pie-background: linear-gradient(#ffffff, #acacac);
	*/
	border:1px solid #2deeff;
	-webkit-box-shadow:#666 0px 0px 10px;
	-moz-box-shadow:#666 0px 0px 10px;
	box-shadow:#666 0px 0px 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	behavior: url(../pie/PIE.htc);
	font-family : 'Nanum Gothic', sans serif;
}

.layerLinkBox2 > a.btnX:link,  a.btnX:visited, a.btnX:hover, a.btnX:active {
	position: absolute;
	z-index: 70;
	top: 0;
	right:  5px;
	width: 24px;
	height: 24px;
	line-height: 18px;
	font-size: 18px;
	color:#000;
}

.naeshinTableBox2 {
	position:relative;
	display:block;
	width:1148px;
	min-height: 360px;
	margin:0 10px;
	overflow-y: hidden;
}

#naeshinMainTable2 {
	position:relative;
	border-collapse:collapse;
	display:block;
	min-height: 10px;
	margin:18px 0 7px;
	background-color:#fff;
	border-right:1px solid #acacac;
	border-bottom:1px solid #acacac;
}


#naeshinMainTable2:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#naeshinMainTable2 th {
	height:24px;
	font-size:12px;
	text-align:center;
	background-color:#f0eee7;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

#naeshinMainTable2 td {
	height:24px;
	line-height:18px;
	padding:3px 7px;
	font-size:12px;
	text-align:left;
	border-top:1px solid #acacac;
	border-left:1px solid #acacac;
}

.iconHot {
	position: relative;
	float: right;
	width: 50px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 11px;
	color:#fff;
	background-color: #d65c0b;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

/* 180704 초등 정규과정 추가 */
.regularTopBox {
	position: relative;
	display: block;
	height: 230px;
	margin: 10px 0;
	padding: 40px 20px;
	color:#42aaaa;
	background-color: #f0ffff;
	border: 5px dashed #81d7d7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.regularCourseLayer2 {
   position: absolute;
    z-index: 20;
    top: 50px;
    left: 50%;
    line-height: 1.5;
	margin-left: -120px;
    font-size: 32px;
    font-weight: bold;
	color:#f16332;
	  -webkit-transform: rotate(-20deg); /* Safari */
	-ms-transform: rotate(-20deg); /* IE 9 */
	 transform: rotate(-20deg);
}

.regularCourseInLayer2 {
	-webkit-text-shadow: #000 2px 2px 0;
	-moz-text-shadow: #000 2px 2px 0;
	text-shadow: #000 2px 2px 0;
}

.regularCourseLayer3 {
   position: absolute;
    z-index: 20;
    top: 50px;
    left: 50%;
    line-height: 1.5;
	margin-left: -120px;
    font-size: 32px;
    font-weight: bold;
	color:#50555a;
}

.regularLeftTopBox2 {
	position: relative;
	display: inline-block;
	margin: 50px auto 20px;
	padding: 50px 80px;
	color:#fff;
	background-color: #a78fda;
	border:1px solid #8d73c6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 10px 10px 0;
	-moz-box-shadow: #dedede 10px 10px 0;
	box-shadow: #dedede 10px 10px 0;
}

.regularRightTopBox2 {
	position: relative;
	display: inline-block;
	margin: 50px auto 20px;
	padding: 50px 80px;
	color:#fff;
	background-color: #c27a8d;
	border:1px solid #aa5f73;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #dedede 10px 10px 0;
	-moz-box-shadow: #dedede 10px 10px 0;
	box-shadow: #dedede 10px 10px 0;
}

.regularLeftBox2 {
	position: relative;
	float: left;
	width: 50%;
	min-height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.regularRightBox2 {
	position: relative;
	float: right;
	width: 50%;
	min-height: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.plusBoxLayer {
	position: absolute;
	z-index: 30;
	top: 530px;
	left: 50%;
	width: 72px;
	height: 72px;
	margin-left: -62px;
	font-size: 72px;
	color:#83a7cf;
}

.liveClassIntroBox {
	position: fixed;
	z-index: 40;
	top: auto;
	bottom: 70px;
    right: 50px;
	width: 156px;
	height: 165px;
	font-size : 16px;
	color:#2d2d2d;
	text-align: center;
}

.introImg img {
	position: relative;
	width: 154px;
	border: 1px solid #fff;
	-webkit-box-shadow: #000 0 0 5px;
	-moz-box-shadow: #000 0 0 5px;
	box-shadow: #000 0 0 5px;
}

/* 181004 추가 */
.overlay2 {
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
}

.photoslider-bullets {width:252px; height:172px;}
.photoslider-bullets .sliderkit-nav{position:absolute; top:10px;left:10px;}

.carouselBox {
	position: absolute;
	z-index: 9999;
	top: 210px;
	left: 50%;
    height: 280px;
    width:960px;
	margin-left: -80px;
    background-color: transparent;
	display: none;
}

a.btnClose:link, a.btnClose:visited, a.btnClose:hover, a.btnClose:active  {
	position: absolute;
	z-index: 9999;
	top: -10px;
	right: 50%;
	width: 42px;
	height: 42px;
	margin-right: -450px;
	font-size: 42px;
	color:#fff;
	-webkit-text-shadow: #666 0 0 10px;
	-moz-text-shadow: #666 0 0 10px;
	text-shadow: #666 0 0 10px;
}

/********************
 * FEATURE CAROUSEL *
 ********************/

#featureCarousel {
    height: 280px;
    width:960px;
    background-color: transparent;
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:3px solid white;
	-webkit-box-shadow: #666 0 0 10px;
	-moz-box-shadow: #666 0 0 10px;
	box-shadow: #666 0 0 10px;
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
    top:210px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:3px;
    height:14px;
    width:14px;
    color:white;
    text-align:center;
    font-size:10px;
    border:1px dotted black;
}
#featureCarousel .blipsContainer .blipSelected {
    color:white;
    font-weight:bold;
    background-color:black;
}

a.leftButton:link, a.leftButton:visited, a.leftButton:hover, a.leftButton:active {
	position: absolute;
	z-index: 99999;
	top: 50%;
	left: 50%;
	width: 62px;
	height: 62px;
	margin-top: 0;
	margin-left: -550px;
	font-size: 62px;
	color:#fff;
}

a.rightButton:link, a.rightButton:visited, a.rightButton:hover, a.rightButton:active {
	position: absolute;
	z-index: 99999;
	top: 50%;
	right: 50%;
	width: 62px;
	height: 62px;
	margin-top: 0;
	margin-right: -550px;
	font-size: 62px;
	color:#fff;
}

.blipsContainer {
	display: none !important;
}

/* 단어입력 181022 */
.popupVocaTitle2 {
	position: relative;
	display: block;
	height: 58px;
}

.popupVocaInTitle2 {
	position: absolute;
	z-index: 70;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	height: 58px;
	background: url(../images/etc/icon_habit9.png) no-repeat center right 10px #2b3887;
}

.popupVocaLeftBox2 {
	position: relative;
	display: inline-block;
	float: left;
	width: 100px;
	height: 58px;
	line-height: 1.5;
	font-size: 18px;
	color:#fff;
	background-color: #3089ce;
}

.popupVocaCenterBox2 {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 60px;
	bottom: 0;
	left: 110px;
}

ul.centerList2 {
	position: relative;
	text-align: center;
	padding: 3px;
}

ul.centerList2 li {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	color:#fff;
}

.vocabularyContent2 {
	position: fixed;
	z-index: 10;
	top: 58px;
	right: 0;
	bottom: 80px;
	left: 0;
	font-size: 14px !important;
	background: url("../images/bg/bg_logo2.png") no-repeat center center #c3e4ff;
}

.vocabularyContent2_failed {
	position: fixed;
	z-index: 10;
	top: 58px;
	right: 0;
	bottom: 80px;
	left: 0;
	font-size: 14px !important;
	background: url(../images/bg/bg_wet.png) repeat center center #c3e4ff;
}

.vocabularyContent2_succeeded {
	position: fixed;
	z-index: 10;
	top: 58px;
	right: 0;
	bottom: 80px;
	left: 0;
	font-size: 14px !important;
	background: url(../images/bg/bg_sun.png) repeat center center #c3e4ff;
}

.vocabularyInputBox2 {
	position: fixed;
	z-index: 40;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	height: 48px;
	line-height: 48px;
	background-color: #fff;
	border-top: 1px solid #dedede;
}

.vocabularyBtBox2 {
	position: fixed;
	z-index: 30;
	top: auto;
	right: 0;
	bottom: 48px;
	left: 0;
	height: 32px;
	line-height: 32px;
	background-color: #f9f9f9;
	border-top: 1px solid #dedede;
}

.vocabularyBtLeft {
	position: relative;
	float: left;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-left: 20px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color:#e06827;
}

.vocabularyBtRight {
	position: relative;
	float: right;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding-right: 20px;
	text-align: right;
	font-size: 14px;
	color: #000;
}

.vocabularyBtLeftBox {
	position: absolute;
	z-index: 40;
	top: -2px;
	bottom: 2px;
	left: 10px;
}

.btn-start {
	position:relative;
	height: 38px;
	line-height: 28px;
	padding: 0 30px;
	font-size:16px;
	font-weight: bold;
	color:#2d2d2d;
	background-color:#fff;
	border:5px solid #2b3887;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	border-radius:24px;
	cursor:pointer;
}

.btn-start:hover {
	color:#fff;
	background-color: #2b3887;
}

.btn-close {
	position:relative;
	height: 38px;
	line-height: 28px;
	padding: 0 30px;
	font-size:16px;
	font-weight: bold;
	color:#2d2d2d;
	background-color:#fff;
	border:5px solid #de521b;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	border-radius:24px;
	cursor:pointer;
}

.btn-close:hover {
	color:#fff;
	background-color: #de521b;
}

ul.vocabularyList2 {
	position: relative;
	display: block;
	height: 48px;
	margin: -2px auto 0;
	padding: 0;
	text-align: center;
}

ul.vocabularyList2 li {
	display: inline-block;
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}

.textarea_mem_1 {
	position: relative;
	width: 450px;
	height: 38px;
	line-height: 38px;
	padding: 0 5px;
	font-size: 16px;
	color:#2d2d2d;
	background-color: #f6fbff;
	border:3px solid #428ac1;	
}

.textarea_mem_1::placeholder {
    color: #9d9d9d;
    opacity: 1; /* Firefox */
}

.textarea_mem_1::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #9d9d9d;
}

.textarea_mem_1::-ms-input-placeholder { /* Microsoft Edge */
   color: #9d9d9d;
}

.failNumBox2 {
	position: absolute;
	z-index: 40;
	top: 5px;
	right: 5px;
	bottom: 5px;
	line-height: 30px;
	padding: 0 30px;
	text-align: center;
	font-size: 16px;
	color:#fff;
	background-color: #e06827;
	border:3px solid #ffd9c4;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	font-family: 'Open Sans', sans-serif;
}

.typingVoca01_new {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 50%;
	max-width: 200px;
	min-height: 24px;
	margin-left: -49%;
	padding: 7px;
	text-align: center;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.typingVoca02_new {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 50%;
	max-width: 200px;
	min-height: 24px;
	margin-left: -29%;
	padding: 7px;
	text-align: center;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.typingVoca03_new {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 50%;
	max-width: 200px;
	min-height: 24px;
	margin-left: -9%;
	padding: 7px;
	text-align: center;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.typingVoca04_new {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 50%;
	max-width: 200px;
	min-height: 24px;
	margin-left: 11%;
	padding: 7px;
	text-align: center;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.typingVoca05_new {
	position: absolute;
	z-index: 40;
	top: 0;
	left: 50%;
	max-width: 200px;
	min-height: 24px;
	margin-left: 31%;
	padding: 7px;
	text-align: center;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	white-space: normal;
}

.typingVocaOutbreak {
	position: absolute;
	z-index: 60;
	top: 150px;
	left: 22px;
	width: 300px;
	min-height: 48px;
	line-height: 1.5;
	padding: 7px 15px;
	text-align: center;
	font-size: 16px;
	color:#fff;
	background-color: rgba(64, 78, 92, .8);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	white-space: normal;
	-webkit-animation-name:outbreak;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:outbreak;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:outbreak;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes outbreak {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}
@-moz-keyframes outbreak {
  0%   {background-color: red;}
  25%  {background-color: yellow;}
  50%  {background-color: blue;}
  100% {background-color: green;}
}
@keyframes outbreak {
 0%   {background-color: red;}
 25%  {background-color: yellow;}
 50%  {background-color: blue;}
 100% {background-color: green;}
}

.beforeEx {
	position: absolute;
	z-index: 20;
	top: 50%;
	right: 10%;
	bottom: auto;
	left: 10%;
	line-height: 1.5;
	margin-top: -15%;
	text-align: center;
	font-size: 24px;
	text-shadow: #fff 1px 1px 1px;
	opacity: 0.8;
	
}

.failedResult {
	position: absolute;
	z-index: 20;
	top: 50%;
	right: 10%;
	bottom: auto;
	left: 10%;
	line-height: 1.5;
	margin-top: -5%;
	text-align: center;
	font-size: 48px;
	color:#db3f26;
	text-shadow: #666 0 0 5px;
}

.successResult {
	position: absolute;
	z-index: 20;
	top: 50%;
	right: 10%;
	bottom: auto;
	left: 10%;
	line-height: 1.5;
	margin-top: -5%;
	text-align: center;
	font-size: 48px;
	color:#ffcc00;
	text-shadow: #666 0 0 5px;
	
}


.btnVocaCheck2 {
	position: relative;
	width: 80px;
	height: 31px;
	background: url(../images/btn/btn_check.png) no-repeat center center;
	cursor: pointer;
}

.btnVocaCheck2 span {
	visibility: hidden;
}

.rainBox {
	position: absolute;
	z-index: 40;
	display: block;
	bottom: -15px;
	left: 50%;
	margin: -16px;
	font-size: 32px;
	-webkit-animation-name:rain;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:rain;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:rain;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes rain {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@-moz-keyframes rain {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@keyframes rain {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}

.waterBox {
	position: absolute;
	z-index: 40;
	display: block;
	bottom: -25px;
	left: 50%;
	margin-left: -36px;
	font-size: 24px;
	-webkit-animation-name:water;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:water;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:water;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes water {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@-moz-keyframes water {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@keyframes water {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}

.rainBigBox {
	position: absolute;
	z-index: 50;
	display: block;
	bottom: -192px;
	left: 50%;
	margin-left: -80px;
	font-size: 160px;
	-webkit-animation-name:rain;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:rain;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:rain;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}

.rainBigBoxText {
	position: absolute;
	z-index: 50;
	display: block;
	bottom: -122px;
	left: 50%;
	margin-left: -70px;
	font-size: 16px;
	-webkit-animation-name:rainText;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:rainText;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:rainText;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes rainText {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@-moz-keyframes rainText {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}
@keyframes rainText {
  	0%   {color: white; text-shadow: #000 1px 1px 2px}
    25%  {color: grey; text-shadow: #000 1px 1px 2px}
    50%  {color: red; text-shadow: #000 1px 1px 2px}
    100% {color: white; text-shadow: #000 1px 1px 2px}
}

.leftTopText {
	position: absolute;
	z-index: 50;
	display: block;
	top: -40px;
	left: 0px;
	width: 25px;
	line-height: 1.2;
	padding: 10px 5px;
	font-size: 14px;
	word-wrap: break-word;
	text-align: center;
	background-color: #344252;
	transform: rotate(45deg);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.rightTopText {
	position: absolute;
	z-index: 50;
	display: block;
	top: -40px;
	right: 0px;
	width: 25px;
	line-height: 1.2;
	padding: 10px 5px;
	font-size: 14px;
	word-wrap: break-word;
	text-align: center;
	background-color: #344252;
	transform: rotate(-45deg);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.umbrellaBox {
	position: absolute;
	z-index: 35;
	top: auto;
	left: 50%;
	bottom: 60px;
	margin-left: -120px;
	padding: 20px;
	font-size: 84px;
	background-color: yellow;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: #888 0px 0px 10px;
	-moz-box-shadow: #888 0px 0px 10px;
	box-shadow: #888 0px 0px 10px;
}

/* 181107 word test 추가 */
.wordWrapper {
	position: relative;
	width: 1100px;
	height: 750px;
	margin: 0 auto;
}
.wordLeftBox {
	position:  absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	width: 200px;
	background-color: #2b3887;
	border: 5px solid #00a0e9;
}

.wordRightBox {
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	right: 0;
	width: 200px;
	background-color: #2b3887;
	border: 5px solid #00a0e9;
}

.wordLeftInBox {
	position: absolute;
	z-index: 20;
	top: auto;
	bottom: 10px;
	left: 50%;
	width: 180px;
	height: 500px;
	margin-left: -90px;
	background: url("../images/etc/word_left_icon.png") no-repeat center bottom;
}

.wordLeftInBoard {
	position: absolute;
	z-index: 30;
	top: auto;
	bottom: 160px;
	width: 180px;
	min-height: 100px;
	padding: 15px;
	background-color: #ffd200;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.wordLeftInBoard:after {
	position: absolute;
	z-index: 30;
	content: "";
	left: 50%;
	bottom: -30px;
	margin-left: -20px;
    width: 0;
    height: 0;
    text-align: center;
    border-top: 30px solid #ffd200;
    border-right: 20px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 20px solid  transparent;	
}

.wordTopScore {
	position: relative;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color:#2d2d2d;
	text-decoration: underline;
}

.wordWrongScore {
	position: relative;
	display: block;
	height: 38px;
	line-height: 38px;
	margin-top: 10px;
	padding-left: 45px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color: #de2525;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
}

.wordWrongScore:before {

	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
	bottom: 3px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:#2d2d2d;
	font-size: 24px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content:"\f00d";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.wordRightScore {
	position: relative;
	display: block;
	height: 38px;
	line-height: 38px;
	margin-top: 10px;
	padding-left: 45px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color: #00a0e9;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
}

.wordRightScore:before {
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
	bottom: 3px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:#2d2d2d;
	font-size: 24px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content:"\f10c";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.wordGoingScore {
	position: relative;
	display: block;
	height: 38px;
	line-height: 38px;
	margin-top: 10px;
	padding-left: 45px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color: #4faa27;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
}

.wordGoingScore:before {
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 3px;
	bottom: 3px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:#2d2d2d;
	font-size: 24px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content:"\f110";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	-webkit-animation-name:goingIcon;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:goingIcon;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:goingIcon;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes goingIcon {
  0%   { -webkit-transform: rotate(0deg)}
  50% { -webkit-transform: rotate(-180deg)}
  100% { -webkit-transform: rotate(-360deg)}
}
@-moz-keyframes goingIcon {
  0%   { -moz-transform: rotate(0deg)}
  50% { -moz-transform: rotate(-180deg)}
  100% { -moz-transform: rotate(-360deg)}
}
@keyframes goingIcon {
  0%   { transform: rotate(0deg)}
  50% { transform: rotate(-180deg)}
  100% { transform: rotate(-360deg)}
}

.wordRightInBox {
	position: absolute;
	z-index: 20;
	top: auto;
	bottom: 10px;
	right: 50%;
	width: 180px;
	height: 500px;
	margin-right: -90px;
	background: url("../images/etc/word_right_icon.png") no-repeat center bottom;
}

.wordRghtInBoard {
	position: absolute;
	z-index: 30;
	top: auto;
	bottom: 160px;
	width: 180px;
	min-height: 100px;
	padding: 15px;
	background-color: #00a0e9;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.wordRghtInBoard:after {
	position: absolute;
	z-index: 30;
	content: "";
	right: 50%;
	bottom: -30px;
	margin-right: -20px;
    width: 0;
    height: 0;
    text-align: center;
    border-top: 30px solid #00a0e9;
    border-right: 20px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 20px solid  transparent;	
}

.wordTopTitle {
	position: relative;
	display: block;
	margin: 0;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	text-decoration: underline;
}

ul.wordList {
	position: relative;
	display: block;
	margin: 10px 0 0 10px;
}

ul.wordList li {
	margin: 5px 0;
	line-height: 1.5;
	text-align: left;
	font-size: 14px;
	color: #fff;
	list-style: decimal;
}

.wordCenterBox {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 200px;
	bottom: 0;
	left: 200px;
	background:url("../images/bg/bg_word_test.jpg") no-repeat center center #545fa4;
}

.wordTopBrickBox {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 10px;
	right: 225px;
	min-height: 30px;
	padding: 10px;
	background: url("../images/bg/bg_bricks.png") repeat-y left top #ec6941;
	border: 2px solid #fff;
}

.wordTopBrickInBox {
	position: relative;
	display: block;
	line-height: 1.5;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
}

.wordBtBox {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: auto;
}

.wordInputBox {
	position: absolute;
	z-index: 50;
	right: 160px;
	bottom: 0;
	left: 10px;
	height: 48px;
	line-height: 48px;
}

.wordInput {
	position: relative;
	width: 100%;
	height: 48px;
	line-height: 48px;
	padding-left: 10px;
	text-align:left;
	font-size:14px;
	border:1px solid #e6dcac;
}

.wordBtnBox {
	position: absolute;
	z-index: 50;
	right: 50px;
	bottom: 10px;
	left: auto;
	height: 48px;
}

.wordBtnBox2 {
	position: absolute;
	z-index: 50;
	right: 20px;
	bottom: 10px;
	left: auto;
	height: 48px;
}

.btnNext {
	position:relative;
	width:100px;
	height:48px;
	line-height: 48px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#000;
	background-color:#8bf34c;
	border:1px solid #8bf34c;
	-webkit-border-top-left-radius:24px;
	-webkit-border-bottom-left-radius:24px;
	-moz-border-radius-topleft:24px;
	-moz-border-radius-bottomleft:24px;
	border-top-left-radius:24px;
	border-bottom-left-radius:24px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

.btnNext:after {
	position: absolute;
	z-index: 30;
	content: "";
	top: -1px;
	right: -31px;
    width: 0;
    height: 0;
    text-align: center;
    border-top: 24px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 30px solid  #8bf34c;
}

.answerBox {
	position: relative;
	display: block;
	min-height: 58px;
	margin: 0 0 10px 0;
}

ul.wordClickList {
	position: absolute;
	z-index: 10;
	right: 10px;
	bottom: 50px;
}

ul.wordClickList:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

ul.wordClickList li {
	margin: 5px 0;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btnClick {
	position: relative;
	width: auto;
	height: 48px;
	line-height: 40px;
	padding: 0 44px 0 20px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background-color:#2b3887;
	border:2px dashed #ec6941;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	border-radius:24px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

.btnClickSeleted {
	background-color: #5ab2f5;
	border: 2px dashed #dedede;
}

.btnClick:before {
	position: absolute;
	z-index: 10;
	top: 4px;
	right: 4px;
	bottom: 4px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 10px;
	text-align: center;
	color:#fff;
	background-color: #ec6941;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	content:"Click";
}

.popupAlert {
	position: absolute;
	z-index: 60;
	top: 0;
	right: 10px;
	width: 400px;
	min-height: 48px;
	line-height: 1.5;
	padding: 10px 20px;
	text-align: center;
	font-size: 18px;
	color:#fff;
	background-color: #000;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;	
}

.wordStartBox {
	position: absolute;
	z-index: 40;
	top: 50%;
	right: 100px;
	left: 100px;
	line-height: 1.5;
	margin-top: -10%;
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	-webkit-text-shadow: #000 0 0 10px;	
	-moz-text-shadow: #000 0 0 10px;	
	text-shadow: #000 0 0 10px;	
}

.btnTestStart {
	position: relative;
	display: block;
	width: auto;
	height: 48px;
	line-height: 40px;
	margin: 10px auto;
	padding: 0 30px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background-color:#ed6205;
	border:3px solid #000;
	-webkit-border-radius:24px;
	-moz-border-radius:24px;
	border-radius:24px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

/* 181121 소개영상 추가 */
.introVideoBox {
	position: relative;
	display: block;
	min-height: 280px;
	border-top: 1px solid #dedede;
}

.introVideoTitle {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 10px 10px 0;
	padding-left: 20px;
	text-align: left;
	font-size: 1.15rem;
	color: #fff;
	background-color: #2b2e3f;
	border-radius: 16px;
}

ul.introList {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 20px;
	bottom: 0;
}

ul.introList li {
	float: left;
	display: inline-block;
	margin: 0 10px;
	line-height: 32px;
	font-size: 1rem;
}

.mottoBox {
	position: relative;
	display: block;
	min-height: 250px;
}

.introImgBox {
	position: absolute;
	z-index: 20;
	top: 10px;
	bottom: 13px;
	left: 10px;
	border: 1px solid #dedede;
	-webkit-box-shadow: #ececec 5px 5px 0;
	-moz-box-shadow: #ececec 5px 5px 0;
	box-shadow: #ececec 5px 5px 0;
}

.introImgBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.introImgBox img {
	border: 5px solid #fff;
}

.introMovieBox {
	position: absolute;
	z-index: 10;
	top: 10px;
	bottom: 10px;
	left: 10px;
	display: none;
}

.introTextBox {
	position: relative;
	display: inline-block;
	float: right;
	width: 780px;
	height: 225px;
	margin: 10px;
	background-color: #fffeee;
	border: 1px solid #dedede;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.introTextBox:after  {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.introTextTitle {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 5px;
	margin-bottom: 0;
	padding-left: 10px;
	text-align: left;
	font-size: 1rem;
	color: #fff;
	background-color: rgba(232,88,9,.7);
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;	
}

.introText {
	position: relative;
	display: block;
	height: 170px;
	margin: 0 5px;
	padding: 5px 10px;
	line-height: 1.5;
	text-align: left;
	font-size: 0.95rem;
	background-color: #fff;
	border: 1px solid #ef8a4d;
	overflow-y: auto;
}

.videoStart {
	position: absolute;
	z-index: 20;
	top: 65px;
	left: 50%;
	width: 72px;
	height: 72px;
	margin-left: -36px;
	font-size: 72px;
	color: #fff;
	background-color: transparent;
	border: none;
	-webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
	cursor: pointer;
}

.introCaption {
	position: absolute;
	z-index: 20;
	right: 5px;
	bottom: 5px;
	left: 5px;
	line-height: 1.5;
	padding: 7px 10px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#fff;
	background-color: rgba(0,0,0,.7);
}

/* 181221 신입생 오리엔테이션 */
.contentTabBox2 {}

.contentTabInBox2 { 
	position:relative; 
	height:42px; 
	line-height:42px;
	margin:15px 10px 5px;
	border-bottom:1px solid #acacac;
}

.contentTabInBox2:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:""
}


.contentTabInBox2 ul { 
	position:relative; 
	width:auto; 
	height:42px; 
	text-align:left; 
}

.contentTabInBox2 li { 
	display:inline-block; 
	height:42px; 
	line-height:42px; 
	text-align:center; 
	color:#2d2d2d; 
	margin:0px; 
	margin-left:0; 
}

.contentTabInBox2 li:first-child { 
	margin-left:2px; 
}

.contentTabInBox2 a.tabBtnA:link,.contentTabInBox2 a.tabBtnA:visited,.contentTabInBox2 a.tabBtnA:active {  
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:42px;
	line-height:42px; 
	padding:0 25px; 
	text-align:center; 
	font-size:12px; 
	color:#5d5d5d; 
	text-decoration:none; 
	margin:-1px 0px 0px -2px; 
	background-color:#fff;
	border:1px solid #acacac;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
}
.contentTabInBox2 a.tabBtnA:hover { 
	position:relative; 
	z-index:10; 
	min-width:80px; 
	height:42px; 
	line-height:42px; 
	color:#000; 
	background-color:#d5ecff; 
	border:1px solid #85b8e2; 
}

.contentTabInBox2 a.tabSelectedA:link,.contentTabInBox2 a.tabSelectedA:visited,.contentTabInBox2 a.tabSelectedA:active { 
	float:left; 
	display:inline-block; 
	min-width:80px; 
	height:42px; 
	line-height:42px;
	padding:0 25px;  
	text-align:center; 
	font-size:12px; 
	color:#fff; 
	text-decoration:none;
	margin:-1px 0px 0px -2px; 
	background-color:#125fa1 !important;  
	border:1px solid #084579;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	behavior: url(/pie/PIE.htc);
} 

.contentTabInBox2 a.tabSelectedA:hover { 
	min-width:80px; 
	height:42px; 
	line-height:42px; 
	color:#fff;  
	background-color:#125fa1; 
	border:1px solid #084579; 
}

.studentTabBox { 
	position:relative; 
	width:100%;
	height:35px; 
	line-height:35px;
	margin:5px 0px 10px;
	background-color: #fff;
	border-bottom:1px solid #d6d6d6;
	box-shadow: #dedede 0 2px 2px;
}

.studentTabBox:after {display:block;visibility:hidden;clear:both;content:""}


.studentTabBox ul { position:relative; width:auto; height:36px; text-align:left; margin-left:0px !important; }
.studentTabBox li { display:inline-block; height:36px; line-height:36px; text-align:center; color:#2d2d2d; margin:0px; margin-left:-2px; }
.studentTabBox li:first-child { 
	margin-left: -10px; 
} 
.studentTabBox a.tabBtn11:link,.studentTabBox a.tabBtn11:visited,.studentTabBox a.tabBtn11:active {  
	float:left; 
	display:inline-block; 
	min-width:50px; 
	height:34px; 
	line-height:34px;
	margin: 0 10px;
	padding: 0 15px;
	text-align:center; 
	font-size:11px; 
	color:#9d9d9d; 
	text-decoration:none; 
	background-color:#fff;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.studentTabBox a.tabBtn11:hover { height:34px; line-height:34px; color:#2d2d2d; background-color:#fff; border-bottom:3px solid #439bff; }

.studentTabBox a.tabSelected11:link,.studentTabBox a.tabSelected11:visited,.studentTabBox a.tabSelected11:active { 
	float:left; 
	display:inline-block; 
	min-width:50px; 
	height:34px; 
	line-height:34px;
	margin: 0 10px;
	padding: 0 15px;
	text-align:center; 
	font-size:11px; 
	color:#2d2d2d; 
	text-decoration:none; 
	background-color:#f9f9f9 !important;
	border-top: 1px solid #f0f0f0;
	border-right: 1px solid #dedede;
	border-bottom:3px solid #439bff;
	border-left: 1px solid #dedede;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
} 

.studentTabBox a.tabSelected11:hover { 	
	height:34px; 
	line-height:34px;
	color:#000;  
	background-color:#fff; 
	border-bottom:3px solid #227be1;
}


.videoTopBox {
	position: relative;
	display: block;
}

.viedoText {
	position: relative;
	display: block;
	height: 32px;
	line-height: 32px;
	margin: 0 10px;
	padding-left: 15px;
	text-align: left;
	font-size: 13px;
	color:#fff;
	background-color: #2b2e3f;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;	
}

ul.videoList {
	position: relative;
	display: block;
}

ul.videoList:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

ul.videoList li {
	position: relative;
	float: left;
	display: inline-block;
	margin: 0 10px;
}

.videoImgBox {
	position: relative;
	margin-top: 10px;
	border: 1px solid #dedede;
	-webkit-box-shadow: #ececec 5px 5px 0;
	-moz-box-shadow: #ececec 5px 5px 0;
	box-shadow: #ececec 5px 5px 0;
}

.videoImgBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.videoImgBox img {
	border: 5px solid #fff;
}

.videoMovieBox {
	position: relative;
	margin-top: 10px;
	display: none;
}


.videoText01 {
	position: absolute;
	top: 5px;
	right: 5px;
	left: 5px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 1.2rem;
	color: #ed705c;
	background-color: rgba(0,0,0,.7);
    -webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
}

.videoText02 {
	position: absolute;
	top: 5px;
	right: 5px;
	left: 5px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 1.2rem;
	color: #5cbced;
	background-color: rgba(0,0,0,.7);
    -webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
}

.videoCaption {
	position: absolute;
	z-index: 20;
	right: 5px;
	bottom: 5px;
	left: 5px;
	line-height: 1.5;
	padding: 7px 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
	background-color: rgba(0,0,0,.7);
}

a.linkDownload:link, a.linkDownload:hover, a.linkDownload:active  {
	position: relative;
	display: block;
	margin: 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

a.linkDownload:visited {
	color:#acacac;
}

.downIcon {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 14px;
	color:#fff;
	background-color: #1a80c1;
	border-radius: 100%;
}

/* 190102 1:1 코칭 추가 */
.coachingBox {
	position: relative;
	display: block;
	min-height: 50px;
	margin: 0 10px 10px;
	padding: 15px;
	background-color: #f9f9f9;
	border: 2px solid #e79d1b;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.coachingBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

.coachingIconBox {
	position: relative;
	float: left;
	width: 120px;
	height: 120px;
	line-height: 1.5;
	text-align: center;
	font-size: 60px;
	color:#fff;
	background-color: #e09222;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.coachingText {
	position: relative;
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
}

ul.coachingList {
	position: relative;
	float: left;
	display: inline-block;
	width: 700px;
	height: 120px;
	margin-left: 10px;
	background-color: #fff;
	border: 1px solid #dedede;
	overflow-y: auto;
}

ul.coachingList li {
	margin: 3px 0;
	text-align: left;
	font-size: 13px;
}

.coachingDate {
	position: relative;
	margin: 0 10px;
	font-size: 13px;
	vertical-align: top;
}

.coachingTeacher {
	position: relative;
	margin: 0 10px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: top;
}

.coachingContent {
	position: relative;
	display: inline-block;
	line-height: 1.5;
	margin: 0 10px;
	font-size: 13px;
	color: #3381c9;
	vertical-align: top;
}

.coachingDownload {
	position: relative;
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 13px;
	color: #ff0000;
	vertical-align: top;
}

a.coachingLink:link,a.coachingLink:hover,a.coachingLink:active {
	color: #ff0000;
	text-decoration: underline;
}

a.coachingLink:visited {
	color: #a83e3e;
	text-decoration: underline;
}

.coachingBtnBox {
	position: relative;
	float: left;
	display: inline-block;
	width: 280px;
	margin-top: 20px;
	vertical-align: middle;
	text-align: center;
}

.LH1_5 {
	line-height: 1.5;
}

/* 190117 성취도평가 팝업 추가 */
.accomplishmentTopBox {
	position: relative;
	display: block;
	width: 960px;
	height: 65px;
	line-height: 65px;
	margin: 50px auto;
	padding: 10px;
	text-align: center;
	font-size: 50px;
	color:#fff;
	background-color: #2b3887;
	border-radius: 100px;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

.EnglishType {
	font-family:'Lato', sans-serif;
}

.accomplishmentSubBox {
	position: relative;
	display: block;
	height: 42px;
	line-height: 42px;
    margin-bottom: 30px;
	font-size: 42px;
    text-align: center;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 900;
}

ul.accomplishmentList {
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
}

ul.accomplishmentList:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

ul.accomplishmentList li {
	position: relative;
	float: left;
	width: 33.333333%;
}

.accomplishmentListBox {
	position:relative;
	min-width:290px;
	min-height:auto;
	margin: 0 10px;
	border:1px solid #dedede;
	background-color:#f2f2f2;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#ffffff), to(#f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background: -moz-linear-gradient(#ffffff, #f2f2f2);
	background: -ms-linear-gradient(#ffffff, #f2f2f2);
	background: -o-linear-gradient(#ffffff, #f2f2f2);
	background: linear-gradient(#ffffff, #f2f2f2);
	-pie-background: linear-gradient(#ffffff, #f2f2f2);
	behavior: url(../pie/PIE.htc);
	
}

.accomplishmentListTitle01 {
	position:relative;
	display:block;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color:#2968b7;
}

.accomplishmentListTitle02 {
	position:relative;
	display:block;
	height:42px;
	line-height:42px;
	color:#fff;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	background-color:#3a3c44;
}

.numberingListBox01 {
	position:relative;
	display:block;
	height: 301px;
	line-height: 301px;
	text-align:center;
	font-size:72px;
	font-weight:bold;
	color:#1370d9;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

.numberingListBox02 {
	position:relative;
	display:block;
	height: 301px;
	line-height: 301px;
	text-align:center;
	font-size:72px;
	font-weight:bold;
	color:#1f2026;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

.listInBox {
	position: relative;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}

.listLine {
	position: relative;
	display: block;
	width: 100%;
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #dedede;
}

.listLine:last-child {
	border-bottom: 0px solid #dedede;
}

.listLineTitle {
	position: relative;
	display: inline-block;
	float: left;
	height: 46px;
	line-height: 46px;
	margin-left: 10px;
	text-align: left;
	font-size: 30px;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

.listLineNumber {
	position: relative;
	display: inline-block;
	float: right;
	height: 46px;
	line-height: 46px;
	margin-right: 10px;
	text-align: left;
	font-size: 30px;
	font-weight: bold;
	color: #1a8abe;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

.accomplishmentText {
	position: relative;
	display: block;
	height: 46px;
	line-height: 46px;
	margin: 20px 0 30px;
	font-size: 20px;
	font-weight: bold;
}

.accomplishmentLeftBox {
	position:fixed;
	z-index:10;
	top:52px;
	right: 335px;
	bottom:10px;
	left: 10px;
	padding: 10px;
	background-color:#fff;
	border:1px solid #dedede;
}

.accomplishmentLeftTop {
	position:relative;
	display:block;
	height: 48px;
	line-height:48px;
	background:url(../images/etc/icon_habit9.png) no-repeat left top;
	border-bottom: 2px solid #2b3887;

}

.accomplishmentTopTitle {
	position:relative;
	width:auto;
	height:40px;
	line-height: 40px;
	margin-left: 50px;
	text-align: left;
	font-size: 26px;
	font-weight: bold;
	color:#2d2d2d;
	font-family: 'Roboto', 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';
}

ul.accomplishmentTopRightBox {
	position:absolute;
	z-index: 20;
	top: 0px;
	right: 0px;
	width:auto;
	height:38px;
	border:1px solid #dedede;
}

ul.accomplishmentTopRightBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

ul.accomplishmentTopRightBox li {
	display:inline-block;
	line-height:33px;
	padding: 0 20px;
	text-align:center;
	vertical-align:top;
	border-left:1px solid #dedede;
}

ul.accomplishmentTopRightBox li:first-child {
	border-left:none;
}

.accomplishmentBottomLeftBox {
	position:fixed;
	top: 113px;
	right: 345px;
	bottom: 20px;
	left: 20px;
	padding:10px;
	overflow-y:auto;
}
/*
.accomplishmentBottomLeftBox > .accomplishmentInListBox:nth-child(even) > .accomplishmentInlist  {
	background-color: #f9f9f9;
}
*/

.accomplishmentInListBox {
	position:relative;
	display: block;
	margin:5px;
	overflow-y:auto;
}
/*
.accomplishmentInListBox.even {
	z-index: -2;
	background-color: #f9f9f9;
}
*/
.accomplishmentInlist {
	position: relative;
	display: block;
	padding: 10px;
	border: 1px solid #dedede;
}
.textListBox { 
	position:relative; 
	display:block; 
	margin:0 auto; 
}
.textListInBox { 
	position:relative;
	display: block;
	line-height:1.5; 
	margin:0px auto; 
	padding: 5px;
	text-align:left; 
	font-size:16px;
	background-color:#f0f0f0;
	border:1px solid #acacac; 
}
.textListInBoxOn {
	position:relative;
	display: block;
	height: 380px; 
	line-height:1.5; 
	margin:0px auto; 
	padding: 5px;
	text-align:left; 
	font-size:16px;
	background-color:#f0f0f0;
	border:1px solid #acacac; 
	overflow-y:auto; 
}

/*
.textListInBox br {
	display: none;
}
*/

.textListInBox center {
	text-align: left;
}

.answerListTop {
	position: relative;
	margin:10px;
	padding:5px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	
}

/*
.answerListInTable { 
	border-collapse:separate; 
	max-width:100%; 
	margin:10px;
}

.answerListInTable a:link, .answerListInTable a:visited, .answerListInTable a:hover, .answerListInTable a:active {
	display: inline-block;
	width:30px; 
	height:30px; 
	line-height:30px; 
	color: #000;
	background: #dedede;
	border-radius: 50%;
	font-family: 'Open Sans', serif; 
}
*/
.selectedBox {
	position: relative;
	display: block;
	z-index: 10;
}
.writedBox {
	position: relative;
	display: block;
	margin: 0 10px;
}
ul.answerList {
	position: relative;
	display: block;
	margin: 10px;
}

ul.answerList li {
	position: relative;
	margin: 10px;
	text-align: left;
	font-size: 14px;
}

/* 체크박스 버튼 교체 */

.checks {
	position: relative;
} 
.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  	position: absolute;
	z-index: 10 !important;
  	width: 1px; 
  	height: 1px; 
  	padding: 0; 
  	margin: -1px;  
  	overflow: hidden; 
  	clip:rect(0,0,0,0); 
  	border: 0; 
}
.checks input[type="checkbox"] + label {
  	display: inline-block; 
	position: relative;
	width: 30px;
	height: 26px;
	padding-top: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  	content: ''; 
	position: absolute;
	z-index: -1;
	left: 0; 
	top: 1px; 
	width: 30px; 
	height: 30px; 
	text-align: center; 
	background: #dedede; 
	border: 0px solid #cacece; 
	border-radius: 100%;
	/*
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	*/
}
/*
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
*/
.checks input[type="checkbox"]:checked + label {
	color: #fff;
}
.checks input[type="checkbox"]:checked + label:before {
	background: #2968b7; 
	border-color: #2968b7; 
}
/*
.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
/*
	content: ''; 
	position: absolute; 
	top: 1px; 
	left: 5px; 
	width: 13px; 
	height: 13px; 
	background: #99a1a7; 
	border-radius: 100%; 
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); 
}
.checks input[type="checkbox"] + label.inChecked { 
	color: #fff;
	background: #2968b7; 
	border-color: #2968b7;
	border-radius: 100%; 
}
*/


.checks2 {
	position: relative;
} 
.checks2 input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0;  
}
.checks2 input[type="checkbox"] + label {
  	display: inline-block; 
	position: relative;
	z-index: 10;
	width: 32px;
	height: 26px;
	margin: 0 5px;
	padding-top: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #2968b7;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
}
.checks2 input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  	content: ''; 
	position: absolute;
	z-index: -1;
	left: 0; 
	top: 0; 
	width: 30px; 
	height: 30px; 
	text-align: center;
	background: #fff;
	border: 1px solid #2968b7; 
	border-radius: 100%;
	/*
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	*/
}
/*
.checks2 input[type="checkbox"] + label:active:before,
.checks2 input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
*/
.checks2 input[type="checkbox"]:checked + label { 
	color: #fff;
}
.checks2 input[type="checkbox"]:checked + label:before { 
	background: #2968b7; 
	border-color: #2968b7; 
}
/*
.checks2 input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
    /*
	content: ''; 
	position: absolute; 
	top: 1px; 
	left: 5px; 
	width: 13px; 
	height: 13px; 
	background: #99a1a7; 
	border-radius: 100%; 
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); 
}
*/
/*
.checks2 input[type="checkbox"] + label.inChecked {
	color: #fff;
	background: #2968b7; 
	border-color: #2968b7;
	border-radius: 100%; 
}
*/


/* 라디오버튼 대체 */
/*
.checks {
	position: relative;
} 
.checks input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks input[type="radio"] + label { 
	display: inline-block; 
	position: relative;
	width: 30px;
	height: 26px;
	padding-top: 6px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks input[type="radio"] + label:before { 
	content: ''; 
	position: absolute;
	z-index: -1;
	left: 0; 
	top: 1px; 
	width: 30px; 
	height: 30px; 
	text-align: center; 
	background: #dedede; 
	border: 0px solid #cacece; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
}
.checks input[type="radio"]:checked + label { 
	color: #fff;
}
.checks input[type="radio"]:checked + label:before { 
	background: #2968b7; 
	border-color: #2968b7; 
}
.checks input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 1px; 
	left: 5px; 
	width: 13px; 
	height: 13px; 
	background: #99a1a7; 
	border-radius: 100%; 
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); 
}

.checks2 {
	position: relative;
} 
.checks2 input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks2 input[type="radio"] + label { 
	display: inline-block; 
	position: relative;
	z-index: 10;
	width: 32px;
	height: 26px;
	margin: 0 5px;
	padding-top: 6px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #2968b7;
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
} 
.checks2 input[type="radio"] + label:before { 
	content: ''; 
	position: absolute;
	z-index: -1;
	left: 0; 
	top: 1px; 
	width: 30px; 
	height: 30px; 
	text-align: center; 
	background: #fff; 
	border: 1px solid #2968b7; 
	border-radius: 100%; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), 
	inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks2 input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), 
		inset 0px 1px 3px rgba(0,0,0,0.1); 
}
.checks2 input[type="radio"]:checked + label { 
	color: #fff;
}
.checks2 input[type="radio"]:checked + label:before { 
	background: #2968b7; 
	border-color: #2968b7; 
}
.checks2 input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute; 
	top: 1px; 
	left: 5px; 
	width: 13px; 
	height: 13px; 
	background: #99a1a7; 
	border-radius: 100%; 
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); 
}
*/

a.numberList:link, a.numberList:visited, a.numberListB:hover, a.numberList:active { 
	display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
	text-align: center;
	font-weight: bold;
    color: #000;
    background: #dedede;
    border-radius: 50%;
    font-family: 'Open Sans', serif;
}
a.numberListSelected:link, a.numberListSelected:visited, a.numberListSelected:hover, a.numberListSelected:active  { 
	display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
	text-align: center;
	font-weight: bold;
    color: #fff !important;
    background: #2968b7;
    border-radius: 50%;
    font-family: 'Open Sans', serif;

}

/*
.numberListBoxSelected a:link, .numberListBoxSelected a:visited, .numberListBoxSelected a:hover, .numberListBoxSelected a:active {
	display: inline-block;
	width:30px; 
	height:30px; 
	line-height:30px;
	color: #fff !important;
	background: #2968b7;
	border-radius: 50%;
	font-family: 'Open Sans', serif; 
}
*/

.answerListInTable td { 
	line-height:18px; 
	text-align:left; 
	padding:5px 10px; 
	font-size:14px; 
	color:#2d2d2d; 
	vertical-align: middle !important;  
}

.accomplishmentRightBox {
	position:fixed;
	z-index:10;
	top:52px;
	right: 10px;
	bottom:10px;
	width: 315px;
	background-color:#fff;
	border:1px solid #dedede;
}

.rightListBoxTitle {
	position:relative;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	text-align:left;
	font-size: 16px;
	font-weight:bold;
	color:#fff;
	background-color: #2968b7;
}

.rightAnswerNumBox {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 10px;
	font-size: 16px;
	color:#fff;
	font-family: 'Lato', 'Sans-serif';
}

.answerInBox {
	position:relative;
	display:block;
	padding:15px;
	background-color:#fff;
	border-top:1px solid #2968b7;
}

.accomplishmentRightBox {
	position:fixed;
	z-index:10;
	top:52px;
	right: 10px;
	bottom:10px;
	width: 315px;
	background-color:#fff;
	border:1px solid #dedede;
}

.accomplishmentTable {
	position:fixed;
	z-index:10;
	top:92px;
	right: 11px;
	bottom:90px;
	width: 315px;
	overflow-y:auto; 
}

.accomplishmentTable tbody>tr:nth-child(even)>th {
	background-color: #f9f9f9;
}

.accomplishmentTable tbody>tr:nth-child(even)>td {
	background-color: #f9f9f9;
}

.accomplishmentTable tbody>tr:hover>th {
	background-color: #edf0ff;
}

.accomplishmentTable tbody>tr:hover>td {
	background-color: #edf0ff;
}

.accomplishmentTable th {
	width: 30px;
	height:42px; 
	line-height:42px; 
	text-align:center; 
	padding:0px 5px;
	color: #2968b7;
	border-bottom: 1px solid #acacac;
}

.accomplishmentTable td { 
	height:42px; 
	line-height:1.5; 
	text-align:left; 
	vertical-align:middle; 
	padding:0px 5px;
	border-bottom: 1px solid #acacac;
	border-left: 1px solid #2968b7;
}

a.numberLink:link, a.numberLink:visited, a.numberLink:hover, a.numberLink:active {
	display: inline-block;
	width:30px; 
	height:30px; 
	line-height:30px;
	margin: 0 5px;
	text-align: center;
	font-weight: bold;
	color: #2968b7;
	background: #fff;
	border: 1px solid #2968b7;
	border-radius: 50%;
	font-family: 'Open Sans', serif; 
}

a.numberSelectedLink:link, a.numberSelectedLink:visited, a.numberSelectedLink:hover, a.numberSelectedLink:active {
	display: inline-block;
	width:30px; 
	height:30px; 
	line-height:30px;
	margin: 0 5px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #2968b7;
	border: 1px solid #2968b7;
	border-radius: 50%;
	font-family: 'Open Sans', serif; 
}

a.answerLink:link, a.answerLink:visited, a.answerLink:hover, a.answerLink:active {
	display: block; 
	line-height:1.5;
	text-align: left;
	font-weight: bold;
	color: #000;
}


.accomplishmentEndBox {
	position:relative;
	display:block;
	width: 500px;
	height: 400px;
	margin: 150px auto;
	padding: 15px;
	background:url(../images/etc/logo_habit_title.png) no-repeat center 30px #fff;
	border:1px solid #dedede;
}

.accomplishmentEndBox .endEx {
	position:relative;
	display:block;
	line-height:18px;
	text-align:center;	
}

.accomplishmentListBt {
	position: fixed;
	z-index: 30;
	bottom: 12px;
	right: 20px;
	width: 295px;
	height: 70px;
}

.accomplishmentListBt .btnSend {
	position:relative;
	padding:20px 40px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	background-color:#3b3d4b;
	background: -webkit-gradient(linear, 0 top, 50% bottom, from(#5a5e72), to(#3b3d4b));
	background: -webkit-linear-gradient(#5a5e72, #3b3d4b);
	background: -moz-linear-gradient(#5a5e72, #3b3d4b);
	background: -ms-linear-gradient(#5a5e72, #3b3d4b);
	background: -o-linear-gradient(#5a5e72, #3b3d4b);
	background: linear-gradient(#5a5e72, #3b3d4b);
	-pie-background: linear-gradient(#5a5e72, #3b3d4b);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	behavior: url(../pie/PIE.htc);
	border:1px solid #2f3244;
	cursor:pointer;
}

.accomplishmentListBt .btnSend:hover {
	-webkit-box-shadow:#666 0px 0px 7px;
	-moz-box-shadow:#666 0px 0px 7px;
	box-shadow:#666 0px 0px 7px;
	text-decoration:none;
	behavior: url(../pie/PIE.htc);
}

.textareaInput2 {
	position:relative;
	width:100%;
	line-height: 1.5;
	vertical-align: middle;
	border:1px solid #dedede;
	text-align:left;
	font-size:14px;
}

.textareaInput3 {
	position:relative;
	width:100%;
	height: 32px;
	line-height: 1.5;
	vertical-align: middle;
	border:1px solid #dedede;
	text-align:left;
	font-size:14px;
}

.infoScoreBox {
	position: relative;
	display: block;
	margin: 10px 15px;
	text-align: left;
	border: 1px solid #dedede;
}

.infoScoreBox img {
	max-width: 100%;
}

/* 190220 test_list_popup.html 추가 */
.testOngoingBox {
	position: absolute;
	z-index: 30;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url("../images/etc/logo.png") no-repeat center 100px rgba(0, 0, 0, 0.9);
}

.testOngoingText {
	position: absolute;
	z-index: 40;
	top: 500px;
	right: 0;
	bottom: auto;
	left: 0;
	line-height: 1.5;
	font-size: 24px;
	color: #fff;
	text-shadow: #888 0px 0px 5px;	
}

.testOngoingText {
  	position: absolute;
	z-index: 40;
	top: 500px;
	right: 0;
	bottom: auto;
	left: 0;
	line-height: 1.5;
	font-size: 24px;
	color: #fff;
	text-shadow: #888 0px 0px 5px;
  	white-space:nowrap;
    -webkit-animation-name:ongoing;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:ongoing;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    animation-name:ongoing;
    animation-timing-function:linear;
    animation-duration:2s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes ongoing {
  0%  { visibility: hidden; }
  25% { visibility: hidden; }
  50% { visibility: visible; }
  75% { visibility: hidden; }
  100% { visibility: hidden; }
}
@-moz-keyframes ongoing {
  0%  { visibility: hidden; }
  25% { visibility: hidden; }
  50% { visibility: visible; }
  75% { visibility: hidden; }
  100% { visibility: hidden; }
}
    
/* 190626 Habit9 Now!! 추가 */
.habit9Box {
   position: relative;
   width: 602px;
   height: 238px;
   background-color: #fff;
   border-right: 1px solid #dedede;
}

.habit9BoxTitle {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    background-color:#0f86d1;
    background-size: 33px 33px;
    border-bottom: 1px solid #dedede;
    text-decoration: underline;
}

.habit9BoxTitle a.more {
    position: absolute;
    display:block;
    z-index: 5;
    top: 0;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #ffde00 !important;
}

.habit9BoxTitle:before {
    position: absolute;
	z-index: 10;
	top: 4px;
	left: 4px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color:#0f86d1;
    background-color: #fff;
    border-radius: 50%;
	font-size: 20px;
	content:"\e900";
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

ul.habit9List {
   position: absolute;
   z-index: 8;
   right: 0;
   bottom: 7px;
   left: 0;
}

ul.habit9List li {
    position: relative;
    float: left;
    width: 191px;
    height: 178px;
    margin-top: 8px;
    margin-left: 6px;
    border: 1px solid #dedede;
    overflow: hidden;
}

ul.habit9List li .imgTitle {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: rgba(0,0,0, 0.7);
    text-shadow: #888 0 0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

ul.habit9List li .imgTitle2 {
    position: absolute;
    z-index: 20;
    top: -35px;
    left: 0;
    right: 0;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: #888 0 0 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

ul.habit9List li:hover .overlayBox {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.7);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

ul.habit9List li:hover .imgTitle {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: -70px;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    text-shadow: #888 0 0 10px;
}

ul.habit9List li:hover .imgTitle2 {
    position: absolute;
    z-index: 20;
    top: 70px;
    left: 0;
    right: 0;
    bottom: auto;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-shadow: #888 0 0 10px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* habit9 Now!! 팝업 */
.habit9NowBox {
    position: relative;
    margin: 10px;
    min-height: 700px;
}

.habit9TabBox { 
	position:relative; 
	width:100%;
	height:48px; 
	line-height:48px;
	margin:0 0 10px;
	background-color: #fff;
	border-bottom:1px solid #d6d6d6;
}

.habit9TabBox:after {display:block;visibility:hidden;clear:both;content:""}


.habit9TabBox ul { position:relative; width:auto; height:48px; text-align:left; margin-left:0px !important; }
.habit9TabBox li { display:inline-block; height:48px; line-height:48px; text-align:center; color:#2d2d2d; margin:0px; margin-left:-2px; }

.habit9TabBox li:first-child {
    margin-left: 0;
}

.habit9TabBox a.habit9Btn:link,.habit9TabBox a.habit9Btn:visited,.habit9TabBox a.habit9Btn:active {  
	float:left; 
	display:inline-block; 
	min-width:50px; 
	height:47px; 
	line-height:47px;
	margin-left: 0;
	padding: 0 20px;
	text-align:center; 
	font-size:14px; 
	color:#acacac; 
	text-decoration:none; 
	background-color:#f9f9f9;
    border: 1px solid #f0f0f0;
    border-bottom:1px solid #f9f9f9;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.habit9TabBox a.habit9Btn:link img,.habit9TabBox a.habit9Btn:visited img, .habit9TabBox a.habit9Btn:hover img, .habit9TabBox a.habit9Btn:active img {
    opacity: 0.5; 
}

.habit9TabBox a.habit9Selected:link,.habit9TabBox a.habit9Selected:visited,.habit9TabBox a.habit9Selected:active { 
	float:left; 
	display:inline-block; 
	min-width:50px; 
	height:47px; 
	line-height:47px;
	margin-left: 0px;
	padding: 0 20px;
	text-align:center; 
	font-size:14px; 
	color:#fff; 
	text-decoration:none; 
	background-color:#439bff !important;
	border-top: 1px solid #328bf1;
	border-right: 1px solid #328bf1;
	border-bottom:1px solid #439bff;
	border-left: 1px solid #328bf1;
	font-family: 'NanumBarunGothic', serif;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.habit9TabBox a.habit9Selected:link img,.habit9TabBox a.habit9Selected:visited img, .habit9TabBox a.habit9Btn:hover img, .habit9TabBox a.habit9Selected:active img {
    opacity: 1;
} 

.habit9TabBox li img {
    width: auto;
    width: 32px;
    height: 32px;
    margin-top: -3px;
    margin-right: 10px;
    border-radius: 50%;
}

.iconBox img {
	display: block;
	width: 42px;
	height: auto;
	margin: 3px auto 0;
	background-color: #fff;
    border: 1px solid #dedede;
	border-radius: 50%;
}

.habit9Container { 
    position:fixed;
    z-index: 10;
    top: 57px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px solid #dedede;
    overflow: auto;
}

.habit9Content {
    position: relative;
    margin:0;
    margin-bottom: 15px;
}

.habit9Content .InImageBox {
    position: relative;
    margin: 15px;
    margin-bottom: 0;
}

.habit9Content .InImageBox .imageTitle {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0;
    left: 0;
    height: 48px;
    line-height: 48px;
    margin-top: -24px;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
    background-color: rgba(0,0,0,0.3);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.habit9Content .InImageBox:hover .imageTitle {
    position: relative;
    display: none;
}

.habit9Content .InVideoBox {
    position: relative;
    margin: 15px;
    margin-bottom: 0;
}

.habit9Content .InVideoBox .videoTitle {
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    left: 0;
    height: 48px;
    line-height: 48px;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
    background-color: rgba(0,0,0,0.3);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.habit9Content .InVideoBox:hover .videoTitle {
    position: relative;
    display: none;
}

.InVideoBox .InVideoStart {
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
    margin-top: -60px;
	margin-left: -60px;
	font-size: 120px;
	color: #fff;
	background-color: transparent;
	border: none;
	-webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
	cursor: pointer;
}

.InVideoBox .InVideoImgBox {
    display: block;
}

.InVideoBox .InVideoMovieBox {
    display: none;
}

.habit9Content .InTextBox {
    position: relative;
    margin: 15px;
    margin-bottom: 0;
    padding: 10px;
    text-align: left;
    background-color: #f9f9f9;
    border:1px solid #dedede;
}

.habit9Content img {
    position: relative;
    max-width: 100%;
}

/* 190628 compliment / strike 추가 */
.complimentBox {
    position: relative;
    display: block;
    min-height: 48px;
    margin: 0 10px 5px;
}

.complimentBox:after {
    display: block;
	visibility: hidden;
	clear: both;
	content: ""; 
}

.complimentTitle {
    position: relative;
    float: left;
    display: inline-block;
    width: 155px;
    height: 48px;
    line-height: 45px;
    margin-top: 7px;
    padding-left: 50px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #2b3887;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}


.complimentTitle .numInBox {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: -10px;
    width: 52px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #2b3887;
    font-size: 24px;
    font-weight: bold;
    background-color: #f4f6ff;
    border-radius: 18px;
}

.complimentTitle:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -31px;
    bottom: 0;
    content: "";
    border-top: 24px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 24px solid transparent;
    border-left:  32px solid #2b3887;
    
}

.complimentTitle:after {
    position: absolute;
    z-index: 0;
    top: 5px;
    left: 5px;
    bottom: 5px;
    width: 38px;
    height: 38px;
    content: "";
    background:url("../images/etc/icon_compliment.png") no-repeat center center #fff;
    background-size: 25px 25px;
    border-radius: 50%;
}

.complimentIconBox {
    position: relative;
    float: right;
    width: 900px;
    min-height: 48px;
    line-height: 38px;
    border: 3px solid #2b3887;
    border-radius: 10px;
}

.strikeBox {
    position: relative;
    display: block;
    min-height: 48px;
    margin: 0 10px 10px;
}

.strikeBox:after {
    display: block;
	visibility: hidden;
	clear: both;
	content: ""; 
}

.strikeTitle {
    position: relative;
    float: left;
    display: inline-block;
    width: 155px;
    height: 48px;
    line-height: 45px;
    margin-top: 7px;
    padding-left: 50px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #ff4200;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
}

.strikeTitle .numInBox {
    position: absolute;
    z-index: 0;
    top: 7px;
    right: -10px;
    width: 52px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    color: #ff4200;
    font-size: 24px;
    font-weight: bold;
    background-color: #fff2ed;
    border-radius: 18px;
}

.strikeTitle:before {
    position: absolute;
    z-index: 0;
    top: 0;
    right: -31px;
    bottom: 0;
    content: "";
    border-top: 24px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 24px solid transparent;
    border-left:  32px solid #ff4200;
    
}

.strikeTitle:after {
    position: absolute;
    z-index: 0;
    top: 5px;
    left: 5px;
    bottom: 5px;
    width: 38px;
    height: 38px;
    content: "";
    background:url("../images/etc/icon_strike.png") no-repeat center center #fff;
    background-size: 25px 25px;
    border-radius: 50%;
}

.strikeIconBox {
    position: relative;
    float: right;
    width: 900px;
    min-height: 48px;
    line-height: 38px;
    border: 3px solid #ff4200;
    border-radius: 10px;
}

ul.iconList {
    position: relative;
    display: block;
    margin: 5px;
}

ul.iconList:after {
    display: block;
	visibility: hidden;
	clear: both;
	content: "";  
}

ul.iconList li {
    position: relative;
    float: left;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 0 3px;
}

ul.iconList li img {
    width: 36px;
}

/* 190927 오늘의 중요 단어 추가 */
.todayVocabularyBox {
    position: relative;
    float: right;
    width: 300px;
    min-height: 220px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: #888 0 0 10px;
}

.todayVocabularyBox:hover {
    width: 600px;
    height: 395px;
}

.todayVocabularyTitle {
    position: relative;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #2b3887;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.todayVocabularyContent {
    position: relative;
    display: block;
    height: 170px;
    margin: 10px;
    overflow: auto;
}

.todayVocabularyBox:hover .todayVocabularyContent {
    display: block;
    height: 340px;
}

ul.vocabularyList {
    position: relative;
    display: block;
}

ul.vocabularyList li {
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 5px;
    text-align: left;
    box-sizing: border-box;
}

ul.vocabularyList li:nth-child(2n) {
    background-color: #f0f0f0;
}

.closeBtn {
    position: absolute;
    z-index: 99999;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.vocabularyEnglishBox {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.vocabularyKoreanBox {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #9d9d9d;
}

.vocabularySentenceBox {
    position: relative;
    display: block;
    font-size: 12px;
    color: #5d5d5d;
}

/* 190930 Online Tutor 추가 */
.onlineTutorBox {
    position: relative;
    width: 650px;
    min-height: 350px;
    box-sizing: border-box;
}

.onlineTutorTopBox {
    position: relative;
    float: left;
    display: inline-block;
}

.teacherIconBox {
    position: relative;
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
}

.teacherIconBox:before {
    position: absolute;
    z-index: 10;
    top: 95px;
    right: 50px;
    width: 15px;
    height: 15px;
    background-color: #37687f;
    border-radius: 50%;
    content: "";
}

.teacherIconBox:after {
    position: absolute;
    z-index: 10;
    top: 65px;
    right: 5px;
    width: 40px;
    height: 40px;
    background-color:#174154;
    border-radius: 50%;
    content: "";
}

.onlineTutorInBox {
    position: relative;
    display: inline-block;
    width: 450px;
    height: 350px;
    margin-bottom: 20px;
    background-color: #40484f;
    border: 10px solid #202528;
    border-radius: 15px;
    box-shadow: 0px 35px 20px -20px rgba(0,0,0,0.8), 0 0 5px 0 rgba(0,0,0) inset;
    box-sizing: border-box;
}

/*
.onlineTutorInBox:before {
    position: absolute;
    z-index: 10;
    top: 40px;
    left: -60px;
    width: 0;
    height: 0;
    content: "";
    border-top: 20px solid transparent;
    border-right: 50px solid #202528;
    border-bottom: 20px solid transparent;
    border-left: 0 solid transparent;
}
*/

.teacherIcon {
    position: absolute;
    z-index: 99999;
    top: -17px;
    left: -20px;
    width: 52px;
    height: 52px;
    line-height: 48px;
    text-align: center;
    background-color: #fff;
    box-shadow: #888 0 0 7px;
    border-radius: 50%;
}

.teacherIcon img {
    width: 40px;
    border-radius: 50%;
}

.onlineTutorTitle {
    position: relative;
    display: block;
    height: 32px;
    line-height: 32px;
    margin-top: -10px;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #202528;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0 5px 0 rgba(0,0,0,0.8);
}

.onlineTutorTextBox {
    position: relative;
    display: block;
    height: 295px;
    line-height: 1.5;
    margin: 5px;
    padding: 5px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    overflow: auto;
    box-sizing: border-box;
    font-family: 'Sunflower', sans-serif;
    font-style: normal;
    font-weight: 300;
}

.onlineTutorTextBox p {
	font-family: 'Sunflower', sans-serif;
}

#typing {
    font-family: 'Sunflower', sans-serif;
}

.onlineTutorTextBox a {
    color: #fff;
    text-decoration: underline;
}


/* 191001 오늘의 중요 단어 및 온라인 튜터 수정 */
.onlineRightLayer {
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    text-align: right;
}

.mouthOn {
    position: absolute;
    z-index: 10;
    top: 98px;
    left: 74px;
}

.mouthOff {
    position: absolute;
    z-index: 10;
    top: 98px;
    left: 74px;
    display: none;
}

.directLinkBox {
    position: relative;
    width: 170px;
    height: 116px;
    margin-top: -17px;
    padding: 10px;
    background-color: #f5b25a;
    border-radius: 10px;
    box-shadow: 0px 20px 10px -10px rgba(71,71,71,0.8);  
}

.clipBox {
    position: absolute;
    z-index: 10;
    top: -23px;
    left: 50%;
    width: 50px;
    height: 26px;
    margin-left: -25px;   
}

.clipBox img {
    width: 50px;
}

.afourSheet {
    position: relative;
    display: block;
    height: 96px;
    padding: 10px;
    background-color: #fff;
    box-shadow: #ba6a14 0 0 2px;
}

.directLinkTitle {
    position: relative;
    width: 110px;
    line-height: 1.3;
    margin-top: 0;
    padding: 8px 8px 8px 32px;
    font-size: 12px;
    text-align: left;
    color: #2d2d2d;
    background-color: #ffcf19;
    font-family: '굴림','Gulim', sans-serif;
    font-style: normal;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.directLinkTitle:before {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 3px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: -13px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    color: #2d2d2d;
    content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.directLinkTitle:after {
    position: absolute;
    z-index: 10;
    right: -3PX;
    bottom: 0;
    left: -3px;
    border-bottom: 2px solid #3b3b3b;
    content: "";
}

ul.directLinkList {
    position: relative;
    display: block;
    padding: 0;
    height: 58px;
    margin-top: 5px;
    box-sizing: border-box;
    overflow: auto;
}

ul.directLinkList li {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 17px 0 5px;
    text-align: left;
    border-bottom: 1px solid #808080;
}

ul.directLinkList li:hover:after {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 3px;
    font-size: 18px;
    color: #000;
    content:"\f18e";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

ul.directLinkList li:nth-child(2n) {
    background-color: #f0f0f0;
}

ul.directLinkList li:hover {
    background-color: #dedede;
}

ul.directLinkList li a {
   display: block;
   height: 29px;
   line-height: 29px;
   font-size: 14px;
   color: #000;
   font-family: 'Sunflower', sans-serif;
   font-style: normal;
   font-weight: 300;
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
}

ul.directLinkList li:hover a {
    color: #000;
}

.directLinkBox.on {
    height: auto;
    min-height: 88px;
    margin-top: 0;
}

.directLinkBox.on .clipBox {
    position: absolute;
    z-index: 10;
    top: -30px;
    left: 50%;
    width: 67px;
    height: 34px;
    margin-left: -33.5px;   
}

.directLinkBox.on .clipBox img {
    width: 67px;
}

.directLinkBox.on .afourSheet {
    position: relative;
    display: block;
    height: 310px;
    padding: 10px;
    background-color: #fff;
    box-shadow: #ba6a14 0 0 2px;
}

.directLinkBox.on .directLinkList {
    height: auto;
    min-height: 88px;
}

.directLinkBox.on .directLinkTitle {
    position: relative;
    width: 110px;
    line-height: 1.3;
    margin-top: 5px;
    padding: 8px 8px 8px 32px;
    font-size: 12px;
    text-align: left;
    color: #2d2d2d;
    background-color: #ffcf19;
    font-family: '굴림','Gulim', sans-serif;
    font-style: normal;
    font-weight: 300;
    white-space: normal;
    overflow: inherit;
    text-overflow: inherit;
}

.directLinkBox.on .directLinkTitle:before {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 3px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-top: -13px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    color: #2d2d2d;
    content: "\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.directLinkBox.on .directLinkTitle:after {
    position: absolute;
    z-index: 10;
    right: -3PX;
    bottom: 0;
    left: -3px;
    border-bottom: 2px solid #3b3b3b;
    content: "";
}

.directLinkBox.on ul.directLinkList {
    position: relative;
    display: block;
    padding: 0;
    min-height: 88px;
    margin-top: 15px;
    box-sizing: border-box;
}

.directLinkBox.on ul.directLinkList li {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 17px 0 5px;
    text-align: left;
    border-bottom: 1px solid #808080;
}

.directLinkBox.on ul.directLinkList li:hover:after {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 3px;
    font-size: 18px;
    color: #000;
    content:"\f18e";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.directLinkBox.on ul.directLinkList li:nth-child(2n) {
    background-color: #f0f0f0;
}

.directLinkBox.on ul.directLinkList li:hover {
    background-color: #dedede;
}

.directLinkBox.on ul.directLinkList li a {
   display: block;
   height: 29px;
   line-height: 29px;
   font-size: 14px;
   color: #000;
   font-family: 'Sunflower', sans-serif;
   font-style: normal;
   font-weight: 300;
   overflow:hidden;
   text-overflow:ellipsis;
   text-overflow:ellipsis;
   white-space:nowrap;
}

.directLinkBox.on ul.directLinkList li:hover a {
    color: #000;
}

.rightCloseBtn {
    position: absolute;
    z-index: 10;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    background-color: #0080da;
    border-radius: 1px solid #0a6cb0;
    border-radius: 50%;
    box-shadow: #000 0 0 3px;
    cursor: pointer;
}

/* 191016 모바일 알림설정 추가 */
a.btnMobileAlrarm {
    position: absolute;
    z-index: 5;
    top: 0;
    left: -141px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    text-align: center;
    color: #fff !important;
    background-color: #2b343f;
    border-radius: 16px;
    -webkit-animation-name:btnAlram;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:btnAlram;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:btnAlram;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:btnAlram;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:btnAlram;
    animation-duration:1s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes btnAlram {
  0%   {background-color: red;}
    25%  {background-color: black;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-moz-keyframes btnAlram {
  0%   {background-color: red;}
    25%  {background-color: black;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-ms-keyframes btnAlram {
  0%   {background-color: red;}
    25%  {background-color: black;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@-o-keyframes btnAlram {
0%   {background-color: red;}
    25%  {background-color: black;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}
@keyframes btnAlram {
 0%   {background-color: red;}
    25%  {background-color: black;}
    50%  {background-color: blue;}
    100% {background-color: green;}
}

a.btnMobileAlrarm:hover {
    -webkit-animation-name:btnAlramOn;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:btnAlramOnOn;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:btnAlram;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:btnAlramOn;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:btnAlramOn;
    animation-duration:1s;
    animation-iteration-count:infinite;
}

@-webkit-keyframes btnAlramOn {
    0%   {background-color: #2b343f;}
    100% {background-color: #2b343f;}
}
@-moz-keyframes btnAlramOn {
    0%   {background-color: #2b343f;}
    100% {background-color: #2b343f;}
}
@-ms-keyframes btnAlramOn {
    0%   {background-color: #2b343f;}
    100% {background-color: #2b343f;}
}
@-o-keyframes btnAlramOn {
    0%   {background-color: #2b343f;}
    100% {background-color: #2b343f;}
}
@keyframes btnAlramOn {
    0%   {background-color: #2b343f;}
    100% {background-color: #2b343f;}
}

.mobileAlramBox {
    position: absolute;
    z-index: 9999;
    top: 35px;
    left: 50%;
    width: 350px;
    min-height: auto;
    margin-left: -650px;
    padding: 10px;
    background-color: #fff;
    border: 5px solid #000;
    box-shadow: #000 0 0 10px;
    border-radius: 10px;
    display: none; 
}

.mobileAlramTable {
    position: relative;
    display: table;
}

.mobileAlramRow {
    display: table-row
}

.mobileAlramRow:nth-child(2n) {
    background-color: #f0f0f0;
}

.mobileAlramCell {
    position: relative;
    display: table-cell;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    white-space: normal;
    box-sizing: border-box; 
}

.mobileAlramCell:nth-child(1) {
    width: 260px;
    padding-left: 5px;
    text-align: left;
    font-size: 16px;
}

.mobileAlramCell:nth-child(2) {
    width: 50px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}

.mobileAlramCell:nth-child(3) {
    width: 50px;
}

.mobileAlramCell:nth-child(4) {
    width: 50px;
    padding-right: 5px;
}

.mobileAlramBox .rightCloseBtn {
    position: absolute;
    z-index: 10;
    top: -15px;
    right: -15px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #e95403;
    border-radius: 1px solid #0a6cb0;
    border-radius: 50%;
    box-shadow: #000 0 0 3px;
    cursor: pointer;
}

/* 191031 Habit 9 10th 레이어팝업 추가 */
.tenthLayerPopup {
    position: fixed;
    z-index: 99999;
    right: 100px;
    bottom: 150px;
    width: 500px;
    min-height: 380px;
    background: url("../images/bg/bg_tenth.png") no-repeat center center #fff;
    background-size: 500px 480px; 
    border: 3px solid #000;
    border-radius: 30px;
    box-shadow: #000 0 0 5px;
}

.tenthLayerTitle {
    position: relative;
    display: block;
    height: 48px;
    line-height: 48px;
    margin: 5px;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    background-color: #454e63;
    border-radius: 24px;
}

.tenthLayerTitle:before {
    position: absolute;
    z-index: 10;
    top: 5px;
    left: 5px;
    bottom: 5px;
    width: 38px;
    height: 38px;
    background:url("../images/etc/amblem_10th.png") no-repeat 2px 2px #fff;
    background-size: 34px;
    border-radius: 50%;
    content: "";
}

.tenthLayerContent {
    position: relative;
    display: block;
    height: 200px;
    line-height: 1.5;
    margin: 10px 20px;
    padding: 15px 20px;
    font-size: 1rem;
    text-align: center;
    color: #2d2d2d;
    background: rgba(240,240,240, 0.7);
    border: 1px solid #dedede;
    border-radius: 20px;
}

.bottomTextBox {
    position: relative;
    display: block;
    margin-top: 15px;
    font-size: 2rem;
    color: #2185d2;
    font-family: 'Sunflower', sans-serif;
}

.tenthBtnBox {
    position: relative;
    display: block;
    margin: 10px 20px;
}

.tenthLeaveBtn {
   position: relative;
    width: 400px;
    height: 56px;
    line-height: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    color: #fff;
    background-color: #012060;
    background: -webkit-gradient(linear, 0 top, 50% bottom, from(#137a76), to(#27313d));
    background: -webkit-linear-gradient(#137a76, #27313d);
    background: -moz-linear-gradient(#137a76, #27313d);
    background: -ms-linear-gradient(#137a76, #27313d);
    background: -o-linear-gradient(#137a76, #27313d);
    background: linear-gradient(#137a76, #27313d);
    border: 5px solid #dedede;
    border-radius: 32px;
    cursor: pointer; 
}

.tenthLeaveBtn:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 56px;
    height: 56px;
    line-height: 48px;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    content:"\f178";
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.tenthLayerPopup .btClose {
    color: #fff;
    background-color: #24272a;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}

.tenthLayerPopup .btClose .left {
    padding-left: 10px;
}

.tenthLayerPopup .btClose .right {
    padding-right: 10px;
}

/* 191111 패스워드 수정 추가 */
.passwordResetBox {
    position: fixed;
    z-index: 9999999999999999;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.8); 
}

.passwordLogo {
    position: relative;
    width: 900px;
    height: 81px;
    margin: 50px auto 0;
    background: url(../images/etc/logo.png) no-repeat left top;
    text-indent: -9999px;
}

.passwordResetContent {
    position: relative;
    width: 800px;
    min-height: 300px;
    line-height: 1.7;
    margin: 50px auto;
    text-align: left;
    font-size: 2.3rem;
    font-family: 'Noto Sans KR', sans-serif;
}

.passwordInputBox {
    position: relative;
    width: 900px;
    height: 48px;
    line-height: 48px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 2.3rem;
    font-weight: bold;
}

.passwordInput {
    position: relative;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    text-align: left;
    font-size: 1.5rem;
    color: #2d2d2d;
    border: none;
    border-radius: 5px;
}

.passwordChangeBtn {
    position: relative;
    min-width: 100px;
    height: 48px;
    line-height: 48px;
    padding: 0 30px;
    text-align: center;
    font-size: 1.5rem;
    color: #fff;
    background-color: #e76005;
    border-radius: 5px;
    box-shadow: #000 0 0 5px;
    border: none;
}

.passwordEx {
    margin-top: 20px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #da4c26;
}

/* 200102 Habit 9 10th 뉴레이어팝업 추가 */
.bgTenthNewLayerPopup {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.8);
    content: "";
}

.tenthNewLayerPopup {
    position: absolute;
    z-index: 99999;
    top: 10px;
    left: 50%;
    width: 1170px;
    min-height: 380px;
    margin-left: -585px;
    padding: 10px 0 0;
    background-color: #fff;
    border: 3px solid #000;
    box-shadow: #000 0 0 5px;
    box-sizing: border-box;
    border-top-left-radius: 55px;
    border-bottom-right-radius: 30px;
}

.tenthNewLayerPopup .btClose {
    color: #2d2d2d;
    background-color: #f0f0f0;
    border-top: 1px solid #acacac;
    border-bottom-right-radius: 30px;
}

.tenthNewLayerPopup .btClose .left {
    padding-left: 10px;
}

.tenthNewLayerPopup .btClose .right {
    padding-right: 10px;
}

.tenthTopBox {
    position: relative;
    display: block;
    min-height: 100px;
}
.tenthTopBox:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.tenthTopLeftBox {
    position: relative;
    float: left;
    width: 47%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}
.tenthTopLeftBox img {
    width: 100%;
    border: 1px solid #fff;
    box-shadow: #f0f0f0 7px 7px 0;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.tenthTopRightBox {
    position: relative;
    float: right;
    width: 53%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

.tenthVideoBox {
    position: relative;
    display: block;
    height: 420px;
    line-height: 420px;
    background-color: #000;
    border: 7px solid #fff;
    box-shadow: #888 0 0 5px;
    box-sizing: border-box;
}

.tenthVideoBox:after {
    position: absolute;
    top: 0;
    left: -6px;
    width: 596px;
    height: 413px;
    box-shadow: 0 20px 15px -15px #888;
    content: "";
}

.tenthVideoBox .tenthVideoStart {
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
    margin-top: -60px;
	margin-left: -60px;
	font-size: 80px;
	color: #fff;
	background-color: transparent;
	border: none;
	-webkit-text-shadow: #000 0 0 10px;
	-moz-text-shadow: #000 0 0 10px;
	text-shadow: #000 0 0 10px;
	cursor: pointer;
}

.tenthVideoBox .tenthVideoStart:before {
    position: absolute;
    z-index: 10;
    top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
    margin-top: -60px;
	margin-left: -60px;
    background: url("../images/btn/btn_vod-start.png") no-repeat center center;
}

.tenthVideoBox .tenthVideoImgBox {
    display: block;
    height: 407px;
    line-height: 407px;
    box-shadow: inset 0 0 5px #999;
}

.tenthVideoBox .tenthVideoMovieBox {
    display: none;
}
.tenthVideoBox img {
    height: 96%;
}
.habit9TenthBottomBox {
    position: relative;
    display: block;
    margin: 10px 0 10px;
    padding: 0 10px;
    box-shadow: 0 15px 20px -17px #888;
    box-sizing: border-box;
}
.habit9TenthBoardBox {
    position: relative;
    display: block;
    min-height: 50px;
    background: url(../images/bg/bg_board.jpg) repeat-y;
    border: 5px solid #D6AE76;
    border-radius: 10px;
    box-shadow: 1px 1px 10px 1px #2d2d2d inset;
    box-sizing: border-box;
}

.habit9TenthBoardTitle {
    position: relative;
    display: block;
    height: 38px;
    line-height: 38px;
    margin: 10px 10px 0;
    padding: 0 20px;
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
    color: #fff;
    background: url("../images/bg/bg_line.png") repeat #189c85;
    border: 1px solid #37bca5;
    /*box-shadow: #000 0 10px 10px -10px; */
    box-shadow: #000 0 0 3px;
    border-radius: 24px;
    box-sizing: border-box;
}

.habit9TenthBoardTitle img {
    position: relative;
    width: 32px;
    height: 32px;
    margin: -6px 0 0 -17px;
    border-radius: 50%;
}

ul.habit9TenthBottomBoardList {
    position: relative;
    display: block;
    height: 294px;
    margin: 5px;
    overflow: auto;
}
ul.habit9TenthBottomBoardList:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
ul.habit9TenthBottomBoardList li {
    float: left;
    display: inline-block;
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
}

.habit9TenthPostItBox {
    position: relative;
    display: block;
    height: 130px;
    padding-bottom: 5px;
    background-color: #fff2a1;
    box-shadow: #000 0 3px 5px;
    overflow: auto;
}
.habit9TenthPostItTitle {
    position: relative;
    display: block;
    line-height: 1.3;
    padding: 2px 10px;
    text-align: left;
    font-size: 0.75rem;
    font-weight: bold;
    color: #2d2d2d;
    background: linear-gradient(#e9bd23 0%,#fee968 100%);
    border-bottom: 1px solid #f0d950;
}
.habit9TenthPostItContent {
    position: relative;
    display: block;
    min-height: 146px;
    line-height: 1.3;
    margin: 10px;
    text-align: left;
    font-size: 0.75rem;
    color: #2d2d2d;
}

/* 200318 Habit 9 Live-Class 소개 레이어팝업 추가 */
.bgLiveClassLayerPopup {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.8);
    content: "";
	display: none;
}

.LiveClassLayerPopup {
    position: absolute;
    z-index: 99999;
    top: 10px;
    left: 50%;
    width: 1170px;
    min-height: 380px;
    margin-left: -585px;
    padding: 10px 0 0;
    background-color: #fff;
    border: 3px solid #000;
    box-shadow: #000 0 0 5px;
    box-sizing: border-box;
    border-top-left-radius: 55px;
    border-bottom-right-radius: 30px;
	display: none;
}

.LiveClassLayerPopup .btClose {
    color: #2d2d2d;
    background-color: #f0f0f0;
    border-top: 1px solid #acacac;
    border-bottom-right-radius: 30px;
}

.LiveClassLayerPopup .btClose .left {
    padding-left: 10px;
}

.LiveClassLayerPopup .btClose .right {
    padding-right: 10px;
}

.LiveClassTopBox {
    position: relative;
    display: block;
    min-height: 100px;
}
.LiveClassTopBox:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.LiveClassTopLeftBox {
    position: relative;
    float: left;
    width: 47%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}
.LiveClassTopLeftBox img {
    width: 100%;
    border: 1px solid #fff;
    box-shadow: #f0f0f0 7px 7px 0;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.LiveClassTopRightBox {
    position: relative;
    float: right;
    width: 53%;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

.LiveClassVideoTitle {
    position: absolute;
    z-index: 10;
    top: 18px;
    right: 0;
    left: 0;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #ffde00;
    text-shadow: #000 0 0 3px;
}

.LiveClassVideoBox {
    position: relative;
    display: block;
    height: 420px;
    line-height: 420px;
    background-color: #000;
    border: 7px solid #fff;
    box-shadow: #888 0 0 5px;
    box-sizing: border-box;
}

.LiveClassVideoBox:after {
    position: absolute;
    top: 0;
    left: -6px;
    width: 596px;
    height: 413px;
    box-shadow: 0 20px 15px -15px #888;
    content: "";
}

.LiveClassVideoBox .LiveClassVideoStart {
	position: absolute;
    z-index: 20;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 180px;
    margin-top: -60px;
    margin-left: -160px;
    font-size: 80px;
    color: #fff;
    background-color: transparent;
    border: none;
    -webkit-text-shadow: #000 0 0 10px;
    -moz-text-shadow: #000 0 0 10px;
    text-shadow: #000 0 0 10px;
    cursor: pointer;
    display: none;
}
/*
.LiveClassVideoBox .LiveClassVideoStart:before {
    position: absolute;
    z-index: 10;
    top: 50%;
	left: 50%;
	width: 120px;
	height: 120px;
    margin-top: -60px;
	margin-left: -60px;
    background: url("../images/btn/btn_vod-start.png") no-repeat center center;
}
*/

.LiveClassVideoBox .LiveClassVideoImgBox {
    display: block;
    height: 407px;
    line-height: 407px;
    box-shadow: inset 0 0 5px #999;
}

.LiveClassVideoBox .LiveClassVideoMovieBox {
    position: absolute;
    z-index: 10;
    top: 113px;
    left: 50%;
    width: 318px;
    height: 180px;
    margin-left: -156px;
    /* display: none; */
}
.LiveClassVideoBox img {
    height: 96%;
}
.LiveClassBottomBox {
    position: relative;
    display: block;
    margin: 10px 0 10px;
    padding: 0 10px;
    box-sizing: border-box;
}
.LiveClassBoardBox {
    position: relative;
    display: block;
    margin-top: 20px;
    max-height: 330px;
    background-color: #01081c;
    border: 1px solid #dedede;
    box-shadow: #000 0 0 3px;
    box-sizing: border-box;
    overflow-y: auto;
}

.LiveClassBoardTitle {
    position: relative;
    display: block;
    height: 38px;
    line-height: 38px;
    margin: 10px 10px 0;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: left;
    color: #ffde00;
    border-radius: 24px;
    box-sizing: border-box;
}

.LiveClassListTable {
    position: relative;
    display: block;
    margin: 10px;
    font-size: 1rem;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.LiveClassListTable th {
    position: relative;
    width: 10%;
    padding: 10px;
    line-height: 1.5;
    background-color: #f2f2f2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.LiveClassListTable td {
    position: relative;
    line-height: 1.5;
    padding: 10px;
    text-align: left;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.LiveClassListTable td:nth-child(2n-1) {
    width: 48%;
    background-color: #c0c0c0;
}

.LiveClassListTable td:nth-child(2n) {
    width: 48%;
    background-color: #dadada;
}

.LiveClassListTable tr:first-child td {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #000;
}

/* 290823 서브 왼쪽 배너 추가 */
.leftBanner {
  position:absolute;
  z-index:10;
  top:222px;
  left:50%;
  margin-left:-763px;
  width:168px !important;
  height:319px !important;
  border: 1px solid #acacac;
}

.leftBannerOn {
  position:fixed;
  top:124px;
}

.photoslider-bullets5 {
	width: 168px !important;
	height: 319px !important;
}

/* 290823 Special Lessons */
.specialLessonsBox {
	position: relative;
	display:block;
	min-width: 1040px;
}
.specialTopImgBox {
	position: relative;
	height: 250px;
	background:url(../images/etc/popup_special_lessons.jpg) no-repeat center top;
	border-bottom: 1px solid #dedede;
	text-indent: -9999px;
}
.specialQuickBtnBox {
	position:relative;
	display:block;
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #acacac;
	box-shadow: #dedede 0 2px 2px;
}
.specialQuickBtnBoxOn {
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
	left: 0;
	min-width: 1040px;
}
.specialQuickTitle {
	position:relative;
	display: inline-block;
	float: left;
	height:42px;
	line-height:42px;
	padding: 0 35px 0 15px;
	font-size:0.85rem;
	font-weight:bold;
	color: #f9f9f9;
	background-color: #2b3887;
	border-right: 1px solid #dedede;
	box-sizing:border-box;
}
.specialQuickTitle:after {
	position: absolute;
	z-index:10;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	content: "";
	border-top: 4px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 8px solid #f9f9f9;
}
ul.specialQuickList {
	position:relative;
	display:block;
	height:42px;
	margin-left: 138px;
}
ul.specialQuickList li {
	position:relative;
	display:inline-block;
	float: left;
	width:16.6666%;
	height:42px;
	line-height:42px;
	background-color: #f9f9f9;
	border-right: 1px solid #dedede;
	box-sizing: border-box;
}
ul.specialQuickList li:first-child {
	margin-left: -2px;
}
ul.specialQuickList li:last-child {
	border-right: none;
}

a.quickLinkBtn:link, a.quickLinkBtn:visited, a.quickLinkBtn:active {
	position:relative;
	display:block;
	height: 42px;
	line-height:42px;
	font-size:0.8rem;
	color: #9d9d9d;
}
.specialContentBox {
	position:relative;
	display:block;
	margin:10px;
	border-bottom: 1px dashed  #acacac;
}
.specialContentBox:last-child {
	border-bottom: none;
}
.specialContentBox:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
.specialContentLeftBox {
	position:relative;
	float: left;
	width: 347px;
	min-height: 10px;
	padding-right: 10px;
	box-sizing:border-box;
}
.specialLeftImgBox {
	position: relative;
	width: 330px;
	height: 210px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #acacac;
	box-shadow: #dedede 5px 5px 0px;
	overflow: hidden;
}
.specialLeftImgBox img {
	height: 100%;
	border: 5px solid #fff;
	box-sizing: border-box;
}
a.personLink {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url(../images/btn/btn_vod-start.png) no-repeat center center;
}
a.personLink:before {
	position: absolute;
	z-index:10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:url(../images/btn/btn_vod-start.png) no-repeat center center;
	content:"";
}
.specialClassListTable {
	position: relative;
	display:block;
	border-collapse: separate;
	background-color: #f0f0f0;
	border: 1px solid #acacac;
	border-radius: 10px;
}
.specialClassListTable th {
	position:relative;
	width: 70px;
	text-align: center;
	background-color: #8BC80D;
	color: #fff;
	border: 1px solid #8BC80D;
	border-radius: 7px;
	border-top-right-radius: 0;
	border-bottom-right-radius:0;
}
.specialClassListTable td {
	position:relative;
	padding: 5px;
	text-align: left;
	background-color: #fff;
	color: #2d2d2d;
	border: 1px solid #acacac;
	border-radius: 7px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.specialClassListTable2 {
	position: relative;
	z-index: 5;
	display:block;
	margin-top: 10px;
	border-collapse: collapse;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #acacac;
}

.specialClassListTable2 caption {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	background-color: #f0f0f0;
}
.specialClassListTable2 th {
	position:relative;
	padding: 10px;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	background-color: #8bbad6;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #9cb2bf;
}
.specialClassListTable2 > table > thead > tr > th:last-child {
	border-right: none;
}
.specialClassListTable2 td {
	line-height: 1.3;
	padding: 10px 5px;
	text-align: center;
	font-size: 0.85rem;
	color: #2d2d2d;
	border-right: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}
.specialClassListTable2 > table > tbody > tr > td:last-child {
	border-right: none;
}

.specialClassListTable2 > table > tbody > tr:last-child > td {
	border-bottom: none;
}

.specialClassListTable3 {
	position: relative;
	z-index: 5;
	display:block;
	margin-top: 10px;
	border-collapse: collapse;
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #acacac;
	/* border-radius: 10px; */
}

.specialClassListTable3 caption {
	padding: 5px;
	text-align: left;
	font-weight: bold;
	background-color: #f0f0f0;
}
.specialClassListTable3 th {
	position:relative;
	padding: 10px;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	background-color: #c78e8e;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #bd9c9c;
}
.specialClassListTable3 > table > thead > tr > th:last-child {
	border-right: none;
}
.specialClassListTable3 td {
	line-height: 1.3;
	padding: 10px 5px;
	text-align: center;

	font-size: 0.85rem;
	color: #2d2d2d;
	border-right: 1px solid #acacac;
	border-bottom: 1px solid #acacac;
}
.specialClassListTable3 > table > tbody > tr > td:last-child {
	border-right: none;
}

.specialClassListTable3 > table > tbody > tr:last-child > td {
	border-bottom: none;
}


ul.tableInList {
	position:relative;
	display:block;
}
ul.tableInList li {
	position:relative;
	padding-left: 10px;
}
ul.tableInList li:before {
	position: absolute;
    top: 0;
    left: -2px;
	font-size: 0.55rem;
    content: "◆";
}
.specialBtnBox {
	position:relative;
	display:block;
	margin:10px 0;
}
.classRegisterBtn {
	position:relative;
	display:inline-block;
	height: 32px;
	line-height:32px;
	padding: 0 20px;
	text-align:center;
	font-size: 0.85rem;
	color: #fff;
	background-color: #4395e8;
	border: 1px solid #4395e8;
	border-radius : 32px;
	cursor:pointer;
}
.classRegisterBtn:hover {
	color: #2d2d2d;
	background-color: #fff;
	border: 1px solid #4395e8;
}
.liveClassBtn {
	position: relative;
	display:inline-block;
	height:32px;
	line-height:32px;
	padding:0 20px;
	text-align:center;
	font-size:0.85rem;
	color: #2d2d2d;
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius : 32px;
	cursor:pointer;
}
.liveClassBtn:hover {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}
.registerCloseBtn {
	position:relative;
	display:inline-block;
	height: 32px;
	line-height:32px;
	padding: 0 20px;
	text-align:center;
	font-size: 0.85rem;
	color: #fff;
	background-color: #f00;
	border: 1px solid #f00;
	border-radius : 32px;
}
.registerComeSoonBtn {
	position:relative;
	display:inline-block;
	height: 32px;
	line-height:32px;
	padding: 0 20px;
	text-align:center;
	font-size: 0.85rem;
	color: #fff;
	background-color: #090;
	border: 1px solid #090;
	border-radius : 32px;
}
.specialContentRightBox {
	position:relative;
	display: block;
	min-height: 10px;
	margin-left: 340px;
	padding-left: 10px;
	box-sizing:border-box;	
}
.specialContentTitle {
	position:relative;
	display:block;
	padding:10px 10px 10px 40px;
	text-align: left;
	font-size:1rem;
	color: #fff;
	background-color: #14232e;
	border-radius: 48px;
}
.specialContentTitle:before {
	position:absolute;
	z-index:10;
	top: 14px;
	left: 14px;
	width: 12px;
	height:12px;
	background-color: #fff;
	border-radius: 50%;
	content:"";
}
.specialContentSubTitle {
	position:relative;
	display:block;
	padding:5px 5px 15px 15px;
	text-align: left;
	font-size:0.95rem;
	color: #000;
	background-color: #e5ffba;
	border: 1px solid #acacac;
	border-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: #f0f0f0 3px 3px 3px
}
.specialContentText {
	position:relative;
	display:block;
	line-height:1.5;
	margin-top:10px;
	padding: 15px;
	text-align:left;
	font-size:0.95rem;
	background-color: #f9f9f9;
	border: 1px solid #acacac;
	box-shadow: #f0f0f0 3px 3px 3px;
	border-radius: 10px;
}

#lesson05 .specialContentText {
	margin-top:-10px;
}

/*.right02 .specialContentText, .right03 .specialContentText, .right04 .specialContentText {
	position:relative;
	display:block;
	line-height:1.5;
	margin-top: -8px;
}
*/
ul.specialCareerList {
	position:relative;
	display:block;
	margin: 10px 0;
	padding: 10px 15px 10px 10px;
	font-size:0.85rem;
	/*
	background-color: #f0f0f0;
	border: 3px solid #000;
	border-radius: 10px;
	*/
	box-sizing:border-box;
}
ul.specialCareerList li {
	position:relative;
	display:block;
	line-height:1.5;
	padding:5px 0 5px 0;
	text-align:left;
}
ul.specialCareerList li p {
	padding:10px;
}
.specialTitleBar {
	position:relative;
	display:inline-block;
	width: 110px;
	padding: 3px 10px 3px 25px;
	font-weight:bold;
	color: #fff;
	background-color: #0080ff;
	border-radius : 48px;
	box-sizing:border-box;
}
.specialTitleBar:before {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 0;
    height: 0;
    content: "";
    border-top: 0px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #84c2ff;
    border-left: 0px solid transparent;
}
.specialTitleBar:after {
    position: absolute;
    z-index: 10;
    top: 11px;
    left: 11px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 6px solid transparent;
}
.specialBgBox01 {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	left: 347px;
	height: 250px;
	background: url(../images/bg/bg_special_lessons.png) no-repeat center bottom;
}
.specialBgBox02 {
	position: absolute;
	z-index: 0;
	right: 0;
	bottom: 0;
	left: 347px;
	height: 250px;
	background: url(../images/bg/bg_special_lessons.png) no-repeat center bottom;
}

/* scroll parallex 적용 */
#mainNav .navbar-nav .nav-item .nav-link.active {
	font-weight:bold;
	color: #000;
	background-color: #fff;
	border-bottom: 3px solid #06f;
	box-sizing:border-box;
}

/* 200915 popup_live_class.html 수정 */
.liveSubQuickBtnBox {
	position:relative;
	display:block;
	height: 42px;
	background-color: #fff;
	border-bottom: 1px solid #acacac;
	box-shadow: #dedede 0 2px 2px;
}
.liveSubQuickBtnBoxOn {
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
	left: 0;
	min-width: 1000px;
}
ul.liveSubQuickList {
	position:relative;
	display:block;
	height:42px;
}
ul.liveSubQuickList li {
	position:relative;
	display:inline-block;
	float: left;
	width:33.33333333%;
	height:42px;
	line-height:42px;
	background-color: #f9f9f9;
	border-right: 1px solid #acacac;
	box-sizing: border-box;
}
ul.liveSubQuickList li:first-child {
	margin-left: 0;
}
ul.liveSubQuickList li:last-child {
	border-right: none;
}

a.liveSubLinkBtn:link, a.liveSubLinkBtn:visited, a.liveSubLinkBtn:active {
	position:relative;
	display:block;
	height: 42px;
	line-height:42px;
	font-size:0.8rem;
	color: #9d9d9d;
}

/* scroll parallex 적용 */
#liveSubNav .navbar-nav .nav-item .nav-link.active {
	font-weight:bold;
	color: #000;
	background-color: #fff;
	border-bottom: 3px solid #06f;
	box-sizing:border-box;
}
.liveSubContentBox {
	position: relative;
	display: block;
	padding: 10px;
	box-sizing: border-box;
}
.liveSubContentBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content:"";
}

.liveSubTitle {
	position:relative;
	display: block;
	padding:7px 25px;
	text-align: left;
	border-radius: 48px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
	background-color: #32343e;
}
.liveSubTitle:after {
	display: block;
	visibility: hidden;
	clear: both;
	content:"";
}
.liveSubContentLeftBox {
	position:relative;
	float: left;
	width: 380px;
	min-height: 10px;
	margin-top: 20px;
	padding-right: 10px;
	box-sizing:border-box;
}
.liveSubContentRightBox {
	position:relative;
	display: block;
	min-height: 10px;
	margin-top: 20px;
	margin-left: 380px;
	padding-left: 10px;
	box-sizing:border-box;	
}
.liveSubContentRightBox:after {
	background: url("../images/etc/live_class_logo.png") no-repeat center center;
    top:0;
    left:0;
    position:absolute;
    background-size:500px;
    opacity:0.1!important;
    filter:alpha(opacity=10);
    z-index:-1;
    content:"";
    width:100%;
    height:100%;
}
.liveSubContentRightBox p {
	padding: 0 10px;
	text-align: left;
	line-height: 1.5;
	font-size: 0.85rem;
}
.liveSubListTable {
	position: relative;
	display: block;
	margin: 10px 0;
	background : url(../images/bg/bg_board.jpg) repeat left top;
	border: 1px solid #9d9d9d;
}
.liveSubListTable th {
	position: relative;
	padding: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background-color: rgba(37, 37, 37, 0.4);
	border: 1px solid #9d9d9d;
}
.liveSubListTable th:first-child {
	color: #b4ffa5;
}
.liveSubListTable th:last-child {
	color: #ff9f9f;
}
.liveSubListTable td {
	width: 50%;
	line-height: 1.5;
	padding: 10px;
	font-size: 0.85rem;
	text-align: left;
	color: #2d2d2d;
	background-color: rgba(255, 255, 255, 0.4);
	border: 1px solid #9d9d9d;
}
.liveSubListTable td:first-child {
	width: 60%;
}
.liveSubListTable td:last-child {
	width: 40%;
}
.classReviewBox {
	position: relative;
	display: block;
	margin: 20px 0;
}
.classReviewBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content:"";
}
.classReviewer01 {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background-color: #78ad49;
	border-radius: 50%;
}
.classReviewer02 {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 55px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	background-color: #3693ce;
	border-radius: 50%;
}
.classReviewContent {
	position: relative;
	float: left;
	display: inline-block;
	margin-left: 80px;
	padding: 15px;
	text-align: left;
	font-size: 0.85rem;
	background-color: #fcffa6;
	border: 1px solid #6d6d6d;
	border-radius: 10px;
	border-top-left-radius: 0;
}
.classReviewContent:before {
	position: absolute;
	z-index: 20;
	top: 0;
	left: -12px;
	width: 0;
	height: 0;
	content: "";
	border-top: 0px solid transparent;
    border-right: 12px solid #fcffa6;
    border-bottom: 12px solid transparent;
    border-left:  0 solid transparent;
}
.classReviewContent:after {
	position: absolute;
	z-index: 10;
	top: -1px;
	left: -15px;
	width: 0;
	height: 0;
	content: "";
	border-top: 0px solid transparent;
    border-right: 15px solid #6d6d6d;
    border-bottom: 15px solid transparent;
    border-left:  0 solid transparent;
}
.liveSubContentInBox {
	position: relative;
	display: block;
	margin: 15px;
	font-size: 0.85rem;
}
.liveSubContentInBox p {
	text-align: left;
}
ul.liveSubContentList {
	position:relative;
	display:block;
	margin: 10px 0;
	padding: 10px 15px;
	font-size:0.85rem;
	background-color: #f3fffb;
	border: 1px solid #acacac;
	border-radius: 10px;
	box-sizing:border-box;
}
ul.liveSubContentList li {
	position:relative;
	display:block;
	line-height:1.5;
	padding: 10px 5px;
	text-align:left;
}
ul.liveSubContentList li p {
	position: relative;
	display: block;
	line-height: 1.5;
	margin-left: 150px;
}
.liveTitleBar {
	position:absolute;
	z-index: 10;
	top: 7px;
	left: 0;
	width: 145px;
	padding: 3px 10px 3px 25px;
	font-weight:bold;
	color: #fff;
	background-color: #0080ff;
	border-radius : 48px;
	box-sizing:border-box;
}
.liveTitleBar:before {
    position: absolute;
    top: 11px;
    left: 11px;
    width: 0;
    height: 0;
    content: "";
    border-top: 0px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #84c2ff;
    border-left: 0px solid transparent;
}
.liveTitleBar:after {
    position: absolute;
    z-index: 10;
    top: 11px;
    left: 11px;
    width: 0;
    height: 0;
    content: "";
    border-top: 6px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 6px solid transparent;
}
ul.liveSubContentList2 {
	position: relative;
	display: block;
	margin: 10px 20px;
}
ul.liveSubContentList2 li {
	position: relative;
	line-height: 1.5;
	margin: 10px 0;
	padding-left: 15px;
	text-align: left;
	font-size: 0.9rem;
	font-weight: bold;
	color: #da572a;
	box-sizing: border-box;
}
ul.liveSubContentList2 li:before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	line-height: 15px;
	content: "-";
}
.knowhowImgBox {
	position: relative;
	display: block;
	margin: 20px auto;
}

.knowhowImgBox img {
	width: 100%;
	max-width: 1280px;
}
.liveClassIntroIframe {
	position: relative;
	display: block;
	width: 100%;
	height: 92.8vh;
	box-sizing: border-box;
}
.specialLessonsIframe {
	position: relative;
	display: block;
	width: 100%;
	height: 92.8vh;
	box-sizing: border-box;
}
.liveExplainBox {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #b8e0ff;
}
.liveExInBox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 600px;
	margin-top: -300px;
	margin-left: -300px;
	background-color: #f9f9f9;
	border: 1px solid #acacac;
	box-shadow: #000 0 0 10px;
	border-radius: 10px;
}
.liveTopLogoBox {
	position: relative;
	display: block;
	margin: 20px auto;
}
.liveTopLogoBox img {
	position: relative;
	width: 300px;
}
.liveExTopContentBox {
	position: relative;
	display: block;
	margin: 10px 20px;
	padding-bottom: 30px;
	background-color: #fff;
	border: 1px solid #acacac;
	border-radius: 10px;
}
.liveExTopContentInBox {
	position: relative;
	display: block;
	line-height: 1.5;
	margin: 15px 100px;
	padding: 20px 40px;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	box-sizing: border-box;
}
.liveExTopContentInBox:nth-child(1) {
	margin: 30px 40px 10px;
	padding: 20px 60px;
	padding-left: 100px;
}
.liveExTopContentInBox:nth-child(1):before {
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	background-color: #29387d;
	border-radius: 50%;
	content:"\f26c";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
.liveExTopContentInBox:nth-child(2) {
	margin: 30px 40px 10px;
	padding: 20px 60px;
	padding-left: 100px;
}
.liveExTopContentInBox:nth-child(2):before {
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 20px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 2rem;
	color: #fff;
	background-color: #29387d;
	border-radius: 50%;
	content:"\f08d";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
.liveExTopContentInBox:nth-child(3) {
	margin: 30px 40px 10px;
	padding: 20px 60px;
	padding-left: 100px;
	background-color: #f0f0f0;
	border: 1px solid #acacac;
	border-radius: 20px;
}
.liveExTopContentInBox:nth-child(3):before {
	position: absolute;
	z-index: 10;
	top: 20px;
	left: 15px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 5rem;
	color: #29387d;
	content:"\f098";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}
.letterBox {
	position: relative;
	width: 100%;
	padding: 30px 0;
	background-color: #dce9d7;
	box-sizing: border-box;
}
.letterBox:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
.letterContentBox {
	position: relative;
	width: 800px;
	/* height: 100%; */
	margin: 0 auto;
	padding: 0 35px;
	background-color: #fff;
	box-shadow: #acacac 0 0 10px;
	box-sizing: border-box;
}
.letterContentBox:before {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	border: 2px solid #eae7d4;
	content: "";
}
.letterContentBox:after {
	position: absolute;
	z-index: 10;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px solid #f1eedb;
	content: "";
}
.letterContentTitle {
	position: relative;
	margin: 0 auto 30px;
	padding-top: 50px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #000;
	text-shadow: #acacac 1px 1px 3px;
}
.letterContentTitle:before {
	position: absolute;
	z-index: 10;
	top: 75px;
	right: 150px;
	left: 150px;
	border-bottom: 1px solid #acacac;
	content:"";
}
.letterContentBox p {
	line-height: 1.5;
	margin: 30px 0;
	font-size: 0.85rem;
	font-weight: normal;
}
.letterContentBlock {
	position: relative;
	display: block;
}
.letterContentBlock:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}
.letterContentLeftBox {
	position: relative;
	float: left;
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}
.letterContentLeftInBox {
	position: relative;
	display:block;
	height: 492px;
	line-height: 1.5;
	padding: 15px;
	text-align: left;
	font-size: 0.85rem;
	border: 1px solid #acacac;
	box-sizing: border-box;
}
.letterContentRightBox {
	position: relative;
	float: right;
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}
.letterContentRightInBox {
	position: relative;
	display:block;
	height: 492px;
	line-height: 1.5;
	padding: 15px;
	text-align: left;
	font-size: 0.85rem;
	border: 1px solid #acacac;
	box-sizing: border-box;
}
.letterContentLogoBox {
	position: relative;
	display: block;
	padding: 30px 0 20px;
}
.letterContentLogoBox img {
	position: relative;
	width: 150px;
}

.inquiryBtn {
	position: fixed;
	z-index: 10;
	top: 100px;
	right: 50px;
	width: 48px;
	height: 48px;
	padding-top: 32px;
	font-size: 1rem;
	color: #fff;
	background-color: #24CEE1;
	border-radius: 50%;
	box-sizing: border-box;
}

/* 210705 마이페이지 오답노트 추가 */
.wrongAnswerGuideTitle {
	position: relative;
    height: 32px;
    line-height: 32px;
    margin: 10px 15px 0;
    padding-left: 10px;
    text-align: left;
    font-size: 14px;
    color: #fff;
    background-color: #2b3887;
}
ol.wrongAnswerGuideList {
	position: relative;
    min-height: 32px;
    margin: 0 15px;
	padding: 10px;
    border: 3px solid #2b3887;
    background-color: #fff;
}
ol.wrongAnswerGuideList li {
	position: relative;
	text-align: left;
}

.newMypageWrongSearchBox {
	position: relative;
    z-index: 2;
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 32px;
    margin: 15px 15px 0;
    background-color: #fff;
    border: 2px solid #252d40;
}
.newMypageWrongSearchTitle {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 40px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: url(../images/bg/bg_line.png)repeat #252d40;
}
.newMypageWrongSearchTitle:before {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 32px;
    font-size: 20px;
    color: #fff;
    content:"\f002";
	font-family:FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.newMypageWrongSearch {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 15px;
    font-size: 12px;
    color: #9d9d9d;
}

.newWrongSearchBtn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 24px;
    margin-left: 10px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background-color: #252d40;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.newMypageWrongAnswerTable td:nth-child(4) {
    text-align: left;
}

.unWrittenBtn {
    position: relative;
    width: 80px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    background-color: #bf3013;
    border-radius: 3px;
    cursor: pointer;
}

.writtenBtn {
    position: relative;
    width: 80px;
    height: 24px;
    font-size: 12px;
    color: #fff;
    background-color: #1b64b5;
    border-radius: 3px;
    cursor: pointer;
}

.habit9StoryLayer {
	position: absolute;
	z-index: 20;
	top: 570px;
	left: 20px;
	width: 240px;
	border: 1px solid #5d5d5d;
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -webkit-animation-name:story;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:story;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:story;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:story;
    -o-animation-timing-function:linear;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:story;
    animation-timing-function:linear;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes story {
    0%   {top: 575px;}
    50%  {top: 565px;}
    100% {top: 575px;}
}
@-moz-keyframes story {
  	0%   {top: 575px;}
    50%  {top: 565px;}
    100% {top: 575px;}
}
@-ms-keyframes story {
  	0%   {top: 575px;}
    50%  {top: 565px;}
    100% {top: 575px;}
}
@-o-keyframes story {
  	0%   {top: 575px;}
    50%  {top: 565px;}
    100% {top: 575px;}
}
@keyframes story {
  	0%   {top: 575px;}
    50%  {top: 565px;}
    100% {top: 575px;}
}

.storyOn {
	position: fixed;
	top: 115px;
	-webkit-animation-name:story2;
    -webkit-animation-timing-function:linear;
    -webkit-animation-duration:1s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:story2;
    -moz-animation-timing-function:linear;
    -moz-animation-duration:1s;
    -moz-animation-iteration-count:infinite;
    -ms-animation-name:story2;
    -ms-animation-timing-function:linear;
    -ms-animation-duration:1s;
    -ms-animation-iteration-count:infinite;
    -o-animation-name:story2;
    -o-animation-timing-function:linear;
    -o-animation-duration:1s;
    -o-animation-iteration-count:infinite;
    animation-name:story2;
    animation-timing-function:linear;
    animation-duration:1s;
    animation-iteration-count:infinite;
}
@-webkit-keyframes story2 {
    0%   {top: 115px;}
    50%  {top: 105px;}
    100% {top: 115px;}
}
@-moz-keyframes story2 {
  	0%   {top: 115px;}
    50%  {top: 105px;}
    100% {top: 115px;}
}
@-ms-keyframes story2 {
  	0%   {top: 115px;}
    50%  {top: 105px;}
    100% {top: 115px;}
}
@-o-keyframes story2 {
  	0%   {top: 115px;}
    50%  {top: 105px;}
    100% {top: 115px;}
}
@keyframes story2 {
  	0%   {top: 115px;}
    50%  {top: 105px;}
    100% {top: 115px;}
}

.habit9StoryLayer a img {
	width: 100%;
	opacity: 0.9; 
	filter: alpha(opacity=90); /* IE8 및 그 이하 버전용 */
}

.habit9CloseBtn {
	position: absolute;
	z-index: 30;
	top: -32px;
	right: -32px;
	width: 32px;
	height: 32px;
	background-color: #0f86d1;
	border-radius: 50%;
	cursor: pointer;
}

.habit9CloseBtn:before {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	font-size: 12px;
	color: #fff;
	text-indent: 0;
	content: "\e900";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.habit9CloseBtn span {
	display: block;
	text-indent: -9999px;
}

.habit9StoryBox {
	position: relative;
	background-color: #ffeed7;
	border: 1px solid #e27c19;
	margin-bottom: 5px;
	
}

.habit9StoryBox div {
	line-height: 1.1;
	padding: 5px 0;
	font-weight: bold;
	color: #e27c19;
	font-family: 'Roboto', sans-serif;
}

.habit9StoryBox span {
	font-size: 18px;
}

.habit9StoryBox img {
	width: 73px;
}

.habit9StoryBox a:hover div,
.habit9StoryBox a:hover span {
	color: #fff;
	background-color: #e27c19;	
}

.mainMarooLiveBtn {
	position: absolute;
	bottom: -87px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 152px;
    height: 72px;
	line-height: 1.2;
    margin-bottom: 5px;
    padding-left: 25px;
    text-align: left;
    font-size: 0.95rem;
    font-weight: bold;
    color: #fff;
    background-color: #905590;
    border-radius: 42px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 42px;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 20%);
    cursor: pointer;	
}
.mainMarooLiveBtn:before {
    position: absolute;
    top: 28px;
    right: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    color: #fff;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
    content: "";
}

/* 220716 팡파레 이벤트 추가 */
.pointEventBox {
	position: fixed;
	z-index: 90;
	top: 50%;
	left: 50%;
	display: flex;
	flex-wrap: wrap;
	width: 800px;
	height: 748px;
	background: url("../images/bg/bg_point_event.png") no-repeat center center;
	transform: translate(-50%, -50%);
}

.pointEventExBox {
	position: relative;
	display: block;
	width: 100%;
	line-height: 1.5;
	margin-top: 200px;
	text-align: center;
	font-size: 42px;
	color: #fff;
}

.evocaIcon {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	margin-top: -5px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #2a3785;
	border-radius: 52px;
}

.pointBottomBtnBox {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 52px;
}

.pointCloseBtn {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	width: 150px;
    height: 42px;
    padding: 0 15px;
    font-size: 16px;;
    color: #fff;
    background-color: #252d40;
    border: 3px solid #8a909f;
    border-radius: 32px;
    cursor: pointer;
}


/* 240115 testPopupLayer 추가 */
.testPopupLayer {
    position: absolute;
    z-index: 10;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.9);
    border-radius: 15px;
}
.testPopupContentBox {
    position: relative;
    display: block;
    line-height: 1.5;
    padding: 10px 70px;
    text-align: left;
    font-size: 20px;
    color: #fff;    
}

.testPopupBtnBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    margin: 20px auto;
}
.testPopupBtnBox button {
    margin: 0 5px;
}
.testJoinBtn,
.testNextBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #2b64bf;
    border: none;
    border-radius: 42px;
    box-sizing: border-box;
}
.testNextBtn {
    background-color: #6b6b6b;    
}



