@charset "euc-kr";
/* 추후에 common.css 뒤에 통합 */

/* 리뉴얼 추가 ---------------------------------------------- */
/* 폼 기존변경 */
select {
	height: 30px;
	padding: 0 26px 0 10px;
	border: 1px solid #dadada;
	vertical-align: middle;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/icon_arrow_down.png) no-repeat 100% 50%;
	padding-right: 0 \0 / IE8 + 9;
	background: #fff\0;
	background: #fff\0/;
}

select::-ms-expand {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select {
		background: #fff url(../img/icon_arrow_down.png) no-repeat 100% 50%;
	}
}

textarea {
	border: 1px solid #dadada;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

input[type='text'],
input.input01[type='text'],
input[type='password'] {
	height: 30px;
	padding: 2px 10px;
	border: 1px solid #dadada;
	line-height: 100%;
	vertical-align: middle;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

input.input02[type='text'] {
	height: 30px;
	padding: 2px 10px;
	border: 1px solid #dadada;
	line-height: 100%;
	vertical-align: middle;
	background: #f9f9f9;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

input[type='radio'] {
	vertical-align: middle;
	margin: 0;
}

input[type='checkbox'] {
	vertical-align: middle;
	margin: 0;
}

span.h20 {
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	margin-top: -3px;
}

span.h20f11 {
	padding-top: 3px;
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	font-size: 11px;
}

div.boxSearch1 h6 {
	line-height: 100%;
}

iframe {
	border: none;
}

.hand {
	cursor: pointer;
}

.f17 {
	font-size: 17px !important;
}

.bgLec11 {
	background: #2864ba;
}

div.selectbox1 {
	position: relative;
	height: 30px;
	border: 1px solid #ddd;
	font: 12px/100% Dotum;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

div.selectbox1 div {
	padding: 9px 4px 6px;
	background: #fff url(../img/icon_arrow_down.png) no-repeat 100% 50%;
	zoom: 1;
}

div.selectbox1 div.on {
	background: #fff url(../img/icon_arrow_down.png) no-repeat 100% 50%;
}

div.selectbox1 ul {
	position: absolute;
	left: -1px;
	width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	overflow: auto;
	visibility: hidden;
	z-index: 1;
}

div.selectbox1 ul li {
	padding: 3px 4px 1px;
	zoom: 1;
}

div.selectbox1 ul li.on {
	color: #d35465;
}

div.selectbox1 ul li.over {
	color: #fff;
	background: #000;
}

span.sort1 a {
	padding: 0 10px 0 25px;
	background: url('../img/arr01_up.gif') 0 1px no-repeat;
	display: inline-block;
	height: 22px;
	line-height: 20px;
}

span.sort1 a.on {
	color: #d35465 /*#222*/;
	background-image: url('../img/arr01_dn.gif');
	font-weight: normal;
}

div.boxSearch1 img.icnSearch {
	position: absolute;
	top: 2px;
	left: 0;
}

/* modal Popup 기존유지 */
.fixPop {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	cursor: pointer;
}

.fixPop .fixPop_area {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}

.fixPop .fixPop_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	cursor: pointer;
}

html.small_pop .fixPop .fixPop_area {
	overflow: auto;
	max-height: 650px;
}

.btn_buyBookView {
	position: relative;
	display: inline-block;
	color: #018d8c;
	text-align: left;
	background: url(../img/blt_arrow_green.png) no-repeat right 6px;
}

.btn_buyBookView:after {
	position: absolute;
	content: '';
	left: 5px;
	bottom: 4px;
	height: 1px;
	width: 88px;
	background: #018d8c;
}

/* 라인 기존유지 */
div.line01 {
	height: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}

div.line02 {
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	overflow: hidden;
}

div.lines_h20_01 {
	padding: 2px 10px 0;
	background: url('../img/lines_h20_01.gif');
	line-height: 20px;
	word-break: keep-all;
	word-wrap: break-word;
}

/* 바 기존변경 */
span.grap01 {
	height: 10px;
	margin: 0 5px 2px;
	border: 1px solid #4e4e4e;
	vertical-align: middle;
	display: inline-block;
}

span.grap01 em {
	height: 100%;
	display: block;
	font-size: 0px;
}

span.grap01y em {
	background: #ffc800;
}

span.grap01p em {
	background: #ff89a3;
}

span.grap02 {
	height: 6px;
	background: #eaeaea;
	vertical-align: middle;
	display: inline-block;
}

span.grap02 em {
	height: 100%;
	background: #ff89a3;
	display: block;
	font-size: 0px;
}

span.grap03 {
	height: 17px;
	background: #fff;
	display: inline-block;
}

span.grap03 em {
	position: relative;
	height: 100%;
	display: block;
}

span.grap03 em img {
	vertical-align: middle;
}

span.grap03 em small {
	position: absolute;
	top: 3px;
	right: -35px;
	width: 44px;
}

span.grap03a em {
	background-image: url('../img/grap01_01.gif');
}

span.grap03b em {
	background-image: url('../img/grap01_02.gif');
}

span.grap03c em {
	background-image: url('../img/grap01_03.gif');
}

span.grap03d em {
	background-image: url('../img/grap01_04.gif');
}

span.grap03e em {
	background-image: url('../img/grap01_05.gif');
}

/* 글꼴 기존변경 */
.point1,
.point1 td {
	color: #cd3848 !important;
}

.point7,
.point7 td {
	color: #2864ba !important;
}

.black1,
.black1 td {
	color: #000 !important;
}

/* 불릿 기존유지 */
.blt_ac1s {
	padding-left: 15px;
	background: url('../img/blt_ac1s.gif') left center no-repeat;
}

.blt_ar1g {
	padding-left: 10px;
	background: url('../img/blt_ar1g.gif') 0 3px no-repeat;
}

.blt_ar1p {
	padding-left: 10px;
	background: url('../img/blt_ar1p.gif') 0 3px no-repeat;
}

.blt_ar2g {
	padding-left: 10px;
	background: url('../img/blt_ar2g.gif') 0 3px no-repeat;
}

.blt_ar2p {
	padding-left: 10px;
	background: url('../img/blt_ar2p.gif') 0 3px no-repeat;
}

.blt_ar3g {
	padding-left: 10px;
	background: url('../img/blt_ar3g.gif') 0 3px no-repeat;
}

.blt_ar3p {
	padding-left: 10px;
	background: url('../img/blt_ar3p.gif') 0 center no-repeat;
}

.blt_ar4s {
	padding-left: 10px;
	background: url('../img/blt_ar4s.gif') 0 2px no-repeat;
}

.blt_ar5g {
	padding-left: 10px;
	background: url('../img/blt_ar5g.gif') 0 2px no-repeat;
}

.blt_ar6g {
	padding-left: 10px;
	background: url('../img/blt_ar6g.gif') 0 1px no-repeat;
}

.blt_ne1r {
	padding-left: 7px;
	background: url('../img/blt_ne1r.gif') 0 50% no-repeat;
}

.blt_ne1s {
	padding-left: 7px;
	background: url('../img/blt_ne1s.gif') 0 50% no-repeat;
}

.blt_se1r {
	padding-left: 10px;
	background: url('../img/blt_se1r.gif') 0 5px no-repeat;
}

.blt_se2g {
	padding-left: 7px;
	background: url('../img/blt_se2g.gif') 0 5px no-repeat;
}

.blt_se2p {
	padding-left: 10px;
	background: url('../img/blt_se2p.gif') 0 3px no-repeat;
}

.blt_se2s {
	padding-left: 10px;
	background: url('../img/blt_se2s.gif') 0 3px no-repeat;
}

.blt_vl1g {
	padding-left: 5px;
	background: url('../img/blt_vl1g.gif') 0 0 no-repeat;
}

.blt_plus {
	padding-left: 11px;
	background: url('../img/blt01_plus.gif') 0 50% no-repeat;
}

.blt_minus {
	padding-left: 11px;
	background: url('../img/blt01_minus.gif') 0 50% no-repeat;
}

.blt_check {
	padding-left: 11px;
	background: url('../img/blt01_check.gif') 0 50% no-repeat;
}

.blt_excla {
	padding-left: 15px;
	background: url('../img/exclamation.gif') 0 3px no-repeat;
}

.blt_enter {
	padding-left: 15px;
	background: url('../img/reply2.gif') 0 3px no-repeat;
}

span.member1 {
	padding-left: 15px;
	background: url('../img/member1.gif') 0 6px no-repeat;
	display: inline-block;
}

span.member2 {
	padding-left: 15px;
	background: url('../img/member2.gif') 0 6px no-repeat;
	display: inline-block;
}

span.member3 {
	padding-left: 15px;
	background: url('../img/member3.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype11 {
	padding-left: 15px;
	background: url('../img/member1.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype12 {
	padding-left: 15px;
	background: url('../img/member2.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype13 {
	padding-left: 15px;
	background: url('../img/member3.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype14 {
	padding-left: 30px;
	background: url('../img/mtype1_04.gif') 0 4px no-repeat;
	display: inline-block;
}

span.member0 {
	padding-left: 15px;
	background: url('../img/member1.gif') 0 6px no-repeat;
	display: inline-block;
}

span.memberA {
	padding-left: 15px;
	background: url('../img/member2.gif') 0 6px no-repeat;
	display: inline-block;
}

span.memberG {
	padding-left: 15px;
	background: url('../img/member3.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype10 {
	padding-left: 15px;
	background: url('../img/member1.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype1A {
	padding-left: 15px;
	background: url('../img/member2.gif') 0 6px no-repeat;
	display: inline-block;
}

span.mtype1G {
	padding-left: 15px;
	background: url('../img/member3.gif') 0 6px no-repeat;
	display: inline-block;
}

/* 카드행사 기존유지 */
.cardMonth {
	position: relative;
	font-size: 0;
}

.cardMonth strong {
	position: absolute;
	top: 87px;
	left: 560px;
}

.cardWrap {
	background: #ededed;
	border-right: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
}

.cardEvent {
	padding-top: 0;
	border: 1px solid #d1d1d1;
	background: #fff;
}

.cardEvent dl {
	margin: 10px;
}

.cardEvent dl dt {
	margin-bottom: 14px;
	padding: 6px 0 2px 25px;
	background: #f1f2f2 url('../img/bul_arrow.gif') no-repeat 10px 9px;
	font-weight: bold;
}

.cardEvent dl dd {
	margin: 4px 0 0 18px;
	padding: 0 0 0 7px;
	line-height: 16px;
	background: url('../img/nemo3.png') no-repeat 0 5px;
}

/* 타이틀 기존변경 */
#mainCont h1.title {
	position: relative;
	left: -60px;
}

h1.title {
	font-family: 'Noto Sans KR';
	font-size: 24px;
	color: #000;
	font-weight: 500;
	margin: 0 0 18px;
	letter-spacing: -1.5px;
}

h1.title span {
	margin-left: 8px;
	padding-left: 8px;
	color: #888;
	border-left: 1px solid #ddd;
	font-weight: normal;
	font-size: 13px;
}

h2.title {
	font-family: 'Noto Sans KR';
	font-size: 18px;
	color: #000;
	font-weight: 500;
	margin: 0 0 40px;
	letter-spacing: -1px;
	padding-left: 10px;
	margin: 25px 0 10px 0;
}

h2.title b {
	font-weight: 500;
}

.tit_type01 {
	font-family: 'Noto Sans KR';
	font-size: 18px;
	color: #000;
	font-weight: 500;
	margin: 0 0 15px 10px;
	letter-spacing: -1px;
}

.tit_type01 span {
	color: #d04252;
}

.tit_type01 span.stxt {
	font-size: 13px;
	color: #9f9f9f;
	font-weight: 300;
	margin: 0 0 0 15px;
}

.tit_type01 + .btnTop {
	text-align: right;
	margin: -40px 0 10px 0;
}

.tit_type01 + .btnTop2 {
	text-align: right;
	margin: -30px 0 5px 0;
}

.tit_type02 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin: 40px 0 0 0;
	letter-spacing: -1px;
	padding: 9px 10px 14px;
	border-top: 2px solid #666;
	border-bottom: 1px solid #e8e8e8;
}

.tit_type03 {
	font-family: 'Noto Sans KR';
	font-size: 22px;
	font-weight: 500;
	color: #000;
	letter-spacing: -1px;
	margin: 33px 0 15px 15px;
}

.tit_type03 span {
	color: #2763ba;
}

.tit_type03 b {
	color: #ed3535;
}

.tit_type04 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 20px 0 10px 15px;
	letter-spacing: -1px;
}

.tit_type05 {
	font-size: 18px;
	color: #646464;
	padding: 30px 16px 10px;
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
	font-weight: 400;
}

.tit_type06 {
	font-family: 'Noto Sans KR';
	font-size: 20px;
	font-weight: 500;
	color: #000;
	letter-spacing: -1px;
	margin: 33px 0 15px 15px;
}

.tit_type06 span {
	font-family: '맑은 고딕', malgunGothic;
	font-size: 17px;
	font-weight: normal;
	color: #666;
}

h3.tit02 {
	color: #000;
	padding: 0;
	background: none;
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0 10px 15px;
}

h3.title {
	color: #000;
	padding: 0;
	background: none;
	font-weight: bold;
	font-size: 15px;
	margin: 20px 0 10px 15px;
}

/* 탭메뉴 기존변경 */
div.tab01 {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab01 * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab01 {
	height: 42px;
	margin: 0 1px 15px 1px;
	border-bottom: 2px solid #4e4e4e;
}

div.tab01 ul:after {
	display: block;
	content: '';
	clear: both;
}

div.tab01 ul li {
	float: left;
	width: auto !important;
}

div.tab01 ul li a {
	position: relative;
	background: #fff;
	height: 40px;
	line-height: 37px;
	margin-right: -1px;
	padding: 0 51px 0 50px;
	font-size: 16px;
	color: #010101;
	text-align: center;
	display: block;
	border: 1px solid #d9d9d9;
	border-bottom: 0;
	letter-spacing: -1px;
}

div.tab01.full ul li a {
	height: 39px;
}

div.tab01 ul li.on a,
div.tab01 ul li a:hover {
	padding: 0 50px 0 49px;
	z-index: 1;
	height: 42px;
	line-height: 38px;
	border: 2px solid #333333;
	border-bottom: none;
	font-weight: bold;
}

div.tabPadd11 ul li a,
div.tabPadd10 ul li a {
	padding: 0 9px 0 8px !important;
	font-size: 14px;
}

div.tabPadd10 ul li.on a,
div.tabPadd10 ul li a:hover,
div.tabPadd11 ul li.on a,
div.tabPadd11 ul li a:hover {
	padding: 0 8px 0 7px !important;
}

div.tabPadd12 ul li a {
	padding: 0 12px 0 11px !important;
}

div.tabPadd12 ul li.on a,
div.tabPadd12 ul li a:hover {
	padding: 0 11px 0 10px !important;
}

div.tabPadd20 ul li a {
	padding: 0 19px 0 18px !important;
}

div.tabPadd20 ul li.on a,
div.tabPadd20 ul li a:hover {
	padding: 0 18px 0 17px !important;
}

div.tab01.line2 {
	height: 60px;
}

div.tab01.line2 ul li a {
	line-height: 20px;
	height: 58px;
	padding-top: 7px !important;
}

div.tab01.line2 ul li.on a,
div.tab01.line2 ul li a:hover {
	height: 60px;
}

div.tab01.line2.full {
	height: 61px;
}

div.tab01.line2.full li.on a,
div.tab01.line2.full li:hover a,
div.tab01.line2.full li a {
	padding-top: 7px;
}

div.tab01.line2.full li.on a,
div.tab01.line2.full li:hover a {
	position: relative;
	height: 60px;
}

div.tab01.type02 {
	height: 50px;
	border-bottom: 1px solid #d9d9d9;
}

div.tab01.type02 ul li a {
	height: 49px;
	line-height: 47px;
}

div.tab01.type02.full ul li a {
	height: 48px;
}

div.tab01.type02 ul li.on a,
div.tab01.type02 ul li a:hover {
	height: 50px;
	line-height: 47px;
}

div.tab01.big {
	height: 51px !important;
}

div.tab01.big li.on a,
div.tab01.big li:hover a {
	height: 51px !important;
}

div.tab01.big ul li a {
	height: 47px !important;
	font-size: 18px !important;
	line-height: 2.5 !important;
}

div.tab01a {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab01a * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab01a {
	height: 59px;
	margin: 0 0 10px 1px;
	border-bottom: 2px solid #4e4e4e;
}

div.tab01a dl {
	height: 100%;
}

div.tab01a dl dt {
	float: left;
	position: static;
	left: 0;
	margin-right: 0;
	background: none;
	z-index: 1;
}

div.tab01a dl dt a {
	position: relative;
	padding: 10px 15px 6px 14px;
	margin: 0 -1px 0 0;
	color: #010101;
	background: none;
	text-align: center;
	display: block;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	line-height: 20px;
	border-bottom: none;
	font-weight: normal;
	height: 57px;
}

div.tab01a dl dt.on {
	background-image: none;
}

div.tab01a dl dt.on a {
	padding-bottom: 6px;
	padding: 10px 14px 6px 13px;
	color: #222;
	background-image: none;
	border: 2px solid #333;
	border-bottom: none;
	z-index: 1;
	height: 59px;
	background: #fff;
	font-weight: bold;
}

div.tab01a dl dd {
	float: left;
	position: static;
	left: 0;
	margin-right: 0;
	background: none;
	z-index: 1;
}

div.tab01a dl dd a {
	position: relative;
	padding: 23px 15px 12px 14px;
	margin: 0 -1px 0 0;
	color: #010101;
	background: none;
	text-align: center;
	display: block;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	border-bottom: none;
	font-weight: normal;
	height: 57px;
}

div.tab01a dl dd.on {
	background-image: none;
}

div.tab01a dl dd.on a {
	padding-bottom: 13px;
	padding: 23px 14px 12px 13px;
	color: #222;
	background-image: none;
	border: 2px solid #333;
	border-bottom: none;
	z-index: 1;
	height: 59px;
	background: #fff;
	font-weight: bold;
}

div.tab01a.full dl {
	width: 100%;
	display: table;
	table-layout: fixed;
}

div.tab01a.full dl:after {
	content: none !important;
}

div.tab01a.full dl dt {
	display: table-cell;
	float: none;
}

div.tab01a.full dl dt a {
	height: 56px;
}

div.tab01a.full dl dt.on a,
div.tab01a.full dl dt:hover a,
div.tab01a.full dl dt a {
	padding: 9px 0 0 0;
}

div.tab01a.full dl dt.on a,
div.tab01a.full dl dt:hover a {
	height: 59px;
}

div.tab03 {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
	background: none;
	height: 55px;
	padding: 0;
}

div.tab03 * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab03 ul {
	display: table;
	width: 100%;
	border-collapse: separate;
	table-layout: fixed;
	padding: 0;
	background: none;
}

div.tab03 ul li {
	position: relative;
	display: table-cell;
	border: 1px solid #d9d9d9;
	height: 55px;
	border-left: 0;
	background: #fff;
	margin: 0;
	float: none;
	width: auto !important;
}

div.tab03 ul li:first-child {
	border-left: 1px solid #d9d9d9;
}

div.tab03 ul li:first-child.on,
div.tab03 ul li:first-child:hover {
	border-left: none;
}

div.tab03 ul li.on,
div.tab03 ul li:hover {
	background: #333;
	color: #fff;
	border-color: #333;
	font-weight: bold;
}

div.tab03 ul li.on a,
div.tab03 ul li:hover a {
	color: #fff;
	background: #333;
	font-size: 22px;
	letter-spacing: -1px;
}

div.tab03 ul li.on:after,
div.tab03 ul li:hover:after {
	display: block;
	content: '';
	width: 1px;
	height: 55px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: #fff;
	()display: none;
}

div.tab03 ul li a {
	width: 100% !important;
	height: 100%;
	display: block;
	text-align: center;
	color: #333;
	line-height: 52px;
	padding: 0;
	background: none;
	margin: 0;
	font-size: 22px;
	letter-spacing: -1px;
	font-family: 'Noto Sans KR';
}

div.tab03 ul li .itxt {
	font-style: normal;
	font-size: 14px;
	color: #888;
	margin-right: 10px;
}

div.tab03 ul li.on .itxt,
div.tab03 ul li:hover .itxt {
	color: #ff92a3;
}

div.tab03 ul li span.anchor {
	display: none;
}

div.tab03.small {
	height: 42px;
}

div.tab03.small ul li a {
	font-size: 16px;
}

div.tab03.small ul li.on a,
div.tab03.small ul li:hover a {
	font-size: 16px;
}

div.tab03.small ul li {
	height: 42px;
}

div.tab03.small ul li.on:after,
div.tab03.small ul li:hover:after {
	height: 42px;
}

div.tab03.small ul li a {
	line-height: 38px;
}

div.tab07 {
	height: 36px;
	margin: 0 0 15px 0;
}

div.tab07 * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab07 ul {
	height: 100%;
}

div.tab07 ul li {
	float: left;
	margin-right: 7px;
	background: none;
}

div.tab07 ul li a {
	padding: 9px 20px 11px 20px !important;
	margin-left: 0;
	background: none;
	text-align: center;
	display: block;
	font-size: 14px;
	letter-spacing: -1px;
	border: 1px solid #d9d9d9;
	line-height: 1;
	color: #000;
	font-family: '맑은 고딕', malgunGothic;
}

div.tab07 ul li.on {
	background: none;
}

div.tab07 ul li.on a {
	color: #222;
	background: none;
	border: 1px solid #333;
}

div.tab07.tabPadd11 ul li a,
div.tab07.tabPadd10 ul li.on a,
div.tab07.tabPadd10 ul li a:hover,
div.tab07.tabPadd11 ul li.on a,
div.tab07.tabPadd11 ul li a:hover {
	padding: 9px 11px 11px 6px !important;
}

div.tab11 {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab11 * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.tab11 ul {
	display: table;
	width: 100%;
	border-collapse: separate;
	table-layout: fixed;
}

div.tab11 ul li {
	position: relative;
	display: table-cell;
	border: 1px solid #d9d9d9;
	height: 42px;
	border-left: 0;
}

div.tab11 ul li:first-child {
	border-left: 1px solid #d9d9d9;
}

div.tab11 ul li.on,
div.tab11 ul li:hover {
	background: #cc3344;
	color: #fff;
	border-color: #cc3344;
	font-weight: bold;
}

div.tab11 ul li.on a,
div.tab11 ul li:hover a {
	color: #fff;
	background: #cc3344;
}

div.tab11 ul li.on:after,
div.tab11 ul li:hover:after {
	display: block;
	content: '';
	width: 1px;
	height: 42px;
	position: absolute;
	top: -1px;
	left: -1px;
	background: #cc3344;
	()display: none;
}

div.tab11 ul li a {
	width: 100% !important;
	height: 100%;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #010101;
	line-height: 40px;
}

div.tab11 ul li .itxt {
	font-style: normal;
	font-size: 14px;
	color: #888;
	margin-right: 10px;
}

div.tab11 ul li.on .itxt,
div.tab11 ul li:hover .itxt {
	color: #ff92a3;
}

div.tab11 ul li span.anchor {
	display: none;
}

div.tab11.line2 ul li {
	height: 65px;
}

div.tab11.line2 ul li.on:after,
div.tab11.line2 ul li:hover:after {
	height: 65px;
}

div.tab11.line2 ul li a {
	line-height: 1.3;
	padding-top: 10px;
}

div.tab11.visualTab ul li {
	height: 65px;
	background: #414141;
	border: 1px solid #363535;
	border-left: 0;
}

div.tab11.visualTab ul li:first-child {
	border-left: 1px solid #363535;
}

div.tab11.visualTab ul li a {
	color: #999;
}

div.tab11.visualTab ul li a {
	font-size: 18px;
	line-height: 63px;
}

div.tab11.visualTab ul li.on:after,
div.tab11.visualTab ul li:hover:after {
	height: 65px;
}

div.tab11.visualTab ul li.on,
div.tab11.visualTab ul li:hover,
div.tab11.visualTab ul li.on a,
div.tab11.visualTab ul li:hover a,
div.tab11.visualTab ul li.on:after,
div.tab11.visualTab ul li:hover:after {
	border-color: #cc3344;
	background: #cc3344;
	color: #fff;
}

div.tab11.blue ul li.on,
div.tab11.blue ul li:hover,
div.tab11.blue ul li.on a,
div.tab11.blue ul li:hover a,
div.tab11.blue ul li.on:after,
div.tab11.blue ul li:hover:after {
	border-color: #007dc6;
	background: #007dc6;
	color: #fff;
}

.subTab {
	margin: 0 0 15px 0;
}

.subTab li {
	display: inline-block;
	margin: 0 0 5px;
}

.subTab li a {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 15px;
	color: #010101;
	font-family: '맑은 고딕', malgunGothic;
	font-size: 15px;
}

.subTab li.on a,
.subTab li a:hover {
	color: #fff;
	background: #333;
	font-weight: bold;
}

div.tab02_sub {
	margin: 0 0 15px 0;
	border-bottom: none;
	padding: 0;
}

div.tab02_sub a {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 15px;
	color: #010101;
	font-family: '맑은 고딕', malgunGothic;
	font-size: 15px;
}

div.tab02_sub a:hover,
div.tab02_sub a.on {
	color: #fff;
	background: #333;
	font-weight: bold;
}

div.tab02_sub.type_02 a {
	font-size: 14px;
	padding: 0 10px;
}

div.tabRight ul li {
	float: right;
}

/* 테이블 기존변경 */
th {
	text-align: center;
}

table.tbl01 {
	width: 100%;
}

table.tbl01 * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

table.tbl01 tr:first-child {
	border-top: 2px solid #666;
}

table.tbl01 thead + input + tbody tr:first-child,
table.tbl01 thead + tbody tr:first-child,
table.tbl01 tbody + tbody tr:first-child {
	border-top: none;
}

table.tbl01 thead th {
	padding: 7px 7px 8px;
	border-bottom: 1px solid #666;
	letter-spacing: -1px;
	text-align: center;
	font-size: 12px;
	color: #222;
	background: #f3f3f3;
}

table.tbl01 tbody th {
	padding: 7px 7px 8px;
	border: solid #e1e1e1;
	border-width: 0 1px 1px 0;
	background: #f6f6f6;
	letter-spacing: -1px;
	font-size: 12px;
	color: #222;
	text-align: center;
}

table.tbl01 tbody td {
	padding: 7px 7px 8px;
	border-bottom: 1px solid #e1e1e1;
	/*background:#fff;*/
	text-align: center;
	font-size: 12px;
}

table.tbl01 tbody td.reply {
	background: #fff url('../img/reply1.gif') 60% 10px no-repeat;
}

table.tbl01 tbody td.replySubj {
	padding-left: 50px !important;
	background: #fff url('../img/txt_reply.png') 15px 53% no-repeat;
	text-align: left;
}

table.tbl01 tbody td.bdRight {
	border-right: 1px solid #e1e1e1;
}

table.tbl01 .txtRe {
	font-weight: bold;
	color: #2763bb;
	margin-right: 3px;
}
/*
table.tbl01 tbody td table th,
table.tbl01 tbody td table td { padding:0; }
*/

table.tbl01.ft15 thead th,
table.tbl01.ft15 tbody th,
table.tbl01.ft15 tbody td {
	padding: 12px 10px 15px !important;
	font-size: 14px;
}

table.tbl01.ft15 thead th {
	padding: 12px 0 15px;
}

table.tbl01.ft15 input[type='text'],
table.tbl02.ft15 input[type='text'],
table.tbl01.ft15 select,
table.tbl02.ft15 select[type='text'] {
	height: 30px;
	font-size: 14px;
}

table.tbl01.ft15 input[type='radio'],
table.tbl01.ft15 input[type='checkbox'] {
	width: 20px;
	height: 20px;
}

table.tbl02.ft15 input[type='radio'],
table.tbl02.ft15 input[type='checkbox'] {
	width: 20px;
	height: 20px;
}

table.tbl01.ft15 textarea,
table.tbl02.ft15 textarea {
	font-size: 14px;
	padding: 2px 10px;
}

table.tbl01.ft15 tbody td.cont p {
	font-size: 14px;
}

table.tbl01.t01view {
	table-layout: fixed;
}
/* 읽기 테이블 */

table.tbl01.t01view tbody th {
	padding-left: 25px;
	text-align: left;
}

table.tbl01.t01view tbody td {
	padding-left: 12px;
	text-align: left;
}

table.tbl01.typeWrite tbody th {
	padding: 12px 0 12px;
	text-align: center;
	background: #fff;
	border-right: 0;
	font-size: 14px;
}

table.tbl01.typeWrite tbody td {
	padding: 12px 30px 12px 10px;
	font-size: 14px;
}

table.tbl01.typeWrite input[type='text'],
table.tbl01.typeWrite select {
	height: 30px;
	font-size: 15px;
	padding-left: 20px;
}

table.tbl01.typeWrite input[type='radio'],
table.tbl01.typeWrite input[type='checkbox'] {
	width: 20px;
	height: 20px;
	margin-top: 0;
}

table.tbl01.typeWrite .txtInfor {
	font-size: 14px;
	color: #2763b9;
	font-weight: bold;
	letter-spacing: -1px;
}

table.tbl01.typeWrite .txtInfor2 {
	margin-top: 10px;
}

table.tbl01.typeWrite .txtInfor2 p {
	font-size: 14px;
	color: #1d2030;
	letter-spacing: -1px;
}

table.tbl01.typeWrite .txtInfor2 .btn22 {
	margin: -5px 0 0 20px;
}

.tbl_5 {
	border: 1px solid #e1e1e1;
	border-left: none;
	border-top: none;
	margin: 10px 0 0;
	width: 100%;
}

.tbl_5 th {
	background: #f6f6f6;
	padding: 10px;
	font-size: 12px;
	border-top: 1px solid #dfdfdf;
	border-left: 1px solid #dfdfdf;
	color: #646464;
}

.tbl_5 td {
	padding: 15px;
	font-size: 12px;
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	line-height: 1.5;
}

.tbl_5 span {
	font-size: inherit !important;
}

h3.reTitle {
	margin: 20px 0 0 0;
	font-size: 20px;
	color: #fff;
	height: 56px;
	line-height: 56px;
	background: #666;
	padding: 0 30px;
	font-weight: normal;
	text-align: center;
}

.listBotInfor {
	margin: 10px 0 0 0;
}

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

.listBotInfor .inLeft {
	float: left;
}

.listBotInfor .inLeft p {
	color: #969696;
	font-size: 12px;
}

.listBotInfor .inRight {
	float: right;
}

.listBotInfor .linkPage {
	float: right;
	width: 41px;
	margin-left: 10px;
}

.listBotInfor .linkPage a {
	display: inline-block;
	float: left;
	width: 20px;
	height: 21px;
	background: url('../img/ico_slide_arrow.png') no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

.listBotInfor .linkPage a + a {
	display: inline-block;
	float: left;
	width: 21px;
	height: 21px;
	background: url('../img/ico_slide_arrow.png') no-repeat -20px 0;
}

.listBotInfor .txtNum {
	font-size: 12px;
}

.listBotInfor .txtNum em {
	color: #ff1718;
	font-weight: bold;
}

.tbltxtInfor {
	font-size: 15px;
	text-align: right;
	color: #000;
	font-weight: bold;
}

.tbltxtInfor .bar {
	color: #808080;
}

.lectureList .lecture .tit2 {
	font-size: 16px;
	color: #000;
}

table.calendar1 tbody td {
	padding: 8px 0 4px;
}

#cke_textarea3 *,
#cke_taskNameFromME *,
#cke_taskStandard *,
#cke_b_content * {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}

/* 게시판뷰, 이전글 신규추가 */
.boardViewWrap * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.boardViewWrap .tit {
	padding: 11px 30px 15px;
	font-size: 19px;
	color: #000;
	border-top: 2px solid #666;
	border-bottom: 1px solid #666;
	background: #f3f3f3;
	font-weight: bold;
	margin: 0 !important;
}

.boardViewWrap .boardInfor {
	padding: 14px 30px 14px;
	border-bottom: 1px solid #e1e1e1;
}

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

.boardViewWrap .boardInfor dt {
	font-size: 15px;
	color: #000;
	display: inline;
	margin: 0 17px 0 0;
}

.boardViewWrap .boardInfor dd {
	font-size: 15px;
	display: inline;
	color: #000;
}

.boardViewWrap .boardInfor dd + dt {
	margin-left: 60px;
}

.boardViewWrap .boardInfor .inLeft {
	float: left;
}

.boardViewWrap .boardInfor .inRight {
	float: right;
}

.boardViewWrap .boardCont {
	padding: 30px;
	font-size: 15px;
	border-bottom: 1px solid #666;
	color: #000;
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
}

.boardViewWrap .boardCont * {
	font-size: 15px;
}

.boardViewWrap + .justify {
	margin-top: 20px !important;
}

.boardViewWrap + .boardPrev {
	border-top: none;
}

.boardPrev * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.boardPrev {
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 15px;
}

.boardPrev dt {
	width: 120px;
	float: left;
	border-top: 1px solid #e1e1e1;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 50px;
	position: relative;
	height: 50px;
	line-height: 48px;
}

.boardPrev dt:after {
	display: block;
	content: '';
	width: 13px;
	height: 7px;
	background: url(../img/icon_arrow_updown.png) no-repeat 0 0;
	background-position: 0 -51px;
	position: absolute;
	top: 22px;
	left: 24px;
}

.boardPrev dd {
	width: 100%;
	border-top: 1px solid #e1e1e1;
	padding: 0 30px 0 0;
	height: 50px;
	line-height: 48px;
	font-weight: bold;
}

.boardPrev dd a {
	max-width: 85%;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: normal;
}

.boardPrev dt:first-child:after {
	background-position: 0 0;
}

.boardPrev dt:first-child,
.boardPrev dt:first-child + dd {
	border-top: 0;
}

.boardPrev + .justify,
form + .justify,
.jinro_tbl01 + .btnOpt01,
.tbl01.t01view + .justify,
.boardPrev + .btnOpt01 {
	margin-top: 20px !important;
}

.csreplyCotent {
	padding: 30px;
	font-size: 15px;
	border-bottom: 1px solid #666;
	background: #f7f7f7;
	color: #000;
	letter-spacing: -1px;
}

.csreplyCotent p {
	font-size: 15px;
	color: #000;
	margin-top: 20px;
}

.csreplyCotent p:first-child {
	margin-top: 0;
}

.csreplyCotent .txtfile a {
	text-decoration: underline;
	color: #000;
	font-weight: normal;
	line-height: 1.6;
}

.csreplyCotent .addTit {
	color: #2864b9;
	font-weight: bold;
	padding-top: 20px;
	border-top: 1px solid #e1e1e1;
}

.csreviewBox {
	margin: 30px 0 0 0;
	border: 1px solid #dedede;
	background: #fff;
}

.csreviewBox .inTop {
	padding: 25px 0 25px 158px;
	background: url('../img/ico_csreview.png') no-repeat 53px 39px;
}

.csreviewBox .inTop p {
	font-size: 13px;
	color: #666;
	margin: 0 0 14px;
}

.csreviewBox .inTop li {
	font-size: 13px;
	display: inline-block;
}

.csreviewBox .inTop li:first-child {
	margin-right: 65px;
}

.csreviewBox .inTop li strong {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #2864b9;
}

.csreviewBox .inBot {
	position: relative;
	padding: 15px 0 17px 53px;
	border-top: 1px solid #dedede;
}

.csreviewBox .inBot p {
	font-weight: bold;
	padding: 0 0 7px;
}

.csreviewBox .inBot li {
	display: inline-block;
	font-size: 14px;
	margin: 0 26px 0 0;
}

.csreviewBox .inBot li .checkwrap {
	display: block;
	margin: 4px 0 0;
}

.csreviewBox .inBot li .checkwrap label {
	margin-left: 5px;
}

.csreviewBox .inBot .btn27 {
	position: absolute;
	top: 55px;
	right: 27px;
}

/* 검색 기존변경 */
div.boardSearch * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

div.boardSearch {
	margin-top: 10px;
	text-align: center;
}

div.boardSearch select {
	min-width: 91px;
	height: 42px;
	line-height: 42px;
	padding: 0 40px 0 15px;
	font-size: 16px;
	color: #010101;
	vertical-align: middle;
	border: 1px solid #cdcdcd;
	background: #fff url(../img/icon_arrow_down.png) no-repeat right 18px;
	transition: all 0.3s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-right: 0 \0 / IE8 + 9;
	background: #fff\0;
	background: #fff\0/;
}

div.boardSearch select::-ms-expand {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	div.boardSearch select {
		background: #fff url(../img/icon_arrow_down.png) no-repeat 90% 18px;
	}
}

div.boardSearch input.input01 {
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	width: 250px;
	padding: 0 15px;
	border: 1px solid #cdcdcd;
	width: 200px;
	vertical-align: middle;
}

div.boardSearch span.btn01 {
	vertical-align: middle;
}

div.boardSearch .btn_search {
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 42px;
	margin-left: -5px;
	background: #666 url(../img/icon_search.png) 16px 11px no-repeat;
	vertical-align: middle;
	text-indent: -9999px;
}

div.boardSearch .btn35 {
	background: #666;
}

div.boardSearch.type02 {
	border: 1px solid #dedede;
	background: #f7f7f7;
	padding: 20px 30px;
	margin: 20px 0;
	text-align: left;
}

div.boardSearch.type02:after {
	display: block;
	content: '';
	clear: both;
}

div.boardSearch.type02 .btn_search + a {
	margin-left: 5px;
}

div.boardSearch.type02 .btn_search + a.btn35 {
	height: 42px;
	border-radius: 0;
}

div.boardSearch.type02 .btn_search + a.btn35 em {
	padding: 12px 22px 14px;
	font-size: 16px;
}

div.boardSearch.type02 .typeCheck {
	position: relative;
	text-align: left;
	padding: 0 20px 18px 128px;
}

div.boardSearch.type02 .typeCheck .txt {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 15px;
	font-weight: bold;
	color: #010101;
	vertical-align: middle;
}

div.boardSearch.type02 .typeCheck label {
	font-size: 15px;
	margin: 0 25px 0 0;
	vertical-align: middle;
}

div.boardSearch.type02 .typeCheck input[type='radio'] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 4px 3px 0 0;
}

div.boardSearch.type02 label {
	font-size: 15px;
	font-weight: bold;
	color: #010101;
	margin: 0 10px 0 0;
}

div.boardSearch.type02 input + label,
div.boardSearch.type02 select + label {
	margin-left: 20px;
}

/* 페이징 기존유지 */
div.paging1 {
	text-align: center;
	cursor: default;
}

div.paging1 img {
	vertical-align: middle;
}

div.paging1 span {
	margin: 0 8px;
	margin: 0 10px 0 6px;
	color: #dedede;
	vertical-align: middle;
	display: inline-block;
}

div.paging1 span a {
	min-width: 16px;
	height: 18px;
	padding: 1px 2px;
	margin: 0 1px;
	color: #6e6e6e;
	background: none;
	font: 11px/1.9em Dotum;
}

div.paging1 span a:hover {
	color: #ff6347;
}

div.paging1 span a.on {
	color: #ff6347;
	font-weight: bold;
}
/* a:hover와 순서바꾸면 안됨 */

/* 페이징 신규추가 */
.pagination {
	/* margin-top:34px; */
	background: none !important;
}

.pagination * {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}

.pagination > li {
	background: none !important;
	padding: 0 !important;
}

.pagination > li > a,
.pagination > li > span {
	background: none !important;
	border: 0;
	font-size: 16px;
	color: #666;
}

.pagination > li > a:hover {
	background: none;
	color: #666;
}

.pagination > li > a,
.pagination > li > span {
	padding: 4px 13px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background: none;
	border: 0;
	color: #000;
	font-weight: bold;
}

.pagination .fa {
	position: relative;
	z-index: 1;
	width: 27px;
	height: 27px;
	overflow: hidden;
	margin-top: -2px;
	background: url(../img/icon_paging.png) no-repeat 0 0;
	display: inline-block;
}

.pagination .fa:before {
	content: '';
}

.pagination .fa-chevron-left {
	margin-left: -10px;
	background-position: -33px 0;
}

.pagination .fa-chevron-right {
	margin-right: -10px;
	background-position: -236px 0;
}

.pagination .fa-fast-forward {
	margin-left: -9px;
	background-position: -269px 0;
}

.pagination .fa-fast-backward {
	margin-right: -9px;
}

/* 버튼 기존변경 */
.btnTop {
	text-align: right;
	margin: 0 0 10px;
}

a.btnRed {
	background: #cc3344;
}

.btnGray {
	border: none;
	background: #666;
}

.btnPink {
	background: #2864b9;
	border: none;
	font-size: 13px;
}

.btn11 {
	height: 24px;
	background: #fff;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border: 1px solid #ddd;
}

.btn11 em,
.btn11 input {
	display: block;
	padding: 4px 10px;
	background: none;
	margin: 0;
	color: #010101;
	font-weight: normal;
	line-height: 1em;
	font-size: 12px;
}

.btn12 {
	height: 24px;
	background: #999;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn13 {
	height: 24px;
	background: #cc3344;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn16 {
	height: 24px;
	background: #2763bb;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn20 {
	height: 24px;
	background: #666;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn20.deepblue {
	background: #1a2c5e;
}

.btn12 input,
.btn13 input,
.btn16 input,
.btn20 input {
	display: block;
	padding: 4px 10px;
	background: none;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	font-size: 12px;
}

.btn12 em,
.btn13 em,
.btn16 em,
.btn20 em {
	display: block;
	padding: 6px 10px 0;
	background: none;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	font-size: 12px;
}

.btn11 b {
	padding-right: 8px;
	background: url('../img/btn11.arr1.gif') 100% 6px no-repeat;
	font-weight: normal;
}

.btn12 b {
	padding-right: 8px;
	background: url('../img/btn12.arr1.gif') 100% 6px no-repeat;
	font-weight: normal;
}

.btn13 b {
	padding-right: 8px;
	background: url('../img/btn13.arr1.gif') 100% 6px no-repeat;
	font-weight: normal;
}

.btn16 b {
	padding-right: 8px;
	background: url('../img/btn13.arr1.gif') 100% 6px no-repeat;
	font-weight: normal;
}

.btn20 b {
	padding-right: 8px;
	background: url('../img/btn1a.arr1.gif') 100% 6px no-repeat;
	font-weight: normal;
}

.btn11 b.btnX {
	padding-right: 12px;
	background: url('../img/btn11.x.gif') 100% 4px no-repeat;
}

.btn11 b.btnArr1 {
	padding-right: 10px;
	background: url('../img/btn11.arr2.gif') 100% 6px no-repeat;
}

.btn11 b.btnArr2 {
	padding-left: 10px;
	padding-right: 0;
	background: url('../img/btn11.arr3.gif') 0% 6px no-repeat;
}

.btn11 b.btnAd1r {
	padding-right: 10px;
	padding-left: 0;
	background: url('../img/blt_ad1r.gif') 100% 7px no-repeat;
}

.btn21 {
	height: 30px;
	background: #fff;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border: 1px solid #ddd;
}

.btn21.red {
	border: 1px solid #cd3848;
}

.btn21.blue {
	border: 1px solid #2c67bd;
}

.btn21.gray {
	border: 1px solid #dadada;
}

.btn21.black {
	border: 1px solid #6c6c6c;
}

.btn21 em {
	display: block;
	padding: 6px 15px 8px;
	background: none;
	margin: 0;
	color: #010101;
	font-weight: normal;
	line-height: 1em;
	font-size: 14px;
}

.btn21.red em {
	color: #cd3848;
}

.btn21.blue em {
	color: #2c67bd;
}

.btn21.gray em {
	color: #dadada;
}

.btn21.btnfeeling {
	border: 1px solid #2c67bd;
}

.btn21.btnfeeling em {
	color: #2c67bd;
	background: url('../img/ico_face.png') no-repeat 8px 3px;
	padding-left: 36px;
}

.btn22 {
	height: 30px;
	background: #999;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn23,
.btn24,
.btn26 {
	height: 30px;
	background: #cc3344;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn25 {
	height: 30px;
	background: #666;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn27 {
	height: 30px;
	background: #2763bb;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
}

.btn22 em,
.btn22 input,
.btn23 em,
.btn23 input,
.btn24 em,
.btn24 input,
.btn25 em,
.btn25 input,
.btn26 em,
.btn26 input,
.btn27 em,
.btn27 input {
	display: block;
	padding: 7px 15px;
	background: none;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	font-size: 14px;
}

button.btn22 em,
button.btn23 em,
button.btn24 em,
button.btn25 em,
button.btn26 em,
button.btn27 em {
	display: block;
	padding: 6px 15px 8px;
	background: none;
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	font-size: 14px;
}

.btn21 b {
	padding-right: 10px;
	background: url('../img/btn21.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn22 b {
	padding-right: 10px;
	background: url('../img/btn22.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn23 b {
	padding-right: 10px;
	background: url('../img/btn23.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn24 b {
	padding-right: 10px;
	background: url('../img/btn23.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn25 b {
	padding-right: 10px;
	background: url('../img/btn22.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn26 b {
	padding-right: 10px;
	background: url('../img/btn22.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn27 b {
	padding-right: 10px;
	background: url('../img/btn22.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn31 {
	height: 53px;
	background: #fff;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 7px;
}

.btn31 em {
	display: block;
	height: 42px;
	font-size: 18px;
	padding: 16px 35px 14px;
	background: none;
	margin: 0;
	color: #010101;
	font-weight: normal;
	line-height: 1em;
}

.btn32 {
	height: 53px;
	background: #999;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border-radius: 7px;
}

.btn33 {
	height: 53px;
	background: #cc3344;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border-radius: 7px;
}

.btn34 {
	height: 53px;
	background: #2763bb;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border-radius: 7px;
}

.btn35 {
	height: 53px;
	background: #ed3535;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	border-radius: 7px;
}

.btn36 {
	height: 53px;
	display: inline-block;
	font-size: 18px;
	color: #2763bb !important;
	border: 1px solid #2763bb;
	line-height: 51px;
	padding: 0 17px;
	letter-spacing: -1px;
	border-radius: 7px;
}

.btn32 em,
.btn32 input,
.btn33 em,
.btn33 input,
.btn34 em,
.btn34 input,
.btn35 em {
	display: block;
	padding: 16px 35px 14px;
	font-size: 18px;
	color: #fff !important;
	margin: 0;
	background: none;
	line-height: 1em;
	font-weight: normal;
}

.btn31 b {
	padding-right: 13px;
	background: url('../img/btn31.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn32 b {
	padding-right: 13px;
	background: url('../img/btn32.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn33 b {
	padding-right: 13px;
	background: url('../img/btn33.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn34 b {
	padding-right: 13px;
	background: url('../img/btn34.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn35 b {
	padding-right: 13px;
	background: url('../img/btn34.arr1.gif') 100% 7px no-repeat;
	font-weight: normal;
}

.btn40 {
	display: inline-block;
	padding: 8px 35px 11px 22px;
	border: 1px solid #dcdde1;
	background: #fff;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 16px;
	background: #fff url('../img/btn40.arr1.gif') no-repeat 90% 50%;
}

.btn40 span {
	display: block;
	font-weight: bold;
	color: #2763bb;
}

.btnTopmore {
	display: inline-block;
	font-size: 14px;
	color: #000;
	border: 1px solid #dedede;
	background: #f7f7f7;
	padding: 5px 20px 4px 25px;
}

.btnTopmore em {
	display: inline-block;
	height: 19px;
	line-height: 19px;
	color: #000;
	padding-right: 33px;
	background: url('../img/icon_plusNew.png') no-repeat 100% 0;
}

.btnTopmore em span {
	color: #ce133f;
}

.btnMoreBox a {
	display: block;
	text-align: center;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background: #f7f7f7;
	font-size: 15px;
	color: #000;
	letter-spacing: -1px;
	padding: 7px 0 8px;
}

.btnMoreBox a span {
	padding-right: 16px;
	background: url('../img/bul_arrow01_down.png') no-repeat 100% 50%;
}

.btnMoreBox a.on span {
	background: url('../img/bul_arrow01_up.png') no-repeat 100% 50%;
}

.tbl01 + .btnMoreBox a {
	border-top: none;
}

.btnbuyBox {
	position: relative;
	text-align: right;
	margin: 25px 0;
}

.btnbuyBox a em {
	min-width: 104px;
	text-align: center;
}

.btnbuyBox .btnLeft {
	position: absolute;
	top: 30px;
	left: 0;
}

.btnbuyBox .disabled {
	background: #d9d9d9 !important;
	color: #939393 !important;
	border: #d9d9d9 !important;
}

.btnbuyBox .disabled em {
	color: inherit !important;
}

.btnbuyBox .btn31 {
	border-color: #666;
}

.btnbuyBox .btn31 em {
	color: #323232;
}

.newBtnwrap .btn11,
.newBtnwrap .btn12,
.newBtnwrap .btn13 {
	height: 42px;
}

.newBtnwrap .btn11 em,
.newBtnwrap .btn12 em,
.newBtnwrap .btn13 em {
	padding: 13px 22px;
	font-size: 16px;
}

.lectureList .viewSome2 a {
	width: 96px;
}

.viewSome2 a,
.viewSome2 .viewHdplus,
.viewSome2 .viewFhd,
.viewSome2 .viewHd,
.viewSome2 .viewGreen,
.viewSome2 .viewNormal,
.viewSome2 .viewSky {
	min-width: 96px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	padding: 4px 10px 6px;
	border: 1px solid #cdcdcd;
	letter-spacing: -1.5px;
	color: #000;
	line-height: 1.4;
	background: #fff;
}

.viewSome2 .viewHdplus span,
.viewSome2 .viewHd span {
	font-weight: bold;
	color: #ce133f;
}

.viewSome2 .viewFhd span {
	font-weight: bold;
	color: #2763ba;
}

.viewSome2 .viewNormal span {
	font-weight: bold;
	color: #646464;
}

.viewSome2 .viewGreen {
	color: #66950a;
	font-weight: bold;
}

.viewSome2 .viewSky {
	color: #009de6;
}

.viewSome2 .viewSky span {
	font-weight: bold;
}

/* 게시판 버튼 기존변경 */
.boardViewWrap + .justify .btn11,
.boardViewWrap + .justify .btn20,
.boardPrev + .justify .btn11,
.boardPrev + .justify .btn13,
.tbl01.ft15 + .justify .btn11,
.tbl01.ft15 + .justify .btn20,
.tbl01.typeWrite + .justify .btn11,
.tbl01.typeWrite + .justify .btn20,
.boardPrev + .justify .btn20,
form + .justify .btn11,
form + .justify .btn20 {
	height: 53px;
	vertical-align: middle;
	letter-spacing: -1px;
	display: inline-block;
	background: #ed3535;
	border: none;
	border-radius: 7px;
}

.boardViewWrap + .justify .btn11 em,
.boardViewWrap + .justify .btn20 em,
.tbl01.typeWrite + .justify .btn11 em,
.tbl01.typeWrite + .justify .btn20 em,
.boardPrev + .justify .btn11 em,
.boardPrev + .justify .btn13 em,
.boardViewWrap + .justify .btn11 input,
.boardPrev + .justify .btn11 input,
.tbl01.ft15 + .justify .btn11 em,
.tbl01.ft15 + .justify .btn20 em,
form + .justify .btn11 em,
form + .justify .btn20 em,
.boardPrev + .justify .btn20 em {
	display: block;
	padding: 16px 35px 0;
	font-size: 18px;
	color: #fff !important;
	margin: 0;
	background: none;
	font-weight: normal;
	height: 100%;
}

form + .justify .btn11 + .btn11,
.tbl01.ft15 + .justify .btn20,
form + .justify .btn20,
.boardPrev + .justify .btn20,
.boardViewWrap + .justify .btn20,
.tbl01.typeWrite + .justify .btn20 {
	background: #666;
}

.boardPrev + .justify .btn13 {
	background: #cc3344;
}

.tbl01.ft15 + .btnOpt01,
.tbl01.ft15 + .justify {
	margin-top: 37px;
}

.tbl01.ft15 + .btnOpt01 .btnRed,
.jinro_tbl01 + .btnOpt01 .btnRed {
	height: 42px;
	padding: 9px 22px !important;
	font-size: 15px;
	background: #cc3344;
}

.tbl01.ft15 + .btnOpt01 + div > .pagination,
#jinro_tbl01 + div > .pagination {
	margin-top: 0;
	position: relative;
	top: -57px;
}

.tbl01.ft15 + .justify + div > .pagination {
	margin-top: 0;
	position: relative;
	top: -37px;
}

.tbl01.ft15 + .justify.mb10 + div > .pagination {
	margin-top: 0;
	position: relative;
	top: -47px;
}

.tbl01.ft15 + .justify + div + .boardSearch {
	margin-top: -27px;
}

.tbl01.ft15 + .justify.mb10 + div + .boardSearch {
	margin-top: -37px;
}

.tbl01.ft15 + .justify.mb10 + div.page_type02 .pagination,
.tbl01.ft15 + .justify.mb10 + div.page_type02 + .boardSearch {
	margin-top: 0;
}

.paging1 + .boardSearch + .btnOpt01 {
	overflow: visible;
}

.paging1 + .boardSearch + .btnOpt01 a {
	height: 42px;
	padding: 8px 22px;
	font-size: 16px;
	position: relative;
	top: -133px;
	float: none !important;
}

.boardPrev + .btnOpt01 a {
	height: 42px;
	padding: 8px 22px !important;
	font-size: 16px;
	color: #fff;
}

form + .btnOpt01 a {
	height: 42px;
	padding: 8px 22px !important;
	font-size: 16px !important;
	float: none !important;
	vertical-align: middle;
	color: #fff;
}

.tbl01.ft15 + div + .btnOpt01 {
	overflow: visible;
}

.tbl01.ft15 + div + .btnOpt01 a {
	position: relative;
	top: -86px;
	height: 42px;
	padding: 8px 22px !important;
	font-size: 16px !important;
	float: none !important;
	vertical-align: middle;
	color: #fff;
}

.justify .btn11 + .btn20 {
	background: #999 !important;
}

/* 댓글영역 */
.boxReply2 .btn01 {
	height: 20px;
	line-height: 16px;
	padding: 0 10px;
}

.boxReply2 .btn01 em {
	font-size: 12px;
	color: #000;
}

.boxReply2 .btn02 {
	height: 20px;
	line-height: 18px;
	padding: 0 10px;
}

.boxReply2 .btn02 em {
	font-size: 12px;
	color: #fff;
}

.boxReply2 .sticker_tip {
	font-size: 11px;
}

.boxReply2 .sticker_box {
	height: 408px;
}

.boxReply2 .sticker_menus {
	width: 594px;
}

.boxReply2 .sticker_shadow a.sticker_close {
	right: 5px;
	top: -6px;
}

/* 박스 기존변경 */
div.box05 {
	padding: 17px 30px 19px;
	border: solid #e9e9e9;
	border-width: 1px 0;
	background: #f9f9f9;
	zoom: 1;
}

.box05.tabTit div.tab04 ul li.on a {
	background: none;
	color: #2864ba;
	font-size: 15px;
	font-weight: bold;
}

.box05.tabTit div.tab04 ul li:first-child {
	padding-left: 0;
}

div.box09 {
	zoom: 1;
}

div.box09 .b09wrap {
	background: url('../img/box09.side.gif') bottom left repeat-y;
}

div.box09 .b09head {
	background: url('../img/box09.side.gif') top left no-repeat;
}

div.box09 .b09head em {
	padding-bottom: 10px;
	margin-left: 10px;
	background: url('../img/box09.gif') top right no-repeat;
	font-size: 0px;
	line-height: 100%;
	display: block;
}

div.box09 .b09body {
	padding: 0 10px 10px 0;
	margin-left: 10px;
	background: url('../img/box09.gif') bottom right repeat-y;
}

div.box10 {
	zoom: 1;
}

div.box10 .b10wrap {
	background: url('../img/box10.side.gif') bottom left repeat-y;
}

div.box10 .b10head {
	background: url('../img/box10.side.gif') top left no-repeat;
}

div.box10 .b10tail {
	background: url('../img/box10.gif') bottom left no-repeat;
}

div.box10 .b10head em {
	padding-bottom: 10px;
	margin-left: 10px;
	background: url('../img/box10.gif') top right no-repeat;
	font-size: 0px;
	line-height: 100%;
	display: block;
}

div.box10 .b10tail em {
	padding-bottom: 12px;
	margin-left: 12px;
	background: url('../img/box10.gif') bottom right no-repeat;
	font-size: 0px;
	line-height: 100%;
	display: block;
}

div.box10 .b10body {
	padding: 0 10px 10px 0;
	margin-left: 10px;
	background: url('../img/box10.gif') bottom right repeat-y;
}

div.box10_long .b10wrap {
	background: #fafafa;
	border-left: 1px solid #e2e2e2;
}

div.box10_long .b10body {
	padding-bottom: 0;
	background: #fafafa;
	border-right: 1px solid #e2e2e2;
}

div.box15 .b15head {
	background: url('../img/box15.gif') top left no-repeat;
}

div.box15 .b15tail {
	background: url('../img/box15.gif') bottom left no-repeat;
}

div.box15 .b15wrap {
	background: url('../img/box15.mid.gif') bottom left repeat-y;
}

div.box15 .b15head em {
	padding: 16px 0 27px;
	margin-left: 30px;
	color: #222;
	background: url('../img/box15.gif') top right no-repeat;
	font: bold 14px/100% Dotum;
	letter-spacing: -1px;
	display: block;
}

div.box15 .b15head em img {
	vertical-align: -3px;
}

div.box15 .b15tail em {
	padding-bottom: 20px;
	margin-left: 30px;
	background: url('../img/box15.gif') bottom right no-repeat;
	font-size: 0px;
	line-height: 100%;
	display: block;
}

div.box15 .b15body {
	padding-right: 30px;
	margin-left: 30px;
	background: url('../img/box15.mid.gif') bottom right repeat-y;
	padding-bottom: 0px;
}

/* 우리들의 이야기 기존유지 */
span.grap1 {
	height: 10px;
	margin: 0 5px 2px;
	border: 1px solid #4e4e4e;
	vertical-align: middle;
	display: inline-block;
}

span.grap1 em {
	height: 100%;
	display: block;
	font-size: 0px;
}

span.grap1y em {
	background: #ffc800;
}

span.grap1p em {
	background: #ff89a3;
}

span.grap2 {
	height: 6px;
	background: #eaeaea;
	vertical-align: middle;
	display: inline-block;
}

span.grap2 em {
	height: 100%;
	background: #ff89a3;
	display: block;
	font-size: 0px;
}

span.grap3 {
	height: 22px;
	background: #fff;
	display: inline-block;
}

span.grap3 em {
	position: relative;
	height: 100%;
	display: block;
}

span.grap3 em img {
	vertical-align: middle;
}

span.grap3 em small {
	position: absolute;
	top: 3px;
	right: -38px;
	width: 44px;
}

span.grap3a em {
	background-image: url('../img/grap01_01.png');
}

span.grap3b em {
	background-image: url('../img/grap01_02.png');
}

span.grap3c em {
	background-image: url('../img/grap01_03.png');
}

span.grap3d em {
	background-image: url('../img/grap01_04.png');
}

span.grap3e em {
	background-image: url('../img/grap01_05.png');
}

h2.owa_title,
a.owa_title_link {
	position: absolute;
	font-family:
		'맑은 고딕',
		malgun gothic;
}

h2.owa_title {
	color: #777;
	font-size: 13px;
	left: 250px;
	top: 25px;
	letter-spacing: -1px;
	line-height: 20px;
}

h2.owa_title span {
	color: #cc3344;
}

.bar01 {
	color: #ccc;
}

.bar01 span {
	color: #666;
}

.bar01 a.on {
	color: #2864b9;
	font-weight: bold;
}

table.bar51 {
	width: 100%;
}

table.bar51 th {
	text-align: center;
}

table.bar51 td {
	text-align: center;
	background: url('../img/blt_vl1g.gif') 0 3px no-repeat;
}

div.created {
	margin-top: 10px;
	text-align: right;
}

div.created span {
	height: 25px;
	padding: 4px 0 0 52px;
	color: #d6d6d6;
	background: url('../img/txt_created.gif') 0 7px no-repeat;
	border-top: 1px solid #ebebeb;
	font-size: 11px;
	display: inline-block;
}

div.created span em {
	color: #6e6e6e;
}

/* 우측 스카이배너 기존변경 */
div#rightArea ul.menuType1 li {
	height: 20px;
	padding-top: 9px;
	background: #fff;
	border-top: 1px solid #e9e9e9;
	text-align: center;
}

div#rightArea ul.menuType1 li.first {
	border-top: 0;
}

div#rightArea ul.menuType2 {
	margin-top: 10px;
}

div#rightArea ul.menuType2 li {
	margin-bottom: 9px;
}

div#rightArea div.menuType3 {
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -1px;
	zoom: 1;
	border: 1px solid #d9d9d9;
}

div#rightArea div.menuType3 a {
	font-size: 12px;
	color: #010101 !important;
}

div#rightArea div.menuType3 a:hover {
	color: #010101 !important;
}

div#rightArea div.menuType3 a .fright {
	margin: 6px 0 0 0;
}

div#rightArea div.menuType3 ul {
	margin-bottom: -1px;
}

div#rightArea div.menuType3 ul li {
	padding: 10px 0 8px;
	margin: 0 9px;
	border-bottom: 1px solid #dedede;
}

div#rightArea div.menuType3 ul li b {
	font-size: 11px;
	color: #666;
	font-weight: normal;
}

div#rightArea div.menuType3 .head {
	position: relative;
	top: -1px;
	left: -1px;
	width: 80px;
	height: 47px;
	padding: 7px 0 5px;
	line-height: 1.4;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #666;
}

div#rightArea div.menuType3 .head b {
	display: block;
	color: #ccc;
	font-weight: normal;
}

div#rightArea div.menuType3 .head2 {
	position: relative;
	top: -1px;
	left: -1px;
	width: 80px;
	height: 33px;
	padding: 7px 0 5px;
	line-height: 1.4;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #666;
}

div#rightArea div.menuType3 .head2 b {
	display: block;
	color: #ccc;
	font-weight: normal;
}

div#rightArea div.menuType3 .tail {
	display: none;
	padding: 10px 0 5px;
	color: #fff;
	text-align: center;
	background: url('../img/sky_board.jpg') 0 bottom no-repeat;
}

div#rightArea div.menuType3 .arrow {
	margin: 10px 5px;
	text-align: center;
	font-size: 11.6px;
}

div#rightArea div.menuType3 .arrow b {
	font-weight: bold;
	color: #010101;
}

div#rightArea div.menuType3 .arrow span {
	margin: 0 10px;
}

div#rightArea div.menuType4 {
	margin-top: 10px;
	background: url('../img/sky_board.jpg') no-repeat;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -1px;
	zoom: 1;
}

div#rightArea div.menuType4 a {
	font-size: 11px;
}

div#rightArea div.menuType4 ul li {
	padding: 4px;
	margin: 4px;
	border: 1px solid #ebebeb;
}

div#rightArea div.menuType4 ul li:hover {
	border-color: #aaa;
}

div#rightArea div.menuType4 .head {
	padding: 5px 0 0;
	color: #fff;
	font-size: 11px;
	text-align: center;
}

div#rightArea div.menuType4 .tail {
	padding: 1px 0 0;
	color: #fff;
	text-align: center;
	background: url('../img/sky_board.jpg') 0 bottom no-repeat;
}

div#rightArea div.menuType4 .arrow {
	margin: 0 5px;
	text-align: center;
	border-bottom: 1px solid #e3e3e3;
}

div#rightArea div#quickArea {
	width: 100%;
	border: 1px #d6d7db solid;
}

/* 별점 신규 추가 */
.icoStar {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 61px;
	height: 10px;
	background: url('../img/icon_starBlue.png') no-repeat 0 -20px;
	text-indent: -9999px;
	vertical-align: middle;
}

.icoStar:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 10px;
	background: url('../img/icon_starBlue.png') no-repeat 0 0;
}

.icoStar.star_00:after {
	width: 0;
}

.icoStar.star_01:after {
	width: 12px;
}

.icoStar.star_02:after {
	width: 24px;
}

.icoStar.star_03:after {
	width: 36px;
}

.icoStar.star_04:after {
	width: 48px;
}

.icoStar.star_05:after {
	width: 61px;
}

.icoStarbig {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 89px;
	height: 16px;
	background: url('../img/icon_starBluebig.png') no-repeat 0 -48px;
	text-indent: -9999px;
	vertical-align: middle;
}

.icoStarbig:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	height: 16px;
	background: url('../img/icon_starBluebig.png') no-repeat 0 0;
}

.icoStarbig.star_00:after {
	width: 0;
}

.icoStarbig.star_01:after {
	width: 17px;
}

.icoStarbig.star_02:after {
	width: 35px;
}

.icoStarbig.star_03:after {
	width: 53px;
}

.icoStarbig.star_04:after {
	width: 71px;
}

.icoStarbig.star_05:after {
	width: 89px;
}

/* 아이콘 신규 추가 */
.iconNotice {
	display: inline-block;
	height: 21px;
	line-height: 18px;
	padding: 0 8px;
	font-size: 14px;
	color: #fff;
	background: #2763bb;
	vertical-align: middle;
}

.iconNotice.type02 {
	background: #e28b32;
}

/* 파일첨부 신규 추가 */
.newFilebox input[type='file'] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	width: 100%;
}

.newFilebox label {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 20px;
	color: #fff;
	font-size: inherit;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	background-color: #999;
	margin-left: -6px;
}

.newFilebox .upload-name {
	display: inline-block;
	height: 30px;
	line-height: 28px;
	padding: 0 20px;
	font-size: inherit;
	font-family: inherit;
	vertical-align: middle;
	border: 1px solid #dadada;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #fff;
}

/* 뷰어 신규 추가 */
.fileProgram {
	margin: 20px 0;
	border: 1px solid #dedede;
	background: #f7f7f7;
	padding: 15px 30px 18px;
	color: #010101;
	font-size: 15px;
}

.fileProgram a {
	color: #010101;
	vertical-align: middle;
}

.fileProgram img {
	vertical-align: middle;
}

.fileProgram ul li {
	display: inline-block;
	margin: 10px 0 0 65px;
}

.fileProgram ul li:first-child {
	margin-left: 0;
}

/* 서브메인 공통 신규 추가 */
/* 서브메인 배너 */
.subMainBanner {
	width: 100%;
	margin-bottom: 37px;
}

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

.subMainBanner .column01 {
	float: left;
	width: 588px;
}

.subMainBanner .column01 .pluginSlider {
	width: 588px;
	height: 235px;
}

.subMainBanner .column01 .anythingControls {
	bottom: 11px;
	right: 20px;
}

.subMainBanner .column01 .anythingControls li a {
	line-height: 37px;
}

.subMainBanner .column02 {
	float: right;
	width: 252px;
}

.subMainBanner .column02 .pluginSlider {
	width: 100%;
	height: 235px;
}

.subMainBanner .column02 .anythingControls {
	bottom: 11px;
	right: 16px;
}

.subMainBanner .pageBox {
	height: 39px;
	border: 1px solid #d7d7d7;
	text-align: right;
	padding: 0 66px 0 0;
}

.subMainBanner .pageBox .txtNum {
	color: #999;
	display: inline-block;
	margin-top: 9px;
}

.subMainBanner .anythingSlider-default .back {
	bottom: -30px;
	right: 32px;
	width: 20px;
	height: 21px;
	top: auto;
}

.subMainBanner .anythingSlider-default .back a {
	width: 20px;
	height: 21px;
	background: url('../img/ico_slide_arrow.png') no-repeat 0 0;
}

.subMainBanner .anythingSlider-default .forward {
	bottom: -30px;
	right: 11px;
	width: 21px;
	height: 21px;
	top: auto;
}

.subMainBanner .anythingSlider-default .forward a {
	width: 21px;
	height: 21px;
	background: url('../img/ico_slide_arrow.png') no-repeat -20px 0;
}

.subMainBanner .txtlinkBox {
	float: right;
	width: 253px;
	height: 274px;
	border: 1px solid #d7d7d7;
}

.subMainBanner .txtlinkBox {
	height: 179px;
	height: 274px;
	background: #f0f9ff;
	border-bottom: 1px solid #d7d7d7;
	text-align: center;
	background: #f0f9ff url(../img/ico6.png) no-repeat center 32px;
	padding: 110px 0 0;
}

.subMainBanner .txtlinkBox p {
	letter-spacing: -2px;
}

.subMainBanner .txtlinkBox .tit {
	font-size: 20px;
	color: #000;
}

.subMainBanner .txtlinkBox .tit2 {
	font-size: 25px;
	color: #646464;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	line-height: 1.2;
}

.subMainBanner .txtlinkBox .tit2 span {
	color: #000;
}

.subMainBanner .txtlinkBox .tit2 strong {
	color: #ce133f;
	font-weight: 500;
}

.subMainBanner .txtlinkBox .txt {
	font-size: 15px;
	color: #858585;
	padding: 6px 0 13px 0;
}

.subMainBanner .txtlinkBox a {
	position: relative;
	display: inline-block;
	color: #1a2c5e;
	font-size: 15px;
	border: 1px solid #dedede;
	height: 37px;
	line-height: 34px;
	padding: 0 16px;
	background: #fff;
}

.subMainBanner .txtlinkBox .slideBanner {
	width: 253px;
	height: 93px;
}

.subMainBanner .txtlinkBox .slideBanner p {
	display: inline-block;
	font-family: 'Noto Sans KR';
	font-weight: 400;
	font-size: 22px;
	letter-spacing: -2px;
	vertical-align: middle;
	margin: 0 14px 0 0;
}

.subMainBanner .txtlinkBox .slideBanner p span {
	color: #000;
}

.subMainBanner .txtlinkBox .slideBanner li a {
	display: block;
	height: 93px;
	padding: 29px 0 0 29px;
}

.subMainBanner .txtlinkBox .slideBanner li img {
	position: absolute;
	top: 19px;
	right: 13px;
}

.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls {
	right: 23px;
	bottom: 10px;
}

.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a {
	width: 9px;
	height: 9px;
	border-radius: 50%;
}

.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a.cur,
.subMainBanner .txtlinkBox .anythingSlider-default .anythingControls a:hover {
	background-color: #0e1232;
}

/* 공지사항 */
.subNoticeList {
	position: relative;
}

.subNoticeList h2 {
	font-family: 'Noto Sans KR';
	padding: 0 0 12px 14px;
	border-bottom: 2px solid #000;
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 1;
	margin-bottom: 9px;
	letter-spacing: -1px;
}

.subNoticeList .btnMore {
	position: absolute;
	top: 0;
	right: 0;
}

.subNoticeList ul li {
	padding: 6px 0 0 20px;
	font-size: 14px;
	border-top: 1px solid #e8e8e8;
	background: url('../img/bul_sqgray.png') no-repeat 7px 16px;
	height: 36px;
}

.subNoticeList ul li:first-child {
	border-top: 0;
}

.subNoticeList ul li a {
	width: 90%;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: normal;
	letter-spacing: -1px;
}

.subNoticeList ul li strong {
	font-weight: bold;
	color: #df2e2e;
	margin-right: 5px;
}

.subNoticeList ul li .iconbox {
	float: right;
}

/* 교재 정보 기존변경 */
.bookInfoView .thumbBook {
	float: left;
}

.bookInfoView .infoBook {
	float: left;
}

.bookInfoView .booktit {
	display: block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin: 5px 0 12px;
	line-height: 1.25;
	color: #666;
	text-decoration: none;
	/* white-space:nowrap;text-overflow:ellipsis; */
}

.bookInfoView .booktit a {
	color: #000;
	font-size: 18px;
	letter-spacing: -1px;
	font-family: 'malgun gothic';
	font-weight: bold;
}

.bookInfoView .booktit .new {
	display: inline-block;
	margin: 0 0 3px 5px;
	vertical-align: middle;
}

.infoBook .desc {
	font-size: 14px;
	color: #000;
}

.infoBook .desc .page {
	position: relative;
	display: inline-block;
	font: 14px/18px 'malgun gothic';
	padding-left: 8px;
}

.infoBook .desc .page:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '|';
	color: #999;
}

.infoBook .bar {
	margin: 0 15px;
}

.infoBook .price {
	display: inline-block;
	min-width: 315px;
	height: auto;
	padding: 0;
	margin: -2px 0 0;
	border: none;
	line-height: 33px;
	background: none;
	font-size: 14px;
	letter-spacing: -1px;
}

.infoBook .price > span {
	color: #cf4755;
}

.infoBook .price em {
	color: #cc3344;
	font-weight: bold;
}

.infoBook .price strong {
	font-size: 16px;
	font-weight: bold;
	color: #3366cc;
}

.infoBook .price strong span {
	font-weight: normal;
}

.infoBook .price .del {
	text-decoration: line-through;
}

.infoBook .price .bar {
	margin: 0 4px 0 3px;
}

.infoBook .btnView {
	display: block;
	width: 103px;
	height: 30px;
	line-height: 28px;
	color: #fff;
	background: #999;
	text-align: center;
	font-size: 14px;
	letter-spacing: -1px;
	margin-top: 25px;
}
/* 교재 썸네일 기존변경 */

.thumbBook {
	position: relative;
	width: 120px;
	height: 160px;
}

.thumbBook .book1 {
	width: 100%;
	height: 100%;
	border: 0;
}

.thumbBook .mask {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 120px;
	height: 160px;
	border: 1px solid #e8e8e8;
}

.thumbBook .btnView {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 27px;
	height: 27px;
	background: transparent url('../img/btn_view.png') 0 0 no-repeat;
}

.thumbBook .btnView span {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	line-height: 0;
}

.bgPbook {
	width: 90px;
	padding-right: 5px;
	margin: 0;
	background: url('../img/thumbBook.gif') 100% 0 no-repeat;
}

.bgPbook .mask {
	border-right: 0;
}
/* 교재 리스트 기존변경 */

.bookitemList {
	width: 100%;
	margin-bottom: 23px;
}

.bookitemList tr {
	border-bottom: 1px solid #e8e8e8;
}

.bookitemList tr:first-child {
	border-top: 2px solid #333;
}

.bookitemList td {
	height: 120px;
	padding: 25px 0;
}

.bookitemList .thumbBook {
	width: 120px;
	margin: 0 30px 0 0;
	background: transparent url('../img/thumbBook.gif') 0 100% no-repeat;
}

.bookitemList .infoBook {
	width: 440px;
}

.bookitemList .icoNew {
	margin-left: 5px;
}

.bookitemList .bookInfoView {
	width: 605px;
	padding-left: 11px;
}

.bookitemList .optcheck {
	text-align: center;
}

.bookitemList .optcheck input[type='checkbox'] {
	width: 20px;
	height: 20px;
}

.bookitemList .bookShop {
	width: 145px;
	text-align: center;
}

.bookitemList .bookShop a {
	width: 103px;
	text-align: center;
	margin: 0 0 4px;
}

.bookitemList .bookShop a em {
	padding: 13px 0;
}

.bookitemList .bookShop .txtEx {
	display: inline-block;
	color: #8b3ec0;
	font-size: 12px;
	letter-spacing: -1px;
}

.bookitemList .bookShop .btnSms {
	display: inline-block;
	width: 103px;
	padding: 13px 0 15px 0;
	margin: 15px 0 0 0;
	border: 1px solid #2763bb;
	background: #fff;
	color: #2763bb;
	font-size: 13px;
	letter-spacing: -1px;
	line-height: 18px;
}

.bookitemList .bookShop .btnSms strong {
	display: block;
}

.bookitemList .bookShop .btnWhite {
	line-height: 1em;
}

.bookitemList .bookShop .btnRed {
	line-height: 1em;
}

.bookTip {
	font-size: 12px;
	letter-spacing: -1px;
	padding: 12px 13px 0;
}

.bookTip2 {
	font-size: 12px;
	letter-spacing: -1px;
	padding: 0px 13px 0;
}
/* 교재 상세 보기 기존변경 */

.bookSummView {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding: 35px 20px 53px 42px;
	border-top: 2px solid #333;
	border-bottom: 1px solid #e8e8e8;
	min-height: 262px;
}

.bookSummView .booktit {
	position: relative;
	display: block;
	margin: 10px 0 12px 0;
	color: #333;
	font-size: 16px;
	letter-spacing: -1px;
	font-family: 'malgun gothic';
	overflow: visible;
}

.bookSummView .booktit .txtTip {
	position: absolute;
	top: -28px;
	left: 0;
}

.bookSummView .booktit .txtTip span {
	display: inline-block;
	background: #3366cc;
	color: #fff;
	font-size: 12px;
	padding: 2px 5px 3px;
	margin: 0 0 10px;
}

.bookSummView .booktit .txtTip span.txt2 {
	color: #8a3ec0;
	border-color: #8a3ec0;
}

.bookSummView .booktit .txtTip span.txt3 {
	color: #fff;
	border-color: #dd3232;
	background: #dd3232;
}

.bookSummView .booktit .txtTip span.txt4 {
	color: #fff;
	background: #3366cc;
}

.bookSummView .booktit .new {
	display: inline-block;
	margin: 0 0 3px 5px;
	vertical-align: middle;
}

.bookSummView .booktit .tit {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-wrap: normal;
	font-size: 24px;
	font-weight: 500;
	color: #000;
	font-family: 'Noto Sans KR';
	letter-spacing: -1px;
}

.bookSummView .bookInfoView {
	overflow: visible;
	width: 100%;
}

.bookSummView .thumbBook {
	width: 120px;
	margin: 0 37px 0 0;
}

.bookSummView .thumbBook + .btnView {
	position: absolute;
	top: 204px;
	left: 51px;
	display: block;
	width: 103px;
	height: 30px;
	line-height: 28px;
	color: #fff;
	background: #999;
	text-align: center;
	font-size: 14px;
	letter-spacing: -1px;
}

.bookSummView .infoBook {
	width: 620px;
	padding: 2px 0 0;
}

.bookSummView .infoBook .desc > span {
	display: block;
	line-height: 1.7;
}

.bookSummView .infoBook .desc > span em,
.bookSummView .infoBook .price span em {
	color: #666;
	margin-right: 5px;
	font-weight: normal;
}

.bookSummView .infoBook .price .del {
	color: #000;
	margin-right: 5px;
}

.bookSummView .tip {
	color: #000;
	font-size: 14px;
}

.bookSummView + .btnbuyBox {
	margin: 25px 10px 50px;
}

.bookSummView .btnArlign {
	overflow: hidden;
	width: 100%;
	margin: 0;
}

.detailBook {
	padding: 25px 12px;
	font-size: 15px;
}

/* 이미지리스트 신규추가 */
.imglist_Type01 {
	border: 1px solid #dedede;
	background: #f7f7f7;
	padding: 36px 0;
	letter-spacing: -1px;
}

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

.imglist_Type01 li {
	float: left;
	width: 33.33%;
	height: 233px;
	padding: 0 20px;
	border-left: 1px solid #dedede;
	text-align: center;
}

.imglist_Type01 li.noDate {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 15px;
	padding: 30px 0;
}

.imglist_Type01 li:first-child {
	border-left: none;
}

.imglist_Type01 .thumb {
	display: inline-block;
	width: 120px;
	height: 120px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	vertical-align: top;
}

.imglist_Type01 .thumb img {
	width: 210px;
	position: relative;
	left: -45px;
}

.imglist_Type01 .tit {
	font-size: 15px;
	font-weight: bold;
	color: #2864b9;
	line-height: 1.3;
	margin: 0 0 13px;
	height: 40px;
	overflow: hidden;
	padding: 0 25px;
}

.imglist_Type01 .name {
	display: block;
	font-size: 15px;
	color: #000;
}

.imglist_Type01 .btnWrap {
	display: block;
	margin: 11px 0 0 0;
}

.imglist_Type01 .btnWrap a em {
	padding: 7px 0;
	width: 86px;
	text-align: center;
}

.imglist_Type02 {
	width: 510px;
	margin: 40px 10px;
}

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

.imglist_Type02 li {
	float: left;
	width: 159px;
	text-align: center;
	font-size: 15px;
	margin: 0 10px 30px 0;
	letter-spacing: -1px;
}

.imglist_Type02 li > a {
	display: block;
}

.imglist_Type02 .thumb {
	display: inline-block;
	width: 159px;
	height: 120px;
	border: 1px solid #dfdfdf;
	overflow: hidden;
	vertical-align: top;
}

.imglist_Type02 .thumb img {
	width: 245px;
	position: relative;
	left: -40px;
}

.imglist_Type02 .name {
	color: #000;
	font-weight: bold;
	display: block;
}

.imglist_Type02 .txt {
	display: block;
	margin: 5px 0 -2px;
}

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

.imglist_Type03 li {
	float: left;
	position: relative;
	width: 33.33%;
	height: 353px;
	letter-spacing: -1px;
	border-right: 1px solid #d9d9d9;
	vertical-align: top;
	overflow: hidden;
}

.imglist_Type03 li:first-child {
	border-left: 1px solid #d9d9d9;
}

.imglist_Type03 .tit {
	width: 100%;
	font-size: 15px;
	color: #000;
	padding: 0 20px;
	line-height: 1.2;
	max-height: 36px;
	margin: 4px 0 7px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-wrap: break-word;
	overflow: hidden;
}

.imglist_Type03 .book {
	position: absolute;
	top: 79px;
	left: 24px;
}

.imglist_Type03 .book img {
	width: 122px;
	height: 162px;
	border: 1px solid #646464;
}

.imglist_Type03 .teacher {
	display: block;
	width: 330px;
	position: absolute;
	top: 60px;
	left: 40px;
	overflow: hidden;
}

.imglist_Type03 .teacher img {
	width: 100%;
}

.imglist_Type03 .inforBot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 97px;
	background: #f7f7f7;
	text-align: center;
}

.imglist_Type03 .inforBot span {
	display: block;
	text-align: center;
	font-size: 17px;
	color: #333949;
	margin: 9px 0 8px;
}

.imglist_Type03 .inforBot span em {
	font-weight: bold;
}

.imglist_Type03 .inforBot a {
	display: inline-block;
	width: 105px;
	height: 33px;
	line-height: 30px;
	color: #fff;
	background: #333949;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
}

.imglist_Type03 .inforBot a + a {
	border: 1px solid #ced1d7;
	background: #fff;
	color: #333949;
	margin-left: -5px;
}

.imglist_Type03 .icoNew,
.imglist_Type03 .icoBest {
	display: inline-block;
	height: 18px;
	line-height: 15px;
	font-size: 13px;
	font-weight: bold;
	padding: 0 5px;
}

.imglist_Type03 .icoBest {
	border: 1px solid #3373d4;
	color: #3373d4;
}

.imglist_Type03 .icoNew {
	border: 1px solid #eb0273;
	color: #eb0273;
}

.imglist_Type03 .icoBox {
	margin-left: 22px;
}

.imglist_Type04 {
	border-top: 1px solid #000;
}

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

.imglist_Type04 li {
	position: relative;
	float: left;
	width: 180px;
	height: 261px;
	letter-spacing: -1px;
	margin: 0 0 0 6px;
	background: url('../img/ico_txteclip.png') no-repeat 12px 11px;
}

.imglist_Type04 li:first-child {
	margin-left: 0;
}

.imglist_Type04 .teacher {
	position: absolute;
	bottom: 46px;
	left: 50px;
	width: 74px;
	height: 74px;
	overflow: hidden;
	text-align: center;
	z-index: 2;
}

.imglist_Type04 .teacher img {
	width: 160px;
	position: relative;
	left: -42px;
}

.imglist_Type04 .teacher .mask {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 74px;
	height: 74px;
	background: url('../img/bg_maskbest.png') no-repeat 0 0;
}

.imglist_Type04 .name {
	display: block;
	text-align: right;
	font-size: 13px;
	padding: 23px 27px 21px 0;
}

.imglist_Type04 .txt {
	position: relative;
}

.imglist_Type04 .txt:after {
	/*position:absolute; bottom:3px; right:8px;display:block;content:"";width:11px;height:11px;background:url("../img/ico_btnplus.png") no-repeat 0 0;*/
}

.imglist_Type04 .txt a {
	display: block;
	height: 58px;
	padding: 0 22px;
	line-height: 1.3;
	font-size: 15px;
	overflow: hidden;
}

.imglist_Type04 .txt a:hover {
	color: #2864ba;
	font-weight: bold;
}

.imglist_Type04 .botName {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 15px;
	display: block;
	padding: 21px 0 0 0;
	width: 100%;
	height: 63px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background: #f0f9ff;
	text-align: center;
	color: #000;
	z-index: 1;
}

.imglist_Type04 .botName em {
	font-weight: bold;
}

/* 텍스트리스트 신규추가 */
.txtlist_Type01 li {
	position: relative;
	padding-left: 7px;
	letter-spacing: -1px;
	font-size: 13px;
}

.txtlist_Type01 li:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '·';
}

.txtlist_Type01.f14 li {
	font-size: 14px;
}

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

.txtOrderList li {
	float: left;
	letter-spacing: -1px;
	padding: 0 0 0 86px;
	background: url('../img/bul_arrow_gray03.png') no-repeat 44px 10px;
}

.txtOrderList li:first-child {
	padding-left: 0;
	background: none;
}

.txtOrderList li strong {
	float: left;
	font-size: 48px;
	color: #182c5f;
	line-height: 1;
	margin: 0 6px 0 0;
}

.txtOrderList li p {
	float: left;
	font-size: 15px;
	color: #000;
	line-height: 1.3;
	margin: 6px 0 0 0;
}

.txtOrderList li p span {
	font-weight: bold;
	color: #2864b9;
}

.txtOrderList li p span em {
	font-size: 12px;
	line-height: 1.3;
}

/* 텍스트리스트 기존변경 */
ul.list01 li {
	position: relative;
	line-height: 1.5;
	font-size: 13px;
	padding-left: 7px;
	background: none;
}

ul.list01 li:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '·';
}

ul.list01 li ul li:after {
	display: none;
}

dl.list53 {
	line-height: 1.5;
}

dl.list53 dt {
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 3px;
	color: #2864ba;
	background: none;
	font-weight: bold;
	font-size: 14px;
}

dl.list53 dt:first-child {
	margin-top: 0;
}

dl.list53 dd {
	padding-left: 7px;
	margin-left: 0;
	background: url('../img/blt_ne1s.gif') 0 9px no-repeat;
	font-size: 13px;
}

/* 박스 신규추가 */
.box_type01 {
	border: 1px solid #dfdfdf;
	background: #f7f7f7;
	padding: 20px 30px 23px;
	font-size: 14px;
	letter-spacing: -1px;
}

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

.box_type02 {
	border: 1px solid #dfdfdf;
	padding: 20px 30px 23px;
	font-size: 14px;
	letter-spacing: -1px;
}

/* 배너타입 신규추가 */
.linkbaner_Type01 {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.linkbaner_Type01 li {
	display: table-cell;
	padding: 0 0 0 20px;
	width: 33.33%;
	height: 90px;
	border: 1px solid #e4e4e4;
	background: #f5f6fa;
}

.linkbaner_Type01 li a {
	display: block;
	width: 100%;
	height: 100%;
}

.linkbaner_Type01.sky2 li a {
	display: flex;
	align-items: center;
}

.linkbaner_Type01 li a:after {
	display: block;
	content: '';
	clear: both;
}

.linkbaner_Type01 .thumb {
	float: left;
	width: 98px;
	text-align: center;
	height: 88px;
	line-height: 86px;
}

.linkbaner_Type01 .thumb img {
	vertical-align: middle;
}

.linkbaner_Type01 .txt {
	float: left;
	font-size: 17px;
	color: #000;
	letter-spacing: -1px;
	line-height: 1.3;
	padding: 21px 0 0 0;
}

.linkbaner_Type01 .stxt {
	font-size: 15px;
	color: #666;
}

.linkbaner_Type01_ver2 {
	width: 100%;
	display: table;
	table-layout: fixed;
	height: 90px;
	border: 1px solid #d8d8d8;
}

.linkbaner_Type01_ver2 a {
	display: table-cell;
	vertical-align: middle;
	background: #f5f6fa;
	height: 100%;
	border-left: 1px solid #d8d8d8;
	text-align: center;
}

.linkbaner_Type01_ver2 a:first-child {
	border-left: none;
}

.linkbaner_Type01_ver2 a .txt {
	color: #000;
	font-size: 17px;
	letter-spacing: -1px;
	margin: 0 0 0 5px;
}

.linkbaner_Type02 {
	width: 100%;
	display: table;
	table-layout: fixed;
	letter-spacing: -1px;
}

.linkbaner_Type02 li {
	display: table-cell;
	height: 77px;
	border: 1px solid #dedede;
	vertical-align: middle;
}

.linkbaner_Type02 li > a {
	display: table;
	width: 100%;
	height: 100%;
}

.linkbaner_Type02 li > a > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 30px;
}

.linkbaner_Type02 .txt1 {
	font-size: 16px;
	color: #000;
}

.linkbaner_Type02 .txt1 span {
	color: #2864b9;
}

.linkbaner_Type02 .txt2 {
	display: block;
	font-size: 13px;
}

.linkbaner_Type02 .txt2 em {
	padding: 0 10px 0 0;
	background: url('../img/bul_arrow_gray02.png') no-repeat 100% 6px;
}

.linkbaner_Type02 .txt2 em.st {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 1;
	background-position: 100% 9px;
}

.linkbaner_Type03 {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.linkbaner_Type03 li {
	display: table-cell;
	height: 77px;
	border: 1px solid #dedede;
	vertical-align: middle;
	text-align: center;
}

.linkbaner_Type03 p {
	display: inline-block;
	text-align: left;
	font-size: 15px;
	color: #000;
	letter-spacing: -1px;
}

.linkbaner_Type03 p span {
	color: #2864b9;
}

.picBannerWrap {
	margin: 45px 0 0 0;
}

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

.picBannerWrap h2 {
	width: 135px;
	float: left;
	height: 100px;
	padding: 27px 0 0;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 1.2;
	letter-spacing: -1px;
}

.picBannerWrap h2 span {
	display: block;
	color: #666;
}

.picBanner {
	float: right;
}

.picBanner li {
	float: left;
	width: 230px;
	height: 100px;
	margin: 0 0 0 5px;
}

.picBanner li a,
.picBanner li img {
	display: block;
	width: 100%;
	height: 100%;
}

/* 레이어팝업 신규추가 */
.layerPop {
	border: 1px solid #666;
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: #fff;
	z-index: 100;
}

.layerPop .inWrap {
	position: relative;
	letter-spacing: -1px;
}

.layerPop .tit {
	font-size: 20px;
	color: #fff;
	background: #666;
	height: 55px;
	line-height: 54px;
	padding: 0 35px;
}

.layerPop .layerCon {
	padding: 25px 35px 35px;
	font-size: 14px;
}

.layerPop .layerCon p {
	font-size: 14px;
	letter-spacing: -1px;
}

.layerPop .btnClose {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 55px;
	height: 55px;
	background: url('../img/btn_closelayer.png') no-repeat 0 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.layerPop .layerCon .tit2 {
	font-size: 16px;
	font-weight: bold;
	color: #2763bb;
	border-bottom: 1px solid #999;
	padding: 0 0 7px;
	margin: 0 0 10px;
}

.feelingSelect .selList {
	margin: 20px 0 0 0;
}

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

.feelingSelect .selList li {
	float: left;
	width: 50%;
	color: #000;
	font-size: 15px;
	border: 1px solid #e1e1e1;
	margin: -1px 0 0 -1px;
	padding: 8px 0 11px 19px;
}

.feelingSelect .selList li input {
	width: 18px;
	height: 18px;
	vertical-align: -4px;
	margin-right: 5px;
}

/* 게시판 top rank */
.listRankTop {
	height: 245px;
	border: 1px solid #dcdcdc;
	border-top: 1px solid #000;
	letter-spacing: -1px;
}

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

.listRankTop .inLeft {
	float: left;
	width: 235px;
	height: 243px;
	padding: 96px 0 0 0;
	background: #f7f7f7 url('../img/bg_story06.png') no-repeat 63px 39px;
	text-align: center;
}

.listRankTop .inLeft .tit {
	font-family: 'Noto Sans KR';
	font-size: 24px;
	font-weight: 300;
	color: #000;
	letter-spacing: -2px;
	line-height: 1.2;
	margin: 0 0 17px;
}

.listRankTop .inLeft .tit strong {
	display: block;
	font-weight: 500;
}

.listRankTop .inLeft .btn21 {
	height: 35px;
}

.listRankTop .inLeft .btn21 em {
	padding: 0;
	width: 103px;
	line-height: 31px;
	color: #2864b9;
	font-size: 14px;
}

.listRankTop .inRight {
	float: left;
	width: 613px;
	height: 243px;
	padding: 28px 0 0 24px;
}

.listRankTop .inRight ul li {
	padding: 0 0 6px;
	color: #333;
	font-size: 13px;
}

.listRankTop .inRight ul li:first-child {
	font-size: 14px;
	font-weight: bold;
}

.listRankTop .inRight ul li:first-child a {
	font-size: 15px;
	font-weight: bold;
	color: #2864b9;
	vertical-align: middle;
}

.listRankTop .inRight ul li a {
	width: 377px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	color: #333;
}

.listRankTop .inRight ul li a span {
	display: inline-block;
	max-width: 70%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-wrap: normal;
	vertical-align: middle;
}

.listRankTop .inRight ul li a em {
	vertical-align: middle;
}

.listRankTop .inRight .txt {
	display: inline-block;
	width: 100px;
	vertical-align: middle;
}

.listRankTop .inRight .name {
	vertical-align: middle;
}

.listRankTop .inRight .ico1 {
	vertical-align: middle;
	margin-right: 10px;
}

.listRankTop .inRight .blt_excla {
	color: #999;
	padding-top: 1px;
}

/* 내 정보보기 기존변경 */
.myInfo_view {
	position: relative;
	width: 850px;
	height: 154px;
	border: 1px solid #d7d7d7;
	background: #f9f9f9;
	box-shadow: none;
}

.myInfo_view:after {
	position: absolute;
	top: 0;
	left: 518px;
	display: block;
	content: '';
	height: 152px;
	width: 1px;
	background: #d7d7d7;
}

.myInfo_view .section_right {
	margin: 0 0 0 135px;
}

.myInfo_view .section_right .name_user {
	line-height: 1;
}

.myInfo_view .section_right {
	padding: 32px 0 0;
	width: auto;
	height: 152px;
}

.myInfo_view .section_right .tit {
	font-size: 22px;
	line-height: 1.1;
	vertical-align: middle;
}

.myInfo_view .section_right .over {
	height: auto !important;
}

.myInfo_view .section_right .over .over {
	margin: 5px 0 0 0;
}

.myInfo_view .section_right .tit:after {
	display: none;
}

.myInfo_view .section_right .note1 + .txtBox {
	margin: 5px 0 0 0;
}

.myInfo_view .section_top .thumb {
	top: 16px;
}

.myInfo_view .txtBox {
	width: 350px;
	padding: 11px 0 13px 20px;
	margin: 18px 0 0 0;
	background: #fff;
	border: 1px solid #efefef;
	font-size: 15px;
	color: #000;
}

.myInfo_view .txtBox span {
	color: #2864b9;
}

.myInfo_view .rightArea {
	width: 329px;
	height: 152px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	padding: 25px 0 0 0;
}

.myInfo_view .rightArea p {
	font-size: 17px;
	text-align: center;
}

.myInfo_view .rightArea p strong {
	color: #000;
}

.myInfo_view .rightArea .btnArea {
	position: static;
	display: inline-block;
	margin: 25px 0 0 0;
}

.myInfo_view .btnArea a.s1,
.myInfo_view .btnArea .s2 {
	display: inline-block;
	height: 49px;
	background: #fff;
	border: 1px solid #efefef;
	min-width: 140px;
	font-size: 15px;
	padding: 0 13px 0 49px;
	margin: 0;
	color: #666;
	line-height: 47px;
	text-align: left;
}

.myInfo_view .btnArea a.s1 em,
.myInfo_view .btnArea .s2 em {
	color: #000;
}

.myInfo_view .btnArea a.s1 .count,
.myInfo_view .btnArea .s2 span {
	margin-left: 5px;
	font-weight: normal;
	color: #666;
}

.myInfo_view .btnArea .s2 {
	margin-left: -1px;
	border-left: 1px solid #e5e5e5;
	background: #fff url('../img/ico_reply.png') no-repeat 13px 11px;
	padding-left: 58px;
}

.myInfo_view .heart {
	background: url('../img/heartNew.png') no-repeat;
	left: 27px;
	top: 52%;
}

/* 댓글영역 신규추가 */
.boxReply3 {
	margin: 20px 0 0 0;
	letter-spacing: -1px;
	font-size: 14px;
	background: #fff;
}

.boxReply3 .name {
	font-size: 13px;
}

.boxReply3 .name strong {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin: 0 5px 0 0;
}

.boxReply3 .icoName {
	display: inline-block;
	width: 33px;
	height: 33px;
	border: 1px solid #e1e1e1;
	background: #f7f7f7;
	border-radius: 50%;
	vertical-align: middle;
	text-align: center;
	margin: 0 6px 0 0;
}

.boxReply3 .icoName img {
	vertical-align: top;
	position: relative;
	top: 8px;
	left: 1px;
}

.boxReply3 .writeTop {
	position: relative;
	border: 1px solid #666;
	background: #fff;
}

.boxReply3 .writeTop .inTop {
	position: relative;
	padding: 23px 28px 0 28px;
	border-bottom: 1px solid #e1e1e1;
}

.boxReply3 .writeTop .inBot:after {
	display: block;
	content: '';
	clear: both;
}

.boxReply3 .writeTop .txt {
	font-size: 13px;
	color: #999;
	padding-top: 6px;
}

.boxReply3 .writeTop .txt2 {
	font-size: 13px;
	color: #999;
	text-align: right;
}

.boxReply3 .writeTop .btBox {
	float: left;
	padding: 10px 0 0 30px;
}

.boxReply3 .writeTop .btBox * {
	font-size: 13px;
	color: #999;
}

.boxReply3 .writeTop .ipBox .txtInput {
	height: 46px;
	line-height: 46px;
	width: 90%;
	padding: 0;
	border: none;
	font-size: 17px;
}

.boxReply3 .writeTop .ipBox .txtInput::-webkit-input-placeholder {
	font-size: 13px;
	color: #999;
	letter-spacing: -1px;
}

.boxReply3 .writeTop .ipBox .txtInput:-moz-placeholder {
	font-size: 13px;
	color: #999;
	letter-spacing: -1px;
}

.boxReply3 .writeTop .ipBox .txtInput::-moz-placeholder {
	font-size: 13px;
	color: #999;
	letter-spacing: -1px;
}

.boxReply3 .writeTop .ipBox .txtInput:-ms-input-placeholder {
	font-size: 13px;
	color: #999;
	letter-spacing: -1px;
}

.boxReply3 .writeTop .ipBox .btnCom {
	position: absolute;
	bottom: -47px;
	right: 0;
	width: 103px;
	height: 47px;
	line-height: 45px;
	background: #2864ba;
	color: #fff;
	font-size: 17px;
	text-align: center;
}

.boxReply3 .writeTop .ipBox .bytes {
	font-size: 13px;
	color: #999;
	position: absolute;
	bottom: 10px;
	right: 28px;
}

.boxReply3 .writeTop .inBot {
	min-height: 46px;
}

.boxReply3 .writeTop .btnSticker {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 30px;
	margin: 0 25px 0 0;
	background: url('../img/ico_sti_off.png') no-repeat 0 0;
}

.boxReply3 .writeTop .btnSticker.on {
	background: url('../img/ico_sti_on.png') no-repeat 0 0;
}

.boxReply3 .writeTop .btnFile {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 34px;
	cursor: pointer;
	background: url('../img/ico_photo_off.png') no-repeat 0 50%;
}

.boxReply3 .writeTop .fileHidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	width: 100%;
}

.boxReply3 .writeTop .picBox {
	padding: 15px 30px 30px 30px;
}

.boxReply3 .picBox span {
	position: relative;
	display: inline-block;
}

.boxReply3 .picBox img {
	max-height: 130px;
}

.boxReply3 .picBox .btnDel {
	position: absolute;
	top: 2px;
	right: -32px;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background: url('../img/btn_closex.png') no-repeat 0 0;
}

.boxReply3 .replyList {
	margin: 20px 0 0 0;
	border-top: 1px solid #e1e1e1;
}

.boxReply3 .replyList > li {
	position: relative;
	border-bottom: 1px solid #e1e1e1;
}

.boxReply3 .replyList .inTxt {
	padding: 28px 30px;
	position: relative;
}

.boxReply3 .replyList .cont {
	font-size: 14px;
	color: #000;
	padding: 8px 0;
}

.boxReply3 .replyList .txtip {
	font-size: 14px;
	color: #969696;
	padding: 0 0 9px;
	clear: both;
}

.boxReply3 .replyList .btnDel {
	display: inline-block;
	padding: 8px 20px 10px;
	background: #2763bb;
	color: #fff;
	font-size: 14px;
	margin: 0 0 0 10px;
	border-radius: 2px;
	line-height: 1;
}

.boxReply3 .replyList .btnre {
	color: #ce1340;
	margin-left: 3px;
}

.boxReply3 .replyList .btnre:before {
	content: '|';
	color: #969696;
	margin: 0 5px 0 0;
}

.boxReply3 .replyList .btRight {
	position: absolute;
	top: 30px;
	right: 30px;
}

.boxReply3 .replyList .btRight a {
	display: inline-block;
	width: 43px;
	height: 27px;
	line-height: 23px;
	font-size: 12px;
	border: 1px solid #ddd;
	text-align: center;
	color: #ff2929;
	background: #fff;
}

.boxReply3 .replyList .btRight a.del {
	color: #000;
	margin-left: -5px;
}

.boxReply3 .replyList .noData {
	font-size: 15px;
	color: #969696;
	text-align: center;
	padding: 100px 0 40px 0;
	background: url('../img/ico_nodata.png') no-repeat 50% 40px;
}

.boxReply3 .replyList .myReply {
	background: #f0f9ff;
}

.boxReply3 .replyList .picBox {
	padding: 25px 0;
}

.boxReply3 .btnReclose a {
	display: block;
	text-align: center;
	font-size: 15px;
	letter-spacing: -1px;
	padding: 7px 0 8px;
	background: #f7f7f7;
}

.boxReply3 .btnReclose a span {
	padding-right: 23px;
	background: url('../img/bul_arrow02_up.png') no-repeat 100% 50%;
}

.boxReply3 .sticker_box {
	position: static;
	height: auto;
	border: none;
}

.boxReply3 .stickerWrap {
	display: none;
	position: absolute;
	bottom: -328px;
	left: -1px;
	width: 600px;
	height: 328px;
	border: 1px solid #666;
	background: #fff;
	overflow: hidden;
	z-index: 2;
}

.boxReply3 .stickerWrap .btnClose {
	position: absolute;
	top: 18px;
	right: 23px;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background: url('../img/btn_closex.png') no-repeat 0 0;
}

.boxReply3 .stickerWrap .selTop {
	height: 56px;
	border-bottom: 1px solid #e1e1e1;
}

.boxReply3 .stickerWrap .selTop:after {
	display: block;
	content: '';
	clear: both;
}

.boxReply3 .stickerWrap .tab {
	float: left;
	height: 100%;
}

.boxReply3 .stickerWrap .tab li {
	float: left;
	height: 100%;
	border-right: 1px solid #e1e1e1;
}

.boxReply3 .stickerWrap .tab li:first-child {
	margin-left: 30px;
	border-left: 1px solid #e1e1e1;
}

.boxReply3 .stickerWrap .tab li a {
	display: block;
	width: 77px;
	height: 100%;
	text-align: center;
	line-height: 50px;
}

.boxReply3 .stickerWrap .selTop p {
	float: left;
	font-size: 13px;
	color: #2864ba;
	padding: 20px 0 0 24px;
}

.boxReply3 .stickerWrap .listBox {
	height: 270px;
	overflow-y: auto;
	overflow-x: hidden;
}

.boxReply3 .replyCon {
	display: none;
	background: #f7f7f7;
	padding-top: 28px;
	border-top: 1px solid #e1e1e1;
}

.boxReply3 .replyCon .replyList {
	margin: 0;
	border-top: none;
	position: relative;
}

.boxReply3 .replyCon .replyList:after {
	position: absolute;
	top: -29px;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #f7f7f7;
}

.boxReply3 .replyCon .replyList + .btnReclose {
	display: none;
}

.boxReply3 .replyCon .replyList .inTxt {
	padding: 0 0 25px 50px;
	background: url('../img/ico_replybar.png') no-repeat 30px 0;
}

.boxReply3 .replyCon .replyList li:first-child .inTxt {
	padding-top: 0;
	background: url('../img/ico_replybar.png') no-repeat 30px 0;
}

.boxReply3 .replyCon .replyList .btRight {
	top: 0;
}

.boxReply3 .replyCon .writeTop {
	border: 1px solid #d8d8d8;
	margin: 0 20px 25px;
}

.boxReply3 .replyCon .writeTop .ipBox .btnCom {
	background: #666;
}

.boxReply3 .replyCon .writeTop .name {
	padding-left: 24px;
	background: url('../img/ico_replybar.png') no-repeat 0 0;
}

.boxReply3 .replyCon .stickerWrap {
	border: 1px solid #d8d8d8;
}

.boxReply3 .replyCon .writeTop .picBox {
	padding: 15px 30px 30px 30px;
}

.boxReply3 .replyCon .btnReclose {
	position: relative;
	width: 100%;
	line-height: 0;
}

.boxReply3 .replyCon .btnReclose a {
	width: 100%;
	line-height: 1.5;
	border-top: 1px solid #dedede;
}

.boxReply3 .txtreplyNum {
	border: 1px solid #cee5f3;
	background: #f0f9ff;
	text-align: center;
	padding: 20px 0 26px;
	margin: 20px 0 0 0;
}

.boxReply3 .txtreplyNum p {
	font-size: 20px;
	color: #2864ba;
}

.boxReply3 .txtreplyNum p span {
	color: #000;
}

.boxReply3 .txtselArea {
	background: #f6f6f6;
	border-bottom: 1px solid #666;
	text-align: center;
	padding: 29px 0 35px;
}

.boxReply3 .txtselArea ul li {
	display: inline-block;
	font-size: 15px;
	color: #000;
	margin: 0 18px;
}

.boxReply3 .txtselArea ul li label {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.boxReply3 .txtselArea ul li input {
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.boxReply3 .contLeft {
	width: 10%;
	float: left;
	font-size: 14px;
	padding: 8px 0;
}

.boxReply3 .contLeft + .cont {
	float: left;
	width: 90%;
	padding-left: 20px;
}

/* 담임선생님 기존변경 */
span.tcPhoto21 {
	position: relative;
	display: inline-block;
}

span.tcPhoto21 em {
	position: relative;
	width: 159px;
	height: 211px;
	display: block;
	overflow: hidden;
}

span.tcPhoto21 em img {
	position: relative;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 212px;
}

span.tcPhoto21 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 212px;
	display: block;
	color: red;
	font-weight: bold;
	border: 1px solid #d6d6d6;
}

span.tcPhoto21_hover span {
	width: 160px;
	height: 212px;
	border: 2px solid #d35465;
}

span.tcPhoto22 {
	position: relative;
	display: inline-block;
}
/* 85% */

span.tcPhoto22 em {
	position: relative;
	width: 129px;
	height: 109px;
	display: block;
	overflow: hidden;
}

span.tcPhoto22 em img {
	position: relative;
	top: 0px;
	left: -3px;
	width: 136px;
	height: 181px;
}

span.tcPhoto22 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 130px;
	height: 110px;
	display: block;
	color: red;
	font-weight: bold;
	border: 1px solid #d6d6d6;
}

span.tcPhoto22_hover span {
	width: 130px;
	height: 110px;
	border: 2px solid #d35465;
}

span.tcPhoto23 {
	position: relative;
	display: inline-block;
}
/* 45% */

span.tcPhoto23 em {
	position: relative;
	width: 57px;
	height: 57px;
	display: block;
	overflow: hidden;
}

span.tcPhoto23 em img {
	position: relative;
	top: 0px;
	left: -7px;
	width: 72px;
	height: 96px;
}

span.tcPhoto23 span {
	position: absolute;
	top: 0;
	left: 0;
	width: 58px;
	height: 58px;
	display: block;
	color: red;
	font-weight: bold;
	border: 1px solid #d6d6d6;
}

span.tcPhoto23_hover span {
	width: 58px;
	height: 58px;
	border: 2px solid #d35465;
}

/* 카드행사 */
.cardMonth {
	position: relative;
	font-size: 0;
}

.cardMonth strong {
	position: absolute;
	top: 87px;
	left: 560px;
}

.cardWrap {
	background: #ededed;
	border-right: 2px solid #ededed;
	border-bottom: 2px solid #ededed;
}

.cardEvent {
	padding-top: 0;
	border: 1px solid #d1d1d1;
	background: #fff;
}

.cardEvent dl {
	margin: 10px;
}

.cardEvent dl dt {
	margin-bottom: 14px;
	padding: 6px 0 2px 25px;
	background: #f1f2f2 url('../img/bul_arrow.gif') no-repeat 10px 13px;
	font-weight: bold;
}

.cardEvent dl dd {
	margin: 4px 0 0 18px;
	padding: 0 0 0 7px;
	line-height: 16px;
	background: url('../img/nemo3.png') no-repeat 0 8px;
}

/*****************************************************************************************************************************************
	Popup  기존유지
*****************************************************************************************************************************************/
body.popup {
	background: #742933;
	padding: 5px;
}

table.tbl_popup {
	width: 100%;
}

table.tbl_popup tr.popup_top th {
	background: url('../img/bg_pop_lt.gif') top left no-repeat;
	height: 20px;
	width: 1%;
	border-collapse: collapse;
	padding: 0;
}

table.tbl_popup tr.popup_top td {
	background: url('../img/bg_pop_rt.gif') top right no-repeat;
	width: 99%;
	height: 20px;
	padding-right: 10px;
}

table.tbl_popup tr.pop_bot th {
	background: url('../img/bg_pop_lb.gif') bottom left no-repeat;
	height: 11px;
	width: 1%;
}

table.tbl_popup tr.pop_bot td {
	background: url('../img/bg_pop_rb.gif') bottom right no-repeat;
	width: 99%;
	height: 11px;
	padding-right: 10px;
}

table.tbl_popup tr td.cont {
	background: #fff;
	padding: 0 10px;
	vertical-align: top;
}

div.poptit {
	background: url('../img/blt_poptit.gif') 5px 0 no-repeat;
	padding: 0 0 4px 25px;
	border-bottom: 1px solid #d4d3d2;
	color: #742933;
	line-height: 16px;
	margin-bottom: 10px;
	font-size: 14px;
}

div.poptxt01 {
	padding: 0 36px;
}

div.story_poptit {
	background: url('../img/blt_1st_orange.gif') 5px 0 no-repeat;
	padding: 0 0 4px 25px;
	border-bottom: 1px solid #d4d3d2;
	color: #8d3704;
	line-height: 16px;
	margin-bottom: 10px;
	font-size: 14px;
}

/*****************************************************************************************************************************************
	Tab  기존유지
*****************************************************************************************************************************************/
div.tab {
	position: relative;
	z-index: 10x;
}

ul.tab_type01 {
	width: 100%;
	border-bottom: 1px solid #f58789;
	height: 24px;
}

div.tab .rbtn {
	position: absolute;
	top: 2px;
	right: 0px;
}
/*tab_off*/

ul.tab_type01 li {
	float: left;
	margin: 0 1px -2px 0;
	display: inline;
	font-weight: bold;
	line-height: 18px;
}

ul.tab_type01 li a {
	float: left;
	display: block;
	background: url('../img/taboff01_right.gif') no-repeat top right;
	cursor: pointer;
	color: #a9a9a9;
}

ul.tab_type01 li a span {
	float: left;
	display: block;
	padding: 2px 15px 3px 15px;
	line-height: 20px;
	background: url('../img/taboff01_left.gif') no-repeat top left;
	color: #a9a9a9;
	letter-spacing: -1px;
}
/*tab_on*/

ul.tab_type01 li.on a {
	float: left;
	display: block;
	background: url('../img/tabon01_right.gif') no-repeat top right;
}

ul.tab_type01 li.on span {
	float: left;
	display: block;
	padding: 2px 15px 3px 15px;
	line-height: 20px;
	background: url('../img/tabon01_left.gif') no-repeat top left;
	color: #fff;
	letter-spacing: -1px;
}

ul.tab_type01 li a:hover {
	float: left;
	display: block;
	background: url('../img/tabon01_right.gif') no-repeat top right;
	cursor: pointer;
}

ul.tab_type01 li a:hover span {
	float: left;
	display: block;
	padding: 2px 15px 3px 15px;
	line-height: 20px;
	background: url('../img/tabon01_left.gif') no-repeat top left;
	color: #fff;
}

html.small_pop {
	overflow: hidden;
}

/* 20250625 add */
.mid_subject_main_banner {
	display: flex;
	gap: 10px;
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
}

.mid_subject_main_banner .column01,
.mid_subject_main_banner .column02 {
	position: relative;
	overflow: hidden;
	flex-shrink: 0;
}

.mid_subject_main_banner .column01 .slider {
	width: 588px;
	height: 235px;
}

.mid_subject_main_banner .column02 .slider {
	width: 252px;
	height: 235px;
}

.mid_subject_main_banner .swiper-button-prev,
.mid_subject_main_banner .swiper-button-next {
	color: #007aff;
}

.mid_subject_main_banner .swiper-pagination-bullet-active {
	background-color: #007aff;
}

.mid_subject_main_banner .page_box {
	position: relative;
	border: 1px solid #d7d7d7;
	width: 100%;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 10px;
}

.mid_subject_main_banner .page_box .swiper-pagination {
	width: auto;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
}

.mid_subject_main_banner .page_box .nav {
	display: flex;
	margin: 0 0 0 15px;
}

.mid_subject_main_banner .page_box .nav .swiper-button-prev[role='button'],
.mid_subject_main_banner .page_box .nav .swiper-button-next[role='button'] {
	position: relative;
	width: 20px;
	height: 21px;
	background: url(../img/ico_slide_arrow.png) no-repeat 0 0;
	top: auto;
	left: auto;
	right: auto;
	margin: 0;
}

.mid_subject_main_banner .page_box .nav .swiper-button-next[role='button'] {
	transform: scale(-1, 1);
	border-right: 1px solid #d7d7d7;
}

.mid_subject_main_banner .swiper-button-prev:after,
.mid_subject_main_banner .swiper-button-next:after {
	display: none;
}