.susi-wrap {margin-top:-20px;text-align: center;}
.susi-wrap .tit {padding:140px 0 55px;}
.wrap_left_sky, .wrap_right_sky {display: none;}

/* ºñÁÖ¾ó */
.visual {overflow: hidden;position:relative;padding:170px 0 90px 0;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg02.jpg') #0e1238 center top no-repeat;box-sizing: border-box;}
.visual p:first-child {animation:fadeInDown ease-in .4s .6s both}
.visual .v-txt01 {margin:0px 0 65px;animation:fadeInDown ease-in .4s 1s both}
.visual .v-txt02 {animation:fadeIn ease-in-out .9s 1.4s both}
.visual .txt {width:1200px;margin:50px auto 0;text-align: left;font-size: 12px;color:#4c6297;}
.visual .t-num {margin-top:40px;animation:fadeIn ease-in 1s 2s both}
.visual .t-num .num-box {display: inline-block;padding-bottom:5px;white-space:nowrap;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/num_shadow.png') center top no-repeat;}
.visual .t-num .num-box img {display:inline-block;vertical-align: middle;}
.visual .t-num .num-box img.img-com {padding-top:30px;}
.visual .t-num .num-box img:last-child {margin-left:20px;}
.visual .t-num .num-box::before {display: inline-block;width:108px;height:230px;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_leaf_01.png') left top no-repeat;vertical-align: middle;content:""}
.visual .t-num .num-box::after {display: inline-block;;width:108px;height:230px;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_leaf_02.png') left top no-repeat;vertical-align: middle;content:""}

/* .quick-menu {overflow:hidden;position:absolute;top:380px;right:0;border-radius: 0 0 0 10px;}
.quick-menu li:first-child {line-height: 0;font-size: 0;}
.quick-menu a {display: block;position:relative;padding:20px;text-align:left;border-bottom:1px solid #e5e5e5;background:#fff;color:#2c2c2c;font-size: 15px;}
.quick-menu li a::after {display:block;width:9px;height:9px;position:absolute;top:50%;right:20px;transform: translateY(-50%) rotate(45deg);border-right:1px solid #686868;border-top:1px solid #686868;content:""}
.quick-menu li:last-child a {border-bottom: none;} */

.susi-wrap .visual .inner {width:1300px;position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%)}
.susi-wrap .visual select.success-year::-ms-expand {display:none;}
.susi-wrap .visual select.success-year{position:absolute;top:90px;right:0;width:233px;height:33px;padding:3px 0 0 20px;border:1px solid #fff;border-radius:3px;font-family:dotum,'µ¸¿ò';font-size:13px;background:url("http://russeldata.megastudy.net/campus/images/russel/entinfo/hall_of_fame/2020/pass_result/select_arrow.png") right 10px center no-repeat;color:#f2eee4;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:top;}
.susi-wrap .visual select option{color:#333;}


/* ¿µ»ó */
.play-wrap {position:relative;margin-bottom: 140px;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_play.jpg') 50% bottom no-repeat;}
.play-wrap .cover {position:absolute;left:50%;bottom:0;margin-left:-550px;cursor:pointer;}

/* ¸¸Á¡ÀÚ ¸®½ºÆ® */
.perfect-wrap {padding-bottom:140px;background:#0a42b2}
.perfect-wrap ul {display:flex;width:1212px;height:685px;margin:30px auto 0;background:#fff}
.perfect-wrap ul li {flex: 1;position: relative;width:202px;height:685px;cursor: pointer;}
.perfect-wrap ul li span:nth-of-type(1) {position: absolute;top:0;left:0;z-index: 1;transition:all ease-out .2s}
.perfect-wrap ul li span:nth-of-type(1) img {filter: grayscale(0%);opacity:1;transition:all ease-out .2s}
.perfect-wrap ul:hover li span:nth-of-type(1) img {filter: grayscale(100%);opacity: .5;}
.perfect-wrap ul li:hover span:nth-of-type(1) {z-index: 0;}
.perfect-wrap ul li span:nth-of-type(2) {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%) scale(.8);z-index: 0;opacity:0;transition:all ease .2s}
.perfect-wrap ul li:hover span:nth-of-type(2) {opacity:1;filter: grayscale(0%);opacity:1;z-index:2;transform: translate(-50%, -50%) scale(1);}
.perfect-wrap .r-txt {width:1212px;margin:80px auto 45px;text-align: right;color:#7587b3;font-size:12px;}

/* ÇÕ°Ý ¹èÃâ ¸®½ºÆ® */
.st-container {background:#eef0f4;}

/* Áöµµ */
.map-wrap {padding-bottom:125px;background:#eee;}

/* ±×·¡ÇÁ */
.map-gr {padding-bottom:135px;background:#4f06c8}
.map-gr .bar-graph-box {position:relative;width:1050px;margin:5px auto 0;box-sizing:border-box;}
.map-gr .bar-graph-box .graph-bar {display:flex;justify-content:center;padding:60px 0;background:#fff;border:1px solid #dddddd;}
.map-gr .bar-graph-box .bar-box {margin:0 30px 0 10px;}
.map-gr .bar-graph-box .graph-bar .title {padding-top:15px;font-weight:500;font-size:26px;color:#010101;letter-spacing:-1px;line-height: 1.2;}
.map-gr .bar-graph-box .graph-bar .title strong {color:#0b44c3;font-weight:700;}
.map-gr .bar-graph-box .graph-bar .title span {font-weight:700;font-size:26px;}
.map-gr .bar-graph-box .graph-bar .title sup {margin-left:2px;vertical-align:12px;letter-spacing:0;font-size:12px;color:#555555;font-weight:400;}
.map-gr .bar-graph-box .chart {position:relative;display:flex;justify-content:center;align-items:flex-end;height:250px;margin-top:40px;padding:0 40px 40px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/bar_bottom.png") no-repeat 50% 100%;}
.map-gr .bar-graph-box .stxt {margin-top:30px;text-align: center;font-size:12px;color:#c3c3c3;}
.map-gr .bar-graph-box .bar-box:first-of-type .chart .stxt {left:70px}
.map-gr .bar-graph-box .chart .bar {width:57px;margin:0 15px;}
.map-gr .bar-graph-box .chart .counter {font-size:17px;font-weight:500;color:#222222;}
.ct.map-gr .bar-graph-box .chart .counter {font-size:0;opacity:0;}

.map-gr .bar-graph-box .bar-box .img {position:relative;overflow:hidden;height:0;}
.map-gr .bar-graph-box .bar-box .img img {position:absolute;left:0;bottom:0;}
.map-gr.on .bar-box .bar01 .img {height:75px;transition:all .5s;transition-delay: .2s;}
.map-gr.on .bar-box .bar02 .img {height:125px;transition:all .5s;transition-delay: .5s;}
.map-gr.on .bar-box .bar03 .img {height:160px;transition:all .5s;transition-delay: .8s;}
.map-gr.on .bar-box .bar04 .img {height:225px;transition:all .5s;transition-delay: 1.1s;}
.map-gr .bar-graph-box .bar-box .bar .img:before {content:'';position:absolute;left:0;top:0;z-index:1;}

.map-gr .bar-graph-box .bar-box .bar01 .img:before {width:57px;height:15px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/bar_01_top.jpg") no-repeat 0 0;}
.map-gr .bar-graph-box .bar-box .bar02 .img:before {width:57px;height:25px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/bar_02_top.jpg") no-repeat 0 0;}
.map-gr .bar-graph-box .bar-box .bar03 .img:before {width:57px;height:25px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/bar_03_top.jpg") no-repeat 0 0;}
.map-gr .bar-graph-box .bar-box .bar04 .img:before {width:57px;height:25px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/bar_04_top.jpg") no-repeat 0 0;}

.map-gr .bar-graph-box .arrow {position:absolute;left:100px;bottom:37px;z-index:2;}
.map-gr .bar-graph-box .arrow img {height:0;}
.map-gr.on .arrow img {height:213px;transition:all 1s;transition-delay:1.1s;}

.map-gr .bar-graph-box .tag {display:flex;justify-content:center;align-items:center;flex-flow:wrap column;position:absolute;right:-35px;bottom:0px;opacity:0;z-index:3;width:109px;height:109px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2021/winter/chart_tag.png") no-repeat 0 0;}
.map-gr.on .tag {transition:all .5s;transition-delay:1.5s; bottom:75px;opacity:1;}
.map-gr .bar-graph-box .tag .num {display:inline-block;line-height:1.5;font-size:26px;font-weight:900;color:#ffffff;}
.map-gr .bar-graph-box .tag span.percent {font-size:20px;font-weight:900;color:#ffffff;}
.map-gr .bar-graph-box .tag p {line-height:1.2;}
.map-gr .bar-graph-box .tag p.count {margin:6px 0 0 6px;}
.map-gr .bar-graph-box .tag p.txt {display:block;margin-left:8px;color:#ffffff;font-size:19px;}
.map-gr .bar-graph-box .tag p.txt sup {color:#d4bc98;vertical-align:middle;}
.map-gr .stxt {width:1050px;margin:-30px auto 0;text-align: left;color:#7777c1;font-size: 12px;;}

/* ´ëÀÔ¼º°ø½ºÅä¸® */
.senior-wrap {padding-bottom:135px;background:#182645;}
.senior-wrap .list-wrap {display: flex;flex-wrap:wrap;width:960px;margin:0 auto 65px}
.senior-wrap .list-wrap .list {overflow: hidden;position:relative;width:300px;height:291px;margin:0 25px 25px 0;border-radius: 25px 25px 0 25px;cursor: pointer;}
.senior-wrap .list-wrap .list::after {display:block;position:absolute;bottom:0;left:0;height:265px;width:100%;background:#fff;z-index: 0;content: "";}
.senior-wrap .list-wrap .list:nth-of-type(3n) {margin-right: 0;}
.senior-wrap .list-wrap .list .l-tit {position:relative;height:60px;line-height:60px;background:#8233ff;font-size:19px;font-weight: 500;color:#fff;z-index: 1;}
.senior-wrap .list-wrap .list .txt-info {position:relative;padding:33px 0 0 25px;color:#222;font-size:24px;text-align: left;z-index: 2;}
.senior-wrap .list-wrap .list .txt-info span {display:block;margin-top:5px;font-size:20px;}
.senior-wrap .list-wrap .list .txt-info strong {font-weight: 700;line-height: 1.2;}
.senior-wrap .list-wrap .list .img {position:absolute;top:90px;left:90px;z-index: 1;}
.senior-wrap .list-wrap .list:nth-of-type(4) .img {left:130px}
.senior-wrap .list-wrap .list:nth-of-type(6) .img {left:100px}
.senior-wrap .list-wrap .list.list-blank {width:568px;margin:0;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/img_blank_w.jpg') left top no-repeat;}
.senior-wrap .list-wrap .list.list-blank::after {display: none;}
.senior-wrap .list-wrap .list:hover .cover-play {display: block}
.senior-wrap .list-wrap .list .cover-play {display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 2;}
.senior-wrap .list-wrap .list .cover-play::after {display:block;position:absolute;top:0;left:0;height:100%;width:100%;background:#232323;opacity:.92;z-index: 0;content: "";}
.senior-wrap .list-wrap .list .cover-play div {width:100%;position:absolute;left:0;top:50%;z-index: 3;transform:translateY(-50%);text-align: center;color:#fff;}
.senior-wrap .list-wrap .list .cover-play div strong {display:block;font-size: 25px;font-weight: 700;}
.senior-wrap .list-wrap .list .cover-play div span {display: inline-block;margin-top:13px;width:115px;height:33px;line-height:33px;font-size:14px;border-radius: 25px;border:1px solid #fff;overflow: hidden;}

/* ¼ö½Ã ÇÕ°Ý ÇöÈ² */
.result-wrap {position:relative;padding-bottom:130px;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_result.jpg') center top no-repeat;background:#8d14d2;}
.result-wrap .tit {padding:135px 0 50px;}
.result-wrap::before {position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url('http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_result.jpg') center top no-repeat;content:"";z-index: 1;}
.result-wrap::after {position:absolute;top:0;right:0;display:block;width:50%;height:100%;background:#0241c1;content:"";z-index: 0;}
.result-wrap .result-view {position:relative;width:890px;margin:0 auto;z-index: 2;}
.result-wrap .r-txt {margin-bottom:17px;font-size:14px;text-align: right;color: #9186e6;}

.result-wrap .result-num {width:890px;margin:0 auto}
.result-wrap .result-num .num01,
.result-wrap .result-num .num02 {display: flex;justify-content: space-between;}
.result-wrap .result-num .num01 div,
.result-wrap .result-num .num02 div {flex:1;margin:0 16px 15px 0;background:url("http://russeldata.megastudy.net/campus/images/russel/perfect/2022/susi/bg_num.jpg") left top no-repeat;text-align: center;position: relative;font-weight: 500;line-height: 1.2;}
.result-wrap .result-num .num01 div p ,
.result-wrap .result-num .num02 div p {position: absolute;top:50%;left:0;width:100%;transform:translateY(-50.1%);}
.result-wrap .result-num .num01 div:last-child,
.result-wrap .result-num .num02 div:last-child {margin-right:0}
.result-wrap .result-num .num01 div {height:203px;font-size:30px !important;color:#222 !important}
.result-wrap .result-num .num01 div p {font-size:inherit;color:inherit}
.result-wrap .result-num .num01 div strong {font-size: 60px;font-weight: 900;color:#0241c1}
.result-wrap .result-num .num01 div span {font-size:25px;}
.result-wrap .result-num .num02 div {height:177px;font-size:23px;color:#222;background:#eaeaea;background-image: none;}
.result-wrap .result-num .num02 div p {font-size:inherit;color:inherit}
.result-wrap .result-num .num02 div strong {font-size:45px;font-weight: 700;color:#222}
.result-wrap .result-num .num02 div span {font-size:25px;}
.result-wrap .stxt {margin-top: 10px;text-align: left;color: #9186e6;font-size: 11px;}

/* ÇÕ°ÝÀÚ¸®½ºÆ® */
.susi-wrap .data-list {width:1200px;margin:140px auto 130px;}
.susi-wrap .data-list .sel-type {position:relative;margin:0 0 15px 0;text-align: left;}
.susi-wrap .data-list .sel-type fieldset {border:none;padding:0}
.susi-wrap .data-list .sel-type fieldset legend {font-size: 0;text-indent: -9999px;line-height: 0}
.susi-wrap .data-list .sel-type fieldset a {display:inline-block;height:32px;line-height:32px;font-size:15px;background:#182545;padding:0 10px;color:#fff;text-decoration: none;}
.susi-wrap .data-list .sel-type select::-ms-expand {display:none;}
.susi-wrap .data-list .sel-type select {width:130px;height:32px;padding:1px 0 0 10px;font-size:15px;color:#7d7d7d;border:1px solid #858585;background:url("http://russeldata.megastudy.net/campus/images/russel/entinfo/hall_of_fame/2019/pass_result/bg_sel.jpg") right 2px no-repeat;-webkit-appearance:none;-moz-appearance:none; -o-appearance:none; appearance:none;vertical-align: top;}
.susi-wrap .data-list .sel-type input {height:30px;border:1px solid #858585;vertical-align: top;padding:0 10px;}
.susi-wrap .data-list .sel-type img {vertical-align: top}
.susi-wrap .data-list .sel-type .update {position: absolute;top:5px;right:0;font-size:17px;color:#333}
.susi-wrap .data-list table {width:100%;}
.susi-wrap .data-list table thead th {height:50px;color:#fff;font-size:18px;background-color:#182545;border-right:1px solid #e0e0e0;}
.susi-wrap .data-list table thead th:last-child {border-right:none;}
.susi-wrap .data-list table tbody td {border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align: center;height:45px;font-size:16px;color:#555}
.susi-wrap .data-list table tbody td:last-child {border-right:none;}
.susi-wrap .data-list table tbody tr:last-child td {border-bottom:1px solid #333}
.susi-wrap .data-list table tbody tr:last-child td.no-list {padding:60px 0;}
