.dtl_tit {margin:20px 0; font-size:2.0rem; font-weight:500; color:#000;} @media screen and (min-width:1001px) { .ssVOD_lecture_detail_wrap { position:relative; width:100%; padding:30px 0; } .ssVOD_lecture_detail_wraper { position:relative; width:1140px; margin:0 auto; } .ssVOD_lecture_detail_wrap_top { position:relative; width:770px; } .ssVOD_lecture_detail_wraper_top1 img { position:relative; width:100%; /*height:200px;*/ border-radius:0px; } .ssVOD_lecture_detail_wrap_top .main_section3 { position:relative; width:100%; background:#f6fbfc; } .ssVOD_lecture_detail_wrap_top .main_section3 .inner { position:relative; width:770px; height:31rem; margin:0 auto; text-align:left; background:url(/image/sec3_bg.png) right bottom no-repeat; background-size:contain ; padding:90px 0 37px 50px; } .ssVOD_lecture_detail_wrap_top .sec3_circle { position:relative; font-size:30px; color:#fff; font-weight:300; background:#0071bc; border-radius:100px; padding:0 20px; line-height:30px;} .ssVOD_lecture_detail_wrap_top .sec3_circle span { font-weight:500; } /*.ssVOD_lecture_detail_wrap_top .sec3_text { position:relative; display:block; font-size:24px; color:#333; font-weight:400; line-height:30px; margin:25px 0 10px 0; letter-spacing:-1px; }*/ .ssVOD_lecture_detail_wrap_top .sec3_text { position:relative; display:block; font-size:2.4rem; color:#333; font-weight:400; line-height:3rem; margin:2.5rem 0 1rem 0; letter-spacing:0px; text-shadow: -1px -1px 0 #f6fbfc, 1px -1px 0 #f6fbfc, -1px 1px 0 #f6fbfc, 1px 1px 0 #f6fbfc; } .ssVOD_lecture_detail_wrap_top .sec3_text span { font-weight:600; } .ssVOD_lecture_detail_wrap_top .sec3_icon { position:relative; width:166px; margin:0 auto; } .ssVOD_lecture_detail_wrap_top .sec3_icon img { width:100%; } .ssVOD_lecture_detail_wraper_top1 img { position:relative; width:100%; /*height:200px;*/ border-radius:0px; } .ssVOD_lecture_detail_wraper_top2 { width:100%; height:120px; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wraper_top2 dl { margin-top:25px; } .ssVOD_lecture_detail_wraper_top2 dd { height:60px; display:inline-block; text-align:center; font-size:15px; color:#000; line-height:45px; letter-spacing:-2px; padding:0 3%; } .ssVOD_lecture_detail_wraper_top2 dd .bold { font-size:22px; color:#0027a6; display:inline-block; } .ssVOD_lecture_detail_wraper_top2 dd .bold .small { font-size:12px; } .ssVOD_lecture_detail_wraper_top2 dt { height:60px; display:inline-block; text-align:center; } .ssVOD_lecture_detail_wraper_top2 dt .bar { position:relative; width:3px; height:30px; display:inline-block; background:#ced6ee; top:-20px; } .ssVOD_lecture_detail_wraper_top3 { position:relative; text-align:center; clear:both; margin-bottom:40px; } .ssVOD_lecture_detail_wraper_top3 img { vertical-align:middle; margin:-5px 10px 0 0 } .ssVOD_lecture_detail_wraper_top3 a,.ssVOD_lecture_detail_wraper_top3 a:hover { display:inline-block; height:50px; line-height:50px; text-align:center; background:#ff7e94; padding:0 15px; font-size:20px; color:#fff; font-weight:600; border-radius:8px; } .ssVOD_lecture_detail_wrap_right_sticky { position:absolute; width:350px; top:0; margin:0 0 0 790px; } .ssVOD_lecture_detail_wrap_right { position:relative; width:350px; top:0px; z-index:4000; padding-bottom:525px; } .ssVOD_lecture_detail_wrap_right_border { position:relative; width:350px; background:#fff; border:#d4d4d4 2px solid; padding-bottom:20px; box-sizing: border-box; } .ssVOD_lecture_detail_wraper_right1 { position:relative; width:100%; height:27px; line-height:27px; font-size:12px; color:#6b6b6b; padding:9px 18px 19px 18px; box-sizing: border-box; } .ssVOD_lecture_detail_wraper_right1 img { width:27px; height:27px; border:#35afa7 2px solid; border-radius:15px; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wraper_right2 { position:relative; line-height:32px; font-size:28px; color:#000; font-weight:700; letter-spacing:-2px; padding:20px 18px 10px 18px; box-sizing:border-box; } .ssVOD_lecture_detail_wraper_right3 { position:relative; font-size:14px; color:#bcbcbc; font-weight:600; padding:0 18px 15px 18px; } .ssVOD_lecture_detail_wraper_right4 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right4 .list { display:inline-block; width:80px; text-align:justify; letter-spacing:0.1px; } .ssVOD_lecture_detail_wraper_right5 .list { display:inline-block; width:80px; text-align:justify; letter-spacing:1px; } .ssVOD_lecture_detail_wraper_right6 .list { position:absolute; display:inline-block; width:80px; text-align:justify; letter-spacing:1px; } .ssVOD_lecture_detail_wraper_right5 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right6 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right6 .cost1 { width:105px; height:25px; display:block; font-size:15px; color:#000; margin-left:140px; text-align:center;} .ssVOD_lecture_detail_wraper_right6 .cost1 img { position:absolute; margin:8px 0 0 -15px; } .ssVOD_lecture_detail_wraper_right6 .cost2 { width:105px; height:25px; display:block; font-size:19px; color:#45CFBC; margin-left:65px; text-align:center; } .ssVOD_lecture_detail_wraper_right6 .circle { position:absolute; width:45px; height:45px; padding-top:7px; line-height:14px; text-align:center; top:0; left:270px; font-size:14px; color:#fff; background:#45CFBC; border-radius:25px; box-sizing: border-box; } .ssVOD_lecture_detail_wraper_right6_2 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:10px 18px; } .ssVOD_lecture_detail_wraper_right6_2 .list { position:relative; display:inline-block; width:80px; text-align:justify; letter-spacing:1px; vertical-align:top; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box { position:relative; width:calc(100% - 145px); height:25px; display:inline-block; font-size:15px; color:#000; text-align:center;} .ssVOD_lecture_detail_wraper_right6_2 .cost_box .under { text-decoration:line-through; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box .red { color:#45CFBC; margin-left:5px; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box .cost1 { width:100%; height:25px; display:block; font-size:15px; color:#000; letter-spacing:-2px; text-align:right;} .ssVOD_lecture_detail_wraper_right6_2 .cost_box .cost2 { width:100%; height:25px; display:block; font-size:15px; color:#000; letter-spacing:-2px; text-align:right;} .ssVOD_lecture_detail_wraper_right6_2 .circle { position:relative; width:45px; height:45px; padding-top:7px; line-height:14px; text-align:center; top:-3px; font-size:14px; color:#fff; background:#ff0000; border-radius:25px; box-sizing:border-box; display:inline-block; vertical-align:top; margin-left:10px; } .ssVOD_lecture_detail_wraper_right7 { position:relative; font-size:35px; color:#140b35; font-weight:600; text-align:right; letter-spacing:-2px; padding:35px 18px 0 18px; } .ssVOD_lecture_detail_wraper_right8 { position:relative; height:90px; margin:50px 0 0 0; padding:0 18px; } .ssVOD_lecture_detail_wraper_right8 dd { position:relative; width:32%; font-size:15px; color:#676767; text-align:center; float:left; } .ssVOD_lecture_detail_wraper_right8 dd:nth-child(2) { margin:0 2%; } .ssVOD_lecture_detail_wraper_right8 dd img { margin-top:-6px; vertical-align:middle; } .ssVOD_lecture_detail_wraper_right8 dd a,.ssVOD_lecture_detail_wraper_right8 dd a:hover { width:100%; height:32px; line-height:32px; background:#ebebeb; text-align:center; display:block; border-radius:7px; font-size:14px; color:#b2b2b2; margin:5px 0; } .ssVOD_lecture_detail_wraper_right9 { margin-top:40px;padding:0 18px; clear:both; } .ssVOD_lecture_detail_wraper_right9 a,.ssVOD_lecture_detail_wraper_right9 a:hover { position:relative; width:100%; height:50px; line-height:50px; text-align:center; background:#fff; font-size:18px; color:#6B6B6B; border: 2px solid #45CFBC; border-radius:0px; display:block; margin-top:5px; font-weight:600; } .ssVOD_lecture_detail_wraper_right9 a:last-child,.ssVOD_lecture_detail_wraper_right9 a:hover:last-child { background:#45CFBC; color:#fff; } .ssVOD_lecture_detail_wraper_right10 { position:relative; margin:20px 0 0 -2px;} .ssVOD_lecture_detail_wraper_right10 img { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left { position:relative; width:100%; max-width:770px; clear:both; margin-bottom:50px; } .ssVOD_lecture_detail_wrap_left1 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:50px 0; letter-spacing:-2px;} .ssVOD_lecture_detail_wrap_left2 { position:relative; width:100%; max-width:770px; text-align:center; margin:40px 0; display:table; clear:both; } .ssVOD_lecture_detail_wrap_left2 .tit { width:100%; height:22px; line-height:22px; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left2 .tit a,.ssVOD_lecture_detail_wrap_left2 .tit a:hover { font-size:22px; color:#000; padding:0 15px; font-weight:500; } .ssVOD_lecture_detail_wrap_left2 .tit a.active { color:#66a811; } .ssVOD_lecture_detail_wrap_left2 .tit .bar { display:inline-block; width:3px; height:22px; background:#000; margin-bottom:-4px; } .ssVOD_lecture_detail_wrap_left2 .tit .ball { position:absolute; top:-30px; left:50%; margin-left:-65px; } .ssVOD_lecture_detail_wrap_left3 { position:relative; width:100%; max-width:770px; text-align:center; margin-bottom:40px; display:table; clear:both; } .ssVOD_lecture_detail_wrap_left3 .tit { width:100%; height:22px; line-height:22px; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left3 .tit a,.ssVOD_lecture_detail_wrap_left2 .tit a:hover { font-size:22px; color:#000; padding:0 15px; font-weight:500; } .ssVOD_lecture_detail_wrap_left3 .tit a.active { color:#66a811; } .ssVOD_lecture_detail_wrap_left3 .tit .bar { display:inline-block; width:3px; height:22px; background:#000; margin-bottom:-4px; } .ssVOD_lecture_detail_wrap_left3 .tit .ball { position:absolute; top:-30px; left:50%; margin-left:-65px; } .tabList3 { position:relative; width:100%; margin:50px auto 30px auto; overflow:hidden; clear:both; } .tabBt3 { overflow:hidden; position:relative; top:0px; width:770px; background:#fff; margin:0; border-bottom:#d8d8d8 2px solid; z-index:7100; } .tabBt3 li { position:relative; display:inline-block; width:calc(20% - 1px); height:45px; line-height:45px; padding:0; background:#fff; font-size:18px; color:#010101; border-radius:10px 10px 0 0; margin-right:1px; letter-spacing:-2px; text-align:center; } .tabBt3 li:hover { background:#d8d8d8; } .tabBt3 li.on { background:#d8d8d8; } .ssVOD_lecture_detail_wrap_left5 { position:relative; width:100%; margin:50px 0; background:#e9e9e9; border-radius:20px; display:inline-block; padding:40px 40px 40px 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left5 dd { position:relative; width:350px; font-size:16px; color:#4c4949; line-height:28px; letter-spacing:-1px; display:inline-block; vertical-align:top; padding-bottom:20px; } .ssVOD_lecture_detail_wrap_left5 dt { position:relative; width:310px; margin:10px 20px; display:inline-block; vertical-align:top; } .ssVOD_lecture_detail_wrap_left5 dt img { width:100%; margin-top:10px; } .ssVOD_lecture_detail_wrap_left6 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0 ; letter-spacing:-2px; } .ssVOD_lecture_detail_wrap_left7 { position:relative; } .ssVOD_lecture_detail_wrap_left7 dd { text-align:center; width:29%; margin:20px 2%; display: inline-block; font-size:16px; color:#000; line-height:24px; letter-spacing:-1px; vertical-align:top; } .ssVOD_lecture_detail_wrap_left7 dd img { margin-bottom:40px; } .ssVOD_lecture_detail_wrap_left8 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left9 { position:relative; width:100%; text-align:center; font-size:17px; color:#3a3a3b; padding-bottom:20px; } .ssVOD_lecture_detail_wrap_left9 img { width:100%; max-width:555px; } .ssVOD_lecture_detail_wrap_left10 { text-align:center; padding:20px 0; } .ssVOD_lecture_detail_wrap_left10 dt { position:relative; width:100%; font-size:19px; color:#140b35; font-weight:800; padding:10px 0; } .ssVOD_lecture_detail_wrap_left10 dd { position:relative; width:100%; font-size:17px; color:#3a3a3b; line-height:25px; } .ssVOD_lecture_detail_wrap_left11 { text-align:center; padding:20px 0; } .ssVOD_lecture_detail_wrap_left11 dt { position:relative; width:100%; font-size:19px; color:#140b35; font-weight:800; padding:10px 0; } .ssVOD_lecture_detail_wrap_left11 dd { position:relative; width:100%; font-size:17px; color:#3a3a3b; line-height:25px; } .ssVOD_lecture_detail_wrap_left12 { position:relative; width:100%; text-align:center; padding:30px 0; } .ssVOD_lecture_detail_wrap_left12 a,.ssVOD_lecture_detail_wrap_left12 a:hover { font-size:17px; } .ssVOD_lecture_detail_wrap_left13 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left13 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left14 { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left14 dl { position:relative; width:100%; max-width:640px; margin:0 auto; } .ssVOD_lecture_detail_wrap_left14 dd { position:relative; width:320px; height:46px; padding-left:120px; margin:20px 0; font-size:15px; color:#000; line-height:21px; float:left; box-sizing:border-box; } .ssVOD_lecture_detail_wrap_left14 .list1 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon1.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list2 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon2.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list3 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon3.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list4 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon4.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list5 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon5.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list6 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon6.jpg) 40px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left15 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left16 { position:relative; width:100%; border-bottom:#ededed 1px solid; padding:40px 0; } .ssVOD_lecture_detail_wrap_left16 .after { position:relative; width:100%; padding:0 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left16 .after .name { position:relative; width:100%; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left16 .after .name .date { display:inline-block; padding-left:20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left16 .after .name .right { position:absolute; right:0; text-align:right; } .ssVOD_lecture_detail_wrap_left16 .after dt { position:relative; width:100%; font-size:24px; color:#000; font-weight:600; padding:15px 0; } .ssVOD_lecture_detail_wrap_left16 .after dd { position:relative; width:100%; font-size:14px; color:#000; font-weight:400; line-height:21px; margin-bottom:40px; } .ssVOD_lecture_detail_wrap_left16 .re { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left16 .re dt { position:relative; width:100%; height:55px; line-height:55px; padding:0 20px; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left16 .re dt img { width:43px; height:43px; border-radius:25px; border:#c5c5c5 2px solid; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left16 .re dd { position:relative; width:100%; padding:20px; background:#ededed; font-size:13px; color:#000; line-height:21px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left17 { position:relative; width:100%; padding:40px 0 0 0; text-align:center; } .ssVOD_lecture_detail_wrap_left17 a,.ssVOD_lecture_detail_wrap_left17 a:hover { height:32px; line-height:32px; padding:0 15px; background:#45CFBC; display:inline-block; font-size:15px; color:#fff; border-radius:10px; } .ssVOD_lecture_detail_wrap_left17 a img { margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left18 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left19 { width:100%; max-width:740px; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19 dl { position:relative; width:340px; margin:0 10px 50px 10px; display:inline-block; vertical-align:top; } .ssVOD_lecture_detail_wrap_left19 dl dt { position:relative; width:100%; min-height:80px; padding:0 0 20px 0; border-bottom:#bebebe 2px solid; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left19 dl dt .no { position:absolute; height:55px; line-height:55px; left:0; text-align:left; font-size:70px; color:#d2d2d2; letter-spacing:-5px; } .ssVOD_lecture_detail_wrap_left19 dl dt .week { position:relative; padding:0 60px 0 75px; text-align:left; font-size:12px; color:#000; padding-top:5px; } .ssVOD_lecture_detail_wrap_left19 dl dt .clas { position:relative; padding:5px 60px 5px 75px; text-align:left; font-size:16px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19 dl dt .tit { position:relative; padding:0 60px 0 75px; text-align:left; font-size:13px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19 dl dd { position:relative; height:20px; line-height:20px; display:block; font-size:12px; color:#626262; } .ssVOD_lecture_detail_wrap_left19 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19 dl dd .box2 { width:250px; float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) no-repeat; } .ssVOD_lecture_detail_wrap_left19 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left19_2 { width:100%; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19_2 dl { position:relative; width:90%; margin:0 auto 50px auto; display:block; } .ssVOD_lecture_detail_wrap_left19_2 dl dt { position:relative; width:100%; padding:0 0 20px 0; margin-bottom:30px; border-bottom:#e5e5e5 1px solid; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .clas { position:relative; padding:15px 60px 5px 0px; text-align:left; font-size:20px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .tit { position:relative; padding:0 60px 0 0px; text-align:left; font-size:20px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19_2 dl dd { position:relative; height:30px; line-height:30px; display:block; font-size:15px; color:#626262; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box2 { width:calc(100% - 90px); float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) repeat-x; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left19_3 { width:100%; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19_3 dl { position:relative; width:100%; margin:0 auto 50px auto; display:block; } .ssVOD_lecture_detail_wrap_left19_3 dl dt { position:relative; width:100%; padding:0 0 20px 0; margin-bottom:30px; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .clas { position:relative; padding:15px 60px 5px 0px; text-align:left; font-size:20px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .tit { position:relative; padding:0 60px 0 0px; text-align:left; font-size:13px; color:#BCBCC0; font-weight:500; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19_3 dl dd { position:relative; height:20px; line-height:20px; display:block; font-size:12px; color:#626262; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box2 { width:265px; float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) repeat-x; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left20 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left20 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left21 { position:relative; width:100%; border-bottom:#ededed 1px solid; padding:40px 0; } .ssVOD_lecture_detail_wrap_left21 .after { position:relative; width:100%; padding:0 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .after .name { position:relative; width:100%; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left21 .after .name .date { display:inline-block; padding-left:20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .after .name .right { position:absolute; right:0; top:-30px; text-align:right; } .ssVOD_lecture_detail_wrap_left21 .after dd { position:relative; width:100%; font-size:14px; color:#000; font-weight:400; line-height:21px; margin-bottom:40px; } .ssVOD_lecture_detail_wrap_left21 .re { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left21 .re dt { position:relative; width:100%; height:45px; line-height:45px; padding:0 20px; font-size:15px; color:#000; font-weight:500; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .re dt img { width:43px; height:43px; border-radius:25px; border:#c5c5c5 2px solid; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left21 .re dd { position:relative; width:100%; padding:20px; font-size:13px; color:#000; line-height:21px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left22 { position:relative; width:100%; padding:40px 0 0 0; text-align:center; } .ssVOD_lecture_detail_wrap_left22 a,.ssVOD_lecture_detail_wrap_left17 a:hover { height:32px; line-height:32px; padding:0 15px; background:#45CFBC; display:inline-block; font-size:15px; color:#fff; border-radius:10px; } .ssVOD_lecture_detail_wrap_left22 a img { margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left23 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left23 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left24 { position:relative; width:100%; text-align:center; } .ssVOD_lecture_detail_wrap_left25 { position:relative; width:100%; text-align:center; padding:60px 0; } .ssVOD_lecture_detail_wrap_left25 img { width:100%; max-width:730px; } .ssVOD_lecture_detail_wrap_left26 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:100px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left26 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left27 { position:relative; width:100%; text-align:center; } .ssVOD_lecture_detail_wrap_left27 dl { position:relative; width:230px; margin:15px 10px; display:inline-block; } .ssVOD_lecture_detail_wrap_left27 dl div { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left27 dl div img { width:100%; } .ssVOD_lecture_detail_wrap_left27 dl dt { position:relative; width:100%; padding:25px 0; font-size:16px; color:#814a06; font-weight:600; letter-spacing:-2px; text-align:left; } .ssVOD_lecture_detail_wrap_left27 dl dd { position:relative; width:100%; font-size:13px; color:#848484; line-height:21px; letter-spacing:-2px; text-align:left; } .class_list { position:relative; width:31%; background:#fff; border-radius:15px 15px 0 0; display:block; margin:3% 1%; float:left; } .class_list .top { position:relative; height:30px; line-height:30px; font-size:14px; color:#ff0707; font-weight:500; text-align:right; } .class_list .left { position:absolute; width:70px; height:24px; top:50px; left:0; background:#ff871e; border-radius:0 15px 15px 0; font-size:14px; color:#fff; line-height:23px; text-align:center; z-index:5; } .class_list .pic { position:relative; width:100%; overflow:hidden; border-radius:10px 10px 0 0; } .class_list .pic img { border-radius:10px 10px 0 0; } .class_list .thum { position:absolute; width:65px; height:65px; top:170px; right:10px; border-radius:35px; } .class_list .thum img { width:65px; height:65px; border-radius:35px; border:#fff 2px solid; } .class_list dt { position:relative; height:75px; display:block; border-bottom:#e5e5e5 1px solid; padding:20px 15px 10px 15px; letter-spacing:-1px; text-align:left; } .class_list dt a { font-size:17px; color:#272727; line-height:24px; } .class_list dt a:hover { color:#000; } .class_list .cate { position:relative; width:100%; height:50px; background:#fff; } .class_list .cate .date { position:absolute; left:15px; top:15px; height:17px; line-height:17px; font-size:13px; color:#616161; text-align:left; border-right:#e5e5e5 1px solid; padding:0 10px 0 0; } .class_list .cate .cost1 { position:absolute; text-align:right; right:45px; top:8px; border:0; font-size:14px; color:#000; text-decoration:line-through; } .class_list .cate .cost2 { position:absolute; text-align:right; right:45px; top:23px; border:0; font-size:15px; color:#ff0000; font-weight:500; } .class_list .cate .sale0 { position:absolute; width:30px; height:30px; right:10px; top:8px; background:#ff0000; color:#fff; font-size:10px; line-height:11px; border-radius:15px; text-align:center; padding-top:5px; box-sizing: border-box; } .show_more_btn_div { position:relative; width:100%; clear:both; } .show_more_btn_div .btn_more { position:relative; width:100%; margin:0 auto; text-align:center; padding:10px 0 40px 0; } .show_more_btn_div .btn_more a { position:relative; display:block; margin:0 auto; width:15%; border:#484848 3px solid; border-radius:50px; font-size:20px; color:#222; font-weight:600; text-align:center; padding:8px 0; } .dtl_desc {padding:0 5px; font-size:1.5rem; line-height:2.0rem; margin-top:20px;} #SCROLL { POSITION: absolute; PADDING-BOTTOM: 0; MARGIN: -535px 0 0 0; PADDING-LEFT: 0; PADDING-RIGHT: 0; RIGHT: 0; PADDING-TOP: 0; TOP: 535px; } } @media screen and (min-width:320px) and (max-width:1000px) { .ssVOD_lecture_detail_wrap { position:relative; width:100%; } .ssVOD_lecture_detail_wraper { position:relative; width:100%; max-width:760px; margin:0 auto; } .ssVOD_lecture_detail_wrap_top {position:relative; width:100%; max-width:760px; } .ssVOD_lecture_detail_wraper_top1 img { position:relative; width:100%; /*height:200px;*/ border-radius:0px; } .main_section3 { position:relative; width:100%; background:#f6fbfc; } .main_section3 .inner { position:relative; width:100%; height:31rem; margin:0 auto; line-height:45px; text-align:left; background:url(/image/sec3_bg.png) right bottom no-repeat; background-size:contain ; padding:90px 0 37px 50px;} .sec3_circle { position:relative; font-size:30px; color:#fff; font-weight:300; background:#0071bc; border-radius:100px; padding:0 20px; line-height:30px; } .sec3_circle span { font-weight:500; } /*.sec3_text { position:relative; display:block; font-size:24px; color:#333; font-weight:400; line-height:30px; margin:25px 0 10px 0; letter-spacing:-1px; }*/ .sec3_text { position:relative; display:block; font-size:2.4rem; color:#333; font-weight:400; line-height:3rem; margin:2.5rem 0 1rem 0; letter-spacing:0px; text-shadow: -1px -1px 0 #f6fbfc, 1px -1px 0 #f6fbfc, -1px 1px 0 #f6fbfc, 1px 1px 0 #f6fbfc; } .sec3_text span { font-weight:600; } .sec3_icon { position:relative; width:166px; margin:0 auto; } .sec3_icon img { width:100%; } .ssVOD_lecture_detail_wraper_top2 { width:100%; height:120px; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wraper_top2 dl { margin-top:25px; } .ssVOD_lecture_detail_wraper_top2 dd { height:40px; display:inline-block; text-align:center; font-size:13px; color:#000; line-height:45px; letter-spacing:-2px; padding:0 3%; } .ssVOD_lecture_detail_wraper_top2 dd .bold { font-size:18px; color:#0027a6; display:inline-block; } .ssVOD_lecture_detail_wraper_top2 dd .bold .small { font-size:12px; } .ssVOD_lecture_detail_wraper_top2 dt { height:40px; display:inline-block; text-align:center; } .ssVOD_lecture_detail_wraper_top2 dt .bar { position:relative; width:3px; height:20px; display:inline-block; background:#ced6ee; top:-20px; } .ssVOD_lecture_detail_wraper_top3 { position:relative; text-align:center; clear:both; margin-bottom:40px; } .ssVOD_lecture_detail_wraper_top3 img { vertical-align:middle; margin:-5px 10px 0 0 } .ssVOD_lecture_detail_wraper_top3 a,.ssVOD_lecture_detail_wraper_top3 a:hover { display:inline-block; height:50px; line-height:50px; text-align:center; background:#ff7e94; padding:0 15px; font-size:20px; color:#fff; font-weight:600; border-radius:8px; } .ssVOD_lecture_detail_wrap_right { position:relative; width:100%; max-width:760px; } .ssVOD_lecture_detail_wrap_right_border { position:relative; width:100%; border-top:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid; border-left:none; border-right:none; padding:10px 0 40px 0; } .ssVOD_lecture_detail_wraper_right1 { position:relative; width:100%; height:27px; line-height:27px; font-size:12px; color:#6b6b6b; padding:9px 18px 19px 18px; box-sizing: border-box; } .ssVOD_lecture_detail_wraper_right1 img { width:27px; height:27px; border:#35afa7 2px solid; border-radius:15px; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wraper_right2 { position:relative; line-height:24px; font-size:18px; color:#000; font-weight:700; letter-spacing:-2px; padding:20px 18px 10px 18px; box-sizing:border-box; } .ssVOD_lecture_detail_wraper_right3 { position:relative; font-size:13px; color:#bcbcbc; font-weight:600; padding:0 18px 15px 18px; } .ssVOD_lecture_detail_wraper_right4 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right4 .list { display:inline-block; width:80px; text-align:justify; letter-spacing:0.1px; } .ssVOD_lecture_detail_wraper_right5 .list { display:inline-block; width:80px; text-align:justify; letter-spacing:1px; } .ssVOD_lecture_detail_wraper_right6 .list { position:absolute; display:inline-block; width:80px; text-align:justify; letter-spacing:1px; } .ssVOD_lecture_detail_wraper_right5 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right6 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:3px 18px; } .ssVOD_lecture_detail_wraper_right6 .cost1 { width:105px; height:25px; display:block; font-size:15px; color:#000; margin-left:140px; text-align:center;} .ssVOD_lecture_detail_wraper_right6 .cost1 img { position:absolute; margin:9px 0 0 -15px; } .ssVOD_lecture_detail_wraper_right6 .cost2 { width:105px; height:25px; display:block; font-size:19px; color:#45CFBC; margin-left:65px; text-align:center; } .ssVOD_lecture_detail_wraper_right6 .circle { position:absolute; width:45px; height:45px; padding-top:7px; line-height:14px; text-align:center; top:0; left:270px; font-size:14px; color:#fff; background:#45CFBC; border-radius:25px; box-sizing: border-box; } .ssVOD_lecture_detail_wraper_right6_2 { position:relative; font-size:15px; color:#6b6b6b; font-weight:600; padding:10px 18px; } .ssVOD_lecture_detail_wraper_right6_2 .list { position:relative; display:inline-block; width:80px; text-align:justify; letter-spacing:1px; vertical-align:top; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box { position:relative; width:calc(100% - 145px); height:25px; display:inline-block; font-size:15px; color:#000; text-align:center;} .ssVOD_lecture_detail_wraper_right6_2 .cost_box .under { text-decoration:line-through; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box .red { color:#45CFBC; margin-left:5px; } .ssVOD_lecture_detail_wraper_right6_2 .cost_box .cost1 { width:100%; height:25px; display:block; font-size:15px; color:#000; letter-spacing:-1px; text-align:right;} .ssVOD_lecture_detail_wraper_right6_2 .cost_box .cost2 { width:100%; height:25px; display:block; font-size:15px; color:#000; letter-spacing:-1px; text-align:right;} .ssVOD_lecture_detail_wraper_right6_2 .circle { position:relative; width:45px; height:45px; padding-top:7px; line-height:14px; text-align:center; top:0px; font-size:14px; color:#fff; background:#ff0000; border-radius:25px; box-sizing:border-box; display:inline-block; vertical-align:top; margin-left:10px; } .ssVOD_lecture_detail_wraper_right7 { position:relative; font-size:35px; color:#140b35; font-weight:600; text-align:right; letter-spacing:-2px; padding:20px 18px 0 18px; } .ssVOD_lecture_detail_wraper_right8 { position:relative; height:90px; margin:20px 0 0 0; padding:0 18px; } .ssVOD_lecture_detail_wraper_right8 dd { position:relative; width:32%; font-size:15px; color:#676767; text-align:center; float:left; } .ssVOD_lecture_detail_wraper_right8 dd:nth-child(2) { margin:0 2%; } .ssVOD_lecture_detail_wraper_right8 dd img { margin-top:-6px; vertical-align:middle; } .ssVOD_lecture_detail_wraper_right8 dd a,.ssVOD_lecture_detail_wraper_right8 dd a:hover { width:100%; height:32px; line-height:32px; background:#ebebeb; text-align:center; display:block; border-radius:7px; font-size:14px; color:#b2b2b2; margin:5px 0; } .ssVOD_lecture_detail_wraper_right9 { margin-top:40px;padding:0 18px; clear:both; } .ssVOD_lecture_detail_wraper_right9 a,.ssVOD_lecture_detail_wraper_right9 a:hover { position:relative; width:100%; height:50px; line-height:50px; text-align:center; background:#fff; font-size:18px; color:#6B6B6B; border: 2px solid #45CFBC; border-radius:0px; display:block; margin-top:5px; font-weight:600; } .ssVOD_lecture_detail_wraper_right9 a:last-child,.ssVOD_lecture_detail_wraper_right9 a:hover:last-child { background:#45CFBC; color:#FFF;} .ssVOD_lecture_detail_wraper_right10 { position:relative; display:none; } .ssVOD_lecture_detail_wraper_right10 img { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left {position:relative; width:100%; max-width:760px; margin-bottom:50px;} .ssVOD_lecture_detail_wrap_left1 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:50px 0; letter-spacing:-2px; } .ssVOD_lecture_detail_wrap_left2 { position:relative; width:100%; max-width:760px; text-align:center; margin:40px auto; display:table; clear:both; } .ssVOD_lecture_detail_wrap_left2 .tit { width:100%; height:16px; line-height:16px; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left2 .tit a,.ssVOD_lecture_detail_wrap_left2 .tit a:hover { font-size:16px; color:#000; padding:0 5px; font-weight:500; letter-spacing:-2px; } .ssVOD_lecture_detail_wrap_left2 .tit a.active { color:#66a811; } .ssVOD_lecture_detail_wrap_left2 .tit .bar { display:inline-block; width:2px; height:16px; background:#000; margin-bottom:-4px; } .ssVOD_lecture_detail_wrap_left2 .tit .ball { position:absolute; top:-30px; left:50%; margin-left:-65px; } .ssVOD_lecture_detail_wrap_left3 { position:relative; width:100%; max-width:760px; text-align:center; margin:0 auto 40px auto; display:table; clear:both; } .ssVOD_lecture_detail_wrap_left3 .tit { width:100%; height:16px; line-height:16px; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left3 .tit a,.ssVOD_lecture_detail_wrap_left2 .tit a:hover { font-size:16px; color:#000; padding:0 5px; font-weight:500; letter-spacing:-2px; } .ssVOD_lecture_detail_wrap_left3 .tit a.active { color:#66a811; } .ssVOD_lecture_detail_wrap_left3 .tit .bar { display:inline-block; width:2px; height:16px; background:#000; margin-bottom:-4px; } .ssVOD_lecture_detail_wrap_left3 .tit .ball { position:absolute; top:-30px; left:50%; margin-left:-65px; } .tabList3 { position:relative; width:100%; margin:50px auto 30px auto; padding-top:60px; overflow:hidden; clear:both; } .tabBt3 { overflow:hidden; position:relative; top:0px; width:100%; max-width:760px; background:#fff; margin:0 auto; border-bottom:#d8d8d8 2px solid; z-index:90; padding-top:60px; } .tabBt3 li { position:relative; display:inline-block; width:calc(20% - 1px); height:35px; line-height:35px; padding:0; background:#fff; font-size:12px; color:#010101; border-radius:10px 10px 0 0; margin-right:1px; letter-spacing:-2px; text-align:center; } .tabBt3 li.on { background:#d8d8d8; } .ssVOD_lecture_detail_wrap_left5 { position:relative; width:100%; margin:50px 0; background:#e9e9e9; border-radius:20px; display:inline-block; padding:40px 40px 40px 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left5 dd { position:relative; width:330px; font-size:16px; color:#4c4949; line-height:28px; letter-spacing:-1px; } .ssVOD_lecture_detail_wrap_left5 dt { position:relative; width:330px; margin-top:20px; } .ssVOD_lecture_detail_wrap_left5 dt img { width:100%; margin-top:10px; } .ssVOD_lecture_detail_wrap_left6 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0 ; letter-spacing:-2px; } .ssVOD_lecture_detail_wrap_left7 { position:relative; } .ssVOD_lecture_detail_wrap_left7 dd { text-align:center; width:42%; margin:20px 2%; display: inline-block; font-size:16px; color:#000; line-height:24px; letter-spacing:-1px; vertical-align:top; } .ssVOD_lecture_detail_wrap_left7 dd img { margin-bottom:30px; } .ssVOD_lecture_detail_wrap_left8 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left9 { position:relative; width:100%; text-align:center; font-size:17px; color:#3a3a3b; padding-bottom:20px; } .ssVOD_lecture_detail_wrap_left9 img { width:100%; max-width:555px; } .ssVOD_lecture_detail_wrap_left10 { text-align:center; padding:20px 0; } .ssVOD_lecture_detail_wrap_left10 dt { position:relative; width:100%; font-size:19px; color:#140b35; font-weight:800; padding:10px 0; } .ssVOD_lecture_detail_wrap_left10 dd { position:relative; width:100%; font-size:17px; color:#3a3a3b; line-height:25px; } .ssVOD_lecture_detail_wrap_left11 { text-align:center; padding:20px 0; } .ssVOD_lecture_detail_wrap_left11 dt { position:relative; width:100%; font-size:19px; color:#140b35; font-weight:800; padding:10px 0; } .ssVOD_lecture_detail_wrap_left11 dd { position:relative; width:100%; font-size:17px; color:#3a3a3b; line-height:25px; } .ssVOD_lecture_detail_wrap_left12 { position:relative; width:100%; text-align:center; padding:30px 0; } .ssVOD_lecture_detail_wrap_left12 a,.ssVOD_lecture_detail_wrap_left12 a:hover { font-size:17px; } .ssVOD_lecture_detail_wrap_left13 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left13 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left14 { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left14 dl { position:relative; width:100%; max-width:640px; margin:0 auto; } .ssVOD_lecture_detail_wrap_left14 dd { position:relative; width:320px; padding-left:100px; height:46px; margin:20px 10px; font-size:15px; color:#000; line-height:21px; float:left; box-sizing:border-box; } .ssVOD_lecture_detail_wrap_left14 .list1 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon1.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list2 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon2.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list3 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon3.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list4 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon4.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list5 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon5.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left14 .list6 { background:url(/image/ssVOD_lecture_detail_wrap_left14_icon6.jpg) 20px 0 no-repeat; } .ssVOD_lecture_detail_wrap_left15 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left16 { position:relative; width:100%; border-bottom:#ededed 1px solid; padding:40px 0; } .ssVOD_lecture_detail_wrap_left16 .after { position:relative; width:100%; padding:0 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left16 .after .name { position:relative; width:100%; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left16 .after .name .date { display:inline-block; padding-left:20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left16 .after .name .right { position:absolute; right:0; text-align:right; } .ssVOD_lecture_detail_wrap_left16 .after dt { position:relative; width:100%; font-size:24px; color:#000; font-weight:600; padding:15px 0; } .ssVOD_lecture_detail_wrap_left16 .after dd { position:relative; width:100%; font-size:14px; color:#000; font-weight:400; line-height:21px; margin-bottom:40px; } .ssVOD_lecture_detail_wrap_left16 .re { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left16 .re dt { position:relative; height:55px; line-height:55px; padding:0 20px; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left16 .re dt img { width:43px; height:43px; border-radius:25px; border:#c5c5c5 2px solid; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left16 .re dd { position:relative; width:100%; padding:20px; background:#ededed; font-size:13px; color:#000; line-height:21px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left17 { position:relative; width:100%; padding:40px 0 0 0; text-align:center; } .ssVOD_lecture_detail_wrap_left17 a,.ssVOD_lecture_detail_wrap_left17 a:hover { height:32px; line-height:32px; padding:0 15px; background:#45CFBC; display:inline-block; font-size:15px; color:#fff; border-radius:10px; } .ssVOD_lecture_detail_wrap_left17 a img { margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left18 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left19 { width:100%; max-width:740px; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19 dl { position:relative; width:340px; margin:0 10px 50px 10px; display:inline-block; vertical-align:top; } .ssVOD_lecture_detail_wrap_left19 dl dt { position:relative; width:100%; min-height:80px; padding:0 0 20px 0; border-bottom:#bebebe 2px solid; margin-bottom:10px; } .ssVOD_lecture_detail_wrap_left19 dl dt .no { position:absolute; height:55px; line-height:55px; left:0; text-align:left; font-size:70px; color:#d2d2d2; letter-spacing:-5px; } .ssVOD_lecture_detail_wrap_left19 dl dt .week { position:relative; padding:0 60px 0 75px; text-align:left; font-size:12px; color:#000; padding-top:5px; } .ssVOD_lecture_detail_wrap_left19 dl dt .clas { position:relative; padding:5px 60px 5px 75px; text-align:left; font-size:16px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19 dl dt .tit { position:relative; padding:0 60px 0 75px; text-align:left; font-size:13px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19 dl dd { position:relative; height:20px; line-height:20px; display:block; font-size:12px; color:#626262; } .ssVOD_lecture_detail_wrap_left19 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19 dl dd .box2 { width:250px; float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) no-repeat; } .ssVOD_lecture_detail_wrap_left19 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left19_2 { width:100%; max-width:740px; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19_2 dl { position:relative; width:100%; max-width:340px; margin:0 auto 50px auto; display:block; } .ssVOD_lecture_detail_wrap_left19_2 dl dt { position:relative; width:100%; padding:0 0 20px 0; margin-bottom:30px; border-bottom:#e5e5e5 1px solid; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .clas { position:relative; padding:15px 60px 5px 0px; text-align:left; font-size:20px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .tit { position:relative; padding:0 60px 0 0px; text-align:left; font-size:20px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19_2 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19_2 dl dd { position:relative; height:30px; line-height:30px; display:block; font-size:15px; color:#626262; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box2 { width:calc(100% - 90px); float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) repeat-x; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19_2 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left19_3 { width:100%; margin:0 auto; text-align:center; } .ssVOD_lecture_detail_wrap_left19_3 dl { position:relative; width:100%; margin:0 auto 50px auto; display:block; } .ssVOD_lecture_detail_wrap_left19_3 dl dt { position:relative; width:100%; padding:0 0 20px 0; margin-bottom:30px; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .clas { position:relative; padding:15px 60px 5px 0px; text-align:left; font-size:20px; color:#000; font-weight:600; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .tit { position:relative; padding:0 60px 0 0px; text-align:left; font-size:13px; color:#BCBCC0; font-weight:500; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .view { position:absolute; top:0px; right:0; } .ssVOD_lecture_detail_wrap_left19_3 dl dt .view a,.ssVOD_lecture_detail_wrap_left19 dl dt .view a:hover { width:60px; height:60px; padding-top:10px; line-height:16px; border-radius:30px; background:#ff9797; color:#fff; display:inline-block; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left19_3 dl dd { position:relative; height:20px; line-height:20px; display:block; font-size:12px; color:#626262; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box1 { width:50px; float:left; text-align:left; font-weight:600; color:#000; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box2 { width:265px; float:left; text-align:left; background:url(/image/ssVOD_lecture_detail_wrap_left19_line.jpg) repeat-x; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box2 span { position:relative; display:inline-block; background:#fff; height:20px; padding:0 10px 0 0; } .ssVOD_lecture_detail_wrap_left19_3 dl dd .box3 { width:40px; float:left; text-align:right; } .ssVOD_lecture_detail_wrap_left20 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left20 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left21 { position:relative; width:100%; border-bottom:#ededed 1px solid; padding:40px 0; } .ssVOD_lecture_detail_wrap_left21 .after { position:relative; width:100%; padding:0 20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .after .name { position:relative; width:100%; font-size:15px; color:#000; font-weight:500; } .ssVOD_lecture_detail_wrap_left21 .after .name .date { display:inline-block; padding-left:20px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .after .name .right { position:absolute; right:0; top:-30px; text-align:right; } .ssVOD_lecture_detail_wrap_left21 .after dd { position:relative; width:100%; font-size:14px; color:#000; font-weight:400; line-height:21px; margin-bottom:40px; } .ssVOD_lecture_detail_wrap_left21 .re { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left21 .re dt { position:relative; width:100%; height:45px; line-height:45px; padding:0 20px; font-size:15px; color:#000; font-weight:500; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left21 .re dt img { width:43px; height:43px; border-radius:25px; border:#c5c5c5 2px solid; margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left21 .re dd { position:relative; width:100%; padding:20px; font-size:13px; color:#000; line-height:21px; box-sizing: border-box; } .ssVOD_lecture_detail_wrap_left22 { position:relative; width:100%; padding:40px 0 0 0; text-align:center; } .ssVOD_lecture_detail_wrap_left22 a,.ssVOD_lecture_detail_wrap_left17 a:hover { height:32px; line-height:32px; padding:0 15px; background:#45CFBC; display:inline-block; font-size:15px; color:#fff; border-radius:10px; } .ssVOD_lecture_detail_wrap_left22 a img { margin-right:5px; vertical-align:middle; } .ssVOD_lecture_detail_wrap_left23 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:150px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left23 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left24 { position:relative; width:100%; text-align:center; } .ssVOD_lecture_detail_wrap_left25 { position:relative; width:100%; text-align:center; padding:60px 0; } .ssVOD_lecture_detail_wrap_left25 img { width:100%; max-width:730px; } .ssVOD_lecture_detail_wrap_left26 { position:relative; width:100%; font-size:40px; line-height:50px; color:#000; font-weight:600; text-align:center; padding:100px 0 50px 0; letter-spacing:-2px; clear:both; } .ssVOD_lecture_detail_wrap_left26 span { font-weight:300; } .ssVOD_lecture_detail_wrap_left27 { position:relative; width:100%; text-align:center; } .ssVOD_lecture_detail_wrap_left27 dl { position:relative; width:90%; margin:15px 0px; display:inline-block; } .ssVOD_lecture_detail_wrap_left27 dl div { position:relative; width:100%; } .ssVOD_lecture_detail_wrap_left27 dl div img { width:100%; } .ssVOD_lecture_detail_wrap_left27 dl dt { position:relative; width:100%; padding:15px 0 5px 0; font-size:18px; color:#814a06; font-weight:600; letter-spacing:-2px; text-align:left; } .ssVOD_lecture_detail_wrap_left27 dl dd { position:relative; width:100%; font-size:14px; color:#848484; line-height:20px; letter-spacing:-2px; text-align:left; } .class_list { position:relative; width:48%; background:#fff; border-radius:15px 15px 0 0; display:block; margin:4% 1%; float:left; } .class_list .top { position:relative; height:30px; line-height:30px; font-size:12px; color:#ff0707; font-weight:500; text-align:right; letter-spacing:-1px; } .class_list .left { position:absolute; width:45px; height:18px; top:50px; left:0; background:#ff871e; border-radius:0 10px 10px 0; font-size:9px; color:#fff; line-height:17px; text-align:center; z-index:5; } .class_list .pic { position:relative; width:100%; overflow:hidden; border-radius:10px 10px 0 0; } .class_list .pic img { border-radius:10px 10px 0 0; } .class_list .thum { position:absolute; width:50px; height:50px; top:125px; right:10px; border-radius:25px; } .class_list .thum img { width:50px; height:50px; border-radius:25px; border:#fff 2px solid; } .class_list dt { position:relative; height:50px; display:block; border-bottom:#e5e5e5 1px solid; padding:15px 0 5px 0; letter-spacing:-1px; text-align:left; } .class_list dt a { font-size:13px; color:#272727; line-height:16px; } .class_list dt a:hover { color:#000; } .class_list .cate { position:relative; height:50px; padding:0 15px; background:#fff; } .class_list .cate .date { position:absolute; left:0px; top:15px; height:9px; border-right:#e5e5e5 1px solid; line-height:9px; font-size:9px; color:#616161; text-align:left; border-right:#e5e5e5 1px solid; padding:0 10px 0 0; } .class_list .cate .cost1 { position:absolute; text-align:right; right:35px; top:6px; border:0; font-size:14px; color:#000; text-decoration:line-through; } .class_list .cate .cost2 { position:absolute; text-align:right; right:35px; top:21px; border:0; font-size:15px; color:#ff0000; font-weight:500; } .class_list .cate .sale0 { position:absolute; width:30px; height:30px; right:0px; top:6px; background:#ff0000; color:#fff; font-size:10px; line-height:11px; border-radius:15px; text-align:center; padding-top:3px; box-sizing: border-box; } .show_more_btn_div { position:relative; width:100%; clear:both; } .show_more_btn_div .btn_more { position:relative; width:100%; margin:0 auto; text-align:center; padding:5px 0 20px 0; } .show_more_btn_div .btn_more a { position:relative; display:block; margin:0 auto; width:15%; border:#484848 2px solid; border-radius:50px; font-size:12px; color:#222; font-weight:600; text-align:center; padding:4px 0; } .dtl_tit {margin:20px 0 0 10px; font-size:2.0rem; font-weight:500; color:#000;} .dtl_desc {padding:0 12px; font-size:1.8rem; line-height:2.0rem; margin-top:20px;} #SCROLL { POSITION:relative; PADDING-BOTTOM: 0; MARGIN: 0 0 0 0; PADDING-LEFT: 0px; PADDING-RIGHT: 0; RIGHT: 0; PADDING-TOP: 0; TOP: 0; } }