@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');body, * { font-family: 'Nanum Gothic'; } 
html, body { height:100%; } 
#wrapper p, #wrapper li, #wrapper span, #wrapper a { font-family: 'Nanum Gothic'; } 
a { text-decoration:none; color:inherit; } 
ul, li { list-style:none; } 

.flex_box { display: flex; justify-content: center; align-items: center; height: 100%; padding-bottom: 90px; box-sizing: border-box; background: #031129; } 
#wrapper { width:750px; height:700px; background:url(/images/convert_main_slope/open_bg.jpg) no-repeat; position:relative; margin:0 auto; } 
.hidden { display:none; } 

/*????*/
.tap { height:36px; position:absolute; width:100%; top:0; left:0; z-index: 10; } 
.tap div { height:36px; width:50%; float:left; text-align:center; cursor:pointer; background:#000 } 
.tap div p { display:inline-block; color:#aaa; font-size:15px; line-height:36px; font-weight:bold; } 
.tap .slope { } 
.tap .lift { } 

.tap div.on { background:#0e254d; } 
.tap div.on p { position:relative; color:#fff; } 
.tap div.on p:before { content:''; display: block; width:4px; height:4px; border-radius:50%; background:#0ed0ff; position:absolute; top:50%; transform:translateY(-50%); left:-10px; } 

/*---------------------------------???? ??????*/

/* notice_txt */
.notice_txt { position: absolute; bottom: 225px; right: 15px; z-index: 1; background:rgba(255,255,255,0.8); padding:5px 10px; border-radius:10px; } 
.notice_txt p{font-size: 14px; color:#0f10fe; font-weight:bold; line-height: 1.2;} 

/*????????*/
.day { position:absolute; right:19px; top:54px; height:26px; z-index: 10; } 
.day>p { font-size:15px; font-weight:bold; color:#fff; text-align:right; } 
.day .day_select { position:relative; width:119px; height:26px; background:url(/images/convert_main_slope/day_select_off.png) no-repeat; font-size:11px; text-align:center; text-indent:-18px; top:10px; cursor:pointer; z-index: 2; } 
.day .day_select.on { background-image:url(/images/convert_main_slope/day_select_on.png); } 
.day .day_select p.day_txt { line-height:26px; } 
.day .day_select .day_select_in { background:#fff; border:1px solid #ddd; position:absolute; width:100%; top:26px; display:none; } 
.day .day_select .day_select_in ul { } 
.day .day_select .day_select_in ul li { } 
.day .day_select .day_select_in ul li p { line-height:22px; } 
.day .day_select .day_select_in ul li p:hover { background:#ddd; cursor:pointer; } 

/*??? ??????? ????*/
.main_slope { position:absolute; top:0; left:0; width:100%; height:100%; } 


.main_slope .route { position:absolute; top:0; left:0; } 
.main_slope .route ul { position:relative; width:100%; height:100%; } 
.main_slope .route ul li { position:absolute; } 
.main_slope .route ul li img { opacity:0; transition:all 0.3s; } 

.main_slope .route ul li:nth-child(1) {left:333px;top: 401px;} 
.main_slope .route ul li:nth-child(2) { left:472px; top:296px; } 
.main_slope .route ul li:nth-child(3) {left: 442px;top: 387px;} 
.main_slope .route ul li:nth-child(4) { left:150px; top:300px; } 
.main_slope .route ul li:nth-child(5) { left:230px; top:442px; } 
.main_slope .route ul li:nth-child(6) {left: 344px;top:364px;}
.main_slope .route ul li:nth-child(7) { left:454px; top:297px; } 
.main_slope .route ul li:nth-child(8) { left:475px; top:319px; } 
.main_slope .route ul li:nth-child(9) { left:0px; top:112px; } 
.main_slope .route ul li:nth-child(10) { left:39px; top:272px; } 
.main_slope .route ul li:nth-child(11) { left:378px; top:334px; } 
.main_slope .route ul li:nth-child(12) { left:427px; top:373px; } 
.main_slope .route ul li:nth-child(13) { left:224px; top:350px; } 
.main_slope .route ul li:nth-child(14) { left:43px; top:118px; } 
.main_slope .route ul li:nth-child(15) { left:349px; top:219px; } 
.main_slope .route ul li:nth-child(16) { left:406px; top:305px; } 
.main_slope .route ul li:nth-child(17) { left:407px; top:327px; } 
.main_slope .route ul li:nth-child(18) { left:371px; top:289px; } 
.main_slope .route ul li:nth-child(19) { left:185px; top:149px; } 
.main_slope .route ul li:nth-child(20) { left:169px; top:176px; } 
.main_slope .route ul li:nth-child(21) { left:129px; top:158px; } 
.main_slope .route ul li:nth-child(22) { left:342px; top:233px; } 
.main_slope .route ul li:nth-child(23) { left:93px; top:153px; } 
.main_slope .route ul li:nth-child(24) { left:108px; top:195px; }



.main_slope .point { width:100%; height:100%; z-index:1; position:absolute; top:0; left:0; } 
.main_slope .point ul { width:100%; height:100%; position:relative; } 
.main_slope .point ul li { width:10px; height:10px; border-radius:50%; position:absolute; cursor:pointer; transition:all 0.2s; } 
.main_slope .point ul li:hover { transform:scale(1.3); } 
.main_slope .point ul li.on { transform:scale(1.3); } 
.main_slope .point li span { display:block; width:100%; height:100%; border-radius:50%; } 
.main_slope .point li span.r { background:#f30; } 
.main_slope .point li span.y { background:#ff0; } 
.main_slope .point li span.p { background:#c0f; } 
.main_slope .point li span.g { background:#6f3; } 

.main_slope .point ul li:nth-child(1) { left: 341px;top: 393px;} 
.main_slope .point ul li:nth-child(2) { left:467px; top:292px; } 
.main_slope .point ul li:nth-child(3) { left:597px; top:392px; } 
.main_slope .point ul li:nth-child(4) { left:184px; top:301px; } 
.main_slope .point ul li:nth-child(5) { left:228px; top:439px; } 
.main_slope .point ul li:nth-child(6) { left:366px; top:358px; } 
.main_slope .point ul li:nth-child(7) { left:455px; top:298px; } 
.main_slope .point ul li:nth-child(8) { left:476px; top:319px; } 
.main_slope .point ul li:nth-child(9) { left:208px; top:113px; } 
.main_slope .point ul li:nth-child(10) { left:40px; top:273px; } 
.main_slope .point ul li:nth-child(11) { left:395px; top:334px; } 
.main_slope .point ul li:nth-child(12) { left:537px; top:374px; } 
.main_slope .point ul li:nth-child(13) { left:346px; top:351px; } 
.main_slope .point ul li:nth-child(14) { left:187px; top:118px; } 
.main_slope .point ul li:nth-child(15) { left:350px; top:220px; } 
.main_slope .point ul li:nth-child(16) { left:465px; top:306px; } 
.main_slope .point ul li:nth-child(17) { left:487px; top:327px; } 
.main_slope .point ul li:nth-child(18) { left:372px; top:289px; } 
.main_slope .point ul li:nth-child(19) { left:223px; top:150px; } 
.main_slope .point ul li:nth-child(20) { left:176px; top:176px; } 
.main_slope .point ul li:nth-child(21) { left:164px; top:158px; } 
.main_slope .point ul li:nth-child(22) { left:344px; top:234px; } 
.main_slope .point ul li:nth-child(23) { left:108px; top:153px; } 
.main_slope .point ul li:nth-child(24) { left:155px; top:196px; } 


.main_slope .information { width:261px; height:114px; position:absolute; right:20px; top:124px; display:none; z-index: 2; } 

.main_slope .information ul { width:100%; display:none; height:100%; } 
.main_slope .information ul li { display:none; background:url(/images/convert_main_slope/slope_information.png) no-repeat; width:100%; height:100%; } 

.main_slope .information ul li.on { display:block; } 
.main_slope .information.on { display:block; } 
.main_slope .information.i0 { left:228px; top:42px; } 
.main_slope .information.i1 { left:204px; top:42px; } 
.main_slope .information.i2 { left:127px; top:95px; } 
.main_slope .information.i3 { left:185px; top:87px; } 
.main_slope .information.i4 { left:243px; top:79px; } 
.main_slope .information.i5 { left:194px; top:93px; } 
.main_slope .information.i6 { left:173px; top:117px; } 
.main_slope .information.i7 { left:63px; top:179px; } 
.main_slope .information.i8 { left:206px; top:213px; } 
.main_slope .information.i9 { left:79px; top:130px; } 
.main_slope .information.i10 { left:75px; top:147px; } 
.main_slope .information.i11 { left:104px; top:196px; } 
.main_slope .information.i12 { left:366px; top:264px; } 
.main_slope .information.i13 { left:386px; top:267px; } 
.main_slope .information.i14 { left:415px; top:235px; } 
.main_slope .information.i15 { left:200px; top:203px; } 
.main_slope .information.i16 { left:184px; top:210px; } 
.main_slope .information.i17 { left:195px; top:214px; } 
.main_slope .information.i18 { left:206px; top:227px; } 
.main_slope .information.i19 { left:219px; top:235px; } 
.main_slope .information.i20 { left:557px; top:281px; } 

.main_slope .information ul li .txt { width:100%; height:100%; padding-top:55px; padding-left:32px; box-sizing:border-box; font-size:13px; } 
.main_slope .information ul li .txt p { margin-bottom:7px; } 

/*??? ??????*/
.schedule { position:absolute; left:0; bottom:-4px; color:#fff; font-size:9px; z-index: 2; } 
.schedule article { } 

p.caution0 { font-size:15px; color:#ff0000; background:rgba(0,0,0,0.7); padding:5px 15px; border-radius:100px; position:absolute; right:8px; top:420px; z-index:2; font-weight:normal; } 
p.caution1 { font-size:15px; color:#0f10fe; font-weight:bold; background:rgba(255,255,255,0.8); padding:5px 15px; border-radius:100px; position:absolute; right:8px; top:450px; } 
p.caution2 { line-height:30px; background:#0e254d; font-size:13px; text-indent:10px; position:absolute; left:0; bottom:-34px; width:100%; color:#fff; } 
p.caution3 { line-height:30px; background:#0e254d; font-size:13px; text-indent:10px; position:absolute; left:0; bottom:-64px; width:100%; color:#fff; } 
p.caution4 { line-height: 30px; background: #0e254d; font-size: 13px; text-indent: 10px; position: absolute; left: 0; bottom: -94px; width: 100%; color: #fff; } 

.schedule article:after { content:''; display:block; clear:both; } 
.schedule li { height:22px; line-height:22px; box-sizing:border-box; } 

.schedule div.date { width:86px; float:left; } 
.schedule div.date ul { } 
.schedule div.date ul li { background:rgba(19, 56, 91, 0.7); text-align:center; height:22px; border-top:1px solid rgba(255,255,255,0.2) } 
.schedule div.date ul li.tit { background:#13385b; border-top-right-radius:10px; border-top-left-radius:10px; font-size:11px; } 

.schedule div.course_box { float:left; } 
.schedule div.course_box .course_tit { } 
.schedule div.course_box .course_tit > ul:after { display: block; content:''; clear:both; } 
.schedule div.course_box .course_tit > ul > li { float:left; width:158px; padding:0 13px; margin-left:8px; background:#010101; border-top-left-radius:10px; border-top-right-radius:10px; } 
.schedule div.course_box .course_tit .tit > p { float:left } 
.schedule div.course_box .course_tit > ul > li > ul { float: right; } 
.schedule div.course_box .course_tit > ul > li > ul li { float:left; line-height:18px; margin-left:1px; color:#bababa; line-height:22px; } 
.schedule div.course_box .tit { color:#bd8e14; font-size:11px; letter-spacing:-1px; } 
.schedule div.course_box .course_tit .tit { position:relative; } 
.schedule div.course_box .course_tit .tit:after { display: block; content: ''; width:8px; height:176px; background:rgba(1,1,1,0.9); left:-8px; top:22px; position:absolute; } 

.schedule div.course_box > ul > li { width:158px; padding:0 13px; } 

.schedule div.course_list > ul { height:176px; width:501px; margin-left:8px; position:relative; } 
.schedule div.course_list > ul > li { width:158px; padding:0 13px; position:absolute; /*background:url('/images/convert_main_slope/course_list_bg.png'); */ cursor: pointer; background:rgba(1, 1, 1,0.7); border-top:1px solid rgba(255,255,255,0.2) } 
.schedule div.course_list > ul > li:hover { background:rgba(1,1,1,0.8); } 
.schedule div.course_list > ul > li:nth-of-type(1) { top:0px; left:0px; } 
.schedule div.course_list > ul > li:nth-of-type(2) { top:22px; left:0px; } 
.schedule div.course_list > ul > li:nth-of-type(3) { top:44px; left:0px; } 
.schedule div.course_list > ul > li:nth-of-type(4) { top:66px; left:0px; } 
.schedule div.course_list > ul > li:nth-of-type(5) { top:88px; left:0px; } 
.schedule div.course_list > ul > li:nth-of-type(6) { top:0px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(7) { top:22px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(8) { top:44px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(9) { top:66px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(10) { top:88px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(11) { top:110px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(12) { top:132px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(13) { top:154px; left:166px; } 
.schedule div.course_list > ul > li:nth-of-type(14) { top:0px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(15) { top:22px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(16) { top:44px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(17) { top:66px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(18) { top:88px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(19) { top:110px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(20) { top:132px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(21) { top:154px; left:332px; } 
.schedule div.course_list > ul > li:nth-of-type(22) { top:0px; left:498px; } 
.schedule div.course_list > ul > li:nth-of-type(23) { top:22px; left:498px; } 
.schedule div.course_list > ul > li:nth-of-type(24) { top:44px; left:498px; } 

#slope .schedule div.course_list > ul > li:nth-of-type(5):after { display:block; content:''; clear:both; width:158px; height:66px; background:url('/images/convert_main_slope/course_list_bg.png'); position:absolute; left:0; top:21px; } 
/* #slope .schedule div.course_list > ul > li:nth-of-type(13):after { display:block; content:''; clear:both; width:158px; height:22px; background:url('/images/convert_main_slope/course_list_bg.png'); position:absolute; left:0; top:21px; }  */
/* #slope .schedule div.course_list > ul > li:nth-of-type(21):after { display:block; content:''; clear:both; width:158px; height:22px; background:url('/images/convert_main_slope/course_list_bg.png'); position:absolute; left:0; top:21px; }  */
#slope .schedule div.course_list > ul > li:nth-of-type(24):after {display:block;content:'';clear:both;width:158px;height: 132px;background:url('/images/convert_main_slope/course_list_bg.png');position:absolute;left:0;top: 21px;} 

.schedule div.course_list ul li > p { float:left; } 
.schedule div.course_list ul li ul.color_check { float:right; margin-top:7px; } 
.schedule div.course_list ul li ul.color_check li { width:8px; height:8px; border:1px solid #6c7374; box-sizing:border-box; float:left; margin-left:3px; } 
.schedule div.course_list ul li ul.color_check li:nth-child(1).on { background:#fff; border:none; } 
.schedule div.course_list ul li ul.color_check li:nth-child(2).on { background:#e2df0c; border:none; } 
.schedule div.course_list ul li ul.color_check li:nth-child(3).on { background:#63ff0f; border:none; } 
.schedule div.course_list ul li ul.color_check li:nth-child(4).on { background:#0fd4ff; border:none; } 
.schedule div.course_list ul li ul.color_check li:nth-child(5).on { background:#c049ff; border:none; } 



.schedule .color_check_veiw { background:#000; height:25px; } 
.schedule .color_check_veiw ul { text-align:center; height:100%; } 
.schedule .color_check_veiw ul li { line-height:21px; display:inline-block; margin:0 40px; position:relative; } 
.schedule .color_check_veiw ul li:before { content:''; display:block; width:7px; height:7px; position:absolute; top:50%; transform:translateY(-50%); left:-10px; } 
.schedule .color_check_veiw ul li:nth-child(1):before { background:#fff; } 
.schedule .color_check_veiw ul li:nth-child(2):before { background:#e2df0c; } 
.schedule .color_check_veiw ul li:nth-child(3):before { background:#63ff0f; } 
.schedule .color_check_veiw ul li:nth-child(4):before { background:#0fd4ff; } 
.schedule .color_check_veiw ul li:nth-child(5):before { background:#c049ff; } 



/*--------------------???��????*/

/*???*/
.main_lift { position:relative; top:0; left:0; width:100%; height:100%; } 
.main_lift .route ul { position:relative; } 
.main_lift .route ul li { position:absolute; } 
.main_lift .route ul li:nth-child(1) { left:174px; top:110px; } 
.main_lift .route ul li:nth-child(2) { left:35px; top:274px; } 
.main_lift .route ul li:nth-child(3) { left:45px; top:150px; } 
.main_lift .route ul li:nth-child(4) { left:67px; top:109px; } 
.main_lift .route ul li:nth-child(5) { left:203px; top:342px; } 
.main_lift .route ul li:nth-child(6) { left:140px; top:303px; } 
.main_lift .route ul li:nth-child(7) { left:226px; top:445px; } 
.main_lift .route ul li:nth-child(8) { left:281px; top:399px; } 
.main_lift .route ul li:nth-child(9) { left:333px; top:374px; } 
.main_lift .route ul li:nth-child(10) { left:293px; top:281px; } 
.main_lift .route ul li:nth-child(11) { left:277px; top:211px; } 
.main_lift .route ul li:nth-child(12) { left:428px; top:307px; } 
.main_lift .route ul li:nth-child(13) { left:466px; top:298px; } 
.main_lift .route ul li:nth-child(14) { left:221px; top:434px; } 

.main_lift .point { position:absolute; top:0; left:0; width:100%; height:100%; z-index: 1; } 
.main_lift .point li { background:url(/images/convert_main_slope/lift_route_icon.png) no-repeat left -2px top -4px #fff; height:27px; box-sizing:border-box; border-radius:16px; border:2px solid #ff1350; text-align:center; line-height:21px; padding-left:34px; padding-right:12px; position:absolute; cursor:pointer; } 
.main_lift .point li:hover { background-color:#ff1350; } 
.main_lift .point li:hover span { color:#fff; } 
.main_lift .point li.on { background-color:#ff1350; } 
.main_lift .point li.on span { color:#fff; } 

.main_lift .point li:nth-child(1) { left:227px; top:109px; } 
.main_lift .point li:nth-child(2) { left:36px; top:274px; } 
.main_lift .point li:nth-child(3) { left:177px; top:144px; } 
.main_lift .point li:nth-child(4) { left:126px; top:109px; } 
.main_lift .point li:nth-child(5) { left:275px; top:342px; } 
.main_lift .point li:nth-child(6) { left:142px; top:302px; } 
.main_lift .point li:nth-child(7) { left:238px; top:447px; } 

.main_lift .point li:nth-child(8) { left:281px; top:411px; } 
.main_lift .point li:nth-child(9) { left:334px; top:373px; } 
.main_lift .point li:nth-child(10) { left:293px; top:281px; } 
.main_lift .point li:nth-child(11) { left:278px; top:210px; } 
.main_lift .point li:nth-child(12) { left:428px; top:307px; } 
.main_lift .point li:nth-child(13) { left:492px; top:341px; } 
.main_lift .point li:nth-child(14) { left:240px; top:445px; } 

.main_lift .point li span { font-size:15px; color:#ff1350; } 
.main_lift .information { position:absolute; right:20px; top:124px; z-index: 1; } 
.main_lift .information ul { display:none; } 
.main_lift .information ul li { width:261px; height:133px; background:url(/images/convert_main_slope/lift_information.png) no-repeat; padding:50px 32px 0; box-sizing:border-box; display:none; } 
.main_lift .information ul li div.txt { } 
.main_lift .information ul li div.txt p { font-size:13px; line-height:1.2; } 

.main_lift .information ul li.on { display:block; } 
.main_lift .information.on { display:block; } 
.main_lift .information.i0 { left:226px; top:50px; } 
.main_lift .information.i1 { left:329px; top:50px; } 
.main_lift .information.i2 { left:281px; top:68px; } 
.main_lift .information.i3 { left:139px; top:182px; } 
.main_lift .information.i4 { left:229px; top:222px; } 
.main_lift .information.i5 { left:448px; top:123px; } 
.main_lift .information.i6 { left:398px; top:186px; } 
.main_lift .information.i7 { left:359px; top:251px; } 
.main_lift .information.i8 { left:425px; top:281px; } 
.main_lift .information.i9 { left:368px; top:315px; } 
.main_lift .information.i10 { left:155px; top:228px; } 
.main_lift .information.i11 { left:218px; top:252px; } 

/*??? ??????*/
#lift .schedule { } 
#lift .schedule .course_box { } 

#lift .schedule .course_tit { } 
#lift .schedule .course_tit > ul { } 
#lift .schedule .course_tit > ul > li { width:323px; } 
#lift .schedule .course_tit > ul > li p { color:#999999; } 
#lift .schedule .course_tit > ul > li p:nth-of-type(2) { width:84px; } 
#lift .schedule .course_tit > ul > li p:nth-of-type(3) { width:78px; } 
#lift .schedule .course_tit > ul > li ul { } 
#lift .schedule .course_tit > ul > li ul li { } 
#lift .schedule .course_tit .tit:after { width:9px; left:-8px; } 
#lift .schedule .course_tit > ul > li p.txt_base { color:#00f4f4; width:64px; } 

#lift .schedule .course_list { } 
#lift .schedule .course_list > ul { margin:0; width:100%; height:154px; } 
#lift .schedule .course_list > ul > li { width:323px; top:0; left:0; margin-left:9px; } 
#lift .schedule .course_list > ul > li:nth-of-type(1) { top:0; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(2) { top:22px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(3) { top:44px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(4) { top:66px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(5) { top:88px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(6) { top:110px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(7) { top:132px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(8) { top:0; left:331px; } 
#lift .schedule .course_list > ul > li:nth-of-type(9) { top:22px; left:331px; } 
#lift .schedule .course_list > ul > li:nth-of-type(10) { top:44px; left:331px; } 
#lift .schedule .course_list > ul > li:nth-of-type(11) { top:66px; left:331px; } 
#lift .schedule .course_list > ul > li:nth-of-type(12) { top:88px; left:331px; } 
#lift .schedule .course_list > ul > li:nth-of-type(13) { top:110px; left:331px; } 

#lift .schedule .course_list > ul > li:nth-of-type(7):after { display: block; content: ''; width:100%; height:22px; background:url('/images/convert_main_slope/course_list_bg.png') no-repeat; background-size:100% 100%; position:absolute; top:21px; left:0; } 
#lift .schedule .course_list > ul > li:nth-of-type(13):after { display: block; content: ''; width:100%; height:22px; background:url('/images/convert_main_slope/course_list_bg.png') no-repeat; background-size:100% 100%; position:absolute; top:21px; left:0; } 

#lift .schedule .course_list > ul > li p { width:78px; } 
#lift .schedule .course_list > ul > li p:nth-of-type(1) { width:64px; height:100%; } 
#lift .schedule .course_list > ul > li p:nth-of-type(2) { width:84px; } 
#lift .schedule .course_list > ul > li p:nth-of-type(3) { width:78px; } 
#lift .schedule .course_list > ul > li ul.color_check { } 
#lift .schedule .course_list > ul > li ul.color_check li { } 

#lift .schedule .color_check_veiw { background:#000; height:25px; } 
#lift .schedule .color_check_veiw ul { text-align:center; height:100%; } 
#lift .schedule .color_check_veiw ul li { line-height:21px; display:inline-block; margin:0 40px; position:relative; } 
#lift .schedule .color_check_veiw ul li:before { content:''; display:block; width:7px; height:7px; position:absolute; top:50%; transform:translateY(-50%); left:-10px; } 
#lift .schedule .color_check_veiw ul li:nth-child(1):before { background:#fff; } 
#lift .schedule .color_check_veiw ul li:nth-child(2):before { background:#e2df0c; } 
#lift .schedule .color_check_veiw ul li:nth-child(3):before { background:#63ff0f; } 
#lift .schedule .color_check_veiw ul li:nth-child(4):before { background:#0fd4ff; } 
#lift .schedule .color_check_veiw ul li:nth-child(5):before { background:#c049ff; }