.body_kacademy {
    font-family: "Nexon";
    background: none;
}

.kacademyview .header .screen > .wrap,
.kacademyview section > .wrap,
.kacademyview .section > .wrap {
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 10px;
}

.kacademyview .mx900 {
    margin: 0 auto;
    max-width: 950px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {  
    margin-top: 50px;
}

/* header */

.kacademyview .header .quickmnu {
    position: relative;
    display: block;
    padding-right: 20px;
    height: 30px;
    z-index: 3;
}

.kacademyview .header .quickmnu .btnMypage {
    position: absolute;
    right: 10px;
    margin-top: -40px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    color:black;
    text-shadow: none;
}

.kacademyview .screen.fixed .quickmnu .btnMypage {
    background: #000;
}

.kacademyview .header .quickmnu .btnMypage i {
    line-height: normal;
}

.kacademyview .screen.fixed .quickmnu .btnMypage i {
    color: white;
}

.kacademyview .header .quickmnu .btnMypage span {
    font-size:10px;
    line-height: normal;
    color: black;
}

.kacademyview .screen.fixed .quickmnu .btnMypage span {
    color: white;
}


.kacademyview .header .quickmnu .btnMypage:hover{
    margin-top: 0px;
}

.kacademyview .header .logobx {
  width: 95%;
  max-width: 1100px;
  position: relative;
  text-align: left;
  margin: 0 auto;
}

.kacademyview .header .logobx .btn-mnu {
  display: none;
}

.kacademyview .header .logobx .logo {
    position: absolute;
    padding: 0px;
    top: -15px;
    left: 0;
    width: 140px;
    height: 60px;
    background: url(/skins/default/images/kacademy/logo_s.png) no-repeat center center/contain;
}

.kacademyview .header .logobx .logo > img {
    width: auto;
    height: 60px;
    display: none;
}

.kacademyview .header .fixed .logobx .logo {
}

.kacademyview .header .mnu {
    text-align: right;
    padding-bottom: 20px;
}

.kacademyview .header .mnu > li {
    padding-right: 10px;
}

.kacademyview .header .mnu a {
    font-size: 19px;
    line-height: 33px;
    padding: 2px 20px 0px;
}

.kacademyview .header .mnu .btnStart {
    display: inline-block;
    background-color: #fc0;
    border-radius: 100px;
    color: #000;
    font-size: 17px;
    padding: 5px 25px 3px;
    margin-top: -5px;
    text-shadow: none;
    height: auto;
}

.kacademyview .header .mnu .btnStart i {
    line-height: initial;
}

.kacademyview .header nav.mobile {
  width: 280px;
  height: 100%;
  display: block;
  position: fixed;
  top: 0;
  background-color: #fff;
  transform: translateX(-100%);
  transition-delay: 0s;
  transition-duration: 0.3s, 0s;
  transition-property: transform, opacity;
  transition-timing-function: ease, ease;
  overflow-y: auto;
  z-index: 102; 
}

.mnu-expand .kacademyview .header nav.mobile {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}

.kacademyview .header nav.mobile > .wrap {
  width: 280px;
  padding: 20px;
}

.kacademyview .header nav.screen.fixed {
  position: fixed;
  top: 0px;
  z-index: 3;
  background-color: #fff;
}

.kacademyview .header nav.screen {
  width: 100%;
  position: fixed;
  display: block;
  z-index: 1;
}

.kacademyview .header nav.screen a {
    color: #fff;
    text-shadow: 0 0 3px #333;
}

.kacademyview .header nav.screen.fixed {
    box-shadow: 0 3px rgba(0, 0, 0, .1);
}

.kacademyview .header nav.screen.fixed .quickmnu a,
.kacademyview .header nav.screen.fixed .mnu a {
    color: #000;
    text-shadow: none;
}

.kacademyview .header nav.mobile .logo {
  height: 60px;
  float: none;
  position: initial;
  display: inline-block;
  margin: 50px 0;
}

.kacademyview .header nav.mobile .btn {
  border-radius: 30px;
  padding: 5px 20px;
  color: #000;
  height: initial;
  line-height: 33px;
  font-size: 17px;
}

.kacademyview .header nav.mobile .mnu {
  text-align: left;
  margin-top: 30px;
}
.kacademyview .header nav.mobile .mnu > ul > li {
  display: block;
  margin-top: 10px;
}
.kacademyview .header nav.mobile .mnu > ul > li a {
  display: block;
  padding: 5px 0;
  white-space: nowrap;
  font-size: 17px;
  vertical-align: middle;
  font-weight: 500;
  color: #000;
}
.kacademyview .header nav.mobile .mnu > ul > li > ul {
}
.kacademyview .header nav.mobile .mnu > ul > li > ul > li {
  border-top: 1px solid #eeeeee;
}

.kacademyview .header nav.mobile .mnu > ul > li > ul > li > a{
  font-weight: 300;
  padding: 10px 0 10px 20px;
}

.clear ::after {
    clear: both;
  display: block;
  content: '';
}

.clear2::after {
    clear: both;
    display: block;
    content: '';
}
/* body */
.kacademyview .contentpanel {
    padding: 0px;
    min-height: calc(100vh - 405px);
}

.kacademyview .contentpanel .wrappanel > .section {
    padding: 100px 0;
}

.kacademyview[page=default] .contentpanel .wrappanel > .section:not(.main) {
    opacity: 0;
    transform: translateY(100px);
}

.kacademyview[page=default] .contentpanel .wrappanel > .section.visible {
    opacity: 1;
    transform: translateY(0px);
    transition: all 1.5s ease-in-out;
}

.kacademyview .contentpanel .section.main {
    position: relative;
    overflow: hidden;
    height: 100vh;
    padding: 0;
    background-color: #5bae9e;
    background-image: url(/skins/default/images/kacademy/006_s.png), url(/skins/default/images/kacademy/007_s.png), url(/skins/default/images/kacademy/008_s.png);
    background-repeat: no-repeat;
    background-position: right 10% bottom, left bottom, top center;
    background-size: auto 70%, auto 50%, cover;
    filter: grayscale(.2);
}

.kacademyview .contentpanel .section.main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.kacademyview .contentpanel .section.main .box {
    background-color: transparent;
    color: #fff;
    border: none;
    border-radius: 20px;
    margin: 0 auto;
    max-width: 1100px;
    position: relative;
    top: 50%;
    padding-left: 50px;
    z-index: 1;
}

.kacademyview .contentpanel .section.main.visible .box {
    transform: translateY(-55%);
    transition: all .5s ease-in-out;
}

.kacademyview .contentpanel .section.main .box h5 {
    font-size: 40px;
    font-weight: 500;
}

.kacademyview .contentpanel .section.main .box h1 {
    font-size: 55px;
    line-height: 77px;
    margin: 20px 0 50px;
    text-shadow: 1px 1px 2px #333;
    font-weight: 600;
}

.kacademyview .contentpanel .section.main .box .btn {
    border-radius: 40px;
    padding: 20px 40px;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    background-color: #7739ff;
}

.kacademyview .contentpanel .section h2 {
    font-weight: bold;
    margin: 30px 0 50px;
    font-size: 44px;
    line-height: 55px;
    font-weight: 600;
}

.kacademyview .contentpanel .section h3 {
    font-weight: bold;
    margin: 20px 0;
    font-size: 33px;
    line-height: 44px;
}

.kacademyview .contentpanel .section .desc {
    font-size: 22px;
    line-height: 34px;
    word-break: keep-all;
}

.kacademyview .contentpanel .section .padbx {
    margin: 0 0 0 50px;
    background-color: #eee;
    height: 0;
    padding-bottom: 56.23%;
    border-radius: 10px;
}

.kacademyview .contentpanel .section .videobx {
    margin: 10px 0;
    height: 0;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
}

.kacademyview .contentpanel .section .videobx iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* subject section */

.kacademyview .contentpanel .section.intro {
}

.kacademyview .contentpanel .section.intro .wrap {
}

.kacademyview .contentpanel .section.intro .videobx {
    width: 120%;
    position: absolute;
    right: 0px;
}

.kacademyview .contentpanel .section.intro .desc {
    margin-bottom: 50px;
}

.kacademyview .contentpanel .section.intro .functions {
}

.kacademyview .contentpanel .section.intro .functions .box {
    padding-bottom: 80%;
    position: relative;
    background-color: #F9F9F9;
    margin-top: 10px;
}

.kacademyview .contentpanel .section.intro .functions .box h5 {
    position: absolute;
    bottom: 0px;
    margin: 0px;
    padding: 5px;
    font-size: 17px;
    line-height: 25px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    word-break: keep-all;
}

.kacademyview .contentpanel .section.intro .functions .fig01 {
    background: url(/skins/default/images/kacademy/001_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.intro .functions .fig02 {
    background: url(/skins/default/images/kacademy/004_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.intro .functions .fig03 {
    background: url(/skins/default/images/kacademy/002_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.intro .functions .fig04 {
    background: url(/skins/default/images/kacademy/005_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.intro .functions .fig05 {
    background: url(/skins/default/images/kacademy/003_s.jpg) no-repeat center top/cover;
}


/* main_curriculum section */

.kacademyview .contentpanel .section.main_curriculum {
}

.kacademyview .contentpanel .section.main_curriculum .course {
    padding-bottom: 100%;
    position: relative;
    border: 1px solid #eee;
    margin-top: 20px;
    cursor: pointer;
    overflow: hidden;
    filter: grayscale(.4);
}

.kacademyview .contentpanel .section.main_curriculum .course h5 {
    position: absolute;
    top: calc(100% - 40px);
    font-size: 22px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    word-break: keep-all;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    margin: 0px;
    height: 100%;
    transition: all .3s ease-out;
}

.kacademyview .contentpanel .section.main_curriculum .course:hover h5 {
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.kacademyview .contentpanel .section.main_curriculum .fig01 {
    background: url(/skins/default/images/kacademy/010_s.jpg) no-repeat center top/cover;
}
.kacademyview .contentpanel .section.main_curriculum .fig02 {
    background: url(/skins/default/images/kacademy/011_s.jpg) no-repeat center top/cover;
}
.kacademyview .contentpanel .section.main_curriculum .fig03 {
    background: url(/skins/default/images/kacademy/012_s.jpg) no-repeat center top/cover;
}
.kacademyview .contentpanel .section.main_curriculum .fig04 {
    background: url(/skins/default/images/kacademy/013_s.jpg) no-repeat center top/cover;
}
.kacademyview .contentpanel .section.main_curriculum .fig05 {
    background: url(/skins/default/images/kacademy/014_s.jpg) no-repeat center top/cover;
}

/* sub_curriculum section */

.kacademyview .contentpanel .section.sub_curriculum {
    background-image: url(/skins/default/images/kgeul/bg_mark.png), linear-gradient(to top, #9cb2ca 0%, #e7f0fd 100%);
}

.kacademyview .contentpanel .section.sub_curriculum .list {
    margin-top: 20px;
}

.kacademyview .contentpanel .section.sub_curriculum .course {
}

.kacademyview .contentpanel .section.sub_curriculum .course .thumb {
    width: 50%;
    float: left;
    background-color: #f9f9f9;
    height: 250px;
    filter: grayscale(.4);
}

.kacademyview .contentpanel .section.sub_curriculum .course .content {
    padding: 10px;
    margin-left: 50%;
}

.kacademyview .contentpanel .section.sub_curriculum .course:nth-child(even) .thumb {
    float: right;
}

.kacademyview .contentpanel .section.sub_curriculum .course:nth-child(even) .content {
    margin-left: 0%;
}

.kacademyview .contentpanel .section.sub_curriculum .course .content h5 {
    font-size: 27px;
    font-weight: 900;
}

.kacademyview .contentpanel .section.sub_curriculum .course .content .desc {
    font-size: 17px;
}

.kacademyview .contentpanel .section.sub_curriculum .fig01 {
    background: url(/skins/default/images/kacademy/015_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.sub_curriculum .fig02 {
    background: url(/skins/default/images/kacademy/016_s.jpg) no-repeat center top/cover;
}

.kacademyview .contentpanel .section.sub_curriculum .fig03 {
    background: url(/skins/default/images/kacademy/017_s.jpg) no-repeat center top/cover;
}

/* process section */

.kacademyview .contentpanel .section.process {
}

.kacademyview .contentpanel .section.process .steps {
    margin-top: 20px;
}

.kacademyview .contentpanel .section.process .step {
    transition: transform 0.3s;
}

.kacademyview .contentpanel .section.process .step .thumb {
    position: relative;
    padding-bottom: 100%;
    border-radius: 15px;
    background-color: #F9F9F9;
}

.kacademyview .contentpanel .section.process .step:hover {
    transform: scale(1.1);
}

.kacademyview .contentpanel .section.process .step .thumb::after {
    content: attr(data-no);
    position: absolute;
    font-weight: 600;
    font-size: 40px;
    right: 0px;
    bottom: 0px;
}

.kacademyview .contentpanel .section.process .step h5 {
    text-align: center;
    font-size: 22px;
}

.kacademyview .contentpanel .section.process .step .fig01 {
    background: url(/skins/default/images/kacademy/018_s.png) no-repeat center center/90%;
}

.kacademyview .contentpanel .section.process .step .fig02 {
    background: url(/skins/default/images/kacademy/019_s.png) no-repeat center center/90%;
}

.kacademyview .contentpanel .section.process .step .fig03 {
    background: url(/skins/default/images/kacademy/020_s.png) no-repeat center center/90%;
}

.kacademyview .contentpanel .section.process .step .fig04 {
    background: url(/skins/default/images/kacademy/021_s.png) no-repeat center center/90%;
}


/* tutors section */

.kacademyview .contentpanel .section.tutors {
    overflow: hidden;
}

.kacademyview .contentpanel .section.tutors .list {
}

.kacademyview .contentpanel .section.tutors .tutor {
    background-color: #F9F9F9;
    max-width: 300px;
    position: relative;
    margin-top: 20px;
    filter: grayscale(.4);
    transition: transform 0.5s;
}

.kacademyview .contentpanel .section.tutors .tutor:hover {
    transform: scale(1.1);
    filter: initial;
}

.kacademyview .contentpanel .section.tutors .tutor::before {
    content: '';
    display: block;
    padding-bottom: 120%;
}

.kacademyview .contentpanel .section.tutors .tutor .info {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 5px;
}

.kacademyview .contentpanel .section.tutors .tutor .info h5 {
    font-size: 17px;
}

.kacademyview .contentpanel .section.tutors .tutor .info .pos {
    font-size: 15px;
}

.kacademyview .contentpanel .section.tutors .fig01 {
    background: url(/skins/default/images/kacademy/022_s.jpg) no-repeat center top/100%;
}

.kacademyview .contentpanel .section.tutors .fig02 {
    background: url(/skins/default/images/kacademy/023_s.jpg) no-repeat center top/100%;
}

.kacademyview .contentpanel .section.tutors .fig03 {
    background: url(/skins/default/images/kacademy/024_s.jpg) no-repeat center top/100%;
}

.kacademyview .contentpanel .section.tutors .fig04 {
    background: url(/skins/default/images/kacademy/025_s.jpg) no-repeat center top/100%;
}

/* news section */

.kacademyview .contentpanel .section.news {
    overflow: hidden;
}

.kacademyview .contentpanel .section.news .list {
    margin-top: 20px;
}

.kacademyview .contentpanel .section.news .article {
    max-width: 250px;
    min-width: 200px;
    width: 30%;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.3s;
    font-weight: 300;
}

.kacademyview .contentpanel .section.news .article:hover {
    transform: scale(1.05);
}

.kacademyview .contentpanel .section.news .article + .article {
    margin-left: 20px;
}

.kacademyview .contentpanel .section.news .article .thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F9F9F9;
}

.kacademyview .contentpanel .section.news .article .thumb img {
    width: 100%;
}

.kacademyview .contentpanel .section.news .article .date {
    display: block;
    font-size: 17px;
    line-height: 37px;
    color: #777;
}

.kacademyview .contentpanel .section.news .article h5 {
    font-size: 22px;
    line-height: 37px;
}


/* contact section */

.kacademyview .contentpanel .section.contact {
    background: url(https://cdn.imweb.me/upload/S201807205b512fc87ccb3/5c7485923b435.png) no-repeat bottom center/cover;
    background-attachment: fixed;
    background-position: center;
    color: #fff;
    position: relative;
    padding: 50px 0;
}

.kacademyview .contentpanel .section.contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.kacademyview .contentpanel .section.contact .wrap {
    position: relative;
}

.kacademyview .contentpanel .section.contact h2 {
    word-break: keep-all;
}

.kacademyview .contentpanel .section.contact .desc {
    margin-bottom: 50px;
}

.kacademyview .contentpanel .section.contact .form-control {
    font-size: 17px;
}

.kacademyview .contentpanel .section.contact .btn {
    border-radius: 25px;
    padding: 10px 30px;
}

.kacademyview .contentpanel .section.contact .app {
    display: inline-block;
    width: 270px;
    padding-bottom: 120%;
    background: url(/skins/default/images/kacademy/026_s.png) no-repeat top center/contain;
    border-radius: 15px;
}

.appdownload a {
    color: #000;
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 10px;
    box-shadow: 1px 1px 2px #333;
}

.appdownload a + a {
    margin-left: 10px;
}

.appdownload a img {
    width: 20px;
}


/* footer */

.kacademyview .footer {
  margin: 0 auto;
  width: 100%;
  position: relative;
  display: block;
  /*
  background-image: url(/skins/default/images/home/20190812_110.png);
  background-size: cover;
  background-position: center 10px;
  background-repeat: no-repeat;
  */
    height: 400px;
}

.kacademyview .footer > nav {
  margin: 0 auto;
  width: 95%;
  max-width: 1100px;
  position: relative;
  display: block;
  padding: 20px 0;
  text-align: left;
}

.kacademyview .footer > nav > ul > li > a {
    display: inline-block;
    color: #000;
    font-size: 17px;
    line-height: 25px;
    font-weight: 300;
    padding: 5px 15px;
}

.kacademyview .footer > nav > ul > li > a + a {
    margin-left: 10px;
}

.kacademyview .footer > nav > ul > li > a:not(:first-child) {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 30px;
}

.kacademyview .footer .mnu .btn-group {
    margin: 0px;
}

.kacademyview .footer .mnu .btn-group .btn{
}
 

.kacademyview .footer > section.company {
  position: relative;
  display: block;
  overflow: hidden;
  background-color: #222;
  color: rgba(255, 255, 255, .6);
  font-size: 17px;
  padding: 30px 0 50px;
  width: 100%;
  min-height: 330px;
}

.kacademyview .footer > section p {
    line-height: 30px;
    margin: 0px;
}

.kacademyview .footer > section .logo {
    position: initial;
  width: 120px;
  padding: 0 0 20px;
}

.kacademyview .footer > section > p {
  margin: 0px;
  line-height: 20px;
  font-size: 13px;
  font-weight: 300;
}

.kacademyview .footer > section .help {
    display: inline-block;
    padding-top: 10px;
}

.kacademyview .footer > section .help h5 {
    color: #fff;
    margin:0;
    font-weight: 300;
    font-size: 20px;
}

.kacademyview .footer > section .help h1 {
    color: #fff;
    margin: 10px 0;
    font-size: 60px;
}

.kacademyview .footer > section .help p {
    font-size: 15px;
}

.kacademyview .footer > section .license {
    position: relative;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 10px 0;
}

.kacademyview .footer > section .license .apps {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 0;
}

/* store */

.kacademyview[page=store] .contentpanel .section.top {
    background: #338071 url(/skins/default/images/kacademy/008_s.png) no-repeat right top/auto 100%;
    position: relative;
    padding: 150px 0 0;
}

.kacademyview[page=store] .contentpanel .section.content .contents{
    display: block;
}

.kacademyview[page=store] .contentpanel .section.content .menus{
    text-align: center;
    margin-bottom: 30px;
}

.kacademyview[page=store] .contentpanel .section.content .menus .menu{
    display: inline-block;
    padding: 10px 30px;
    background-color: #eee;
    border-radius: 30px;
    margin: 5px;
    cursor: pointer;
}

.kacademyview[page=store] .contentpanel .section.content .menus .menu {
    display: inline-block;
    padding: 10px 30px;
    background-color: #eee;
    border-radius: 30px;
    margin: 5px;
    cursor: pointer;
}

.kacademyview[page=store] .contentpanel .section.content .menus .menu.active {
    font-weight: 600;
    color: #fff;
    background-color: #28ade3;
}

.kacademyview[page=store] .contentpanel .section.content .menus .menu:hover{
    background-color: #7989a8;
    color: #fff;
}

.kacademyview[page=store] .contentpanel .section.content .product{
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    padding-bottom: 0;
    box-shadow: none;
}

.kacademyview[page=store] .contentpanel .section.content .product .thumb{
    overflow: hidden;
    padding: 0px;
    position: relative;
}

.kacademyview[page=store] .contentpanel .section.content .product .thumb .cover{
    transition: all 0.3s ease-in-out;
    padding-bottom: 100%;
}

.kacademyview[page=store] .contentpanel .section.content .product:hover .thumb .cover{
    transform: scale(1.05);
}

.kacademyview[page=store] .contentpanel .section.content .product .info{
    padding: 5px 5px 10px;
    height: 100px;
}

.kacademyview[page=store] .contentpanel .section.content .product .info .title{
    margin: 10px 0;
    font-size: 17px;
    font-weight: 300;    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kacademyview[page=store] .contentpanel .section.content .product .info .discount{
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

/* product */

.kacademyview[page=product] .contentpanel .section.top {
    background: #fff url(/skins/default/images/kids/bg_store.png) no-repeat center bottom/cover;
}

.kacademyview[page=product] .contentpanel .prodinfo {
    background-color: #fff;
    padding: 20px;
    margin: 0px;
    border-radius: 10px;
}

.kacademyview[page=product] .contentpanel .prodinfo .btnCart{
    background-color: #fff;
    border: 2px solid #333;
    border-radius: 50px;
    color: #000;
}

.kacademyview[page=product] .contentpanel .prodinfo .btnOrder{
    background-color: #ee5281;
    color: #fff;
    border-radius: 50px;
    border-color: #ee5281;
}

.kacademyview[page=product] .contentpanel .section.contents {
    max-width: 1000px;
    margin: 0 auto;
}

.kacademyview[page=product] .contentpanel .section.contents .menus{
    margin-top: 20px;
    box-shadow: 0 3px 0 rgb(0, 0, 0, .8);
    text-align: center;
}

.kacademyview[page=product] .contentpanel .section.contents .menus a{
    cursor: pointer;
    padding: 15px 40px;
    position: relative;
    font-size: 17px;
    line-height: 22px;
    color: #aaa;
    display: inline-block;
    font-family: initial;
}

.kacademyview[page=product] .contentpanel .section.contents .menus a.active{
    color: #000;
    background-color: rgba(255, 255, 255, .2);
}

.kacademyview[page=product] .contentpanel .prod_describe .spec{
    min-height: 700px;
}

.kacademyview[page=product] .contentpanel .prod_describe ul li{
    font-size: 14px;
}

.kacademyview[page=product] .contentpanel .prod_describe .return, .kacademyview[page=product] .contentpanel .prod_describe .review{
    padding: 10px;
}




/* curriculum */

.kacademyview[page=curriculum] {
}

.kacademyview[page=curriculum] .section.top {
    /*background-color: #9697c4;*/
    background: #338071 url(/skins/default/images/kacademy/008_s.png) no-repeat right top/auto 100%;
    position: relative;
    padding: 150px 0 0;
}

.kacademyview[page=curriculum] .section.top .wrap {
    position: relative;
}

.kacademyview[page=curriculum] .section.top .wrap .info {
    color: #fff;
    padding: 300px 10px 10px 500px;
    position: relative;
}

.kacademyview[page=curriculum] .section.top .wrap .info .thumb {
    position: absolute;
    width: 400px;
    background-color: rgba(255, 255, 255, 1);
    left: 50px;
    bottom: 0px;
}

.kacademyview[page=curriculum] .section.top .wrap .info .cate {
    font-size: 17px;
}

.kacademyview[page=curriculum] .section.top .wrap .info .title {
    font-weight: 600;
    font-size: 43px;
}

.kacademyview[page=curriculum] .section.content {
    min-height: 500px;
}

.kacademyview[page=curriculum] .tblbx {
    margin: 50px 0;
}

.kacademyview[page=curriculum] .table {
    font-size: 17px;
}

.kacademyview[page=curriculum] .table tr th {
    text-align: center;
    color: #157563;
}

.kacademyview[page=curriculum] .table tr td {
    line-height: 27px;
}

.kacademyview[page=curriculum] .table tr td .no {
    margin-right: 5px;
}

@media screen and (max-width: 1600px) {
    .kacademyview .contentpanel .section.subject .videobx {
        margin-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .kacademyview .startpanel .world > .map {
        top: 35%;
        transform: scale(.8) translateY(-50%);
    }

    .kacademyview .contentpanel .section.intro .videobx {
        width: 100%;
        position: relative;
        right: 0px;
    }

}

@media screen and (max-width: 1000px) {
    body .kacademyview .header .screen .mnu,
    body .kacademyview .header .screen .quickmnu {
        display: none;
    }

    body .kacademyview .header .logobx {
        width: 100%;
        padding: 0px 10px;
        height: 60px;
        line-height: 50px;
        text-align: initial;
        z-index: 2;
    }

    body .kacademyview .header .logobx .btn-mnu {
        display: inline-block;
        font-size: 30px;
        color: #000;
        text-shadow: none;
        line-height: 60px;
        padding: 0px;
    }

    body .kacademyview .header .logobx .logo {
        float: right;
        line-height: 55px;
        position: relative;
        top: 0px;
        left: initial;
    }

    body .kacademyview .header .logobx .logo > img {
        height: 25px;
    }

    .kacademyview .contentpanel .section h2 {
        font-size: 33px;
        line-height: 44px;
        margin: 30px 0;
    }

    .kacademyview .contentpanel .section h3 {
        font-size: 25px;
        margin: 10px 0;
    }

    .kacademyview .contentpanel .section .desc {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .kacademyview .contentpanel .section.subject .desc {
        margin-bottom: 20px;
    }

    .kacademyview .contentpanel .wrappanel > .section {
        padding: 50px 0;
    }

    .kacademyview .contentpanel .wrappanel > .section.main {
        background-image: url(/skins/default/images/kacademy/006_s.png), url(/skins/default/images/kacademy/008_s.png);
        background-position: right bottom, top center;
        background-size: auto 50%, cover;
    }


    .kacademyview .contentpanel .section.management {
        background: none;
    }

    .kacademyview .contentpanel .section .padbx {
        margin: 0;
    }

    .kacademyview .startpanel .world > .bgChr1 {
        display: none;
    }

    .kacademyview .startpanel .world {
        min-height: initial;
        height: auto;
        overflow: initial;
    }

    .kacademyview .startpanel .world > .map {
        top: initial;
        transform: scale(.7);
    }

    .kacademyview .footer > section.company .tright {
        text-align: left;
    }

    .kacademyview .footer > nav > ul > li > a {
        padding-right: 10px;
    }
}

@media screen and (max-width: 1000px) and (min-aspect-ratio: 16/9) {
    .kacademyview .startpanel .world {
        min-height: initial;
        height: auto;
        overflow: initial;
    }

    .kacademyview .startpanel .world > .map {
        padding: 130px 20px 30px;
        top: initial;
        left: initial;
        transform: initial;
        background: none;
        width: auto;
        max-width: initial;
        height: auto;
    }

    body .kacademyview .startpanel .world > .map > li.victory,
    body .kacademyview .startpanel .world > .map > li.basic,
    body .kacademyview .startpanel .world > .map > li.inter,
    body .kacademyview .startpanel .world > .map > li {
        display: initial;
        position: relative;
        float: left;
        width: 33%;
        transform: initial;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
    }

}


@media screen and (max-width: 800px) {
    .kacademyview .footer > nav {
        width: 95%;
    }

    .kacademyview[page=curriculum] .section.top {
    }

    .kacademyview[page=curriculum] .section.top .wrap .info {
        padding: 100px 10px 10px;
    }
    .kacademyview[page=curriculum] .section.top .wrap .info .thumb {
        display: none;
    }

}

@media screen and (max-width: 800px) and (max-aspect-ratio: 1/1) {
    .kacademyview .startpanel .world {
        min-height: initial;
        height: auto;
        overflow: initial;
    }

    .kacademyview .startpanel .world > .map {
        padding: 130px 20px 30px;
        top: initial;
        left: initial;
        transform: initial;
        background: none;
        width: auto;
        max-width: initial;
        height: auto;
    }

    body .kacademyview .startpanel .world > .map > li.victory,
    body .kacademyview .startpanel .world > .map > li.basic,
    body .kacademyview .startpanel .world > .map > li.inter,
    body .kacademyview .startpanel .world > .map > li {
        display: initial;
        position: relative;
        float: left;
        width: 100%;
        transform: initial;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
        padding: 0 20px;
    }

}

@media screen and (max-width: 640px) {
    .kacademyview .startpanel .world > .map {
        transform: initial;
    }

    .kacademyview .contentpanel .wrappanel > .section.main {
        background-size: auto 40%, cover;
    }

    .kacademyview .footer {
        height: auto;
    }

    .kacademyview .footer > nav .fright {
    }

    .kacademyview .contentpanel .section.main .box {
        padding: 20px;
    }

    .kacademyview .contentpanel .section.main_curriculum .course h5 {
        font-size: 17px;
    }

    body .kacademyview .startpanel .world > .map > li.victory,
    body .kacademyview .startpanel .world > .map > li.basic,
    body .kacademyview .startpanel .world > .map > li.inter,
    body .kacademyview .startpanel .world > .map > li {
        width: 100%;
        padding: 0 20px;
    }

    .kacademyview .contentpanel .section.main .box h1 {
        font-size: 35px;
        line-height: 60px;
        word-break: keep-all;
    }

    .kacademyview .contentpanel .section.main .box h5 {
        font-size: 27px;
        line-height: 37px;
        word-break: keep-all;
    }

    .kacademyview .contentpanel .section.main .box .btn {
        font-size: 27px;
    }

    .kacademyview .contentpanel .section.management .imgbx > li {
        width: 100%;
    }

    .kacademyview .lessons .col-xs-6 {
        width: 100%;
    }

    .kacademyview .contentpanel .section.sub_curriculum .course .thumb {
        width: auto;
        float: initial;
    }

    .kacademyview .contentpanel .section.sub_curriculum .course .content {
        margin-left: initial;
    }

    .kacademyview .contentpanel .section.sub_curriculum .course:nth-child(even) .thumb {
        float: initial;
    }
}


@keyframes motion4 { 
    0% { top:30%;left:50%}
    to {top:33%;left:50%}
}