/*
	Document   : Style
	Created on : 2012. 8. 16, 오후 3:50
	Author     : Nexist
	Description:
	Purpose of the stylesheet follows.
*/

.courseTopArea {position: relative; padding: 0 0 5px 0; height:30px;}
.courseSearch { position: absolute; top: 0; right: 5px; }
.courseSearch * { vertical-align: middle; }

.mainImage { width:629px;height:354px;overflow:hidden;margin:0 0 20px 1px;border:solid 1px #d6d8d7; }
.mainBest { position:relative;width:419px;height:244px;border:solid 1px #d6d8d7;margin:0 3px 0 0; }
.mainBest h3 { padding: 20px 0 0 10px; }
.mainBestImg { position: absolute; top: 65px; left: 0; width: 165px; height: 145px; padding: 30px 0 0 0; border-right: solid 1px #eee; text-align: center; }
.mainBestList {width: 240px; margin: 0 0 0 171px; }
.mainBestList li { position: relative; height: 14px; border: solid 3px white; padding: 2px; margin-bottom: 6px; }
.mainBestList li.on { border-color: #328fcb; font-weight: bold; letter-spacing: -1px; color: #328fcb; }
.mainBestList li.on a { font-weight: bold; color: #328fcb; }
.mainBestList li .bestNo { position: absolute; width: 13px; height: 13px; font-size: 11px; font-weight: bold; background: #4493cc; border: solid 1px #2a7ab5; color: white; text-align: center; line-height: 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url("/javascript/Common/PIE.php"); }
.mainBestList li a { position: relative; left: 20px; text-decoration: none; }
.mainBestList li a:hover { color: #328fcb; }

.mainBanner { position:absolute;right:5px;top:376px;width:210px;height:243px;border:solid 1px #d6d8d7;background:#f2f3f7; }
.mainBanner ul {}
.mainBanner li {float: left;}
.mainBanner li a {}

.mainService { margin: 20px 0 0 0; }
.mainService ul { width:633px; height: 100px; border: solid 1px #d6d8d7; overflow: hidden; }
.mainService ul li {float: left; }
.mainService ul li a {float: left; padding-top: 100px;}
.mainClient { position:relative;width:635px;margin:20px 0 0 0; }
/* 
.mainClient .mainClientLeft { position: absolute; top: 37px; left: 5px; }
.mainClient .mainClientRight { position: absolute; top: 37px; right: 5px; }
.mainClient .rollingBox { position: relative; margin: 0 20px; width: 587px; padding: 3px; height: 49px; overflow: hidden; border: solid 1px #d6d8d7; }
.mainClient ul { position: relative; width: 1750px; height: 49px; }
.mainClient ul li { float: left; padding: 3px; }
 */
.mainClient ul { width:640px; }
.mainClient ul li { padding:2px;display:inline-block; }

.findID { position: relative; margin: 0 10px; }
.findID dl { position: relative; padding: 10px 30px; }
.findID dt { position: absolute; width: 100px; height: 27px; padding-top: 3px;  }
.findID dd { margin-left: 100px; height: 30px; }
.findID .findBtn { position: absolute; top: 63px; right: 66px; }

.findPW { position: relative; margin: 50px 10px; padding-top: 20px; border-top: solid 1px #d8d8d8; border-bottom: solid 1px #d8d8d8; padding-bottom: 50px;}
.findPW dl { position: relative; padding: 10px 30px; }
.findPW dt { position: absolute; width: 100px; height: 27px; padding-top: 3px;  }
.findPW dd { margin-left: 100px; height: 30px; }
.findPW .findBtn { position: absolute; top: 113px; right: 54px; }
.findMS { position: relative; margin: 50px 10px;}

.courseInfo { margin: 50px 0 0 0; background: #f8f8f8; }
.courseInfo dt { width: 105px; padding: 3px 10px;  background: #89d0f2; color: white; font-weight: 700; }
.courseInfo dd { padding: 10px 10px 30px 10px; background: white; }

/* 강의실 부분 */
.spmArea { position: absolute; top: 0; left: 0; background: url("../Images/studyPopupBg.png") 50% 50% white; overflow: hidden; padding: 30px; }
.spm { position: relative; background: white; overflow: auto; padding: 65px 20px 20px 20px; border: solid 10px #ccc; }
.iframeArea { overflow: hidden; }
.studyPopupMenu { position: absolute; bottom: 0; width: 100%; background: url("../Images/studyPopupMenuBg.png"); height: 27px; margin: 0;}
.studyPopupMenu h2 { float: left; padding: 0 0 0 30px; }
.studyPopupMenu ul { float: right; height: 23px; padding: 3px 30px; }
.studyPopupMenu ul li { float: left; font-size: 11px; }
.studyPopupMenu ul li a { display: block; padding: 0 15px 0 15px; cursor: pointer; }
.studyPopupMenu ul li:hover { background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url("/javascript/Common/PIE.php"); }
.studyPopupMenu ul li:hover a { color: white; text-decoration: none; }
.spm .spmHeader { position: absolute; top: 0; left: 0; height: 65px; background: white; }
.spm .spmHeader h1 { padding: 20px 20px; }
.spm .spmHeader .spmClose { position: absolute; right: 10px; top: 20px; cursor: pointer; }
.spm h3 { color: #3788b7; font-size: 12px; padding: 5px 10px; }
.spm .spmTextArea { background: #ececec; margin: 30px 0; padding: 20px; line-height: 150%; }

.imgPack { background: url("../Images/imgPack_new.png") no-repeat; overflow: hidden; font-size: 0; line-height: 100px; display: block; display: inline-block; }
.imgPack._Logo { background-position: -687px -115px; width: 150px; height: 45px; }
.imgPack._BottomLogo { background-position: -687px -165px; width: 147px; height: 55px; }
.imgPack._Menu1 { background-position: 0 0; width: 142px; height: 54px; }
.imgPack._Menu2 { background-position: -142px 0; width: 140px; height: 54px; }
.imgPack._Menu3 { background-position: -282px 0; width: 140px; height: 54px; }
.imgPack._Menu4 { background-position: -422px 0; width: 140px; height: 54px; }
.imgPack._Menu5 { background-position: -562px 0; width: 137px; height: 54px; }
.imgPack._Menu6 { background-position: -699px 0; width: 139px; height: 54px; }
.imgPack._Menu1.on, .imgPack._Menu1:hover { background-position: 0 -54px; width: 142px; height: 54px; }
.imgPack._Menu2.on, .imgPack._Menu2:hover { background-position: -142px -54px; width: 140px; height: 54px; }
.imgPack._Menu3.on, .imgPack._Menu3:hover { background-position: -282px -54px; width: 140px; height: 54px; }
.imgPack._Menu4.on, .imgPack._Menu4:hover { background-position: -422px -54px; width: 140px; height: 54px; }
.imgPack._Menu5.on, .imgPack._Menu5:hover { background-position: -562px -54px; width: 137px; height: 54px; }
.imgPack._Menu6.on, .imgPack._Menu6:hover { background-position: -699px -54px; width: 139px; height: 54px; }
.imgPack._TitleLogin { background-position: 0 -103px; width: 150px; height: 30px; }
.imgPack._TitleNotice { background-position: 0 -138px; width: 190px; height: 30px; }
.imgPack._TitleQuick { background-position: 0 -168px; width: 120px; height: 30px; }
.imgPack._TitleCustomer { background-position: -12px -203px; width: 160px; height: 24px; }
.imgPack._TitleBank { background-position: 0 -228px; width: 190px; height: 30px; }
.imgPack._TitleBest { background-position: -192px -258px; width: 180px; height: 35px; }
.imgPack._TitleOther { background-position: 0 -258px; width: 120px; height: 30px; }
.imgPack._TitleClient { background-position: 0 -288px; width: 120px; height: 30px; }
.imgPack._LoginBtn { background-position: -368px -108px; width: 49px; height: 20px; }
.imgPack._LoginBullet { background-position: -559px -174px; width: 8px; height: 10px; }
.imgPack._LoginMyStudy { background-position: -559px -184px; width: 111px; height: 15px; }
.imgPack._RegistBtn { background-position: -190px -108px; width: 49px; height: 12px; }
.imgPack._FindBtn { background-position: -241px -108px; width: 119px; height: 12px; }
.imgPack._LeftQuick1 { background-position: -192px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick2 { background-position: -252px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick3 { background-position: -312px -138px; width: 60px; height: 60px; }
.imgPack._LeftQuick4 { background-position: -192px -198px; width: 60px; height: 60px; }
.imgPack._LeftQuick5 { background-position: -252px -198px; width: 60px; height: 60px; }
.imgPack._LeftQuick6 { background-position: -312px -198px; width: 60px; height: 60px; }

.imgPack._LeftQuick7 { background-position: 0px -400px; width: 180px; height: 80px;}
.imgPack._LeftQuick8 { background-position: 0px -480px; width: 180px; height: 80px;  border-top: 1px solid #ebebeb;}
.imgPack._LeftQuick9 { background-position: 0px -560px; width: 180px; height: 80px; }
._LeftQuick10 {background: url("../Images/pdsBoard.png") no-repeat; overflow: hidden; font-size: 0; line-height: 80px; display:block;}

._callname1522 {margin-bottom: 15px;}
.imgPack._callname1522 {margin: 2px auto !important; background-position: -565px -220px; width: 103px; height: 20px;}
.imgPack._callNum1522 {margin: 2px auto !important; background-position: -537px -255px; width: 150px; height: 20px;}
.imgPack._callname1544 {margin: 2px auto !important; background-position: -712px -220px; width: 103px; height: 20px;}
.imgPack._callNum1544 {margin: 2px auto !important; background-position: -690px -255px; width: 150px; height: 20px;}

.estar{margin-top: 14.5px;}

.imgPack._LeftCustomer { background-position: -537px -130px; width: 150px; height: 43px; }
.imgPack._LeftBank1 { background-position: -372px -138px; width: 165px; height: 30px; }
.imgPack._LeftBank2 { background-position: -372px -168px; width: 165px; height: 30px; }
.imgPack._LeftBank3 { background-position: -372px -198px; width: 165px; height: 30px; }
.imgPack._LeftBank4 { background-position: -372px -228px; width: 165px; height: 30px; }
.imgPack._MainService1 { background-position: -192px -297px; width: 93px; height: 100px; }
.imgPack._MainService2 { background-position: -285px -297px; width: 113px; height: 100px; }
.imgPack._MainService3 { background-position: -398px -297px; width: 111px; height: 100px; }
.imgPack._MainService4 { background-position: -509px -297px; width: 110px; height: 100px; }
.imgPack._MainService5 { background-position: -619px -297px; width: 107px; height: 100px; }
.imgPack._MainService6 { background-position: -726px -297px; width: 99px; height: 100px; }
.imgPack._MainClientLeft { background-position: -537px -174px; width: 11px; height: 49px; }
.imgPack._MainClientRight { background-position: -548px -174px; width: 11px; height: 49px; }

/* 타이틀 이미지 - config_menu.php - $config['menu'] 정의 참조 */
.titleImgPack { background: url("../Images/titleImgPack.png") no-repeat; overflow: hidden; font-size: 0; line-height: 100px; display: block; }
/* 과정안내 */
.titleImgPack._SubTitle1_1 { background-position: 0 0px; width:136px; height:20px; }			/* 전체과정 */
.titleImgPack._SubTitle1_2 { background-position: 0 -20px; width:136px; height:20px; }			/* 인기과정 */
.titleImgPack._SubTitle1_3 { background-position: 0 -40px; width:136px; height:20px; }			/* 신규과정 */
.titleImgPack._SubTitle1_4 { background-position: 0 -820px; width:136px; height:20px; }			/* 과정개발절차 */
.titleImgPack._SubTitle1_5 { background-position: -147px -759px; width:168px; height:20px; }	/* 사업주훈련 */
.titleImgPack._SubTitle1_6 { background-position: -147px -560px; width:205px; height:20px; }	/* 국민내일배움카드 */
/* 수강안내 */
.titleImgPack._SubTitle2_1 { background-position: 0 -80px; width:136px; height:20px; }			/* 수강안내 */
.titleImgPack._SubTitle2_2 { background-position: 0 -100px; width:136px; height:20px; }			/* 수강신청 */
.titleImgPack._SubTitle2_3 { background-position: 0 -120px; width:136px; height:20px; }			/* 수강생 유의사항 */
.titleImgPack._SubTitle2_4 { background-position: 0 -800px; width:136px; height:20px; }			/* 모사답안 처리기준 */
/* 마이스터디 */
.titleImgPack._SubTitle3_1 { background-position: 0 0px; width:136px; height:20px; }			/* 전체과정 */
.titleImgPack._SubTitle3_2 { background-position: 0 -140px; width:136px; height:20px; }			/* 신청중인 과정 */
.titleImgPack._SubTitle3_3 { background-position: 0 -160px; width:136px; height:20px; }			/* 수강중인 과정 */
.titleImgPack._SubTitle3_4 { background-position: 0 -180px; width:136px; height:20px; }			/* 복습중인 과정 */
.titleImgPack._SubTitle3_5 { background-position: 0 -200px; width:136px; height:20px; }			/* 종료된 과정 */
.titleImgPack._SubTitle3_6 { background-position: -146px -718px; width:136px; height:20px; }	/* 결제내역/환불취소 */
.titleImgPack._SubTitle3_7 { background-position: -146px -738px; width:136px; height:20px; }	/* 환불취소 내역 */
/* 교육안내 */
.titleImgPack._SubTitle4_1 {  }	/* 신청 - 비즈씨 링크 */
.titleImgPack._SubTitle4_2 { background-position: -147px -800px; width:136px; height:20px; }	/* 교육안내 */
.titleImgPack._SubTitle4_3 { background-position: -147px -780px; width:136px; height:20px; }	/* 온라인 교육 */
.titleImgPack._SubTitle4_4 { background-position: -147px -600px; width:136px; height:20px; }	/* 자료실 */
/* 사회보험관리사 */
.titleImgPack._SubTitle5_1 {  }	/* 신청 - 과정안내_전체과정_사회보험관리사 검색 페이지 링크 */
.titleImgPack._SubTitle5_2 { background-position: -147px -580px; width:136px; height:20px; }	/* 사회보험관리사 */
.titleImgPack._SubTitle5_3 { background-position: -147px -616px; width:136px; height:20px; }	/* 자격증 */
.titleImgPack._SubTitle5_4 { background-position: -147px -600px; width:136px; height:20px; }	/* 자료실 */
.titleImgPack._SubTitle5_10 { background-position: -147px -638px; width:136px; height:20px; }	/* 오프라인 교육 */
.titleImgPack._SubTitle5_11 { background-position: -147px -780px; width:136px; height:20px; }	/* 온라인 교육 */
/* 고객지원 */
.titleImgPack._SubTitle6_1 { background-position: 0 -280px; width:136px; height:20px; }			/* 공지사항 */
.titleImgPack._SubTitle6_2 { background-position: 0 -300px; width:136px; height:20px; }			/* 학사일정안내 */
.titleImgPack._SubTitle6_3 { background-position: 0 -320px; width:136px; height:20px; }			/* 학습자료실 */
.titleImgPack._SubTitle6_4 { background-position: 0 -340px; width:136px; height:20px; }			/* 자주하는질문(FAQ) */
.titleImgPack._SubTitle6_5 { background-position: 0 -360px; width:136px; height:20px; }			/* 학습질문방(Q&A) */
.titleImgPack._SubTitle6_6 { background-position: 0 -380px; width:136px; height:20px; }			/* 수강후기 */
.titleImgPack._SubTitle6_7 { background-position: -145px -540px; width:136px; height:20px; }	/* 업무팀 게시판 */
.titleImgPack._SubTitle6_8 { background-position: -145px -820px; width:136px; height:20px; }	/* 상담신청 */
/* 홈 */
.titleImgPack._SubTitle7_1 { background-position: 0 -400px; width:136px; height:20px; }
.titleImgPack._SubTitle7_2 { background-position: 0 -420px; width:136px; height:20px; }
.titleImgPack._SubTitle7_3 { background-position: 0 -440px; width:136px; height:20px; }
.titleImgPack._SubTitle7_4 { background-position: 0 -460px; width:136px; height:20px; }
.titleImgPack._SubTitle7_5 { background-position: 0 -480px; width:136px; height:20px; }
.titleImgPack._SubTitle7_6 { background-position: 0 -500px; width:136px; height:20px; }
/* 회사소개 */
.titleImgPack._SubTitle8_1 { background-position: 0 -400px; width:136px; height:20px; }		/* CEO인사말 */
.titleImgPack._SubTitle8_2 { background-position: 0 -420px; width:136px; height:20px; }		/* 비전과 전략 */
.titleImgPack._SubTitle8_3 { background-position: 0 -440px; width:136px; height:20px; }		/* 사업영역 */
.titleImgPack._SubTitle8_4 { background-position: 0 -460px; width:136px; height:20px; }		/* 회사연혁 */
.titleImgPack._SubTitle8_5 { background-position: 0 -480px; width:136px; height:20px; }		/* 조직도 */
.titleImgPack._SubTitle8_6 { background-position: 0 -500px; width:136px; height:20px; }		/* 오시는 길 */
/* 회원정보 */
.titleImgPack._SubTitle9_1 { background-position: 0 -560px; width:136px; height:20px; }		/* 회원가입 */
.titleImgPack._SubTitle9_2 { background-position: 0 -580px; width:136px; height:20px; }		/* 로그인 */
.titleImgPack._SubTitle9_3 { background-position: 0 -600px; width:136px; height:20px; }		/* 이용약관 */
.titleImgPack._SubTitle9_4 { background-position: 0 -620px; width:136px; height:20px; }		/* 개인정보 취급방침 */
.titleImgPack._SubTitle9_5 { background-position: 0 -640px; width:136px; height:20px; }		/* 회원정보수정 */
.titleImgPack._SubTitle9_6 { background-position: 0 -660px; width:136px; height:20px; }		/* 회원탈퇴 */
.titleImgPack._SubTitle9_7 { background-position: 0 -680px; width:146px; height:20px; }		/* 아이디/비밀번호 찾기 */

.titleImgPack._SubLeftMenuTitle1 { background-position: -200px 0px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle2 { background-position: -200px -49px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle3 { background-position: -200px -98px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle4 { background-position: -200px -147px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle5 { background-position: -200px -147px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle6 { background-position: -200px -196px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle7 { background-position: -200px -245px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle8 { background-position: -200px -294px; width: 182px; height: 49px; }
.titleImgPack._SubLeftMenuTitle9 { background-position: -200px -343px; width: 182px; height: 49px; }

.boardtitle_Lecture{ background: blue; height: 180px;}
.boardimg_Lecture{ border: 1px solid red; margin-left: -21px;}

.IndustrySafetyHealth_spec{position: absolute !important; top: 20px; left: 70%; z-index: 500 !important; display: none;}

/*결제*/

/* 배너 슬라이드쇼 */
.dot { height: 10px; width: 10px; margin: 0 1px; background-color: #bbb; border-radius: 50%; display: inline-block; }
.dotGroup { text-align: right; margin: -20px 15px;}
.active { background-color: #717171; }
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; }
.aLectureOut { width: 171px; height: 48px; position: absolute; left: 48px; top: 278px;}
.aLectureColl { position: absolute; width: 147px; height: 37px; left: 246px; top: 290px;}