/* °øÅë */
.ani {visibility: visible;animation-fill-mode:both!important;-webkit-animation-fill-mode: both!important}
/* //°øÅë */

/* °¡Ã¤Á¡ */
.perfect-wrap {margin-left:10px;width:777px;}

.perfect-wrap .visual {overflow:hidden;position:relative;height:805px;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bg01.jpg") left top #181e28 no-repeat;text-align:center;}
.perfect-wrap .visual::after {content: "";position: absolute;;top:0;left:0;height:0;width:100%;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bg02.jpg") left top no-repeat;animation: slide-down 2s ease-out 2.7s both;-webkit-animation: slide-down 2s ease-out 2.7s both;z-index: 0}
.perfect-wrap .visual .view-perfect::-ms-expand {display: none;}
.perfect-wrap .visual .view-perfect {position:absolute;top:0;right:0px;z-index: 4;line-height:1;appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;height:27px;padding:0 20px 0 5px;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bg_select.jpg") #fff -15px -2px no-repeat;color:#222;border:1px solid #5e5e5e;background-image: none\0/IE8+9;padding:0 0 0 10px\0/IE8+9}
.perfect-wrap .visual .img-2018 {position:absolute;top:-100px;left:68px;z-index:1;animation:scale-in .7s ease-out 1.5s;-webkit-animation: scale-in .7s ease-out 1.5s;}
.perfect-wrap .visual .img-2019 {position:absolute;top:-100px;left:244px;z-index:2;animation:scale-in .7s ease-out 1.9s;-webkit-animation: scale-in .7s ease-out 1.9s;}
.perfect-wrap .visual .img-2020 {position:absolute;top:-100px;left:420px;z-index:3;animation:scale-in .7s ease-out 2.3s;-webkit-animation: scale-in .7s ease-out 2.3s;}
.perfect-wrap .visual .img-2020-light {position:absolute;top:0;left:568px;z-index:3;animation:light 3s ease-out 2.7s both;-webkit-animation: light 2.5s linear 2.5s both;}

.perfect-wrap .visual p, .perfect-wrap .visual div {position: absolute;width:100%;left:0;z-index: 1;}
.perfect-wrap .visual .txt {position:absolute;top:325px;position: relative;animation:show-down .7s ease-out 2.9s both;-webkit-animation:show-down .7s ease-out 2.9s both;}
.perfect-wrap .visual .tit01 {top:325px;animation:show-up .7s ease-out 3.4s both;-webkit-animation:show-up .7s ease-out 3.4s both;}
.perfect-wrap .visual .tit02 {top:475px;animation:show-up .7s ease-out 3.7s both;-webkit-animation:show-up .7s ease-out 3.7s both;}
.perfect-wrap .visual .tit03 {top:687px;animation:show-up .5s ease-out 3.7s both;-webkit-animation:show-up 1s ease-out 4s both;}
.perfect-wrap .visual .info-box {top:650px;}
.perfect-wrap .visual .info-box p {position: relative;}
.perfect-wrap .visual .info-box .bt-box {margin-bottom:25px;}
.perfect-wrap .visual .info-box .bt-box img {vertical-align:middle;}
.perfect-wrap .visual .info-box .bt-box a {display:inline-block;vertical-align:middle;margin:0 0 0 50px;}

.perfect-wrap .class-wrap {padding:70px 0 50px 0;background-color:#b25bf2;text-align: center;position: relative;}
.perfect-wrap .class-wrap .s_tit {margin-bottom:45px;}
.perfect-wrap .class-wrap a:last-child {margin-left:15px}

.perfect-wrap .class-wrap .img-closing {position: absolute;top:190px;left:50%;width:117px;height:65px;padding-top:12px;margin-left:-57px;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/ico_date.png") no-repeat;text-align:center;}
.perfect-wrap .class-wrap .img-closing img {animation:blink 1s infinite ease-in both}
/* //°¡Ã¤Á¡ */

/* ½ÇäÁ¡ */
.perfectWrap {position: relative;z-index: 3;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bg.jpg") center 0 repeat}
.perfectWrap .visual-wrap {background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/visual_bg.jpg") center top no-repeat #161a28;text-align:center;} 
.perfectWrap .visual {width:1224px;height:890px;margin:0 auto;position: relative;overflow: hidden;}
.perfectWrap .visual::after {content: "";position: absolute;;top:0;left:-81px;height:0;width:100%;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/visual_light.jpg") left top no-repeat;animation: slide-down 2s ease-out 2.7s both;-webkit-animation: slide-down 2s ease-out 2.7s both;z-index: 0}

.perfectWrap .visual .img-2018 {position:absolute;top:0px;left:200px;z-index:1;animation:scale-in .7s ease-out 1.5s;-webkit-animation: scale-in .7s ease-out 1.5s;}
.perfectWrap .visual .img-2019 {position:absolute;top:0px;left:436px;z-index:2;animation:scale-in .7s ease-out 1.9s;-webkit-animation: scale-in .7s ease-out 1.9s;;}
.perfectWrap .visual .img-2020 {position:absolute;top:0px;left:672px;z-index:3;animation:scale-in .7s ease-out 2.3s;-webkit-animation: scale-in .7s ease-out 2.3s;}
.perfectWrap .visual .img-2020-light {position:absolute;top:225px;left:815px;z-index:3;animation:light 3s ease-out 2.9s both;-webkit-animation: light 2.5s linear 2.9s both;}

.perfectWrap .txt {position:absolute;left:0;width:100%;text-align:center;z-index:1}
.perfectWrap .visual .txt01 {top:453px;animation:show-up .7s ease-out 3.4s both;-webkit-animation:show-up .7s ease-out 3.4s both;}
.perfectWrap .visual .txt02 {top:525px;animation:show-up .7s ease-out 3.7s both;-webkit-animation:show-up .7s ease-out 3.7s both;}
.perfectWrap .visual .txt03 {top:630px;animation:show-up .5s ease-out 3.7s both;-webkit-animation:show-up 1s ease-out 4s both;}

.perfectWrap .visual .view-perfect::-ms-expand {display: none;border:none;}
.perfectWrap .visual .view-perfect {position: absolute;top:396px;right:0px;z-index: 4;line-height:1;width:222px;height:38px;padding:2px 15px 0 15px;border:none;appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bg_select02.jpg") #191d2a 0px 0px no-repeat;color:#222;background-image: none\0/IE8+9;padding:0 0 0 15px\0/IE8+9;color:#fff;font-size:15px;}

.perfectWrap .txt-info {text-align: center;width:1230px;margin:0 auto;position: relative;line-height: 2}
.perfectWrap .txt-info a.bt-hs {position: absolute;top:20px;right:170px;}
.perfectWrap .txt-info p {margin-bottom:18px;}
.perfectWrap .txt-info p:last-child {margin-bottom:0}

.perfectWrap .view-interview {background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/img_bg.jpg") center top no-repeat}
.perfectWrap .in {width:1231px;margin:0 auto;padding-top:170px;position: relative;}
.perfectWrap .in .view-btn {display:flex;width:1015px;margin:0 auto;}
.perfectWrap .in .view-btn a {padding:30px 0 30px 0;flex: 1 0;text-align: center;color:#8c8f97;font-size:19px;background:#222328;text-decoration: none;border-left:1px solid #424449;line-height: 1.5}
.perfectWrap .in .view-btn a:first-child {border-left:none;}
.perfectWrap .in .view-btn a strong {display: block;font-size:25px;letter-spacing: -1px;}
.perfectWrap .in .view-btn a strong span {font-weight: normal;font-size:19px;}
.perfectWrap .in .view-btn a.on {color:#fff;background:#b14efe;}
.perfectWrap .in .view-cont {display:none;}
.perfectWrap .in .view-cont.on {display:block;}
.perfectWrap .in .view-cont .play {position: relative;width:1015px;height:571px;margin:0 auto;}
.perfectWrap .in .view-cont .play iframe {position: absolute;top:0;left:0;height:100%;width:100%;}
.perfectWrap .in .view-cont .cover {position: absolute;top:0;left:0;z-index:2}
.perfectWrap .in .view-cont .interview {width:1015px;margin:30px auto 0;border-top:2px solid #fff;border-bottom:1px solid #464e60;}
.perfectWrap .in .view-cont .interview .q {padding:23px 75px;position:relative;font-size:23px;font-weight:bold;letter-spacing:-1px;color:#fff;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/ico_q.jpg") 30px center no-repeat #29303f;cursor: pointer;border-top:1px solid #464e60;}
.perfectWrap .in .view-cont .interview .q:first-child {border:none;}
.perfectWrap .in .view-cont .interview .q:after {display: block;content:"";width:39px;height:21px;overflow:hidden;position:absolute;top:50%;right:30px;margin-top:-10px;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/bullet_arrow.jpg") left -22px no-repeat;}
.perfectWrap .in .view-cont .interview .q.on:after {background-position:0 0px;}
.perfectWrap .in .view-cont .interview .a {display:none;padding:23px 75px 57px;font-size:17px;color:#fff;line-height: 1.8;font-weight: bold;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2020/ico_a.jpg") 30px 30px no-repeat #242833;}
.perfectWrap .in .view-cont .interview .a strong {color:#e8bfff;}
.perfectWrap .in .view-cont .interview .a.on {display:block;}
.perfectWrap .in .s-txt {width:1015px;margin:15px auto 0;text-align: right;font-size:15px;color:#fff;}

.perfectWrap .result-wrap {text-align: center;padding:100px 0;}
.perfectWrap .result-wrap p {margin-bottom:60px;}
.perfectWrap .result-wrap p:last-child {margin-bottom:0}
/* //½ÇäÁ¡ */

/* ½ÇäÁ¡ - ´ëÄ¡ */
.perfectWrap-dc {margin-top:-20px;}

.perfectWrap-dc .visual .txt02 {top:530px;}
.perfectWrap-dc .visual .txt03 {top:675px;}

.perfectWrap-dc .visual .bt-view-perfect {position: absolute;top:396px;right:0px;z-index: 4;line-height:1;padding:11px;border:1px solid #fff;border-radius: 5px;font-size:14px;color:#fff;text-decoration: none;background-color:#191d2a}

.perfectWrap-dc .view-interview {background-position:center -4px}
/* //½ÇäÁ¡ - ´ëÄ¡ */

/* ½ÇäÁ¡ - ºÐ´ç */
.perfectWrap-bd {margin-top:-20px;}

.perfectWrap-bd .visual .txt02 {top:530px;}
.perfectWrap-bd .visual .txt03 {top:675px;}

.perfectWrap-bd .visual .bt-view-perfect {position: absolute;top:396px;right:0px;z-index: 4;line-height:1;padding:11px;border:1px solid #fff;border-radius: 5px;font-size:14px;color:#fff;text-decoration: none;background-color:#191d2a}

.perfectWrap-bd .view-interview {background-position:center -4px}
/* //½ÇäÁ¡ - ºÐ´ç */

/* motion */
@keyframes scale-in{
    0%{
        transform:scale(2);
        -webkit-transform: scale(2);
        opacity: 0;
    }
    100%{
        transform:scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes slide-down{
    0%{height:0}
    100%{height:100%;}
}

@keyframes show-down{
    0%{margin-top:-50px;opacity: 0;}
    100%{margin-top:0px;opacity: 1;}
}
@keyframes show-up{
    0%{margin-top:50px;opacity: 0;}
    100%{margin-top:0px;opacity: 1;}
}

@keyframes blink {
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}

@keyframes light {
    0%{opacity: 0}
    10%{opacity: .2}
    20%{opacity: 0}
    35%{opacity: .7}
    40%{opacity: 0}
    55%{opacity: .9}
    65%{opacity: 0}
    75%{opacity: .5}
    80%{opacity: .0}
    85%{opacity: .9}
    92%{opacity: .2}
    100%{opacity: 1}
}

.ie-error{position:relative;width:1015px;margin:0 auto 15px;text-align:right;}
.ie-error a{position:absolute;top:0;right:0;display:inline-block;width:159px;height:33px;text-indent:-9999px;}