/* ------------------video.html------------------ */
/* 1 배경 이미지 */
.body-intro {background-image:url(bg_content.png);} /* 인트로 배경 */
.body-movie {background-image:url(bg_content.png);} /* 동영상 배경 */
.body-quiz {background-image:url(bg_content.png);} /* 퀴즈 배경 */
.body-summary {background-image:url(bg_content.png);} /* 서머리 배경 */
.body-image {background-image:url(bg_content.png);} /* 이미지 배경 */
.body-next {background-image:url(bg_content.png);} /* 다음차시 배경 */
.body-talk {background-image:url(bg_content.png);}
/* 2 강의 단계 제목 색 */
.h1-intro {color:#000000;} /* 인트로 페이지 제목 글자색 */
#header .hgroup h1 {color:#000000;} /* 차시명 글자색 */
/* 3 강의 제목 색 및 아이콘 이미지 */
#header .hgroup p {color:#042b52; background:url(icon_header-subject.png) no-repeat left center;} /* 과정명 글자색 및 아이콘 */
/* 4 도움말 색 */
#header .check-text {color:#000000; } /* 도움말 글자색 */
#header .check-text strong{color:#134f7d; font-size:14px;} /* 도움말 글자색 */
/* ------------------survey.html------------------ */
/* 네비게이션 */
#index .btn-index {color:#fff; background:##393939;} /* INDEX 버튼 글자색, 배경색 */
#index .btn-index .caret {border-left-color:#c58171;} /* INDEX 버튼 화살표색 */
#index .btn-index.opened {background:#C58171;}
#index .btn-index.opened .caret {background:##393939;border-right-color:#fff;} /* INDEX 펼쳐졌을 때 버튼 화살표색 */
#index ol {background:#393939;} /* INDEX 배경색 */
#index ol li a {color:#fff;} /* INDEX 메뉴 글자색 */
#index ol li a:hover {color:#c58171;} /* INDEX 메뉴 오버시 글자색 */
#index ol li.active a {color:#c58171;} /* INDEX 메뉴 활성화시 글자색 */
.btn-pager-prev,
.btn-pager-next {color:#fff; background-color:#949494;} /* 페이지 좌/우 버튼 글자색, 배경색 */
#footer .page {color:#b2b2b2;} /* 하단 우측 페이지 번호 글자색 */
.btn-pager {color:#e4e4e4; } /* 하단 우측 이전,다음버튼 글자색, 배경색 */
#footer .pull-left a {color:#000;} /* 하단 좌측 아이콘메뉴 글자색 */
/* 다중 이미지형 버튼 글자색, 선색, 배경색 */
.image-box .pager a {color:#666; border:1px solid #b5b5b5; background:#fff; } /* image형 pager 기본 글자, 외곽선, 배경 색 */
.image-box .pager .current {color:#fff; border-color:#b5b5b5; background-color:#93ad7b;} /* image형 pager 기본 글자, 외곽선, 배경 색 */
/* 1 설문 제목 색 */
.survey h2 {color:#67594f;}
/* 2 설문 YES NO 글자 색 */
.survey .btn-yes-no a {color:#a0aab6;}
.survey .btn-yes-no a span {color:#3a3a3a; background-color:#ebaf78;}
/* 3 설문 입력 박스 배경색 */
.survey .comment {background-color:#6F7E88;}
/* 4 설문 입력 textarea 배경 및 글자색 */
.survey .comment dd textarea {color:#363636; background-color:#e5e5e5;}
/* 5 설문 버튼색 */
.btn-survey-submit {background-color:#6F7E88; border-color:#4D595E;}
/* 설문 YES NO 아이콘 */
.survey .btn-yes-no a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
/* 설문 YES NO 마우스 오버 및 선택시 글자 색 */
.survey .btn-yes-no a.selected,
.survey .btn-yes-no a:hover {color:#333332;}
/* ------------------quiz.html------------------ */
.quiz-box-footer .btn-primary {color:#000; border-color:#4D595E; background-color:#6F7E88;} /* ox퀴즈 하단 버튼 글자색, 선색, 배경색 */
.layer-quiz-mix-result h2{color:#67594f} /* ox 퀴즈 결과 페이지 문제 결과 글자색 */
.layer-quiz-mix-result strong{color:#134f7d} /* ox 퀴즈 결과 페이지 문제 결과 강조 글자색 */
.quiz-box .ox a {color:#f15c9d; } /* 퀴즈 ox 색상 */
.quiz-box .ox .icon-correct {color:#3a3a3a; background:#07DCC0; } /* ox 퀴즈 결과 페이지 정답 아이콘 글자색, 배경색 */
/* 1 퀴즈 제목 글자색 */
.quiz-box .type-ox {color:#2f2f2f; } /* 퀴즈 OX형 문제 글자색 */
.quiz-box .type-ox i {color:#2f2f2f; } /* 퀴즈 OX형 번호색 */
/* 2 퀴즈 내용 박스 선/배경색 */
.quiz .content {border-color:#fff; background-color:#fff;}
/* 3 퀴즈 하단 버튼색 */
.quiz .footer a {color:#000; border-color:#4D595E; background-color:#6F7E88;}
/* 퀴즈 및 설문 아이콘 */
.quiz .type-ox dd.answer a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
.quiz .type-ox-result dt span {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
.quiz .type-ox-result dd.answer a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
.survey-answer-select .answer a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
/* 별점 레이어 등록하기 버튼색 */
.layer-star-rate .btn-group .btn {background-color:#6F7E88; border-color:#4D595E;}
/* 별점 레이어 상단 [한 줄 후기를 달아주세요] 글자색 */
.layer-star-rate .header-content .text {color:#67594f;}
/* 퀴즈 제목 강조 글자색 */
.quiz h2 strong {color:#67594f;}
/* 퀴즈 단어선택형 아이콘 */
.quiz .type-text-select dd.answer a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
.quiz .type-text-select-result dt span {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
.quiz .type-text-select-result dd.answer a .icon-hover {background-image:url(http://img.hunet.co.kr/Files/Study/skin/HLSC10191/icon_quiz.png);}
/* 퀴즈 OX형 OX 글자색 */
.quiz .type-ox dd.answer a {color:#F15C9D;}
/* 퀴즈 OX형 OX 마우스 오버시 글자색 */
.quiz .type-ox dd.answer a.selected,
.quiz .type-ox dd.answer a:hover {color:#2f2f2f;}
/* 퀴즈 OX형 결과 오답 OX 글자색 */
.quiz .type-ox-result dd.answer a {color:#F15C9D;}
/* 퀴즈 OX형 결과 정답 OX 글자색 */
.quiz .type-ox-result dd.answer a.correct {color:#2f2f2f;}
/* 퀴즈 OX형 결과 정답 표시 글자색/배경색 */
.quiz .type-ox-result dd.answer a span {color:#3a3a3a; background:#07DCC0;}
/* 팝업 퀴즈 : 시작 */
.pop-header h1.icon-plus-quizbox {padding:0 0 0 46px; background:url(http://img.hunet.co.kr/study/player/common/icon_pop-header.png) no-repeat 4px -350px;}
.pop-header.quizbox {height:84px;}
.pop-header.quizbox .select-lecture-no {position:relative; padding:0 33px; overflow:hidden; margin-top:10px}
.pop-header.quizbox .select-lecture-no ul {width:100%; background-color:#6f6d6d; height:31px; border:solid #373636; border-width:1px 0;}
.pop-header.quizbox .select-lecture-no li {position:absolute;}
.pop-header.quizbox .select-lecture-no li a {color:#bcbcbc; font-size:14px; font-weight:bold; display:block; height:31px; line-height:31px; width:54px; text-align:center;}
.pop-header.quizbox .select-lecture-no li a:hover,
.pop-header.quizbox .select-lecture-no li.current a {background-color:#556069; color:#fff;}
.pop-header.quizbox .select-lecture-no .prev a,
.pop-header.quizbox .select-lecture-no .next a {position:absolute; top:0; background:#373636; color:#9a9a9a; width:33px; height:33px; line-height:33px; text-align:center;}
.pop-header.quizbox .select-lecture-no .prev a {border-top-left-radius:5px; border-bottom-left-radius:5px; left:0}
.pop-header.quizbox .select-lecture-no .next a {border-top-right-radius:5px; border-bottom-right-radius:5px; right:0}
.pop-content .quiz {position:static; top:auto; left:auto; padding:0; width:637px; height:auto;}
.pop-content .quiz h2 {background:none; color:#363233; font-size:18px; position:static; top:auto; left:auto; padding:0; height:auto; margin:10px 0 20px}
.pop-content .quiz h2 strong {color:#ea4b24}
.pop-content .quiz .content {border:0; background:#e5e5e5; box-shadow:none; position:relative;}
.pop-content .quiz .content .title-quiz {position:absolute; top:-4px; left:-4px; color:#fff; font-size:15px; letter-spacing:-1px; background:url(http://img.hunet.co.kr/study/player/common/icon.png) no-repeat 0 -1272px; height:28px; width:55px; padding-left:18px; line-height:20px;}
.pop-content .quiz .type-ox {padding-left:75px;}/* 번호와 글 간격*/
.pop-content .quiz .type-ox dt {font-size:41px; left:30px;}
.pop-content .quiz .type-ox dd.question {font-size:16px; width:355px; line-height:21px}
.pop-content .quiz .type-ox dd.answer a {color:#a0a0a0}
.pop-content .quiz .type-ox dd.answer a.selected,
.pop-content .quiz .type-ox dd.answer a:hover {color:#2f2f2f}
.pop-content .quiz .footer {padding-bottom:20px}
.pop-content .quiz .footer a {background:#375f92 url(http://img.hunet.co.kr/study/player/common/icon.png) no-repeat 44px -1219px; border-top:3px solid #5f7fa8; border-bottom:5px solid #315583; padding-left:10px}
.pop-content .quiz .footer a.btn-ok-re {background-position:30px -1219px;}
.pop-content .quiz .type-ox-result dd.question {width:350px; font-size:16px; color:#2f2f2f; line-height:21px}
.pop-content .quiz .type-ox-result dd.question span {color:#fff; background-color:#375f92}
.pop-content .quiz .type-ox-result dt {font-size:41px; top:auto; left:30px}
.pop-content .quiz .type-ox-result dt .correct {background-position:0 -374px;}
.pop-content .quiz .type-ox-result dt .incorrect {background-position:0 -488px; top:-5px}
.pop-content .quiz .type-ox-result {padding-left:5px; font-weight:bold;}
.pop-content .quiz .type-ox-result .explain {color:#375f92}
.pop-content .quiz .type-ox-result .explain .icon {font-size:12px; width:32px; height:17px; line-height:17px}
/* 팝업 퀴즈 : 끝 */
/* 의견 묻기 */
.self-talk {position:absolute; top:158px; left:92px; width:757px;}
.self-talk .self-talk-box {height:300px; background:url(http://img.hunet.co.kr/study/player/common/bg_self-talk-box.gif); border-radius:6px; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5); margin-bottom:20px}
.self-talk .self-talk-box h2 {text-align:center; font-size:14.5px; padding:20px 0 16px}
.self-talk .self-talk-box h2 span {color:#ffffff; padding:1px 0 1px 23px; background:url(http://img.hunet.co.kr/study/player/common/icon_survey-comment.png) no-repeat;}
.self-talk .self-talk-content {width:100%; overflow:hidden}
.self-talk .self-talk-thumb {float:left; width:359px; padding-left:21px; margin-right:-390px;}
.self-talk .self-talk-write {margin-left:390px;}
.self-talk .self-talk-write textarea {width:325px; height:204px; border-radius:6px; overflow:auto; border:0; padding:10px; background:#e1e1e1; color:#363636; font-size:14.5px}
.self-talk .share-check {margin-right:20px; color:#fff; font-size:14px}
.btn-selftalk-save {display:inline-block; width:155px; height:26px; line-height:26px; padding-left:20px; font-weight:bold; text-align:center; font-size:14px; color:#fff; border:0; border-bottom:3px solid #353E42; cursor:pointer; background:#000000 url(http://img.hunet.co.kr/study/player/common/icon.png) no-repeat 38px -995px;}
.btn-selftalk-comment {display:inline-block; width:155px; height:26px; line-height:26px; padding-left:17px; font-weight:bold; text-align:center; font-size:14px; color:#fff; border:0; border-bottom:3px solid #353E42; cursor:pointer; background:#000000 url(http://img.hunet.co.kr/study/player/common/icon.png) no-repeat 10px -1045px;}
/* -----------------step_end.html------------------ */
/* 1 학습종료 제목 글자색 */
.nextinfo-box-header {color:#67594f;} /* 현재 학습한 차시 글자색 */
/* 2 다음 차시 [다음 시간에는...] 글자색 */
.nextinfo-box-body .body .text-sm {color:#67594f;} /* 다음 시간에는 글자색 */
/* 다음 차시 제목 글자색 */
.nextinfo-box-body .body .text-lg {color:#eb872f;} /* 다음 차시 글자색 */
/* 3 다음 차시 바로가기 및 다시보기 버튼색 */
.nextinfo-box-header .btn-primary {color:#22110d; border-color:#4D595E; background-color:#6F7E88;} /* 다시보기 버튼 글자색, 선색, 배경색 */
.nextinfo-box-body .btn-primary {color:#22110d; border-color:#4D595E; background-color:#6F7E88;} /* 다음차시바로가기 버튼 글자색, 선색, 배경색 */
/* 4 차시 목록 박스 배경색 */
.lecture-list {background:#6F7E88; } /* Lecture List 박스 배경색 */
/* 5 차시 목록 Next 아이콘 배경색 */
.lecture-list h3 {color:#c7b390;} /* Lecture List 제목 글자색 */
.lecture-list h3 strong{color:#134f7d;} /* Lecture List 제목 글자색 */
.lecture-list .thumb .icon-next {color:#0a0a0a; background:#eb872f;} /* Lecture List Next아이콘 글자, 배경색 */
.lecture-list .thumb .icon-next:after {border-left-color:#eb872f;} /* Lecture List Next아이콘 배경색 */
.lecture-list .subject {color:#fff;} /* Lecture List 목록 제목 글자색 */
.lecture-list .swiper-container a:hover {color:#fff;} /* Lecture List 목록 제목 마우스 오버시 글자색 */
/* ----------------- 의견/질문 ------------------ */
.talk-box-type3 .talk-box-body {background-color:#7f946e; } /* 의견 박스 배경색 */
.talk-box .footer .btn-primary{color:#fff; background-color:#7f946e ; border-color:#728563; }/* 의견 하단 버튼 글자색, 선색, 배경색, */
.talk-box .footer .btn .icon-file {width:16px; height:16px; background-position:0 -1000px; }/* 의견 하단 버튼 아이콘 */
.talk-box .footer .btn .icon-comment {width:17px; height:18px; background-position:0 -1050px; }/* 의견 하단 버튼 아이콘 */
.talk-box-type2 .header {background-color:#7f946e; text-align:center; }/* 의견 박스 배경색 */