/* visual */
.txt-box {position:absolute;top:100px;left:50%;transform:translateX(-50%);width:700px;z-index:1;animation:fadeIn 2s 1s ease-out both;}
.txt-box ul {display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 50px;}
.txt-box ul::before, .txt-box ul::after {content:"";position:absolute;top:0;width:39px;height:52px;}
.txt-box ul::before {left:0;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/bg_left.png") no-repeat center top;}
.txt-box ul::after {right:0;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/bg_right.png") no-repeat center top;}
.txt-box ul li {text-align:center;font-size:16px;color:#cdb6ba;}
.txt-box ul li strong {color:#ffffff;}
.curriculumWrap {min-width:1100px;margin-top:-20px;}
.curriculumWrap .visual-wrap {position:relative;height:1025px;background:#390811;}
.curriculumWrap .visual {position:relative;height:1025px;background:#390811;overflow:hidden;}
.curriculumWrap .visual::after {display:block;content:"";position:absolute;bottom:0;width:100%;height:100%;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/v_bg.jpg") center top;background-size:100% 100%;animation:fadeInUp 2s 3.2s ease-out both;z-index:0;}
.curriculumWrap .visual .in {margin:0 auto;width:1100px;position:relative;}
.curriculumWrap .visual .in p {position:absolute;left:50%;transform:translateX(-50%);z-index:1;}
.curriculumWrap .visual .in p:first-child {top:97px;animation:fadeIn 2s 1s ease-out both;left:50%;transform:translateX(-50%);}
.curriculumWrap .visual .in p:nth-child(2) {top:138px;animation:fadeIn 1s 1.5s ease-out both;}
.curriculumWrap .visual .in p:nth-child(3) {top:404px;animation:fadeIn 1s 2s ease-out both;}
.curriculumWrap .visual .in p:nth-child(4) {top:487px;animation:fadeIn 1s 2.5s ease-out both;left:50%;transform:translateX(-50.3%);}
.curriculumWrap .visual .in p:nth-child(5) {top:661px;animation:fadeIn 1s 3s ease-out both;}
.curriculumWrap .visual .in .info {display:block;position:absolute;top:138px;right:170px;width:17px;height:17px;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/info.png") 0 0 no-repeat;cursor:pointer;animation:fadeIn 1s 1s ease-out both;z-index:1;}
.curriculumWrap .visual .in .info div {display: none;position:relative;top:30px;left:-134px;width:auto;padding:10px;background:#fff;box-sizing:border-box;border-radius:5px;white-space: nowrap;}
.curriculumWrap .visual .in .info div ul li {font-size:12px;color:#333333;}
.curriculumWrap .visual .in .info:hover div{display:inline-block;} 
/* //visual */

/* tab */
.curriculumWrap .curriculumBox {padding:0 0 57px;background:#f4f4f4;z-index:1;}
.curriculumWrap .curriculumBox .in {margin:0 auto;width:1100px;}
.curriculumWrap .curriculumBox .in .tab {display:flex;position:relative;top:-40px;margin:0 0 28px 0;background:#121111;z-index:3;}
.curriculumWrap .curriculumBox .in .tab::after {display:block;content:"";position:absolute;top:40px;left:-57px;width:57px;height:57px;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/l_shadow.jpg")0 0 no-repeat;}
.curriculumWrap .curriculumBox .in .tab::before {display:block;content:"";position:absolute;top:40px;right:-56px;width:56px;height:57px;background:url("https://russeldata.megastudy.net/campus/images/russel/russel/info/curriculum/r_shadow.jpg")0 0 no-repeat;}
.curriculumWrap .curriculumBox .in .tab li {flex-grow:1;flex-basis:0;text-align:center;height:97px;line-height:94px;background:#414040;color:#fff;margin:0 0 0 1px;flex-direction: column;align-items:center;justify-content: center}
.curriculumWrap .curriculumBox .in .tab li:first-child {margin:0 0 0 0;}
.curriculumWrap .curriculumBox .in .tab li a {color:#8e8a8a;display:block;font-size:26px;padding:0 5px;text-decoration:none;position:relative;height:100%;outline:none;display:flex;line-height:1.5;align-items:center;justify-content:center}
.curriculumWrap .curriculumBox .in .tab li.on {background:#b99975;}
.curriculumWrap .curriculumBox .in .tab li.on a {color:#fff;font-weight:bold;}

.curriculumWrap .curriculumBox .in .tabCon {width:1100px;letter-spacing:-1px;padding:15px 0 0 0;}
.curriculumWrap .curriculumBox .in .tabCon .tabConList {display:none;}
.curriculumWrap .curriculumBox .in .tabCon .tabConList.on {display:block;}
.curriculumWrap .curriculumBox .in .tabCon .tabConList .title:first-child {margin:10px 0 5px 0;}
.curriculumWrap .curriculumBox .in .tabCon .t-list {display:flex;flex-wrap:wrap;justify-content:start;margin:0 0 20px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .cont-wrap {display:block;width:100%;height:87%;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list {position:relative;width:265px;height:270px;margin:0 0 20px 12px;overflow:hidden;background:#fff;line-height:46px;text-align:left;box-sizing: border-box;}
/* .curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:nth-child(5),.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:nth-child(6),.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:nth-child(7),.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:nth-child(8) {margin-bottom:0;} */

.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:nth-child(4n+1) {margin-left:0;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .teacher {position:absolute;top:30px;left:-24px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .teacher img {position:absolute;width:265px;top:0;left:-50px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .teacher.s-left img {left:-10px}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:hover {background:#f0e3d5;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list dl {display:flex;position:absolute;bottom:0;width:100%;background:#b99975;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list dl dt a {display:block;width:132px;line-height:35px;font-size:14px;color:#fff;text-align: center;border-right:1px solid #856952;box-sizing:border-box;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list dl dt:last-child a {border-right:0;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .t-info {position:absolute;top:57px;left:140px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .t-info p {line-height:1;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .t-info p:first-child {color:#9d7549;font-size:18px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .t-info p:nth-child(2) {margin:8px 0 15px;font-size:22px;color:#222222;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .t-info p:nth-child(3) {font-size:13px;color:#848484;line-height:1.2;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list .home {position:absolute;top:18px;right:18px;}
.curriculumWrap .curriculumBox .in .tabCon .t-list .cont-list:first-child , .curriculumWrap .curriculumBox .in .tabCon .teacherList .cont-list:nth-child(2) , .curriculumWrap .curriculumBox .in .tabCon .teacherList .cont-list:nth-child(3), .curriculumWrap .curriculumBox .in .tabCon .teacherList .cont-list:nth-child(4) {margin:0 0 20px;}   

/* //tab */


@keyframes fadeIN {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}
