@charset "utf-8";

@import "common.css";

html,
body {
	width: 100%;
	height: 100%;
	background: #fff;
}

html {
	overflow: hidden;
	overflow-y: auto;
}

body {
	background: url("/images/main/main_wrap03.jpg") no-repeat 50% 0;
}

.mb8 {
	margin-bottom: 8px;
}

#wrapper {
	width: 979px;
	margin: 0 auto;
}

#wrapper #header h1	{
	float:left;
	padding:10px 0 0 22px;
}

#topFlash {
	position: relative;
	height: 380px;
}

#topFlash img {
	height: 380px;
	position: absolute;
	top: 0;
	left: -20px;
}

#topFlash #globalMenu {
	position: absolute;
	top: 8px;
	right: 0;
	z-index: 1;
}

#topFlash #mainVisual {
	position: absolute;
	top: 0;
	left: -20px;
	z-index: 0;
}

#topFlash .logo {
	position: absolute;
	top: 10px;
	left: 41px;
	z-index: 2;
}

#topFlash .logo img {
	width: 88px;
	height: 39px;
}

#mainContents {
	width: 979px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
	overflow: hidden;
}

#mainContents .leftContents {
	float: left;
	width: 242px;
	margin-right: 4px;
}

#mainContents .centerContents {
	float: left;
	width: 488px;
}

#mainContents .rightContents {
	float: right;
	width: 241px;
	overflow: hidden;
}

.loginBox {
	display: inline-block;
	background: url("/images/main/loginTop.png") no-repeat 0 0;
}

*html .loginBox {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/main/loginTop.png", sizingMethod="crop");
}

.loginBox .loginBody {
	background: url("/images/main/loginBtm01.jpg") no-repeat 0 100%;
	width: 228px;
	padding: 20px 0 0 21px;
	height: 171px;
	position: relative;
	z-index: 2;
}

.loginBox .loginBody .addFavorate {
	position: absolute;
	top: 22px;
	right: 21px;
	color: #4A95B1;
	font: normal bold 11px/1.2 dotum;
	letter-spacing: -1px;
	background: url("/images/ico/addFavorite.gif") no-repeat 0 1px;
	padding-left: 12px;
}

.loginBox .loginBody .btn {
	display: inline-block;
	vertical-align: bottom;
	width: 73px;
	padding-bottom: 3px;
	text-align: right;
}

.loginBox .loginBody .profile {
	display: inline-block;
	vertical-align: bottom;
	width: 125px;
	margin-bottom: 5px;
}

.loginBox .loginBody .profile strong {
	display: block;
	color: #010101;
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 1.2;
}

.loginBox .loginBody .profile span {
	width: 100%;
	color: #6B6448;
}

.loginBox .loginBody .btnList {
	margin-bottom: 7px;
}

.loginBox .loginBody .btnList a {
	margin: 0 -4px 3px 0;
	display: inline-block;
}

.loginBox .loginBody .styleSelect {
	position: relative;
	padding-top: 10px;
	z-index: 1;
}

.loginBox .loginBody .styleSelect a {
	background: url("/images/main/bg_gonow.gif") 0 0 no-repeat;
	display: block;
	height: 18px;
	padding: 3px 0 1px 10px;
	width: 190px;
}

.loginBox .loginBody .styleSelect ul {
	position: absolute;
	top: 32px;
	left: 0;
	display: none;
	padding: 2px 0 0;
	background-color: #fff;
	border: 1px solid #bababa
}

.loginBox .loginBody .styleSelect ul a {
	background: none;
}

.before_loginBody {
	background: url("/images/main/loginBtm01.jpg") no-repeat 0 100%;
	width: 228px;
	padding: 23px 0 0 21px;
	height: 168px;
}

.before_loginBody h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	margin-bottom: 10px;
	width: 200px;
}

.before_loginBody fieldset {
	width: 205px;
	overflow: hidden;
	margin-bottom: 15px;
}

.before_loginBody fieldset p {
	float: left;
}

.before_loginBody fieldset p.textBox {
	width: 141px;
}

.before_loginBody fieldset p.textBox label {
	vertical-align: top;
}

.before_loginBody fieldset p.textBox input {
	border: 1px solid #B5BEBE;
	width: 90px;
	height: 17px;
}

.before_loginBody fieldset p.loginBtn {
	width: 61px;
}

.before_loginBody fieldset p.check {
	clear: both;
	width: 200px;
}

.before_loginBody fieldset p.check input {
	vertical-align: middle;
}

.before_loginBody fieldset p.check label {
	margin-right: 10px;
}

.box02 {
	background: url("/images/main/boxType02_btm.gif") no-repeat 0 100%;
}

.box02 .boxContent {
	background: url("/images/main/boxType02_top.png") no-repeat 0 0;
}

.box03 {
	background: url("/images/main/boxType03_btm01.jpg") no-repeat 0 100%;
}

.box03 .boxContent {
	background: url("/images/main/boxType03_top.png") no-repeat 0 0;
}

* html .box03 .boxContent {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/main/boxType03_top.png", sizingMethod="crop");
}

.box04 {
	background: url("/images/main/boxType04_btm.gif") no-repeat 0 100%;
}

.box04 .boxContent {
	background: url("/images/main/boxType04_top.gif") no-repeat 0 0;
}

.box05 {
	background: url("/images/main/boxType05_btm01.jpg") no-repeat 0 100%;
}

.box05 .boxContent {
	background: url("/images/main/boxType05_top.png") no-repeat 0 0;
}

*html .box05 .boxContent {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/main/boxType05_top.png", sizingMethod="crop");
}

.addStudyRegist {
	padding: 20px 19px 0 22px;
	height: 109px;
}

.addStudyRegist h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 8px;
	margin-bottom: 10px;
	position: relative;
	width: 199px;
}

.addStudyRegist .more {
	position: absolute;
	top: -3px;
	right: 0px;
}

.noticeExt {
	padding: 20px 19px 0 22px;
	height: 108px;
}

.noticeExt.logout {
	padding: 20px 19px 0 22px;
	height: 127px;
}

.noticeExt h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	margin-bottom: 10px;
	position: relative;
	width: 199px;
}

.noticeExt ul li {
	padding: 0 0 4px 11px;
	background: url("/images/main/bl_dot.gif") no-repeat 0 6px;
}

.noticeExt ul li a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 180px;
}

.noticeExt .more {
	position: absolute;
	top: 0;
	right: 0px;
	font: normal normal 11px/1.5 dotum;
	color: #999;
}

.iwantKnow {
	padding: 20px 19px 0 22px;
	height: 118px;
	position: relative;
}

.iwantKnow h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	width: 199px;
}

.iwantKnow .tab_more {
	width: 199px;
	height: 20px;
	margin: -20px 0 10px;
	text-align: right;
}

.iwantKnow .btnGo {
	position: absolute;
	top: 86px;
	left: 195px;
}

.searchArea {
	padding: 20px 19px 0 22px;
	height: 109px;
	position: relative;
}

.searchArea h2 {
	width: 68px;
	display: inline;
	margin-right: 0px;
}

* html .searchArea h2 {
	margin-right: 5px;
}

*+html .searchArea h2 {
	margin-right: 5px;
}

.searchArea ul {
	display: inline;
}

.searchArea ul li {
	display: inline;
}

.searchArea a {
	display: inline-block;
	color: #baa04c;
	background: url('/images/main/bg_line.gif') no-repeat 0 5px;
	display: inline-block;
	padding: 2px;
	vertical-align: top;
}

.searchArea .allSearch {
	clear: both;
	padding-top: 5px;
}

.searchArea .allSearch input.text {
	border: 1px solid #bcbdbd;
}

.mainEvt {
	padding: 20px 19px 0 22px;
	height: 171px;
	position: relative;
}

.mainEvt h2 {
	width: 199px;
}

.mainEvt .tab_more {
	width: 199px;
	height: 17px;
	margin: -17px 0 0;
	text-align: right;
}

.mainEvt p.eventView {
	padding: 4px 0 8px;
}

.mainEvt p.eventView img {
	border: 1px solid #cfcfcf;
}

.mainEvt p.date {
	padding-bottom: 5px;
	color: #3e3d3d;
	font-weight: bold;
	font-weight: bold;
	font-size: 11px;
}

.mainEvt div.eventCont ul {
	padding: 0;
}

.mainEvt div.eventCont ul li {
	padding: 0 0 2px;
	background: none;
	color: #7d7d7d;
	font-size: 11px;
	line-height: 1.2em;
}

.mainEvt div.eventCont ul li img {
	width: 198px;
	height: 86px;
}

.introStudy {
	padding: 20px 19px 0 22px;
	height: 126px;
	position: relative;
}

.introStudy h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	width: 199px;
}

.introStudy .tab_more {
	width: 199px;
	height: 20px;
	margin: -20px 0 0;
	text-align: right;
	margin-bottom: 14px;
}

.introStudy .btnGo {
	position: absolute;
	top: 86px;
	left: 195px;
}

.mainBanner {
	display: inline-block;
}

.mainBanner li {
	float: left;
}

.nnpTeacher {
	padding: 23px 19px 0 22px;
	height: 123px;
}

.nnpTeacher h2 {
	padding: 0 0 5px;
	width: 447px;
	position: relative;
}

.nnpTeacher .tabtitle {
	overflow: hidden;
	height: 24px;
	background: url("/images/main/bgline_orange.gif") repeat-x 0 100%;
	margin-bottom: 5px;
}

.nnpTeacher .tabtitle li {
	float: left;
	margin-right: 3px;
	padding: 0;
}

.nnpTeacher .more {
	position: absolute;
	top: 25px;
	right: 0px;
}

.nnpTeacher .list li {
	overflow: hidden;
	padding: 0 0 4px 11px;
	background: url("/images/main/bl_dot.gif") no-repeat 0 6px;
}

.nnpTeacher .list li a {
	width: 396px;
	height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}

.nnpTeacher .list li span {
	float: right;
}

.studyGame {
	padding: 23px 0 0 0;
	height: 123px;
	position: relative;
}

.studyGame h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	width: 447px;
	margin: 0 20px;
}

.studyGame .followWrite {
	position: absolute;
	top: 44px;
	left: 15px;
}

.studyGame .masterProject {
	position: absolute;
	top: 44px;
	left: 240px;
}

.studyGame .go01 {
	position: absolute;
	top: 97px;
	left: 111px;
}

.studyGame .go02 {
	position: absolute;
	top: 97px;
	left: 347px;
}

.studyGuide {
	padding: 21px 19px 0 22px;
	height: 123px;
	position: relative;
}

.studyGuide h2 {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	width: 443px;
}

.studyGuide ul {
	padding: 18px 0 0 90px;
	background: url("/images/main/img_studyGuide.gif") no-repeat 0 10px;
	height: 60px;
}

.studyGuide ul li {
	background: url("/images/main/bl_dot.gif") no-repeat 0 5px;
	padding: 0 0 0 10px;
	line-height: 1.5;
}

.studyGuide p {
	position: absolute;
	top: 106px;
	left: 111px;
}

.studyGuide .btnGo {
	position: absolute;
	top: 100px;
	left: 439px;
}

.nnpTodayStudy {
	padding: 20px 19px 0 22px;
	height: 308px;
	position: relative;
}

.nnpTodayStudy .header {
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 5px;
	width: 443px;
	position: relative;
	margin-bottom: 5px;
}

.nnpTodayStudy .more {
	position: absolute;
	top: -3px;
	right: 0px;
	font-weight: bold;
	color: #727070;
	font: normal bold 11px/1.2 tahoma;
}

.nnpTodayStudy .more strong {
	color: #000;
}

.schedule_list .title {
	background: url("/images/main/bg_schedule_title.gif") no-repeat 0 0;
	height: 26px;
}

.schedule_list .title .left {
	margin-left: 116px;
}

.schedule_list .title .right {}

.schedule_list .title strong {
	width: 84px;
	display: inline-block;
	margin-right: -4px;
	color: #000;
}

.schedule_list .monthlist {
	width: 445px;
	overflow: hidden;
	margin-bottom: 17px;
}

.schedule_list .monthlist ul {
	background: url("/images/main/monthlist.gif") no-repeat 0 0;
	width: 398px;
	height: 48px;
	float: left;
	overflow: hidden;
	padding-left: 15px;
}

.schedule_list .monthlist ul li {
	float: left;
}

.schedule_list .monthlist ul li a {
	padding: 7px 15px;
	display: block;
	width: 33px;
	height: 34px;
}

.schedule_list .monthlist ul li a:hover {
	background: url("/images/main/calendar_over.gif") no-repeat 8px 0;
}

.schedule_list .monthlist ul li.on a {
	background: url("/images/main/calendar_over.gif") no-repeat 8px 0;
}

.lecture_list {
	background: url("/images/main/bg_lecture_btm.gif") no-repeat 0 100%;
	width: 443px;
	padding: 0 0 4px;
}

.lecture_list table.thead {
	background: url("/images/main/bg_lecture_top.gif") no-repeat 0 0;
	width: 100%;
}

.lecture_list table.thead td {
	text-align: center;
	padding: 6px 0;
	background: none;
	border-bottom: 1px solid #ededed;
	font-weight: bold;
	color: #8A7868;
}

.lecture_list .tbody {
	width: 441px;
	height: 140px;
	overflow: hidden;
	overflow-y: scroll;
	margin-right: 2px;
}

.lecture_list .tbody02 {
	height: 170px;
}

.lecture_list .tbody td {
	border-bottom: 1px solid #F2F0E9;
	text-align: center;
	padding: 3px 0;
}

.lecture_list .tbody td.sbj {
	text-align: left;
	padding-left: 20px;
}

#wrapper #footer {
	width: 100%;
	overflow: hidden;
	padding: 9px 0 13px;
}

#footer p,
#footer address {
	float: left;
	margin-right: 30px;
}

#footer ul {
	float: left;
	width: 237px;
	margin-right: -1px;
	padding: 6px 0 0 5px;
	margin-left: -9px;
}

#footer ul li {
	display: inline;
	background: url("/images/layout/footer_util_bar.gif") no-repeat 0 2px;
	padding: 0 10px;
	margin-left: -1px;
}

/* for ie 6,7 */
#footer ul li {
	*margin-right: 0px;
}

#wrapper {
	position: relative;
}

#visual {
	position: relative;
	width: 1019px;
	height: 400px;
	margin: 0 -20px -20px;
	background: url('/images/main/bg_main_visual.png') no-repeat 0 0;
}

#visual .object,
#visual .bubble {
	position: absolute;
}

#visual a,
#visual img {
	display: block;
}

#visual a {
	position: relative;
	overflow: visible;
}

#visual .img1 {
	top: 147px;
	left: 698px;
}

#visual .img2 {
	top: 61px;
	left: 473px;
}

#visual .img3 {
	top: 220px;
	left: 533px;
}

#visual .img4 {
	top: 235px;
	left: 412px;
}

#visual .img5 {
	top: 50px;
	left: 208px;
}

#visual .img5 img:first-child {
	width: 95%;
}

#visual .img6 {
	top: 170px;
	left: 50px;
}

#visual .bubble {
	display: none;
}

#visual a:hover .bubble {
	display: block;
	z-index: 1;
}

#visual .img3 .bubble {
	top: -80px;
	left: -110px;
}

#visual .img5 .bubble {
	top: 45px;
	left: 130px;
}

#visual .img6 .bubble {
	top: -50px;
	left: 160px;
}

/*20120713 수정*/
#footer_warp {
	margin-top: 30px;
	clear: both;
	width: 100%;
	height: 110px;
	/*overflow:hidden;*/
	background: #fff url("/images/footer/footer_bg.gif") repeat-x top;
	position: relative;
}


#footer_warp .footer_content {
	width: 979px;
	height: 110px;
	position: relative;
	margin: 0 auto;
}

#footer_warp p.logo {
	position: absolute;
	top: 15px;
}

#footer_warp ul {
	left: 90px;
	position: absolute;
	top: 17px;
}

#footer_warp ul li {
	float: left;

}

#footer_warp address {
	left: 90px;
	position: absolute;
	top: 37px;
}

#footer_warp .footer_link {
	display: none;
	background-color: #F00;
	border: 1px;
	position: absolute;
	right: 0px;
	top: -63px;
	width: 700px;
	background: url("/images/footer/footer_layer_y.gif") repeat-y;
	z-index: 98;
}

#footer_warp .footer_link .title {
	padding: 13px 13px 7px;
	background: url("/images/footer/footer_layer_top.gif") no-repeat left top;
}

#footer_warp .footer_link ul {
	position: static;
	padding: 0 14px 8px;
	background: url("/images/footer/footer_layer_btm.gif") no-repeat left bottom;
}

#footer_warp .footer_link ul li {
	padding: 0 7px 0 0;
	display: inline;
	float: none;
}

#footer_warp .footer_link .close {
	position: absolute;
	right: 14px;
	top: 14px;
}

#footer_warp .site_link {
	position: absolute;
	right: 0;
	top: 16px;
	z-index: 98;
}

#footer_warp .site_link span {
	margin: 0 0 0 0px;
}

/* 2015.11.27~12.02 */
.addStudyRegist h2 {
	padding: 0 0 10px;
	margin-bottom: 10px;
	position: relative;
	width: 199px;
}

.addStudyRegist .more {
	top: 1px;
}


/* 2016.04.19 로그인박스 회원번호 타입 추가 */
.login_type_check {
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 110px
}

.login_type_check input {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin: 0
}




/* 2016.05.18 메인 로그인 레이어 팝업 추가 */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: url('/images/popup/mainPop_pattern01.png') repeat;
	z-index: 9999
}

.popArea {
	position: relative;
	width: 979px;
	margin: 0 auto;
}

.pop {
	position: absolute;
	width: 260px;
	height: 310px;
	top: 380px;
	left: 240px;
	z-index: 9999
}

.pop div.title {
	position: relative;
	height: 42px;
	background: url('/images/popup/mainPop_bg01.gif') repeat-x
}

.pop div.title h2 {
	font-size: 14px;
	font-family: 'dotum', '돋움';
	color: #000;
	background: url('/images/popup/mainPop_ico01.gif') no-repeat 20px 16px;
	padding-left: 36px;
	padding-top: 15px
}

.pop .close {
	position: absolute;
	top: 8px;
	right: 4px;
}

.pop div.subs {
	height: 218px;
	background-color: #fff;
	padding: 25px 20px;
	text-align: center
}

.pop div.sub {
	border-bottom: 1px solid #e6e6e6
}

.pop div.sub p.title {
	margin-bottom: 13px
}

.pop div.sub p.subject {
	margin-bottom: 15px
}

.pop div.sub .btn {
	display: inline-block;
	height: 25px;
	padding-bottom: 15px
}

.pop div.sub p.last {
	margin: 15px 0
}

.pop div.last {
	border-bottom: none;
}

.pop div.last p.subject {
	margin: 15px 0
}

.pw div.last {
	border-bottom: none;
}

.pw div.subs {
	height: 53px
}

.pw div.last p.subject {
	margin: 0 0 20px
}

/* 0412_방학특강폐지에 따른 삭제 진행 디자인 추가개선 */
.box02 .add_info_main {
	background: url("/images/main/bg_add_info_main.gif") no-repeat left top;
}

.add_info_main {
	position: relative;
	width: 241px;
	height: 127px;
}

.add_info_main h2 {
	margin: 0 22px;
	padding: 24px 0 6px;
	border-bottom: 1px solid #e2e2e2;
}

.add_info_main p {
	padding: 15px 0 0;
	margin: 0 22px;
	border-top: 1px solid #fff;
}

.add_info_main p a {
	position: absolute;
	right: 20px;
	bottom: 17px;
}

.btm_studyGuide {
	width: 488px;
	height: 146px;
	background: url('/images/main/study_guide_bg.gif') no-repeat left top;
}

.btm_studyGuide h2 {
	margin: 0 23px;
	padding: 22px 0 5px;
	border-bottom: 1px solid #bfbfbf;
}

.btm_studyGuide ul {
	overflow: hidden;
	padding-top: 15px;
}

.btm_studyGuide ul li {
	float: left;
	width: 50%;
	text-align: center;
}

.btm_studyGuide ul li img {}

.box02 .noticeExt {
	background: url("/images/main/bg_add_info_main.gif") no-repeat left top;
}

/* 0412_방학특강폐지에 따른 삭제 진행 디자인 추가개선 끝 */

/* 0316_[프]기존 서비스 소설로그인 기능 추가에 따른 서비스별 적용 : 추가시작 */
.before_loginBody .btn_loginbx {
	margin-top: 15px;
}
.before_loginBody .btn_loginbx > li {
	margin-top: 15px;
}
.before_loginBody .btn_loginbx > li:first-child {
	margin-top: 0;
}
/* 0316_[프]기존 서비스 소설로그인 기능 추가에 따른 서비스별 적용 : 추가끝 */