@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.checkbox {
 display:inline-block;
 vertical-align:middle;
 width:28px;
 height:28px;
 margin-right:8px;
}


.menu_activecolor{
  color: #19aaa3 !important;
}
.mainmenu li:hover > a{
  color: #19aaa3;
}
.submenu li:hover a{
  color: #00abe5;
}

/* servemenu 시작 */
.servebg01{
  background: url('../../_images/etc_images/menu01bg.png')no-repeat center center; 
  max-height: 267px;
  height: 267px;
  min-width: 1280px;
  width: 100%;
  background-size: cover;
}
.servebg04{
  background: url('../../_images/etc_images/menu04bg.png')no-repeat center center; 
  max-height: 267px; 
  height: 267px;
  min-width: 1280px; 
  width: 100%;
  background-size: cover;
}
.servebg03{
  background: url('../../_images/etc_images/menu03bg.png')no-repeat center center; 
  max-height: 267px; height: 267px;
  min-width: 1280px; width: 100%;
  background-size: cover;
}
.servebg05{
  background: url('../../_images/etc_images/menu05bg.png')no-repeat center center; 
  max-height: 267px;
  height: 267px;
  min-width: 1280px;
  width: 100%;
  background-size: cover;
}

.servebg06{
  background: url('../../_images/etc_images/certiallviewbg.png')no-repeat center center; 
  max-height: 267px; 
  height: 267px;
  min-width: 1280px;
  width: 100%;
  background-size: cover;
}
.serveimgArea p{
  text-align: center; 
  font-weight: 400;
  padding-top: 100px; 
  box-sizing: border-box;
  color: #fff; font-size: 20px;
}
.serveul{
  margin: 0 auto;
  width: 100%; 
  min-width: 1280px;
  text-align: center; 
  font-weight: 500;
  background-color: #262626;
  min-height: 50px; 
  margin-bottom: 100px;
}
.serveul li{
  width: 100%;
  max-width: 201px; min-height: 20px;
  display: inline-block;
  margin-top: 12px;
  border-right: 1px solid #a6a6a6;  
}
.serveul li:first-of-type{
  border-left: 1px solid #a6a6a6;
}
.serveul li a{
  color: #a6a6a6;
}
.serveul li:hover a{
  color: #fff;
}
.serveul02{
  margin: 0 auto;
  width: 100%; 
  min-width: 1280px;
  text-align: center; 
  font-weight: 500;
  background-color: #262626;
  min-height: 50px; 
  height: 100%;
  margin-bottom: 100px;
}
.serveul02 li{
  width: 100%;
  max-width: 150px;
  min-height: 20px;
  display: inline-block;
  margin-top: 12px;
  border-right: 1px solid #a6a6a6;
}
.serveul02 li:first-of-type{
  border-left: 1px solid #a6a6a6;
}
.serveul02 li a{
  color: #a6a6a6;
}
.serveul02 li:hover a{
  color: #fff;
}
.serveul03{
  margin: 0 auto;
  width: 100%; 
  min-width: 1280px;
  text-align: center; 
  font-weight: 500;
  background-color: #262626;
  min-height: 50px;
  height: 100%;
  margin-bottom: 100px;
}
.serveul03 li{
  width: 100%;
  max-width: 172px; 
  min-height: 20px;
  display: inline-block;
  margin-top: 12px;
  border-right: 1px solid #a6a6a6;
}
.serveul03 li:first-of-type{
  border-left: 1px solid #a6a6a6;
}
.serveul03 li a{
  color: #a6a6a6;
}
.serveul03 li:hover a{
  color: #fff;
}

/* servemenu 끝 */

/* menu01 시작 */
/* 근로자 내일배움카드란 시작*/
.menu01_1contentArea{
  width: 100%; min-width: 1280px;
}
.menu01_1contentArea h4{
  font-size: 26px;
  margin-bottom: 30px;
}
.menu01_1content01{
  text-align: center;
  margin-bottom: 100px;
}
.menu01_1content01 ul li{
  display: inline-block;
}
.menu01_1content01 ul li:nth-of-type(2){
  margin: 0 130px;
}
.menu01_1content01 ul li img{
  border-radius: 100%;
  border: 5px solid #fff;
  box-shadow: 0px 2px 10px 0px rgba(57, 57, 57, 0.2);
  margin-bottom: 20px;
}
.menu01_1content01 ul li p{
  font-size: 20px; 
  font-weight: 500;
}
.menu01_1content01 > p{
  margin-bottom: 50px;
  font-size: 18px; line-height: 28px;
}
.menu01_1content02{
  margin-bottom: 100px;
}
.menu01_1content02inner{
  background-color: #fff8ec;
  text-align: center;
  padding: 50px 0;
  box-sizing: border-box;
}
.menu01_1content02inner > p{
  font-size: 22px; 
  color: #00067b;
  font-weight: 500;
  margin-bottom: 30px;
}
.menu01_1content02inner > p span{
  color: #df0015;
}
.menu01_1content02inner ul li{
  display: inline-block; 
  min-width: 300px;
}
.menu01_1content02inner ul li p{
  font-size: 18px;
}
.menu01_1content02inner ul li p span{
  font-size: 20px; font-weight: 500;
}
.menu01_1content03{
  margin-bottom: 100px;
}
.menu01_1content03 p{
  font-size: 18px; 
  line-height: 28px;
}
/* 근로자 내일배움카드란 끝*/

/* 발급자격안내 시작 */
.menu01_2content02 h4{
  font-size: 26px;
  margin-bottom: 30px;
}
.menu01_2content02 p{
  font-size: 18px;
  margin-bottom: 30px;
}
.menu01_2content03 ul{
  width: 100%;
  background-color: #f1f1f1;
  padding: 50px 20px 30px 20px; 
  box-sizing: border-box; 
  font-size: 18px;
  margin-bottom: 30px;
}
.menu01_2content03 ul li{
  vertical-align: text-top;
  display: inline-block; 
  width: 49%;
  margin-bottom: 25px; 
  line-height: 26px;
}
.menu01_2content03 p{
  font-size: 18px; 
  font-weight: 500;
}
.menu01_2content03 p:first-of-type{
  margin-bottom: 10px;
  color: #d40000;
}
.menu01_2content03 p:last-of-type{
  margin-bottom: 100px;
}
/* 발급자격안내 끝 */

/* 신청절차 시작 */
.menu01_3content02{
  margin-bottom: 100px;
}
.menu01_3content02 ul li p.pstyle01,
.menu01_3content02 ul li h4{
  text-align: center;
}
.menu01_3content02 ul li p.pstyle01{
  width: 35px; 
  height: 35px; 
  color: #f1f1f1;
  margin: 0 auto; 
  border-radius: 50%;
  font-size: 22px; 
  background-color: #63c5c2;
}
.menu01_3content02 ul li h4{
  font-size: 26px;
  margin-bottom: 30px;
}
.menu01_3innerul{
  padding: 30px 25px;
  box-sizing: border-box;
  background-color: #eef8f9; 
  margin-bottom: 50px;
}
.menu01_3innerul li:not(:last-of-type){
  margin-bottom: 30px;
}
.menu01_3innerul li strong{
  font-size: 26px;
}
.menu01_3innerul li p{
  font-size: 18px; 
  line-height: 36px;
}
.menu01_3innerul li p:first-of-type{
  margin-top: 20px;
}
.menu01_3content03{
  margin-bottom: 100px;
}
.menu01_3content03 h4{
  font-size: 24px;
  margin-bottom: 30px;
}
.menu01_3content03 table{
  width: 100%;
  border-collapse: collapse;
  text-align: center; 
  font-size: 18px;
}
.menu01_3content03 table tr{
  height: 60px;
}
.menu01_3content03 table tr th{
  background-color: #097e88;
  color: #fff;
}
.menu01_3content03 table tr:nth-of-type(2){
  background-color: #eef8f9;
}
.menu01_3content03 table tr:nth-of-type(3){
  background-color: #d7eff1;
}
.menu01_3content03 table tr:last-of-type{
  background-color: #bbe0e3;
}
/* 신청절차 끝 */

/* 교육이용 시작 */
.menu01_4content02{
  margin-bottom: 100px;
}
.menu01_4contentArea h4{
  font-size: 26px;
  margin-bottom: 30px;
}
.menu01_4contentArea ul li strong{
  font-size: 22px;
 }
.menu01_4contentArea p{
  font-size: 18px;
}
.menu01_4contentArea ul li span{
 font-size: 18px; color: #19aaa3;
}
.menu01_4content02inner{
  background: url('../../_images/etc_images/cautionbg.png');
  padding: 40px 0; 
  box-sizing: border-box;
  margin-bottom: 100px;
}
.menu01_4content02inner div{
  width: 759px; 
  margin: 0 auto;
  line-height: 32px;
  font-size: 18px;
}
.menu01_4content03{
  margin-bottom: 100px;
}
.menu01_4content03 h4{
  font-size: 26px;
  margin-bottom: 30px;
}
.menu01_4content03 ul li:not(:last-of-type){
  margin-bottom: 30px;
}
 .menu01_4content03 ul li p{
  font-size: 18px;
  margin-top: 10px;
 }
 .menu01_4content03 ul li p:first-of-type{
  margin-top: 20px;
 }
 .menu01_4content04{
  margin-bottom: 100px;
}
.menu01_4content04 ul li:not(:last-of-type){
  margin-bottom: 30px;
}
.menu01_4content04 ul li p{
 font-size: 18px; 
 line-height: 32px;
 margin-top: 10px;
}
.menu01_4content04 ul li p:first-of-type{
  margin-top: 20px;
}
/* 교육이용 끝 */
/* menu01 끝 */


/* 자격증 전체보기 시작 */
/*.certiallArea{
  border-top: 1px solid #202020;
}*/
.certiallcontent01{
  margin-bottom: 50px;
}
.certiallcontent01 h3{
  text-align: center;
  font-size: 32px;
}
.certi_promotion li{
  position: relative;
  width: 380px;
  height: 235px;
  display: inline-block;
  text-align: center;
  margin: 0 auto 41px auto;
  overflow: hidden;
}
.certi_promotion li img{
  width: 100%; 
  transition: all 0.2s linear;
}
.certi_promotion li:hover img{
  transform: scale(1.05);
}
.certi_promotion li:not(:nth-of-type(3n+3)){
  margin-right: 41px;
}
.certi_promotion li a{
  font-size: 24px; 
  color: #fff;
  position: absolute;
  top: 95px;
}

/* 자격증 전체보기 끝 */





/* 고객지원 시작*/
.menu04_1content01 li{
  width: 48%;
  display: inline-block;
  margin-bottom: 100px;
}
.menu04_1content01 li:last-of-type{
  margin-left: 3%;
}
.menu04_1content01 li table{
  border-bottom: 2px solid #474747;	
  width: 100%;
  line-height: 55px;
  border-collapse: collapse;
  table-layout: fixed;
}
.menu04_1content01 li table caption{
  text-align: left; 
  font-size: 24px; 
  font-weight: 700;
}
.menu04_1content01 li:first-of-type table caption span{
  font-size: 16px; 
  margin-left: 73%;
}
.menu04_1content01 li:last-of-type table caption span{
  font-size: 16px; 
  margin-left: 62%;
}
.menu04_1content01 li table caption{
   border-bottom: 2px solid #474747;		
}
.menu04_1content01 li table td:first-of-type{
  width: 86%;
  text-overflow:ellipsis; 
  overflow:hidden; 
  white-space:nowrap;
}
.menu04_1content01 li table td:first-of-type span{
  margin-right: 4%;
}
.menu04_1content02{
  margin-bottom: 100px;
}
.menu04_1content02 h4{
  font-size: 24px;
  margin-bottom: 30px;
}
.menu04_1content02 ul li{
  display: inline-block; 
  vertical-align: top;
  height: 256px;
}
.menu04_1content02 ul li:first-of-type{
  background-color: #f6f6f6;
  width: 48%;
}
.menu04_1content02 ul li:nth-of-type(2){
  margin: 0 2% 0 9%;
}
.menu04_1content02 ul li:nth-of-type(2),
.menu04_1content02 ul li:last-of-type{
  text-align: center; 
  width: 20%;
}
.menu04_1content02 ul li:nth-of-type(2):hover a,
.menu04_1content02 ul li:last-of-type:hover a{
  font-weight: 700;
}
.menu04_1content02 ul li:nth-of-type(2) a,
.menu04_1content02 ul li:last-of-type a{
  font-size: 20px; 
  font-weight: 500;
}
.menu04_1content02 ul li:nth-of-type(2) img,
.menu04_1content02 ul li:last-of-type img{
  display: block; min-width: 203px;
  margin: 0 auto;
  border-radius: 100%;
  border: 5px solid #fff;
  box-shadow: 0px 2px 10px 0px rgb(57 57 57 / 20%);
  margin-bottom: 20px;
}
.menu04_1content03 h4{
  font-size: 24px;
  margin-bottom: 30px;
}
.menu04inner{
  width: 450px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0; 
  box-sizing: border-box;
}
.menu04inner strong{
  color: #19aaa3;
  font-size: 36px;
}
.menu04inner p{
  text-align: left; 
  line-height: 32px;
  font-size: 18px;
}
.menu04inner p:first-of-type{
  margin-top: 30px;
}

.menu04_1content03{
  margin-bottom: 100px;
}
.menu04_1content03 table{
  width: 100%; 
  line-height: 55px;
  font-size: 17px; 
  border-collapse: collapse;
}
.menu04_1content03 table caption{
  text-align: left; 
  font-size: 24px; font-weight: 700;
}
.menu04_1content03 table caption,
.menu04_1content03 table{
  border-bottom: 2px solid #474747;
}
.menu04_1content03 table caption span{
  font-size: 16px; 
  margin-left: 76%;
}
.menu04_1content03 table img{
  width: 32px; 
  vertical-align: middle;
}
.menu04_1content03 table tr{
  border-bottom: 1px solid #a6a6a6;
}
.menu04_1content03 table tr td:first-of-type{
  width: 80px;
}
.menu04_1content03 table tr td:nth-of-type(2){
  width: 100px;
}
.menu04_1content03 table tr td:nth-of-type(3){
  width: 1000px;
}
/* 고객지원 끝*/

.qnaData details ul{
 height:70px;
}
.questionArea{
  margin-bottom: 30px;
  border-top: 2px solid #474747;
  border-bottom: 2px solid #474747;
}
.questionArea .qnaData details:not(:last-of-type),
.questionArea .rowData details:not(:last-of-type)
{
  border-bottom: 1px solid #a6a6a6;
}

.questionArea .qnaData details summary::marker,
.questionArea .rowData details summary::marker
{
  font-size:0;
}
.rowData details summary ul{
 height:70px;
}
.questionArea .qnaData details summary ul,
.questionArea .rowData details summary ul
{
  cursor: pointer; 
  display: inline-block;
}

.questionArea .qnaData details summary ul li,
.questionArea .rowData details summary ul li
{
  display: inline-block; 
  height: 65px; 
  line-height: 65px;
  text-align: center; 
  font-size: 17px;
}
.questionArea .qnaData details summary ul li:first-of-type img,
.questionArea .rowData details summary ul li:first-of-type img,
{
  width: 32px; 
  vertical-align: middle;
}
.questionArea .qnaData details summary ul li:last-of-type img,
.questionArea .rowData details summary ul li:last-of-type img
{
  width: 36px; vertical-align: middle;
}
.questionArea .qnaData details summary ul li:first-of-type,
.questionArea .rowData details summary ul li:first-of-type
{
  width: 70px;
}
.questionArea .qnaData details summary ul li:nth-of-type(2),
.questionArea .rowData details summary ul li:nth-of-type(2)
{
  width: 100px;
}
.questionArea .qnaData details summary ul li:nth-of-type(3),
.questionArea .rowData details summary ul li:nth-of-type(3)
{
  width: 949px; 
  text-align: left;
  padding-left: 20px; 
  box-sizing: border-box;
}
.questionArea .qnaData details summary ul li:last-of-type,
.questionArea .rowData details summary ul li:last-of-type
{
  width: 100px;
}
.questionArea .qnaData div,
.questionArea .rowData div {
/*display: none; */
 width: auto;
 text-align: left;
 font-size: 15px;
 line-height: 25px;
 padding: 30px 0 15px 89px;
 border-top: 1px solid #d9d9d9;
 background: url(../../_images/renewal_icon/answericon.png) no-repeat 23px 50px #f6f6f6;
 color: #716f6f;
 cursor: auto;
}

.rotaimg{
  transform: rotate(180deg);
}


 

/* 공지사항, 시스템공지안내 시작 */
.menu04_2_3_5content01{
  margin-bottom: 30px;
  border-top: 2px solid #474747;
  border-bottom: 2px solid #474747;
  border-collapse: collapse; 
  height: 60px;
  width: 100%;
  text-align: center;
  line-height: 60px; 
  font-size: 17px;
}
.menu04_2_3_5content01 #rowData tr{
  cursor: pointer;
}
.menu04_2_3_5content01 #rowData tr th:first-of-type,
.menu04_2_3_5content01 #rowData tr th:nth-of-type(2){
 width:70px;
}
.menu04_2_3_5content01 #rowData tr:first-of-type{
  border-bottom: 2px solid #474747;
}
.menu04_2_3_5content01 #rowData tr:not(:first-of-type){
  border-bottom: 1px solid #a6a6a6;
}
.menu04_2_3_5content01 #rowData tr td:nth-of-type(3){
  text-align: left; 
  padding-left: 3%;
  box-sizing: border-box;
}
.menu04_2_3_5content01  #rowData tr td img{
  width: 32px; 
  vertical-align: middle;
}

/* 공지사항 , 시스템공지안내 끝 */

/* 자주묻는질문 시작 */
.menu04_4contentArea{
  margin-bottom: 100px;
}
.menu04_4content01 div.menu04_4searchArea{
  text-align: center;
  margin-bottom: 30px;
}
.menu04_4content01 div.menu04_4searchArea .searchForm{
  display: inline-block; 
  vertical-align: middle;
  margin : 30px;
}
.menu04_4content01 div.menu04_4searchArea .searchForm:nth-of-type(2){
  margin: 0 -4px 0 10px;
}
.menu04_4content01 div.menu04_4searchArea .searchForm select{
  width: 80px; 
  height: 40px;
  vertical-align:middle;
  line-height: 40px;
  font-size: 16px;
}
.menu04_4content01 div.menu04_4searchArea .searchForm .searchValue{
  width: 350px; 
  height: 36px;
  font-size: 16px; 
  padding-left: 5px;
}
.menu04_4content01 div.menu04_4searchArea .searchForm .button_search{
  width: 120px; 
  height: 40px;
  font-size: 16px;
  background-color: #474747; 
  vertical-align:middle;
  color: #fff;
  border-style: none;
}
ul.menu04_4clickArea{
  text-align: center;
  margin-bottom: 30px;
}
ul.menu04_4clickArea li{
  cursor: pointer;
  border: 1px solid #474747;
  width: 165px; 
  height: 45px; 
  line-height: 45px;
  display: inline-block; 
  font-size: 18px;
}
ul.menu04_4clickArea li:hover{
  background-color: #f6f6f6;
  border: 1px solid #000000;
}
ul.menu04_4clickArea li:hover a{
  font-weight: 500;
}
ul.menu04_4clickArea li:not(:first-of-type){
  margin-left: 6px;
}

/* 자주묻는질문 끝 */



/* 1:1문의 시작 */
/* 게시판 쓰기 */
.qnAwrite {
 width:1280px;
 padding:0 25px; box-sizing: border-box;
 margin:0 auto;
}

.qnAwrite > form > ul {
 margin-top:60px;
 padding:22px 0 44px;
 list-style:none;
 border-top:2px solid #292929;
 border-bottom:1px solid #292929;
}

.qnAwrite > form > ul > li {
 padding:10px 0 10px 20px;
}

.qnAwrite > form > ul > li > h1,
.qnAwrite > form > ul > li > .half > h1 {
 display:inline-block;
 width:139px;
 padding-left:17px;
 font-size:15px;
 color:#333;
 box-sizing:border-box;
}

.qnAwrite > form > ul > li > h1 span, 
.qnAwrite > form > ul > li > .half > h1 span {
 margin-left:-19px;
 padding-right:10px;
 color:#292929;
}

.qnAwrite > form > ul > li > div.half {
 float:left;
}

.qnAwrite > form > ul > li input, 
.qnAwrite ul > li select, .qnAwrite ul > li textarea {
 padding:0 15px;
 font-size:15px;
 color:#333;
}

.qnAwrite > form > ul > li input[type="text"], 
.qnAwrite ul > li input[type="tel"] {
 width:182px;
 height:40px;
 border:1px solid #dedede;
}

.qnAwrite > form > ul > li input[name="subject"] {
 width:777px;
 height:40px;
}

.qnAwrite > form > ul > li select {
 height:40px;
 border:1px solid #dedede;
}

.qnAwrite > form > ul > li label {
 display:inline-block;
 padding-left:24px;
 background-repeat:no-repeat;
 font-size:15px;
 line-height:24px;
 color:#333;
 cursor:pointer;
}

.qnAwrite > form > ul > li label + label {
 margin-left:20px;
}

.qnAwrite > form > ul > li input[type="radio"] {
 width:0px;
 height:0px;
}

.qnAwrite > form > ul > li textarea {
 vertical-align:top;
 width:777px;
 height:333px;
 padding:15px;
 border:1px solid #dedede;
}

.qnAwrite .btnArea {
 margin:22px 0 88px;
 text-align:center;
 font-size:0;
}

.qnAwrite .btnArea button {
 width:180px;
 height:50px;
 border:none;
 background:#19aaa3;
 font-size:18px;
 color:#fff;
}
.qnAwrite .btnArea button + button {
 margin-left:7px;
 background:#292929;
}

.qnAwrite .btnArea button + button:hover {
 background:#005ac9;
}

.qnAwrite .writeForm > ul {
 padding:22px 0;
}

.selectBox {
 position:relative;
 overflow:hidden;
 display:inline-block;
 height:40px;
 margin-right:3px;
 background:#fff;
 vertical-align:middle;
 z-index:0;
}
.selectBox h1 {
 margin:0;
 border:1px solid #d7d7d7;
 padding-left:11px;
 font-size:13px; font-weight: 400;
 line-height:38px;
 color:#949494;
 cursor:pointer;
}
.selectBox h1:after {
 content:url("../../_images/global/icon_select.png");
 float:right;
 margin:16px 15px 0 0;
}
.selectBox h1.on:after {
 content:url("../../_images/global/icon_select_on.png");
}
.selectBox ul {
 display:inline-block;
 overflow:auto;
 min-width:86px;
 max-height:177px;
 margin:0;
 border:1px solid #83c0eb!important;
 list-style:none;
 box-sizing:border-box;
}
.selectBox ul > li {
 padding:0 40px 0 11px;
 font-size:13px;
 color:#8b8b8b;
 border:none!important;
 line-height:25px;
 cursor:pointer;
}
.selectBox ul > li:hover {
 background:#eff5fa;
 color:#333;
}
/* 1:1문의 끝*/

/* 최종평가 응시 */
.testNotice .title {
 background:#83c0eb;
}
.testNotice .title > h1 {
 overflow:hidden;
 width:1060px;
 margin:0 auto;
 padding:23px 0 19px;
}
.testNotice .title > h1 img {
 float:left;
}
.testNotice .title > h1 span {
 float:left;
 margin:5px 0 0 38px;
 padding-left:31px;
 border-left:1px solid #62abf1;
 font-size:30px;
 line-height:32px;
 font-weight:400;
 color:#fff;
}
.testNotice .title > h1 button {
 float:right;
 border: none;
 background:none;
}
.testNotice .contents  {
 width:1060px;
 margin:10px auto;
 padding:43px 69px 43px 69px;
 background:#fff;
 text-align:center;
 box-sizing:border-box;
}
.testNotice .contents > h1 {
 height:132px;
 padding:39px 0 0;
 background:#374560 url(../../_images/study/bg_title01.png) 0 0 no-repeat;
 text-align:center;
 font-size:45px;
 font-weight:400;
 color:#fff;
 box-sizing:border-box;
}
.testNotice .contents > h1 img {
 margin:-12px 22px 0 0;
}
.testNotice .contents > div {
 overflow:hidden;
 width:922px;
 min-height:452px;
 margin-top:29px;
 border:5px solid #e3e5e9;
 text-align:left;
 box-sizing:border-box;
}
.testNotice .contents > div > h1 {
 float:left;
 margin:42px 0 0 34px;
 text-align:center;
 font-size:30px;
}
.testNotice .contents > div > h1 img {
 margin-top:19px;
}
.testNotice .contents .siteinfo {
 float:left;
 width:71%;
 margin:45px 0 45px 48px;
 text-align:justify;
}
.testNotice .contents > div  p > span {
 font-size:14px !important;
 color:#666;
 line-height:25px;
}
.testNotice .contents > div  p > b > span {
 font-size:14px !important;
 color:#83c0eb;
}
.testNotice .contents > div  p > strong > span {
 font-size:14px !important;
 color:#83c0eb;
}
.testNotice .contents > label {
 margin-top:49px;
 font-size:17px;
 font-weight:700;
 color:#333;
}
.testNotice .contents button {
 display:block;
 width:209px;
 height:49px;
 margin:32px auto 0;
 border-radius:25px;
 border: none;
 background:#83c0eb;
 font-size:18px;
 color:#fff;
}
.testNotice .contents button img {
 margin-left:25px;
}
/* 최종평가 응시 end */

/* 제출 알럿*/
#contents .studyModal {
 position:fixed;
 top:50%;
 left:50%;
 width:450px;
 margin:-90px 0 0 -225px;
 padding:20px;
 border:none;
 border-top:6px solid #83c0eb;
 z-index:1111;
 text-align:right;
 box-sizing:border-box;
 background:#fff;
}

#contents .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;
}

#contents .studyModal > button {
 margin:0 0 0 5px;
 padding:8px 15px;
 background:none;
 border:1px solid #bfc3c4;
 font-family:gulim, dotum;
 font-size:12px;
}

#contents .studyModal > button:hover {
 border-color:#0780c2;
}

#contents .dark {
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 margin:0;
 z-index:1000;
 background:#000;
 opacity:0.4;
}

/*최종평가 제출 알럿*/


/* 학습도움말 */
#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:#83c0eb;
 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:#fff;
}
/* 학습도움말 end*/

/* 인증현황 시작 */
.certiArea02{
 margin:0 auto 50px auto;
 text-align:center;
}
.certiArea02 > h1{
 margin-bottom:50px;
}
.certify{
 padding:50px 0;
}
.certify li{
 display:inline-block;
}
.info{
 margin-left:30px;
}
.info h1{
 margin-bottom:15px;
 font-size:26px;
 text-align:left;
 }
.certifyList li{
 display:block;
 line-height:24px;
 text-align:left;
}
.certify02 > li{
 padding:50px 0;
 }
.certify02 li{
 display:inline-block;
 width:407px;
 vertical-align:top;
}
.info02{
 vertical-align:top;
}
.info02 h1{
 margin-bottom:15px;
 font-size:26px;
 }
.certify02 img{
 height:335px; overflow:hidden;
}
.certifyList02 li{
 display:block;
 line-height:24px;
 }

/* 인증현황 끝 */