@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/*GNB*/
#gnb nav > ul > li > a {
  font-size: 16px;
}

.GNBWrap .container {
  flex-wrap: wrap;
  height: 144px;
  justify-content: center;
}
.GNBWrap h1 {
  left: 50%;
  transform: translateX(-50%);
}
#gnb nav {
  margin-top: 72px;
}
/*GNB 배경색*/
#gnb nav + div {
  height: 144px;
}
#gnb nav:hover + div::after {
  margin-top: 72px;
}
#gnb nav > ul {
  width: 100vw;
}
#gnb nav > ul > li > a {
  min-width: 80px;
}
#gnb nav > ul ul a {
  font-size: 14px;
}

/*******************************************************index 시작**************************************************************/
/**************************  main swiper *************************/
.swiper1 {
  height: 320px;
  margin-top: 184px;
  width: 100vw;
}
.swiper1 .swiper-button-next,
.swiper1 .swiper-button-prev {
  display: none;
}
.swiper-slide.bg1,
.swiper-slide.bg2,
.swiper-slide.bg3 {
  background-size: auto 100%;
}

h3.bn1_title {
  font-size: 36px;
}
h3.bn1_title::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: #fff;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
}
.textWrap {
  padding: 16px 24px;
  width: 650px;
}
.textWrap::before {
  content: "";
  position: absolute;
  width: 700px;
  background: url("../images/bracket.png") no-repeat center / contain;
}

p.bn1_txt1 {
  font-size: 22px;
}
p.bn1_txt2 {
  font-size: 18px;
  margin: 2px 0 16px 0;
}
/**************************강좌 리스트*******************************/
.indexTitle {
  font-size: 36px;
}
.indexTitleSub{
  font-size: 18px;
  padding: 0 30px;
}
/**탭메뉴**/
nav.maintabMenu ul {
  display: flex;
  border-bottom: 2px solid #69090a;
  height: 52px;
  margin: 40px 0 20px 0;
  width: 100%;
}
nav.maintabMenu ul li a {
  font-size: 17px;
  font-weight: 500;
  color: #222;
  display: block;
  height: 52px;
  text-align: center;
  line-height: 52px;
}
nav.maintabMenu ul li.on {
  position: relative;
  height: 50px;
  border-color: #69090a;
  border-bottom: 2px solid #69090a;
  background-color: #69090a;
}
.maintabTxt{
  font-size: 18px;
  padding: 12px 0;
}

/*강좌 목록*/
/**listWrap : 썸네일 콘텐츠**/
.mainlistThumb .column p{
  font-size: 15px;
}

/**************************program 추가*******************************/
.program_t{
  font-size: 20px;
  margin: 30px 0 10px 0;
}
.programList{
  margin-bottom:  30px;
}
.programList li p{
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  position: absolute;
  top: calc(100% - 48px);
}
.programList li.programTitle p{
  font-size: 16px;
  line-height: 24px;
}
.programList li.programTitle p span{
  font-size: 16px;
}
.programList li .hover p{
  font-size: 24px;
}
.programList li .hover span{
  font-size: 16px;
}

/**************************  section1 *************************/

.reasonCon{
  margin-bottom: -10px;
}
.reasonCon p{
  font-size: 17px;
}
.section1_conWrap {
  padding: 0;
  margin-bottom: 30px;
}
.reasonCon span{
  font-size: 18px;
}
.reasonCon img{
  width: 30px;
  height: auto;
  margin-top: 6px;
}
.reasonCon:nth-child(1),
.reasonCon:nth-child(2),
.reasonCon:nth-child(3),
.reasonCon:nth-child(4)
{
  margin-left: 10px;
}

@media screen and (max-width: 890px) {
  .reasonCon p{
    font-size: 16px;
  }
}
@media screen and (max-width: 782px) {
  .reasonCon p{
    font-size: 15px;
  }
}
/*************************  section2 *************************/
.st2_title{
  font-size: 32px;
  padding-top: 34px;
}
.courseWrap {
  margin-top: 20px;
  padding-bottom:34px;
}
.courseStep {
  width: 180px;
  height: 180px;
}
.courseWrap img{
  width: 40px;
  height: 74px;
}
@media screen and (min-width: 768px) and (max-width: 920px) {
  .courseStep {
    width: 140px;
    height: 140px;
  }
  .courseWrap img{
   width: 20px;
   height: 36px;
  }
  .courseStep p {
    font-size: 16px;
  }
  .courseStep span {
    font-size: 14px;
  }
  .courseStep span.txt {
    font-size: 13px;
  }
 }
@media screen and (min-width: 921px) and (max-width: 1000px) {
  .courseStep {
    width: 170px;
    height: 170px;
  }
  .courseWrap img{
   width: 30px;
   height: 55px;
  }
  .courseStep p {
    font-size: 18px;
  }
  .courseStep span {
    font-size: 15px;
  }
  .courseStep span.txt {
    font-size: 14px;
  }
 }
 @media screen and (min-width: 1001px) {
  .courseStep p {
    font-size: 20px;
  }
  .courseStep span {
    font-size: 16px;
  }
  .courseStep span.txt {
    font-size: 16px;
  }
 }
.coursetxt {
  margin-top: 16px;
}
.coursetxt p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
.st3BtnWrap{
  padding:24px 0 34px 0;
}
.st3BtnWrap .st3Btn{
  font-size: 18px;
  width: 280px;
  height: 54px;
  line-height: 54px;
  border: 4px solid #03A69C;
  color:#03A69C;
  border-radius: 100px;
  font-weight: 500;
  letter-spacing: -1px;
  background-color: #fff;
  position: relative;
} 
.st3BtnWrap .st3Btn span{
  font-weight: 600;
}
.st3BtnWrap .st3Btn:nth-child(1){
  border: 4px solid #2D991C;
  color: #2D991C;
  margin-right: 20px;
}
/*************************  section3 *************************/
.st3_title{
  font-size: 32px;
  padding-top: 34px;
}
.sect_title {
  font-size: 22px;
  margin-top: 4px;
}
.coachingStep {
  height: 150px;
  background-color: #3265BC;
  color: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.coachingStep p {
  font-size: 20px;
  margin-bottom: 20px;
}
.coachingStep p::after {
  content: "";
  position: absolute;
  width: 10px;
  top: 38px;
}
.coachingStep span {
  font-size: 15px;
}
.coachingWrap {
  margin-top: 24px;
}
.coachingWrap img{
  width: 40px;
  height: 80px;
}

/*************************  sectio4 * *************************/
.st4_title{
  font-size: 32px;
  padding-top: 34px;
}
.st4_txtWrap{
  padding: 20px 40px;
  margin: 16px 0;
  font-size: 18px;
  line-height: 32px;
}
.st4txt2{
  font-size: 18px;
}
.st4BtnWrap{
  padding:20px 0 32px 0;
}
.st4Btn{
  font-size: 18px;
  width: 320px;
  height: 62px;
  line-height: 62px;
}
/************************* NEWS ***************************/
.news {
  display: flex;
  flex-direction: column;
}
.newsWrap {
  width: 100%;
}
.helfWrap {
  width: calc(100% - 40px);
  margin-left: 0;
  margin-top: 10px;
}
.inline_t {
  display: flex;
  align-items: center;
}
.inline_t p {
  margin-right: 10px;
}
.helfWrap span {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
  display: inline-block;
}
.btn_flex {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.btn_flex div {
  margin-right: 20px;
  padding: 12px 24px;
  border: 1px solid #fff;
  border-radius: 50px;
}

.btn_flex div::after {
  content: "";
  background: none;
}
/*******************************************************index 끝**************************************************************/

/************서브페이지 전체레이아웃&폰트 스타일************/
/*상단 이미지&터이틀*/
.sub-visual {
  position: absolute;
  top: 184px;
  width: 100%;
  height: 240px;
  /**background: no-repeat center / cover; 적용 안됨**/
}
.sub-visual.bg1 {/*나의 강의실*/
  background: url("../images/sub_bg01.png") no-repeat center / cover;
}
.sub-visual.bg2 {/*연수과정 신청*/
  background: url("../images/sub_bg02.png") no-repeat center / cover;
}
.sub-visual.bg3 {/*입시과제코칭*/
  background: url("../images/sub_bg03.png") no-repeat center / cover;
}
.sub-visual.bg4 {/*입시 정보*/
  background: url("../images/sub_bg04.png") no-repeat center / cover;
}
.sub-visual.bg5 {/*고객센터*/
  background: url("../images/sub_bg05.png") no-repeat center / cover;
}
.sub-visual.bg6 {/*연수원 소개*/
  background: url("../images/sub_bg06.png") no-repeat center / cover;
}
.sub-visual.bg7 {/*회원정보*/
  background: url("../images/sub_bg07.png") no-repeat center / cover;
}
.sub-visual.bg8 {
  background: url("../images/sub_bg08.png") no-repeat center / cover;
}

.titleWrap h2 {
  font-size: 36px;
  letter-spacing: -0.5;
}
.titleWrap span {
  font-size: 20px;
  letter-spacing: 0;
}

/*버튼&폰트 스타일*/
.btnF_S {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}

.btnF_S_W {
  height: 36px;
  width: 95px;
  line-height: 36px;
  font-size: 14px;
}

.btnO_S_W {
  padding: 0;
  height: 34px;
  width: 93px;
  line-height: 34px;
  font-size: 14px;
}
.btn_reply,
.btn_noreply {
  height: 34px;
  width: 72px;
  line-height: 36px;
}
.btnF_M {
  /*기본 버튼 / 회원가입에 하나*/
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  font-size: 15px;
}
.btnO_M {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
}

.btnF_L {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}
.btnO_L {
  height: 42px;
  line-height: 42px;
  font-size: 16px;
}

/******************************표 스타일****************************************/
/*기본표 스타일*/
.Board th {
  font-size: 15px;
  height: 25px;
  line-height: 20px;
}
.Board td {
  font-size: 15px;
  height: 35px;
}
/*th이 세로로 있는 표스타일*/
.Board.vtcl tr td:first-child {
  font-size: 15px;
}

/*tr이 홀수열에 있는 표*/
.Board.odd tr td:nth-child(odd) {
  font-size: 15px;
}
.Board.pay tr td:nth-child(1),
.Board.pay tr td:nth-child(3) {
  width: 100px;
}
.Board.color th{
  font-size: 16px;
}
.Board.vcolor td.bg_blue{
  font-size: 16px;
}
.tabConWrap p.CurriTitle{
  font-size: 50px;
}

.tabConWrap .stepNum span {
  font-size: 33px;
}


/*****************이메일수집, 개인정보, 이용약관*************************/
.contentWrap.siteinfo{
  margin-top: 210px;
  font-size: 14px;
}
h5.etcinfo{
  font-size: 15px;
  font-weight: 500;
  margin: 30px 0 10px 0;
}
h4.etcinfo{
  font-size: 16px;
}
/*****************************레이아웃 박스********************************/
.contentWrap {
  margin-top: 460px;
  padding-bottom: 60px;
  min-height: calc(100vh - 613px);
}
/*중앙정렬 컨테이너*/
.container {
  min-width: 678px;
  max-width: 1000px;
  padding: 0 20px;
}
/*서브페이지 제목*/
section h3.atc_title {
  font-size: 17px;
}
/*************************팝업창 스타일**********************************/
.popwin{
  width: 660px;
  max-height: 800px;
  padding: 30px;
}

/****************************************************내용 시작**********************************************************/
/*회원가입*/
.join_container {
  padding: 40px 50px;
}
#join_form input[type="text"]#id {
  width: calc(100% - 148px);
}
/*MyPage*/
select#result {
  width: 140px;
  height: 40px;
  background: #fff url("../images/select_arrow.svg") no-repeat 85% 50%;
}
td .block {
  display: block;
}
/**탭메뉴**/
nav.tabMenu ul {
  height: 48px;
}
nav.tabMenu ul li a {
  font-size: 15px;
  height: 48px;
  line-height: 48px;
}
/**listWrap : 강좌 썸네일 콘텐츠**/
.listThumb .column {
  width: calc(calc(100% - 38px) / 4);
  margin: 0 10px 10px 0;
}
.listThumb .column:nth-child(5n + 0) {
  margin-right: 10px;
}
.listThumb .column:nth-child(4n + 0) {
  margin-right: 0;
}
.listThumb .column .thumbTitle {
  font-size: 15px;
}
/*강좌 목록 추가 끝*/
.lessonWrap img {
  width: calc(100% - 300px);
  margin-right: 20px;
}
.lessoninfo {
  width: 280px;
}

.lessoninfo h5 {
  font-size: 16px;
}
.acterName {
  font-size: 14px;
}
.lessoninfo_botm {
  font-size: 14px;
}

.lessoninfo_botm table tr td:nth-child(3) {
  padding-left: 4px;
}
.referImg img{
  width: 100%;
}

.courseinfoList{
  width: calc(100% - 60px);
}

.courseinfoList.items3{
  max-width: 580px;
}


.courseinfoList li.infoCon{
  width: 150px;
  height: 150px;
}

.courseinfoList li img{
  width: 40px;
}

.tabConBox1{
  flex-direction: column;
}

.tabConBox1 div:first-child{
    margin-right: 0;
    margin-bottom: 20px;
}
.tabConWrap p {
  font-size: 15px;
}
.tabConWrap p.title {
  font-size: 17px;
}
.tabConWrap span{
  font-size: 15px;
}

.indexWrap {
  margin-bottom: 20px;
}
.indexWrap img {
  width: 320px;
  margin-right: 20px;
}
.indexWrap .stepinfo {
  width: calc(100% - 332px);
}

/**탭메뉴2**/
nav.tabMenu2 ul {
  height: 48px;
}

nav.tabMenu2 ul li a {
  font-size: 15px;
  height: 48px;
  line-height: 48px;
}
nav.tabMenu2 ul li.on {
  height: 46px;
  border-top: 2px solid #f44a51;
}

/*레슨 과제*/
.workWrap {
  padding: 20px 30px;
}
.questWrap {
  margin-bottom: 16px;
}
.questWrap p,
.ansrWrap p {
  font-size: 16px;
}
.ansrWrap textarea {
  height: 120px;
}
.fileatcWrap div {
  height: 44px;
}

/*나의 입시 과제 코칭*/
.contentWrap.coaching {
  padding-top: 380px;
  padding-bottom: 60px;
}
.coachStepWrap li {
  font-size: 17px;
}
.coachStepWrap li span {
  display: block;
}
.coachStepWrap li.stepline {
  top: 44px;
}
.coachCon select {
  height: 46px;
}
.note p {
  font-size: 14px;
}
.note p.note_bold {
  font-size: 15px;
}
ul.annot{
  font-size: 14px;
}
.conBox p.conTitle {
  font-size: 17px;
  color: #649dcc;
}
.conBox span {
  font-size: 15px;
}
/***********************************입시 과제 컨설팅****************************************/
.contentWrap.consultingWrap {
  margin-top: 424px;
}
.constTop {
  height: 440px;
}
.constTop div {
  border: 6px solid #fff;
  padding: 20px;
  width: 340px;
  height: 280px;
}
.constTop div p {
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.constTop div p.title {
  font-size: 26px;
}
.constTop div span {
  font-size: 18px;
  color: #fff;
  margin-bottom: 70px;
  position: relative;
}

.constmid {
  padding: 30px 0;
}
.constmid h2 {
  font-size: 30px;
  margin-bottom: 12px;
}
.constmid p {
  font-size: 16px;
}

.const_courseWrap {
  height: 140px;
}
.const_course::before {
  content: "";
  position: absolute;
  width: calc(100% - 28%);
  border-bottom: 2px dotted #fff;
  bottom: 31px;
  left: 50%;
  transform: translateX(-50%);
}
.const_course.item3::before {
  content: "";
  position: absolute;
  width: calc(100% - 36%);
  border-bottom: 2px dotted #fff;
  bottom: 31px;
  left: 50%;
  transform: translateX(-50%);
}
.const_course li {
  margin-bottom: 40px;
  font-size: 16px;
}
.const_course li::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ffd056;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}

.collegeWrap li {
  margin: 0 14px 20px 0;
  width: calc(calc(100% - 42px) / 4);
}
.collegeWrap li img {
  height: 110px;
}
.collegeWrap li:nth-child(6n + 0) {
  margin-right: 14px;
}
.collegeWrap li:nth-child(4n + 0) {
  margin-right: 0;
}

/******************************컨설팅 탑 이미지 추가 *************************************/
.constTopWrap{
  padding: 30px 0;
}
.constTopWrap .subTile{
  width: 70%;
  height: 70%;
}
.constTopWrap .mainTitle{
  width: 70%;
  height: 70%;
}
.constTopWrap p{
  font-size: 15px;
}
.constTopWrap p.check_txt{
  font-size: 30px;
}
.constTopWrap p.check_txt span{
  font-size: 30px;
}
ul.blueBox{
  padding: 22px 32px;
  font-size: 18px;
  line-height: 34px;
}
.constTopWrap p.underTxt{
  font-size: 18px;
}
/******************************입시연기 팁**************************************/
.tipTopWrap{
  margin-top: -36px;
}
.tiptext{
  font-size: 28px;
  padding-top: 200px;
}
.tipPointWrap{
  padding: 24px 0;
  margin-top: 16px;
  min-width: 720px;
}

.tipPointWrap li p{
  font-size: 20px;
}
.tipPointWrap li span{
  font-size: 17px;
}
.tipudTxt{
  font-size: 20px;
  margin: 20px 0 30px 0;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .mainlistThumb .column {
    width: calc(calc(100% - 40px) / 3);
    margin: 0 20px 20px 0;
  }
  .mainlistThumb .column:nth-child(3n) {
    margin-right: 0;
  }
    .mainlistThumb .column:nth-child(4n) {
      margin-right: 20px;
  }
  .tipMovWrap li{
    width: calc(calc(100% - 46px) / 3);
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .tipMovWrap li:nth-child(3n){
    margin-right:0;
  }
  .tipMovWrap li:nth-child(4n){
    margin-right:20px;
  }
  .auditListWrap > li{
    width: calc(calc(100% - 40px) / 3);
    height: 270px;
  }
  .auditListWrap > li:nth-child(3n){
    margin-right:0;
  }
  .auditListWrap > li:nth-child(4n){
    margin-right:20px;
  }
}
/*****************************온라인 오디션****************************************/
.auditTopImg{
  height: 400px;
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  .auditTopImg{
    height: 340px;
  }
}

  .auditTopImg img{
  width: 70%;
}

.auditInfo {
  height: 80px;
}

.auditGrade {
  flex-direction: column;
  align-items: flex-start;
}

.auditGrade div:nth-child(2) {
  margin-left: 20px;
}

.auditTitle {
  font-size: 15px;
}

.auditGrade {
  font-size: 13px;
}

.starWrap span {
  font-size: 15px;
}
.auditGradeLeft{
  width: 40%;
}
.auditGradeRight{
  width: 60%;
}
.auditGradeLeft ul.star li{
  margin: 0;
  width: 34px;
  height: 34px;
}
.auditGradeLeft span{
  font-size: 34px;
  font-weight: 600;
  margin-left: 10px;
}
@media screen and (min-width: 768px) and (max-width: 820px) {
  .auditGradeLeft{
    width: 50%;
  }
  .auditGradeRight{
    width: 50%;
  }
  .auditGradeRight > li{
    flex-direction: row;
    width: 100%;
  }
}

/**************************액팅스쿨 소개*******************************/
.introCon{
  margin-bottom: 20px;
}
.introCon h5{
  font-size: 24px;
}
.introCon h5::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #649DCC;
  bottom: 6px;
  left: 0;
}
.introCon h5 span{
  font-size: 36px;
}

@media screen and (min-width: 768px) and (max-width: 980px){
  .introCon:last-child{
    flex-direction: column-reverse;
  }
  .introCon:last-child img{
    margin-left: 0;
    margin-bottom: 10px;
  }
}

/********************************게시판 형식*****************************************/
/*게시판 상단 검색박스*/
.BoardTopWrap {
  flex-direction: column-reverse;
  height: auto;
}
.BoardTopWrap.bod {
  display: flex;
  flex-direction: row;
  height: auto;
}
.pageNum{
  font-size: 14px;
  margin-top: 10px;
}
.BoardTop.Notice{
  display: flex;
  justify-content: flex-end;
}
.BoardTop.Notice select {
  height: 42px;
  width: 200px;
}
.BoardTop.Notice div:nth-child(1){
  width: 200px;
}
.BoardTop.Notice div:nth-child(2){
  width: calc(calc(100vw - 50px) / 2);
}
.BoardTop div{
  width: calc(calc(100vw - 50px) / 2);
}
.BoardTop select {
  height: 42px;
  width: calc(50% - 5px);
}
.BoardTop input[type="text"] {
  height: 40px;
  width: calc(calc(calc(100vw - 50px) / 2) - 42px);
}
.btn_searchico {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.btn_searchico::before {
  content: "\e97a";
  font-family: "xeicon";
  color: #fff;
  font-size: 20px;
  line-height: 42px;
}

.Board.quest ul li:nth-child(1){
  width: calc(100% - 170px);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.Board.quest ul li:nth-child(2){
  width: 70px;
}
.Board.quest ul li:nth-child(3){
  width: 100px;
}

.Board.quest th:nth-child(1){
  width: 50px;
}

/************************강사진**************************/
.tutor_info h3{
  font-size: 28px;
  margin-bottom: 10px;
}
.tutor_info p{
  font-size: 15px;
  line-height: 24px;
}
.swiper_thumbWrap li{
  width: calc(100% / 9);
}
.swiper_thumbWrap li.noimg p span{
  font-size: 13px;
}
.tutorswiper .swiper-slide{
  height: 420px;
}
.tutorBox{
  top:20px;
}
.tutorBox ul:first-child{
  margin-right: 10px;
}
.tutor_tit{
  margin-bottom: 12px;
  font-size: 28px;
}
.tutor_tit span{
  font-size: 18px;
}
.tutor_more{
  bottom: 20px;
}
.tutor_more img.tutor_img{
  height: 60px;
  width: auto;
  float: left;
}
.tutor_more span{
  width: 60px;
  height: 60px;
  font-size: 12px;
  line-height: 60px;
  margin-left: 8px;
}
.swiper-button-next.tutor,
.swiper-button-prev.tutor{
  padding: 10px;
}
.swiper-button-next.tutor::after,
.swiper-button-prev.tutor::after{
  font-size: 20px;
}

/************footer************/
.footerWrap .biglogo_col {
  min-width: 120px;
  height: 95px;
  margin-right: 20px;
}
.footerWrap div ul li {
  position: relative;
  float: left;
  margin-right: 36px;
  margin-bottom: 16px;
}
.footerWrap div ul li a {
  font-size: 13px;
}

.footerWrap div ul li::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 2px;
  height: 2px;
  background-color: #fff;
  top: 12px;
  right: -18px;
}
.footerWrap div p {
  clear: both;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0;
  font-weight: 300;
  font-size: 13px;
}
.footerWrap div p span {
  display: inline-block;
  margin-right: 16px;
  line-height: 20px;
}

.loading{
  display:none;
  position: absolute;
  z-index: 9999;
  display: block;
  background: url("/cyber/img/loading_img.gif") no-repeat;
  background-size: 100%;
  width: 110px;
  height: 110px;
  top: 50%;
  left: 50%;
  margin-left: -55px;
  bottom: -22px;
}