/* sat .sec1 */
#sat .sec1 {
    background: url(../img/sat_sec1.jpg) center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width:991px){
    #sat .sec1 {
        height: 750px;
    }
}
/* hrLineDot */
.hrLineDot {
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
}
.hrLineDot.dk {
    height: 1px;
    width: 100%;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}
/* sat .sec2 */
#sat .bgWrp {
    background: url(../img/sat_top.jpg) center top no-repeat;
}
#sat .sec2 .top {
    font-size: 120px;
    margin-bottom: -4%;
    opacity: .5;
    background: linear-gradient(to bottom, #fff, #000);
    color: transparent;
    -webkit-background-clip: text;
    position: relative;
    z-index: 1;
}
#sat .sec2 .bt {
    position: relative;
    z-index: 3;
}
#sat .sec2 .imp {
    display: inline-block;
    background-color: rgba(238, 184, 85, 0.5);
    padding: 0 4px;
}
@media (min-width:991px){
    #sat .sec2 {
        height: 800px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width:992px){
    #sat .sec2 .top {
        font-size: 80px;
    }
}
@media (max-width:768px){
    #sat .sec2 .top {
        font-size: 70px;
    }
}
/* sat .sec3 */
#sat .sec3 .num {
    justify-content: center;
    gap: 15px;
}
#sat .sec3 .num strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #f3c877;
    color: #000;
}

/* sat .sec3_bg */
#sat .sec3_bg {
    background: url(../img/sec3_bg.png) center bottom no-repeat;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background-color: #000;
}
#sat .sec3_bg  .txt {
    position: relative;
}
#sat .sec3_bg  .txt .float {
    position: absolute;
    top: 50%;
    transform: translateY(-100%) translateX(-80%);
    z-index: 11;
    opacity:.15
}
#sat .sec3_bg  .txt .float.float2 {
    transform: translateY(50%) translateX(80%);
    z-index: 13;
}
#sat .sec3_bg  .txt .delTxt {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 1s;
}
#sat .sec3_bg  .txt .aos-animate .delTxt {
    color: rgba(255,255,255,0.5);
}
#sat .sec3_bg  .txt .delTxt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    z-index: 4;
    transform: translateY(-50%);
    
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 1s;
}
#sat .sec3_bg  .txt .aos-animate .delTxt:after {
    width: 100%;
}
@media (min-width:991px){
    #sat .sec3_bg .txt .biggest {
        font-size: 10rem;
    }
}
/* tkBox */
.tkBox {
    padding: 60px 40px;
    border-radius: 15px;
    background: linear-gradient(#fff, #eee);
    box-shadow: 5px 5px 15px rgba(15, 12, 150, 0.1);
    border: 1px solid #ddd;
    position: relative;
}
.tkBox::before {
    content: "";
    position: absolute;
    width: 27px;
    height: 37px;
    left: 1px;
    top: 5%;
    transform: translate3d(-100%, 0, 0);
    background: url(../img/t_tail.png) center center no-repeat;
}
.tkBox.tkBox2::before {
    left: 100%;
    transform: translate3d(-1px, 0, 0);
    background: url(../img/t_tail_rv.png) center center no-repeat;
}
@media (min-width:767px){
    .tkBox .under {
        display: inline-block;
        border-bottom: 1px solid #111;
    }
}
@media (max-width:768px){
    .tkBox {
        padding: 30px 20px;
        text-align: center;
    }
    .tkBox .under {
        text-decoration: underline;
    }
    .tkBox {
        border-width: 1px;
    }
    .tkBox::before {
        width: 13.5px;
        height: 17.5px;
        background-size: cover !important;
    }
}

/* sat .sec13 */
#sat .sec13 {
    background: url(../img/sat_sec13.jpg) center center no-repeat;
    background-size: cover;
}
#sat .sec13 .btr_sym {
    background: transparent;
    position: relative;
}
/* #sat .sec13 .btr_sym .btTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 18;
} */
#sat .sec13 .btr_sym .btTxt .walCon {
    padding: 30px 75px;
    position: relative;
}
#sat .sec13 .btr_sym .btTxt .walCon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_bl_yl.png) center center no-repeat;
}
#sat .sec13 .btr_sym .btTxt .walCon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_bl_yl.png) center center no-repeat;
    transform: scaleX(-1);
}

@media (min-width:991px){
    #sat .sec13 .btr_sym .btTxt .walCon {
        min-width: 380px;
    }
}
@media (max-width:992px) {
    #sat .sec13 .btr_sym .btTxt .fbox {
        flex-wrap: wrap;
    }
}
@media (max-width:992px) and (min-width:767px){
    #sat .sec13 .btr_sym .btTxt .walCon {
        min-width: 35vw;
    }
}
@media (max-width:768px){
    #sat .sec13 .btr_sym .btTxt {
        min-height: auto;
        box-shadow: 15px 15px 30px rgba(0,0,0,0.1);
        padding: 15px;
        bottom: 5%;
    }
    #sat .sec13 .btr_sym .btTxt .walCon {
        padding: 20px 40px;
        min-width: 280px;
    }
    #sat .sec13 .btr_sym .btTxt .walCon::before,
    #sat .sec13 .btr_sym .btTxt .walCon:after {
        width: 40px;
        background-size: 35px;
    }
}

/* bBox */
.bBox {
    background-color: #f4f6fc;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}
.bBox .item .icon {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
    margin: 15px 0;
}
.bBox .item .icon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    transform: translate3d(0, -50%, 0);
    z-index: 0;
}
.bBox .item .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0%;
    height: 1px;
    background-color: #1d2e8b;
    transform: translate3d(0, -50%, 0);
    z-index: 0;
}
.bBox .item.act .icon::after {
	animation: wide-line 2.5s linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes wide-line{
	0%{
        width: 0%;
	}
	100% {
        width: 100%;
	}
}
.bBox .item .icon .img {
    display: inline-block;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    z-index: 3;
}
.bBox .item .icon .dot {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    background-color: #ddd;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.bBox .item.act .icon .dot {
    background-color: #1d2e8b;
}
.bBox .item .icon .dot::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 50%;
    height: 50%;
    background-color: rgba(29, 46, 139, 0.2);
    border-radius: 50%;
}
.bBox .item.act .icon .dot::after {
	animation: out-bg2 1.5s linear infinite;
}
@keyframes out-bg2{
	0%{
        width: 50%;
        height: 50%;
        opacity: 1;
	}
	100% {
        opacity: 0;
        width: 450%;
        height: 450%;
	}
}
@media (max-width:768px){
    .bBox .item {
        padding: 30px 0;
    }
    .bBox .item .icon {
        margin: 2px 0;
    }
    .bBox .item .icon .img img {
        width: 40px;
    }
}
/* sat .sec3 */
#sat .sec3 .stit .f_mp {
    color: #bebebe;
}
@media (max-width:768px){
    #sat .sec3 .w1000 {
        padding: 0 20px;
    }
}
/* sat .sec4 */
#sat .sec4 {
    background: url(../img/sat_sec4.jpg) center center no-repeat;
    background-size: cover;
}

/* nTit */
.nTit strong {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: left;
}
.nTit strong span {
    order: 1;
}
.nTit strong .n {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #1d2e8b;
    color: #fff;
    padding-right: 3px;
    font-size: .9em;
}
@media (max-width:768px){
    .nTit strong span {
        order: 2;
    }
    .nTit strong .n {
        width: 35px;
        height: 35px;
        order: 1;
    }
}
/* sat .sec4 */
#sat .sec5 .awdList {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
#sat .sec5 .awdList .item {
    background-color: transparent;
    box-shadow: 0 0 0;
}
#sat .sec5 .awdList .item .walCon::before,
#sat .sec5 .awdList .item .walCon:after {
    background: url(../img/wal_bl.png) center center no-repeat;
}
#sat .sec5 .slickLive .tItem {
    background-color: #f7f7f7;
    padding: 14px 30px;
}
#sat .sec5 .slickLiveTit .tItem {
    background-color: #111;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#sat .sec5 .awdList .item .walCon h4 {
    line-height: 1.4em;
}
@media (min-width:768px){
    #sat .sec5 .awdList .item {
        min-height: 200px;
    }
    #sat .sec5 .awdList .item .walCon {
        width: 100%;
    }
}

/* #sat .sec8 */
#sat .sec8 ul li .item {
    padding: 50px;
    border-radius: 30px;
    /* background-color: rgba(0,0,0,0.02); */
    box-shadow: 5px 5px 25px rgba(15, 12, 150, 0.1);
    gap: 10px;
}
#sat .sec8 ul li .item .icon {
    width: 130px;
}
#sat .sec8 ul li .item .txt {
    width: calc(100% - 130px);
}
#sat .sec8 ul li .item .txt p {
    display: inline-block;
    line-height: 1em;
    padding: 8px 20px;
    border-radius: 4px;
    background: #F4F6FC;
    font-weight: 700;
}
@media (min-width:767px) {
    #sat .sec8 ul li:not(:first-child) {
        margin-top: 20px;
    }
}
@media (max-width:768px) {
    #sat .sec8 .lft {
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }
    #sat .sec8 ul li {
        margin-top: 10px;
    }
    #sat .sec8 ul li .item {
        padding: 30px;
        border-radius: 10px;
        border: 1px solid rgba(255,255,255,0.05);
    }
    #sat .sec8 ul li .item .icon {
        width: 70px;
        order: 2;
    }
    #sat .sec8 ul li .item .txt {
        width: calc(100% - 70px);
        order: 1;
        padding: 0 15px 0 0;
    }
}
/* resultSwiper */
.resultSwiper .swiper-slide img {
    border-radius: 15px;
}

/* imgTxtBox */
.imgTxtBox {
    position: relative;
}
@media (min-width:991px){
    .imgTxtBox .txt {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 5;
    }
    .imgTxtBox .img {
        position: relative;
        margin-left: auto;
        max-width: 70%;
        border-radius: 0px;
    }
    .imgTxtBox .img:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../img/block.png) left top no-repeat;
        z-index: 3;
    }
}
@media (max-width:992px){
    .imgTxtBox .txt {
        padding-top: 0;
        padding-bottom: 40px;
        text-align: center;
    }
}
/* sec11 */
#sat .sec11 .ntbook {
    position: relative;
    display: inline-block;;
}
#sat .sec11 .ntbook .vdo {
    position: absolute;
    left: 124px;
    top: 38px;
    width: 762px;
    height: 410px;
}
@media (max-width:1100px){
    #sat .sec11 .ntbook {
        width: 750px;
    }
    #sat .sec11 .ntbook .vdo {
        position: absolute;
        left: 92px;
        top: 28px;
        width: 568px;
        height: 305px
    }
}
@media (max-width:768px){
    #sat .sec11 .ntbook {
        width: 450px;
    }
    #sat .sec11 .ntbook .vdo {
        position: absolute;
        left: 56px;
        top: 17px;
        width: 339px;
        height: 185px;
    }
}
@media (max-width:450px){
    #sat .sec11 .ntbook {
        width: 350px;
    }
    #sat .sec11 .ntbook .vdo {
        position: absolute;
        left: 43px;
        top: 13px;
        width: 265px;
        height: 145px;
    }
}
/* sec17 */
#toefl .sec17 .mtit h2,
#toefl .sec17 .mtit h4,
#sat .sec17 .mtit h2,
#sat .sec17 .mtit h4 {
    line-height: 1.8em;
}
/* sat .sec8 */
/* #sat .sec8 {
    background: url(../img/sat_sec8.jpg) center center no-repeat;
    background-size: cover;
} */
/* satMerit */
.satMerit .item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    background: rgba(1,1,1,0.2);
    transition: background-color 0.4s, transform 0.4s 0.2s;
    -webkit-backdrop-filter: blur(10px);
}
.satMerit .item .txt h5 {
    line-height: 1.6em;
}
@media (min-width:767px){
    .satMerit .item {
        height: 350px;
    }
    .satMerit .item .txt h5 {
        margin-top: 20px;
    }
}
@media (max-width:768px){
    .satMerit .item {
        padding: 20px 25px;
        border-radius: 5px;
    }
    .satMerit .item > div {
        display: flex;
        align-items: center;
    }
    .satMerit .item .icon {
        width: 70px;
    }
    .satMerit .item .icon img {
        width: 50px;
    }
    .satMerit .item .txt {
        width: calc(100% - 70px);
        padding-left: 15px;
        text-align: left;
    }
}

/* sat .sec12 */
#sat .sec12 {
    background: url(../img/sat_sec12.jpg) center center no-repeat;
    background-size: cover;
}
#sat .sec12 .bigsize {
    line-height: 1.3em;
}
/* sat_tit_back */
.sat_tit_back {
    background: url(../img/sat_tit_back.jpg) center center no-repeat;
    background-size: cover;
}


#toefl #visual .top {
    font-size: 120px;
    margin-bottom: -4%;
    opacity: .8;
    background: linear-gradient(to bottom, #fff, transparent);
    color: transparent;
    -webkit-background-clip: text;
    position: relative;
    z-index: 1;
}
@media (max-width:992px){
    #toefl #visual .top {
        font-size: 80px;
    }
}
@media (max-width:768px){
    #toefl #visual .top {
        font-size: 70px;
    }
}
/* toefl .sec1 */
#toefl .sec1 {
    background: url(../img/toefl_sec1.jpg) center center no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width:991px){
    #toefl .sec1 {
        height: 750px;
    }
}
/* note_wrp */
.note_wrp {
    display: inline-block;
    position: relative;
}
.note_wrp .frame {
    display: inline-block;
    position: absolute;
    width: 596px;
    height: 355px;
    top: 28px;
    left: 50%;
    transform: translate3d(-50%, 0, 0px);
    border: 1px solid #ddd;
    background-color: #fff;
}
.note_wrp .frame .vdo,
.note_wrp .frame .schItem {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.note_wrp .frame .vdo {
    z-index: 3;
}
.note_wrp .frame .schItem {
    z-index: 1;
}
.note_wrp .frame .vdo video {
    filter: blur(3px);
    z-index: 4;
}
.note_wrp .frame .vdo .stamp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 7;
}
.note_wrp .frame .vdo .stamp .tx {
    display: inline-block;
    line-height: 1em;
    padding: 10px 15px;
    background-color: rgba(189, 7, 13, 0.9);
    color: #fff;
    font-weight: 700;
    opacity: 0;
    transform: scale(3) rotate(-15deg);;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-delay: 2.5s;
}
.note_wrp .frame .vdo.aos-animate .stamp .tx {
    opacity: 1;
    transform: scale(1) rotate(-15deg);;
}
@media (max-width:768px){
    .note_wrp .noteImg {
        width: 500px;
    }
    .note_wrp .frame {
        width: 380px;
        height: 227px;
        top: 18px;
    }
}
@media (max-width:500px){
    .note_wrp .noteImg {
        width: 350px;
    }
    .note_wrp .frame {
        width: 268px;
        height: 161px;
        top: 10px;
    }
}
/* typeTxt */
.typeTxt {
    font-size: 3rem;
    padding: 1rem 4rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    text-align: left;
    overflow: hidden;
    border: 2px solid #03c75a;
    border-radius: 100px;
    width: 380px;
    margin: 0 auto;
    position: relative;
}
.typeTxt .icon {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 100%;
    color: #03c75a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 400;
}
.typeTxt .typed-text {
    text-decoration: none;
    font-weight: Bold;
    color: #333;
}
.typeTxt span.cursorSpan {
    display: inline-block;
    background-color: #111;
    margin-left: 0.1rem;
    width: 2px;
    animation: blinkCursor 1s infinite;
}
.typeTxt span.cursorSpan.typing {
  animation: none;
}
@keyframes blinkCursor {
    0%  { background-color: #ccc; }
    49% { background-color: #ccc; }
    50% { background-color: transparent; }
    99% { background-color: transparent; }
    100%  { background-color: #ccc; }
}
@media (max-width:768px){
    .typeTxt {
        width: 70%;
    }
}


/* talkBox */
.talkBox {
    display: inline-block;
    margin-top: -15px;
}
.talkBox.talkBox2 {
    margin-left: 40%;
}
.talkBox.talkBox3 {
    margin-right: 10%;
}
.talkBox .talk {
    padding: 30px 60px;
    box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 100px 100px 0 100px;
    background-color: rgba(255, 255, 255, 0.7);
}
.talkBox.talkBox2 .talk {
    border-radius: 100px 100px 100px 0;
}
.talkBox .talk .emoji img {
    width: 40px;
}
.talkBox .talk .txt {
    text-align: left;
}
@media (max-width:768px) {
    .talkBox {
        display: inline-block;
        margin-top: -10px;
    }
    .talkBox.talkBox2 {
        margin-left: 10%;
    }
    .talkBox.talkBox3 {
        margin-right: 5%;
    }
    .talkBox .talk {
        padding: 15px 30px;
    }
    .talkBox .talk img {
        width: 40px;
    }
}
/* toefl .bg-gray */
#toefl .bg-gray,
#junior .bg-gray {
    background-color: #f7f7f7;
}
/* toefl .sec3 */
#toefl .sec3 {
    background: url(../img/toefl_sec3.png) center bottom no-repeat;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background-color: #a8000f;
}
#toefl .sec3 .txt {
    position: relative;
}
#toefl .sec3 .txt .float {
    position: absolute;
    top: 50%;
    transform: translateY(-100%) translateX(-80%);
    z-index: 11;
    opacity:.15
}
#toefl .sec3 .txt .float.float2 {
    transform: translateY(50%) translateX(80%);
    z-index: 13;
}
#toefl .sec3 .txt .delTxt {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 1s;
}
#toefl .sec3 .txt .aos-animate .delTxt {
    color: rgba(255,255,255,0.5);
}
#toefl .sec3 .txt .delTxt:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 5px;
    background-color: #fff;
    z-index: 4;
    transform: translateY(-50%);
    
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition-delay: 1s;
}
#toefl .sec3 .txt .aos-animate .delTxt:after {
    width: 100%;
}
@media (min-width:991px){
    #toefl .sec3 .txt .biggest {
        font-size: 10rem;
    }
}
/* toefl .sec5 */
#toefl .sec5 {
    background: url(../img/toefl_sec5.jpg) center bottom no-repeat;
    background-size: cover;
}
#toefl .sec5 h1 {
    line-height: 1.3em;
}
/* toefl .sec6 */
#toefl .sec6 {
    background: url(../img/toefl_sec6.jpg) center center no-repeat;
    background-size: cover;
}
#toefl .sec6 .btr_sym {
    background: transparent;
    position: relative;
}
#toefl .sec6 .btr_sym .topTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 18;
}
#toefl .sec6 .btr_sym .btTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 18;
}
#toefl .sec6 .btr_sym .btTxt .walCon {
    padding: 30px 75px;
    position: relative;
}
#toefl .sec6 .btr_sym .btTxt .walCon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_rd_yl.png) center center no-repeat;
}
#toefl .sec6 .btr_sym .btTxt .walCon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_rd_yl.png) center center no-repeat;
    transform: scaleX(-1);
}

@media (max-width:768px){
    #toefl .sec6 .btr_sym .topTxt {
        padding-top: calc(100vw * (100 / 500));
    }
    #toefl .sec6 .btr_sym .btTxt {
        min-height: auto;
        box-shadow: 0 0 0 rgba(0,0,0,0.1);
        padding: 15px;
        bottom: 5%;
    }
    #toefl .sec6 .btr_sym .btTxt .walCon {
        padding: 20px 40px;
    }
    #toefl .sec6 .btr_sym .btTxt .walCon::before,
    #toefl .sec6 .btr_sym .btTxt .walCon:after {
        width: 40px;
        background-size: 35px;
    }
}

/* toefl .sec7 */
#toefl .sec7 .awdList {
    margin-left: auto;
    margin-right: auto;
}
#toefl .sec7 .awdList .item {
    background-color: transparent;
    box-shadow: 0 0 0;
}
#toefl .sec7 .awdList .item .walCon::before,
#toefl .sec7 .awdList .item .walCon:after {
    background: url(../img/wal_rd.png) center center no-repeat;
}
#toefl .sec7 .slickLive .tItem {
    background-color: #eaecf0;
    padding: 14px 30px;
}
#toefl .sec7 .slickLiveTit .tItem {
    background-color: #111;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
@media (min-width:768px){
    #toefl .sec7 .awdList .item {
        min-height: 250px;
    }
    #toefl .sec7 .awdList .item .walCon {
        width: 100%;
    }
}
/* toefl .sec10 */
/* #toefl .sec10 {
    background: url(../img/toefl_sec10.jpg) center center no-repeat;
    background-size: cover;
} */
@media (max-width:768px){
    #toefl .sec10 .fbox > .lft,
    #toefl .sec10 .fbox > .rt {
        width: 100%;
        text-align: center;
    }
    #toefl .sec10 .rt {
        padding-top: 30px;
    }
}

/* spcList */
.spcList .icon img {
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 20px;
}
.spcList .txt {
    text-align: center;
    padding-top: 30px;
}
.spcList .txt h6 {
    letter-spacing: 10px;
    opacity: .5;
}
@media (max-width:768px){
    .spcList .item {
        padding-bottom: calc(100vw*(20 / 768));
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ddd;
    }
    .spcList li:first-child .item {
        border-top: 1px solid #ddd;
        padding-top: calc(100vw*(20 / 768));
    }
    .spcList .item .icon {
        width: 110px;
    }
    .spcList .icon img {
        border-radius: 10px;
    }
    .spcList .item .txt {
        width: calc(100% - 110px);
        padding-left: 25px;
        text-align: left;
        padding-top: 0;
    }
}
@media (max-width:500px){
    .spcList .item {
        padding-bottom: calc(100vw*(20 / 500));
    }
    .spcList li:first-child .item {
        padding-top: calc(100vw*(20 / 500));
    }
}


/* toefl .sec15 */
#toefl .sec15 {
    /* background: url(../img/ms6_bg.png) center bottom no-repeat;
    background-color: #000; */
}
#toefl .sec15 ul li a {
    text-decoration: none;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 20px;
    overflow: hidden;
}
#toefl .sec15 ul li .img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#toefl .sec15 ul li .txt {
    padding: 40px 15px;
    background-color: #fcfcfc;
}
@media (max-width:768px){
    #toefl .sec15 ul li .txt {
        padding: 20px 15px;
    }
}
/* toefl .sec17 */
/* #toefl .sec17 {
    background: url(../img/toefl_sec17.jpg) center center no-repeat;
    background-size: cover;
}
#toefl .sec17 .bigsize {
    line-height: 1.3em;
} */

/* slickLive_col2 */
.slickLive_col2 .slick-slide .item {
    padding: 8px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    margin: 15px 0;
}
@media (max-width:768px){
    .slickLive_col2 .slick-slide .item {
        margin: 5px 0;
    }
}

/* toffle .sec4 */
#toefl .sec_nw {
    background: url(../img/sec_nw.png) center center no-repeat;
}
#toefl .sec4 .bg{
    display: inline-block;
    padding: 0 15px;
    background-color: #a8000f;
    color: #fff;
}
.underlined {
    display: inline-block;
    border-bottom: 1px solid #333;
    line-height: 1em;
}
@media (min-width:500px){
    #toefl .sec4 .bg + .bg {
        padding-left: 0px;
    }
}
@media (max-width:500px){
    #toefl .sec4 .bg + .bg {
        margin-top: 5px;
    }
}




/* ap .sec1 */
#ap .sec1 {
    background: url(../img/ap_sec1.jpg) center center no-repeat;
    background-size: cover;
}
#ap .sec1 .shadow {
    position: relative;
}
#ap .sec1 .shadow:after {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(36, 30, 20, 0.5);
    top: 0;
    z-index: -1;
}
#ap .sec1 .btr_sym {
    background: transparent;
    position: relative;
}
#ap .sec1 .btr_sym .topTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 18;
}
#ap .sec1 .btr_sym .btTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 18;
}
#ap .sec1 .btr_sym .btTxt .walCon {
    padding: 30px 75px;
    position: relative;
}
#ap .sec1 .btr_sym .btTxt .walCon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_yl2.png) center center no-repeat;
}
#ap .sec1 .btr_sym .btTxt .walCon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_yl2.png) center center no-repeat;
    transform: scaleX(-1);
}

@media (max-width:768px){
    #ap .sec1 .btr_sym .btTxt {
        min-height: auto;
        padding: 15px;
        bottom: 5%;
    }
    #ap .sec1 .btr_sym .btTxt .walCon {
        padding: 20px 40px;
    }
    #ap .sec1 .btr_sym .btTxt .walCon::before,
    #ap .sec1 .btr_sym .btTxt .walCon:after {
        width: 40px;
        background-size: 35px;
    }
}

@media (max-width:500px){
    #ap .sec1 h1.dft {
        font-size: calc(100vw*(22 / 500));
    }
}


/* ap_tit_back */
.ap_tit_back {
    background: url(../img/ap_tit_back.jpg) center center no-repeat;
    background-size: cover;
}
/* ap .sec3 */
#ap .sec3 .awdList .item {
    background-color: transparent;
    box-shadow: 0 0 0;
}
#ap .sec3 .awdList .item .walCon::before,
#ap .sec3 .awdList .item .walCon:after {
    background: url(../img/wal_bl.png) center center no-repeat;
}
#ap .sec3 .slickLive .tItem {
    background-color: #f7f7f7;
    padding: 14px 30px;
}
#ap .sec3 .slickLiveTit .tItem {
    background-color: #111;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
#ap .sec3 .awdList .item .walCon h4 {
    line-height: 1.4em;
}
#ap .sec3 .awdList .item .walCon::before,
#ap .sec3 .awdList .item .walCon:after {
    background-image: url(../img/wal_ap.png);
}
@media (min-width:768px){
    #ap .sec3 .awdList .item {
        min-height: 200px;
    }
    #ap .sec3 .awdList .item .walCon {
        width: 100%;
    }
}

/* slickLive2 */
.slickLive2 .slick-slide {
    padding: 0 15px;
}
.slickLive2 .slick-slide .item {
    padding: 8px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
    margin: 15px 0;
    display: block;
}
@media (max-width:768px){
    .slickLive2 .slick-slide .item {
        margin: 5px 0;
    }
}

/* ap */
#ap .sec5 {
    background: url(../img/ap_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#ap .sec5 .fbox > .mtit {
    width: 40%;
}
#ap .sec5 .fbox > .con {
    width: 60%;
}
#ap .sec5 .item {
    padding: 50px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}
@media (min-width:768px){
    #ap .sec5 .fbox > .con {
        margin-top: 0px;
    }
}
@media (max-width:768px){
    #ap .sec5 .fbox > .mtit,
    #ap .sec5 .fbox > .con {
        width: 100%;
    }
    #ap .sec5 .fbox > .mtit,
    #ap .sec5 .fbox > .con .mtit {
        text-align: center;
    }
    #ap .sec5 .fbox > .con .mtit {
        margin-top: 60px;
    }
    #ap .sec5 .item {
        padding: 30px;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }
}
/* apWalSec */
.apWalSec .awdListWrp {
    max-width: 800px;
    margin: 0 auto;
}
.apWalSec .awdListWrp .item {
    background-color: transparent;
    box-shadow: 0 0 0;
}
/* ap .sec4 */
#ap .sec_nw {
    background: url(../img/sec_nw.png) center center no-repeat;
}
/* num_list */
.numitem {
    display: flex;
    gap: 10px;
    align-items: center;
}
.numitem .n {
    display: flex;
    width: 28px;
    height: 28px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #c39a68;
    background-color: rgba(195, 154, 104, 0.2);
    border-radius: 50%;
}
.numitem.big .n {
    width: 33px;
    height: 33px;
}
.numitem .d {
    font-weight: 500;
    color: #c39a68;
    width: 25px;
}
@media (max-width:768px) {
    .numitem .n {
        width: 21px;
        height: 21px;
    }
    .numitem.big .n {
        width: 25px;
        height: 25px;
    }
}

/* apClass */
.apClass .item {
    border-top: 4px solid #bc5517;
    text-align: center;
}
.apClass .item .tt {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}
.apClass .item ul li {
    padding: 10px 15px;
    margin: 8px 0;
    background-color: #f9f8f7;
    border-radius: 8px;
}
.apClass .item ul li h5 {
	color: #7b7065;
}
#junior .apClass .item {
    border-top-color: #55a91c;
}
#junior .apClass .item ul li {
    background-color: #f8fbf8;
}
#junior .apClass .item ul li h5 {
	color: #898f85;
}
#junior .apClass .item ul li.fst {
    background-color: #e1f7da;
}
#junior .apClass .item ul li.fst h5 {
	color: #56a91d;
	font-weight: 600;
}
@media (max-width:768px) {
    .apClass .item {
        border-top-width: 2px;
    }
    .apClass .item .tt {
        padding: 10px;
    }
    .apClass .item ul li {
        padding: 7px 10px;
    }
}

/* apClass2 */
.apClass2 .item {
    border: 1px solid #ddd;
    border-top: 4px solid #55a91c;
    padding: 60px 35px;
    text-align: center;
}
@media (min-width:992px){
    .apClass2 .item {
        min-height: 350px;
    }
}
@media (max-width:768px){
    .apClass2 .item {
        padding: 30px 15px;
    }
}
/* junior */
/* #junior #visual {
    background: url(../img/mainBt.jpg) center center no-repeat;
    background-size: cover;
} */
#junior #visual .myVideo::before {
    display: none;
}
#junior .sec1 {
    background: url(../img/specialWalSec.jpg) center center no-repeat;
    background-size: cover;
}
@media (min-width:992px){
    #junior .sec1 {
        background-attachment: fixed;
    }
}

/* sub3_bg */
.sub3_bg {
    background: url(../img/sub3_bg.jpg) center center no-repeat;
    background-size: cover;
}

/* junior .sec1 */
/* #junior .sec1 {
    background: url(../img/junior_sec1.jpg) center center no-repeat;
    background-size: cover;
}
#junior .sec1 .shadow {
    position: relative;
}
#junior .sec1 .shadow:after {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(36, 30, 20, 0.8);
    top: 0;
    z-index: -1;
}
#junior .sec1 .btr_sym {
    background: transparent;
    position: relative;
}
#junior .sec1 .btr_sym .topTxt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 18;
}
#junior .sec1 .btr_sym .btTxt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 18;
}
#junior .sec1 .btr_sym .btTxt .walCon {
    padding: 30px 75px;
    position: relative;
}
#junior .sec1 .btr_sym .btTxt .walCon::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_yl2.png) center center no-repeat;
}
#junior .sec1 .btr_sym .btTxt .walCon:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    background: url(../img/wal_yl2.png) center center no-repeat;
    transform: scaleX(-1);
}

@media (max-width:768px){
    #junior .sec1 .btr_sym .btTxt {
        min-height: auto;
        padding: 15px;
        bottom: 5%;
    }
    #junior .sec1 .btr_sym .btTxt .walCon {
        padding: 20px 40px;
    }
    #junior .sec1 .btr_sym .btTxt .walCon::before,
    #junior .sec1 .btr_sym .btTxt .walCon:after {
        width: 40px;
        background-size: 35px;
    }
}

@media (max-width:500px){
    #junior .sec1 h1.dft {
        font-size: calc(100vw*(22 / 500));
    }
} */

/* junior_tit_back */
.junior_tit_back {
    background: url(../img/junior_tit_back.jpg) center center no-repeat;
    background-size: cover;
}


/* junior */
#junior .sec5 {
    background: url(../img/junior_bg5.jpg) center center no-repeat;
    background-size: cover;
}
#junior .sec5 .fbox > .mtit {
    width: 40%;
}
#junior .sec5 .fbox > .con {
    width: 60%;
}
#junior .sec5 .item {
    padding: 50px;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.1);
}
@media (min-width:768px){
    #junior .sec5 .fbox > .con {
        margin-top: 0px;
    }
}
@media (max-width:768px){
    #junior .sec5 .fbox > .mtit,
    #junior .sec5 .fbox > .con {
        width: 100%;
    }
    #junior .sec5 .fbox > .mtit,
    #junior .sec5 .fbox > .con .mtit {
        text-align: center;
    }
    #junior .sec5 .fbox > .con .mtit {
        margin-top: 60px;
    }
    #junior .sec5 .item {
        padding: 30px;
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }
}


/* classTit */
.classTit strong {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.classTit strong .n {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(-45deg, #3d891c, #71b93e);
    color: #fff;
    padding-right: 3px;
    font-size: .9em;
}
@media (max-width:768px){
    .classTit strong {
        justify-content: center;
    }
    .classTit strong .n {
        width: 25px;
        height: 25px;
    }
}

/* dvd_hr */
.dvd_hr .ln {
    height: 1px;
    border-bottom: 1px solid #ddd;
}
.dvd_hr .ds {
    height: 1px;
    border-bottom: 1px dashed #aaa;
}
/* junior */
#junior .sec6 .fbox > .txt {
    max-width: 500px;
    margin: 0 auto;
    text-align: justify;
}
#junior .sec6 .fbox > .txt img { 
    filter: drop-shadow(3px 4px 0 rgba(0,0,0,0.1));
    margin: 0 auto;
    display: inline-block;
}
@media (max-width:768px){
    #junior .sec6 .fbox > div {
        width: 100%;
    }
    #junior .sec6 .fbox > .img {
        order: 2;
    }
    #junior .sec6 .fbox > .txt {
        order: 1;
        text-align: center;
        padding-bottom: 30px;
        max-width: 80%;
        margin: 0 auto;
    }
    #junior .sec6 .fbox > .txt img { 
        max-width: 50%;
    }
}

/* specialWalSec */
.specialWalSec {
    background: url(../img/specialWalSec.jpg) center center no-repeat;
    background-size: cover;
}
/* specialWal */
.specialWal {
    max-width: 700px;
    margin: 0 auto;
}
.specialWal .item {
    background: url(../img/specialWal.png) center bottom no-repeat;
    background-size: 100%;
    max-width: 270px;
    padding: 0 30px 80px;
    margin: 0 auto;
    height: 210px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.specialWal .item .gr_gd7 {
    position: relative;
    display: inline-block;
    z-index: 3;
}
.specialWal .item .shadow  {
    position: relative;
    display: inline-block;
}
.specialWal .item .shadow:after {
    background: none;
    content: attr(data-text);
    left: 0;
    position: absolute;
    text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.25);
    top: 0;
    z-index: 1;
    color: transparent;
}
.specialWal .item .cc {
    color: #bf8d5f;
    line-height: 1.2em;
}
@media (max-width:768px){
    .specialWal .item {
        padding: 0 20px 60px;
        height: 160px;
    }
}

/* ivyList */
.ivyList .item {
    background-color: #f7f7f7;
    border-radius: 30px;
    padding: 40px 30px;
    text-align: center;
}
@media (max-width:768px){
    .ivyList .item {
        border-radius: 10px;
        padding: 30px 20px;
    }
    .ivyList .item .icon img {
        width: 80px;
    }
}

/* imgCnt */
.imgCnt {
    padding: 30px;
    gap: 15px;
    flex-wrap: nowrap !important;
}

/* checkBox */
.checkBox {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.checkBox {
    color: #444;
}
.checkBox > span {
    width: calc(100% - 42px);
}
.checkBox .chk {
    background-color: #77bc2b;
    color: #fff;
    font-size: .75em;
    font-weight: 900;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
@media (max-width:768px){
    .checkBox {
        border-radius: 3px;
        padding: 15px 12px;
        gap: 6px;
    }
    .checkBox > span {
        width: calc(100% - 31px);
    }
    .checkBox .chk {
        width: 25px;
        height: 25px;
    }
}

/* btInfoBox */
.btInfoBox {
    padding: 40px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.6);
}
@media (max-width:768px){
    .btInfoBox {
        padding: 20px;
        border-radius: 10px;
    }
}
/* pList */
.pList > li {
    position: relative;
    padding-left: 15px;
}
.pList > li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 11px ;
    width: 3px;
    height: 3px;
    background-color: #aaa;
}
.pList > li p {
    font-weight: 400;
}
@media (max-width:768px){
    .pList > li:after {
        top: 8px ;
    }
}

/* latestList */
.latestList li {
    padding: 4px 0;
}
.latestList .item {
    display: flex;
    padding: 25px 40px;
    border-radius: 10px;
    color: #6a707b;
    font-weight: 500;
    background-color: rgba(220, 235, 214, 0.3);
}
.latestList .item span {
    display: flex;
    align-items: center;
}
.latestList .item .con {
    width: calc(100% - 310px);
    padding: 0 20px;
}
.latestList .item .con .txtCon {
    display: block;
}
.latestList .item .hd {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 110px;
    color: #fff;
    background-color: #77bc2b;
    padding: 12px 5px;
    border-radius: 50px;
    line-height: 1em;
    font-weight: 700;
    font-size: .9em;
}
.latestList .item .date {
    width: 200px;
}
@media (max-width: 768px){
    .latestList .item  {
        padding: 15px;
        flex-wrap: wrap;
    }
    .latestList .item .con {
        width: 100%;
        padding: 0;
    }
    .latestList .item .con .txtCon {
        padding: 8px 0;
        min-height: 55px;
    }
    .latestList .item .hd {
        width: 90px;
        padding: 8px 0;
    }
    .latestList .item .date {
        width: 100%;
    }
}


/* table-gpro */
.table-gpro-wrp {
    border-radius: 3rem 3rem 0 0;
    overflow: hidden;
}
.table-gpro thead tr th {
    border: 1px solid rgba(221, 221, 221, 0.3);
    background: #333;
    font-size: 2rem;
    line-height: 1.27;
    letter-spacing: -0.025em;
    color: #fff;
    font-weight: 600;
    padding: 2rem;
    text-align: center;
    vertical-align: middle;
}
.table-gpro tbody tr th,
.table-gpro tbody tr td {
    font-size: 1.8rem;
    border: 1px solid #ddd;
    padding: 3rem;
    background: #fff;
    vertical-align: middle;
}
.table-gpro tbody tr th {
    text-align: center;
    background-color: #fcfcfc;
    color: #111;
    font-weight: 600;
}
@media  (max-width:768px){
    .table-gpro-wrp {
        border-radius: 0.5rem 0.5rem 0 0;
    }
	.table-gpro-wrp {
        max-width: none; 
        overflow-x: scroll;
    }
	.table-gpro-wrp .table-gpro {
        width:800px;
    }
    .table-gpro thead tr th {
        font-size: 1.6rem;
        padding: 1.5rem;
    }
    .table-gpro tbody tr th,
    .table-gpro tbody tr td {
        font-size: 1.4rem;
        padding: 2rem;
    }
}

/* reviewIvy */
.reviewIvy .item {
    padding: 50px 20px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 2px solid #111;
}
@media (min-width:991px){
    .reviewIvy .item {
        min-height: 350px;
    }
}