@charset "utf-8";
/* main */
body.main {background:#f0efe2 url('/mobile/mobileCom/images/main/journal_current_bg01.jpg') repeat 0 0;background-size:100%;}
body.main .page_tit { margin-top:41px; }
body.main .menu { position:relative; z-index:2; width:860px; margin:74px auto 0; } /* 2021.06.16 : 수정 */
body.main .menu:after { content:""; display:block; clear:both; }
body.main .menu li { float:left; margin-left:15px; } /* 2021.06.16 : 수정 */
body.main .menu li:first-child { margin-left:0; }
body.main .menu li a { display:block; text-align:center; font-size:0; } /* 2021.06.16 : 수정 */
body.main .menu li a span { display:block; position:relative; width:160px; height:160px; margin-bottom:28px; border-radius:20px; background:#f8f8f8; } /* 2021.06.16 : 수정 */
body.main .menu li a span img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; }
body.main .menu li a/*.active*/ span { background:#fff; box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.14); }
body.main.tu {background:#190420 url('/mobile/mobileCom/images/main/journal_current_bg04.jpg');}
body.main.tu .menu li a span {background:#f8f8f8;}
body.main.tu .menu li a > img {opacity:0.2;}
body.main.tu .menu li a/*.active*/ > img {opacity:1;}

body.main .object_area {position:absolute;left:0;top:auto;bottom:0;width:100%;height:calc(100% - 0.3rem);z-index:1;pointer-events:none;overflow:hidden;}
body.main .object_area > div[class^=obj] {transform:translateY(-1024px);position:absolute;animation-name:bounce;animation-duration:800ms;animation-fill-mode:forwards;}

body.main.collections .object_area {height:1020px;}
body.main.collections .object_area .obj1 {top:173px;margin-left:-860px;}
body.main.collections .object_area .obj2 {top:655px;margin-left:-912px;}
body.main.collections .object_area .obj3 {top:780px;margin-left:-678px;}
body.main.collections .object_area .obj4 {top:382px;margin-left:646px;}

@keyframes bounce {
    0% {transform:translateY(-1024px);opacity:0;}
    50% {transform:translateY(0);opacity:1;}
    65% {transform:translateY(-50px);opacity:1;}
    75% {transform:translateY(0);opacity:1;}
    95% {transform:translateY(-10px);opacity:1;}
    100% {transform:translateY(0);opacity:1;}
}

body.main.nhk .object_area .obj1 {top:129px;left:-30px;animation-delay: 0ms;}
body.main.nhk .object_area .obj1 img {width:148px;}
body.main.nhk .object_area .obj2 {top:190px;left:190px;animation-delay: 100ms;}
body.main.nhk .object_area .obj2 img {width:145px;}
body.main.nhk .object_area .obj3 {top:490px;left:-50px;animation-delay: 0ms;}
body.main.nhk .object_area .obj3 img {width:131px;transform:rotate(-15deg);}
body.main.nhk .object_area .obj4 {top:392px;right:0;animation-delay: 200ms;}
body.main.nhk .object_area .obj4 img {}
body.main.nhk .object_area .obj5 {top:530px;left:65px;animation-delay: 400ms;}
body.main.nhk .object_area .obj5 img {width:108px;}
body.main.nhk .object_area .obj6 {top:100px;right:-50px;animation-delay: 0ms;}
body.main.nhk .object_area .obj6 img {width:230px;transform:rotate(-15deg);}
body.main.nhk .object_area .obj7 {top:530px;right:-80px;animation-delay: 100ms;}
body.main.nhk .object_area .obj7 img {}

body.main.pbu .object_area .obj1 {top:106px;left:60px;animation-delay: 100ms;}
body.main.pbu .object_area .obj1 img {width:122px;}
body.main.pbu .object_area .obj2 {top:270px;left:-60px;animation-delay: 0ms;}
body.main.pbu .object_area .obj2 img {width:128px;}
body.main.pbu .object_area .obj3 {bottom:60px;left:-38px;animation-delay: 400ms;}
body.main.pbu .object_area .obj3 img {width:180px;}
body.main.pbu .object_area .obj4 {top:383px;left:64px;animation-delay: 200ms;}
body.main.pbu .object_area .obj4 img {width:80px;}
body.main.pbu .object_area .obj5 {top:148px;right:4px;animation-delay: 0ms;}
body.main.pbu .object_area .obj5 img {width:155px;}
body.main.pbu .object_area .obj6 {top:-20px;right:100px;animation-delay: 100ms;}
body.main.pbu .object_area .obj6 img {width:116px;}
body.main.pbu .object_area .obj7 {bottom:27px;right:-40px;animation-delay: 0ms;}
body.main.pbu .object_area .obj7 img {width:252px;}

/* body.main.bu .object_area .obj1 {top:0;}
body.main.bu .object_area .obj2 {top:0;}
body.main.bu .object_area .obj3 {top:0;}
body.main.bu .object_area .obj4 {top:0;}
body.main.bu .object_area .obj5 {top:0;}
body.main.bu .object_area .obj6 {top:0;}
body.main.bu .object_area .obj7 {top:0;} */

body.main.so .object_area .obj1 {top:65px;left:160px;animation-delay: 200ms;}
body.main.so .object_area .obj1 img {width:117px;}
body.main.so .object_area .obj2 {bottom:70px;left:-86px;animation-delay: 0ms;}
body.main.so .object_area .obj2 img {width:159px;}
body.main.so .object_area .obj3 {top:266px;left:-33px;animation-delay: 100ms;}
body.main.so .object_area .obj3 img {width:100px;}
body.main.so .object_area .obj4 {bottom:21px;left:109px;animation-delay: 0ms;}
body.main.so .object_area .obj4 img {width:36px;}
body.main.so .object_area .obj5 {display:none;}
body.main.so .object_area .obj6 {top:75px;right:-12px;animation-delay: 100ms;}
body.main.so .object_area .obj6 img {width:149px;}
body.main.so .object_area .obj7 {bottom:6px;right:-82px;animation-delay: 400ms;}
body.main.so .object_area .obj7 img {width:300px;}
body.main.so .object_area .obj8 {bottom:84px;left:173px;animation-delay: 100ms;}
body.main.so .object_area .obj8 img {width:18px;transform-origin:0% 100%;transform:rotate(15deg);}

body.main.tu .object_area .obj1 {bottom:28px;right:-36px;animation-delay: 400ms;}
body.main.tu .object_area .obj1 img {width:168px;}
body.main.tu .object_area .obj2 {top:119px;right:190px;animation-delay: 100ms;}
body.main.tu .object_area .obj2 img {width:58px;}
body.main.tu .object_area .obj3 {top:177px;left:63px;animation-delay: 0ms;}
body.main.tu .object_area .obj3 img {width:98px;}
body.main.tu .object_area .obj4 {top:105px;left:0;animation-delay: 100ms;}
body.main.tu .object_area .obj4 img {width:81px;}
body.main.tu .object_area .obj5 {bottom:208px;left:-125px;animation-delay: 200ms;}
body.main.tu .object_area .obj5 img {width:235px;}
body.main.tu .object_area .obj6 {top:103px;right:-52px;animation-delay: 400ms;}
body.main.tu .object_area .obj6 img {width:218px;}
body.main.tu .object_area .obj7 {top:-20px;left:608px;animation-delay: 0ms;}
body.main.tu .object_area .obj7 img {width:116px;}
body.main.tu .object_area .obj8 {top:150px;left:162px;animation-delay: 100ms;}
body.main.tu .object_area .obj8 img {width:64px;}
body.main.tu .object_area .obj9 {top:-110px;right:-86px;animation-delay: 0ms;}
body.main.tu .object_area .obj9 img {width:245px;}
body.main.tu .object_area .obj10 {display:none;}

/* elearning */
/* 데이터없을시 */
#contents .no_data {display:block;overflow:hidden;position:static;font:none;width:100%;padding:50px 0;margin:0;background:none;text-align:center;}
#contents li.no_data {border:0 none;}
#contents td.no_data {display:table-cell;width:auto;}

.elearning {background:#fafbf6;}
.elearning .myclass {position:relative;width:900px;margin:35px auto 0;}
.elearning .myclass .tit_main {padding-bottom:25px;}
.elearning .myclass .tit_main .navigation {padding-top:36px;}
.elearning .myclass .t_point{color:#db5565;}
.elearning .myclass .t_strong{color:#333;}
.elearning .myclass .article_wrap{margin:30px 0 0;}
.elearning .myclass .article_wrap.fst {margin-top:0;}
.elearning .myclass .article_wrap:first-child{margin-top:0;}
.elearning .myclass .article_wrap .article{margin:20px 0 0;}
.elearning .myclass .article_wrap .article:first-child{margin-top:0;}
.elearning .myclass .article_wrap .h4{position:relative;margin:0 0 9px 20px;padding:1px 0 1px 19px;background:url(/slpCom/images/elearning/myclass/ico_h4.gif) no-repeat;line-height:19px;}
.elearning .myclass .article_wrap .h4 .img_ready {position:absolute; right:3px; top:-4px;}
.elearning .myclass .article_wrap .h4_past {margin-bottom:7px;padding:0 0 2px 19px;}
.elearning .myclass .article_wrap .h5{margin:0 0 5px;}
.elearning .myclass .photo_wrap{display:inline-block;position:relative;width:43px;height:43px;}
.elearning .myclass .photo_wrap img{width:100%;height:100%;}
.elearning .myclass .photo_wrap .mask{position:absolute;left:0;top:0;right:0;bottom:0;background:url('/slpCom/images/elearning/myclass/bg_mask_class.png') no-repeat;}
.elearning .myclass .gage_wrap{position:relative;height:6px;margin:0 0 0 3px;background:url(/slpCom/images/elearning/myclass/bg_gage.png) no-repeat 100% -12px;}
.elearning .myclass .gage_wrap > .cap{position:absolute;left:-3px;top:0;width:3px;height:6px;background:url(/slpCom/images/elearning/myclass/bg_gage.png) no-repeat 0 -12px;}
.elearning .myclass .gage_wrap .gage{position:absolute;left:0;top:0;height:6px;background:url(/slpCom/images/elearning/myclass/bg_gage.png) no-repeat 100% -18px;}
.elearning .myclass .gage_wrap .gage > span{position:absolute;left:-3px;top:0;width:3px;height:100%;background:url(/slpCom/images/elearning/myclass/bg_gage.png) no-repeat 0 -18px;}
.elearning .myclass .gage_wrap em{overflow:hidden;position:absolute;right:36px;bottom:6px;width:48px;height:36px;background:url(/slpCom/images/elearning/myclass/txt_mileage.png) no-repeat 0 100%;font-size:0;line-height:0;text-indent:-9999px;}
.elearning .myclass .gage_wrap em.gage100 {right:-23px;}
.elearning .myclass .gage_wrap em.on {background-position:0 0;}

/* PastClass */
/* 그래프 */
.myclass .group_graph {position:relative;}
.myclass .group_graph .bg_group {position:absolute;left:0;top:0;}

/* 세로형그래프 */
.myclass .graph_type1 .graph {position:relative;display:flex;align-items:flex-end;justify-content:space-around;height:154px;}
.myclass .graph_type1 .graph .obj {position:relative;width:8px;}
.myclass .graph_type1 .graph .obj .line {overflow:hidden;position:absolute;left:0;bottom:0;width:8px;height:100%;}
.myclass .graph_type1 .graph .obj .line img {position:absolute;left:0;bottom:0;}
.myclass .graph_type1 .graph .obj .score {position:absolute;top:-24px;left:-9px;width:26px;height:20px;}
.myclass .graph_type1 .graph .obj .score .num {position:absolute;left:-1px;top:-1px;width:100%;font-size:11px;line-height:1.5;color:#fff;text-align:center;}
.myclass .graph_type1 .graph .obj .hide {left:-29px;top:auto;bottom:-21px;width:70px;height:15px;font-size:11px;color:#222;line-height:1.5;text-indent:0;text-align:center;letter-spacing:-1px;}

/* 가로형그래프 */
.myclass .graph_type2 .graph {position:relative;width:100%;}
.myclass .graph_type2 .graph .obj {position:absolute;left:0;height:8px;}
.myclass .graph_type2 .graph .obj .line {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:8px;}
.myclass .graph_type2 .graph .obj .line img {position:absolute;left:0;top:0;}
.myclass .graph_type2 .graph .obj .score {position:absolute;top:-7px;right:-84px;width:74px;height:16px;font-weight:bold;font-size:13px;letter-spacing:-1px;}
.myclass .graph_type2 .graph .obj .score .num {color:#6694bb;}
.myclass .graph_type2 .graph .obj .score .num .max {color:#666;}
.myclass .graph_type2 .graph .obj .hide {left:-87px;top:-8px;width:85px;height:20px;font-weight:bold;font-size:15px;line-height:1.5;text-indent:0;}

.myclass .box_search {overflow:hidden;width:100%;height:47px;padding-top:18px;background:url(/slpCom/images/elearning/myclass/box_gray.png) no-repeat;}
.myclass .box_search .tit {float:left;padding:6px 10px 0 20px;}
.myclass .box_search select {float:left;width:110px;height:30px;font-size:13px;margin-right:7px;border:1px solid #d6d6d6;background:#fff;}
.myclass .box_search select.fst {padding-left: 6px; width:200px;}
.myclass .box_search input {float:left;}
.myclass .box_search .btn_search {float:left;width:62px;height:32px;cursor:pointer;}
.myclass .box_search .info {float:left;padding:8px 0 0 34px;}
.myclass .week_lesson{margin:9px 0 0;}
.myclass .week_lesson .head{padding:0 30px;background:url(/slpCom/images/elearning/myclass/bg_week_head.gif) no-repeat;}
.myclass .week_lesson .head table{width:100%;}
.myclass .week_lesson .head td{height:80px;}
.myclass .week_lesson .head h5{display:inline-block;margin:0 15px 0 0;vertical-align:middle;font-size:0;}
*+html .myclass .week_lesson .head h5{display:inline;}
.myclass .week_lesson .contents{display:inline-block;vertical-align:middle;}
*+html .myclass .week_lesson .contents{display:inline;}
.myclass .week_lesson .guest{width:240px;background:url(/slpCom/images/elearning/myclass/bg_guest.gif) no-repeat 0 50%;font-size:16px;line-height:40px;color:#333;text-align:center; white-space: nowrap;}
.myclass .week_lesson .guest .bar{padding:0 2px;color:#bbb49e;}
.myclass .week_lesson .learning{padding:0 0 0 42px;}
.myclass .week_lesson .learning h5{padding:10px 0 0;margin-right:20px;vertical-align:top;}
.myclass .week_lesson .learning .contents{position:relative;width:301px;height:60px;background:url(/slpCom/images/elearning/myclass/bg_nano.png) no-repeat 0 100%;}
.myclass .week_lesson .learning .progress{margin:-5px 0 4px;font-size:18px;color:#95877e;}
.myclass .week_lesson .learning .progress em{color:#db5565;}
.myclass .week_lesson .learning .gage_wrap{background-position:100% 0;}
.myclass .week_lesson .learning .gage_wrap > .cap{background-position:0 0;}
.myclass .week_lesson .learning .gage_wrap .gage{background-position:100% -6px;}
.myclass .week_lesson .learning .gage_wrap .gage > span{background-position:0 -6px;}
.myclass .week_lesson .session{padding:1px 4px 0 0;text-align:right;}
.myclass .week_lesson .session .contents{width:34px;height:33px;padding:0 0 0 23px;background:url(/slpCom/images/elearning/myclass/bg_dday.gif) no-repeat;font-weight:bold;font-size:18px;line-height:32px;text-align:center;color:#f1efe2;letter-spacing:-1px;}
.myclass .week_lesson .body{height:399px;background:url(/slpCom/images/elearning/myclass/bg_week_body.gif) no-repeat;}
.myclass .week_lesson .past{text-align:right;}
.myclass .week_lesson .past h5 {margin:0 8px 0 0;}
.myclass .week_lesson .past .contents{font-weight:bold;font-size:16px;color:#333;}
.myclass #week_area {position:relative;padding:28px 0 0;}
.myclass #week_area .box_wrap {position:relative;z-index:2;width:590px;margin:0 auto;}
.myclass #week_area .box_wrap .box_img {position:relative;overflow:hidden;width:480px;height:260px;margin:0 auto;}
.myclass #week_area .imgBox {position:relative;height:282px;}
.myclass #week_area .imgBox li {float:left;width:480px;}
.myclass #week_area .week_box{height:260px;padding:0 30px;background:url(/slpCom/images/elearning/myclass/box_week.png) no-repeat;}
.myclass #week_area .week_box .tit{position:relative;margin:0 0 16px;padding:24px 15px 0;}
.myclass #week_area .week_box .tit .more{position:absolute;right:10px;top:20px;}
.myclass #week_area .week_box .tit .term {position:absolute;left:119px;top:37px;font-size:11px; color:#222;}
.myclass #week_area .week_box .foot{border-top:1px solid #eae9e7;}
.myclass #week_area .week_box .foot table{table-layout:fixed;width:100%;}
.myclass #week_area .week_box .foot td{height:150px;border-left:1px solid #eae9e7;vertical-align:top;text-align:center;}
.myclass #week_area .week_box .foot td:first-child{border-left:0;}
.myclass #week_area .week_box .foot dl{padding:16px 0 0;}
.myclass #week_area .week_box .foot dt{margin:0 0 16px;}
.myclass #week_area .week_box .foot dd{margin:7px 0 0;}
.myclass #week_area .week_box .foot dt + dd{margin-top:0;}
.myclass #week_area .week_box .foot dd a{display:inline-block;vertical-align:middle;}
.myclass #week_area .week_box .foot dd.wrap a{overflow:hidden;height:38px;}
.myclass #week_area .week_box .foot dd.wrap a.comp img{margin:-38px 0 0;}
.myclass #week_area .week_box .foot dd a.btn_start {overflow:hidden;height:85px;}
.myclass #week_area .week_box .foot dd a.btn_start.comp img{margin:-100px 0 0;}
.myclass #week_area .dotBox {position:relative;margin:-58px 0 0 0;background:#ccc;}
.myclass #week_area .dotBox li {position:absolute;}
.myclass #week_area .dotBox li a {display:block;}
.myclass #week_area .dotBox li.week1{left:30px;top:0;}
.myclass #week_area .dotBox li.week2{left:252px;top:66px;}
.myclass #week_area .dotBox li.week3{left:502px;top:68px;}
.myclass #week_area .dotBox li.week4{right:28px;top:-13px;}
.myclass #week_area .dotBox li.week1 a{width:193px;height:129px;}
.myclass #week_area .dotBox li.week2 a{width:218px;height:62px;}
.myclass #week_area .dotBox li.week3 a{width:221px;height:70px;}
.myclass #week_area .dotBox li.week4 a{width:132px;height:105px;}
.myclass #week_area .dotBox li.week1.active a{background:url(/slpCom/images/elearning/myclass/img_week1.png) no-repeat;}
.myclass #week_area .dotBox li.week2.active a{background:url(/slpCom/images/elearning/myclass/img_week2.png) no-repeat;}
.myclass #week_area .dotBox li.week3.active a{background:url(/slpCom/images/elearning/myclass/img_week3.png) no-repeat;}
.myclass #week_area .dotBox li.week4.active a{background:url(/slpCom/images/elearning/myclass/img_week4.png) no-repeat;}
.myclass #week_area .dotBox li.active .frame {position:absolute;top:0;left:0;width:190px; height:140px;border:5px solid blue;}
.myclass #week_area .dotBox li span{position:absolute;width:26px;height:26px;text-indent:-9999px;background:url(/slpCom/images/elearning/myclass/ico_lesson.png) no-repeat;}
.myclass #week_area .dotBox li .l1{left:39px;top:42px;}
.myclass #week_area .dotBox li .l2{left:92px;top:72px;}
.myclass #week_area .dotBox li .l3{left:152px;top:91px;}
.myclass #week_area .dotBox li .l4{left:56px;top:20px;}
.myclass #week_area .dotBox li .l5{left:116px;top:12px;}
.myclass #week_area .dotBox li .l6{left:176px;top:22px;}
.myclass #week_area .dotBox li .l7{left:62px;top:36px;}
.myclass #week_area .dotBox li .l8{left:122px;top:30px;}
.myclass #week_area .dotBox li .l9{left:182px;top:13px;}
.myclass #week_area .dotBox li .l10{left:50px;top:42px;}
.myclass #week_area .dotBox li .l11{left:91px;top:13px;background:url(/slpCom/images/common/bg_1_1.gif) repeat 0 0;}
.myclass #week_area .dotBox li .comp{background-position:0 -26px;}
.myclass #week_area .thumb {float:left;width:200px;height:150px;}
.myclass #week_area .box_wrap .btn {overflow:hidden;position:absolute;top:50%;height:47px;margin:-30px 0 0;}
.myclass #week_area .box_wrap .btn img{margin:-47px 0 0;}
.myclass #week_area .box_wrap .btn.none{cursor:default;}
.myclass #week_area .box_wrap .btn.none img{margin-top:0;}
.myclass #week_area .btn_left,
.myclass #week_area  .img_left {left:0}
.myclass #week_area .btn_right,
.myclass #week_area  .img_right {right:0}
.myclass .box_round{position:relative;margin:0 0 0 20px;background:url(/slpCom/images/elearning/myclass/box_round.png) no-repeat 100% 0;}
.myclass .box_round + div{margin:20px 0 0;}
.myclass .box_round > span{position:absolute;left:-20px;top:0;height:100%;width:20px;background:url(/slpCom/images/elearning/myclass/box_round.png) no-repeat;}
.myclass .box_round table{width:100%;}
.myclass .box_round td{height:30px;}
.myclass .box_round img{vertical-align:middle;}
.myclass .al_middle{display:inline-block;vertical-align:middle;}
*+html .myclass .al_middle{display:inline;}
.myclass .ico_o{display:inline-block;padding:0 0 0 20px;background:url(/slpCom/images/elearning/myclass/ico_circle.png) no-repeat 0 50%;}
.myclass .progress_wrap{height:300px;padding:20px;background:url(/slpCom/images/elearning/myclass/box_progress.png) no-repeat;}
.myclass .progress_wrap .conLeft{float:left;width:171px;margin:-5px 0 0 10px;text-align:center;}
.myclass .progress_wrap .conLeft .head{height:213px;margin:0 6px 0 0;}
.myclass .progress_wrap .conLeft .head .name{font-weight:bold;font-size:24px;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.25);}
.myclass .progress_wrap .conLeft .head .photo_wrap{display:block;width:93px;height:93px;margin:10px auto 0;}
.myclass .progress_wrap .conLeft .head .mask{background:url(/slpCom/images/elearning/myclass/bg_mask.png) no-repeat 50%;}
.myclass .progress_wrap .conLeft .progress{display:inline-block;width:160px;height:41px;margin:15px 0 0;padding:0 5px 0 0;font-weight:bold;font-size:13px;line-height:39px;background:url(/slpCom/images/elearning/myclass/txt_unit.png) no-repeat;text-align:right;}
.myclass .progress_wrap .conLeft .progress em{display:inline-block;margin:0 2px 0 0;vertical-align:middle;font-weight:normal;font-size:18px;color:#e06c7a;}
.myclass .progress_wrap .conLeft .body{overflow:hidden;width:171px;height:73px;padding-top:17px;}
.myclass .progress_wrap .conLeft .body .txt {float:left;padding-top:14px;}
.myclass .progress_wrap .conLeft .body a {overflow:hidden;float:right;width:72px;height:73px;}
.myclass .progress_wrap .conRight{float:right;width:607px;padding:25px 23px 20px 20px;}
.myclass .progress_wrap .conRight h5{float:left;margin:0 22px 0 0;}
.myclass .progress_wrap .conRight .stick_graph{float:left;width:530px;margin:20px 0 0;}
.myclass .stick_graph .outer{position:relative;margin:0 0 0 30px;}
.myclass .stick_graph .amount{position:absolute;left:-33px;bottom:-29px;width:20px;padding:0 10px 0 0;font-weight:bold;font-size:10px;line-height:20px;color:#cac3be;text-align:right;}
.myclass .stick_graph .wrap{position:relative;height:201px;background:url('/slpCom/images/elearning/myclass/bg_graph.png');}
.myclass .stick_graph .wrap .inner{table-layout:fixed;width:100%;}
.myclass .stick_graph .wrap .inner td{text-align:center;}
.myclass .stick_graph .graph_wrap{position:relative;}
.myclass .stick_graph .graph_wrap .graph{width:100%;}
.myclass .stick_graph .graph_wrap .graph td{height:200px;vertical-align:bottom;}
.myclass .stick_graph .graph_wrap .graph .lesson{display:inline-block;position:relative;width:8px;background:url('/slpCom/images/elearning/myclass/bg_stick.png') repeat-y;vertical-align:bottom;}
.myclass .stick_graph .graph_wrap .graph .lesson em{position:absolute;left:50%;top:-20px;width:26px;height:20px;margin:0 0 0 -13px;background:url('/slpCom/images/elearning/myclass/ico_bubble.png');color:#fff;font-size:10px;text-align:center;}
.myclass .stick_graph .graph_wrap .years{display:inline-block;margin:7px 0 0 1px;font-weight:bold;font-size:11px;line-height:14px;color:#95877e;}
.myclass .stick_graph .even .graph .lesson{background-position:-8px 0;}
.myclass .stick_graph .even .graph .lesson em{background-position:0 -20px;}
.myclass .article_wrap .h4 + #divLesson{margin:-33px 0 0;}
.myclass #divLesson .head{position:relative;margin:0 0 15px;text-align:center;}
.myclass #divLesson .head a{display:inline-block;overflow:hidden;width:24px;height:23px;font-size:0;line-height:0;text-indent:-9999px;vertical-align:middle;}
.myclass #divLesson .head a.btn_prev {background:url(/slpCom/images/elearning/myclass/btn_prev_cal.png) no-repeat 0 100%;}
.myclass #divLesson .head a.btn_next {background:url(/slpCom/images/elearning/myclass/btn_next_cal.png) no-repeat 0 100%;}
.myclass #divLesson .head a:hover {background-position:0 0;}
.myclass #divLesson .head .cal{display:inline-block;vertical-align:middle;margin:0 16px;color:#95877e;font-size:24px;line-height:23px;}
.myclass #divLesson .head .more{position:absolute;right:30px;top:8px;}
.myclass #divLesson .body{background:url('/slpCom/images/elearning/myclass/box_cal.png') repeat-y -1800px 0;}
.myclass #divLesson .body .outer{background:url('/slpCom/images/elearning/myclass/box_cal.png') no-repeat;}
.myclass #divLesson .body .inner{padding:46px 30px 29px;background:url('/slpCom/images/elearning/myclass/box_cal.png') no-repeat -900px 100%;}


/**/

/* Unit Report
--------------------------------------------------------------------- */
/* 메뉴 */
.report {width:900px;margin:0 auto;}
.report .report_menu {overflow:hidden;width:100%;padding-top:30px;}
.report .report_menu li {float:left;}
.report .btn_print {position:relative;height:33px;text-align:right;}
.report .btn_print a {display:inline-block;margin-right:5px;padding:0 15px;font-size:13px;line-height:23px;border:1px solid #b00401;border-radius:3px;color:#b11116;background:#fff;box-shadow:1px 2px 2px rgba(0,0,0,0.1);}
.report .btn_reportmain {padding-top:30px;text-align:center;}

/* 그래프 */
.report .group_graph {position:relative;}
.report .group_graph .bg_group {position:absolute;left:0;top:0;}

/* 세로형그래프 */
.report .graph_type1 .graph {position:relative;display:flex;align-items:flex-end;justify-content:space-around;height:154px;}
.report .graph_type1 .graph .obj {position:relative;width:8px;}
.report .graph_type1 .graph .obj .line {overflow:hidden;position:absolute;left:0;bottom:0;width:8px;height:100%;}
.report .graph_type1 .graph .obj .line img {position:absolute;left:0;bottom:0;}
.report .graph_type1 .graph .obj .score {position:absolute;top:-24px;left:-9px;width:26px;height:20px;}
.report .graph_type1 .graph .obj .score .num {position:absolute;left:-1px;top:-1px;width:100%;font-size:11px;line-height:1.5;letter-spacing:-0.025em;color:#fff;text-align:center;}
.report .graph_type1 .graph .obj .hide {left:-29px;top:auto;bottom:-21px;width:70px;height:15px;font-size:11px;color:#222;line-height:1.5;text-indent:0;text-align:center;letter-spacing:-1px;}

/* 가로형그래프 */
.report .graph_type2 .graph {position:relative;width:100%;}
.report .graph_type2 .graph .obj {position:absolute;left:0;height:8px;}
.report .graph_type2 .graph .obj .line {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:8px;}
.report .graph_type2 .graph .obj .line img {position:absolute;left:0;top:0;}
.report .graph_type2 .graph .obj .score {position:absolute;top:-7px;right:-84px;width:74px;height:16px;font-size:13px;letter-spacing:-1px;line-height:1.5;}
.report .graph_type2 .graph .obj .score .num {color:#6694bb;}
.report .graph_type2 .graph .obj .score .num .max {color:#666;}
.report .graph_type2 .graph .obj .hide {left:-87px;top:-8px;width:85px;height:20px;font-size:15px;line-height:1.5;text-indent:0;letter-spacing:-0.025em;}

/* Report Unit - list */
.report .tbl_report {margin:0 0 17px;border-top:1px solid #b11116;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.report .tbl_report .tbl {width:100%;}
.report .tbl_report th {padding:7px 0;border:none;border-right:1px solid #d2d2d2;background-color:#f1edea;font-weight:normal;font-size:14px;color:#555;}
.report .tbl_report td {padding:5px 0 4px;border:none;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;font-size:13px;color:#222;text-align:center;}
.report .tbl_report td .emph {color:#b11116;}
.report .tbl_report td.result {color:#8f8f8f;}
.report .tbl_report td .btn_view {display:block;width:72px;height:27px;margin:0 auto;background:url(/slpCom/images/elearning/report/btn_view.gif) no-repeat 0 0;}
.report .tbl_report td .btn_study {display:block;width:72px;height:27px;margin:0 auto;background:url(/slpCom/images/elearning/report/btn_play.gif) no-repeat 0 0;}

/* Overall */
.report .over_all .objectives .tit {padding:25px 0 8px;}
.report .over_all .objectives .desc {font-size:13px;color:#222;line-height:1.6;}
.report .over_all .performance .tit {padding:27px 0 12px;}
.report .over_all .performance .list_tbl {border-bottom:2px solid #d9eaf8;}
.report .over_all .performance .list_tbl .tbl {width:100%;}
.report .over_all .performance .list {float:left;width:370px;}
.report .over_all .performance .list td {height:40px;border:none;border-right:1px solid #ece9e2;border-top:1px solid #ece9e2;font-size:13px;color:#222;text-align:center;padding:0;}
.report .over_all .performance .list .fst td {border-top:0 none;}
.report .over_all .performance .list td em {color:#709bc0;}
.report .over_all .performance .list td.lst {border-right:none;color:#666;}
.report .over_all .performance .group_graph {float:right;width:341px;height:175px;padding:3px 0 0 30px;margin-top:21px;}
.report .over_all .performance .no_data {width:898px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff !important;}
.report .over_all .lesson_total {overflow:hidden;width:798px;padding:25px 50px 0;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff;}
.report .over_all .lesson_total .tbl {width:100%;}
.report .over_all .lesson_total .notice {display:block;font-size:12px;padding:10px 0 3px;color:#666;}
.report .over_all .lesson_total .list td.lst {width:184px;text-indent:-14px;}

.report .over_all .unit_test {overflow:hidden;width:787px;padding:25px 61px 25px 50px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff;}
.report .over_all .unit_test .list td {height:30px;}
.report .over_all .unit_test .test_score {overflow:hidden;width:364px;border:3px solid #d9eaf8;}
.report .over_all .unit_test .test_score .txt_test {float:left;padding:9px 0 0 17px;}
.report .over_all .unit_test .test_score .score {float:right;padding:2px 20px 3px 0;font-weight:bold;font-size:16px;color:#222;}
.report .over_all .unit_test .test_score .num {font-weight:bold;color:#ff505e;}
.report .over_all .unit_test .head_tbl {padding-top:10px;}
.report .over_all .unit_test .list td {height:30px;}
.report .over_all .unit_test .list td.area {width:123px;color:#222;}
.report .over_all .unit_test .list td.lst {width:122px;}
.report .over_all .unit_test .group_graph {margin-top:47px;padding-top:5px;}
.report .over_all .unit_test .graph .obj {bottom:2px;}
.report .over_all .unit_test .graph .obj .hide {bottom:-19px;}
.report .over_all .unit_test .graph .obj_total .hide {color:#b11116;}
.report .over_all .comment {overflow:hidden;width:798px;padding:0 50px 15px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff;}
.report .over_all .comment .tit {padding:5px 0 10px;}
.report .over_all .comment .list {width:100%;border-top:2px solid #ece9e2;border-bottom:1px solid #ebe8e1;}
.report .over_all .comment .list td {height:auto;padding:5px 0;border-top:1px dotted #bfbfbf;border-right:0 none;text-align:left;}
.report .over_all .comment .list td.fst {width:85px;text-indent:10px;}
.report .over_all .comment .list td.fst img {margin-top:5px;}
.report .over_all .comment .list td.snd {width:47px;}

/* Lesson Details */
.report .lesson_details .graph_area {width:798px;padding:0 50px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.report .lesson_details .graph_area .graph_type2 {width:750px;height:179px;}
.report .lesson_details .graph_area .graph_type2 .graph {width:654px;height:179px;margin-left:87px;}
.report .lesson_details .lesson_total .tit {padding:25px 0 15px;line-height:0;}
.report .lesson_details .lesson_total .novoid {font-size:0;line-height:1;}
.report .lesson_details .lesson_total .graph_area {padding:15px 50px 13px 50px;background:#fff;}
.report .lesson_details .lesson_total .desc {padding-top:26px;color:#666;font-size:12px;}
.report .lesson_details .score_grahp .tit {padding:30px 0 15px;line-height:0;}
.report .lesson_details .score_grahp .novoid {font-size:0;line-height:1;}
.report .lesson_details .score_grahp .graph_area {padding:15px 50px;background:#fff;}
.report .lesson_details .score_lesson .tit {padding:30px 0 15px;line-height:0;}
.report .lesson_details .score_lesson .score_tbl {clear:left;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.report .lesson_details .score_lesson .score_tbl .tbl {width:100%;}
.report .lesson_details .score_lesson td {padding:0;border:none;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-weight:bold;font-size:13px;color:#313131;text-align:center;vertical-align:top;background:#fff;}
.report .lesson_details .score_lesson td.lesson {width:97px;vertical-align:middle;}
.report .lesson_details .score_lesson td.time {width:79px;vertical-align:middle;}
.report .lesson_details .score_lesson td.skill {width:105px;padding:6px 0;}
.report .lesson_details .score_lesson td.skill span {display:block;height:20px;padding:5px 0;}
.report .lesson_details .score_lesson td.progress {width:auto;border-right:0 none;font-weight:bold;font-size:18px;color:#000;vertical-align:middle;}
.report .lesson_details .score_lesson td.score {width:524px;text-align:left;}
.report .lesson_details .score_lesson .graph_type2 {width:524px;}
.report .lesson_details .score_lesson .graph {width:420px;margin-left:20px;}
.report .lesson_details .score_lesson .graph .ico {position:absolute;left:0;top:-5px;}
.report .lesson_details .score_lesson .graph .hide {display:none;}

/* Test Details */
.report .test_details .results .tit {padding:25px 0 18px;line-height:0;}
.report .test_details .results .btn_review {overflow:hidden;float:right;margin-top:18px;}
.report .test_details .reuslts_tbl {border-top:1px solid #b11116;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-right:0 none;}
.report .test_details .reuslts_tbl .bg_tbl {display:none;}
.report .test_details .reuslts_tbl th {height:36px;border-right:1px solid #d2d2d2;background-color:#f1edea;font-weight:bold;font-size:13px;color:#555;vertical-align:middle;}
.report .test_details .reuslts_tbl th.layer {width:146px;vertical-align:top;}
.report .test_details .reuslts_tbl th div {position:relative;width:100%;padding-top:8px;}
.report .test_details .reuslts_tbl th span {position:absolute;left:-1px;top:0;width:100%;height:102px;margin:0 -5px 0 -4px;border:5px solid #b11116;}
.report .test_details .reuslts_tbl td {height:36px;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-weight:bold;font-size:13px;text-align:center;}
.report .test_details .reuslts_tbl td.section {width:146px;font-weight:normal;color:#222;text-indent:6px;}
.report .test_details .reuslts_tbl td.section div {width:146px;}
.report .test_details .reuslts_tbl td.total {width:146px;color:#222;}
.report .test_details .reuslts_tbl td.total div {width:100%;}
.report .test_details .reuslts_tbl td span {color:#912226;}
.report .test_details .details .tit {padding:30px 0 18px;line-height:0;}
.report .test_details .details_tbl {border:1px solid #d2d2d2;border-top:0 none;}
.report .test_details .details_tbl th.area {font-size:0;width:146px;line-height:1.5;padding:0;border:none;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background-color:#fff;vertical-align:middle;}
.report .test_details .details_tbl td {line-height:1.5;font-size:12px;padding:0;border:none;border-top:1px solid #d2d2d2;vertical-align:top;background:#fff;}
.report .test_details .details_tbl ul {overflow:hidden;width:100%;}
.report .test_details .details_tbl li {float:left;width:100%;border-top:1px dotted #aaa;font-size:13px;}
.report .test_details .details_tbl li.fst {border-top:0 none;}
.report .test_details .details_tbl li .txt {float:left;width:570px;padding:9px 30px 10px;border-right:1px solid #d2d2d2;color:#222;text-align:left;}
.report .test_details .details_tbl li.fst .txt {padding:10px 30px 8px;}
.report .test_details .details_tbl .num_total,
.report .test_details .details_tbl li .num {float:right;width:120px;padding-top:8px;font-weight:bold;color:#555;text-align:center;}
.report .test_details .details_tbl .num_total em,
.report .test_details .details_tbl li .num em {font-weight:bold;color:#b11116;}
.report .test_details .details_tbl .total {overflow:hidden;width:100%;}
.report .test_details .details_tbl .tit_total {float:left;width:449px;height:14px;padding:13px 0 11px 328px;border-right:1px solid #d2d2d2;line-height:0;}
.report .test_details .details_tbl .num_total {font-weight:bold;font-size:16px;color:#222;}

/* Roadmap */
/* .report .roadmap {height:891px;} */
.report .roadmap .user_class {padding:0 20px;}
.report .roadmap .user_class .info {overflow:hidden;width:100%;padding:30px 0 0;font-weight:bold;font-size:18px;}
.report .roadmap .user_class .bg_emph {float:left;margin-right:2px;padding-right:14px;background:url(/slpCom/images/elearning/report/bg_roadmap_emph.gif) no-repeat 100% -50px;white-space:nowrap;}
.report .roadmap .user_class .inner_emph {float:left;padding-left:14px;background:url(/slpCom/images/elearning/report/bg_roadmap_emph.gif) no-repeat 0 0;}
.report .roadmap .user_class .inner_emph span {float:left;height:28px;padding-top:2px;background-color:#f1edea;color:#b11116;text-align:center;}
.report .roadmap .user_class .inner_emph em {font-weight:bold;}
.report .roadmap .user_class .name .inner_emph span{min-width:126px}
.report .roadmap .user_class .class .inner_emph span {min-width:152px;}
.report .roadmap .user_class .txt {float:left;padding:2px 10px 0 0;white-space:nowrap;}
.report .roadmap .user_class .desc {display:block;padding:9px 0 27px 3px;font-size:13px;color:#666;}
.report .roadmap .user_class em {font-weight:bold;}
.report .roadmap .user_recommend {position:relative;width:100%;padding-bottom:30px;}
.report .roadmap .user_recommend .list {position:absolute;left:215px;top:14px;width:673px;}
.report .roadmap .user_recommend li {overflow:hidden;width:100%;padding-top:13px;line-height:1.2;}
.report .roadmap .user_recommend li a,
.report .roadmap .user_recommend li span {float:left;font-weight:bold;font-size:14px;color:#222;}
.report .roadmap .user_recommend li .txt {padding:2px 8px 0 0;}
.report .roadmap .user_recommend li .desc {margin-right:4px;padding-top:1px;}
.report .roadmap .user_recommend li .desc span {padding-left:2px;color:#c1000f;}
.report .roadmap .user_recommend li .desc em {font-weight:bold;}
/* .report .roadmap .roadmap_tbl {height:497px;} */
/* .report .roadmap .roadmap_tbl td {border:none;padding:0;line-height:0;vertical-align:top;}
.report .roadmap .bnr_area {overflow:hidden;width:100%;padding-top:25px;}
.report .roadmap .bnr_area div {float:left;}
.report .roadmap .bnr_area .snd {margin-left:35px;} */
.report .roadmap .roadmap_tbl { margin-top: 30px; text-align: center; }
.report .roadmap .roadmap_tbl .tbl { margin: 0 auto; width: 450px; }
.report .roadmap .roadmap_tbl.sap .tbl { width: 587px; }
.report .roadmap .roadmap_tbl td {line-height:0;vertical-align:top; padding: 0; border: 0;}
.report .roadmap .bnr_area {overflow:hidden;width:100%;padding-top:25px;}
.report .roadmap .bnr_area div {float:left;}
.report .roadmap .bnr_area .snd {margin-left:35px;}


/* 사용자정보 */
.elearning .user_info {position:relative;width:100%;margin-top:40px;}
.elearning .user_info .list {overflow:hidden;position:absolute;left:0;top:37px;width:100%;}
.elearning .user_info .list dt {display:block;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}
.elearning .user_info .list dd {float:left;width:25%;height:21px;font-size:14px;line-height:1.5;color:#555;text-align:center;} /* 141230_수정됨 */


/* sub - common */
.info_txt {position:relative;margin-top:0.7rem;padding-left:2.7rem;font-size:1rem;line-height:1.5rem;color:#666;}
.info_txt:before {content:'';position:absolute;left:1.1rem;top:0.2rem;display:block;width:1.2rem;height:1.2rem;background:url("/mobile/mobileCom/images/common/bul2.png") 0 0 no-repeat;background-size:cover;}

.counsel {margin-top:1.9rem;position:relative;display:block;padding:1.4rem 1.1rem 2.6rem;box-sizing:border-box;}
.counsel:before {content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:#e2e2e0;}
.counsel .ti {font-size:1.2rem;font-weight:600;color:#000;}
.counsel .tx {margin-top:0.6rem;font-size:1.1rem;line-height:1.5rem;color:#666;}
.counsel .tx.black {color:#222;}
.counsel:not(:has(.ti)) .tx:first-of-type {margin-top:0;}

/* member */
.member .login .container {padding:1.5rem 1rem 0;background:#fff url("/mobile/mobileCom/images/member/bg_login.png") no-repeat top center; background-size:100%;border-radius:0.5rem;overflow:hidden;box-shadow:0 0 1.4em rgba(170,170,170,0.22);}
.member .login .login_area {margin-top:1.75rem;padding:1rem 1rem 0.75rem;background:#fff;box-sizing:border-box;box-shadow:0 0 0.3rem rgba(140,140,140,0.22);border-radius:0.5rem;overflow:hidden;}
.member .login .login_area .inp_area {padding-right:7.5rem;box-sizing:border-box;}
.member .login .login_area .inp_area input[type="text"] {height:3.6rem;line-height:3.5rem;border-radius:0.5rem 0.5rem 0 0;border:1px solid #b4b4a9;border-width:1px 0 0 1px;}
.member .login .login_area .inp_area input[type="password"] {height:3.6rem;line-height:3.5rem;border-radius:0 0 0.5rem 0.5rem;border:1px solid #b4b4a9;border-width:1px 0 0 1px;}
.member .login .login_area .inp_area .btn_login {position:absolute;right:0;top:0;width:7.2rem;height:7.2rem;line-height:7.2rem;font-size:1.2rem;text-align:center;border-radius:1rem;color:#fff;background:#b80301;box-shadow:0 1px 3px rgba(122,122,122,0.75);}
.member .login .login_area .chk {margin-top:1rem;}
.member .login .login_area .chk + .chk {margin-left:1.6rem;}
.member .login .info_txt + .btn_area {margin-top:1.5rem;padding:0 1.1rem;box-sizing:border-box;}
.member .login .info_txt + .info_txt {margin-top:0;}
.member .login .info_txt strong {color:#222;font-weight:700;}

@media (max-width:767px) {
	.member .login .container {margin:1.5rem 1.0rem 0;}
	.member .login .page_tit img{width:23.0rem;}
	.member .login .page_txt img {width:23.1rem;}
}

.member .searchform .page_tit {text-align:left;}
.member .searchform .page_tit img {width:21.5rem;}
.member .searchform .content_wrap {position:relative;}
.member .searchform .tab_area {position:absolute;left:0;top:-2.7rem;display:flex;z-index:1;height:3.7rem;}
.member .searchform .tab_area a {display:inline-block;min-width:8rem;padding:0 0.5rem 1rem;line-height:2.7rem;font-size:1.1rem;vertical-align:top;background:#e7e7e7;color:#cccccc;border-radius:0.5rem 0.5rem 0 0;box-sizing:border-box;text-align:center;}
.member .searchform .tab_area a + a {margin-left:0.4rem;}
.member .searchform .tab_area a.active {background:#fff;color:#222;box-shadow:0 -0.2rem 0.6rem rgba(0,0,0,0.08);}
.member .searchform .content {position:relative;z-index:5;}
.member .searchform .content .info_txt {margin-top:0;margin-bottom:0.7rem;padding-left:1.6rem;}
.member .searchform .content .info_txt:before {left:0;}
.member .searchform .content {margin-top:4.4rem;padding:1.7rem 1.5rem;background:#fff;border-radius:0.5rem;box-sizing:border-box;}
.member .searchform .content .btn_area {margin-top:2.2rem;justify-content:center;}
.member .searchform .content .btn_area .btn {width:12.5rem;}
.member .searchform .content .inp_area.parent_number {display:flex;flex-wrap:wrap;}
.member .searchform .content .inp_area.parent_number .selbox {width:30%;}
.member .searchform .content .inp_area.parent_number input[type="text"] {width:30%;}
.member .searchform .content .inp_area.parent_number .hypen {width:5%;}
.member .searchform .content .inp_area.parent_mail {display:flex;flex-wrap:wrap;}
.member .searchform .content .inp_area.parent_mail > input[type="text"] {width:45%;}
.member .searchform .content .inp_area.parent_mail .selbox {width:45%;}
.member .searchform .content .inp_area.parent_mail .bul {width:10%;}
.member .searchform .content .inp_area .info { margin-top: 0.6rem; }
.member .searchform .counsel .tx {position:relative;padding-left:0.8rem;font-size:1rem;color:#555;}
.member .searchform .counsel .tx:first-child { margin-top: 0; }
.member .searchform .counsel .ti + .tx { margin-top: 0.6rem; }
.member .searchform .counsel .tx:before {content:'';position:absolute;left:0;top:0.6rem;display:block;width:0.3rem;height:0.3rem;background:#9f9f98;border-radius:50%;}

.member .searchform.result .result_area {font-size:1.3rem;text-align:center;}
.member .searchform.result .result_area .nametxt {padding:4.5rem 0 1.8rem;}
.member .searchform.result .result_area .resulttxt {position:relative;display:flex;align-items:center;justify-content:center;min-height:5rem;padding:1rem 7.5rem 1rem 1.5rem;border-radius:0.5rem;background:#d9eaf8;box-sizing:border-box;}
.member .searchform.result .result_area .resulttxt .btn.gray {position:absolute;right:1.5rem;top:1rem;width:6rem;height:3rem;}
.member .searchform.result .result_area .nodata {padding:4.4rem 0 1.4rem;font-size:1.5rem;}
.member .searchform.result .result_area .nodata > img {width:7.3rem;margin-bottom:1.3rem;}

.member .searchform .content .counsel {padding:1.4rem 0 0;}
.member .searchform.result .content .btn_area {justify-content:space-between;}
.member .searchform.result .content .btn_area .btn {width:48%;}
.member .searchform.result .content .btn_area .btn:only-child {margin:0 auto;}



/* helpdesk */
.helpdesk {background:#fafbf6;}
.helpdesk .currentclass {display:flex;justify-content:center;}
.helpdesk .currentclass .container {max-width:45rem;margin:0 1.5rem 0;}
.helpdesk .currentclass .content {margin-top:2.2rem;}
.helpdesk .currentclass .info_tu h1 img {display:block;width:16.1rem;}
.helpdesk .currentclass .info_tu .info_list {position:relative;margin-top:0.8rem;}
.helpdesk .currentclass .info_tu .info_list ul {position:relative;background:#f1edea;border-radius:1rem;padding:1rem 9.3rem 1rem 1.5rem;box-sizing:border-box;}
/*.helpdesk .currentclass .info_tu .info_list ul:after {content:'';position:absolute;right:1.9rem;top:50%;display:block;width:7.4rem;height:2.2rem;background:url("/mobile/mobileCom/images/common/googleplay.png") no-repeat 0 0;background-size:cover;transform:translateY(-50%);}*/
.helpdesk .currentclass .info_tu .info_list ul li {position:relative;padding-left:0.6rem;font-size:0.8rem;line-height:1.2rem;color:#555;box-sizing:border-box;}
.helpdesk .currentclass .info_tu .info_list ul li:before {content:'';position:absolute;left:0;top:0.5rem;display:block;width:0.2rem;height:0.2rem;background:#555;border-radius:50%;}
.helpdesk .currentclass .info_tu .info_list ul li + li {margin-top:0.2rem;}
.helpdesk .currentclass .info_tu .info_list .btn_google {position:absolute;right:1.9rem;top:50%;display:block;width:7.4rem;transform:translateY(-50%);}
.helpdesk .currentclass .info_tu .info_list .btn_google img {width:100%;}

.helpdesk .currentclass .info_device {margin-top:1.5rem;}
.helpdesk .currentclass .info_device h1 img {display:block;width:6.2rem;}
.helpdesk .currentclass .info_device .table_wrap {margin-top:0.7rem;border:1px solid #e0ddce;box-sizing:border-box;border-radius:0.5rem;overflow:hidden;}
.helpdesk .currentclass .info_device table {position:relative;left:-1px;width:calc(100% + 1px);}
.helpdesk .currentclass .info_device table thead th {position:relative;padding:0.4rem 0;background:#dc5564;color:#fff;font-size:0.8rem;line-height:1.2rem;}
.helpdesk .currentclass .info_device table thead th b {font-size:0.9rem;}
.helpdesk .currentclass .info_device table thead th.bld_none {border:none;border-left:1px solid #fff;border-right:2px solid #dc5564;}
.helpdesk .currentclass .info_device table thead th.color_red2 {background:#e58893;border:1px solid #fff;border-width:1px 0 0 1px;}
.helpdesk .currentclass .info_device table thead th.color_red3 {background:#f4cbcf;color:#da5664;font-weight:400;border:1px solid #fff;border-width:1px 0 0 1px;}
.helpdesk .currentclass .info_device table thead th.color_blue2 {background:#aecee7;border-left:2px solid #458dc8;}
.helpdesk .currentclass .info_device table thead th.color_blue2.bld_top {position:relative;border-right:2px solid #458dc8;}
.helpdesk .currentclass .info_device table thead th.color_blue2.bld_top:before {content:'';position:absolute;left:-1px;top:0;width:calc(100% + 2px);height:2px;background:#458dc8;}
.helpdesk .currentclass .info_device table thead th.color_blue3 {background:#dfecf5;color:#5a90be;font-weight:400;border-left:2px solid #458dc8;}
.helpdesk .currentclass .info_device table thead th.color_blue3:last-child {border-left:none;border-right:2px solid #458dc8;}
.helpdesk .currentclass .info_device table tbody th {font-size:0.8rem;line-height:1.2rem;padding:0.4rem 1.6rem;color:#555;border:1px solid #ece9e2;text-align:center;background:#fefafb;}
.helpdesk .currentclass .info_device table tbody td {position:relative;font-size:0.7rem;line-height:1.2rem;padding:0.4rem 1.6rem;color:#555;border:1px solid #ece9e2;text-align:center;background:#fefafb;}
.helpdesk .currentclass .info_device table tbody td.color_blue4 {background:#f0f5fb;border-left:2px solid #458dc8}
.helpdesk .currentclass .info_device table tbody td.color_blue4:last-child {border-left:none;border-right:2px solid #458dc8;}
.helpdesk .currentclass .info_device table tbody td.color_blue4.bld_btm {border-bottom:2px solid #458dc8;}
.helpdesk .currentclass .info_device table tbody td.align_left {padding:1.6rem;text-align:left;background:#fff;}
.helpdesk .currentclass .info_device table tbody td.align_left small {position:relative;display:block;font-size:0.7rem;line-height:1.1rem;padding-left:0.8rem;box-sizing:border-box;}
.helpdesk .currentclass .info_device table tbody td.align_left small:before {content:'※';position:absolute;left:1px;top:0;font-size:0.7rem;line-height:1.1rem;}
.helpdesk .currentclass .info_device table tbody td.align_left ul {margin-top:1.1rem;}
.helpdesk .currentclass .info_device table tbody td.align_left ul li {position:relative;padding-left:0.6rem;line-height:1.1rem;box-sizing:border-box;color:#555;}
.helpdesk .currentclass .info_device table tbody td.align_left ul li:before {content:'';position:absolute;left:0;top:0.5rem;display:block;width:0.2rem;height:0.2rem;border-radius:50%;background:#555;}


@media (max-width:767px) {
	.helpdesk .currentclass .container {max-width:calc(100% - 3.0rem);}
	.helpdesk .currentclass .info_tu h1 img {max-width:80%;width:auto;}
	.helpdesk .currentclass .info_tu .info_list ul li {padding-left:1.8rem;font-size:1.2rem;line-height:1.8rem;}
	.helpdesk .currentclass .info_tu .info_list ul li:before {top:0.8rem;}
	.helpdesk .currentclass .info_device h1 img {max-width:30%;width:auto;}
	.helpdesk .currentclass .info_device table thead th {font-size:1.2rem;line-height:1.8rem;}
	.helpdesk .currentclass .info_device table thead th b {font-size:1.2rem;}
	.helpdesk .currentclass .info_device table tbody th {font-size:1.2rem;line-height:1.8rem;padding:0.4rem 0;}
	.helpdesk .currentclass .info_device table tbody td {font-size:1.2rem;line-height:1.8rem;padding:0.4rem 0;}
	.helpdesk .currentclass .info_device table tbody td.align_left small {font-size:1.2rem;line-height:1.6rem;padding-left:1.6rem;}
	.helpdesk .currentclass .info_device table tbody td.align_left ul li {font-size:1.2rem;line-height:1.8rem;padding-left:0.6rem;}
	.helpdesk .currentclass .info_device table tbody td.align_left ul li:before {top:0.8rem;}
}

/* */


/* 2020 renewal */
.myclass .week_lesson .body {height:506px;/*display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-content:center;*/text-align:center;padding-top:34px;background:url('/slpCom/images/elearning/myclass/mycurrent_bg.gif') no-repeat;}
.myclass .week_lesson .body .session_box {position:relative;display:inline-block;width:725px;padding:8px;border-radius:16px;background:#dbeaee;overflow:hidden;box-shadow:0 12px 20px rgba(0,0,0,0.15);}
.myclass .week_lesson .body .session_box .inner {width:725px;height:380px;background:#fff;padding:25px 11px 19px;border:1px solid #ccdfe4;border-radius:10px;box-sizing:border-box;}
.myclass .week_lesson .body .session_box .session_ti {position:relative;}
.myclass .week_lesson .body .session_box .session_ti:after {content:'';display:block;clear:both;}
.myclass .week_lesson .body .session_box .session_ti h3 {float:left;display:inline-block;margin-left:16px;}
.myclass .week_lesson .body .session_box .session_ti span {position:relative;top:6px;height:15px;float:left;font-size:14px;line-height:15px;margin-left:6px;color:#222;}
.myclass .week_lesson .body .session_box .session_ti .study_state {position:absolute;right:0;bottom:0;display:inline-block;width:150px;height:12px;background-image:url('/slpCom/images/elearning/myclass/txt_status02.png');}
.myclass .week_lesson .body .session_box .session_ti .study_state li {display:none;}
.myclass .week_lesson .body .session_box .session_tbl {font-size:12px;line-height:1.5;margin-top:15px;width:100%;border-top:1px solid #eae9e7;text-align:center;}
.myclass .week_lesson .body .session_box .session_tbl tr {border-top:1px solid #eae9e7;}
.myclass .week_lesson .body .session_box .session_tbl td {padding:16px 0;}
.myclass .week_lesson .body .session_box .session_tbl td + td {border-left:1px solid #eae9e7;}
.myclass .week_lesson .body .session_box .session_tbl dt {margin-bottom:16px;}
.myclass .week_lesson .body .session_box .session_tbl dd.wrap a {display:inline-block;width:103px;height:37px;overflow:hidden;}
.myclass .week_lesson .body .session_box .session_tbl dd.wrap a + a {margin-top:8px;}
.myclass .week_lesson .body .session_box .session_tbl dd.wrap a.fin img {position:relative;top:-38px;}
.myclass .week_lesson .body .session_box .session_tbl dd.wrap a.ing img {position:relative;top:-76px;}
.myclass .week_lesson .body .btn_unittest {margin:33px auto 0;line-height:1;display:block;width:140px;height:44px;font-size:16px;color:#fff;overflow:hidden;border:none;background:none;}
.myclass .week_lesson .body .btn_unittest.ing img {position:relative;top:-44px;}
.myclass .week_lesson .body .btn_unittest.fin img {position:relative;top:-88px;}
.myclass .mpreview {display:inline-block;width:162px;height:29px;font-size:13px;line-height:29px;background:#b11116;color:#fff;text-align:center;border-radius:3px;box-shadow:1px 1px 2px rgba(170,170,170,0.78);}
.myclass .article_wrap .h4_past {margin-top:30px;}

.myclass .lesson_wrap {margin-top:10px;}
.myclass .lesson_wrap .lesson_ti {position:relative;}
.myclass .lesson_wrap .lesson_ti .btn_report {position:absolute;right:21px;top:7px;line-height:23px;padding:0 10px;border:1px solid #b00401;color:#b00401;background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,0.1);}
.myclass .lesson_wrap .list_tbl {border-bottom:2px solid #d9eaf8;}
.myclass .lesson_wrap .list {float:left;width:370px;}
.myclass .lesson_wrap .list td {height:40px;border:none;border-right:1px solid #ece9e2;border-top:1px solid #ece9e2;font-size:13px;color:#222;text-align:center;padding:0;}
.myclass .lesson_wrap .list .fst td {border-top:0 none;}
.myclass .lesson_wrap .list td em {color:#709bc0;}
.myclass .lesson_wrap .list td.lst {border-right:none;color:#666;}
.myclass .lesson_wrap .group_graph {float:right;width:341px;height:175px;padding:3px 0 0 30px;margin-top:21px;}
.myclass .lesson_wrap .no_data {width:898px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.myclass .lesson_wrap .lesson_total {overflow:hidden;width:798px;padding:25px 50px 20px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;border-bottom:1px solid #dad5c2;border-radius:0 0 10px 10px;background:#fff;}
.myclass .lesson_wrap .lesson_total .tbl {width:100%;}
.myclass .lesson_wrap .lesson_total .notice {display:block;font-size:12px;padding:10px 0 3px;color:#666;}
.myclass .lesson_wrap .lesson_total .list td.lst {width:184px;text-indent:-14px;}
.myclass .lesson_wrap .unit_test {overflow:hidden;width:787px;padding:25px 61px 25px 50px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.myclass .lesson_wrap .unit_test .list td {height:30px;}
.myclass .lesson_wrap .unit_test .test_score {overflow:hidden;width:364px;border:3px solid #d9eaf8;}
.myclass .lesson_wrap .unit_test .test_score .txt_test {float:left;padding:9px 0 0 17px;}
.myclass .lesson_wrap .unit_test .test_score .score {float:right;padding:2px 20px 3px 0;font-weight:bold;font-size:16px;color:#222;}
.myclass .lesson_wrap .unit_test .test_score .num {font-weight:bold;color:#ff505e;}
.myclass .lesson_wrap .unit_test .head_tbl {padding-top:10px;}
.myclass .lesson_wrap .unit_test .list td {height:30px;}
.myclass .lesson_wrap .unit_test .list td.area {width:123px;color:#222;}
.myclass .lesson_wrap .unit_test .list td.lst {width:122px;}
.myclass .lesson_wrap .unit_test .group_graph {margin-top:47px;padding-top:5px;}
.myclass .lesson_wrap .unit_test .graph .obj {bottom:2px;}
.myclass .lesson_wrap .unit_test .graph .obj .hide {bottom:-19px;}
.myclass .lesson_wrap .unit_test .graph .obj_total .hide {color:#b11116;}
.myclass .lesson_wrap .comment {overflow:hidden;width:798px;padding:0 50px 15px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.myclass .lesson_wrap .comment .tit {padding:5px 0 10px;}
.myclass .lesson_wrap .comment .list {width:100%;border-top:2px solid #ece9e2;border-bottom:1px solid #ebe8e1;}
.myclass .lesson_wrap .comment .list td {height:auto;padding:5px 0;border-top:1px dotted #bfbfbf;border-right:0 none;text-align:left;}
.myclass .lesson_wrap .comment .list td.fst {width:85px;text-indent:10px;}
.myclass .lesson_wrap .comment .list td.fst img {margin-top:5px;}
.myclass .lesson_wrap .comment .list td.snd {width:47px;}

.myclass .tbl_wrap {margin-top:30px;}
.myclass .tbl_wrap .enddate {float:left;font-weight:700;font-size:16px;color:#323232;letter-spacing:-0.025em;margin-bottom:10px;}
.myclass .tbl_wrap .tbl_lesson_state {float:right;display:block;margin-bottom:10px;margin-top:10px;width:150px;height:10px;background:url('/slpCom/images/elearning/myclass/tbl_lesson_state.gif') no-repeat 0 0;font-size:0;}
.myclass .tbl_wrap .tbl_layout {width:100%;border-top:1px solid #b11116;clear:both;background:#fff;}
.myclass .tbl_wrap .tbl_layout thead th {padding:9px 0;font-size:13px;font-weight:400;line-height:18px;background:#f1edea;color:#555;border:1px solid #d2d2d2;border-top:none;}
.myclass .tbl_wrap .tbl_layout tbody td {padding:17px 0;text-align:center;border:1px solid #d2d2d2;font-size:13px;letter-spacing:0;color:#222222;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning {position:relative;display:inline-block;padding:6px 10px;font-size:13px;font-weight:400;line-height:11px;border-radius:3px;border:1px solid #db5565;white-space:nowrap;color:#db5565;box-shadow:0 1px 2px rgba(0,0,0,0.10);background-color:#fff;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning:before {content:'';display:inline-block;margin-right:3px;width:11px;height:11px;background:url('/slpCom/images/elearning/myclass/icon_lesson.png') no-repeat 0 0;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning.ing {background:#dc5564;color:#fff;border-color:#dc5564;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning.ing:before {background-position:0 -24px;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning.fin {background:#edeff1;color:#888888;border-color:#c7cacf;}
.myclass .tbl_wrap .tbl_layout tbody td .btn_learning.fin:before {background-position:0 -13px;}

.myclass .tbl_wrap .tbl_layout tbody td .btn_click { display: block; margin: 0 auto; border: none; background: transparent; }

.myclass .btn_thumbs_wrap {margin-top:30px;text-align:right;}
.myclass .btn_thumbs_wrap .btn_thumbs {display:inline-block;width:162px;height:29px;font-size:13px;line-height:29px;background:#b11116;color:#fff;text-align:center;border-radius:3px;box-shadow:1px 1px 2px rgba(170,170,170,0.78);}

.report .over_all .overall_wrap {position:relative;margin-top:20px;padding:29px 50px 68px 38px;background:url('/slpCom/images/elearning/report/img_overall_bg02.png') repeat-y 0 0;}
.report .over_all .overall_wrap:before {content:'';position:absolute;left:0;top:0;display:block;width:100%;height:29px;background:url('/slpCom/images/elearning/report/img_overall_bg01.png') no-repeat 0 0;}
.report .over_all .overall_wrap:after {content:'';position:absolute;left:0;bottom:0;display:block;display:block;width:100%;height:68px;background:url('/slpCom/images/elearning/report/img_overall_bg03.png') no-repeat 0 0;}
.report .over_all .overall_wrap .overall_lesson:after {content:'';display:block;clear:both;}
.report .over_all .overall_wrap .overall_lesson .desc {margin-top:17px;}
.report .over_all .overall_wrap .overall_img {max-width:211px;}

.report .over_all .overall_wrap .overall_tbl {float:right;width:580px;border:1px solid #dad5c2;}
.report .over_all .overall_wrap .overall_tbl tbody tr + tr {border-top:1px solid #dad5c2;}
.report .over_all .overall_wrap .overall_tbl tbody th {padding:7px 0 7px 39px;font-size:13px;font-weight:600;line-height:20px;text-align:left;background:#f1841b;color:#000;}
.report .over_all .overall_wrap .overall_tbl tbody td {padding:7px 29px;font-size:13px;font-weight:600;line-height:20px;background:#fff;color:#666;}
.report .over_all .overall_wrap .objectives {margin-top:26px;}
.report .over_all .overall_wrap .objectives .tit {padding:0;}
.report .over_all .overall_wrap .objectives .desc {margin-top:10px;}

.report .record_progress {margin-top:25px;}
.report .record_progress .tit {line-height:0;}
.report .record_progress .desc {position:relative;margin-top:15px;height:352px;border-radius:10px;border:1px solid #dad5c2;box-sizing:border-box;background:#fff;}
.report .record_progress .desc .chart {position:relative;width:840px;margin:0 auto;}
.report .record_progress .desc .overlay-marker {position:absolute;}
/*
.report .record_progress .desc .chart .point {position:relative;width:120px;height:1px;}
.report .record_progress .desc .chart .point:first-child {width:0px;}
.report .record_progress .desc .chart .point .dot {position:absolute;right:0;top:0;z-index:10;display:block;width:8px;height:8px;border-radius:8px;border:1px solid #db5565;transform:translate(50%,-50%);background:#fff;}
.report .record_progress .desc .chart .point .unit_tit {position:absolute;right:0;top:100%;margin-top:4px;font-size:11px;line-height:11px;white-space:nowrap;color:#757575;}
.report .record_progress .desc .chart .point .line {position:absolute;left:0;bottom:0;width:100%;height:1px;background:#db5565;transform-origin:left center;}
*/
.report .unit_testscore {margin-top:29px;}
.report .unit_testscore .tit {line-height:0;}
.report .unit_testscore .desc {margin-top:20px;padding:40px 62px 42px 50px;border-radius:10px;border:1px solid #dad5c2;box-sizing:border-box;background:#fff;}

.report .unit_comment {margin-top:30px;}
.report .unit_comment .tit {line-height:0;}
.report .unit_comment .desc {margin-top:20px;padding:24px 50px 30px;border-radius:10px;border:1px solid #dad5c2;box-sizing:border-box;background:#fff;}
.report .unit_comment .desc .tbl {width:100%;}
.report .unit_comment .desc .tbl tr.fst {border-bottom:1px dotted #bfbfbf;}
.report .unit_comment .desc .tbl tr.fst td {font-size:13px;padding:5px 0;border:none;}
.report .unit_comment .desc .tbl tr.fst td.fst {padding-left:10px;}
.report .unit_comment .desc .tbl tr.fst:last-child {border-bottom:1px solid #bfbfbf;}
.report .unit_comment .desc .tbl .fst img {vertical-align:middle;}

.report .unit_testscore .desc:after {content:'';display:block;clear:both;}
.report .unit_testscore .desc .tbl {width:100%;}
.report .unit_testscore .desc .list {float:left;width:370px;}
.report .unit_testscore .desc .list td {height:30px;border-right:1px solid #ece9e2;border-top:1px solid #ece9e2;font-size:13px;color:#222;text-align:center;}
.report .unit_testscore .desc .list .fst td {border-top:0 none;}
.report .unit_testscore .desc .list td em {color:#709bc0;}
.report .unit_testscore .desc .list td.lst {border-right:0 none;color:#666;}
.report .unit_testscore .desc .group_graph {float:right;width:341px;height:175px;padding:3px 0 0 30px;margin-top:47px;}
.report .unit_testscore .desc .no_data {width:898px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.report .unit_testscore .lesson_total {overflow:hidden;width:798px;padding:25px 50px 0;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;}
.report .unit_testscore .lesson_total .notice {display:block;padding:10px 0 3px;color:#666;}
.report .unit_testscore .lesson_total .list td.lst {width:184px;text-indent:-14px;}
.report .unit_testscore .test_score {overflow:hidden;width:364px;line-height:1.5;border:3px solid #d9eaf8;}
.report .unit_testscore .test_score .txt_test {float:left;font-size:0;padding:9px 0 0 17px;}
.report .unit_testscore .test_score .score {float:right;padding:2px 20px 3px 0;font-weight:bold;font-size:16px;color:#222;}
.report .unit_testscore .test_score .num {font-weight:bold;color:#ff505e;}
.report .unit_testscore .head_tbl {padding-top:10px;}
.report .unit_testscore .list td {height:30px;}
.report .unit_testscore .list td.area {width:123px;color:#222;}
.report .unit_testscore .list td.lst {width:122px;}
.report .unit_testscore .group_graph {margin-top:47px;padding-top:5px;}
.report .unit_testscore .graph {height:156px;}
.report .unit_testscore .graph .obj {bottom:2px;}
.report .unit_testscore .graph .obj .hide {bottom:-19px;}
.report .unit_testscore .graph .obj_total .hide {color:#b11116;}

/* myinfo */
.myinfo {min-height:768px;background:#f0efe2 url('/mobile/mobileCom/images/main/journal_current_bg01.jpg') repeat 0 0;background-size:100%;}
.myinfo.tu {background:#190420 url('/mobile/mobileCom/images/main/journal_current_bg04.jpg');}
.myinfo .page_tit { margin-top:41px; }
.myinfo .profile_area {position:absolute;z-index:2;right:0;top:204px;left:0;width:600px; height:400px; margin:0 auto;margin:auto;}
.myinfo .profile_area .profile_card {position:relative;width:100%;height:100%;border-radius:15px;box-shadow:9px 18px 16px rgba(0,0,0,0.21);}
.myinfo .profile_area .profile_card:before {content:'';position:absolute;top:139px;left:580px;z-index:2;display:block;width:232px;height:125px;background:url('/mobile/mobileCom/images/myinfo/myinfo_profile_string.png') no-repeat 0 0;}
.myinfo .profile_area .profile_card:after {content:'';position:absolute;left:0;right:0;bottom:20px;display:block;width:242px;height:26px;margin:auto;background:url('/slpCom/images/elearning/journal/journal_current_profile_logo.png') no-repeat 0 0;}
.myinfo .profile_area .profile_card .card_area {position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;z-index:1;width:550px;height:320px;top:18px;margin:0 auto;background:#fff;border-radius:9px;padding:40px 40px 0px;box-sizing:border-box;}
.myinfo .profile_area .profile_card .prf_pic {position:relative;display:inline-block;width:90px;height:90px;}
.myinfo .profile_area .profile_card .prf_pic .prf_img {width:83px;height:83px;background:#f1efe2;border-radius:83px;overflow:hidden;}
.myinfo .profile_area .profile_card .prf_pic [data-bgcover] {background-size:cover;background-repeat:no-repeat;}
.myinfo .profile_area .profile_card .prf_pic [data-bgcover] img {opacity:0;}
.myinfo .profile_area .profile_card .prf_pic .prf_edit {position:absolute;right:2px;bottom:3px;display:block;width:24px;height:24px;background:url('/slpCom/images/elearning/journal/journal_current_profile_edit.png') no-repeat 0 0;background-size:cover;font-size:0;}
.myinfo .profile_area .profile_card .prf_reporter {display:flex;flex-wrap:wrap;align-items:center;align-content:center;width:120px;height:90px;}
.myinfo .profile_area .profile_card .prf_reporter dt {display:block;width:100%;height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt01.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_reporter dd {margin-top:4px;}
.myinfo .profile_area .profile_card .prf_reporter dd b {display:block;font-size:17px;}
.myinfo .profile_area .profile_card .prf_campus {margin-top:25px;padding-right:12px;box-sizing:border-box;}
.myinfo .profile_area .profile_card .prf_campus dt {display:block;width:100%;height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt05.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_campus dd {margin-top:7px;height:16px;font-size:12px;line-height:16px;}
.myinfo .profile_area .profile_card .prf_class {position:relative;width:190px;margin-top:25px;padding-left:13px;box-sizing:border-box;}
.myinfo .profile_area .profile_card .prf_class:before {content:'';position:absolute;left:0;top:17px;display:block;width:1px;height:10px;background:#e1e1e1;}
.myinfo .profile_area .profile_card .prf_class dt {display:block;width:100%;height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt06.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_class dd {position:relative;margin-top:7px;height:16px;font-size:12px;line-height:16px;}
.myinfo .profile_area .profile_card .prf_course {width:222px;margin:25px 0 0 15px;}
.myinfo .profile_area .profile_card .prf_course dt {height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt02.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_course dd {margin-top:8px;font-size:20px;font-weight:600;line-height:1.2em;}
.myinfo .profile_area .profile_card .prf_session {margin-top:25px;}
.myinfo .profile_area .profile_card .prf_session dt {height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt03.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_session dd {margin-top:12px;font-size:16px;line-height:1em;}
.myinfo .profile_area .profile_card .prf_mileage {margin:20px 0 0 15px;}
.myinfo .profile_area .profile_card .prf_mileage dt {height:7px;background:url('/slpCom/images/elearning/journal/journal_current_profile_prftxt04.gif') no-repeat 0 0;font-size:0;}
.myinfo .profile_area .profile_card .prf_mileage dd {position:relative;width:222px;margin-top:12px;font-size:32px;font-weight:600;line-height:38px;white-space:nowrap;}
.myinfo .profile_area .profile_card .prf_mileage dd:before {content:'';display:inline-block;width:38px;height:38px;vertical-align:top;background:url('/slpCom/images/elearning/journal/journal_current_profile_milege.png') no-repeat 0 0;font-size:0;margin-right:10px;vertical-align:top;}
.myinfo .profile_area .profile_card .prf_mileage dd:after {content:'';position:absolute;transform:translateX(100%);left:0;width:100%;height:36px;vertical-align:top;background:url('/slpCom/images/elearning/journal/journal_current_profile_barcode.png') no-repeat 0 0;}
.myinfo .profile_area .card_bg {position:absolute;left:0;top:0;width:100%;height:100%;background:url('/mobile/mobileCom/images/myinfo/myinfo_profile_bg01.png') no-repeat 0 0;}


.myinfo.tu .menu li a span {background:rgba(140, 66, 169, 0.3);}
.myinfo.tu .menu li a > img {opacity:0.2;}
.myinfo.tu .menu li a.active > img {opacity:1;}

.object_area {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;}
.object_area > div[class^=obj] {position:absolute;}

.myinfo.collections .object_area {height:1020px;}
.myinfo.collections .object_area .obj1 {top:173px;margin-left:-860px;}
.myinfo.collections .object_area .obj2 {top:655px;margin-left:-912px;}
.myinfo.collections .object_area .obj3 {top:780px;margin-left:-678px;}
.myinfo.collections .object_area .obj4 {top:382px;margin-left:646px;}

.myinfo.nhk .object_area .obj1 {top:129px;left:-30px;}
.myinfo.nhk .object_area .obj1 img {width:148px;}
.myinfo.nhk .object_area .obj2 {top:190px;left:190px;}
.myinfo.nhk .object_area .obj2 img {width:145px;}
.myinfo.nhk .object_area .obj3 {top:490px;left:-50px}
.myinfo.nhk .object_area .obj3 img {width:131px;transform:rotate(-15deg);}
.myinfo.nhk .object_area .obj4 {top:392px;right:0;}
.myinfo.nhk .object_area .obj4 img {}
.myinfo.nhk .object_area .obj5 {top:530px;left:65px}
.myinfo.nhk .object_area .obj5 img {width:108px;}
.myinfo.nhk .object_area .obj6 {top:100px;right:-50px;}
.myinfo.nhk .object_area .obj6 img {width:230px;transform:rotate(-15deg);}
.myinfo.nhk .object_area .obj7 {top:530px;right:-80px;}
.myinfo.nhk .object_area .obj7 img {}

.myinfo.pbu .object_area .obj1 {top:123px;margin-left:-903px;}
.myinfo.pbu .object_area .obj2 {top:282px;margin-left:-845px;}
.myinfo.pbu .object_area .obj3 {top:620px;margin-left:-1020px;}
.myinfo.pbu .object_area .obj4 {top:599px;margin-left:-681px;}
.myinfo.pbu .object_area .obj5 {top:120px;margin-left:638px;}
.myinfo.pbu .object_area .obj6 {top:428px;margin-left:837px;}
.myinfo.pbu .object_area .obj7 {top:646px;margin-left:652px;}

.myinfo.bu .object_area .obj1 {top:123px;margin-left:-903px;}
.myinfo.bu .object_area .obj2 {top:282px;margin-left:-845px;}
.myinfo.bu .object_area .obj3 {top:620px;margin-left:-1020px;}
.myinfo.bu .object_area .obj4 {top:599px;margin-left:-681px;}
.myinfo.bu .object_area .obj5 {top:120px;margin-left:638px;}
.myinfo.bu .object_area .obj6 {top:428px;margin-left:837px;}
.myinfo.bu .object_area .obj7 {top:646px;margin-left:652px;}

.myinfo.so .object_area .obj1 {top:131px;margin-left:-909px;}
.myinfo.so .object_area .obj2 {top:289px;margin-left:-824px;}
.myinfo.so .object_area .obj3 {top:626px;margin-left:-985px;}
.myinfo.so .object_area .obj4 {top:674px;margin-left:-771px;}
.myinfo.so .object_area .obj5 {top:590px;margin-left:-650px;}
.myinfo.so .object_area .obj6{top:216px;margin-left:651px;}
.myinfo.so .object_area .obj7 {top:441px;margin-left:734px;}
.myinfo.so .object_area .obj8 {top:745px;margin-left:657px;}

.myinfo.tu .object_area .obj1 {top:133px;margin-left:-895px;}
.myinfo.tu .object_area .obj2 {top:232px;margin-left:-724px;}
.myinfo.tu .object_area .obj3 {top:408px;margin-left:-773px;}
.myinfo.tu .object_area .obj4 {top:635px;margin-left:-904px;}
.myinfo.tu .object_area .obj5 {top:765px;margin-left:-922px;}
.myinfo.tu .object_area .obj6{top:136px;margin-left:629px;}
.myinfo.tu .object_area .obj7 {top:468px;margin-left:843px;}
.myinfo.tu .object_area .obj8 {top:649px;margin-left:752px;}
.myinfo.tu .object_area .obj9 {top:742px;margin-left:633px;}
.myinfo.tu .object_area .obj10 {top:527px;margin-left:-708px;}

/* 학부모 */
.myslp .page_txt {max-width:600px;font-size:14px;text-align:left;color:#222;line-height:16px;letter-spacing:-0.05em;padding:0 10px;margin-left:auto;margin-right:auto;}

.myslp .container {line-height:1;margin:20px auto 0;padding:30px 25px;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 0 14px rgba(170,170,170,0.22);}
.myslp .container .tit { font-size:16px; }
.myslp .container .tit:before {content:"";display:inline-block;width:8px;height:8px;vertical-align:2px;margin-right:5px;border:2px solid #b80301;border-radius:100%;box-sizing:border-box;}

/* 학부모 - 메인 */
@media (max-width:767px) {
	.myslp .main .page_tit img{width:23.0rem;}
	.myslp .main .page_txt img {width:23.1rem;}
}
.myslp .main .date {margin-top:10px;overflow:hidden;}
.myslp .main .date dl {position:relative;float:left;width:50%;letter-spacing:-0.05em;padding-left:20px;box-sizing:border-box;}
.myslp .main .date dl:before {content:"";position:absolute;top:0;left:0;width:1px;height:30px;background:#f3f3f3;}
.myslp .main .date dl:first-child {padding-left:0;}
.myslp .main .date dl:first-child:before {display:none;}
.myslp .main .date dt {font-size:12px;color:#999;}
.myslp .main .date dd {font-size:14px;color:#555;margin-top:8px;}
.myslp .main .menu {margin-top:20px;}
.myslp .main .menu li {float:left;width:calc((100% - 10px) / 2);margin:10px 0 0 10px;}
.myslp .main .menu li:nth-child(odd) {margin-left:0;}
.myslp .main .menu li:nth-child(1),
.myslp .main .menu li:nth-child(2) {margin-top:0;}
.myslp .main .menu li:nth-child(5) {width: 100%; text-align: right;}
.myslp .main .menu li:nth-child(5) a {padding-top: 0; height: 72.5px; padding: 20px 15px 15px;}
.myslp .main .menu li:nth-child(5) a img {top: 50%; transform: scale(0.5) translate(0, -50%);}
.myslp .main .menu li a {display:block;position:relative;height:145px;font-weight:700;font-size:14px;color:#222;padding:95px 0 0 13px;border-radius:15px;background:#f8f8f8;box-sizing:border-box;}
.myslp .main .menu li a img {position:absolute;top:20px;left:22px;transform-origin:0 0;letter-spacing:-0.025em;transform:scale(0.5);}
.myslp .main .menu li a small {display:block;font-weight:400;font-size:12px;color:#999;margin-top:8px;letter-spacing:-0.06em;}

/* 학부모 - 수강결제 */
.myslp .pay table {width:100%;font-size:15px;border-radius:8px;letter-spacing:-0.05em;margin-top:16px;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);overflow:hidden;}
.myslp .pay table th {border-top:1px solid #eee;color:#fff;background:#ccc3af;}
.myslp .pay table td {padding:16px 0 16px 20px;border-top:1px solid #eee;}
.myslp .pay table tr:first-child th,
.myslp .pay table tr:first-child td {border-top:none;}
.myslp .pay table td.price {color:#b80301;}
.myslp .pay .btn {display:block;width:125px;height:30px;font-size:15px;line-height:28px;border-radius:6px;margin:20px auto 0;}
.myslp .pay .btn-more {width:100%;margin-top:20px;}
.myslp .pay .btn_area {display:block;margin-top:26px;text-align:center;}
.myslp .pay .btn_area .btn {display:inline-block;height:30px;font-size:15px;line-height:28px;border-radius:6px;margin-left:10px;margin-top:0;}
.myslp .pay .btn_area .btn:first-child {margin-left:0;}
.myslp .pay .container .btn-print {position:absolute;top:30px;right:25px;width:79px;height:25px;font-size:12px;color:#333333;border:1px solid #cbc8b9;background:#fffef4;box-sizing:border-box;border-radius:6px;}
.myslp .pay .container > div {margin-top:33px;}
.myslp .pay .container > div:first-of-type {margin-top:0;}

.myslp .pay .date {margin-top:10px !important;overflow:hidden;}
.myslp .pay .date dl {position:relative;float:left;width:50%;letter-spacing:-0.05em;padding-left:20px;box-sizing:border-box;}
.myslp .pay .date dl:before {content:"";position:absolute;top:0;left:0;width:1px;height:30px;background:#f3f3f3;}
.myslp .pay .date dl:first-child {padding-left:0;}
.myslp .pay .date dl:first-child:before {display:none;}
.myslp .pay .date dt {font-size:12px;color:#999;}
.myslp .pay .date dd {font-size:14px;color:#555;margin-top:8px;}

.myslp .pay .pay-list {margin-top:20px;}
.myslp .pay .pay-list li {letter-spacing:-0.025em;margin-top:10px;border-radius:10px;overflow:hidden;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);}
.myslp .pay .pay-list li:first-child {margin-top:0;}
.myslp .pay .pay-list li .header {position:relative;height:40px;line-height:40px;font-weight:bold;font-size:15px;color:#fff;padding:0 20px;background:#ccc3af;}
.myslp .pay .pay-list li .header .name {position:absolute;top:0;right:20px;line-height:40px;}
.myslp .pay .pay-list li .pay-info {padding:16px 20px 14px;}
.myslp .pay .pay-list li dl {font-size:15px;line-height:18px;overflow:hidden;}
.myslp .pay .pay-list li dt {clear:left;float:left;}
.myslp .pay .pay-list li dt:before {content:"";display:inline-block;width:3px;height:3px;vertical-align:3px;margin-right:5px;border-radius:100%;background:#9f9f98;}
.myslp .pay .pay-list li dd {float:left;margin-left:3px;}
.myslp .pay .pay-list li dd.price {color:#b80301;}
.myslp .pay .pay-list li .btn {display:block;width:120px;margin:15px auto 0;border-radius:6px;}
.myslp .pay .pay-list li .btn.red {color:#fff; }

.myslp .pay .pay-choose {margin-top:33px;}
.myslp .pay .pay-choose span {display:block;position:relative;height:50px;line-height:46px;font-weight:bold;font-size:15px;color:#999;padding-left:58px;border:2px solid #fff;border-radius:8px;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);overflow:hidden;box-sizing:border-box;}
.myslp .pay .pay-choose span:before {content:"";position:absolute;top:0;bottom:0;left:28px;width:18px;margin:auto;background:url(/mobile/mobileCom/images/myslp/pay_choose_icon.png) no-repeat 0 0;background-size:80px;opacity:0.4;}
.myslp .pay .pay-choose .card-auto span:before {height:17px;background-position:0 0;}
.myslp .pay .pay-choose .card span:before {height:12px;background-position:-20px 0;}
.myslp .pay .pay-choose .account span:before {height:12px;background-position:-40px 0;}
.myslp .pay .pay-choose .imagine span:before {height:13px;background-position:-60px 0;}
.myslp .pay .pay-choose label {display:block;margin-top:15px;}
.myslp .pay .pay-choose input {position:absolute;left:-9999px;}
.myslp .pay .pay-choose :checked + span {color:#555;line-height:46px;border-color:#ccc3af;}
.myslp .pay .pay-choose :checked + span:before {opacity:1;}

.myslp .pay .pay-cancel > .inner {border-radius:8px;padding:10px;margin-top:16px;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);overflow:hidden;}
.myslp .pay .pay-cancel h3.tit {font-weight:400;font-size:11px;color:#222;margin:10px 0 9px;}
.myslp .pay .pay-cancel h3.tit:before {display:none;}
.myslp .pay .pay-cancel label {display:block;margin-top:15px;}
.myslp .pay .pay-cancel label:first-child {margin-top:0;}
.myslp .pay .pay-cancel label span {font-size:14px;}
.myslp .pay .pay-cancel textarea {display:block;width:100%;height:70px;margin-top:5px;}

.myslp .pay .container:has(.pay-account) {padding:0 0 30px;background-color:transparent;box-shadow: none;}
.myslp .pay .pay-account table { background-color: #fff; font-size: 13px; }
.myslp .pay .pay-account [class^="about"] {position:relative;padding:55px 8px 8px;border-radius:8px;overflow:hidden;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);}
.myslp .pay .pay-account [class^="about"]:after {content:"";position:absolute;top:15px;left:7px;width:30px;height:30px;background:url(/mobile/mobileCom/images/myslp/account_icon.png) no-repeat 0 0;background-size:60px}
.myslp .pay .pay-account [class^="about"][class*="card"] {background-color:#fbe1e4;}
.myslp .pay .pay-account [class^="about"][class*="account"] {margin-top: 30px; background-color: #d9eaf8;}
.myslp .pay .pay-account [class^="about"][class*="card"]:after {background-position:0 0;}
.myslp .pay .pay-account [class^="about"][class*="account"]:after {background-position:-30px 0;}
.myslp .pay .pay-account [class^="about"] strong { font-weight: 700; }
.myslp .pay .pay-account [class^="about"] > strong { position: absolute; top: 22px; left: 45px; font-size: 15px; }
.myslp .pay .pay-account [class^="about"][class*="card"] > strong {color:#b11116;}
.myslp .pay .pay-account [class^="about"][class*="account"] > strong {color:#175080;}
.myslp .pay .pay-account [class^="about"] .txt-area {padding: 12px 14px; background-color: #fff; border: 1px solid #efcbcf; border-radius: 6px; }
.myslp .pay .pay-account [class^="about"] p {position: relative; padding-left: 7px; font-size:12px;line-height:16px;color:#222;}
.myslp .pay .pay-account [class^="about"] p::before { content: ''; position: absolute; left: 0; top: 6px; width: 3px; height: 3px; border-radius: 3px; background-color: #9f9f98; }
.myslp .pay .pay-account [class^="about"] p + p { margin-top:7px;}
.myslp .pay .pay-account [class^="about"] p small {display: block; margin-top: 3px; padding-left: 13px; text-indent: -13px; font-size:10px;}
@media (max-width:767px) {
	.myslp .pay .page_tit img {width:32rem;}
    .myslp .pay .container:has(.pay-account) {padding-left: 10px; padding-right: 10px;}
}

/* 학부모 - 이러닝성적표 */
@media (max-width:767px) {
	.mychild .page_tit img {width:32rem;}
}
.mychild .unit .btn {display:block;width:125px;height:30px;font-size:15px;line-height:28px;border-radius:6px;margin:20px auto 0;}
.mychild .unit .btn-more {width:100%;margin-top:20px;}
.mychild .unit {padding:0 10px;}
.mychild .unit .menu_childname {overflow:hidden;width:100%;height:30px;margin-top:30px;padding-left:1px;background:url(/slpCom/images/elearning/mychild/bg_menu_line.gif) repeat-x 0 100%;}
.mychild .unit .menu_childname li {float:left;}
.mychild .unit .menu_childname a {overflow:hidden;float:left;width:96px;height:28px;line-height:28px;margin:0 -1px;border:1px solid #d2d2d2;border-bottom:0 none;background-color:#f3f3f3;font-size:13px;color:#999;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
.mychild .unit .menu_childname .on a {position:relative;height:28px;padding-bottom:1px;border:1px solid #c14145;border-bottom:0 none;background-color:#fff;color:#000;}
.mychild .unit .report-list {margin-top:20px;}
.mychild .unit .report-list li {letter-spacing:-0.025em;margin-top:10px;border-radius:10px;overflow:hidden;box-shadow: 2px 2px 14px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .report-list li:first-child {margin-top:0;}
.mychild .unit .report-list li .header {position:relative;height:40px;line-height:40px;font-weight:bold;font-size:15px;color:#fff;padding:0 20px;background:#ccc3af;}
.mychild .unit .report-list li .header .name {position:absolute;top:0;right:20px;line-height:40px;}
.mychild .unit .report-list li .report-info {padding:16px 20px 20px;background:#fff;}
.mychild .unit .report-list li dl {font-size:15px;line-height:18px;overflow:hidden;}
.mychild .unit .report-list li dt {clear:left;float:left;}
.mychild .unit .report-list li dt:before {content:"";display:inline-block;width:3px;height:3px;vertical-align:3px;margin-right:5px;border-radius:100%;background:#9f9f98;}
.mychild .unit .report-list li dd {float:left;margin-left:3px;}
.mychild .unit .report-list li .report-info > div {margin-top:15px;overflow:hidden;}
.mychild .unit .report-list li .progress,
.mychild .unit .report-list li .result {float:left;width:calc((100% - 10px) / 2);text-align:center;line-height:1;margin-left:10px;padding:23px 0;border:1px solid #c8c7c2;border-radius:6px;background:#f8f8f8;box-sizing:border-box;}
.mychild .unit .report-list li .progress {margin-left:0;}
.mychild .unit .report-list li .progress .name,
.mychild .unit .report-list li .result .name {display:block;font-size:14px;color:#555555;margin-bottom:8px;}
.mychild .unit .report-list li .progress .value {font-weight:bold;font-size:16px;color:#000;}
.mychild .unit .report-list li .result .value {font-weight:bold;font-size:16px;color:#666;}
.mychild .unit .report-list li .result .value span {color:#b11116;}
.mychild .unit .report-list li .btn {display:block;width:120px;font-size:13px;margin:15px auto 0;border-radius:6px;}
.mychild .unit .report-list li .btn.red {color:#fff;}

/**/
/* Unit Report
--------------------------------------------------------------------- */
.mychild .user_info {position:relative;width:100%;margin-top:22px;border-radius:10px;background:#d9eaf8;}
.mychild .user_info .list {padding:20px 15px;overflow:hidden;}
.mychild .user_info .list dt {clear:left;float:left;width:80px;margin-top:10px;}
.mychild .user_info .list dt img {width:100%;}
.mychild .user_info .list dd {float:left;height:22px;font-weight:bold;font-size:13px;line-height:22px;color:#222;margin:10px 0 0 15px;}
.mychild .user_info .list dt:first-of-type {margin-top:0;}
.mychild .user_info .list dd:first-of-type {margin-top:0;}

/* 메뉴 */
.mychild .unit .report_menu {overflow:hidden;width:100%;padding-top:25px;border-bottom:1px solid #db5565;}
.mychild .unit .report_menu li {float:left;width:calc((100% - 9px) / 4);margin-left:3px;}
.mychild .unit .report_menu li:first-child {margin-left:0;}
.mychild .unit .report_menu li a {display:block;text-align:center;border-top-left-radius:12px;border-top-right-radius:12px;border:1px solid #dad5c2;box-sizing:border-box;background:#fff;}
.mychild .unit .report_menu li a img {height:29px;}
.mychild .unit .report_menu li.on a {position:relative;border-color:transparent;background:#db5565;}
.mychild .unit .report_menu li.on a:before {content:"";position:absolute;z-index:1;top:-1px;right:-1px;width:12px;height:12px;background:url(/mobile/mobileCom/images/mychild/menu_lesson_edge.png);background-size:12px;}
.mychild .unit .btn_print {position:relative;height:33px;text-align:right;}
.mychild .unit .btn_print a {display:inline-block;margin-right:5px;padding:0 15px;font-size:14px;line-height:23px;border:1px solid #b00401;border-radius:3px;color:#b11116;background:#fff;box-shadow:1px 2px 2px rgba(0,0,0,0.1);}
.mychild .unit .btn_reportmain {text-align:center;}

/* 그래프 */
.mychild .unit .group_graph {position:relative;}

/* 세로형그래프 */
.mychild .unit .graph_type1 .bg_group {position:absolute;left:0;top:0;height:188px;}
.mychild .unit .graph_type1 .graph .obj {position:relative;width:8px;}
.mychild .unit .graph_type1 .graph {position:relative;display:flex;align-items:flex-end;justify-content:space-around;height:154px;background:url(/mobile/mobileCom/images/mychild/graph_overall_bg_lessontotal2.png) repeat-x 0 -3px; background-size:auto 188px;}
.mychild .unit .graph_type1 .graph .obj .line {overflow:hidden;position:absolute;left:0;bottom:3px;width:8px;height:100%;}
.mychild .unit .graph_type1 .graph .obj .line img {position:absolute;left:0;bottom:0;height:151px;}
.mychild .unit .graph_type1 .graph .obj .score {position:absolute;top:-24px;left:-9px;width:26px;height:20px;}
.mychild .unit .graph_type1 .graph .obj .score .num {position:absolute;left:-1px;top:-1px;width:100%;font-size:12px;line-height:1.5;letter-spacing:-0.025em;color:#fff;text-align:center;}
.mychild .unit .graph_type1 .graph .obj .hide {left:-29px;top:auto;bottom:-21px;width:70px;height:15px;font-size:12px;color:#222;line-height:1.5;text-indent:0;text-align:center;letter-spacing:-1px;}

/* 가로형그래프 */
.mychild .unit .graph_type2 .bg_group {position:absolute;left:0;bottom:0;width:270px;}
.mychild .unit .graph_type2 .graph {position:relative;width:calc((100% - 70px) - ((100% - 70px) / 6 ));}
.mychild .unit .graph_type2 .graph .obj {position:absolute;left:0;height:8px;}
.mychild .unit .graph_type2 .graph .obj .line {overflow:hidden;position:absolute;left:0;top:0;width:100%;height:8px;}
.mychild .unit .graph_type2 .graph .obj .line img {position:absolute;left:0;top:0;}
.mychild .unit .graph_type2 .graph .obj .score {position:absolute;top:-7px;right:-84px;width:74px;height:16px;font-size:14px;letter-spacing:-1px;line-height:1.5;}
.mychild .unit .graph_type2 .graph .obj .score .num {color:#6694bb;}
.mychild .unit .graph_type2 .graph .obj .score .num .max {color:#666;}
.mychild .unit .graph_type2 .graph .obj .hide {left:-70px;top:-8px;width:70px;height:20px;font-size:12px;line-height:1.5;text-indent:0;letter-spacing:-0.025em;color:#222;}

/* Report Unit - list */
.mychild .unit .tbl_report {margin:0 0 17px;border-top:1px solid #b11116;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.mychild .unit .tbl_report .tbl {width:100%;}
.mychild .unit .tbl_report th {padding:7px 0;border:none;border-right:1px solid #d2d2d2;background-color:#f1edea;font-weight:normal;font-size:15px;color:#555;}
.mychild .unit .tbl_report td {padding:5px 0 4px;border:none;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;font-size:14px;color:#222;text-align:center;}
.mychild .unit .tbl_report td .emph {color:#b11116;}
.mychild .unit .tbl_report td.result {color:#8f8f8f;}
.mychild .unit .tbl_report td .btn_view {display:block;width:72px;height:27px;margin:0 auto;background:url(/slpCom/images/elearning/report/btn_view.gif) no-repeat 0 0;}
.mychild .unit .tbl_report td .btn_study {display:block;width:72px;height:27px;margin:0 auto;background:url(/slpCom/images/elearning/report/btn_play.gif) no-repeat 0 0;}

/* Overall */
.mychild .unit .over_all .desc:after {content:"";display:block;clear:both;}
.mychild .unit .over_all .desc .overall_img {float:left;width:90px;margin-top:13px;}
.mychild .unit .over_all .desc .overall_tbl {float:left;width:calc(100% - 100px);margin:9px 0 0 10px;border-radius:6px;overflow:hidden;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .over_all .desc .overall_tbl th {font-size:11px;line-height:15px;color:#fff;padding:10px 0;border-top:1px solid #eee;background:#ccc3af;}
.mychild .unit .over_all .desc .overall_tbl td {font-size:12px;color:#222;padding:10px 0 10px 14px;border-top:1px solid #eee;background:#fff;}
.mychild .unit .over_all .desc .overall_tbl tr:first-child th,
.mychild .unit .over_all .desc .overall_tbl tr:first-child td {border-top:none;}
.mychild .unit .over_all .objectives {margin-top:11px;border-radius:6px;overflow:hidden;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .over_all .objectives .tit {text-align:center;background:#fbe1e4;}
.mychild .unit .over_all .objectives .tit img {height:39px;}
.mychild .unit .over_all .objectives .desc {font-size:12px;color:#222;line-height:15px;padding:12px 22px;background:#fff;}
.mychild .unit .over_all .performance {margin-top:30px;}
.mychild .unit .over_all .performance .tit img {height:15px;}
.mychild .unit .over_all .performance h5 {margin-top:14px;text-align:center;border-top-left-radius:6px;border-top-right-radius:6px;background:#db5565;}
.mychild .unit .over_all .performance h5 img {height:40px;}
.mychild .unit .over_all .performance h5.tit_online_unit_test {margin-top:6px;position:relative;background:#dbd6c4;}
.mychild .unit .over_all .performance h5.tit_online_unit_test:before {content:"";position:absolute;top:-20px;left:14px;width:11px;height:33px;background:url(/mobile/mobileCom/images/mychild/tit_ring.png) no-repeat 0 0;background-size:11px;}
.mychild .unit .over_all .performance h5.tit_online_unit_test:after {content:"";position:absolute;top:-20px;right:14px;width:11px;height:33px;background:url(/mobile/mobileCom/images/mychild/tit_ring.png) no-repeat 0 0;background-size:11px;}
.mychild .unit .over_all .performance .list_tbl {border-bottom:2px solid #d9eaf8;}
.mychild .unit .over_all .performance .list_tbl .tbl {width:100%;}
.mychild .unit .over_all .performance .list {}
.mychild .unit .over_all .performance .list th {height:30px;font-size:13px;color:#6694bb;border:none;border-left:1px solid #ece9e2;background:#d9eaf8;}
.mychild .unit .over_all .performance .list th:first-child {border:none;}
.mychild .unit .over_all .performance .list td {height:40px;border:none;border-right:1px solid #ece9e2;border-top:1px solid #ece9e2;font-size:13px;color:#222;text-align:center;padding:0;}
.mychild .unit .over_all .performance .list .fst td {border-top:0 none;}
.mychild .unit .over_all .performance .list td em {color:#709bc0;}
.mychild .unit .over_all .performance .list td.lst {border-right:none;color:#666;}
.mychild .unit .over_all .performance .group_graph {height:175px;padding:3px 0 0 30px;margin-top:21px;}
.mychild .unit .over_all .performance .no_data {width:898px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff !important;}
.mychild .unit .over_all .lesson_total {overflow:hidden;padding:15px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;border-bottom:1px solid #dad5c2;border-bottom-right-radius:6px;border-bottom-left-radius:6px;background:#fff;}
.mychild .unit .over_all .lesson_total .tbl {width:100%;}
.mychild .unit .over_all .lesson_total .notice {display:block;font-size:12px;padding:10px 0 0;color:#222;}
.mychild .unit .over_all .lesson_total .notice:before {content:"";display:inline-block;width:3px;height:3px;vertical-align:2px;margin-right:5px;border-radius:100%;background:#9f9f98;}
.mychild .unit .over_all .lesson_total .list td.lst {width:184px;text-indent:-14px;}

.mychild .unit .over_all .unit_test {overflow:hidden;padding:15px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;border-bottom:1px solid #dad5c2;border-bottom-right-radius:6px;border-bottom-left-radius:6px;background:#fff;}
.mychild .unit .over_all .unit_test .list td {height:30px;}
.mychild .unit .over_all .unit_test .test_score {overflow:hidden;width:364px;border:3px solid #d9eaf8;}
.mychild .unit .over_all .unit_test .test_score .txt_test {float:left;padding:9px 0 0 17px;}
.mychild .unit .over_all .unit_test .test_score .score {float:right;padding:2px 20px 3px 0;font-weight:bold;font-size:18px;color:#222;}
.mychild .unit .over_all .unit_test .test_score .num {font-weight:bold;color:#ff505e;}
.mychild .unit .over_all .unit_test .head_tbl {padding-top:10px;}
.mychild .unit .over_all .unit_test .list td {height:30px;}
.mychild .unit .over_all .unit_test .list td.area {width:123px;color:#222;}
.mychild .unit .over_all .unit_test .list td.lst {width:122px;}
.mychild .unit .over_all .unit_test .group_graph {margin-top:47px;}
.mychild .unit .over_all .unit_test .group_graph .graph .obj .line {bottom:1px;}
.mychild .unit .over_all .unit_test .graph .obj {bottom:2px;}
.mychild .unit .over_all .unit_test .graph .obj .hide {bottom:-19px;}
.mychild .unit .over_all .unit_test .graph .obj_total .hide {color:#b11116;}
.mychild .unit .over_all .comment {overflow:hidden;width:798px;padding:0 50px 15px;border-left:1px solid #dad5c2;border-right:1px solid #dad5c2;background:#fff;}
.mychild .unit .over_all .comment .tit {padding:5px 0 10px;}
.mychild .unit .over_all .comment .list {width:100%;border-top:2px solid #ece9e2;border-bottom:1px solid #ebe8e1;}
.mychild .unit .over_all .comment .list td {height:auto;padding:5px 0;border-top:1px dotted #bfbfbf;border-right:0 none;text-align:left;}
.mychild .unit .over_all .comment .list td.fst {width:85px;text-indent:10px;}
.mychild .unit .over_all .comment .list td.fst img {margin-top:5px;}
.mychild .unit .over_all .comment .list td.snd {width:47px;}

/* Lesson Details */
.mychild .unit .lesson_details .graph_area {padding:13px 15px;border-radius:6px;}
.mychild .unit .lesson_details .graph_area .graph_grid {position:absolute;top:0;left:70px;width:calc(100% - 70px);height:100%;box-sizing:border-box;}
.mychild .unit .lesson_details .graph_area .graph_grid:after {content:"";display:block;clear:both;}
.mychild .unit .lesson_details .graph_area .graph_grid > div {position:relative;float:left;width:calc(100% / 6);font-size:11px;height:100%;}
.mychild .unit .lesson_details .graph_area .graph_grid > div:before {content:"";display:block;width:1px;height:calc(100% - 15px);background:#ebe9e2;}
.mychild .unit .lesson_details .graph_area .graph_grid > div span {position:absolute;bottom:0;left:0;transform:translateX(-50%);}
.mychild .unit .lesson_details .graph_area .graph_type2 {height:179px;}
.mychild .unit .lesson_details .graph_area .graph_type2 .graph {margin-left:70px;box-sizing:border-box;}
.mychild .unit .lesson_details .lesson_total .tit {margin-top:22px;}
.mychild .unit .lesson_details .lesson_total .tit img {height:12px;}
.mychild .unit .lesson_details .lesson_total .novoid {font-size:0;line-height:1;}
.mychild .unit .lesson_details .lesson_total .graph_area {margin-top:18px;background:#fff;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .lesson_details .lesson_total .desc {padding-top:7px;color:#666;font-size:13px;}
.mychild .unit .lesson_details .lesson_total .desc:before {content:"";display:inline-block;width:3px;height:3px;vertical-align:2px;margin-right:5px;border-radius:100%;background:#9f9f98;}
.mychild .unit .lesson_details .score_grahp .tit {margin-top:30px;}
.mychild .unit .lesson_details .score_grahp .tit img {height:15px;}
.mychild .unit .lesson_details .score_grahp .novoid {font-size:0;line-height:1;}
.mychild .unit .lesson_details .score_grahp .graph_area {margin-top:15px; padding:15px;background:#fff;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .lesson_details .score_lesson .tit {margin-top:22px;}
.mychild .unit .lesson_details .score_lesson .tit img {height:15px;}
.mychild .unit .lesson_details .score_lesson .score_list {}
.mychild .unit .lesson_details .score_lesson .score_list {margin-top:20px;}
.mychild .unit .lesson_details .score_lesson .score_list li {letter-spacing:-0.025em;margin-top:10px;border-radius:10px;overflow:hidden;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);}
.mychild .unit .lesson_details .score_lesson .score_list li:first-child {margin-top:0;}
.mychild .unit .lesson_details .score_lesson .score_list li .header {position:relative;height:40px;line-height:40px;font-weight:bold;font-size:15px;color:#fff;padding:0 20px;background:#ccc3af;}
.mychild .unit .lesson_details .score_lesson .score_list li .header .progress {position:absolute;top:0;right:20px;line-height:40px;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info {position:relative;padding:16px 20px 20px;background:#fff;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info dl {font-size:15px;line-height:18px;overflow:hidden;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info dt {clear:both;float:left;color:#555;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info dt:before {content:"";display:inline-block;width:3px;height:3px;vertical-align:2px;margin-right:5px;border-radius:100%;background:#9f9f98;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info dd {float:left;color:#222;margin-left:3px;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info .time {position:absolute;right:23px;bottom:23px;line-height:15px;font-size:12px;color:#a09375;}
.mychild .unit .lesson_details .score_lesson .score_list li .score-info .time:before {content:"";display:inline-block;width:15px;height:15px;margin-right:6px;vertical-align:top;background:url(/mobile/mobileCom/images/mychild/score_list_time.png) no-repeat 0 0;background-size:15px;}

/* Test Details */
.mychild .unit .test_details .record_progress .tit {margin-top:22px;}
.mychild .unit .test_details .record_progress .tit img {height:15px;}
.mychild .unit .test_details .record_progress .desc {margin-top:16px;border-radius:6px;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);overflow:hidden;}
.mychild .unit .test_details .record_progress .desc .chart {position:relative;}
.mychild .unit .test_details .record_progress .desc .overlay-marker {position:absolute;}

.mychild .unit .test_details .unit_testscore .tit {margin-top:30px;}
.mychild .unit .test_details .unit_testscore .tit img {height:15px;}
.mychild .unit .test_details .unit_testscore .desc {padding:21px 15px 30px;margin-top:16px;border-radius:6px;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);background:#fff;overflow:hidden;}
.mychild .unit .test_details .unit_testscore .test_score {overflow:hidden;padding:9px 18px;border:2px solid #d9eaf8;}
.mychild .unit .test_details .unit_testscore .test_score .txt_test {float:left;}
.mychild .unit .test_details .unit_testscore .test_score .txt_test img {width:62px;vertical-align:middle;}
.mychild .unit .test_details .unit_testscore .test_score .score {float:right;font-weight:bold;font-size:13px;color:#222;}
.mychild .unit .test_details .unit_testscore .test_score .num {color:#ff505e;}
.mychild .unit .test_details .unit_testscore .list .list_tbl {margin-top:10px; border-bottom: 2px solid #d9eaf8;}
.mychild .unit .test_details .unit_testscore .list table {width:100%;}
.mychild .unit .test_details .unit_testscore .list th {font-size:13px;color:#6694bb;background:#d9eaf8;border:none;border-left:1px solid #ebe9e2;}
.mychild .unit .test_details .unit_testscore .list th:first-child {border-left:none;}
.mychild .unit .test_details .unit_testscore .list td {font-size:13px;text-align:center;border:none;border-right:1px solid #ece9e2;border-top:1px solid #ece9e2;height:30px;}
.mychild .unit .test_details .unit_testscore .list td.area {color:#222;}
.mychild .unit .test_details .unit_testscore .list td.lst {color:#666;border-right:none;}
.mychild .unit .test_details .unit_testscore .list td em {color:#6694bb;}
.mychild .unit .test_details .unit_testscore .group_graph {margin-top:47px;padding-top:3px;}
.mychild .unit .test_details .unit_testscore .group_graph + .group_graph {margin-top:72px;}
.mychild .unit .test_details .unit_testscore .graph {height:156px;padding-left:30px;}
.mychild .unit .test_details .unit_testscore .graph .obj {bottom:2px;}
.mychild .unit .test_details .unit_testscore .graph .obj .hide {bottom:-19px;}
.mychild .unit .test_details .unit_testscore .graph .obj_total .hide {color:#b11116;}

.mychild .unit .test_details .unit_comment .tit {margin-top:30px;}
.mychild .unit .test_details .unit_comment .tit img {height:15px;}
.mychild .unit .test_details .unit_comment .desc {padding:21px 15px;margin-top:16px;border-radius:6px;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);background:#fff;overflow:hidden;}
.mychild .unit .test_details .unit_comment .desc .tit {margin-top:0;}
.mychild .unit .test_details .unit_comment .desc .tit img {height:11px;}
.mychild .unit .test_details .unit_comment .desc .list {margin-top:12px;border-top:1px solid #ebe9e2;}
.mychild .unit .test_details .unit_comment .desc .list li {padding:12px 0 9px;border-top:1px dotted #bfbfbf;}
.mychild .unit .test_details .unit_comment .desc .list li:first-child {border-top:none;}
.mychild .unit .test_details .unit_comment .desc .list li > div img {height:17px;margin-right:5px;}
.mychild .unit .test_details .unit_comment .desc .list li p {line-height:15px;margin-top:9px;}

.mychild .unit .test_details .details .tit {margin-top:30px;}
.mychild .unit .test_details .details .tit img {height:15px;}
.mychild .unit .test_details .details .desc {padding:21px 15px;margin-top:16px;border-radius:6px;box-shadow: 2px 2px 4px 0px rgba(134, 134, 134, 0.23);background:#fff;overflow:hidden;}
.mychild .unit .test_details .details .test_score {overflow:hidden;padding:9px 18px;border:2px solid #f1edea;}
.mychild .unit .test_details .details .test_score .txt_test {float:left;}
.mychild .unit .test_details .details .test_score .txt_test img {width:62px;vertical-align:middle;}
.mychild .unit .test_details .details .test_score .score {float:right;font-weight:bold;font-size:13px;color:#222;}
.mychild .unit .test_details .details .test_score .num {color:#ff505e;}
.mychild .unit .test_details .details .list strong {display:block;line-height:30px;text-align:center;font-size:13px;background:#f1edea;}
.mychild .unit .test_details .details .list > li {margin-top:15px;border-bottom:1px solid #d5c5b9;}
.mychild .unit .test_details .details .list > li:first-child {margin-top:0;}
.mychild .unit .test_details .details .list li li {display:table;border-top:1px solid #ebe9e2;padding:12px 9px;}
.mychild .unit .test_details .details .list li li:first-child {border-top:none;}
.mychild .unit .test_details .details .list li li p {display:table-cell;font-size:11px;line-height:15px;color:#222;}
.mychild .unit .test_details .details .list li li span {display:table-cell;width:71px;font-size:12px;color:#555;text-align:center;}
.mychild .unit .test_details .details .list li li span em {color:#b11116;}

/* .mychild .unit .test_details .results .tit {padding:25px 0 18px;line-height:0;}
.mychild .unit .test_details .results .btn_review {overflow:hidden;float:right;margin-top:18px;}
.mychild .unit .test_details .reuslts_tbl {border-top:1px solid #b11116;border-left:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-right:0 none;}
.mychild .unit .test_details .reuslts_tbl .bg_tbl {display:none;}
.mychild .unit .test_details .reuslts_tbl th {height:36px;border-right:1px solid #d2d2d2;background-color:#f1edea;font-weight:bold;font-size:14px;color:#555;vertical-align:middle;}
.mychild .unit .test_details .reuslts_tbl th.layer {width:146px;vertical-align:top;}
.mychild .unit .test_details .reuslts_tbl th div {position:relative;width:100%;padding-top:8px;}
.mychild .unit .test_details .reuslts_tbl th span {position:absolute;left:-1px;top:0;width:100%;height:102px;margin:0 -5px 0 -4px;border:5px solid #b11116;}
.mychild .unit .test_details .reuslts_tbl td {height:36px;border-right:1px solid #d2d2d2;border-top:1px solid #d2d2d2;font-weight:bold;font-size:14px;text-align:center;}
.mychild .unit .test_details .reuslts_tbl td.section {width:146px;font-weight:normal;color:#222;text-indent:6px;}
.mychild .unit .test_details .reuslts_tbl td.section div {width:146px;}
.mychild .unit .test_details .reuslts_tbl td.total {width:146px;color:#222;}
.mychild .unit .test_details .reuslts_tbl td.total div {width:100%;}
.mychild .unit .test_details .reuslts_tbl td span {color:#912226;}
.mychild .unit .test_details .details .tit {padding:30px 0 18px;line-height:0;}
.mychild .unit .test_details .details_tbl {border:1px solid #d2d2d2;border-top:0 none;}
.mychild .unit .test_details .details_tbl th.area {font-size:0;width:146px;line-height:1.5;padding:0;border:none;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;background-color:#fff;vertical-align:middle;}
.mychild .unit .test_details .details_tbl td {line-height:1.5;font-size:13px;padding:0;border:none;border-top:1px solid #d2d2d2;vertical-align:top;background:#fff;}
.mychild .unit .test_details .details_tbl ul {overflow:hidden;width:100%;}
.mychild .unit .test_details .details_tbl li {float:left;width:100%;border-top:1px dotted #aaa;font-size:14px;}
.mychild .unit .test_details .details_tbl li.fst {border-top:0 none;}
.mychild .unit .test_details .details_tbl li .txt {float:left;width:570px;padding:9px 30px 10px;border-right:1px solid #d2d2d2;color:#222;text-align:left;}
.mychild .unit .test_details .details_tbl li.fst .txt {padding:10px 30px 8px;}
.mychild .unit .test_details .details_tbl .num_total,
.mychild .unit .test_details .details_tbl li .num {float:right;width:120px;padding-top:8px;font-weight:bold;color:#555;text-align:center;}
.mychild .unit .test_details .details_tbl .num_total em,
.mychild .unit .test_details .details_tbl li .num em {font-weight:bold;color:#b11116;}
.mychild .unit .test_details .details_tbl .total {overflow:hidden;width:100%;}
.mychild .unit .test_details .details_tbl .tit_total {float:left;width:449px;height:14px;padding:13px 0 11px 328px;border-right:1px solid #d2d2d2;line-height:0;}
.mychild .unit .test_details .details_tbl .num_total {font-weight:bold;font-size:18px;color:#222;} */

/* Roadmap */
.mychild .unit .roadmap {height:891px;}
.mychild .unit .roadmap .user_class {padding:0 20px;}
.mychild .unit .roadmap .user_class .info {overflow:hidden;width:100%;padding:30px 0 0;font-weight:bold;font-size:18px;}
.mychild .unit .roadmap .user_class .bg_emph {float:left;margin-right:2px;padding-right:14px;background:url(/slpCom/images/elearning/report/bg_roadmap_emph.gif) no-repeat 100% -50px;white-space:nowrap;}
.mychild .unit .roadmap .user_class .inner_emph {float:left;padding-left:14px;background:url(/slpCom/images/elearning/report/bg_roadmap_emph.gif) no-repeat 0 0;}
.mychild .unit .roadmap .user_class .inner_emph span {float:left;height:28px;padding-top:2px;background-color:#f1edea;color:#b11116;text-align:center;}
.mychild .unit .roadmap .user_class .inner_emph em {font-weight:bold;}
.mychild .unit .roadmap .user_class .name .inner_emph span{min-width:126px}
.mychild .unit .roadmap .user_class .class .inner_emph span {min-width:152px;}
.mychild .unit .roadmap .user_class .txt {float:left;padding:2px 10px 0 0;white-space:nowrap;}
.mychild .unit .roadmap .user_class .desc {display:block;padding:9px 0 27px 3px;font-size:14px;color:#666;}
.mychild .unit .roadmap .user_class em {font-weight:bold;}
.mychild .unit .roadmap .user_recommend {position:relative;width:100%;padding-bottom:30px;}
.mychild .unit .roadmap .user_recommend .list {position:absolute;left:215px;top:14px;width:673px;}
.mychild .unit .roadmap .user_recommend li {overflow:hidden;width:100%;padding-top:13px;line-height:1.2;}
.mychild .unit .roadmap .user_recommend li a,
.mychild .unit .roadmap .user_recommend li span {float:left;font-weight:bold;font-size:15px;color:#222;}
.mychild .unit .roadmap .user_recommend li .txt {padding:2px 8px 0 0;}
.mychild .unit .roadmap .user_recommend li .desc {margin-right:4px;padding-top:1px;}
.mychild .unit .roadmap .user_recommend li .desc span {padding-left:2px;color:#c1000f;}
.mychild .unit .roadmap .user_recommend li .desc em {font-weight:bold;}
.mychild .unit .roadmap .roadmap_tbl {max-width:900px;height:497px;}
.mychild .unit .roadmap .roadmap_tbl td {border:none;padding:0;line-height:0;vertical-align:top;}
.mychild .unit .roadmap .bnr_area {overflow:hidden;width:100%;padding-top:25px;}
.mychild .unit .roadmap .bnr_area div {float:left;}
.mychild .unit .roadmap .bnr_area .snd {padding:0 27px;}

@media all and (max-width:1023px) {
    .mychild .unit .roadmap {height:auto;}
    .mychild .unit .roadmap .user_class {padding:0;}
    .mychild .unit .roadmap .user_class .bg_emph {margin-bottom:10px;background:none;}
    .mychild .unit .roadmap .user_class .bg_emph.class {clear:left;}
    .mychild .unit .roadmap .user_class .inner_emph {padding-left:0;background:none;}
    .mychild .unit .roadmap .user_class .inner_emph span {height:40px;font-size:19px;line-height:40px;background-color:#fff;border-radius:20px;}
    .mychild .unit .roadmap .user_class .txt {line-height:40px;}
    .mychild .unit .roadmap .user_class .desc {padding-bottom:20px;}

    .mychild .unit .roadmap .user_recommend {width:100%;padding:20px 15px;border-radius:10px;background-color:#f9bbc2;box-sizing:border-box;}
    .mychild .unit .roadmap .user_recommend h4 img {width:90px;}
    .mychild .unit .roadmap .user_recommend .list {position:static;width:auto;margin-top:12px;padding:12px 15px;background:#fff;}
    .mychild .unit .roadmap .user_recommend li {padding-top:10px;}
    .mychild .unit .roadmap .user_recommend li:first-child {padding-top:0;}
    .mychild .unit .roadmap .user_recommend li:before {content:"";float:left;display:inline-block;width:4px;height:4px;margin-top:6px;margin-right:8px;background-color:#666;border-radius:100%;}
    .mychild .unit .roadmap .user_recommend li a,
    .mychild .unit .roadmap .user_recommend li span {font-weight:normal;font-size:12px;}
    .mychild .unit .roadmap .user_recommend li .desc img {display:none;}
    .mychild .unit .roadmap .user_recommend li .desc em {font-weight:normal;text-decoration:underline;}

    .mychild .unit .roadmap .roadmap_tbl {height:auto;margin:30px auto 0;}
    .mychild .unit .roadmap .roadmap_tbl table {display:block;width:100%;}
    .mychild .unit .roadmap .roadmap_tbl picture {display:block;}
    .mychild .unit .roadmap .roadmap_tbl picture img {width:100%;}
    .mychild .unit .roadmap .roadmap_tbl tbody {display:block;}
    .mychild .unit .roadmap .roadmap_tbl tbody tr {display:block;overflow:hidden;}
    .mychild .unit .roadmap .roadmap_tbl tbody td {display:block;float:left;width:25%;text-align:center;box-sizing:border-box;}
    .mychild .unit .roadmap .roadmap_tbl tbody td picture {position:relative;}
    .mychild .unit .roadmap .roadmap_tbl tbody td picture:before {content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d2d2d2;}
    .mychild .unit .roadmap .roadmap_tbl tbody td picture:first-child:before {display:none;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:not(:first-child) picture[class*="on"] {background:#d9eaf8;}
    .mychild .unit .roadmap .roadmap_tbl tbody td img {width:auto;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1),
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(2) {background:#fff;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3),
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(4) {background:#f4f4f4;}

    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1) {border-left:2px solid #db5565;border-bottom:2px solid #db5565;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(2) {border-left:1px solid #d2d2d2;border-right:2px solid #db5565;border-bottom:2px solid #db5565;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(4) {border-left:1px solid #d2d2d2;}

    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1) :nth-child(1) img {height:112px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1) :nth-child(2) img {height:112px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1) :nth-child(3) img {height:168px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(2) img {height:28px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(1) img {height:56px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(2) img {height:56px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(3) img {height:56px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(4) img {height:56px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(5) img {height:28px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(6) img {height:56px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) :nth-child(7) img {height:84px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(4) :nth-child(1) img {height:224px;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(4) :nth-child(2) img {height:168px;}


    /* .mychild .unit .roadmap .roadmap_tbl tbody td picture {display:block;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;overflow:hidden;}
    .mychild .unit .roadmap .roadmap_tbl tbody td picture:first-child {border-top:none;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(1) picture {border-left:3px solid #db5565;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(2) picture {border-right:3px solid #db5565;}
    .mychild .unit .roadmap .roadmap_tbl tbody td:nth-child(3) picture {border-left:none;} */
}

/* 2022 sap// */
body.main.sap_g1 { background: url('/mobile/mobileCom/images/main/journal_current_bg06.jpg') repeat 0 0; background-size: 100%; }
body.main.sap_g2 { background: url('/mobile/mobileCom/images/main/journal_current_bg07.jpg') repeat 0 0; background-size: 100%; }

body.elearning[class*=sap] .myclass .article_wrap { position: relative; }
body.elearning[class*=sap] .myclass .article_wrap .btn_method { border: 0; position: absolute; top: -7px; right: 0; }

body[class*=sap] .myclass .body .session_box .inner { height: auto; min-height: 350px; }
body[class*=sap] .myclass .body .session_box .inner .session_tbl { position: relative; margin-top: 57px; }
/*body[class*=sap] .myclass .session_box .inner .session_tbl::before { content: ''; position: absolute; right: 20px; top: 76px; width: 140px; height: 260px; background: url('/slpCom/images/elearning/myclass/grammar_cover.png') 0 0 no-repeat; }*/

/*body[class*=sap] .myclass .week_lesson .guest { font-size: 16px; white-space: nowrap;}*/
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:first-child td:last-child::before { content: 'Grammar'; font-size: 18px; font-weight: 900; color: #fff; position: absolute; top: -37px; right: 0; width: 140px; height: 41px; line-height: 36px; background-color: #aecde7; border-top-left-radius: 10px; border-top-right-radius: 10px; }
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:first-child td:last-child::after { content: ''; position: absolute; bottom: 1px; right: 0; width: 140px; height: 15px; background-color: #aecde7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child::before { content: ''; position: absolute; top: -3px; right: 130px; width: 10px; height: 214px; background-color: #aecde7; }
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child::after { content: ''; position: absolute; top: -3px; right: 0; width: 10px; height: 214px; background-color: #aecde7; }
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child dl::before { content: ''; position: absolute; right: 10px; top: 0; width: 120px; height: 5px; background-color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; }
body[class*=sap] .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child dl::after { content: ''; position: absolute; right: 10px; bottom: 12px; width: 120px; height: 5px; background-color: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
body[class*=sap] .myclass .week_lesson .body .btn_unittest { display: none; }
/*

body[class*=sap] .myclass .week_lesson .body .btn_unittest img{ position: relative; top: -132px; }
body[class*=sap] .myclass .week_lesson .body .btn_unittest.ing img{ position: relative; top: -176px; }
body[class*=sap] .myclass .week_lesson .body .btn_unittest.fin img{ position: relative; top: -220px; }
*/

body[class*=sap] .myclass .week_lesson .body { height: 620px; background-size: 100% 100%; }
body[class*=sap] .myclass .session_box .inner { height: auto; min-height: 350px; }
body[class*=sap] .myclass .session_box .inner .session_tbl { position: relative; margin-top: 57px; }
body:not([class*=sap]) .myclass .wrap_it_up { display: none; }

.myclass .wrap_it_up { position: relative; margin: 30px auto 0; width: 740px; padding: 8px; border-radius: 16px; background-color: #dbeaee; overflow: hidden; box-shadow: 0 12px 20px rgba(0, 0, 0, .15); box-sizing: border-box; }

.myclass .wrap_it_up .wrap_inner { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px; background-color: #fff; border: 1px solid #ccdfe4; border-radius: 10px; }

.week_lesson .body .wrap_it_up h3 { flex: 1 144px; }
.week_lesson .body .wrap_it_up .btn_area { position: relative; }
.week_lesson .body .wrap_it_up .btn_area::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1px; height: 53px; background-color: #eae9e7; }

.week_lesson .body .wrap_it_up button { position: relative; width: 243px; height: 53px; overflow: hidden; border: 0; background-color: transparent; }
.week_lesson .body .wrap_it_up button img { position: relative; top: -63px; }
/*body[class*=sap] .week_lesson .body .wrap_it_up button.fin img { position: relative; top: -126px; }*/
.week_lesson .body .wrap_it_up button.ing img { position: relative; top: 0; }
.week_lesson .body .wrap_it_up .btn_monthly { margin-right: 20px; }
.week_lesson .body .wrap_it_up .btn_activity { margin-left: 20px; }

/* current class popup */
.layer_wrap { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url('/slpCom/images/common/bg_layerpop.png') 0 0 repeat; z-index: 9; letter-spacing: -1px; }
.layerpop { position: absolute; left: 50%; top: 50%; width: 200px; height: 200px; background: #fff; z-index: 10; }
.layerpop.type2 { width: 800px; height: 560px; padding: 39px 32px; border-radius: 20px; border: 2px solid #b11116; text-align: left; background: #fff; box-sizing: border-box; }
.layerpop.type2 .laytit { padding-bottom: 24px; background: url('/slpCom/images/common/bg_laytit.gif') 0 bottom no-repeat; }
.layerpop.type2 a.layer_close { position: absolute; right: 34px; top: 39px; width: 28px; height: 28px; background: url('/slpCom/images/common/btn_close2.gif') 0 0 no-repeat; font-size: 0; }
body[class*=sap] .myclass .layer_wrap.popEmethod .layerpop .laytit { background: transparent; padding: 0; }
body[class*=sap] .myclass .layer_wrap.popEmethod .layerpop .subtit { margin-top: 14px; }
body[class*=sap] .myclass table.sap_table { margin-top: 20px; border-radius: 8px; box-shadow: 0 0 0 1px #ddd; }
body[class*=sap] .myclass table.sap_table tr th, 
body[class*=sap] .myclass table.sap_table tr td { padding: 5px 40px; text-align: center; height: 47px; box-sizing: border-box; }
body[class*=sap] .myclass table.sap_table tbody tr th, 
body[class*=sap] .myclass table.sap_table tbody tr td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
body[class*=sap] .myclass table.sap_table thead tr th { font-family: "Helvetica"; font-size: 13px; font-weight: 700; color: #b11116; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f3f3f3; transform: rotate(-0.1deg); line-height: 1; }
body[class*=sap] .myclass table.sap_table tbody tr th { font-size: 13px; font-weight: 700; color: #999; }
body[class*=sap] .myclass table.sap_table tr td { padding: 5px 40px; text-align: center; height: 47px; box-sizing: border-box; }
body[class*=sap] .myclass .layer_wrap.popEmethod { opacity: 0; top: 100%; display: block; transition: opacity .3s ease; }
body[class*=sap] .myclass .layer_wrap.popEmethod.active { opacity: 1; top: 0; }
body[class*=sap] .myclass .layer_wrap.popEmethod .layerpop { transform: translate(-50%, -50%);  height: 452px; }
body[class*=sap] .myclass .layer_wrap.popEmethod .layerpop .laytit { background: transparent; padding: 0; }
body[class*=sap] .myclass .layer_wrap.popEmethod .layerpop .subtit { margin-top: 14px; } 
body:not(.sap_g1) .myclass .article_wrap .btn_method { display: none; }
body[class*=sap] .myclass .layer_wrap.popEmethod .cont { border-radius: 8px; }

.layer_wrap.popwrapup .layerpop .laytit { background: transparent; padding: 0; }
.layer_wrap.popwrapup .layerpop .subtit { margin-top: 14px; }
.layer_wrap.popwrapup { opacity: 0; top: 100%; display: block; transition: opacity .3s ease; }
.layer_wrap.popwrapup.active { opacity: 1; top: 0; }
.layer_wrap.popwrapup .layerpop { transform: translate(-50%, -50%); height: auto; min-height: 365px; }
.layer_wrap.popwrapup .layerpop .laytit { background: transparent; padding: 0; }
.layer_wrap.popwrapup .layerpop .subtit { margin-top: 16px; }
.layer_wrap.popwrapup .layerpop .activity_book { display: inline-block; font-family: Helvetica Rounded, sans-serif; margin-top: 30px; padding: 0 20px; font-size: 16px; line-height: 28px; font-weight: 700; color: #fff; background-color: #4c65ab; border-radius: 7px; transform: rotate(0.1deg); box-shadow: inset 4px 4px 10px rgba(0, 0, 0, .1); }
.layer_wrap.popwrapup .cont { margin-top: 12px; padding: 30px; background-color: #f3f3f3; border: 1px solid #dddddd; border-radius: 8px; }
.layer_wrap.popwrapup .cont p { font-family: '나눔고딕','Nanum Gothic'; font-size: 16px; font-weight: 700; line-height: 24px; color: #666666; transform: rotate(0.1deg); }
.layer_wrap.popwrapup .cont p em { font-style: italic; color: #000000; font-weight: 900; }
.report .over_all .overall_wrap .overall_tbl[class*=sap] th,
.report .over_all .overall_wrap .overall_tbl[class*=sap] td { border-right: 1px solid #dad5c2; text-align: center; }
.report .over_all .overall_wrap .overall_tbl[class*=sap] thead th { padding: 7px 20px; font-size: 13px; font-weight: 600; line-height: 20px; background-color: #f1841b; color: #000; text-align: center; }

/* main obj */
body.sap_g1 .object_area .obj1 {top:76px;left:0;animation-delay: 400ms;}
body.sap_g1 .object_area .obj1 img {width:469px;}
body.sap_g1 .object_area .obj2 {top:617px;left:150px;animation-delay: 100ms;}
body.sap_g1 .object_area .obj2 img {width:149px;}
body.sap_g1 .object_area .obj3 {top:50px;right:-42px;animation-delay: 0ms;}
body.sap_g1 .object_area .obj3 img {width:280px;}
body.sap_g1 .object_area .obj4 {top:520px;right:0;animation-delay: 100ms;}
body.sap_g1 .object_area .obj4 img {width:81px;}
body.sap_g1 .object_area .obj5 {top:580px;right:230px;animation-delay: 200ms;}
body.sap_g1 .object_area .obj5 img {width:120px;}
body.sap_g1 .object_area .obj6 {top:614px;right:96px;animation-delay: 400ms;}
body.sap_g1 .object_area .obj6 img {width:139px;}
body.sap_g1 .object_area .obj7 {display: none;}

body.sap_g2 .object_area .obj1 {top:153px;left:-50px;animation-delay: 400ms;}
body.sap_g2 .object_area .obj1 img {width:183px;}
body.sap_g2 .object_area .obj2 {top:336px;left:284px;animation-delay: 100ms;}
body.sap_g2 .object_area .obj2 img {width:287px;}
body.sap_g2 .object_area .obj3 {top:508px;left:0;animation-delay: 0ms;}
body.sap_g2 .object_area .obj3 img {width:240px;}
body.sap_g2 .object_area .obj4 {top:156px;right:-80px;animation-delay: 100ms;}
body.sap_g2 .object_area .obj4 img {width:161px;}
body.sap_g2 .object_area .obj5 {animation-name:reverse !important;top:347px;right:7px;animation-delay: 200ms; }
body.sap_g2 .object_area .obj5 img {width:175px;}
body.sap_g2 .object_area .obj6 {display: none;}
body.sap_g2 .object_area .obj7 {display: none;}

@keyframes reverse {
    0% {transform:translateY(1024px);opacity:0;}
    50% {transform:translateY(0);opacity:1;}
    65% {transform:translateY(50px);opacity:1;}
    75% {transform:translateY(0);opacity:1;}
    95% {transform:translateY(10px);opacity:1;}
    100% {transform:translateY(0);opacity:1;}
}

/* //2022 sap */

/* 이러닝 학습 가이드 */
.myslp .learning_guide .page_subtit {padding: 12px 20px 0; font-size: 16px; line-height: 20px; text-align: center; }
.myslp .learning_guide .notice_list li { position: relative; padding: 6px 5px; border-bottom: 1px solid #efefef; }
.myslp .learning_guide .notice_list li:first-child { padding-top: 13px; border-top: 2px solid #efefef; }
.myslp .learning_guide .notice_list li.top::after {content: ''; position: absolute; right: 0; top: 6px; width: 22px; height: 24px; background: url('/mobile/mobileCom/images/myslp/learning_top_badge.png') 0 0 no-repeat; background-size: 100%; }
.myslp .learning_guide .notice_list li a { display: flex; align-items: center; }
.myslp .learning_guide .btnarea { margin-top: 10px; text-align: center; }
.myslp .learning_guide .btnarea .btn-more { width: 100%; }
.myslp .learning_guide .photo_area { width: 75px; height: 50px; border: 1px solid #efefef; }
.myslp .learning_guide .photo_area img { max-width: 100%; }
.myslp .learning_guide .content_area { padding-left: 20px; }
.myslp .learning_guide .content_area strong { display: block; font-size: 14px; line-height: 20px; letter-spacing: -0.05em; }
.myslp .learning_guide .content_area .date { display: block; margin-top: 4px; }
.myslp .learning_guide .nodata {position: relative; padding-top: 96px; text-align: center;}
.myslp .learning_guide .nodata::before { content: ''; position: absolute; top: 15px; left: 50%; transform: translate(-50%, 0); width: 67px; height: 67px; background: url('/mobile/mobileCom/images/myslp/learning_nodata.png') 0 0 no-repeat; background-size: 100%; }
.myslp .learning_guide .nodata strong {font-size: 14px; line-height: 20px; color: #333; font-weight: 700; letter-spacing: -0.02em;}
.myslp .learning_guide .nodata p { margin-top: 6px; font-size: 13px; line-height: 18px; color: #666; letter-spacing: -0.03em; word-break: keep-all; }
.myslp .learning_guide .cont_tit {padding: 12px 0; border-top: 2px solid #efefef; border-bottom: 1px solid #efefef;}
.myslp .learning_guide .cont_tit strong {display: block; font-size: 14px; line-height: 20px;}
.myslp .learning_guide .cont_tit > span {display:block; margin-top: 10px; font-size: 11px; color: #999;}
.myslp .learning_guide .cont_view {padding: 20px; min-height: 160px;}
.myslp .learning_guide .btns {display:flex;}
.myslp .learning_guide .btns a {position:relative;padding:15px 0;width:50%;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.myslp .learning_guide .btns a::before {content: ''; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 15px; height:16px; background: url('/mobile/mobileCom/images/myslp/learning_list_btn.png') 0 0 no-repeat; background-size: 200%; background-position: 0 0; }
.myslp .learning_guide .btns a strong {font-size: 13px; color: #666;}
.myslp .learning_guide .btns a p {margin-top: 6px; font-size:11px; color: #999;}
.myslp .learning_guide .btns .btn_prev {padding-left:25px;}
.myslp .learning_guide .btns .btn_prev::after {content:''; position: absolute; top: 50%; right:0; transform: translate(0, -50%); width: 1px; height:24px; background-color: #989897;}
.myslp .learning_guide .btns .btn_next {padding-right:25px; text-align: right;}
.myslp .learning_guide .btns .btn_next::before {left: auto; right: 0;background-position: -15px 0;}
.myslp .learning_guide.view .btnarea { margin: 20px auto 0; width: 160px; }

@media (max-width:767px) {
  .myslp .learning_guide .page_tit img{width:23.0rem;}
  .myslp .learning_guide .page_subtit { font-size: 13px; line-height: 16px; text-align: left; }
}

.myinfo[class*=sap] .profile_area .profile_card .card_area {box-shadow: inset 1px 2px 8px 0px rgba(0, 0, 0, 0.2);}
.myinfo .profile_area .profile_card .card_area .infotxt {position: relative; padding-left: 18px; margin: 10px 0 0 15px; font-size: 12px; line-height: 14px; color:#b00401;}
.myinfo .profile_area .profile_card .card_area .infotxt::before {content: ''; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 14px; height: 14px; background: url('/mobile/mobileCom/images/myinfo/myinfo_info_icon.png') no-repeat 0 0; }
.myinfo.sap_g1 {background:#f0efe2 url('/mobile/mobileCom/images/main/journal_current_bg06.jpg') repeat 0 0;background-size: 100%;}
.myinfo.sap_g1 .profile_area .profile_card:before {background: url('/mobile/mobileCom/images/myinfo/myinfo_profile_string_sap_g1.png') no-repeat 0 0;}
.myinfo.sap_g1 .profile_area .card_bg {background:url('/mobile/mobileCom/images/myinfo/myinfo_profile_bg02.png') no-repeat 0 0;}

.myinfo.sap_g2 {background:#f0efe2 url('/mobile/mobileCom/images/main/journal_current_bg07.jpg') repeat 0 0;background-size: 100%;}
.myinfo.sap_g2 .profile_area .profile_card:before {background: url('/mobile/mobileCom/images/myinfo/myinfo_profile_string_sap_g2.png') no-repeat 0 0;}
.myinfo.sap_g2 .profile_area .card_bg {background:url('/mobile/mobileCom/images/myinfo/myinfo_profile_bg03.png') no-repeat 0 0;}
/**/


/* 20230808 : SAP Grade 3 추가 // */
body.main.sap_g3 { position: relative; background: url('/mobile/mobileCom/images/main/journal_current_bg08.jpg') repeat 0 0; }
body.sap_g3  .object_area .obj1 { width: 300px; top: 30px; left: -30px; animation-delay: 0ms; }
body.sap_g3  .object_area [class^=obj] img { max-width: 100%; }
body.sap_g3  .object_area .obj2 { width: 110px; top: 560px; left: 150px; animation-delay: 100ms; } 
body.sap_g3  .object_area .obj3 { width: 350px; top: -40px; right: -120px; animation-delay: 200ms; }
body.sap_g3  .object_area .obj4 { width: 580px; top: 415px; right: -268px; animation-delay: 150ms; }
/* // 20230808 : SAP Grade 3 추가 */

/* SAP Grade 3 Report */
body.sap_g3 .week_lesson .body .wrap_it_up .btn_area { width: calc(100% - 144px); text-align: center; justify-content: center; }
body.sap_g3 .week_lesson .body .wrap_it_up .btn_area::after { display: none; }
body.sap_g3 .week_lesson .body .wrap_it_up .btn_area .btn_activity {display: none;}
body.sap_g3 .week_lesson .body .wrap_it_up .btn_area .btn_monthly { margin: 0; }

body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:first-child td:last-child::before { display:none; }
body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:first-child td:last-child::after { display:none; }
body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child::before { display:none; }
body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child::after { display:none; }
body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child dl::before { display:none; }
body.sap_g3 .myclass .week_lesson .body .session_box .session_tbl tr:last-child td:last-child dl::after { display:none; }

.report .over_all .score_details .score_cont { position: relative; padding: 25px 50px; border-left: 1px solid #dad5c2; border-right: 1px solid #dad5c2; overflow: hidden; } 
.report .over_all .score_details .score_cont + .score_cont::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; box-sizing: border-box; border-top: 1px dashed #d9d9d9; }
.report .over_all .score_details .score_cont > strong { display: block; } 
.report .over_all .score_details .score_cont .list { float: left; margin-top: 12px; width: 370px; }
.report .over_all .score_details .score_cont .group_graph { margin-top: 36px; }
.report .over_all .score_details .score_cont .group_graph .score.master::before { content:''; position: absolute; left: 50%; top: -38px; transform: translateX(-50%); width: 47px; height: 33px; background: url('/slpCom/images/elearning/report/score_details_icon_master.png') no-repeat; }

.report .over_all .comment_area { clear: both; position: relative; padding-top: 26px; }
.report .over_all .comment_area p { position: relative; padding: 18px 18px 18px 116px; padding-left: 116px; min-height: 100px; font-size: 13px; background-color: #f2f1ea; box-sizing: border-box; border-radius: 8px; }
.report .over_all .comment_area p.hashtag { color: #95877e; font-weight: 700; }
.report .over_all .comment_area p::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100px; height: 100%; background-color: #e1ddc1; background-repeat: no-repeat; background-position: center center; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.report .over_all .comment_area.beginner p::before { background-image: url('/slpCom/images/elearning/report/score_comment_beginner.png'); }
.report .over_all .comment_area.bronze p::before { background-image: url('/slpCom/images/elearning/report/score_comment_bronze.png'); }
.report .over_all .comment_area.silver p::before { background-image: url('/slpCom/images/elearning/report/score_comment_silver.png'); }
.report .over_all .comment_area.gold p::before { background-image: url('/slpCom/images/elearning/report/score_comment_gold.png'); }

.report .lesson_details .score_lesson .score_table { width: 900px; line-height: 1; font-family: '나눔고딕','Nanum Gothic'; letter-spacing: 0; border-top:1px solid #b11116; border-bottom: 1px solid #dad5c2; }
.report .lesson_details .score_lesson .score_table table { border-spacing: 0; }
.report .lesson_details .score_lesson .score_table .table { width: 100%; }
.report .lesson_details .score_lesson .score_table .table > thead > tr > th { font-weight: 700; color: #555555; background-color: #f1edea; }
.report .lesson_details .score_lesson .score_table tr { border-top: 1px solid #dad5c2; }
.report .lesson_details .score_lesson .score_table td,
.report .lesson_details .score_lesson .score_table th { font-size: 13px; font-weight: 700; padding: 10px 8px; border-left: 1px solid #dad5c2; box-sizing: border-box; }
.report .lesson_details .score_lesson .score_table td:last-child,
.report .lesson_details .score_lesson .score_table th:last-child { border-right: 1px solid #dad5c2; }
.report .lesson_details .score_lesson .score_table th { height: 38px; }
.report .lesson_details .score_lesson .score_table td { height: 48px; text-align: center; }

.report .lesson_details .score_lesson .score_table .table button { background-color: transparent; border: 0; }
.report .lesson_details .score_lesson .score_table .table .btn_detailview { min-width: 96px; height: 26px; line-height: 26px; font-size: 13px; color: #fff;  background-color: #db5565; border-radius: 5px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);  border: 0; }
.report .lesson_details .score_lesson .score_table .table .btn_detailview:disabled { color: #888888; background-color: #edeff1; border: 1px solid #c7cacf; }
.report .lesson_details .score_lesson .score_table .table .btn_detail { position: relative; font-size: 0; text-indent: -9999px; width: 100%; height: 26px; background-color: transparent; border: 0; }
.report .lesson_details .score_lesson .score_table .table .btn_detail::after { content:''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 8px; background: url('/slpCom/images/elearning/report/score_details_btn_detail.png') 0 0 no-repeat; transition: transform 0.3s; }
.report .lesson_details .score_lesson .score_table .table .btn_detail.active::after { transform: translate(-50%, -50%) rotate(-180deg); }
.report .lesson_details .score_lesson .score_table .table .btn_detail:disabled::after { background-image: url('/slpCom/images/elearning/report/score_details_btn_detail_disable.png'); }

.report .lesson_details .score_lesson .score_table tr.tbl_info td { color: #222222; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td em { font-weight: 700; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.score { width: auto; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.score > div { display: flex; justify-content: space-between; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.score > div > span { width: calc((100% - 12px) / 3); background-color: #f2f2ea; border-radius: 5px; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.score > div > span > span { display: inline-block; width: calc(100% - 36px); line-height: 26px; color: #666; background-color: #dfdfd4; border-radius: 5px; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.score > div > span > em { display: inline-block; width: 36px; line-height: 26px; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.progress { position: relative; padding: 0; background-color: #d9ebf9; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.progress > div { width: 0; height: 46px; background-color: #aecee7; transition: width 0.5s; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.progress > div span { padding: 0 4px; line-height: 46px; color: #ffffff; word-wrap: normal; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.progress > div span.center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #666666; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.time em { position: relative; padding-left: 20px; }
.report .lesson_details .score_lesson .score_table tr.tbl_info td.time em::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; background: url('/slpCom/images/elearning/report/score_details_icon_timer.png') 0 0 no-repeat; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail { display : none; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail.active { display: table-row; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail > td { width: 100%; background-color: #f2f2ea; border-left-color: #f2f2ea; border-right-color: #f2f2ea; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap { display: flex; padding: 0 8px 20px; width: 100%; box-sizing: border-box; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont { width: calc((100% - 8px) / 3); }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont + .tbl_cont { margin-left: 4px; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont > strong { display: inline-block; margin: 12px 0 10px; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl { border-bottom: 2px solid #d9ebf9; width: 100%; }
.report .lesson_details .score_lesson .score_table .tbl td,
.report .lesson_details .score_lesson .score_table .tbl th { border: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl thead tr { border-top: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl thead th { min-height: 36px; font-size: 13px; font-weight: 700; color: #6694bb; background-color: #d9ebf9; border-left: 1px solid #ebe9e2; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl thead th:first-child { border-left: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl thead th:last-child { border-right: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody tr { border-top: 1px solid #ebe9e2; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody tr:first-child { border-top: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody td { height: 40px; font-size: 13px; font-weight: 700; color: #222222; letter-spacing: -0.025em; background-color: #ffffff; border-left: 1px solid #ebe9e2; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody td:first-child { border-left: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody td:last-child { border-right: 0; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody td:has(em) { color: #666666; }
.report .lesson_details .score_lesson .score_table tr.tbl_detail .tbl_wrap > .tbl_cont .tbl tbody td em { color: #6694bb; }
.portfolio .wrap_cont .list.type04 { display: flex; flex-wrap: wrap; height: auto; }
.portfolio .wrap_cont .list.type04 li { float: none; width: calc(100% / 6); box-sizing: border-box; }