/* 나눔고딕
@import url("/font/font.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
/*font-family:'Open Sans', sans-serif;*/

body {
  margin: 0;
  padding: 0;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 12px;
  /*background:#f2f6f7;*/
}

input,
button,
select,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

button {
  cursor: pointer;
}

button img,
img {
  vertical-align: middle;
}

.fLeft {
  float: left;
  margin-right: 5px;
}

.fRight {
  float: right;
  margin-left: 5px;
}

.Left {
  text-align: left !important;
  margin-right: 5px !important;
}

.Right {
  text-align: right;
  margin-left: 5px;
}

input[readonly="readonly"] {
  background: #f8f8f8;
}

strong.red,
span.red,
label.red {
  color: #c73333 !important;
}

strong.blue,
span.blue,
label.blue {
  color: #2665ae !important;
}

strong.titleBlue,
span.titleBlue {
  color: #1082c4;
}

/*상단배너*/
#topBannerArea {
  background: url(../images/safety/bg_topbanner.png);
  text-align: center;
}

/* 공통 Top */
/*#header { overflow:hidden; min-width:1260px; background:#0780c2; }
#header div { width:1260px; height:40px; margin:0 auto; text-align:right; line-height:40px; color:#fff; }
#header button { height:26px; padding:0 10px; border:none; background:url(../images/global/bg_glbalbtn.png); vertical-align:middle; color:#fff; font-weight:bold; line-height:26px; }
#header button + button { margin-left:4px; }
#header h1, #header h2, #header h3, #header h4, #header h5,*/
#GNB h1,
#GNB h2,
#GNB h3,
#GNB h4,
#GNB h5,
#GNB ul,
#GNB li,
#LNB h1,
#LNB h2,
#LNB h3,
#LNB h4,
#LNB h5,
#LNB ul,
#LNB li,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer ul,
#footer li {
  margin: 0;
  padding: 0;
}

/* 공통GNB */
#GNB {
  position: absolute;
  overflow: hidden;
  width: 100%;
  min-width: 1260px;
  border-bottom: 2px solid #2665ae;
  background: #fff;
  z-index: 900;
}

#GNB>div {
  overflow: hidden;
  width: 1260px;
  margin: 0 auto;
  text-align: right;
}

#GNB a {
  float: left;
  margin: 26.5px 10px;
  border: none;
}

#GNB a img {
  border: none;
  position: absolute
}

/* GNB Main */
#GNB ul,
#GNB ol,
#GNB li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

#GNB ul {
  float: right;
  margin-top: 13px;
}

#GNB ul>li {
  overflow: hidden;
  float: left;
  margin-left: 35px;
  min-width: 80px;
  cursor: pointer;
}

#GNB ul h1 {
  padding-top: 32px;
  border-bottom: 5px solid #fff;
  font-size: 20px;
  font-weight: bold;
  color: #565656;
  line-height: 70px;
}

#GNB ul>li:hover>h1 {
  border-bottom: 5px solid #2665ae;
}

#GNB ul>li.studyMenu {
  background: url(../images/global/icon_studymenu.png) no-repeat center top;
}

#GNB ul>li.studyMenu>h1 {
  border-bottom: 5px solid #68adde;
  color: #68adde;
}

#GNB ol {
  display: none;
  margin: 5px 0 15px;
}

#GNB ol li {
  line-height: 28px;
  color: #565656;
  text-align: center;
}

#GNB ol li:hover {
  color: #2665ae;
  font-weight: bold;
}

#GNB ul:hover ol {
  display: block;
}

/* footer */
#footer {
  overflow: hidden;
  min-width: 1260px;
  border-top: 2px solid #ccc;
  background: #fff;
}

#footer>div {
  overflow: hidden;
  width: 1260px;
  margin: 25px auto;
}

#footer>div img {
  float: left;
  margin-right: 36px;
}

#footer>div ul,
#footer>div li {
  display: block;
  margin: 0;
  padding: 0;
}

#footer>div ul {
  overflow: hidden;
  margin: 10px 0 10px;
}

#footer>div li {
  float: left;
  margin-right: 15px;
  line-height: 14px;
  font-weight: bold;
  color: #999;
  cursor: pointer;
}

#footer>div li:hover {
  color: #666;
}

#footer>div li+li {
  padding-left: 15px;
  border-left: 2px solid #999;
}

#footer>div address {
  overflow: hidden;
  line-height: 18px;
  color: #999;
  font-style: normal;
}

/* 메인 */
#main_contents {
  margin-top: 120px;
}

#main_contents>ul,
#main_contents>ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main_contents>ul {
  position: relative;
  overflow: hidden;
  width: 1260px;
  margin: 0 auto;
  padding: 20px 0;
}

#main_contents>ul>li {
  display: inline-block;
  width: 408px;
  background: #fff;
  border: 1px solid #e7edee;
}

/* 로그인 */
#main_contents li.loginArea,
#main_contents li.myInformation {
  overflow: hidden;
  height: 194px;
  margin-bottom: 15px;
}

#main_contents li.loginArea>h1 {
  margin: 0;
  padding: 0 20px;
  background: #0780c2;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 30px;
}

#main_contents li.loginArea>form {
  padding: 15px 20px;
}

#main_contents li.loginArea>form input {
  vertical-align: top;
  width: 226px;
  height: 40px;
  border: 1px solid #c7cbcc;
  padding: 0 5px;
  color: #c7cbcc;
  color: #798696;
}

#main_contents li.loginArea>form input:focus {
  color: #55616f;
}

#main_contents li.loginArea>form br+input {
  margin-top: 8px;
}

#main_contents li.loginArea>form>button {
  float: right;
  width: 94px;
  height: 86px;
  background: #0780c2;
  border: none;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
}

#main_contents li.loginArea>form div {
  border: none;
  margin: 12px 0 0;
  text-align: right;
}

#main_contents li.loginArea>form div button {
  border: none;
  background: none;
  font-weight: bold;
}

#main_contents li.loginArea>form div button.useInfo {
  float: left;
  padding-left: 20px;
  margin: 8px 0 0 11px;
  background: url(../images/main/icon_info01.png) no-repeat left center;
  font-size: 13px;
  font-weight: 400;
  color: #585c5f;
  text-align: left;
}

#main_contents li.loginArea>form div button.useInfo:hover {
  text-decoration: underline;
}

#main_contents .idSave {
  float: left;
  margin-top: 7px;
  font-size: 13px;
  color: #585c5f;
  cursor: pointer;
}

#main_contents .idSave input[type="checkbox"] {
  vertical-align: middle;
  width: 17px;
  height: 17px;
}

#main_contents li.loginArea .login_btn {
  padding: 7px 5px 8px;
  background: #f3f3f3;
  border: 1px solid #e3e3e3;
  font-size: 12px;
  color: #285388;
}

#main_contents li.loginArea .login_btn:hover {
  border: 1px solid #c6c7c8;
}

/* 개인정보영역 */
#main_contents li.myInformation {
  border: none;
}

#main_contents li.myInformation>h1 {
  margin: 0;
  padding: 0 20px;
  background: #0780c2;
  color: #dee9f4;
  font-size: 14px;
  line-height: 56px;
}

#main_contents li.myInformation>h1>strong {
  background: #0780c2;
  color: #fff;
  font-size: 20px;
}

#main_contents li.myInformation>h1>button {
  float: right;
  height: 26px;
  margin: 15px 0;
  padding: 0 10px;
  border: none;
  background: url(../images/global/bg_glbalbtn.png);
  color: #fff;
  font-weight: bold;
  line-height: 26px;
}

#main_contents li.myInformation>ul,
#main_contents li.myInformation li {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#main_contents li.myInformation>ul {
  width: 411px;
}

#main_contents li.myInformation li {
  float: left;
  background: #fafbfb;
  width: 33.333%;
  height: 137px;
  border: 1px solid #e7edee;
  border-top: 1px solid #fafbfb;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #003688;
  box-sizing: border-box;
  cursor: pointer;
}

#main_contents li.myInformation li img {
  margin: 16px 0 12px;
}

#main_contents li.myInformation li+li {
  margin-left: -1px;
  border-left: 1px solid #e7edee;
}

#main_contents li.myInformation li:hover {
  position: relative;
  border: 1px solid #9fcbeb;
  text-decoration: underline;
  color: #003688;
  z-index: 1;
}


/* 게시판영역 */
#main_contents li.BBSArea {
  height: 258px;
}

#main_contents li.BBSArea>h1 {
  height: 70px;
  margin: 0;
  padding: 0 20px;
  border-bottom: 1px solid #e7edee;
  line-height: 70px;
  font-size: 20px;
  color: #0780c2;
}

#main_contents li.BBSArea>h1 span {
  padding-left: 10px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  color: #a7bad8;
}

#main_contents li.BBSArea>h1 button {
  float: right;
  width: 40px;
  height: 40px;
  margin: 15px 0;
  border: none;
  background: url(../images/global/bg_glbalbtn.png);
  text-align: center;
}

#main_contents li.BBSArea table {
  border-collapse: collapse;
  width: 368px;
  margin: 10px 20px 15px;
  table-layout: fixed
}

#main_contents li.BBSArea table td,
#main_contents li.BBSArea table th {
  height: 30px;
  text-align: left;
  cursor: pointer;
}

#main_contents li.BBSArea table th {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#main_contents li.BBSArea table th a {
  color: #565656;
}

/* 슬라이딩 */
#main_contents li.slideArea {
  overflow: hidden;
  float: right;
  width: 833px;
  height: 467px;
}

#main_contents li.slideArea button {
  position: absolute;
  width: 52px;
  margin: 192px 0 0 0;
  padding: 25px 0;
  border: none;
  background: url(../images/global/bg_glbalbtn.png);
  text-align: center;
}

#main_contents li.slideArea button.btn_next {
  margin-left: 781px;
}

#main_contents li.slideArea>div {
  overflow: hidden;
}

#main_contents li.slideArea>div ul,
#main_contents li.slideArea>div li {
  margin: 0;
  padding: 0;
}

#main_contents li.slideArea>div li {
  float: left;
}

/* 신규 최신 콘텐츠 */
#main_contents>div {
  overflow: hidden;
  padding: 20px 0;
  background: #e2e8e9;
}

#main_contents>div>div {
  width: 1260px;
  margin: 0 auto;
  background: url(../images/main/bg_contentstitle.png) repeat-x bottom;
}

#main_contents>div>div>h1,
#main_contents>div>div h2 {
  margin: 0;
  padding: 0;
}

#main_contents>div>div h1 {
  margin: 10px 0 2px;
  color: #2c8ac6;
  font-size: 26px;
}

#main_contents>div>div h2 {
  display: inline-block;
  padding: 0 8px 0 0;
  background: #e2e8e9;
  color: #8da6c9;
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  line-height: 20px;
}

#main_contents>div>ul,
#main_contents>div>ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

#main_contents>div>ul {
  width: 1260px;
  margin: 25px auto 10px;
}

#main_contents>div>ul li {
  margin-left: 15px;
  margin-top: 15px;
  float: left;
  overflow: hidden;
  width: 408px;
  height: 312px;
  padding: 0;
  background: #fff;
  border: 1px solid #d2d9db;
  cursor: pointer;
}

#main_contents>div>ul li>div {
  overflow: hidden;
  height: 220px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

#main_contents>div>ul li>div img {
  width: 100%;
}

#main_contents>div>ul li+li {
  margin-left: 15px;
}

#main_contents>div>ul li>img {
  position: absolute;
  margin: -2px 0 0 326px;
}

#main_contents>div>ul li>h1,
#main_contents>div>ul li>h2 {
  overflow: hidden;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#main_contents>div>ul li>h1 {
  margin: 18px 0 5px;
  font-size: 18px;
}

#main_contents>div>ul li>h2 {
  font-size: 12px;
}

#main_contents>div>ul li>h2 img {
  margin: 0 10px;
}

/* 교육과정리스트 다운로드 */
#main_contents li.downloadArea {
  margin-bottom: 15px;
}

#main_contents li.downloadArea img {
  float: right;
}

#main_contents li.downloadArea h1,
#main_contents li.downloadArea h2 {
  margin: 0;
  padding: 0 20px;
}

#main_contents li.downloadArea h1 {
  margin: 35px 0 2px;
  font-size: 20px;
  color: #0780c2;
}

#main_contents li.downloadArea h2 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  color: #a7bad8;
}

/* 고객센터 */
/* #main_contents li.CSCenter { position:relative; float:right; height:260px; margin-left:15px; background:#83c0eb url(/images/main/icon_cscenter01.png) 26px 20px no-repeat; border:none; color:#fff; cursor:pointer; } */
#main_contents li.CSCenter {
  position: relative;
  float: right;
  height: 260px;
  margin-left: 15px;
  background: url(/images/main/csCenterM_main.jpg) no-repeat;
  background-size: 408px;
  260px;
  border: none;
  color: #fff;
  cursor: pointer;
}

#main_contents li.CSCenter>h1 {
  margin: 30px 0 0 130px;
  font-size: 20px;
}

#main_contents li.CSCenter>h2 {
  margin: 1px 0 0 130px;
  font-size: 38px;
}

#main_contents li.CSCenter>h3 {
  margin: 3px 0 0 130px;
  font-size: 17px;
  font-weight: 400;
}

#main_contents li.CSCenter>h4 {
  margin: 10px 0 0 130px;
  font-size: 20px;
}

#main_contents li.CSCenter>ul>li>h1,
#main_contents li.CSCenter>ul>li>h2 {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

#main_contents li.CSCenter>ul {
  margin: 40px 0 0 42px;
  padding: 0;
  list-style: none;
}

#main_contents li.CSCenter>ul>li+li {
  margin-top: 8px;
}

#main_contents li.CSCenter>ul>li>h1 {
  width: 88px;
  font-size: 20px;
  color: #fff;
}

#main_contents li.CSCenter>ul>li>h2 {
  margin-left: 3px;
  font-size: 17px;
  font-weight: 400;
  line-height: 22px;
}

#main_contents li.CSCenter button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  background: none;
  border: none;
}

/* 계좌정보 */
#main_contents li.BankInfo {
  float: right;
  padding-bottom: 15px;
}

#main_contents li.BankInfo>h1 {
  height: 70px;
  margin: 0 0 12px;
  padding: 0 20px;
  border-bottom: 1px solid #e7edee;
  line-height: 70px;
  font-size: 20px;
  color: #0780c2;
}

#main_contents li.BankInfo>h1 span {
  padding-left: 10px;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  color: #a7bad8;
}

#main_contents li.BankInfo>div {
  overflow: hidden;
  border: 1px solid #e7edee;
  margin: 0 20px;
  background: url(../images/main/img_link.png) no-repeat right #fafbfb;
}

#main_contents li.BankInfo>div>img {
  float: left;
  padding: 11px;
  border-right: 1px solid #d3dadb;
  background: #fff;
}

#main_contents li.BankInfo>div>h1,
#main_contents li.BankInfo>div>p {
  margin: 0;
  padding: 0 10px 0 64px;
  line-height: 18px;
}

#main_contents li.BankInfo>div>h1 {
  margin-top: 6px;
  font-size: 12px;
  color: #343434;
}

#main_contents li.BankInfo>div>p {
  margin-bottom: 6px;
  color: #565656;
}

#main_contents li.BankInfo>div+div {
  margin-top: 5px;
}

/* 공통LNB */
#LNB {
  float: left;
  overflow: hidden;
  width: 270px;
  margin-right: 15px;
}

#LNB>div {
  overflow: hidden;
  border: 1px solid #d2d9db;
  background: #fff;
}

/* 좌측메뉴 */
#LNB>div.menuArea {}

#LNB>div.menuArea>h1 {
  padding: 71px 20px 30px;
  border-top: 5px solid #2665ae;
  border-bottom: 1px solid #d2d9db;
  font-size: 30px;
  color: #2665ae;
}

#LNB>div.menuArea>h1 span {
  font-size: 22px;
  color: #aabcd9;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
}

#LNB>div.menuArea ul {
  background: #fafbfb;
}

#LNB>div.menuArea li {
  color: #343434;
  font-size: 14px;
  padding: 20px;
  font-weight: bold;
  cursor: pointer;
}

#LNB>div.menuArea li:hover,
#LNB>div.menuArea li.selected {
  background-color: #fff;
  color: #0981c3;
}

#LNB>div.menuArea li.selected {
  background-image: url(../images/global/bg_lnbselected.png);
  background-repeat: no-repeat;
  background-position: 242px center;
}

/* 빠른메뉴메뉴 */
#LNB>div.quickHelp {}

#LNB>div.quickHelp>h1 {
  padding: 0 20px;
  border-bottom: 1px solid #d2d9db;
  font-size: 15px;
  color: #2665ae;
  line-height: 38px;
}

#LNB>div.quickHelp>div {
  padding: 9px 0;
  border-bottom: 1px solid #d2d9db;
  background: url(../images/lmsjoin/bg_lnb_esangedu.png) no-repeat left center #f0fafd;
  text-align: center;
  line-height: 26px;
  font-size: 15px;
  color: #343434;
}

#LNB>div.quickHelp>div strong {
  font-weight: 800;
  color: #2665ae;
  font-size: 18px;
}

#LNB>div.quickHelp button {
  float: left;
  width: 134px;
  margin: 10px 0;
  border: none;
  background: none;
  color: #bfbfbf;
  font-size: 14px;
  font-weight: bold;
}

#LNB>div.quickHelp button img {
  margin: 5px 0 2px;
}

#LNB>div.quickHelp button+button {
  border-left: 1px solid #d2d9db;
}

/* 고객센터 */
#LNB>div.CSCenter {
  position: relative;
  float: right;
  width: 100%;
  height: 176px;
  margin-left: 15px;
  background: url(/images/global/csCenterM_left.jpg) no-repeat;
  background-size: 270px;
  176px;
  border: none;
  color: #fff;
  box-sizing: border-box;
}

#LNB>div.CSCenter>h1 {
  margin: 16px 0 0 20px;
  font-size: 20px;
}

#LNB>div.CSCenter>h2 {
  margin: 19px 0 0 0;
  font-size: 34px;
  text-align: center;
}

#LNB>div.CSCenter>h3 {
  margin: 4px 0 0 0;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

#LNB>div.CSCenter>h3 strong {
  margin-left: 10px;
  font-size: 16px;
}

#LNB>div.CSCenter>ul>li>h1,
#LNB>div.CSCenter>ul>li>h2 {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

#LNB>div.CSCenter>ul {
  margin: 18px 0 0 18px;
  padding: 0;
  list-style: none;
}

#LNB>div.CSCenter>ul>li+li {
  margin-top: 11px;
}

#LNB>div.CSCenter>ul>li>h1 {
  width: 64px;
  font-size: 16px;
  color: #fff;
}

#LNB>div.CSCenter>ul>li>h2 {
  font-size: 16px;
  font-weight: 400;
}

#LNB>div.CSCenter button {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0;
  background: none;
  border: none;
}


/* LNB공통간격 */
#LNB>div+div {
  margin-top: 15px;
}

/* 컨텐츠 영역 공통 선언 */
#wrap {
  overflow: hidden;
  width: 1260px;
  margin: 135px auto 15px;
}

#contents {
  overflow: hidden;
  border: 1px solid #d2d9db;
  background: #fff;
  margin-left: 50%;
  display: table-caption;
  width: 975px;
}

/* 컨텐츠 영역 공통 제목부 */
#titleArea {
  overflow: hidden;
  height: 170px;
  padding: 0 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d2d9db;
}

#titleArea h1,
#titleArea h2,
#titleArea h3 {
  margin: 0;
  padding: 0;
}

#titleArea h2 {
  margin: 45px 0 8px;
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}

#titleArea h2 strong,
#titleArea h3 strong {
  font-size: 12px;
  color: #565656;
}

#titleArea h2 img {
  margin: 0 5px;
}

#titleArea h1 {
  margin-bottom: 16px;
  font-size: 42px;
  color: #343434;
}

#titleArea h3 {
  font-size: 12px;
  color: #565656;
  font-weight: normal;
}

/* 강의듣기페이지 */
#wrap.study div#titleArea h3 {
  padding-left: 20px;
  background: url(../images/study/bg_title_h3.png) no-repeat left center;
}

#wrap.study div#contents div.noticeArea {
  overflow: hidden;
  margin: 15px 20px;
  padding: 15px;
  background: url(../images/study/bg_notice.png);
  color: #eaecf7;
  line-height: 18px;
}

#wrap.study div.noticeArea img {
  float: right;
  margin-top: 5px;
}

#wrap.study div.noticeArea h1,
#wrap.study div#contents div.noticeArea p {
  margin: 0;
  padding: 0;
}

#wrap.study div.noticeArea h1 {
  margin-bottom: 5px;
  font-size: 15px;
  color: #fff;
}

#wrap.study div.noticeArea strong {
  color: #ffdc61;
}

/* 강의듣기페이지 */
#wrap.bbs div#titleArea h3 {
  padding-left: 20px;
  background: url(../images/study/bg_title_h3.png) no-repeat left center;
}

#wrap.bbs div#contents div.noticeArea {
  overflow: hidden;
  margin: 15px 20px;
  padding: 15px;
  background: url(../images/study/bg_notice.png);
  color: #eaecf7;
  line-height: 18px;
}

#wrap.bbs div.noticeArea img {
  float: right;
  margin-top: 5px;
}

#wrap.bbs div.noticeArea h1,
#wrap.study div#contents div.noticeArea p {
  margin: 0;
  padding: 0;
}

#wrap.bbs div.noticeArea h1 {
  margin-bottom: 5px;
  font-size: 15px;
  color: #fff;
}

#wrap.bbs div.noticeArea strong {
  color: #ffdc61;
}

/* 강의 주의사항 신규 타입 2018-06-08 */
#noticeArea {
  overflow: hidden;
  width: 933px;
  height: 172px;
  margin: 26px auto;
  background: url(../images/study/bg_study01.png) 0 0 no-repeat;
  box-sizing: border-box;
}

#noticeArea>img {
  float: left;
  margin: 34px 0 0 29px;
}

.noticeArea02 {
  float: left;
  margin-left: 39px;
}

.noticeArea02>h1 {
  margin: 23px 0 0;
  font-size: 19px;
  color: #1b2531;
}

.noticeArea02>ul {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.noticeArea02>ul>li {
  background: url(../images/study/bg_notice01.png) 0 center no-repeat;
  padding-left: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #455467;
}

.noticeArea02>ul>li strong {
  color: #2b7ee7;
}

.noticeArea02>ul>li .red01 {
  color: red;
}

.noticeArea02>p {
  width: 644px;
  margin: 13px 0 0;
  padding-bottom: 2px;
  background: url(../images/study/bg_study02.png) 0 bottom no-repeat;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  color: #253244;
}

.noticeArea02>p strong {
  color: #2b7ee7;
}

/* 최종평가 안내사항 */
/*#noticeArea02 { overflow:hidden; width:933px; height:152px; margin:33px auto 0; border:1px solid #407de3; background:#4e88e9 url(../images/study/bg_result.png) right bottom no-repeat; box-sizing:border-box; }*/
#noticeArea02 {
  overflow: hidden;
  width: 933px;
  height: 145px;
  margin: 33px auto 0;
  border: 1px solid #407de3;
  background: #4e88e9 url(../images/study/bg_result.png) right bottom no-repeat;
  box-sizing: border-box;
}

#noticeArea02>img {
  float: left;
  margin: 27px 0 0 16px;
}

.noticeArea03 {
  float: left;
  margin: 11px 0 0 35px;
}

.noticeArea03>h1 {
  margin: 18px 0 0;
  font-size: 19px;
  color: #fff;
}

.noticeArea03>ul {
  margin: 11px 0 0 0;
  padding: 0;
  list-style: none;
}

.noticeArea03>ul>li {
  padding-left: 20px;
  background: url(../images/study/bg_result02.png) 0 center no-repeat;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
}

.noticeArea03>ul>li strong {
  color: #cdff1f;
}

#noticeArea02 #lectureEnd {
  display: inline-block;
  vertical-align: middle;
  width: 178px;
  height: 29px;
  border-radius: 15px;
  background: #fff;
  font-size: 15px;
  color: #004ccb;
  line-height: 29px;
  text-align: center;
}

/* 과정정보 */
#wrap.study div#contentsArea ul,
#wrap.study div#contentsArea li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#wrap.study div#contentsArea {
  padding: 0 20px 20px;
}

#wrap.study div#contentsArea>ul>li {
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #bfc3c4;
  border-top: 4px solid #bfc3c4;
  background: url(../images/study/bg_study.png);
}

#wrap.study div#contentsArea>ul>li:hover,
#wrap.study div#contentsArea>ul>li.openClass {
  border-top-color: #ffd457;
}

#wrap.study div.summuryArea {
  overflow: hidden;
  background: #fff;
  cursor: pointer;
}

#wrap.study div.summuryArea>div,
#wrap.study div.summuryArea img {
  width: 128px;
  height: 96px;
}

#wrap.study div.summuryArea img {
  float: left;
  margin: 10px;
}

#wrap.study div.summuryArea>div {
  position: absolute;
  margin: 10px;
}

#wrap.study div.summuryArea>h1,
#wrap.study div.summuryArea>h2,
#wrap.study div.summuryArea>h3 {
  overflow: hidden;
  float: left;
  display: inline-block;
  width: 460px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #999;
}

#wrap.study div.summuryArea>h1 {
  line-height: 24px;
  font-size: 14px;
  margin-top: 20px;
  color: #333;
}

#wrap.study div.summuryArea>h1 span {
  display: inline-block;
  border-bottom: 2px solid #fff;
}

#wrap.study div.summuryArea:hover>h1 span {
  border-bottom: 2px solid #333;
}

#wrap.study div.summuryArea>h2 {
  line-height: 18px;
  font-size: 15px;
  margin-top: 3px;
  color: #666;
}

#wrap.study div.summuryArea>h3 {
  line-height: 15px;
  font-size: 12px;
  margin-top: 12px;
  color: #999;
}

#wrap.study div.summuryArea>h3 strong {
  display: inline-block;
  padding: 0 8px;
  margin-left: 15px;
  background: #0780c2;
  border-radius: 4px;
  line-height: 18px;
  color: #fff;
}

#wrap.study div.summuryArea>h3 strong.score {
  margin-left: 5px;
  padding: 0 8px;
  background: #07c273;
}

#wrap.study div.summuryArea ul {
  float: right;
}

#wrap.study div.summuryArea li {
  float: left;
  width: 104px;
  height: 116px;
  border-left: 1px solid #bfc3c4;
  background: #f5f5f5;
  text-align: center;
  color: #2665ae;
  font-size: 20px;
  line-height: 76px;
}

#wrap.study div.summuryArea li strong {
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

#wrap.study div.summuryArea li>h1 {
  height: 40px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #bfc3c4;
  line-height: 40px;
  color: #343434;
  font-size: 12px;
}

#wrap.study div.summuryArea li.smallText>h1 {
  margin-bottom: 5px;
}

#wrap.study div.summuryArea li.smallText {
  font-size: 15px;
  line-height: 30px;
}

#wrap.study div.summuryArea li.smallText strong {
  font-size: 20px;
}

#wrap.study div.summuryArea li button.epilogue {
  overflow: hidden;
  width: 80px;
  height: 70px;
  border: none;
  background: url(../images/study/btn_write.png) no-repeat center top;
  line-height: 108px;
  font-size: 15px;
  font-weight: 700;
  color: #999;
}

#wrap.study div.summuryArea li button.epilogue:hover {
  background: url(../images/study/btn_write.png) no-repeat center bottom;
  color: #2665ae;
}

#wrap.study div.summuryArea li.passOK {
  line-height: 1;
}

#wrap.study div.summuryArea li.passOK strong.red {
  margin-top: 16px;
  display: inline-block;
}

#wrap.study div.summuryArea li.passOK button {
  margin-top: 8px;
  height: 18px;
  background: #82899f;
  border-radius: 4px;
  border: none;
  line-height: 1;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}

#wrap.study div#contentsArea>ul>li>button {
  width: 100%;
  height: 30px;
  border: none;
  background-color: #ffd457;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(../images/study/btn_studyopen.png);
}

#wrap.study div#contentsArea>ul>li.openClass>button {
  background-image: url(../images/study/btn_studyclose.png);
}

#wrap.study div#contentsArea>ul>li:hover>button {
  background-position: center top;
}

#wrap.study div#contentsArea>ul>li>ul {
  overflow: hidden;
  margin: 15px 10px 15px;
  border: 1px solid #bfc3c4;
  background: #fff;
}

#wrap.study div#contentsArea>ul>li>ul li {
  float: left;
  width: 33.3%;
  height: 68px;
  padding: 0px 10px 20px 103px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: 18px center;
  line-height: 22px;
  cursor: pointer;
}

#wrap.study div#contentsArea>ul>li>ul li h1 {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li {
  width: 303px;
  height: 108px;
  padding: 17px 0 0;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
  box-sizing: border-box;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li div {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  height: 75px;
  margin-right: 21px;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li:hover div img {
  margin-top: -75px;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li h1 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
  font-size: 19px;
  line-height: 23px;
  color: #343434;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li:hover h1 {
  text-decoration: underline;
}

#wrap.study div#contentsArea>ul>li>ul.bookMenu li h1 span {
  margin: 0;
  font-size: 13px;
  color: #343434;
}

#wrap.study div#contentsArea>ul>li>ul li strong {
  font-size: 15px;
}

#wrap.study div#contentsArea>ul>li>ul li span {
  color: #787878;
}

#wrap.study div#contentsArea>ul>li>ul li a {
  color: #2665ae;
}

#wrap.study div#contentsArea>ul>li>ul li a:after {
  content: ' >'
}

#wrap.study div#contentsArea>ul>li>ul li+li {
  border-left: 1px solid #bfc3c4;
}

#wrap.study div#contentsArea>ul>li>ul li.setSummary {
  background-image: url(../images/study/ico_study.png);
}

#wrap.study div#contentsArea>ul>li>ul li.middleTest {
  background-image: url(../images/study/img_test01_small.png);
}

#wrap.study div#contentsArea>ul>li>ul li.lastTest {
  background-image: url(../images/study/img_test02_small.png);
}

#wrap.study div#contentsArea>ul>li>ul li.report {
  background-image: url(../images/study/img_report_small.png);
}

#wrap.study div#contentsArea>ul>li>ul li:hover {
  background-color: #efefef;
}

#wrap.study div#contentsArea>ul>li table {
  width: 911px;
  margin: 0 10px 5px;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #bfc3c4;
  border-bottom: none;
}

#wrap.study div#contentsArea>ul>li table th,
#wrap.study div#contentsArea>ul>li table td {
  height: 48px;
  border-bottom: 1px solid #bfc3c4;
  border-top: 1px solid #bfc3c4;
}

#wrap.study div#contentsArea>ul>li table th {
  text-align: left;
  font-weight: normal;
  line-height: 18px;
  padding: 10px 0;
  color: #565656;
}

#wrap.study div#contentsArea>ul>li table th strong {
  color: #343434;
  font-size: 14px;
  word-break: break-all;
}

#wrap.study div#contentsArea>ul>li table td {
  text-align: center;
}

#wrap.study div#contentsArea>ul>li table button {
  overflow: hidden;
  height: 25px;
  margin-right: 10px;
  padding: 0;
  border: none;
  background: none;
}

#wrap.study div#contentsArea>ul>li table button img {
  margin-top: -25px;
}

#wrap.study div#contentsArea>ul>li table button:hover img {
  margin-top: 0;
}

#wrap.study div#contentsArea>ul>li table.passCheck {
  margin-top: 15px;
}

#wrap.study div#contentsArea>ul>li table.passCheck th,
#wrap.study div#contentsArea>ul>li table.passCheck td {
  height: 30px;
  padding: 0;
  text-align: center;
  border: 1px solid #bfc3c4;
}

#wrap.study div#contentsArea>ul>li table.passCheck th {
  background: #eaf2f8;
  color: #343434;
}

#wrap.study div#contentsArea>ul>li table.passCheck td.title {
  background: #2665ae;
  font-weight: 700;
  color: #fff;
}

#wrap.study div#contentsArea>ul>li table.passCheck td.downFile,
#wrap.study div#contentsArea>ul>li>table.passCheck td.detailView {
  width: 120px;
}

#wrap.study div#contentsArea>ul>li table.passCheck td a {
  color: #343434;
  text-decoration: none;
}

#wrap.study div#contentsArea>ul>li table.passCheck td.downFile h1,
#wrap.study div#contentsArea>ul>li>table.passCheck td.detailView h1 {
  font-size: 14px;
  margin: 0;
  padding-top: 80px;
  background-repeat: no-repeat;
  background-position: center top;
}

#wrap.study div#contentsArea>ul>li table.passCheck td.downFile h1 {
  background-image: url(../images/study/img_filedown.png);
}

#wrap.study div#contentsArea>ul>li table.passCheck td.detailView h1 {
  background-image: url(../images/study/img_contdetail.png);
}

#wrap.study div#contentsArea>ul>li table.passCheck td.downFile:hover,
#wrap.study div#contentsArea>ul>li>table.passCheck td.detailView:hover {
  text-decoration: underline;
  background: #efefef;
}

#wrap.study div#contentsArea .studyNotice th,
#wrap.study div#contentsArea .keyTable th {
  padding: 0;
  background: #eaf2f8;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: #000;
}

#wrap.study div#contentsArea .studyNotice button,
#wrap.study div#contentsArea .keyTable button {
  width: 91px;
  height: 30px;
  border: 1px solid #bfc3c4;
}

#wrap.study div#contentsArea .studyNotice button img,
#wrap.study div#contentsArea .keyTable button img {
  margin: -6px 7px 0 0;
}

#wrap.study div#contentsArea .studyNotice button:hover img,
#wrap.study div#contentsArea .keyTable button:hover img {
  margin: -6px 7px 0 0;
}

#wrap.study div#contentsArea .studyNotice .date {
  font-size: 12px;
  color: #666;
}

#wrap.study div#contentsArea .studyNotice .tit,
#wrap.study div#contentsArea .keyTable .tit {
  padding-left: 34px;
  text-align: left;
  font-size: 12px;
  color: #000;
}

#wrap.study div#contentsArea .keyTable td strong {
  color: #2665ae;
}

#wrap.study div#contentsArea>ul>li.noList {
  height: 120px;
  background: #efefef;
  line-height: 120px;
  font-size: 15px;
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
}

#wrap.study .openClass div.summuryArea {
  border-bottom: 1px solid #bfc3c4;
}

#wrap.study div.summuryArea:hover div,
#wrap.study .openClass div.summuryArea div {
  display: none;
}

/* 과정상세보기 */
#contentsArea.lectureDetail {
  font-size: 14px;
  line-height: 22px;
}

#contentsArea.lectureDetail div.summuryArea {
  overflow: hidden;
  padding: 20px 0;
  background: url(../images/global/bg_block.png) no-repeat bottom;
}

#contentsArea.lectureDetail div.summuryArea>img {
  float: left;
  width: 340px;
  height: 256px;
  margin: 0 20px 0 10px;
  border: 1px solid #bfc3c4;
}

#contentsArea.lectureDetail h1,
#contentsArea.lectureDetail h2,
#contentsArea.lectureDetail h3,
#contentsArea.lectureDetail h4,
#contentsArea.lectureDetail h5 {
  margin: 0;
  padding: 0;
}

#contentsArea.lectureDetail div.summuryArea h1 {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 30px;
}

#contentsArea.lectureDetail div.summuryArea h2 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: normal;
}

#contentsArea.lectureDetail div.summuryArea h3 {
  margin: 0 0 15px;
  font-size: 12px;
}

#contentsArea.lectureDetail div.summuryArea h5 {
  margin: 25px 0 20px;
  font-size: 12px;
}

#contentsArea.lectureDetail div.summuryArea h5 img {
  margin: 0 8px;
}

#contentsArea.lectureDetail div.summuryArea button {
  width: 180px;
  height: 48px;
  margin: 15px 0;
  border: none;
  background: #0780c2;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

#contentsArea.lectureDetail div.summuryArea button.listButton {
  background: #666;
  color: #fff;
  margin-left: 2px;
}

#contentsArea.lectureDetail>h1 {
  overflow: hidden;
  border-left: 3px solid #0780c2;
  padding: 0 0 0 7px;
  margin: 20px 0 10px 0;
  font-size: 15px;
}

#contentsArea.lectureDetail>h1 button {
  float: right;
  margin-top: 3px;
  border: none;
  background-color: transparent;
  font-weight: 800;
}

#contentsArea.lectureDetail table {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

#contentsArea.lectureDetail table th,
#contentsArea.lectureDetail table td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #ccc;
}

#contentsArea.lectureDetail table th {
  background: #eaf2f8;
}

#contentsArea.lectureDetail div.bookInfo {
  overflow: hidden;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

#contentsArea.lectureDetail div.bookInfo img {
  width: 100px;
  margin-right: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

#contentsArea.lectureDetail div.bookInfo h1 {
  display: inline-block;
  font-size: 15px;
}

#contentsArea.lectureDetail div.infoArea {
  padding: 5px 10px 15px;
  line-height: 22px;
}

#contentsArea.lectureDetail ol {
  padding-left: 25px;
  line-height: 28px;
}

#contentsArea.lectureDetail ol+h1 {
  margin-top: 40px;
}

#contentsArea.lectureDetail div.btnArea {
  border-top: 1px solid #ccc;
  margin: 20px 0;
  padding: 20px 0;
}

#contentsArea.lectureDetail div.reviewArea ul,
#contentsArea.lectureDetail div.reviewArea li {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

#contentsArea.lectureDetail div.reviewArea ul {
  border-top: 1px solid #ccc;
}

#contentsArea.lectureDetail div.reviewArea li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

#contentsArea.lectureDetail div.reviewArea h3 {
  overflow: hidden;
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 15px;
  text-align: center;
  line-height: 110px;
  font-weight: normal;
  color: #787878;
}

#contentsArea.lectureDetail div.reviewArea h3 strong {
  font-size: 20px;
  font-weight: 800;
  color: #343434;
}

#contentsArea.lectureDetail div.reviewArea h3.scroe1 {
  background: url(../images/lecture/bg_score1.png) no-repeat 10px 10px;
}

#contentsArea.lectureDetail div.reviewArea h3.scroe2 {
  background: url(../images/lecture/bg_score2.png) no-repeat 10px 10px;
}

#contentsArea.lectureDetail div.reviewArea h3.scroe3 {
  background: url(../images/lecture/bg_score3.png) no-repeat 10px 10px;
}

#contentsArea.lectureDetail div.reviewArea h3.scroe4 {
  background: url(../images/lecture/bg_score4.png) no-repeat 10px 10px;
}

#contentsArea.lectureDetail div.reviewArea h3.scroe5 {
  background: url(../images/lecture/bg_score5.png) no-repeat 10px 10px;
}

#contentsArea.lectureDetail div.reviewArea h1,
#contentsArea.lectureDetail div.reviewArea h2,
#contentsArea.lectureDetail div.reviewArea p {
  margin: 0 0 0 135px;
  padding: 0;
  border-left: 1px solid #ccc;
}

#contentsArea.lectureDetail div.reviewArea h1,
#contentsArea.lectureDetail div.reviewArea h2 {
  padding-left: 10px;
}

#contentsArea.lectureDetail div.reviewArea h1 {
  line-height: 24px;
  font-size: 15px;
}

#contentsArea.lectureDetail div.reviewArea h2 {
  line-height: 18px;
  font-size: 12px;
  color: #999;
}

#contentsArea.lectureDetail div.reviewArea p {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
}

#contentsArea.lectureDetail div.reviewArea+div {
  border-top: none;
}

/* 18-03-15 한상민 (권장 진도율)*/
#wrap.study div#contentsArea div.progress {
  overflow: hidden;
  margin: 10px;
}

#wrap.study div#contentsArea div.progress>ul,
#wrap.study div#contentsArea div.progress>div {
  border: 1px solid #bfc3c4;
  background: #fff;
}

#wrap.study div#contentsArea div.progress>div {
  float: left;
  width: 231px;
  text-align: center;
}

#wrap.study div#contentsArea div.progress>div>h1 {
  padding: 0;
  margin: 0;
  line-height: 30px;
  font-size: 12px;
  border-bottom: 1px solid #bfc3c4;
}

#wrap.study div#contentsArea div.progress>div>h1 strong {
  font-size: 15px;
  color: #b94032;
}

#wrap.study div#contentsArea div.progress>div>h1 b {
  color: #216f8e;
}

#wrap.study div#contentsArea div.progress>div li {
  overflow: hidden;
  padding: 0 20px;
  line-height: 31px;
  text-align: left;
  font-size: 15px;
}

#wrap.study div#contentsArea div.progress>div li h1 {
  float: left;
  width: 36px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

#wrap.study div#contentsArea div.progress>div li h1 strong {
  color: #b94032;
  font-size: 15px;
}

#wrap.study div#contentsArea div.progress>div button {
  width: 100%;
  height: 27px;
  border: none;
  color: #fff;
  background: #666;
  font-weight: bold;
}

#wrap.study div#contentsArea div.progress>ul>li {
  overflow: hidden;
}

#wrap.study div#contentsArea div.progress>ul h1 {
  overflow: hidden;
  float: left;
  width: 130px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 22px;
  color: #343434;
  font-weight: normal;
}

#wrap.study div#contentsArea div.progress>ul h1 strong {
  float: right;
  font-size: 20px;
  font-family: 'Jeju Gothic', sans-serif;
}

#wrap.study div#contentsArea div.progress>ul div {
  width: 700px;
  margin: 14px 0 0 162px;
  height: 12px;
  background: #ccc;
}

#wrap.study div#contentsArea div.progress>ul div p {
  display: block;
  height: 12px;
  background: #343434;
}

#wrap.study div#contentsArea div.progress>ul .type01 h1 strong {
  color: #b94032;
}

#wrap.study div#contentsArea div.progress>ul .type02 h1 strong {
  color: #d89f26;
}

#wrap.study div#contentsArea div.progress>ul .type03 h1 strong {
  color: #216f8e;
}

#wrap.study div#contentsArea div.progress>ul .type01 div p {
  background-color: #b94032;
}

#wrap.study div#contentsArea div.progress>ul .type02 div p {
  background-color: #d89f26;
}

#wrap.study div#contentsArea div.progress>ul .type03 div p {
  background-color: #216f8e;
}

#wrap.study div#contentsArea div.progress>ul .type01 h1 {
  border-right: 2px solid #b94032;
}

#wrap.study div#contentsArea div.progress>ul .type02 h1 {
  border-right: 2px solid #d89f26;
}

#wrap.study div#contentsArea div.progress>ul .type03 h1 {
  border-right: 2px solid #216f8e;
}

#wrap.study div#contentsArea div.progress>ul h1 span {
  font-size: 15px;
}

/* 여기까지 */

/* 디자인페이지 */
div.designImage {
  padding: 20px;
}

.agreement div.textArea,
.agreement div.textArea2 {
  padding: 30px;
  line-height: 18px;
}

#contentsArea {
  padding: 0 20px 20px;
}

/* 검색영역 */
div.searchArea {
  overflow: hidden;
  padding: 8px 20px 12px;
  text-align: right;
  background: url(../images/global/bg_block.png) no-repeat center bottom;
}

div.searchArea form {
  float: right;
  padding-left: 35px;
  background: url(../images/global/icon_search.png) no-repeat left center;
}

div.searchArea input,
#contents div.searchArea select,
#contents div.searchArea button {
  height: 30px;
  border: 1px solid #ccc;
}

div.searchArea select {
  border: none !important;
  border-bottom: 2px solid #999 !important;
  padding-left: 5px;
}

div.searchArea input {
  border: none;
  border-bottom: 2px solid #999;
}

div.searchArea input[type="text"] {
  width: 180px;
}

div.searchArea button {
  border: 2px solid #999 !important;
  background: none;
  color: #565656;
  vertical-align: middle;
  line-height: 23px;
  font-weight: bold;
}

div.searchArea>button {
  float: right;
  margin: 2px 0 0 5px;
}

div.searchArea br+form {
  margin-top: 5px;
}

div.searchArea select+select,
div.searchArea input+select {
  margin-left: 10px;
}

div.searchArea div.searchChangeArea {
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

div.inputArea {
  padding: 10px;
  background: #ddd;
  border-top: 1px solid #999;
}

div.inputArea table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

div.inputArea table th,
div.inputArea table td {
  padding: 5px 0;
  border: 1px solid #ccc;
  line-height: 18px;
  text-align: center;
}

div.inputArea table th {
  background: #efefef;
}

div.inputArea table td {
  background: #fff;
}

div.inputArea table input[type="text"],
div.inputArea table input[type="tel"],
div.inputArea table select {
  height: 28px;
  padding-left: 5px;
}

div.inputArea table input[type="text"],
div.inputArea table input[type="tel"] {
  width: 90%;
  padding-right: 5px;
}

div.inputArea table td>button {
  width: 80%;
  height: 48px;
  border: 1px solid #ccc;
  background: #efefef;
  color: #121212;
  font-weight: bold;
}

div.inputArea+div.searchArea {
  margin-top: 5px;
}

div.inputArea+div.BBSList,
div.searchArea+div.BBSList {
  margin-top: 10px;
}

/* 게시판 쓰기페이지 */
.BBSList {}

.BBSList table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #565656 !important;
}

.BBSList table th,
.BBSList table td {
  text-align: center;
  padding: 15px 0;
  line-height: 20px;
}

.BBSList table th button {
  width: 16px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}

.BBSList table th {
  border-top: 1px solid #565656;
  background: #fff;
}

.BBSList table td {
  border-top: 1px dashed #999;
  background: #fff;
}

.BBSList table th.left,
.BBSList table td.left {
  text-align: left;
  padding-left: 10px;
}

.BBSList table td.right {
  text-align: right;
  padding-right: 15px;
  line-height: 28px;
}

.BBSList table td.right span {
  color: #999;
}

.BBSList table td.right strong {
  color: #e91818
}

.BBSList table td img {
  vertical-align: middle;
}

.BBSList table td span {
  color: #999;
}

.BBSList table tr.hover {
  background: #efefef;
}

.BBSList table td button {
  background: #fff;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #999;
  color: #565656;
  background: #efefef;
}

.BBSList table td button img {
  margin-right: 5px;
}

.BBSList table td input[type="text"],
.BBSList table td input[type="tel"] {
  height: 28px;
  padding: 0 5px;
  border: 1px solid #999;
  width: 90%;
}

.BBSList table td select {
  height: 28px;
  padding: 0 0 0 5px;
  border: 1px solid #999;
}

.BBSList table td br+button {
  margin-top: 8px;
}

.BBSList table tr.red td {
  background-color: #fbe3e3;
}

.BBSList table tr.green td {
  background-color: #edf7e9;
}

.BBSList table tr.notice td {
  background-color: #f8f8f8;
}

/* FAQ보기용 */
.BBSList table tr.openView td {
  text-align: left;
  padding: 5px 15px 20px;
  border-left: 1px dashed #ccc;
  border-right: 1px dashed #ccc;
  background: #efefef;
}

.BBSList table tr.openView td div {
  border: 1px solid #ccc;
  background: #fff;
  padding: 15px;
}

/* 과정리스트 */
.BBSList ul.lectureList,
.BBSList ul.lectureList li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.BBSList ul.lectureList {}

.BBSList ul.lectureList li {
  overflow: hidden;
  border: 1px solid #ccc;
}

.BBSList ul.lectureList li.noList {
  text-align: center;
  line-height: 80px;
  font-size: 15px;
}

.BBSList ul.lectureList li+li {
  margin-top: 8px;
}

.BBSList ul.lectureList li>img {
  float: left;
  width: 150px;
  height: 112px;
  margin: 10px;
  cursor: pointer;
}

.BBSList ul.lectureList li button {
  float: right;
  width: 112px;
  height: 132px;
  border-radius: 0;
  border: none;
  border-left: 1px solid #ccc;
  background: #efefef;
  font-weight: bold;
  color: #565656;
  text-align: center;
}

.BBSList ul.lectureList li button img {
  margin-bottom: 15px;
}

.BBSList ul.lectureList li button:hover {
  background: #fff;
}

.BBSList ul.lectureList li h1,
.BBSList ul.lectureList li h2,
.BBSList ul.lectureList li h3,
.BBSList ul.lectureList li h4,
.BBSList ul.lectureList li h5 {
  margin: 0;
  padding: 0;
}

.BBSList ul.lectureList li h1 {
  overflow: hidden;
  width: 510px;
  font-size: 15px;
  color: #0780c2;
  margin: 0 0 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.BBSList ul.lectureList li h2 {
  font-size: 12px;
  color: #565656;
  font-weight: normal;
}

.BBSList ul.lectureList li h3 {
  font-size: 12px;
  color: #999;
  margin: 25px 0 8px;
}

.BBSList ul.lectureList li h2,
.BBSList ul.lectureList li h5 {
  display: inline-block;
}

.BBSList ul.lectureList li h5 {
  padding: 0 8px;
  margin-left: 5px;
  background: #0780c2;
  border: 1px solid #83c0eb;
  border-radius: 4px;
  line-height: 18px;
  color: #fff;
}

/* 수강후기 */
.BBSList ul.reviewList {
  margin: 48px 0 0;
  padding: 0;
}

.BBSList ul.reviewList li {
  overflow: hidden;
  padding: 10px 0 12px;
  border-bottom: 1px dashed #999;
  list-style: none;
  cursor: pointer;
}

.BBSList ul.reviewList li>h1,
.BBSList ul.reviewList li>h2 {
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}

.BBSList ul.reviewList li>h1 {
  width: 5.5%;
  margin: 10px 0 0;
  color: #121212;
}

.BBSList ul.reviewList li>h2 {
  width: 15%;
  margin: 0;
  padding-top: 25px;
  color: #000017;
}

.BBSList ul.reviewList li>h2 strong {
  font-size: 15px;
  font-weight: 800;
  color: #c34602;
}

.BBSList ul.reviewList li>h2.scroe1 {
  background: url(../images/lecture/bg_score1.png) no-repeat center 0;
}

.BBSList ul.reviewList li>h2.scroe2 {
  background: url(../images/lecture/bg_score2.png) no-repeat center 0;
}

.BBSList ul.reviewList li>h2.scroe3 {
  background: url(../images/lecture/bg_score3.png) no-repeat center 0;
}

.BBSList ul.reviewList li>h2.scroe4 {
  background: url(../images/lecture/bg_score4.png) no-repeat center 0;
}

.BBSList ul.reviewList li>h2.scroe5 {
  background: url(../images/lecture/bg_score5.png) no-repeat center 0;
}

.BBSList ul.reviewList li>div {
  overflow: hidden;
}

.BBSList ul.reviewList li>div>h1 {
  margin: 3px 0 0;
  font-size: 12px;
  font-weight: 800;
  color: #121212;
}

.BBSList ul.reviewList li>div>p {
  overflow: hidden;
  margin: 3px 0 0;
  padding-right: 15px;
  font-size: 12px;
  line-height: 20px;
  color: #121212;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.BBSList ul.reviewList li.on>div>p {
  white-space: normal;
}

.BBSList ul.reviewList li.reviewTitle {
  padding: 18px 0;
  border-top: 1px solid #565656;
}

.BBSList ul.reviewList li.reviewTitle h1 {
  width: auto;
  margin: 0;
  float: left;
  text-align: center;
  font-size: 12px;
  color: #000017;
}

.BBSList ul.reviewList li.noList {
  padding: 14px 0;
  text-align: center;
}

/* 카테고리탭 */
.BBSCategory,
.BBSCategory li {
  display: block;
  margin: 0;
  padding: 0;
}

.BBSCategory {
  overflow: hidden;
  margin: 10px 0 5px;
  padding: 5px 10px 0;
  border: 1px solid #ccc;
  border-bottom: none;
  background: url(../images/admin/bg_boardcategory.png) repeat-x bottom #efefef;
}

.BBSCategory li {
  float: left;
  padding: 0 20px;
  line-height: 36px;
  border: 1px solid #efefef;
  border-bottom: none;
  cursor: pointer;
}

.BBSCategory li.select {
  border-bottom: none;
  background: #fff;
  font-weight: bold;
}

/* Paser */
div.pager {
  overflow: hidden;
  padding: 15px 0;
  text-align: center;
}

div.pager a,
div.pager b,
div.pager button {
  vertical-align: middle;
}

div.pager button {
  height: 24px;
  border: none;
  margin: 0;
  background-color: transparent;
}

div.pager button img {
  vertical-align: middle;
}

div.pager a,
div.pager b {
  display: inline-block;
  height: 24px;
  padding: 0 7px;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
}

div.pager a {
  color: #787878;
  text-decoration: none;
}

div.pager b {
  border: 1px solid #dfdfdf;
  margin: 3px 0 5px;
  color: #ec772d;
}

div.pager a:hover {
  text-decoration: underline;
}

/* 버튼영역 */
.btnArea {
  text-align: center;
  margin: 10px 0;
}

.btnArea button {
  height: 46px;
  margin: 0 2px;
  padding: 0 30px;
  border-radius: 3px;
  background: #666;
  border: 1px solid #ccc;
  line-height: 24px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  vertical-align: middle;
}

.BBSView {
  margin-top: 5px;
}

.BBSView div.titleArea {
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

.BBSView div.titleArea h1,
.BBSView div.titleArea h2,
.BBSView div.titleArea h3,
.BBSView div.titleArea div {
  margin: 0;
  padding: 0 35px;
}

.BBSView div.titleArea h1 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
}

.BBSView div.titleArea h1 span {
  font-size: 15px;
  color: #565656;
}

.BBSView div.titleArea h2 {
  overflow: hidden;
  font-size: 15px;
  line-height: 38px;
  color: #565656;
}

.BBSView div.titleArea h2 span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 2px solid #ccc;
  font-weight: normal;
  font-size: 15px;
  color: #999;
}

.BBSView div.titleArea h2 strong.email,
.BBSView div.titleArea h2 strong.tel,
.BBSView div.titleArea h2 strong.date,
.BBSView div.titleArea h2 strong.hit {
  float: right;
  display: inline-block;
  padding-left: 28px;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 36px;
  font-size: 12px;
}

.BBSView div.titleArea h2 strong.email {
  background-image: url(../images/admin/icon_mail.png);
}

.BBSView div.titleArea h2 strong.tel {
  background-image: url(../images/admin/icon_tel.png);
}

.BBSView div.titleArea h2 strong.date {
  background-image: url(../images/admin/icon_date.png);
}

.BBSView div.titleArea h2 strong.hit {
  background-image: url(../images/admin/icon_hit.png);
}

.BBSView div.titleArea h2 strong+strong {
  margin-right: 30px;
}

.BBSView div.titleArea h3 {
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
  color: #999;
}

.BBSView div.titleArea div {
  overflow: hidden;
  color: #343434;
}

.BBSView div.titleArea div p {
  display: inline-block;
  padding: 0 20px 0 0;
  margin: 0;
  line-height: 24px;
}

.BBSView div.titleArea h2,
.BBSView div.titleArea h3,
.BBSView div.titleArea div {
  border-top: 1px dashed #ccc;
}

.BBSView div.fileArea {
  overflow: hidden;
  height: 50px;
  padding: 0 35px;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
  background: #efefef;
}

.BBSView div.fileArea a {
  display: inline-block;
  height: 32px;
  margin: 8px 10px 8px 0;
  padding: 0 15px 0 10px;
  border: 1px dashed #999;
  background: #fff;
  line-height: 32px;
  text-decoration: none;
  color: #121212;
}

.BBSView div.fileArea img {
  width: 24px;
  opacity: 0.5;
  vertical-align: middle;
  margin-right: 5px;
}

.BBSView div.fileArea a:hover {
  border: 1px solid #565656
}

.BBSView div.BBSContents {
  min-height: 360px;
  padding: 20px 35px;
  line-height: 18px;
}

.BBSView div.btnArea {
  border-top: 1px dashed #ccc;
  padding: 20px 0;
}

/* 비밀번호 확인 모달 */
#modal .chkPWD input[type="password"] {
  width: 180px;
  height: 32px;
  text-align: center;
}

/* 코멘트 */
.BBSView .commentArea {
  overflow: hidden;
  background: #efefef;
}

.BBSView form.commentWrite {
  border: 1px solid #ccc;
  margin: 15px;
  padding: 10px;
  background: #fff;
}

.BBSView form.commentWrite>div {
  margin-bottom: 10px;
}

.BBSView form.commentWrite>div h1 {
  display: inline;
  font-size: 12px;
  padding-right: 8px;
}

.BBSView form.commentWrite>div input {
  height: 32px;
  padding: 0 5px;
  border: 1px solid #999;
  color: #666;
  vertical-align: middle;
  margin-right: 32px;
}

.BBSView form.commentWrite textarea,
.BBSView form.commentWrite button {
  height: 74px;
  vertical-align: middle;
  border: 1px solid #999;
}

.BBSView form.commentWrite textarea {
  width: 90%;
  border-right: none;
  padding: 10px 5px;
}

.BBSView form.commentWrite button {
  width: 10%;
  background: #565656;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.BBSView ul.commentList {
  padding: 0 15px 10px;
}

.BBSView ul.commentList li {
  padding: 10px 15px;
  margin-top: 5px;
  list-style: none;
  border: 1px solie #999;
  background: #fff;
}

.BBSView ul.commentList li h1,
.BBSView ul.commentList li h3 {
  line-height: 18px;
  font-size: 12px;
}

.BBSView ul.commentList li h1 {
  float: left;
  margin-bottom: 8px;
  line-height: 20px;
  font-weight: bold;
  color: #565656;
}

.BBSView ul.commentList li h1 span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 2px solid #ccc;
  font-weight: normal;
  color: #999;
}

.BBSView ul.commentList li p {
  clear: both;
  padding: 3px 0;
  line-height: 18px;
}

.BBSView ul.commentList li h3 {
  color: #999;
}

.BBSView ul.commentList li form>button {
  float: right;
  margin: 5px 0 0 5px;
  background: none;
  border: 1px solid #999;
  vertical-align: middle;
  line-height: 24px;
  color: #565656;
}

.BBSView ul.commentList li form>button:hover {
  background: #efefef;
}

.BBSView ul.commentList li.noReply {
  text-align: center;
  line-height: 40px;
}

.BBSView ul.commentList div {
  clear: both;
}

.BBSView ul.commentList div>div {
  margin-bottom: 10px;
}

.BBSView ul.commentList div>div h1 {
  display: inline;
  font-size: 12px;
  padding-right: 8px;
}

.BBSView ul.commentList div>div input {
  height: 32px;
  padding: 0 5px;
  border: 1px solid #999;
  color: #666;
  vertical-align: middle;
  margin-right: 32px;
}

.BBSView ul.commentList div textarea,
.BBSView ul.commentList div button {
  height: 74px;
  vertical-align: middle;
  border: 1px solid #999;
}

.BBSView ul.commentList div textarea {
  width: 90%;
  border-right: none;
  padding: 10px 5px;
}

.BBSView ul.commentList div button {
  width: 10%;
  background: #565656;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

div.replyArea {
  display: block;
  margin: 10px 0;
  padding: 8px 20px 20px;
  border: 1px solid #ccc;
  background: #eaf2f8;
}

div.replyArea h2 {
  overflow: hidden;
  margin: 0 0 5px 0;
  padding: 5px 0;
  font-size: 15px;
  color: #0780c2;
}

div.replyArea h2 span {
  font-size: 12px;
  color: #666;
}

div.replyArea h2 button {
  float: right;
  background: #666;
  color: #efefef;
  font-weight: bold;
}

div.replyArea div {
  width: 96%;
  min-height: 180px;
  padding: 2%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 18px;
}

.BBSWrite {}

.BBSWrite ul {
  margin: 20px 0;
  padding: 0;
  border-top: 1px solid #999;
}

.BBSWrite li {
  overflow: hidden;
  padding: 5px 30px;
  border-bottom: 1px dashed #ccc;
  line-height: 22px;
  list-style: none;
}

.BBSWrite li>h1,
.BBSWrite li div.halfDiv>h1 {
  display: inline-block;
  width: 100px;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
  font-size: 12px;
  border-right: 2px solid #ccc;
  vertical-align: middle;
}

.BBSWrite li>h2 {
  margin: 0 10px 10px 0;
  font-size: 12px;
  vertical-align: middle;
}

.BBSWrite li input {
  vertical-align: middle;
}

.BBSWrite li br+input[type="text"] {
  margin: 2px 0;
}

.BBSWrite li input[type="tel"],
.BBSWrite li input[type="text"],
.BBSWrite li input[type="password"],
.BBSWrite li select,
.BBSWrite li input[type="file"] {
  height: 32px;
  padding: 0 5px;
  border: 1px solid #999;
  color: #666;
  vertical-align: middle;
}

.BBSWrite li .telCenter {
  text-align: center;
}

.BBSWrite li select {
  padding-right: 0;
}

.BBSWrite li textarea {
  width: 85%;
  height: 180px;
  border: 1px solid #999;
  padding: 8px;
  line-height: 18px;
  vertical-align: middle;
}

.BBSWrite li div.normalText,
.BBSWrite li div.address,
.BBSWrite li div.halfDiv,
.BBSWrite li div.textInputs {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.BBSWrite li div.textInputs {
  width: 88%;
}

.BBSWrite li div.address {
  line-height: 32px;
}

.BBSWrite li div.normalText {
  line-height: 24px;
}

.BBSWrite li div.halfDiv {
  width: 48%;
  line-height: 22px;
}

.BBSWrite li button {
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  border: 1px solid #999;
  background: #efefef;
  line-height: 32px;
  text-decoration: none;
  color: #121212;
  vertical-align: middle;
}

.BBSWrite li button img {
  width: 24px;
  vertical-align: middle;
}

.BBSWrite .subject {
  width: 600px;
}

.BBSWrite .name {
  width: 200px;
}

.BBSWrite .tel {
  width: 60px;
}

.BBSWrite .mail {
  width: 240px;
}

.BBSWrite .year {
  width: 50px;
}

.BBSWrite .month {
  width: 30px;
}

.BBSWrite div.btnArea {
  padding: 20px 0;
  border-bottom: 1px solid #565656;
  text-align: center;
}

.BBSWrite div.btnArea button {
  height: 48px;
  margin: 0 5px;
  border: 1px solid #999;
  border-radius: 5px;
  background: #666;
  padding: 0 20px;
  font-weight: bold;
}

.BBSWrite div.btnArea button img {
  margin-right: 6px;
}

.BBSWrite div.textPrint {
  padding: 8px 0;
  line-height: 18px;
}

.BBSWrite div.attachFile {
  display: inline-block;
  padding: 3px;
  background: #565656;
  vertical-align: middle;
  text-align: center;
}

.BBSWrite div.attachFile a {
  display: inline-block;
  padding: 0 15px;
  background: #fff;
  line-height: 28px;
  text-decoration: none;
  vertical-align: middel;
  font-weight: bold;
  color: #121212;
}

.BBSWrite div.attachFile a img {
  margin-right: 8px;
}

.BBSWrite div.attachFile button {
  border: none;
  height: 28px;
  color: #efefef;
  background: none;
  vertical-align: middle;
}

.BBSWrite label.AttachFiles {
  display: inline-block;
  min-width: 60px;
  height: 28px;
  padding: 0 15px 0 42px;
  border: 1px solid #999;
  border-radius: 2px;
  background: url(../images/admin/icon_addfile.png) no-repeat 10px center #efefef;
  line-height: 28px;
  vertical-align: middle;
}

.BBSWrite div.examView {
  overflow-y: scroll;
  overflow-x: none;
  width: 95%;
  height: 80px;
  margin: 5px 0;
  border: 1px solid #999;
  padding: 8px;
  line-height: 18px;
  vertical-align: middle;
  word-break: break-strict;
}

.BBSWrite label.AttachFiles span {
  padding: 0;
  margin: 0;
  display: inline;
}

.BBSWrite li.replyArea {
  display: block;
  margin: 10px 10px 0;
  padding: 8px 20px 20px;
  border: 1px solid #ccc;
  background: #eaf2f8;
}

.BBSWrite li.replyArea h2 {
  overflow: hidden;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
  border-bottom: 1px dashed #999;
  font-size: 15px;
  color: #0780c2;
}

.BBSWrite li.replyArea h2 span {
  font-size: 12px;
  color: #666;
}

.BBSWrite li.replyArea h2 button {
  float: right;
  background: #666;
  color: #efefef;
  font-weight: bold;
}

.BBSWrite li.replyArea div {
  width: 96%;
  min-height: 180px;
  padding: 2%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 18px;
}



/* 통계 레이아웃 */

/* study modal */
#screenModal {
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f6f7;
  z-index: 999;
}

#screenModal>div,
#screenModal>form>div {
  width: 1260px;
  margin: 0 auto;
  border: 1px solid #bfc3c4;
  background: #fff;
}

#screenModal>div+div,
#screenModal>div+form,
#screenModal>form div+div {
  margin-top: 15px;
}

#screenModal div.titleArea {
  overflow: hidden;
  width: 100%;
  border-top: 5px solid #0780c2;
  border-bottom: 2px solid #2665ae;
  background: #fff;
}

#screenModal div.titleArea>div {
  overflow: hidden;
  width: 1260px;
  margin: 20px auto;
  text-align: right;
}

#screenModal div.titleArea>div>img,
#screenModal div.titleArea>div>h1,
#screenModal div.titleArea>div>h2 {
  float: left;
}

#screenModal div.titleArea>div>img {
  margin-right: 20px;
}

#screenModal div.titleArea>div>h1,
#screenModal div.titleArea>div>h2 {
  width: 1020px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#screenModal div.titleArea>div>h1 {
  margin: 26px 0 8px;
  font-size: 30px;
  color: #343434;
}

#screenModal div.titleArea>div>h2 {
  font-size: 20px;
  color: #565656;
}

#screenModal div.titleArea>div button {
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 27px 0;
  padding: 0;
  border: none;
  background: none;
}

#screenModal>div.caution {
  padding: 45px 0;
  background: url(../images/study/bg_notice.png);
  text-align: center;
}

#screenModal>div.caution h1,
#screenModal>div.caution strong,
#screenModal>div.caution b {
  color: #ffdc61;
}

#screenModal>div.caution h1 {
  font-size: 26px;
}

#screenModal>div.caution p {
  margin: 0 auto;
  line-height: 22px;
  font-size: 15px;
  padding: 20px 80px;
  color: #fff;
}

/*#screenModal > div.caution p + p { padding-top:25px; background:url(../images/study/img_blockdiv.png) no-repeat center top; }*/
#screenModal>div.caution p+p {
  padding-top: 25px;
}

#screenModal>div.agreeArea {
  height: 74px;
  line-height: 74px;
  text-align: center;
  font-size: 15px;
}

#screenModal>div.agreeArea input[type="checkbox"],
#screenModal>div.agreeArea input[type="radio"] {
  display: none;
}

#screenModal>div.agreeArea input[type="checkbox"],
#screenModal>div.agreeArea input[type="radio"] {
  display: inline-block\9;
  width: 36px;
  height: 36px;
  border: 2px solid #666;
  padding: 0;
  vertical-align: middle;
}

/* IE8 Hack */
#screenModal>div.agreeArea label {
  overflow: hidden;
  display: inline-block;
  height: 43px;
  margin: 15.5px 0;
  padding-left: 48px;
  background-image: url(../images/study/input_checkbox_big.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  line-height: 52px;
  cursor: pointer;
}

#screenModal>div.agreeArea label {
  background: none\9;
  padding-left: 8px\9;
  vertical-align: middle\9;
}

/* IE8 Hack */
#screenModal>div.agreeArea input:checked+label {
  background-position: left top;
}

#screenModal>div.btnArea {
  overflow: hidden;
  border: none;
  background: none;
  padding: 20px 0;
  margin-bottom: 40px;
  text-align: center;
}

#screenModal>div.btnArea button {
  overflow: hidden;
  height: 54px;
  margin: 0 2px;
  padding: 0;
  border: none;
  background: none;
  vertical-align: middle;
}

#screenModal>div.btnArea button img {
  margin-top: -54px;
}

#screenModal>div.btnArea button:hover img {
  margin-top: 0;
}

/* 시험보기 페이지
#screenModal > div.cautionTest { overflow:hidden; height:85px; padding:0; background:url(../images/study/bg_notice.png); color:#fff; } */
#screenModal>div.cautionTest {
  overflow: hidden;
  height: 108px;
  padding: 0;
}

#screenModal>div.cautionTest strong,
#screenModal>div.cautionTest b {
  color: #ffdc61;
}

#screenModal>div.cautionTest div.timer {
  float: left;
  width: 270px;
  height: 108px;
  margin-right: 20px;
  background: url(../images/global/bg_glbalbtn.png);
  line-height: 100px;
  color: #ffdc61;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

#screenModal>div.cautionTest div.timer strong {
  margin-left: 5px;
  font-size: 50px;
  color: #fff;
  vertical-align: middle;
  font-weight: 700;
}

#screenModal>div.cautionTest div.textArea {
  overflow: hidden;
  height: 108px;
  margin: 0 20px 0;
  padding: 0;
  background: url(../images/study/img_notice.png) no-repeat right center;
}

#screenModal>div.cautionTest div.textArea h1,
#screenModal>div.cautionTest div.textArea p {
  margin: 0;
  padding: 0;
  margin-right: 72px;
}

#screenModal>div.cautionTest div.textArea h1 {
  padding: 15px 0 5px;
  color: #2665ae;
  font-size: 16px;
}

#screenModal>div.cautionTest div.textArea p {
  line-height: 150%;
  font-size: 13px;
}

#screenModal>div.cautionTest div.textArea .surveyText {
  line-height: 160%;
  font-size: 15px;
}

#screenModal div.mobileCert span.red {
  display: inline-block;
  margin-left: 96px;
}

#contentsPopup {
  margin: 0 auto;
  margin-top: 60px;
  border: 1px solid #bfc3c4;
  background: #fff;
}

#contentsPopup div.caution {
  overflow: hidden;
  margin: 15px 30px 0;
  padding: 15px 10px;
  background: url(../images/study/bg_notice.png);
  color: #fff;
}

#contentsPopup div.caution h1 {
  font-size: 15px;
  margin: 0 0 8px;
  padding: 0;
}

#contentsPopup div.caution strong,
#contentsPopup div.caution b {
  color: #ffdc61;
}

#contentsPopup div.answerTrue {
  background: url(../images/study/bg_checktrue.png) no-repeat 10px 15px;
}

#contentsPopup div.answerFalse {
  background: url(../images/study/bg_checkfalse.png) no-repeat 10px 15px;
}

#contentsNav {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  border-bottom: 2px solid #0780c2;
  background: #f2f6f7;
}

#contentsNav>h1 {
  overflow: hidden;
  float: left;
  font-size: 15px;
  font-weight: normal;
  color: #121212;
  margin: 0;
  padding: 0 20px;
  line-height: 60px;
  text-overflow: ellipsis;
}

#contentsNav>h2 {
  overflow: hidden;
  float: left;
  font-size: 15px;
  font-weight: normal;
  color: #121212;
  margin: 0;
  padding: 10px 20px;
  line-height: 20px;
  text-overflow: ellipsis;
}

#contentsNav>h2 span {
  font-size: 12px;
  color: #898989;
}

#contentsNav form,
#contentsNav table {
  float: right;
}

#contentsNav table {
  margin: 5px;
  border-collapse: collapse;
  border: 1px solid #bfc3c4;
}

#contentsNav table th,
#contentsNav table td {
  width: 60px;
  height: 20px;
  background: #fff;
  text-align: center;
}

#contentsNav table td {
  border-top: 1px dashed #ccc;
  background: #fff;
}

#contentsNav form {
  height: 60px;
  padding: 0 10px;
  background: #0780c2;
  text-align: center;
}

#contentsNav form select {
  height: 28px;
}

#contentsNav form h1 {
  margin: 0;
  padding: 0;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
}

div.mobileCert {}

div.mobileCert>form {
  display: none;
}

div.mobileCert ul,
div.mobileCert li {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

div.mobileCert li {
  line-height: 45px;
  padding: 10px 20px;
}

div.mobileCert li h1 {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  border-right: 2px solid #ccc;
  font-size: 15px;
}

div.mobileCert li form {
  display: inline-block;
}

div.mobileCert li button {
  height: 45px;
  padding: 0 60px;
  border: none;
  font-size: 15px;
  color: #fff;
  background: #787878;
  font-weight: bold;
}

div.mobileCert li strong {
  font-size: 15px;
}

div.mobileCert li button {
  padding: 0 25px 0 60px;
  height: 48px;
  border: none;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-color: #666;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

div.mobileCert li button.btnPhone {
  background-image: url(../images/member/icon_phone.png);
}

div.mobileCert li button.btnIpin {
  background-image: url(../images/member/icon_ipin.png);
}


div.testArea {
  overflow: hidden;
}

div.testArea>ul,
div.testArea>ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.testArea>ul {
  float: left;
  overflow: hidden;
  width: 270px;
  border-right: 1px dashed #bfc3c4;
}

div.testArea>ul li {
  text-align: center;
  background: #f6f6f6;
  line-height: 30px;
  border-bottom: 1px solid #bfc3c4;
}

div.testArea>ul li div {
  overflow: hidden;
  float: right;
  text-align: center;
  width: 140px;
  padding: 0 15px;
  border-left: 1px solid #bfc3c4;
  background: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*div.testArea > ul + div {  border-left:1px dashed #bfc3c4; }*/
div.testArea>div {
  width: 929px;
  margin: auto;
  overflow: hidden;
  padding: 0 30px 30px;
}

div.testArea>div h1,
div.testArea>div h2,
div.testArea>div h3 {
  margin: 0;
  padding: 0;
}

div.testArea>div h1 {
  margin: 40px 0 20px;
  font-size: 20px;
  color: #565665;
}

div.testArea>div h2 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #565665;
  line-height: 22px
}

div.testArea>div h3 {
  border: 1px dashed #999;
  margin-bottom: 10px;
  padding: 0 8px;
  font-size: 12px;
  color: #565656;
  line-height: 30px;
  font-weight: normal;
}

div.testArea>div h3 strong {
  color: #343434;
  padding-right: 20px;
}

div.testArea>div ol,
div.testArea>div li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.testArea>div li {
  overflow: hidden;
  padding: 5px 0;
}

div.testArea>div li input[type="radio"] {
  display: none;
}

div.testArea>div li input[type="radio"] {
  float: left\9;
  display: inline-block\9;
  width: 18px;
  height: 18px;
  border: none;
  padding: 0;
  vertical-align: middle;
}

/* IE8 Hack */
div.testArea>div li label {
  float: left;
  display: inline-block;
  overflow: hidden;
  background: url(../images/study/input_radio_off.png) no-repeat left top;
  line-height: 17px;
  padding-left: 23px;
  cursor: pointer;
  vertical-align: top;
  font-size: 14px;
}

div.testArea>div li label {
  background: none\9;
  padding-left: 8px\9;
  vertical-align: middle\9;
}

/* IE8 Hack */
div.testArea>div li input[type="radio"]:checked+label {
  background: url(../images/study/input_radio_on.png) no-repeat left top;
}

div.testArea>div input[type="text"],
div.testArea>div textarea {
  width: 100%;
  border: 1px solid #bfc3c4;
  color: #999;
}

div.testArea>div input[type="text"] {
  height: 36px;
  padding: 0 10px;
}

div.testArea>div textarea {
  height: 200px;
  padding: 10px;
}

div.testArea>div input[type="text"]:focus,
div.testArea>div textarea:focus {
  color: #343434;
  border: 1px solid #666;
}

div.reportArea {
  overflow: hidden;
  padding: 20px 0;
}

div.reportArea>h1,
div.reportArea>h2 {
  margin: 0;
  padding: 0 30px;
}

div.reportArea>h1 {
  margin: 10px 0 20px;
  font-size: 20px;
  color: #565665;
}

div.reportArea>h2 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #565665;
  line-height: 22px
}

div.reportArea>h3 {
  border: 1px dashed #999;
  margin: 0 30px 10px;
  padding: 0 8px;
  font-size: 12px;
  color: #565656;
  line-height: 30px;
  font-weight: normal;
}

div.reportArea>h3 strong {
  color: #343434;
  padding-right: 20px;
}

div.reportArea>a {
  display: block;
  margin: 0 30px;
  padding: 0 10px 0 60px;
  border: 1px solid #bfc3c4;
  background: url(../images/study/bg_a_tag.png) no-repeat 20px center;
  line-height: 50px;
  color: #0780c2;
  font-size: 15px;
  text-decoration: none;
}

div.surveyArea {
  overflow: hidden;
  overflow: hidden;
  padding: 0 0 30px;
}

div.surveyArea>form {
  padding: 0 30px;
}

div.surveyArea h1,
div.surveyArea>div h2,
div.surveyArea>div h3 {
  margin: 0;
  padding: 0;
}

div.surveyArea h1 {
  margin: 40px 0 20px;
  font-size: 20px;
  color: #565665;
}

div.surveyArea h2 {
  margin-bottom: 10px;
  font-size: 15px;
  color: #565665;
  line-height: 22px
}

div.surveyArea h3 {
  border: 1px dashed #999;
  margin-bottom: 10px;
  padding: 0 8px;
  font-size: 12px;
  color: #565656;
  line-height: 30px;
  font-weight: normal;
}

div.surveyArea h3 strong {
  color: #343434;
  padding-right: 20px;
}

div.surveyArea ol,
div.surveyArea li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.surveyArea li {
  overflow: hidden;
  padding: 5px 0;
}

div.surveyArea li input[type="radio"] {
  display: none;
}

div.surveyArea li input[type="radio"] {
  display: inline-block\9;
  width: 36px;
  height: 36px;
  border: 2px solid #666;
  padding: 0;
  vertical-align: middle;
}

/* IE8 Hack */
div.surveyArea li label {
  float: left;
  display: inline-block;
  overflow: hidden;
  background: url(../images/study/input_radio_off.png) no-repeat left top;
  line-height: 17px;
  padding-left: 23px;
  cursor: pointer;
  vertical-align: top;
  font-size: 14px;
}

div.surveyArea li label {
  background: none\9;
  padding-left: 8px\9;
  vertical-align: middle\9;
}

/* IE8 Hack */
div.surveyArea li input[type="radio"]:checked+label {
  background: url(../images/study/input_radio_on.png) no-repeat left top;
}

div.surveyArea textarea {
  width: 100%;
  border: 1px solid #bfc3c4;
  color: #999;
}

div.surveyArea textarea {
  height: 52px;
  padding: 10px;
}

div.surveyArea textarea:focus {
  color: #343434;
  border: 1px solid #666;
}

div.testArea div.commentaryArea,
div.reportArea div.commentaryArea {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #bfc3c4;
  background: #f2f6f7;
}

div.testArea div.commentaryArea>h1,
div.reportArea div.commentaryArea>h1 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dashed #bfc3c4;
  font-size: 15px;
  color: #0780c2;
}

div.reportArea div.exampleArea {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #ccc;
  background: #f2f2f2;
}

div.reportArea div.exampleArea>h1 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dashed #ccc;
  font-size: 15px;
  color: #343434;
}

div.reportArea div.commentaryArea,
div.reportArea div.exampleArea {
  margin: 15px 30px;
}

div.reportArea div.commentaryArea>div,
div.reportArea div.exampleArea>div {
  word-break: break-all;
  font-size: 13px;
  line-height: 21px;
}

div.reportArea div.commentaryArea a,
div.reportArea div.exampleArea a {
  display: block;
  margin: 0;
  padding: 0 10px 0 60px;
  border: 1px solid #bfc3c4;
  background: url(../images/study/bg_a_tag.png) no-repeat 20px center #fff;
  line-height: 50px;
  color: #0780c2;
  font-size: 15px;
  text-decoration: none;
}

div.reportSubmit {
  margin: 0 20px 20px;
  border: 1px solid #999;
}

div.reportSubmit>ul,
div.reportSubmit>ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.reportSubmit>ul li {
  float: left;
  height: 74px;
  font-size: 20px;
  color: #565665;
  width: 50%;
  text-align: center;
  background: #e5ebec;
  line-height: 74px;
  cursor: pointer;
}

div.reportSubmit>ul li.select {
  background: #fff;
}

div.reportSubmit>div {
  overflow: hidden;
  padding: 20px;
}

div.reportSubmit>div ul,
div.reportSubmit>div ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.reportSubmit>div ul {
  margin-bottom: 20px;
}

div.reportSubmit>div ul li {
  overflow: hidden;
  margin: 0;
  padding: 15px;
  line-height: 22px;
  font-size: 15px;
}

div.reportSubmit>div ul li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 5px 0;
  padding: 5px 0 0 40px;
  background: url(../images/study/bg_a_tag.png) no-repeat 0 center;
  line-height: 22px;
  color: #0780c2;
}

div.reportSubmit>div ul li h1 {
  float: left;
  width: 120px;
  margin: 10px 20px 10px 0;
  padding: 0 20px 0 10px;
  border-right: 2px solid #565656;
  font-size: 15px;
}

div.reportSubmit>div ul li label {
  display: inline-block;
  height: 50px;
  padding: 0 25px 0 60px;
  border: 1px solid #a0acae;
  background: url(../images/study/btn_file.png) no-repeat 20px center;
  font: bold;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

div.reportSubmit>div ul li input[type="file"] {
  display: none;
}

div.reportSubmit>div ul li+li {
  border-top: 1px dashed #bfc3c4;
}

div.reportSubmit>div textarea {
  width: 100%;
  height: 240px !important;
  margin-bottom: 10px;
  border: 1px solid #bfc3c4;
  color: #999;
  height: 52px;
  padding: 10px;
}

div.reportSubmit>div textarea:focus {
  color: #343434;
  border: 1px solid #666;
}

/*div.reportSubmit > div div { overflow:hidden; padding:0 20px; background:url(../images/study/bg_notice.png); color:#fff; line-height:36px; }*/
div.reportSubmit>div div {
  overflow: hidden;
  padding: 20px 20px;
  border: 1px solid #999;
  line-height: 160%;
}

div.reportSubmit>div div strong {
  color: #ffdc61;
}

/* 회원가입 */
#contentsArea.agreementPage {
  overflow: hidden;
}

#contentsArea.agreementPage div,
#contentsArea.agreementPage h1 {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#contentsArea.agreementPage>div {
  padding: 20px 0 30px;
  background: url(../images/global/bg_block.png) no-repeat bottom;
}

#contentsArea.agreementPage h1 {
  float: left;
  width: 200px;
  padding: 10px 0;
  font-size: 20px;
  line-height: 30px;
}

#contentsArea.agreementPage input {
  display: none;
}

#contentsArea.agreementPage input {
  display: inline-block\9;
  width: 36px;
  height: 36px;
  border: 2px solid #666;
  padding: 0;
  vertical-align: middle;
}

/* IE8 Hack */
#contentsArea.agreementPage h1 label {
  margin-top: 8px;
  display: block;
  padding-left: 21px;
  background-image: url(../images/global/input_checkbox.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 12px;
  line-height: 17px;
  cursor: pointer;
}

#contentsArea.agreementPage h1 label {
  background: none\9;
  padding-left: 8px\9;
  vertical-align: middle\9;
}

/* IE8 Hack */
#contentsArea.agreementPage h1 input:checked+label {
  background-position: left top;
}

#contentsArea.agreementPage>div>div {
  overflow-y: scroll;
  border: 1px solid #bfc3c4;
  width: 700px;
  height: 360px;
  padding: 10px;
  line-height: 18px;
}

#contentsArea.agreementPage>div button {
  padding: 0 25px 0 60px;
  height: 48px;
  border: none;
  background-position: 20px center;
  background-repeat: no-repeat;
  background-color: #666;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

#contentsArea.agreementPage>div.btnArea {
  background: none;
  text-align: center;
}

#contentsArea.agreementPage>div.btnArea button {
  width: 400px;
  height: 68px;
  border: none;
  background: #0780c2;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

#contentsArea.agreementPage>div.btnArea button img {
  float: right;
}

#contentsArea.agreementPage>div strong {
  line-height: 50px;
  font-size: 15px;
}

#contentsArea.agreementPage>div form {
  display: inline-block;
}

#contentsArea.agreementPage button.btnPhone {
  background-image: url(../images/member/icon_phone.png);
}

#contentsArea.agreementPage button.btnIpin {
  background-image: url(../images/member/icon_ipin.png);
}

#contentsArea.agreementPage span.red {
  display: inline-block;
  margin-left: 200px;
}

#contentsArea.agreementPage .memberCheck form {
  padding: 10px 0;
}

#contentsArea.agreementPage .memberCheck form div {
  margin-bottom: 10px;
}

#contentsArea.agreementPage .memberCheck form .floatLeft {
  float: left;
}

#contentsArea.agreementPage .memberCheck form .floatLeft:after {
  display: block;
  clear: both;
  content: ""
}

#contentsArea.agreementPage .memberCheck form .floatLeft button {
  width: 122px;
  height: 28px;
  margin: 77px 0 0 27px;
  padding: 0;
  font-size: 13px;
}

#contentsArea.agreementPage .memberCheck div h2 {
  float: left;
  width: 60px;
  margin: 5px 10px 0 0;
  font-size: 15px;
}

#contentsArea.agreementPage .memberCheck div input {
  display: inline-block;
  width: 150px;
  height: 28px;
  padding: 0 5px;
  border: 1px solid #bfc3c4;
}

#contentsArea.agreementPage .memberCheck div .tel {
  width: 95px;
  text-align: center;
}

#contentsArea.agreementPage .memberCheck div select {
  float: left;
  width: 50px;
  height: 28px;
  border: 1px solid #bfc3c4;
}

#contentsArea.agreementPage .memberCheck div select:after {
  display: block;
  clear: both;
  content: ""
}

#contentsArea.agreementPage .memberCheck div ul {
  padding: 0;
  list-style: none;
}

#contentsArea.agreementPage .memberCheck div span {
  line-height: 27px;
  font-size: 12px;
  letter-spacing: -1px;
}

#contentsArea.agreementPage .memberCheck div strong {
  line-height: 27px;
  font-size: 12px;
  letter-spacing: -1px;
}

/* 수강신청 */
.submitLectureArea {
  overflow: hidden;
  margin: 20px;
  padding: 10px;
  border: 1px solid #bfc3c4;
}

.submitLectureArea h1,
.submitLectureArea h1,
.submitLectureArea h3 {
  margin: 0;
  padding: 0;
}

.submitLectureArea>h1 {
  padding: 0 10px;
  border-bottom: 1px dashed #ccc;
  font-size: 15px;
  line-height: 30px;
}

.submitLectureArea>h2 {
  margin-bottom: 8px;
  padding: 0 10px;
  font-size: 13px;
  color: #999;
  font-weight: normal;
  line-height: 20px;
}

.submitLectureArea>h2 strong {
  color: #343434;
}

.submitLectureArea h3 {
  margin: 10px 10px 15px;
  text-align: right;
  font-size: 15px;
}

.submitLectureArea table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #0780c2;
}

.submitLectureArea table th,
.submitLectureArea table td {
  height: 34px;
  text-align: center;
}

.submitLectureArea table th {
  border-bottom: 1px dashed #ccc;
  background: #eaf2f8;
}

.submitLectureArea table td {
  border-bottom: 1px solid #999;
  text-align: center;
}

/* 로그인페이지 */
#loginArea {
  overflow: hidden;
  width: 460px;
  height: 538px;
  border: 1px solid #bfc3c4;
  margin: 135px auto 15px;
  padding: 50px 750px 50px 100px;
  background: url(../images/member/bg_login.jpg) no-repeat right center #fff;
  text-align: center;
}

#loginArea>form {
  padding: 30px 0;
}

#loginArea>form h1 {
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 15px;
  line-height: 22px;
}

#loginArea>form input {
  height: 52px;
  padding: 0 10px;
  border: 1px solid #bac3c5;
  color: #787878;
  font-size: 15px;
  font-weight: bold;
}

#loginArea>form>input {
  width: 400px;
}

#loginArea>form>button {
  width: 400px;
  height: 68px;
  border: none;
  background: #0780c2;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

#loginArea>form>button img {
  margin-right: 10px;
}

#loginArea>form>input+input {
  margin-top: 10px;
}

#loginArea>form>input+button {
  margin-top: 30px;
}

#loginArea>form>div+button {
  margin-top: 15px;
}

#loginArea>form>div {
  overflow: hidden;
  text-align: left;
}

#loginArea>form>div h1 {
  float: left;
  width: 86px;
  margin: 0 15px 0 0;
  padding: 0;
  border-right: 2px solid #ccc;
  line-height: 52px;
  font-size: 15px;
}

#loginArea>form>div+div {
  margin-top: 15px;
}

#loginArea>form>div strong {
  line-height: 24px;
  color: #ef1313;
}

#loginArea>form>div input {
  width: 352px;
}

#loginArea>form>div input[type="tel"] {
  width: 52px;
  text-align: center;
}

#loginArea>form>div input.email {
  width: 168px;
}

#loginArea>a {
  padding: 0 8px;
  color: #999;
  font-size: 15px;
  text-decoration: none;
}

#loginArea>a:hover {
  color: #666;
}

/* 공사중, 홈페이지 준비중 */
#contentsArea.alreadyPage {
  min-height: 840px;
  background: url(../images/global/alreadypage.png) no-repeat center #fff;
}

/* 학습하기 모달 */
#studyPopup {
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: #666;
  zoom: 1;
}

#studyPopup>button {
  width: 10px;
  border: none;
  padding: 0;
  margin: 0;
  background: url(bg_btnarea.jpg) repeat-y;
  z-index: 999;
  vertical-align: top;
}

div#popupStudyArea,
#studyPopup iframe {
  float: left;
  margin: 0;
  padding: 0;
}

#popupStudyArea h1,
#popupStudyArea h2,
#popupStudyArea h5 {
  margin: 0;
  padding: 0;
}

/*#popupStudyArea { overflow-y:scroll; overflow-x:hidden; width:338px; padding:0; margin:0; }*/
#popupStudyArea {
  position: absolute;
  top: 0;
  width: 338px;
  height: 682px;
  padding: 0;
  background: #f2f6f7;
  z-index: 900;
}

#popupStudyArea>h1 {
  padding: 0 20px;
  margin: 20px 0 8px;
  font-size: 15px;
  color: #2665ae;
}

#popupStudyArea>h2 {
  padding: 0 20px;
  margin-bottom: 20px;
  font-size: 12px;
  color: #121212;
  font-weight: normal;
}

#popupStudyArea>h5 {
  padding: 0 20px;
  background: #0780c2;
  line-height: 30px;
  color: #edf9ff;
  text-align: center;
  font-size: 12px;
}

#popupStudyArea>h5 strong {
  color: #fff;
  font-size: 15px;
}

#popupStudyArea ul,
#popupStudyArea li {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}

#popupStudyArea>ul {
  margin: 0 10px;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #ccc;
}

#popupStudyArea>ul>li {
  float: left;
  width: 49.9%;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

#popupStudyArea>ul>li.select {
  background: #fff;
  color: #0780c2;
}

#popupStudyArea>div,
#popupStudyArea>form {
  margin: 0 10px 0;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
}

#popupStudyArea>div h1 {
  margin: 10px 0 5px;
  font-size: 12px;
  color: #0780c2;
}

#popupStudyArea>div ul {
  padding: 10px;
}

#popupStudyArea>div li {
  padding: 10px;
  line-height: 18px;
}

#popupStudyArea>div li+li {
  border-top: 1px dashed #ccc;
}

#popupStudyArea>form {
  display: block;
  width: 296px;
  padding: 10px;
}

#popupStudyArea>form textarea {
  width: 281px;
  height: 200px;
  border: 1px solid #ccc;
  margin: 0;
  padding: 10px;
}

*:first-child+html #popupStudyArea>form textarea {
  width: 260px;
  margin-left: -10px;
}

#popupStudyArea>form h1 {
  margin: 10px 0 5px;
  font-size: 12px;
  color: #0780c2;
}

#popupStudyArea>form h2 {
  margin: 10px 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}

#popupStudyArea>form>button {
  width: 281px;
  height: 42px;
  margin: 10px 0;
  border: 1px solid #999;
  color: #565656;
  background: #fff;
  font-size: 12px;
  font-weight: bold;
}

#popupStudyArea>form>button:hover {
  background: #efefef;
}

/*#popupStudyArea > button { width:303px; height:42px; margin:0 10px 10px; border:none; background:#0780c2; color:#fff; font-size:15px; font-weight:bold; }*/
#popupStudyArea>button {
  width: 318px;
  height: 42px;
  margin: 0 10px 10px;
  border: none;
  background: #0780c2;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

#popupStudyArea .studyText ul {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 375px;
}

#popupStudyArea .writeForm {
  overflow-x: hidden;
  overflow-y: scroll;
  min-height: 290px;
}

#popupStudyArea .prgoressText {
  margin: 0;
  padding: 10px;
  color: #0780c2;
  font-weight: 600;
  text-align: center;
  line-height: 140%;
}

/* 일반모달 */
/* 모달 설정 */
#modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/admin/bg_modal.png);
  z-index: 999;
}

#modal>div {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border: 1px solid #121212;
}

#modal>div>h1 {
  overflow: hidden;
  margin: 0;
  padding: 10px 15px;
  line-height: 32px;
  font-size: 16px;
  background: #4a5359;
  color: #efefef;
}

#modal>div>h1 button {
  position: absolute;
  left: 100%;
  width: 32px;
  height: 32px;
  margin: 0 0 0 -45px;
  padding: 0;
  background: #d0d6da;
  border: 3px solid #292f33;
  border-radius: 16px;
}

#modal>div>div,
#modal>div>form>div {
  padding: 15px;
}

#modal>div>div>h1,
#modal>div>form>div>h1 {
  border-bottom: 1px dashed #565656;
  padding: 0 0 0 8px;
  margin: 3px 0;
  border-left: 5px solid #4a5359;
  line-height: 24px;
  font-size: 15px;
}

#modal>div>div>h1 span,
#modal>div>form>div>h1 span {
  font-size: 12px;
  font-weight: normal;
  color: #787878;
}

#modal>div>div>ul+h1,
#modal>div>div>table+h1,
#modal>div>div>div+h1,
#modal>div>form>div>ul+h1,
#modal>div>form>div>table+h1,
#modal>div>form>div>div+h1 {
  margin-top: 12px;
}

#modal div.scrollDiv {
  overflow-y: scroll;
  background: #fefefe;
}

#modal table+table {
  margin-top: 18px;
}

/* 학습창 모달 사이드 */
.modalSide #summaryArea ul li {
  background: gray;
  color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: space-evenly;
  cursor: pointer;
}

.modalSide #summaryArea ul .selectedSummary {
  background: white;
  color: #0780c2;
}


/* 모달별 설정 */
#modal .lectureSubmit {
  width: 640px;
  height: 530px;
}

/* 캡차 */
#captcha {
  overflow: hidden;
  width: 380px;
  height: 435px;
  border-top: 5px solid #0780c2;
}

#captcha>form {
  display: none;
}

#captcha div.header {
  overflow: hidden;
  height: 42px;
  border-bottom: 1px solid #0780c2;
  background: #fff;
  padding: 0 15px;
  line-height: 42px;
}

#captcha div.header>h1 {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #0780c2;
}

#captcha div.header>input {
  float: right;
  height: 22px;
  margin: 10px 0;
  border: 2px solid #0780c2;
  color: #0780c2;
  background: none;
}

#captcha div.info_area {
  text-align: center;
  padding: 0 15px;
}

#captcha div.info_area h1,
#captcha div.info_area h2 {
  padding: 0;
  margin: 0;
}

#captcha div.info_area h1 {
  margin: 15px 0 5px;
  font-size: 15px;
  color: #343434;
}

#captcha div.info_area h2 {
  margin: 0 0 8px;
  padding-bottom: 15px;
  font-size: 12px;
  color: #898989;
  border-bottom: 1px dashed #ccc;
}

#captcha div.info_area ul,
#captcha div.info_area li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#captcha div.info_area li {
  line-height: 24px;
}

#captcha div.capcha_div {
  margin: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
}

#captcha div.capcha_div div {
  overflow: hidden;
  height: 62px;
}

#captcha div.capcha_div div+div {
  margin-top: 20px;
  height: 34px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
}

#captcha div.capcha_div div>img {
  display: block;
  margin: 0 auto;
}

#captcha div.capcha_div div>input {
  width: 40%;
  height: 24px;
  background: #efefef;
  border: 1px solid #999;
  color: #565656;
}

#captcha div.capcha_div h2 {
  color: #0780c2;
  font-size: 12px;
}

#captcha div.capcha_div>input[type="text"] {
  width: 82%;
  border: 1px solid #999;
  height: 28px;
  text-align: center;
}

#captcha div.capcha_div>input[type="button"] {
  width: 82%;
  height: 36px;
  margin-top: 5px;
  border: none;
  background: #0780c2;
  color: #fff;
}

/* 최초 본인인증페이지 */
#agreementCheck {}

#agreementCheck>div,
#agreementCheck>form {
  width: 1260px;
  margin: 0 auto;
  border: 1px solid #bfc3c4;
  background: #fff;
}

#agreementCheck>div+div,
#agreementCheck>div+form,
#agreementCheck>form div+div {
  margin-top: 15px;
}

#agreementCheck div.titleArea {
  overflow: hidden;
  width: 100%;
  border-top: 5px solid #0780c2;
  border-bottom: 2px solid #2665ae;
  background: #fff;
}

#agreementCheck div.titleArea>div {
  overflow: hidden;
  width: 1260px;
  margin: 20px auto;
  text-align: right;
}

#agreementCheck div.titleArea>div>img,
#agreementCheck div.titleArea>div>h1,
#agreementCheck div.titleArea>div>h2 {
  float: left;
}

#agreementCheck div.titleArea>div>img {
  margin-right: 20px;
}

#agreementCheck div.titleArea>div>h1,
#screenModal div.titleArea>div>h2 {
  width: 1020px;
  margin: 0;
  padding: 0;
  text-align: left;
}

#agreementCheck div.titleArea>div>h1 {
  margin: 26px 0 8px;
  font-size: 30px;
  color: #343434;
}

#agreementCheck div.titleArea>div>h2 {
  font-size: 20px;
  color: #565656;
}

#agreementCheck div.agreeUse>h1,
#agreementCheck div.private>h1,
#agreementCheck div.ACS>h1 {
  margin: 0;
  padding: 0 20px;
  font-size: 18px;
  background: #0780c2;
  color: #fff;
  line-height: 54px;
}

#agreementCheck div.agreeUse>div,
#agreementCheck div.private>div,
#agreementCheck div.ACS>div {
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px;
  height: 200px;
  line-height: 22px;
  font-size: 13px;
}

#agreementCheck>div.agreeArea {
  height: 74px;
  line-height: 74px;
  margin: 5px auto 20px;
  text-align: center;
  font-size: 15px;
}

#agreementCheck>div.agreeArea input[type="checkbox"],
#agreementCheck>div.agreeArea input[type="radio"] {
  display: none;
}

#agreementCheck>div.agreeArea input[type="checkbox"],
#agreementCheck>div.agreeArea input[type="radio"] {
  display: inline-block\9;
  width: 36px;
  height: 36px;
  border: 2px solid #666;
  padding: 0;
  vertical-align: middle;
}

/* IE8 Hack */
#agreementCheck>div.agreeArea label {
  overflow: hidden;
  display: inline-block;
  height: 43px;
  margin: 15.5px 0;
  padding-left: 48px;
  background-image: url(../images/study/input_checkbox_big.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  line-height: 52px;
  cursor: pointer;
}

#agreementCheck>div.agreeArea label {
  background: none\9;
  padding-left: 8px\9;
  vertical-align: middle\9;
}

/* IE8 Hack */
#agreementCheck>div.agreeArea input:checked+label {
  background-position: left top;
}

#agreementCheck>div.btnArea {
  overflow: hidden;
  border: none;
  background: none;
  padding: 20px 0;
  margin-bottom: 40px;
  text-align: center;
}

#agreementCheck>div.btnArea button {
  overflow: hidden;
  height: 54px;
  margin: 0 2px;
  padding: 0;
  border: none;
  background: none;
  vertical-align: middle;
}

#agreementCheck>div.btnArea button img {
  margin-top: -54px;
}

#agreementCheck>div.btnArea button:hover img {
  margin-top: 0;
}

#agreementCheck>form {
  margin-bottom: 15px;
  padding-bottom: 20px;
}

#agreementCheck>form>ul,
#agreementCheck>form>ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#agreementCheck>form>h1 {
  margin: 0 0 15px 0;
  padding: 0 20px;
  font-size: 18px;
  background: #0780c2;
  color: #fff;
  line-height: 54px;
}

#agreementCheck>form>ul {
  padding: 0 20px;
}

#agreementCheck>form>ul li {
  overflow: hidden;
  line-height: 45px;
  font-size: 15px;
}

#agreementCheck>form>ul li+li {
  border-top: 1px dashed #ccc;
}

#agreementCheck>form>ul li h1 {
  display: inline-block;
  width: 120px;
  font-size: 15px;
  color: #999;
}

#agreementCheck>form>ul li input,
#agreementCheck>form>ul li select {
  height: 32px;
  padding: 5px;
  font-size: 15px;
}

#agreementCheck>form>ul li input[type="tel"] {
  width: 60px;
}

#agreementCheck>form>ul li input[type="text"] {
  width: 180px;
}

#agreementCheck>form>div {
  overflow: hidden;
  margin: 10px 20px;
  padding: 0 20px;
  background: url(../images/study/bg_notice.png);
  color: #fff;
  line-height: 36px;
}

#agreementCheck div.address {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

#agreementCheck div.address input[type="tel"] {
  margin-bottom: 5px;
  width: 120px;
  border: 1px solid #ccc;
}

#agreementCheck div.address input[type="text"] {
  margin-bottom: 5px;
  width: 680px;
}

#agreementCheck div.address button {
  height: 32px;
  padding: 0 10px;
  border: 1px solid #343434;
  background: #666;
  color: #fff;
  vertical-align: middle;
}

/* 상단 날짜및 공지 출력 페이지 */
div.dateArea {
  overflow: hidden;
  margin: 10px 20px 1px;
  background: url(../images/study/bg_notice.png);
}

div.dateArea ul,
div.dateArea li {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

div.dateArea li {
  float: left;
  margin-right: 20px;
  font-size: 15px;
  color: #ffdc61;
  font-size: 15px;
  font-weight: bold;
  line-height: 42px;
}

div.dateArea li+li {
  border-left: 1px solid #787878;
}

div.dateArea li h1 {
  display: inline-block;
  padding: 0 10px 0 20px;
  font-size: 15px;
  color: #fff;
}

/* 탭메뉴 */
ul.tabMenu {}

ul.tabMenu,
ul.tabMenu>li {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.tabMenu {
  margin: 0 20px 10px;
  background: #787878;
  border-bottom: 3px solid #454545;
}

ul.tabMenu>li {
  display: inline-block;
  float: left;
  padding: 0 16px;
  background: #666;
  border-right: 1px solid #565656;
  line-height: 36px;
  color: #cdcdcd;
  font-weight: bold;
  cursor: pointer;
}

ul.tabMenu>li+li {
  border-left: 1px solid #787878;
}

ul.tabMenu>li.select {
  background: #454545;
  color: #fff;
}

/* 학습도움말 */
#helpDesk {
  overflow-y: scroll;
  overflow-x: hidden;
  background: #fff;
  padding-top: 66px;
}

#helpDesk>div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 66px;
  background: #2665ae;
  text-align: center;
  color: #fff;
}

#helpDesk>div>button {
  position: absolute;
  top: 0;
  width: 68px;
  height: 66px;
  border: none;
  background-image: url(../images/help_img/btn_bg.png);
  background-repeat: repeat-y;
  background-color: transparent;
  text-align: center;
}

#helpDesk>div>button.btnPrev {
  left: 0;
  background-position: right;
}

#helpDesk>div>button.btnNext {
  left: 100%;
  margin-left: -68px;
  background-position: left;
}

#helpDesk>div>h1,
#helpDesk>div>h2 {
  margin: 0;
  padding: 0;
}

#helpDesk>div>h1 {
  font-size: 20px;
  margin: 10px 0 5px;
}

#helpDesk>div>h2 {
  font-size: 15px;
  color: #a0b3d0;
}

/* 교육이용 안내 */
.rule {
  padding-top: 44px;
}

.rule ul {
  margin: 0;
  padding: 0;
}

.rule .skyblue {
  color: #5da3d4;
  font-weight: 700;
}

.rule ol {
  margin: 0 0 0 66px;
  padding: 0;
}

.rule ol>li {
  margin-bottom: 60px;
  font-size: 20px;
  font-weight: 700;
  color: #343434;
}

.rule ol>li>ul {
  margin-top: 12px;
}

.rule ol>li>ul>li {
  padding-left: 14px;
  background: url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  list-style: none;
  color: #343434;
}

.rule ol>li>ul>li>ul>li {
  padding-left: 14px;
  background: url(../images/eduinfo/bg_rule_list02.png) 0 10px no-repeat;
  font-size: 13px;
  line-height: 21px;
  list-style: none;
  color: #787878;
}

.rule ol>li>ul>li>ul>li>ol {
  margin: 0 0 0 14px;
}

.rule ol>li>ul>li>ul>li>ol>li {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  color: #787878;
}

.rule .list>ul>li+li {
  margin-top: 25px;
}

.rule .list>ul>li>ul>li+li {
  margin-top: 21px;
}

/* 환급절차 */
.goyong {
  padding: 44px 0 60px;
}

.goyong h1 {
  margin: 0 0 0 44px;
  font-size: 20px;
  color: #343434;
}

.goyong h2 {
  margin: 19px 0 0 44px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #343434;
}

.goyong ol {
  margin: 0 0 0 66px;
  padding: 0;
}

.goyong ol>li {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
  color: #343434;
}

.goyong ol>li h2 {
  margin: 19px 0 0;
}

.goyong ol>li>img {
  margin-top: 20px;
}

.goyong ol>li button {
  margin-top: 11px;
  padding: 0;
  background: none;
  border: none;
}

.goyong ol>li>ul {
  padding: 0;
}

.goyong ol>li>ul>li {
  margin-top: 22px;
  list-style: none;
  font-size: 15px;
  color: #565656;
}

.goyong ol>li>ul>li p {
  margin: 7px 0 0 19px;
  font-size: 15px;
  font-weight: 400;
  color: #666;
}

.goyong ol>li>ul>li>ol {
  margin: 6px 0 0 35px;
}

.goyong ol>li>ul>li>ol>li {
  margin: 0;
  list-style-type: lower-alpha;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  color: #666;
}

.goyong ol>li>ul>li>ol>li>ul {
  margin: 0 0 6px 0;
}

.goyong ol>li>ul>li>ol>li>ul>li {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}

/* 교육진행절차 */
.logic {
  overflow: hidden;
  height: 935px;
  padding-left: 374px;
  background: url(../images/eduinfo/bg_logic.png) 56px 66px no-repeat;
}

.logic h1 {
  margin: 69px 0 0 0;
  font-size: 20px;
  color: #343434;
}

.logic ol {
  margin: 48px 0 0 0;
  padding-left: 16px;
}

.logic ol li {
  margin-bottom: 65px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  color: #565656;
}

.logic ol li span {
  color: #0780c2;
  text-decoration: underline;
}

.logic .subTxt {
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  color: #777;
}

/* 위탁교육안내 */
.eduinfoArea {
  padding-bottom: 60px;
}

.eduinfoArea h1 {
  margin: 54px 0 0 66px;
  font-size: 20px;
  color: #343434;
}

.eduinfoArea h2 {
  margin: 19px 0 0 44px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #343434;
}

.eduinfoArea ol {
  margin: 0 0 0 66px;
  padding: 0;
}

.eduinfoArea ol>li {
  margin-top: 60px;
  font-size: 20px;
  font-weight: 700;
  color: #343434;
}

.eduinfoArea ol>li>ul {
  margin-top: 12px;
  padding: 0;
}

.eduinfoArea ol>li>ul>li {
  padding-left: 14px;
  background: url(../images/eduinfo/bg_rule_list01.png) 0 10px no-repeat;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  list-style: none;
  color: #343434;
}

.eduinfoArea ol li h2 {
  margin: 19px 0 0;
}

.eduinfoArea p {
  margin: 22px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  color: #999;
}

.eduinfoArea table {
  width: 838px;
  margin-top: 18px;
  border-collapse: collapse;
  border-bottom: 1px solid #b8c4c6;
  text-align: center;
  font-size: 13px;
  line-height: 22px;
}

.eduinfoArea th {
  padding: 5px 0;
  background: #eaedee;
  border-top: 1px solid #b8c4c6;
  border-bottom: 1px solid #b8c4c6;
}

.eduinfoArea th+th {
  border-left: 1px solid #b8c4c6;
}

.eduinfoArea tr+tr td {
  border-top: 1px dashed #b8c4c6;
}

.eduinfoArea td+td {
  border-left: 1px solid #b8c4c6;
}

.eduinfoArea .tableLeft {
  padding: 14px 0 14px 34px;
  text-align: left;
}

.eduinfoArea .tableLeft p {
  margin: 0;
}

.eduinfoArea .imgInfo01 {
  margin: 75px 0 0 21px;
}

.eduinfoArea .imgInfo02 {
  margin: 22px 0 0 60px;
}

.eduinfoArea .imgInfo03 {
  margin: 5px 0 0 60px;
}

.eduinfoArea .imgInfo04 {
  margin: 5px 0 0 60px;
}

/* 찾아오시는 길 */
.location {
  padding: 0 0 55px 44px;
}

.location h1 {
  margin: 44px 0 0;
  font-size: 25px;
  color: #343434;
}

.location iframe+h1 {
  margin-top: 60px;
}

.location div {
  margin-top: 28px;
}

.location div h1,
.location div p {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.location div h1 {
  width: 154px;
  font-size: 15px;
  line-height: 28px;
}

.location div h1 strong {
  font-size: 25px;
}

.location div p {
  margin-left: 16px;
  font-size: 15px;
  line-height: 22px;
  color: #343434;
}

/*인증현황*/
.certification {
  padding: 44px 0 55px 33px;
}

/* 교육신청하기 */
.pay {
  padding: 8px 20px 12px;
}

.pay h1 {
  margin: 40px 0 20px;
  font-size: 24px;
  line-height: 30px;
}

.pay .BBSList th {
  background: #eaf2f8;
}

.pay .payForm {
  margin-top: 45px;
}

.payForm input[type="radio"],
.payForm label,
.payForm span {
  vertical-align: middle;
}

.payForm label {
  margin-right: 10px;
}

.pay .payForm .BBSWrite {
  display: none;
}

/* 팝업 컨텐츠 상세보기 */
body.lectureDetail {
  overflow: hidden;
}

body.lectureDetail>div.lectureArea {
  overflow-y: scroll !important;
  height: 594px;
  margin-top: 30px;
  padding: 0 15px 15px;
  font-size: 14px;
  line-height: 22px;
  background: #fff;
  box-sizing: border-box;
}

body.lectureDetail>div.lectureArea h1 {
  overflow: hidden;
  border-left: 3px solid #3e75e6;
  padding: 0 0 0 7px;
  margin: 20px 0 10px 0;
  font-size: 15px;
}

body.lectureDetail>div.lectureArea h1 button {
  float: right;
  margin-top: 3px;
  border: none;
  background-color: transparent;
  font-weight: 800;
}

body.lectureDetail div.navArea {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 38px;
  top: 0;
  left: 0;
  background: #666;
  border-bottom: 1px solid #464646;
  line-height: 38px;
  text-align: right;
}

body.lectureDetail div.navArea h1 {
  float: left;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 800;
  color: #efefef;
}

body.lectureDetail div.navArea button {
  width: 32px;
  height: 32px;
  margin: 3px 8px;
  border-radius: 16px;
  border: 1px solid #787878;
  background: #ccc;
}

body.lectureDetail div.navArea button:hover {
  background: #efefef;
}

body.lectureDetail div.summuryArea {
  overflow: hidden;
  padding: 20px 0;
  background: url(../images/global/bg_block.png) no-repeat bottom;
}

body.lectureDetail div.summuryArea>img {
  float: left;
  width: 186px;
  height: 140px;
  margin: 0 20px 0 10px;
  border: 1px solid #bfc3c4;
}

body.lectureDetail h1,
body.lectureDetail h2,
body.lectureDetail h3,
body.lectureDetail h4,
body.lectureDetail h5 {
  margin: 0;
  padding: 0;
}

body.lectureDetail div.summuryArea h1 {
  border: none;
  padding: 0;
  margin: 0 0 6px;
  font-size: 20px;
  line-height: 30px;
}

body.lectureDetail div.summuryArea h2 {
  margin: 0 0 5px;
  font-size: 15px;
  font-weight: normal;
}

body.lectureDetail div.summuryArea h3 {
  margin: 0 0 10px;
  font-size: 12px;
}

body.lectureDetail div.summuryArea h5 {
  margin: 8px 0;
  font-size: 12px;
}

body.lectureDetail div.summuryArea h5 img {
  margin: 0 8px;
}

body.lectureDetail div.summuryArea button {
  width: 180px;
  height: 48px;
  margin: 15px 0;
  border: none;
  background: #e6443e;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}

body.lectureDetail div.summuryArea button.listButton {
  background: #666;
  color: #fff;
  margin-left: 2px;
}

body.lectureDetail table {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

body.lectureDetail table th,
body.lectureDetail table td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #ccc;
}

body.lectureDetail table th {
  background: #e8f9fc;
}

body.lectureDetail div.bookInfo {
  overflow: hidden;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}

body.lectureDetail div.bookInfo img {
  width: 100px;
  margin-right: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

body.lectureDetail div.bookInfo h1 {
  display: inline-block;
  font-size: 15px;
}

body.lectureDetail div.infoArea {
  padding: 5px 10px 15px;
  line-height: 22px;
}

body.lectureDetail ol {
  padding-left: 25px;
  line-height: 28px;
}

body.lectureDetail ol+h1 {
  margin-top: 40px;
}

body.lectureDetail div.btnArea {
  border-top: 1px solid #ccc;
  margin: 20px 0;
  padding: 20px 0;
}

body.lectureDetail div.reviewArea ul,
body.lectureDetail div.reviewArea li {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.lectureDetail div.reviewArea ul {
  border-top: 1px solid #ccc;
}

body.lectureDetail div.reviewArea li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

body.lectureDetail div.reviewArea h3 {
  overflow: hidden;
  float: left;
  width: 120px;
  height: 80px;
  margin-right: 15px;
  text-align: center;
  line-height: 110px;
  font-weight: normal;
  color: #787878;
}

body.lectureDetail div.reviewArea h3 strong {
  font-size: 20px;
  font-weight: 800;
  color: #343434;
}

body.lectureDetail div.reviewArea h3.scroe1 {
  background: url(../images/lecture/bg_score1.png) no-repeat 10px 10px;
}

body.lectureDetail div.reviewArea h3.scroe2 {
  background: url(../images/lecture/bg_score2.png) no-repeat 10px 10px;
}

body.lectureDetail div.reviewArea h3.scroe3 {
  background: url(../images/lecture/bg_score3.png) no-repeat 10px 10px;
}

body.lectureDetail div.reviewArea h3.scroe4 {
  background: url(../images/lecture/bg_score4.png) no-repeat 10px 10px;
}

body.lectureDetail div.reviewArea h3.scroe5 {
  background: url(../images/lecture/bg_score5.png) no-repeat 10px 10px;
}

body.lectureDetail div.reviewArea h1,
body.lectureDetail div.reviewArea h2,
body.lectureDetail div.reviewArea p {
  margin: 0 0 0 135px;
  padding: 0;
  border-left: 1px solid #ccc;
}

body.lectureDetail div.reviewArea h1,
body.lectureDetail div.reviewArea h2 {
  padding-left: 10px;
}

body.lectureDetail div.reviewArea h1 {
  line-height: 24px;
  font-size: 15px;
}

body.lectureDetail div.reviewArea h2 {
  line-height: 18px;
  font-size: 12px;
  color: #999;
}

body.lectureDetail div.reviewArea p {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
}

body.lectureDetail div.reviewArea+div {
  border-top: none;
}

/* 이벤트게시판 */
.eventList,
.eventList>li {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
}

.eventList {
  border-bottom: 1px solid #999;
}

.eventList li {
  padding: 10px 0;
  cursor: pointer;
}

.eventList li+li {
  border-top: 1px dashed #999;
}

.eventList li>img {
  float: left;
  margin-right: 15px;
}

.eventList li h1,
.eventList li h2,
.eventList li h3,
.eventList li h4 {
  margin: 0;
  padding: 0;
}

.eventList li h1 {
  margin: 20px 0 8px;
  font-size: 20px;
  font-weight: 800;
}

.eventList li h2 {
  margin-bottom: 24px;
  font-size: 14px;
  color: #999;
}

.eventList li h3,
.eventList li h4 {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 2px 12px;
  border-radius: 12px;
}

.eventList li h3 {
  border: 2px solid #2665ae;
  color: #2665ae;
}

.eventList li h4 {
  border: 2px solid #bd5052;
  color: #bd5052;
}

/* 데이트피커 */
#datePicker {
  position: absolute;
  width: 200px;
  border: 1px solid #999;
  background: #fff;
  text-align: center;
  padding: 5px !important;
}

#datePicker div {
  font-size: 13px;
  padding: 5px 0;
  margin: 0;
  line-height: 26px;
}

#datePicker div h1,
#datePicker div h2 {
  font-size: 14px !important;
  display: inline !important;
}

#datePicker div button {
  width: 10px;
  height: 10px;
  margin: 0 8px;
  border: none !important;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}

#datePicker div button img {
  width: 10px;
  height: 10px;
}

#datePicker table {
  border-collapse: collapse;
  width: 100% !important;
  border: none !important;
  border-top: 1px solid #ccc !important;
}

#datePicker th,
#datePicker td {
  background-image: none !important;
}

#datePicker th {
  height: 20px !important;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  line-height: 20px !important;
  background-color: #fff !important;
  font-size: 12px;
}

#datePicker td h1 {
  margin: 0;
  padding: 0;
}

#datePicker td,
#datePicker td h1 {
  font-size: 12px !important;
}

#datePicker td {
  height: 24px !important;
  cursor: pointer;
  line-height: 24px !important;
  padding: 0;
  margin: 0;
  cursor: pointer;
  border: none !important;
}

#datePicker p>button {
  margin: 0;
  padding: 0 10px;
  height: 24px;
  line-height: 24px;
  background: #efefef;
  color: #121212;
  border: 1px solid #ccc;
}

#calendarTable .sun {
  color: #c73333;
}

#calendarTable .sat {
  color: #338ac7;
}

div.datePicker {
  display: inline-block;
  margin: 0;
  padding: 0;
}

div.datePicker>input {
  width: 200px;
  height: 32px;
  border: 1px solid #999;
  vertical-align: middle;
  background: url(../images/admin/icon_calendar.png) no-repeat right center;
}

#main_contents>ul>li.mainModal {
  position: absolute;
  top: 19px;
  right: 0;
  width: auto;
  cursor: pointer;
}

/* 최종평가 모달 */
#screenModal .studyModal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 450px;
  margin: -90px 0 0 -225px;
  padding: 20px;
  border: none;
  border-top: 6px solid #373839;
  z-index: 1111;
  text-align: right;
  box-sizing: border-box;
}

#screenModal .studyModal>h1 {
  margin: 0 0 10px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

#screenModal .studyModal>button {
  margin: 0 0 0 5px;
  padding: 8px 15px;
  background: none;
  border: 1px solid #bfc3c4;
  font-family: gulim, dotum;
  font-size: 12px;
}

#screenModal .studyModal>button:hover {
  border-color: #0780c2;
}

#screenModal .dark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 1000;
  background: #000;
  opacity: 0.4;
}

/* 뷰어 다운로드 */
.download {
  padding: 0 30px 50px 30px;
}

.download>h1 {
  margin: 52px 0 0;
  font-size: 24px;
  color: #343434;
}

.download>h2 {
  margin: 21px 0 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  color: #595959;
}

.download>ul {
  margin: 30px 0 0;
  padding: 41px 0 0;
  list-style: none;
  border-top: 1px solid #e6e6e6;
}

.download>ul>li>h1 {
  margin: 0;
  font-size: 24px;
  font-weight: 400;
}

.download>ul>li+li>h1 {
  margin-top: 60px;
}

.download>ul>li>ul {
  overflow: hidden;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.download>ul>li>ul>li {
  float: left;
  width: 285px;
  height: 223px;
  margin: 0 28px 30px 0;
  padding: 0 26px;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
}

.download>ul>li>ul>li>h1 {
  margin: 28px 0 0;
  padding-left: 36px;
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
}

.download>ul>li>ul>li>h2 {
  margin: 33px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #696969;
}

.download>ul>li>ul>li>button {
  width: 231px;
  height: 37px;
  margin-top: 12px;
  background: url(../images/download/down_btn.png) 194px 6px no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  color: #5e5e5e;
  outline: 0;
}

.download>ul>li>ul>li>button:hover {
  color: #429ad9;
  border-color: #55aeed;
  background-image: url(../images/download/down_btn_on.png);
}

/* 멀티북 팝업 */
#bookPop>div {
  padding: 0 5px !important;
}

#bookPop>h1 {
  margin: 10px 5px;
  border-left: 5px solid #0780c2;
  padding-left: 8px;
}

/* 핵심내용 */
div#contentsArea ul.scrab,
div#contentsArea ul.scrab li,
div#contentsArea ul.scrab h1,
div#contentsArea ul.scrab h2,
div#contentsArea ul.scrab h3 {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#contentsArea ul.scrab {
  margin: 0;
  border: 1px solid #bfc3c4;
  background: #fff;
}

div#contentsArea ul.scrab>li {
  overflow: hidden;
  padding: 15px 0;
}

div#contentsArea ul.scrab>li+li {
  border-top: 1px dashed #bfc3c4;
}

div#contentsArea ul.scrab>li>ul {
  float: left;
  width: 24%;
  margin: 0 2%;
  border: none;
}

div#contentsArea ul.scrab>li>ul li+li {
  border: none;
}

div#contentsArea ul.scrab>li>ul li {
  padding: 3px 5% 3px 1px;
  font-size: 12px;
  color: #666;
}

div#contentsArea ul.scrab>li>ul h1 {
  display: inline;
  font-size: 14px;
  font-family: 'Jeju Gothic', sans-serif;
  font-weight: bold;
  color: #666;
}

div#contentsArea ul.scrab>li>ul h2 {
  padding: 14px 0 3px;
  margin: 0;
  font-size: 20px;
  font-family: 'Jeju Gothic', sans-serif;
  color: #343434;
}

div#contentsArea ul.scrab>li>ul h3 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-family: 'Jeju Gothic', sans-serif;
  color: #666;
}

div#contentsArea ul.scrab>li>div {
  overflow-x: hidden;
  overflow-y: scroll;
  width: 67%;
  height: 112px;
  padding: 8px;
  line-height: 18px;
  border: 1px solid #bfc3c4;
}

div#contentsArea ul.scrab>li>div.btnArea {
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  text-align: right;
}

div#contentsArea ul.scrab>li>div.btnArea button {
  width: 70%;
  height: 30px;
  margin: 0 2% 0 0;
  padding: 0;
  background: #898989;
  font-size: 12px;
}

div#contentsArea ul.scrab>li>div.btnArea button:hover {
  background: #464646;
}

/* 스크랩 */
div#contentsArea ul.linkMent,
div#contentsArea ul.linkMent li,
div#contentsArea ul.linkMent h1,
div#contentsArea ul.linkMent h2,
div#contentsArea ul.linkMent h3 {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#contentsArea ul.linkMent {
  margin: 0;
  border: 1px solid #bfc3c4;
  background: #fff;
}

div#contentsArea ul.linkMent>li {
  overflow: hidden;
  padding: 15px 0;
}

div#contentsArea ul.linkMent>li+li {
  border-top: 1px dashed #bfc3c4;
}

div#contentsArea ul.linkMent>li>ul {
  width: 75%;
  margin: 0 2%;
  border: none;
}

div#contentsArea ul.linkMent>li>ul li {
  padding: 3px 0;
  font-size: 12px;
  color: #666;
  border: none;
}

div#contentsArea ul.linkMent>li>ul h1 {
  display: inline;
  font-size: 14px;
  font-family: 'Jeju Gothic', sans-serif;
  font-weight: bold;
  color: #666;
}

div#contentsArea ul.linkMent>li>ul h2 {
  padding: 3px 0 10px;
  margin: 0;
  font-size: 15px;
  font-family: 'Jeju Gothic', sans-serif;
  color: #343434;
}

div#contentsArea ul.linkMent>li>ul h3 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

div#contentsArea ul.linkMent>li>ul h3 strong {
  font-weight: 800;
}

div#contentsArea ul.linkMent>li>div {
  float: left;
  width: 75px;
  height: 100px;
  margin: 0 2.5%;
  padding: 3px;
  line-height: 18px;
  border: 1px solid #bfc3c4;
  background-position: center;
  background-color: #999;
  background-repeat: no-repeat;
}

/* 운영시간 안내 */
.cs01 {
  overflow: hidden;
  width: 840px;
  height: 170px;
  margin: 84px auto 0;
  background: url(/images/about/bg_cscenter01.png) 0 0 no-repeat;
  box-sizing: border-box;
}

.cs01>h1,
.cs01>div {
  float: left;
  height: 100%;
  box-sizing: border-box;
}

.cs01>h1 {
  width: 399px;
  margin: 0;
  padding: 52px 0 0 178px;
  background: url(/images/about/icon_cscenter01.png) 51px 30px no-repeat;
  font-size: 19px;
  font-weight: 400;
  color: #0c4356;
}

.cs01>h1 span {
  display: inline-block;
  margin-top: 2px;
  font-size: 36px;
}

.cs01>div {
  width: 441px;
  border: 1px solid #e6e6e6;
  border-left: none;
}

.cs01>div>h1 {
  margin: 44px 0 0;
  font-size: 45px;
  color: #0485df;
  text-align: center;
}

.cs01>div>h2 {
  width: 294px;
  height: 30px;
  margin: 11px auto 0;
  background: #f2f2f2;
  border-radius: 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #333;
  text-align: center;
}

.csArea>h1 {
  margin: 54px 0 0;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: #3e3e3e;
}

.csArea>h2 {
  margin: 10px 0 0;
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  text-align: center;
}

.cs02 {
  width: 840px;
  margin: 69px auto;
  padding: 0;
  list-style: none;
  font-size: 0;
}

.cs02>li {
  display: inline-block;
  width: 399px;
  height: 397px;
  border: 1px solid #e6e6e6;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.18);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.cs02>li+li {
  margin-left: 42px;
}

.cs02>li>h1,
.cs02>li>h2,
.cs02>li>h3 {
  text-align: center;
}

.cs02>li>h1 {
  margin: 0;
  background: #ebebeb;
  font-size: 20px;
  line-height: 68px;
  color: #272727;
}

.cs02>li>h2 {
  margin: 75px 0 0;
  font-size: 27px;
  color: #3e3e3e;
}

.cs02>li>h3 {
  margin: 7px 0 0;
  font-size: 18px;
  font-weight: 400;
  color: #3e3e3e;
}

/* 로딩창 */
.loadingScreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.loadingScreen img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -42px 0 0 -42px;
}

.loadingScreen span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 45px 0 0 -20px;
  color: #f3f3f3;
  cursor: pointer
}

/* 학습종료과정 - 추천과정 */
.recommend {
  overflow: hidden;
  margin-bottom: 10px;
  padding: 9px 0 9px;
  background: #559ffe url(../images/study/bg_history01.jpg) 0 0 no-repeat;
  box-sizing: border-box;
}

.recommend>h1 {
  overflow: hidden;
  float: left;
  height: 121px;
  margin: 3px 0 0 13px;
}

.recommend>h1 img {
  margin-top: 13px;
}

#wrap.study div#contentsArea .recommend_view {
  overflow: hidden;
  float: right;
  background: #fff;
  border: 1px solid #0961d0;
  margin-right: 10px;
  padding: 5px 5px 0;
  text-align: center;
}

.recommend_view>li {
  float: left;
}

.recommend_view>li a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 0 8px;
}

.recommend_view>li h1 {
  overflow: hidden;
  width: 147px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px 0 0;
  font-size: 14px;
  color: #303945;
}

.recommend_view>li:hover h1 {
  text-decoration: underline;
}

#wrap.study div#contentsArea.debate {
  padding-top: 13px;
  min-height: 400px;
}

.debate_table {
  table-layout: fixed;
  margin-top: -1px;
  border: 1px solid #ededed;
  width: 100%;
  border-collapse: collapse;
}

.debate_table:hover {
  position: relative;
  border: 2px solid #83c0eb;
  z-index: 1;
}

.debate_table th,
.debate_table td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.debate_table th {
  overflow: hidden;
  width: 600px;
  padding-left: 38px;
  text-align: left;
  font-size: 15px;
  color: #333;
  cursor: pointer;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.debate_table:hover th,
.debate_table:hover td {
  padding-top: 11px;
  padding-bottom: 11px;
}

.debate_table:hover th {
  width: 599px;
  padding-left: 37px;
}

.debate_table td {
  font-size: 13px;
  color: #666;
}

.debate_table td button {
  height: 23px;
  margin: 2px 0;
  padding: 0 10px;
  border: 1px solid #0780c2;
  background: #fff;
  font-size: 10px;
  color: #0780c2;
}

.debate_table:hover td button {
  margin-left: 1px;
}

.debate_table td .del {
  background: #0780c2;
  color: #fff;
}

.upDownBtn {
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
  width: 110px;
  height: 44px;
  font-size: 12px;
}

​ .upDownBtn:hover {
  position: relative;
  border: 2px solid #83c0eb;
  z-index: 1;
}

/* 원격지원 */
#main_contents li.ezhelp {
  float: right;
}

#wrap {
  margin: 0 auto 15px;
}

#header {
  border-bottom: 2px solid #ffcb05;
}

#LNB {
  margin-right: 0;
  margin-left: calc(50% - 600px);
  margin-top: 35px;
}

#contents {
  margin-left: 10px;
  margin-top: 35px;
}

/*
@media(max-width:1325px){
  .menuArea{
  }
  #LNB{
    margin-left: 45px;
  }
}
*/

.argumentList div.pager {
  overflow: hidden;
  padding: 15px 0;
  text-align: center;
}

.argumentList div.pager b {
  border: 1px solid #dfdfdf;
  margin: 3px 0 5px;
  color: #ec772d;

}

.argumentList div.pager a, .argumentList div.pager b {
  display: inline-block;
  height: 24px;
  padding: 0 7px;
  text-align: center;
  line-height: 24px;
  font-size: 15px;
}

.argumentList div.pager a {
  color: #787878;
  text-decoration: none;
}