@charset "euc-kr";

/*-- 레이아웃용 스타일 --*/
#skipNavigation {
	position: absolute;
	left: -300%;
}

@-webkit-keyframes upDownmover {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}

@keyframes upDownmover {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-3px);
	}
}

/* 알파온 */
#header .alphaOnStatus {
	min-width: 1200px;
}

#header .alphaOnStatus > .inner {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}

#header .logArea > .inner .logForm {
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 15px 0;
}

#header .logArea > .inner .logForm > .inner {
	position: relative;
	overflow: hidden;
}

#header .logArea > .inner .logForm > .inner .input {
	float: left;
	background: #f7f7f7;
	border: 1px solid #c8c8c8;
	width: 147px;
	height: 35px;
	padding: 0 10px;
	font-size: 15px;
	color: #333;
	letter-spacing: -1px;
	margin: 0 7px 0 0;
	line-height: 2;
}

#header .logArea > .inner .logForm > .inner .input::-webkit-input-placeholder {
	color: #a5a5a5;
}

#header .logArea > .inner .logForm > .inner .input:-moz-placeholder {
	color: #a5a5a5;
}

#header .logArea > .inner .logForm > .inner .input::-moz-placeholder {
	color: #a5a5a5;
}

#header .logArea > .inner .logForm > .inner .input:-ms-input-placeholder {
	color: #a5a5a5;
}

#header .logArea > .inner .logForm > .inner .btnLog {
	display: inline-block;
	margin: 0 0 0 -1px;
	background: #2864b9;
	color: #fff;
	font-size: 15px;
	padding: 6px 12px;
	letter-spacing: -1px;
}

#header .logArea > .inner .logForm > .inner .saveID {
	display: inline-block;
	position: relative;
	margin: 10px 10px 10px 12px;
}

#header .logArea > .inner .logForm > .inner .saveID * {
	cursor: pointer;
}

#header .logArea > .inner .logForm > .inner .saveID input {
	position: absolute;
	left: -999em;
}

#header .logArea > .inner .logForm > .inner .saveID input:checked {
	position: absolute;
	left: -999em;
}

#header .logArea > .inner .logForm > .inner .saveID label {
	padding: 0 0 0 23px;
	color: #000;
}

#header .logArea > .inner .logForm > .inner .saveID label .ico {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -129px 0;
	width: 18px;
	height: 18px;
}

#header .logArea > .inner .logForm > .inner .saveID label.checked .ico {
	background-position: -129px -49px;
}

#header .logArea > .inner .loginLink {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

#header .logArea > .inner .loginLink a {
	float: left;
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 15px;
	padding: 23px 10px;
	letter-spacing: -0.8px;
}

#header .logArea > .inner .loginLink a:first-child {
	padding: 22px 10px 22px 4px;
}

#header .logArea > .inner .loginLink a:first-child:after {
	position: absolute;
	right: 0;
	top: 50%;
	content: '';
	background: #adadad;
	width: 1px;
	height: 14px;
	margin: -5px 0 0;
}

#header .logArea > .inner .viewLast {
	position: absolute;
	right: 15px;
	top: 0;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -1px;
	padding: 21px 0;
}

#header .logArea > .inner .viewLast .num {
	color: #fff;
	background: #1a2c5e;
	border-radius: 15px;
	font-size: 15px;
	padding: 5px 17px;
	font-weight: normal;
	margin: 0 0 0 10px;
}

#header .logArea > .inner .stateLogin {
	display: inline-block;
	margin: 0 0 0 20px;
	padding: 0 10px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

#header .logArea > .inner .stateLogin .ico {
	display: inline-block;
	background: url(../img/header/sp_myIco.png) no-repeat;
}

#header .logArea > .inner .stateLogin .ico.myLevel {
	width: 40px;
	height: 66px;
	background-position: 0 14px;
}

#header .logArea > .inner .stateLogin .name {
	display: inline-block;
	color: #000;
	font-size: 20px;
	vertical-align: top;
	margin: 18px 0 0 10px;
	letter-spacing: -1px;
}

#header .logArea > .inner .stateLogin .ico.btnArrow {
	display: inline-block;
	margin: 31px 0 0 6px;
	width: 13px;
	height: 8px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: 0 -103px;
	vertical-align: top;
}

#header .logArea > .inner .stateLogin.on .ico.btnArrow {
	background-position: 0 -132px;
}

#header .logArea > .inner .stateLogCheck {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
	margin: 0 0 0 5px;
}

#header .logArea > .inner .stateLogCheck a {
	float: left;
	display: inline-block;
	color: #646464;
	font-size: 14px;
	padding: 5px 10px;
}

#header .logArea > .inner .stateLogCheck a:first-child {
	border-right: 1px solid #d7d7d7;
}

#header .logArea > .inner .btnMyLecture {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

#header .logArea > .inner .btnMyLecture .lecture {
	display: inline-block;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	vertical-align: top;
	margin: 20px 0 0 10px;
	letter-spacing: -1px;
}

#header .logArea > .inner .btnMyLecture .ico.btnArrow {
	display: inline-block;
	margin: 31px 0 0 6px;
	width: 13px;
	height: 8px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: 0 -103px;
	vertical-align: top;
}

#header .logArea > .inner .btnMyLecture.on .ico.btnArrow {
	background-position: 0 -132px;
}

#header .logArea > .inner .stateLoginCount {
	position: absolute;
	right: 15px;
	top: 19px;
	display: flex;
}

#header .logArea > .inner .stateLoginCount li {
	display: inline-block;
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 0 12px;
	display: flex;
	align-items: center;
}

#header .logArea > .inner .stateLoginCount li .some {
	display: inline-block;
	vertical-align: middle;
}

#header .logArea > .inner .stateLoginCount li.myViewPro {
	cursor: pointer;
	transition: 0.3s;
}

#header .logArea > .inner .stateLoginCount li.myViewPro.on .num {
	border: 2px solid #1a2c5e;
	background: #fff;
}

#header .logArea > .inner .stateLoginCount li.myViewPro.on .num i {
	color: #1a2c5e;
	font-weight: 500;
	font-style: bold;
}

#header .logArea > .inner .stateLoginCount li .num {
	display: inline-block;
	vertical-align: middle;
	background: #b0b0b0;
	border-radius: 15px;
	font-size: 15px;
	/* padding:5px 17px; */
	text-align: center;
	font-weight: normal;
	margin: 0 0 0 8px;
	width: 50px;
	height: 30px;
}

#header .logArea > .inner .stateLoginCount li .num em {
	display: table;
	height: 100%;
	width: 100%;
}

#header .logArea > .inner .stateLoginCount li .num em > i {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
	color: #fff;
	font-style: normal;
}

#header .logArea > .inner .stateLoginCount li:first-child + li .num {
	background: #1a2c5e;
}

#header .myInforBox {
	position: absolute;
	width: 100%;
	min-width: 1200px;
	background: #f5f5f5;
	/* border-bottom:1px solid #000; height:435px; box-shadow:0px 3px 3px #f5f5f5; */
	height: 0;
	margin: 0 0 0;
	overflow: hidden;
	letter-spacing: -1.5px;
	z-index: 10;
}

#header .myInforBox > .inner {
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 34px 0 0;
}

#header .myInforBox > .inner .section:first-child {
	margin: 0;
}

#header .myInforBox > .inner .section {
	float: left;
	width: 355px;
	margin: 0 0 0 65px;
}

#header .myInforBox > .inner .section .title {
	color: #000;
	font-size: 22px;
	text-align: center;
	width: 100%;
	display: table;
	border-bottom: 2px solid #313643;
	font-weight: normal;
	height: 53px;
	margin: 0 0 17px;
	color: #000 !important;
	letter-spacing: -1.5px;
}

#header .myInforBox > .inner .section .title span {
	display: table-cell;
	vertical-align: middle;
}

#header .myInforBox > .inner .section.s1 .siteInfo dl {
	overflow: hidden;
	margin: 0 0 4px;
}

#header .myInforBox > .inner .section.s1 .siteInfo dt {
	float: left;
	position: relative;
	color: #313643;
	font-size: 15px;
	width: 90px;
	padding: 2px 0 0 8px;
	margin: 0 0 0 5px;
}

#header .myInforBox > .inner .section.s1 .siteInfo dt:after {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	width: 3px;
	height: 3px;
	margin: 0 0 0;
	border-radius: 50%;
	background: #313643;
}

#header .myInforBox > .inner .section.s1 .siteInfo dt + dd {
	margin: 0;
}

#header .myInforBox > .inner .section.s1 .siteInfo dd {
	float: left;
	width: 84px;
	height: 27px;
	text-align: center;
	background: #fff;
	border: 1px solid #c7c7c7;
	display: table;
	margin: 0 0 0 4px;
}

#header .myInforBox > .inner .section.s1 .siteInfo dd.on {
	background: #313643;
	border: 1px solid #313643;
	color: #fff;
}

#header .myInforBox > .inner .section.s1 .siteInfo dd.on a {
	color: inherit;
}

#header .myInforBox > .inner .section.s1 .siteInfo dd a {
	display: table-cell;
	vertical-align: middle;
}

#header .myInforBox > .inner .section.s1 .notice {
	position: relative;
	margin: 48px 0 0;
}

#header .myInforBox > .inner .section.s1 .notice .tit {
	background: none;
	height: 31px;
	color: #000;
	text-align: left;
	font-size: 15px !important;
	padding: 3px 0 0;
	width: auto !important;
	margin: 0 0 0 18px;
	border: none;
	display: block;
	float: none;
}

#header .myInforBox > .inner .section.s1 .notice .inner {
	border: 1px solid #dedede;
	background: #fff;
	height: 91px;
	width: 100%;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_left {
	float: left;
	display: block;
	width: 97px;
	height: 100%;
	border-right: 1px solid #dedede;
	vertical-align: middle;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_left .ico {
	width: 39px;
	height: 39px;
	display: block;
	margin: 25px auto 0;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -181px 0;
	text-indent: -9999em;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right {
	position: relative;
	float: right;
	width: 256px;
	height: 91px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .slider {
	width: 100%;
	height: 91px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right dl {
	padding: 20px 25px 25px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right dt {
	display: block;
	color: #2763ba;
	font-size: 15px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right dd {
	display: block;
	color: #000;
	font-size: 15px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox {
	position: absolute;
	right: 5px;
	top: -26px;
	margin-top: 0;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox .btn {
	float: left;
	display: inline-block;
	background: url(../img/sp_main.png) no-repeat;
	text-indent: -9999em;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox .btn a {
	display: block;
	width: 100%;
	height: 100%;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox .btn.prev {
	width: 21px;
	height: 21px;
	background-position: -61px -101px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox .btn.next {
	width: 20px;
	height: 21px;
	background-position: -82px -101px;
}

#header .myInforBox > .inner .section.s1 .notice .inner .article_right .btnBox .arrow > a {
	margin: -18px 0 0;
}

#header .myInforBox > .inner .section.s2 {
}

#header .myInforBox > .inner .section.s2 .section_top {
	background: #fff;
	border: 1px solid #dedede;
	width: 355px;
	height: 100px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left {
	float: left;
	display: block;
	width: 115px;
	height: 100%;
	border-right: 1px solid #dedede;
	vertical-align: middle;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico {
	width: 100%;
	height: 100%;
	display: block;
	background: url(/story/missionking/img/sp_rankIcon.png) no-repeat;
	text-indent: -9999em;
	margin: -5px 0 0 5px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st0,
.myInforBox > .inner .section.s2 .section_top .article_left .ico.st {
	background-position: -145px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st1 {
	background-position: -145px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st2 {
	background-position: -253px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st3 {
	background-position: -361px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st4 {
	background-position: -469px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st5 {
	background-position: -577px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st6 {
	background-position: -685px 0;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st7 {
	background-position: -145px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st8 {
	background-position: -253px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st9 {
	background-position: -361px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st9 {
	background-position: -469px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st10 {
	background-position: -577px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st11 {
	background-position: -685px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st12 {
	background-position: -577px -108px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st13 {
	background-position: -145px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st14 {
	background-position: -253px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st15 {
	background-position: -361px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st16 {
	background-position: -469px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st17 {
	background-position: -577px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_left .ico.st18 {
	background-position: -685px -216px;
}

#header .myInforBox > .inner .section.s2 .section_top .article_right {
	float: right;
	width: 238px;
	height: 100%;
	display: table;
}

#header .myInforBox > .inner .section.s2 .section_top dl {
	display: table-cell;
	vertical-align: middle;
	padding: 0 25px;
}

#header .myInforBox > .inner .section.s2 .section_top dt {
	display: block;
	color: #000;
	font-size: 15px;
}

#header .myInforBox > .inner .section.s2 .section_top dd {
	display: block;
	color: #2763ba;
	font-size: 15px;
	margin: 5px 0 0;
	font-weight: 500;
}

#header .myInforBox > .inner .section.s2 .section_top dd a {
	position: relative;
	color: inherit;
}

#header .myInforBox > .inner .section.s2 .section_top dd a:after {
	position: absolute;
	content: '';
	right: -10px;
	top: 7px;
	width: 4px;
	height: 7px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -181px -60px;
}

#header .myInforBox > .inner .section.s2 .section_mid {
	margin: 22px 0 0;
}

#header .myInforBox > .inner .section.s2 .section_mid .s1 {
	color: #313643;
	font-size: 15px;
	font-weight: 500;
}

#header .myInforBox > .inner .section.s2 .section_mid .s1 strong {
	color: #009de6;
}

#header .myInforBox > .inner .section.s2 .section_mid .s2 {
	overflow: hidden;
	margin: 4px 0 0;
}

#header .myInforBox > .inner .section.s2 .section_mid .s2 > span {
	float: left;
	color: #313643;
	font-size: 13px;
	margin: 2px 0 0;
	width: 240px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#header .myInforBox > .inner .section.s2 .section_mid .s2 .btn {
	float: right;
	color: #1a2c5e;
	border: 1px solid #dedede;
	background: #fff;
	padding: 3px 25px;
}

#header .myInforBox > .inner .section.s2 .section_mid .s2 .tRed {
	color: #e82d6f;
}

#header .myInforBox > .inner .section .section_btm {
	text-align: center;
	margin: 20px 0 0;
}

#header .myInforBox > .inner .section .section_btm a {
	display: inline-block;
	background: #1a2c5e;
	color: #fff;
	font-size: 14px;
	padding: 7px 25px;
}

#header .myInforBox > .inner .section.s3 {
}

#header .myInforBox > .inner .section.s3 .title {
	margin: 0 0 13px;
}

#header .myInforBox > .inner .section.s3 .inner.a1 {
	text-align: center;
}

#header .myInforBox > .inner .section.s3 .inner.a1 .section_top {
	color: #000;
	font-size: 20px;
	font-weight: 500;
	border-bottom: none;
	padding: 0;
}

#header .myInforBox > .inner .section.s3 .inner.a1 .section_mid {
	margin: 8px 0 0;
}

#header .myInforBox > .inner .section.s3 .inner.a1 .section_mid p {
	color: #646464;
	font-size: 15px;
	line-height: 1.4;
}

#header .myInforBox > .inner .section.s3 .inner.a1 .section_mid .ico {
	display: inline-block;
	margin: 11px 0 0;
	width: 92px;
	height: 99px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: 0 -168px;
}

#header .myInforBox > .inner .section.s3 .inner.a1 .section_btm {
	margin: 12px 0 0;
}

#header .myInforBox > .inner .section.s3 .inner.a3 {
	text-align: center;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_top {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 10px 12px;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_mid {
	margin: 23px 0 0;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_mid p {
	color: #646464;
	font-size: 15px;
	line-height: 1.4;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_mid .alpha {
	height: 95px;
	width: 100%;
	display: table;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_mid .alpha span {
	color: #1a2c5e;
	font-size: 55px;
	display: table-cell;
	vertical-align: middle;
	font-weight: 500;
}

#header .myInforBox > .inner .section.s3 .inner.a3 .section_btm {
	margin: 33px 0 0;
}

#header .myInforBox > .inner .section.s3 .section_top {
	color: #000;
	font-size: 15px;
	border-bottom: 1px solid #d2d2d2;
	padding: 0 10px 12px;
}

#header .myInforBox > .inner .section.s3 .tBlue {
	color: #2763ba;
	letter-spacing: -0.5px;
}

#header .myInforBox > .inner .section.s3 .section_top .date {
	position: relative;
	margin: -3px 0 0 23px;
	color: #2763ba;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
	vertical-align: top;
}

#header .myInforBox > .inner .section.s3 .section_top .date:after {
	position: absolute;
	left: -12px;
	top: 7px;
	content: '';
	width: 1px;
	height: 13px;
	background: #2763ba;
}

#header .myInforBox > .inner .section.s3 .section_top .date strong {
	color: #000;
}

#header .myInforBox > .inner .section.s3 .section_mid {
	padding: 0 10px;
}

#header .myInforBox > .inner .section.s3 .section_mid .s1 {
	color: #000;
	font-size: 18px;
	font-weight: 500;
	margin: 10px 0 0;
}

#header .myInforBox > .inner .section.s3 .section_mid ul {
	margin: 10px 0 0;
}

#header .myInforBox > .inner .section.s3 .section_mid li {
	position: relative;
	color: #000;
	font-size: 15px;
	padding: 0 0 0 8px;
	margin: 5px 0 0;
}

#header .myInforBox > .inner .section.s3 .section_mid li:after {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	margin: 0 0 0;
	width: 2px;
	height: 2px;
	background: #000;
	border-radius: 50%;
}

#header .myInforBox > .inner .section.s3 .section_mid .line {
	display: inline-block;
	width: 1px;
	height: 13px;
	background: #2763ba;
	margin: -1px 10px 0;
	vertical-align: middle;
}

#header .myInforBox > .inner .section.s3 .section_btm {
	text-align: center;
	margin: 42px 0 0;
}

#header .myInforBox > .inner .btnClose {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 39px;
	height: 38px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -48px -101px;
	text-indent: -9999em;
	display: block;
}

#header .logArea > .inner .myViewProBox.on {
	height: auto;
	border-bottom: 1px solid #000;
	z-index: 10;
}

#header .logArea > .inner .myViewProBox {
	position: absolute;
	right: 0px;
	top: 65px;
	height: 0;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	border-bottom: none;
	width: 660px;
	background: #fff;
	letter-spacing: -1px;
}

#header .logArea > .inner .myViewProBox .titleArea {
	position: relative;
	background: #f7f7f7;
	height: 62px;
	border-bottom: 1px solid #e9e9e9;
	padding: 17px 0 0 64px;
}

#header .logArea > .inner .myViewProBox .titleArea .tit {
	position: relative;
}

#header .logArea > .inner .myViewProBox .titleArea .tit:after {
	position: absolute;
	left: -22px;
	top: 6px;
	content: '';
	width: 17px;
	height: 17px;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -179px -100px;
	text-indent: -9999em;
	display: block;
}

#header .logArea > .inner .myViewProBox .titleArea .tit .s1 {
	color: #000;
	font-size: 17px;
	font-weight: 500;
}

#header .logArea > .inner .myViewProBox .titleArea .tit .s2 {
	color: #969696;
	font-size: 15px;
	margin: 0 0 0 3px;
}

#header .logArea > .inner .myViewProBox .sliderArea {
	padding: 0 40px;
}

#header .logArea > .inner .myViewProBox .slider {
	height: 325px;
}

#header .logArea > .inner .myViewProBox .slider li:first-child {
	border-top: none;
}

#header .logArea > .inner .myViewProBox .slider ul {
}

#header .logArea > .inner .myViewProBox .slider li {
	display: table;
	width: 100%;
	height: 63px !important;
	border-top: 1px solid #e5e1e3;
}

#header .logArea > .inner .myViewProBox .slider li div {
	display: table-cell;
	vertical-align: middle;
}

#header .logArea > .inner .myViewProBox .slider .s1 {
	color: #323232;
	font-size: 15px;
	width: 354px;
}

#header .logArea > .inner .myViewProBox .slider .s2 {
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	width: 84px;
}

#header .logArea > .inner .myViewProBox .slider .s2 .a1 {
	color: #646464;
	display: block;
}

#header .logArea > .inner .myViewProBox .slider .s2 .a2 {
	color: #000;
	font-size: 15px;
}

#header .logArea > .inner .myViewProBox .slider .s3 {
	width: 123px;
	text-align: right;
}

#header .logArea > .inner .myViewProBox .slider .s3 label {
	color: #ce133f;
	font-size: 15px;
}

#header .logArea > .inner .myViewProBox .slider .s3 input {
	position: absolute;
	left: -999em;
}

#header .logArea > .inner .myViewProBox .slider .s3 .ico {
	margin: -3px 0 0 3px;
	vertical-align: middle;
	display: inline-block;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -129px 0;
	width: 18px;
	height: 18px;
}

#header .logArea > .inner .myViewProBox .slider label.checked .ico {
	background-position: -129px -49px;
}

#header .logArea > .inner .myViewProBox .titleArea .btnBox {
	position: absolute;
	right: 59px;
	top: 27px;
	margin: 0 !important;
}

#header .logArea > .inner .myViewProBox .titleArea .btnBox .arrow {
	float: left;
	display: inline-block;
	background: url(../img/sp_main.png) no-repeat;
	text-indent: -9999em;
}

#header .logArea > .inner .myViewProBox .titleArea .btnBox .arrow a {
	display: block;
	width: 100%;
	height: 100%;
}

#header .logArea > .inner .myViewProBox .titleArea .btnBox .arrow.back {
	width: 21px;
	height: 21px;
	background-position: -61px -101px;
}

#header .logArea > .inner .myViewProBox .titleArea .btnBox .arrow.forward {
	width: 20px;
	height: 21px;
	background-position: -82px -101px;
}

#header .logArea > .inner .myViewProBox .btnBtm {
	background: #f7f7f7;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	height: 42px;
	display: table;
}

#header .logArea > .inner .myViewProBox .btnBtm .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding: 0 20px 0 0;
}

#header .logArea > .inner .myViewProBox .btnBtm .inner button {
	text-align: left;
	padding: 0 14px;
	font-size: 14px;
	line-height: 26px;
}

#header .logArea > .inner .myViewProBox .btnBtm .inner .s1 {
	background: #2763bb;
	color: #fff;
	border: 1px solid #2763bb;
}

#header .logArea > .inner .myViewProBox .btnBtm .inner .s2 {
	margin: 0 0 0 -5px;
	background: #fff;
	border: 1px solid #ccc;
	color: #000;
	font-weight: 500;
}

#header .logArea > .inner .myViewProBox .btnBtm .inner .btnClose {
	display: inline-block;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -115px -148px;
	width: 40px;
	height: 27px;
	text-indent: -9999em;
}

#header .logArea > .inner .myViewLecture.on {
	border-bottom: 1px solid #000;
}

#header .logArea > .inner .myViewLecture {
	z-index: 5;
	position: absolute;
	left: 0px;
	top: 65px;
	display: none;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	/*border-top:none;*/
	border-bottom: none;
	width: 660px;
	background: #fff;
	letter-spacing: -1px;
}

#header .logArea > .inner .myViewLecture .titleArea {
	background: #f7f7f7;
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #e9e9e9;
	display: table;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 77px 0 43px;
	overflow: hidden;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit {
	position: relative;
	display: inline-block;
	color: #000;
	font-size: 17px;
	color: #323232;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit:after {
	position: absolute;
	right: -17px;
	top: 8px;
	content: '';
	display: block;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -183px -150px;
	width: 13px;
	height: 13px;
	text-indent: -9999em;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit strong {
	color: #000;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit .tRed {
	color: #ce133f;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit.s1 {
	float: left;
}

#header .logArea > .inner .myViewLecture .titleArea > .inner .tit.s2 {
	float: right;
}

#header .logArea > .inner .myViewLecture .mid {
}

#header .logArea > .inner .myViewLecture .mid .tit {
	color: #000;
	font-size: 17px;
	border-bottom: 1px solid #000;
	padding: 15px 0 8px;
	font-weight: 500;
}

#header .logArea > .inner .myViewLecture .mid .inner {
	max-height: 325px;
	overflow: auto;
	padding: 10px 40px 25px;
}

#header .logArea > .inner .myViewLecture .mid ul {
	padding: 10px 0;
}

#header .logArea > .inner .myViewLecture .mid li {
	margin: 0 0 3px;
	color: #646464;
	font-size: 15px;
}

#header .logArea > .inner .myViewLecture .mid li.tBlue {
	color: #2864b9;
}

#header .logArea > .inner .myViewLecture .btnBtm {
	background: #f7f7f7;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	height: 42px;
	display: table;
}

#header .logArea > .inner .myViewLecture .btnBtm .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px 0 48px;
	overflow: hidden;
}

#header .logArea > .inner .myViewLecture .btnBtm .inner button {
	text-align: left;
	padding: 0 14px;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: -1px;
}

#header .logArea > .inner .myViewLecture .btnBtm .inner .s1 {
	float: left;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
}

#header .logArea > .inner .myViewLecture .btnBtm .inner .btnClose {
	float: right;
	display: inline-block;
	background: url(../img/header/sp_header.png) no-repeat;
	background-position: -127px -146px;
	width: 27px;
	height: 27px;
	text-indent: -9999em;
}

#header .logArea > .inner .myViewLecture .todayPlan em {
	border-radius: 2px;
	display: inline-block;
	color: #fff;
	background: #6dcbd9;
	border: 1px solid #56c0d0;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 12px;
	padding: 2px 3px 2px 3px;
}

#header .h_recomLecture {
	margin: 10px 0;
	width: 100%;
}

#header .h_recomLecture ul {
	text-align: center;
}

#header .h_recomLecture li:first-child {
	margin: 0;
}

#header .h_recomLecture li {
	display: inline-block;
	margin: 0 0 0 10px;
}

.screenDim {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=3);
	z-index: 97;
}

.screenDim.on {
	display: block;
}

#wrapper {
	position: relative;
	width: 1200px;
	/* min-height:800px; */
	margin: 30px auto 0;
	z-index: 1;
}

#wrapper:after {
	content: ' ';
	display: block;
	clear: both;
}

#leftArea {
	position: relative;
	float: left;
	width: 200px !important;
	margin-right: 35px;
}

#mainContents {
	position: relative;
	float: left;
	width: 850px;
}
/*-- 구 컨텐츠 호환용 --*/

#mainCont {
	position: relative;
	float: left;
	width: 730px;
	margin-left: 60px;
}

#mainCont,
#mainCont * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
/*--// 구 컨텐츠 호환용 --*/

#rightArea {
	position: absolute;
	width: 80px;
	left: 1120px;
	top: 1px;
	overflow: hidden;
	font-size: 14px;
}

#footerWrapper {
	position: relative;
	width: 1200px;
	/*height:128px;*/
	padding-bottom: 20px;
	margin: 0 auto;
	border-top: 1px solid #e1e1e1;
	z-index: 3;
	font-size: 14px;
}

#popupCont {
	padding: 15px;
}

.alignGroup,
.fGroup {
	overflow: hidden;
	zoom: 1;
}

.alignGroup .left,
.fLeft,
.fleft {
	float: left;
}

.alignGroup .right,
.fRight,
.fright {
	float: right;
}

.alignGroup img {
	vertical-align: top;
}

.alignGroup .subject {
	background: url('../img/icon_title.gif') no-repeat left center;
	padding: 0 0 0 14px;
	color: #333333;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
}

/* GNB ---------------------------------------------- */
#headerWrapper {
	border-bottom: 3px solid #e3405f;
}
/* 임시 */

.gnbSub {
	width: 100%;
	min-width: 1200px;
}

:root .mainCategory .gnbSub .goOnlineBook a {
	height: 18px;
	padding: 8px 22px 0 37px;
}

.mainCategory {
	position: absolute;
	top: 84px;
	width: 100%;
}

.mainCategory li {
	float: left;
	display: inline-block;
	height: 40px;
}

.mainCategory li a {
	display: block;
	width: 100%;
	height: 100%;
	font: 0/0 arial;
	text-indent: -9999px;
	background: url(../img/spr_gnb.png) no-repeat;
}

.mainCategory h1 {
	position: absolute;
	top: 71px;
	left: 0px;
	width: 146px;
	height: 54px;
}

.mainCategory h1 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.mainCategory .gnbSub {
	float: right;
	display: block;
	margin: 20px -17px 0 0;
}

.mainCategory .gnbSub li {
	float: left;
	display: inline-block;
	line-height: 28px;
	margin: 0 17px 0 0;
}

:root .mainCategory .gnbSub li {
	line-height: 30px;
}

.mainCategory .gnbSub li a {
	height: 20px;
	line-height: 1em;
	letter-spacing: -1px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
}

.mainCategory .gnbSub li a.gold {
	color: #ce993d;
}

.mainCategory .gnbSub .goOnlineBook {
	position: relative;
	margin: 0;
}

.mainCategory .gnbSub .goOnlineBook a {
	display: block;
	padding: 6px 22px 1px 37px;
	line-height: 1em;
	background: #f1f1f1 url(../img/spr_gnbIcon.gif) 13px 6px no-repeat;
	border: 1px solid #d9d9d9;
}

.mainCategory .gnb01 {
	width: 88px;
}

.mainCategory .gnb02 {
	width: 88px;
}

.mainCategory .gnb03 {
	width: 88px;
}

.mainCategory .gnb04 {
	width: 80px;
}

.mainCategory .gnb05 {
	width: 120px;
}

.mainCategory .gnb06 {
	width: 70px;
}

.mainCategory .gnb07 {
	width: 131px;
}

.mainCategory .gnb08 {
	width: 78px;
	margin-left: 24px;
}

.mainCategory .gnb09 {
	width: 78px;
}

.mainCategory .gnb01 a {
	background-position: 5px 0;
}

.mainCategory .gnb02 a {
	background-position: -83px 0;
}

.mainCategory .gnb03 a {
	background-position: -171px 0;
}

.mainCategory .gnb04 a {
	background-position: -259px 0;
}

.mainCategory .gnb05 a {
	background-position: -339px 0;
}

.mainCategory .gnb06 a {
	background-position: -459px 0;
}

.mainCategory .gnb07 a {
	background-position: -529px 0;
}

.mainCategory .gnb08 a {
	background-position: -684px 0;
}

.mainCategory .gnb09 a {
	background-position: -762px 0;
}

.mainCategory .gnb01.on a,
.mainCategory .gnb01 a:hover {
	background-position: 5px -100px;
}

.mainCategory .gnb02.on a,
.mainCategory .gnb02 a:hover {
	background-position: -83px -100px;
}

.mainCategory .gnb03.on a,
.mainCategory .gnb03 a:hover {
	background-position: -171px -100px;
}

.mainCategory .gnb04.on a,
.mainCategory .gnb04 a:hover {
	background-position: -259px -100px;
}

.mainCategory .gnb05.on a,
.mainCategory .gnb05 a:hover {
	background-position: -339px -100px;
}

.mainCategory .gnb06.on a,
.mainCategory .gnb06 a:hover {
	background-position: -459px -100px;
}

.mainCategory .gnb07.on a,
.mainCategory .gnb07 a:hover {
	background-position: -529px -100px;
}

.mainCategory .gnb08.on a,
.mainCategory .gnb08 a:hover {
	background-position: -684px -100px;
}

.mainCategory .gnb09.on a,
.mainCategory .gnb09 a:hover {
	background-position: -762px -100px;
}

/* LNB ---------------------------------------------- */
#leftArea {
}

.lnbMenuList .list-group-item {
	padding: 1px;
}

.lnbMenuList .list-group-item.title {
	background-color: #f4f4f4;
	font-family: 'Noto Sans KR';
	font-size: 1.1em;
	font-weight: 500;
	color: gray;
	padding: 8px 7px;
	margin-top: 5px;
}

.lnbMenuList .list-group-item.title.active {
	color: white;
}

.lnbMenuList .list-group-item > .nav-pills > li > a {
	border-radius: 0;
	color: gray;
}

.lnbMenuList .list-group-item > ul > .selected {
	background-color: #ebebeb;
	/*background-image:linear-gradient(to bottom, #337ab7 0, #2b669a 100%)*/
}

.lnbMenuList .list-group-item > ul > .selected > a {
	color: red;
}

/* Contents ---------------------------------------------- */
#wrapper.wide .ben img {
	position: relative;
	left: -745px;
}

.inToggleSectionWrap.full .inToggleSection .tit {
}

.inToggleSectionWrap.full .inToggleSection .tit .evet_tit {
}

.inToggleSectionWrap.full .inToggleSection .tit .evet_tit {
	width: 1000px;
	margin: 0 auto;
}

.inToggleSection.on .toggleCont {
	display: block;
}

/* Footer ---------------------------------------------- */
#vsFooterWrap {
	position: relative;
	width: 100%;
	border-top: 1px solid #e1e1e1;
	padding: 30px 0 0;
	margin: 50px auto 0;
	font-size: 12px;
	line-height: 1.3;
	zoom: 1;
	background: #fff;
	min-width: 1200px;
}

#vsFooterWrap > .inner {
	overflow: hidden;
	height: 175px;
}

#vsFooterWrap .footer_btnGoTop {
	position: absolute;
	left: 50%;
	top: -50px;
	margin: 0 0 0 645px;
	transition: all 0.3s;
	display: block;
	background: url(../img/footer_btnGoTop.png) no-repeat;
	width: 52px;
	height: 49px;
	text-indent: -9999em;
}

@media all and (max-width: 1460px) {
	#vsFooterWrap .footer_btnGoTop {
		margin: 0 0 0 548px;
	}
}

.vsFooter {
	width: 1010px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.vsFooter ul,
.vsFooter ul li {
	list-style: none;
}

.vsFooter:after {
	content: '';
	display: block;
	clear: both;
}

.vsFooter .vsLogo {
	float: left;
	width: 122px;
}

.vsFooter .info {
	position: relative;
	float: right;
	width: 886px;
	border: none !important;
}

.vsFooter .info ul {
	height: 33px;
	zoom: 1;
}

.vsFooter .info ul:after {
	content: '';
	display: block;
	clear: both;
}
/* 20190916 */

.vsFooter .info ul li {
	float: left;
	padding-left: 21px;
	margin-right: 22px;
	background: url(../img/footer/footer_bar.gif) no-repeat 0 3px;
	letter-spacing: -1px;
}
/* .vsFooter .info ul li {float:left;padding-left:15px;margin-right:15px; background:url(../img/footer/footer_bar.gif) no-repeat 0 3px;letter-spacing:-1px;} */

.vsFooter .info ul li:first-child {
	background: none;
	padding: 0;
}

.vsFooter .info ul li.last {
	margin-right: 0;
}

.vsFooter .info ul li a {
	font-size: 13px;
	color: #555;
	text-decoration: none;
	font-weight: 500;
}

.vsFooter .info ul li a strong {
	color: #34a4d2;
}

.vsFooter .info .addr {
	position: relative;
	font-size: 12px;
	margin-bottom: 23px;
	color: #aaa;
	line-height: 19px;
	padding: 0 260px 0 0;
}

.vsFooter .info .addr a {
	color: #aaa;
	text-decoration: none;
}

.vsFooter .info .addr span {
	margin-left: 10px;
}

.vsFooter .info .addr span.noL {
	margin-left: 0;
}

.vsFooter .info .addr small {
	display: block;
	padding-top: 8px;
	color: #878787;
	font-size: 12px;
}

.vsFooter .info .addr p {
	padding-top: 8px;
	color: #878787;
}

.vsFooter .info .addr .familySiteBtn {
	position: absolute;
	right: 0;
	bottom: 8px;
	text-indent: -9999em;
	background: url(../img/footer/familySiteBtn.png) no-repeat;
	width: 128px;
	height: 27px;
	transition: all 0.3s ease-out;
}

.vsFooter .info .addr .familySiteBtn:focus {
	outline: none;
}

.vsFooter .info .addr .familySiteBtn.on {
	background-position: 0 -27px;
}

.vsFooter .info .addr .familySiteBtn:hover {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.vsFooter .info .addr .familySiteBtn:active {
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.vsFooter .info .familySite {
	overflow: hidden;
	border-top: 1px #ebebeb solid;
	padding-top: 25px;
	zoom: 1;
}

.vsFooter .info .familySite:after {
	content: '';
	display: block;
	clear: both;
}

.vsFooter .info .familySite p {
	float: left;
	padding-top: 1px;
	color: #6e85a0;
	font-size: 14px;
	font-weight: 500;
}

.vsFooter .info .familySite .site.first {
	border-left: none;
}

.vsFooter .info .familySite .site {
	float: left;
	width: 45%;
	padding: 0 0 5px 50px;
	border-left: 1px dashed #d6d6d6;
}

.vsFooter .info .familySite .site.last {
	width: 24%;
	background: none;
}

.vsFooter .info .familySite .site dl {
	line-height: 23px;
	zoom: 1;
}

.vsFooter .info .familySite .site dl:after {
	content: '';
	display: block;
	clear: both;
}

.vsFooter .info .familySite .site dl dt {
	float: left;
	width: 40%;
	color: #555658;
	font-size: 12px;
}

.vsFooter .info .familySite .site dl dd {
	float: left;
	width: 60%;
	color: #8a8d90;
}

.vsFooter .info .familySite .site dl dd a {
	font-size: 12px;
	color: #8a8d90;
	text-decoration: none;
}

.vsFooter .info .familySite .site dl dd a:hover {
	text-decoration: underline;
}

.vsFooter .info .familySite .site.last dl dt {
	width: 33%;
}

.vsFooter .info .familySite .site.last dl dd {
	width: 67%;
}

.vsFooter .escrow {
	position: absolute;
	right: 0;
	top: 36px;
}

/* LNB 기존 리뉴얼 수정 */
#leftMenu {
	position: relative;
}

#leftMenu h1 {
	display: block;
	height: 94px;
	line-height: 87px;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: -2px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
}

#leftMenu h1.teacher {
	display: block;
	height: auto;
	padding: 7px 0 19px;
	border: none;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	letter-spacing: -2px;
	line-height: 21px;
}

#leftMenu h1 a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #323949 !important;
}

#leftMenu h1.ft26 {
	font-size: 26px;
}

#leftMenu #nav {
	position: relative;
	z-index: 1;
	padding-bottom: 20px;
}

#leftMenu #nav ul:after {
	content: ' ';
	display: block;
	clear: both;
}

#leftMenu #nav ul li {
	width: 100%;
	height: auto;
	text-indent: 25px;
	clear: both;
	vertical-align: top;
}

#leftMenu #nav ul li a {
	display: block;
	width: 100%;
	height: 55px;
	line-height: 49px;
	font-weight: 500;
	font-size: 17px;
	color: #323232;
	letter-spacing: -1px;
	word-spacing: -1px;
	text-decoration: none;
	border: 1px solid #dcdcdc;
	background: url('../img/bg_lnb_off.png') no-repeat 177px 24px;
	position: relative;
	margin-top: -1px;
	z-index: 1;
}

#leftMenu #nav ul li a:hover,
#leftMenu #nav ul li a.on {
	text-decoration: none;
	color: #fff;
	border: 1px solid #245aa6;
	background: #2864b9 url('../img/bg_lnb_on.png') no-repeat 177px 24px;
	z-index: 2;
}

#leftMenu #nav ul li a.on + ul {
	border-top: none;
}

#leftMenu #nav ul.recommend {
	padding: 15px 0 15px 10px;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	margin: 0;
}

#leftMenu #nav ul.recommend li {
	display: block;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}

#leftMenu #nav ul.recommend li a {
	display: block;
	clear: both;
	height: 20px;
	color: #666;
	text-indent: 0;
	padding: 0 0 0 28px;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: -1px;
	font-weight: 500;
	background: url(../img/bg_recommend.gif) 0 5px no-repeat;
	border: none;
}

#leftMenu #nav ul.recommend a.on,
#leftMenu #nav ul.recommend a:hover {
	color: #cc3344;
	border: none;
}

#leftMenu #nav ul.recommend span {
	display: block;
	width: 0;
	height: 0;
	font: 0/0 arial;
	overflow: hidden;
}

#leftMenu #nav ul li ul {
	float: left;
	width: 100%;
	height: auto;
	display: none;
	padding: 20px 0;
	border: 1px solid #dcdcdc;
	border-top: none;
	margin-bottom: -1px;
	background: #fff;
}

#leftMenu #nav ul li ul li {
	height: 27px;
	margin: 0;
	padding: 0;
	background: none;
}

#leftMenu #nav ul li ul li a {
	display: block;
	height: 27px;
	font-size: 15px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	border: none;
	letter-spacing: -1px;
	line-height: 1.5;
	background: none;
	margin: 0;
}

#leftMenu #nav ul li ul li.on a,
#leftMenu #nav ul li ul li a:hover {
	text-decoration: none;
	color: #2763ba;
	font-weight: 500;
	border: none;
	background: none;
}
/* 20150813 -2px 수정 */

#leftMenu #nav ul li ul li a img {
	position: relative;
	top: -1px;
}

#leftMenu #nav ul li.on {
	height: auto;
}

#leftMenu #nav ul li.on a {
	color: #fff;
}

#leftMenu #nav ul li.on ul {
	background: none;
}

#leftMenu #nav ul li ul.book {
	margin: 0px;
	padding: 7px;
	background: url('../img/left_line1.gif') center top no-repeat;
	overflow: hidden;
}

#leftMenu #nav ul li ul.book li {
	width: 63px;
	float: left;
	font-size: 11px !important;
	background: url('../img/blt_se2g.gif') left 6px no-repeat;
}

#leftMenu #nav ul li ul.book li a {
	height: 18px;
	line-height: 20px;
	display: block;
	font-weight: normal;
	letter-spacing: -2px;
}

#leftMenu #nav ul li ul.book li.on ul {
	background: none;
}

#leftMenu #nav ul li ul.book li.on {
	background: url('../img/blt_se2p.gif') left 6px no-repeat;
}

#leftMenu #nav ul li ul.book li.on a {
	color: #d35465 !important;
	font-weight: 500;
	letter-spacing: -3px;
}

www.soobakc.com/teacher/ #leftMenu #nav ul li ul.column2 li {
	clear: none;
	float: left;
	width: 47%;
	display: inline-block;
}

#leftMenu #nav ul li ul.column2 li.subTit {
	clear: both;
	width: 100%;
	height: auto;
	color: #444;
	font-size: 16px;
	font-weight: 500;
	margin: 15px 0 12px 0;
	letter-spacing: -1px;
}

#leftMenu #nav ul li ul.column2 li.subTit.first {
	margin: 0 0 12px 0;
}

#leftMenu #nav ul li ul.column2 li.on a,
#leftMenu #nav ul li ul.column2 li a:hover {
	background-position: 58px 4px;
}

#leftMenu #nav ul.etc li {
	background: url('../img/leftmenu_etc.gif') center top no-repeat;
}

#leftMenu #nav ul.etc li a {
	color: #666666 !important;
}

#leftMenu #nav ul.etc li.on {
	background: url('../img/leftmenu_etc_on.gif') center top no-repeat;
}

#leftMenu #nav ul.etc li.on a {
	color: #fff !important;
}

#leftMenu #nav ul li.txtLetter > a {
	letter-spacing: -2px;
}

#nav .groupTitle {
	position: relative;
	clear: both;
	display: block;
	font-weight: 500;
	font-size: 18px;
	color: #1a2c5e;
	letter-spacing: -1px;
	line-height: 1.5;
	padding: 0 0 0 12px;
	margin: 20px 0 13px 19px;
}

#nav .groupTitle:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: 'ㆍ';
}

#leftMenu #nav ul li.dotline {
	position: relative;
	margin-top: 25px;
	position: relative;
}

#leftMenu #nav ul li.dotline:after {
	position: absolute;
	top: -13px;
	left: 25px;
	display: block;
	width: 150px;
	content: '';
	border-top: 1px dashed #e5e5e5;
}

#nav #etcNavi {
	float: left;
	display: block;
	width: 100%;
	margin-top: 30px;
}

#nav #etcNavi h2 {
	width: 100%;
	height: 40px;
	text-indent: 25px;
	color: #323232;
	border: 1px solid #dcdcdc;
}

#nav #etcNavi h2 a {
	font-family: 'Malgun Gothic';
	font-size: 16px;
	line-height: 40px;
	color: #323232;
	font-weight: 500;
	letter-spacing: -1px;
	text-decoration: none;
	padding-right: 15px;
	background: url('../img/bul_lnb.png') no-repeat 100% 7px;
}

#nav #etcNavi .naviCnt {
	border: 1px solid #dcdcdc;
	border-width: 0 1px 1px 1px;
	padding: 20px 0 12px 0;
}

#nav #etcNavi .naviCnt.othSt {
	background: url('../img/bg_etcNavi.gif') no-repeat;
}

#nav #etcNavi .naviCnt ul {
	overflow: hidden;
}

#nav #etcNavi .naviCnt ul li {
	height: 27px;
	display: block;
	margin: 0;
	text-indent: 25px;
	background: none;
	padding: 0;
}

#nav #etcNavi .naviCnt ul li a {
	height: 100%;
	font-size: 15px;
	font-family: 'Malgun Gothic';
	color: #666;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -1px;
	border: none;
	background: none;
}

#nav #etcNavi .naviCnt ul li a:hover {
	height: 100%;
	color: #2763ba;
	font-weight: 500;
	background: none;
}

#nav #etcKnowledge div.knowLnbBanner li a {
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	height: 48px;
	line-height: 45px;
	background: #f7f7f7 url(../img/bg_lnb_right_off.png) no-repeat 177px center;
	text-indent: 25px;
}

#nav #etcKnowledge div.knowLnbBanner li a:hover {
	color: #323232;
	border: 1px solid #dcdcdc;
	background: #f7f7f7 url(../img/bg_lnb_right_off.png) no-repeat 177px center;
}

#leftMenu #nav .etcBanner {
	margin: 30px 0 0;
}

#leftMenu #nav .etcBanner li a {
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	height: 48px;
	line-height: 45px;
	background: #f7f7f7 url(../img/bg_lnb_right_off.png) no-repeat 177px center;
	text-indent: 25px;
}

#leftMenu #nav .etcBanner li a:hover {
	color: #323232;
	border: 1px solid #dcdcdc;
	background: #f7f7f7 url(../img/bg_lnb_right_off.png) no-repeat 177px center;
}

/* 20200409 add */
#leftMenu #nav.bookStore .classBtnBox {
	overflow: hidden;
	padding: 0 20px;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

#leftMenu #nav.bookStore .classBtnBox button {
	float: left;
	border: 1px solid #666;
	background: #fff;
	color: #666;
	font-size: 14px;
	width: 48px;
	height: 25px;
	margin: 0 0 0 5px;
	letter-spacing: -1px;
	text-indent: 0;
}

#leftMenu #nav.bookStore .classBtnBox button:nth-child(1) {
	margin: 0;
}

#leftMenu #nav.bookStore .classBtnBox button:nth-child(1).on {
	background: #2864b9;
	border: 1px solid #2864b9;
	color: #fff;
}

#leftMenu #nav.bookStore .classBtnBox button:nth-child(2).on {
	background: #009ce6;
	border: 1px solid #009ce6;
	color: #fff;
}

#leftMenu #nav.bookStore .classBtnBox button:nth-child(3).on {
	background: #505563;
	border: 1px solid #505563;
	color: #fff;
}

.lnbYBanner .itemWrap {
	border: 1px solid #dedede !important;
}

.lnbYBanner .itemWrap li {
	position: relative;
}

.lnbYBanner .itemWrap li:before {
	position: absolute;
	content: '';
	left: 0 !important;
	top: 0;
	height: 1px;
	width: 100% !important;
	background: #dedede !important;
}

.lnbYBanner .itemWrap li:first-child:before {
	background: none !important;
}

.lnbYBanner .itemWrap li a {
	display: block;
}

/* 전체메뉴 보기 */
.header_allMenuArea {
	display: none;
	z-index: 11;
	letter-spacing: -1px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 67px;
	min-width: 1200px;
	width: 100%;
	height: 860px;
	background: #fafafa;
	border-bottom: 1px solid #000;
}

.header_allMenuArea a {
	color: inherit;
}

.header_allMenuArea > .inner {
	position: relative;
	width: 1054px;
	height: 100%;
	margin: 0 auto;
	border-right: 1px solid #ddd;
}

.header_allMenuArea > .inner > ul {
	overflow: hidden;
	height: 100%;
}

.header_allMenuArea > .inner > ul > li {
	float: left;
	display: block;
	width: 210px;
	height: 100%;
	border-left: 1px solid #ddd;
	padding: 35px;
}

.header_allMenuArea > .inner > ul > li .h1 {
	height: 135px;
}

.header_allMenuArea > .inner > ul > li .h2 {
	height: 320px;
}

.header_allMenuArea > .inner > ul > li .h3 {
	height: 285px;
}

.header_allMenuArea > .inner > ul > li > div .tit {
	color: #2864b9;
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 10px;
}

.header_allMenuArea > .inner > ul > li > div > ul {
}

.header_allMenuArea > .inner > ul > li > div > ul > li {
	color: #646464;
	font-size: 14px;
	margin: 0 0 10px;
}

.header_allMenuArea > .inner > ul > li > div > ul > li .new {
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0 4px;
	background: url(../img/ico_new2.png) no-repeat;
	width: 9px;
	height: 9px;
}

.header_allMenuArea > .inner .addMenu {
	display: inline-block;
	margin: -90px 0 0 -13px;
	border: 1px solid #d7d7d7;
	border-top: none;
	background: #fff;
	width: 170px;
}

.header_allMenuArea > .inner .addMenu a {
	display: block;
	width: 100%;
	border-top: 1px solid #d7d7d7;
	line-height: 52px;
	padding: 0 0 0 28px;
	color: #323232;
	font-size: 15px;
	font-weight: 500;
	background: url(../img/allMenu_blet1.png) no-repeat 93% center;
}

.header_allMenuArea > .inner .btnClose {
	position: absolute;
	right: 15px;
	bottom: 0;
	width: 39px;
	height: 38px;
	background: url(../img/allMenu_blet2.png) no-repeat;
	text-indent: -9999em;
	display: block;
}

.jwplayer * {
	border-collapse: initial !important;
}

/* 헤더 100시간 추가 */
#header .headerTop > .inner .seachArea {
	width: 365px;
}

#header .headerTop > .inner .seachArea .btnSeach {
	right: 90px;
}

#header .headerTop > .inner .seachArea .inputSeacher::-webkit-input-placeholder {
	color: #717171;
}

#header .headerTop > .inner .seachArea .inputSeacher:-ms-input-placeholder {
	color: #717171;
}

#header .headerTop > .inner .seachArea .inputSeacher:focus::-webkit-input-placeholder {
	color: #fff;
}

#header .headerTop > .inner .seachArea .inputSeacher:focus:-ms-input-placeholder {
	color: #fff;
}

#header .headerTop > .inner .seachArea .ico_header_100 {
	position: absolute;
	right: 0;
	top: 9px;
}