@charset "utf-8";

/* -------------------------- PC -------------------------- */
.title_wrap2 + .sec_notify {margin-top:2rem;}
.tabmenu + .board_head {margin-top:3rem;}

.duna_content {position:relative;}/* 단추아이콘 버튼 추가로 인하여 추가 | 2021-09-06 수정 */

/* 인공지능 추천문제 TOP5 */
.contain-league {position:relative; width:100%; z-index:98;}
.contain-league h4.title {margin-bottom:3.5rem; padding-top:3rem; text-align:center; font-weight:400; font-size:2rem; color:#000;}

.contain-league .btn-help-toggle {display:inline-block;position:relative;z-index:1;margin-left:.5rem;}
.contain-league .btn-help-toggle >button {display:inline-block;margin-top:-0.5rem;}
.contain-league .btn-help-toggle >button .hidden {visibility:hidden;}
.contain-league .btn-help-toggle >button::before {content:'?';display:inline-block;width:2rem;height:2rem;font-size:1.6rem;font-weight:600;text-align:center;line-height:1.9rem;color:#fff;border-radius:100%;background:#4f5665;}
.contain-league .btn-help-toggle .pop-toggle {opacity:0;visibility:hidden;position:absolute;left:calc(100% + 1.2rem);top:-1rem;padding:1.2rem 2rem;font-size:1.3rem;white-space: nowrap;text-align:left;color:#fff;background:#4f5665;border-radius:.8rem;}
.contain-league .btn-help-toggle .pop-toggle > p {letter-spacing:-0.05rem}
.contain-league .btn-help-toggle .pop-toggle::before {content:'◂';display:block;position:absolute;right:calc(100% - 8px);top:0.8rem;font-size:3rem;color:#4f5665;}
.contain-league .btn-help-toggle.on .pop-toggle {opacity:1;visibility:visible;letter-spacing:0;line-height:130%;}

.contain-league .box-rank {position:relative; margin:2rem;}
.contain-league .box-rank .leagueTop5 {display:flex; justify-content:space-between; height:100%;}
.contain-league .box-rank .leagueTop5 li {display:flex; width:calc(100% / 5); min-width:19.6rem; margin-right:1rem;}
.contain-league .box-rank .leagueTop5 li:last-child {margin-right:0;}
.contain-league .box-rank .leagueTop5 li a {display:block; padding:12px 7px; width:100%; min-height:18rem; background-color:#e9e9e9; border:5px solid #e9e9e9; border-radius:10px;}
.contain-league .box-rank .leagueTop5 li a:hover {background-color:#fff; border:5px solid #d6d4d4;}
.contain-league .box-rank .leagueTop5 li a .rankNum {text-align:left; font-size:2.5rem; color:#2c3343; font-weight:900;}
.contain-league .box-rank .leagueTop5 li a .areaSubject {display:inline-block; text-align:center; font-size:1.2rem; color:#fff; max-width:67px; margin-top:2rem; padding:3px 11px 5px 11px; border-radius:25px 25px 0 25px;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.kor {background-color:#eab741;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.math {background-color:#99b94c;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.eng {background-color:#e07a7a;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.his {background-color:#776cb1;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.soc {background-color:#aa68ac;}
.contain-league .box-rank .leagueTop5 li a .areaSubject.sci {background-color:#256ba2;}

.contain-league .box-rank .leagueTop5 li a .subjectTit {text-align:left; font-weight:400; font-size:1.8rem; color:#212121; height:4.5rem; line-height:1.2; margin-top:1.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:-0.03em;}
.contain-league .box-rank .leagueTop5 li a .solvedNum {text-align:left; font-size:1.8rem; color:#666; margin-top:1rem; letter-spacing:-0.04em;}
.contain-league .box-rank .leagueTop5 li a .solvedNum > span {color:#2167c8;}

.contain-league .box-rank .leagueTop5 .slick-prev,
.contain-league .box-rank .leagueTop5 .slick-next {display:-webkit-box;display:-ms-flexbox;display:flex; width:3.5rem; height:5.6rem; overflow:hidden; background: rgba(0,0,0,0.4) url(../images/my_class/slide_arr.png) no-repeat center center / auto auto; text-indent:-9999px; position:absolute; top:50%; left:0; margin-top:-2.8rem; z-index:20;}
.contain-league .box-rank .leagueTop5 .slick-prev {left:0;}
.contain-league .box-rank .leagueTop5 .slick-next {left:auto; right:0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
.contain-league .box-rank .leagueTop5 .slick-disabled {opacity:0.25; pointer-events:none;}
.contain-league .box-rank .leagueTop5 .slide_item:nth-child(1) {opacity:1;}

/* 나의학습방 서브메인 */
.sec_notify {border-top:2px solid #000; margin-bottom:4rem; border-bottom:1px solid #e5e5e5;}
.sec_notify.mb0 {margin-bottom:0;}
.notify_list {display:-webkit-box;display:-ms-flexbox;display:flex; background-color:#f9f9f9;}
.notify_list li {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:25%; min-height:20rem; padding:3rem 0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.notify_list li + li:before {display:block; position:absolute; top:3rem; left:0; width:1px; height:calc(100% - 6rem); background-color:#e5e5e5; content:'';}
.notify_list li .tit {font-size:2rem; color:#000;}
.notify_list li .count {margin-top:1.4rem; font-size:5.6rem; font-weight:bold; color:#577dd0; line-height:1;}
.notify_list li .unit {font-size:2rem; font-weight:400; color:#919191;}
.notify_list li .label_txt {min-width:18rem; height:3.6rem; margin-top:auto; border-radius:0.2rem; background-color:#fff; font-size:1.4rem; font-weight:400; color:#9e9e9e; text-align:center; line-height:3.6rem;}
/* 2022-02-21 추가 */
.notify_list.disabled .disable_box {display:-webkit-box;display:-ms-flexbox;display:flex;}
.notify_list li .disable_box {display:none; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:5%; top:28%; height:57%; width:90%; background-color: rgba(0,0,0,0.6); z-index:21;}
.notify_list li .disable_box .txt {font-size:1.6rem; color:#fff; text-align:center; line-height:2.5rem;}
.notify_list li .disable_box button {margin-top:1rem;}

/* 이번주 문제풀이 수 2022-03-15 추가 */
.learn_today {position:relative;margin-bottom:3rem;padding:3rem 0;border-bottom:1px solid #e5e5e5;}
.learn_today .today_list {overflow:hidden;display:flex;}
.learn_today .today_list li {width:calc(100% / 3);padding:0 2rem;box-sizing:border-box;border-right:1px solid #e5e5e5;}
.learn_today .today_list li:last-child {border-right:0;}
.learn_today .today_list li > .tit {width:100%;text-align:center;font-size:2rem;color:#000;padding-bottom:1rem;}
.learn_today .today_list li > .day {width:100%;text-align:center;font-size:1.6rem;color:#9e9e9e;}
.learn_today .today_list li:first-child > .count {width:100%;text-align:center;padding:1.6rem 0 1.2rem 0;}
.learn_today .today_list li:nth-child(2) > .count {width:100%;display:flex;justify-content:space-between;align-items:baseline;padding:4.5rem 0 5.5rem 0;}
.learn_today .today_list li > .count .num_size_b {width:100%;font-size:5.6rem;font-weight:bold;color:#577dd0;line-height:1;}
.learn_today .today_list li > .count > .txt {font-size:2rem;color:#919191;}
.learn_today .today_list li > .count .num_size_m {font-size:3.6rem;font-weight:bold;color:#577dd0;}
.learn_today .today_list li > .count .num_size_m > i {font-weight:400;font-style:normal;font-size:2rem;color:#919191;}
.learn_today .today_list li > .day_time {width:100%;display:flex;justify-content:space-between;align-items:baseline;}
.learn_today .today_list li > .day_time > .txt {font-size:2rem;color:#919191;}
.learn_today .today_list li > .day_time > .time {font-size:2rem;color:#919191;}
.learn_today .today_list li > .day_time > .time > i {font-weight:400;font-style:normal;font-size:3.6rem;font-weight:bold;color:#577dd0;}
.learn_today .today_list li:last-child .day_time {justify-content:center;padding:6.5rem 0 0 0;}
.learn_today .today_list li > .label_txt {width:100%;text-align:center;font-size:1.6rem;color:#577dd0;padding-bottom:2rem;}
.learn_today .today_list li > .btn_danchoo {display:block;width:24rem;text-align:center;font-size:1.4rem;font-weight:bold;color:#fff;padding:1.25rem 3.4rem;margin:0 auto;background-color:#334075;}
.learn_today .disable_box {display:none; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:0; top:0; height:100%; width:100%; background-color: rgba(0,0,0,0.6); z-index:21;}
.learn_today .disable_box .txt {font-size:1.6rem; color:#fff; text-align:center; line-height:2.5rem;}
.learn_today.disabled .disable_box {display:-webkit-box;display:-ms-flexbox;display:flex;}
.learn_today .disable_box button {margin-top:2.5rem;}

.sub_sec_group {clear:both;display:-webkit-box;display:-ms-flexbox;display:flex; margin:-2rem -2rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.sub_sec_group .sub_sec {width:50%; padding:2rem 2rem;}
.sub_sec .tit_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:1.5rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.sub_sec .tit_wrap .tit {font-size:2rem; color:#000; line-height:1;}
.sub_sec .tit_wrap .tit + .btn_text_more2 {padding: 0.5rem 0 0 0;}
.sub_sec_group .sub_sec .cont_wrap {position:relative; height:33.4rem; overflow:hidden; border:1px solid #dadada;}

.sub_sec .disable_box {display:none; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:0; top:0; height:100%; width:100%; background-color: rgba(0,0,0,0.6); z-index:21;}
.sub_sec .disable_box .txt {font-size:1.6rem; color:#fff; text-align:center; line-height:2.5rem;}
.sub_sec.disabled .disable_box {display:-webkit-box;display:-ms-flexbox;display:flex;}
.sub_sec .disable_box button {margin-top:2.5rem;}
.sub_sec .new_member {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:100%; text-align:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.sub_sec .new_member .txt {font-size:1.6rem; font-weight:400; color:#9e9e9e; line-height:2.5rem;}
.sub_sec .new_member .txt strong {display:block; margin-bottom:1rem; font-size:1.8rem; color:#212121;}

/* rank_list */
.rank_list {margin-bottom:0; height:100%;}
.rank_list .item {height:100%; background:#f9f9f9;}g
.rank_list .item:after {content:''; display:block; clear:both;}
.rank_list .doughut_con {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.rank_list .doughut_con .rank_percen {display:-webkit-box;display:-ms-flexbox;display:flex; margin-right:0.9rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.rank_list .doughut_con .rank_percen .text_num {display:inline-block; padding:0 1.5rem 0 0; font-size:2rem; font-weight:bold; color:#173c71; vertical-align:middle;}
.rank_list .doughut_con .rank_percen .donut_match {position:relative; display:inline-block; width:7.6rem; height:7.6rem; vertical-align:middle;}
.rank_list .doughut_con .rank_percen .donut_match p {display:block; position:absolute; left:0; top:50%; right:0; text-align: center; color:#173c71; font-size:1.4rem; line-height:2.1rem; z-index: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.rank_list .doughut_con .rank_percen .donut_match p em {display:block; margin-top:0.3rem; font-family:'Roboto'; color:#173c71; font-size:2.4rem; letter-spacing: -1px; }
.rank_list .doughut_con .rank_percen .donut_match p strong {font-size:2.8rem;}
.rank_list .doughut_con .rank_percen .donut_match .c100 {font-size:7.6rem; margin: 0 auto; background:#fff;}
.rank_list .doughut_con .rank_percen .donut_match .c100:after {background-color:#f9f9f9; }
.rank_list .doughut_con .rank_percen .donut_match .c100 .bar,
.rank_list .doughut_con .rank_percen .donut_match .c100 .fill {border-color:#173c71 !important; }
.rank_list .doughut_con .rank_detail {display:-webkit-box;display:-ms-flexbox;display:flex; height:7.6rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.rank_list .doughut_con .rank_detail .per_con {margin-right:0.5rem; font-size:1.2rem; color:#898989; text-align:center;}
.rank_list .doughut_con .rank_detail .per_con .donut {position:relative; display:block; margin-bottom:0.5rem; width:5.2rem; height:5.2rem;}
.rank_list .doughut_con .rank_detail .per_con .donut p {position:absolute; left:0; top:50%; right:0; display:block; text-align: center; z-index: 1; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.rank_list .doughut_con .rank_detail .per_con .donut  p em {display:inline-block; font-family:'Roboto'; color:#80acea; font-size:1.8rem; letter-spacing:-1px;}
.rank_list .doughut_con .rank_detail .per_con .donut .c100 {font-size:5.2rem; margin: 0 auto; background:#fff;}
.rank_list .doughut_con .rank_detail .per_con .donut .c100:after {background-color:#f9f9f9; }
.rank_list .doughut_con .rank_detail .per_con .donut .c100 .bar,
.rank_list .doughut_con .rank_detail .per_con .donut .c100 .fill {border-color:#86b0eb !important; }

.rank_list .teacher_con {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3.1rem 0 3.6rem; background:#fff;}
.rank_list .teacher_con .thumb {width:10rem; margin:0 1.3rem 0 4rem;}
.rank_list .teacher_con .thumb img {width: 100%;}
.rank_list .teacher_con .lec_detail {display:-webkit-box;display:-ms-flexbox;display:flex; padding-right:3rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.rank_list .teacher_con .lec_detail a {display:block; padding:1rem 0 0.5rem; font-size:1.8rem; color:#424242; line-height:2rem;}
.rank_list .teacher_con .lec_detail .desp {margin-bottom:1rem; font-size:1.4rem; font-weight:400; color:#9e9e9e;}
.rank_list .teacher_con .lec_detail .desp span:after {content:''; display:inline-block; width:1px; height:1.2rem; margin:-0.2rem 0.5rem 0 0.7rem; vertical-align:middle; background:#d7d7d7;}
.rank_list .teacher_con .lec_detail .desp span:last-child:after {display:none;}
.rank_list .teacher_con .lec_detail .btn_area {margin-top:auto;}
.rank_list .teacher_con .lec_detail .btn_area button {min-height:auto; height:3.2rem; line-height:3.2rem;}

.sec_ai .slick-prev,
.sec_ai .slick-next {display:-webkit-box;display:-ms-flexbox;display:flex; width:3.5rem; height:5.6rem; overflow:hidden; background: rgba(0,0,0,0.4) url(../images/my_class/slide_arr.png) no-repeat center center / auto auto; text-indent:-9999px; position:absolute; top:50%; left:0; margin-top:-2.8rem; z-index:20;}
.sec_ai .slick-prev {left:0;}
.sec_ai .slick-next {left:auto; right:0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
.sec_ai .slick-disabled {opacity:0.25; pointer-events:none;}
.sec_ai .slide_item:nth-child(1) {opacity:1;}

/* 학습 Q&A */
.board_qna_list {height:100%;}
.board_qna_list ul {height:100%;}
.board_qna_list ul li {position:relative; display:-webkit-box;display:-ms-flexbox;display:flex; height:calc(100%/3); padding:1.8rem 2rem 1.5rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.board_qna_list ul li + li {border-top:1px solid #dbdbdb;}
.board_qna_list ul li .class_nm {height:4.1rem; font-size:1.6rem; font-weight:400; color:#666; line-height:4rem; overflow:hidden; }/* 2021-04-08 수정 */
.board_qna_list ul li .class_nm span {display:inline-block; line-height:2rem; vertical-align: middle; padding-bottom:.5rem;}/* 2021-04-08 수정 */
.board_qna_list ul li .title {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.board_qna_list ul li .title a {font-size:1.8rem; font-weight:600; color:#212121; width:calc(100% - 14rem); display:flex; align-items: center;}/* 2021-04-26 수정 */
.board_qna_list ul li .title a .okok {display:inline-block; word-break: break-all; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4;}/* 2021-04-26 수정 */
.board_qna_list ul li .title a .ico_file {margin-left:.5rem;}/* 2021-04-26 수정 */
.board_qna_list ul li .title [class^='flag_state'] {width:auto; margin-right:1rem;}

/* 최근수강 */
.existing_learner .title_wrap {height:14.5rem; padding:2.9rem 4.5rem 2rem;}
.existing_learner .title_wrap .tit {color:#000000; font-size:2rem; font-weight:500; line-height:3.2rem;}
.existing_learner .title_wrap .tit strong {display:block;}
.existing_learner .title_wrap .cont {margin-top:1.2rem;}
.existing_learner .title_wrap .cont em {color:#666666; font-size:1.6rem; font-weight:400;}
.existing_learner .title_wrap .cont em + em {margin-left:2rem;}
/* 그래프 막대버전 백업 */
.existing_learner .progress_wrap {padding:3rem 4.5rem; background-color:#fafafa;}
.existing_learner .progress_item {padding:0 2rem 0 2rem;}
.existing_learner .progress_item + .progress_item {margin-top:2rem;}
.existing_learner .progress {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:5rem; padding-top:3rem; line-height:1;}
.existing_learner .progress_tit {position:absolute; left:0; top:0; font-size:1.8rem; color:#424242; font-weight:500;}
.existing_learner .progress_total {width:10rem; -webkit-box-flex:0; -ms-flex:none; flex:none; font-size:1.4rem; line-height:2rem; color:#424242; font-weight:400;}
.existing_learner .progress_gage {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; height:2rem; background:#d6d4d4;}
.existing_learner .progress_gage.has_target {margin-bottom:3rem;}
.existing_learner .progress_bar {position:absolute; left:0; top:0; width:0; height:100%; background:#577dd0;}
.existing_learner .progress_bar .progress_value {position:absolute; right:0; bottom:100%; display:block; margin-bottom:0.5rem; padding:0.5rem 1rem; background:#ff5b5b; color:#fff; font-size:1.4rem; font-weight:bold; border-radius:20px; font-style:normal; -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%)}
.existing_learner .progress_bar .progress_value::after {content:''; position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); display:block; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #ff5b5b;}

/* 그래프 도넛버전 */
.existing_learner .graph_progress {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:19rem; padding:2rem 3rem; background-color:#fafafa;}
.existing_learner .graph_progress .graph {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:16rem; padding-left:1rem; -webkit-box-flex:0; -ms-flex:none; flex:none;}
.existing_learner .graph_progress .graph .donut {position:relative; display:block; width:13rem; height:13rem;}
.existing_learner .graph_progress .graph .donut p {position:absolute; left:0; top:0; right:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index: 1; width:100%; height:100%; text-align:center;}
.existing_learner .graph_progress .graph .donut p em {display:inline-block; color:#577dd0; font-size:1.6rem; line-height:1.2;}
.existing_learner .graph_progress .graph .donut p em strong {display:block; font-size:2rem;}
.existing_learner .graph_progress .graph .donut .c100 {position:absolute; left:0; top:0; font-size:13rem; margin: 0 auto; background:#d6d4d4;}
.existing_learner .graph_progress .graph .donut .c100:after {background-color:#fff; }
.existing_learner .graph_progress .graph .donut .c100 > span {line-height:13rem;}
.existing_learner .graph_progress .graph .donut .c100.overay,
.existing_learner .graph_progress .graph .donut .c100.overay:after {background:transparent;}
.existing_learner .graph_progress .graph .donut .c100.type_re .bar,
.existing_learner .graph_progress .graph .donut .c100.type_re .fill {border-color:#577dd0 !important;}
.existing_learner .graph_progress .graph .donut .c100.type_current .bar,
.existing_learner .graph_progress .graph .donut .c100.type_current .fill {border-color:#577dd0 !important;}
.existing_learner .graph_progress .graph .donut .c100.type_goal .bar,
.existing_learner .graph_progress .graph .donut .c100.type_goal .fill {border-color:#ff5b5b !important;}
.existing_learner .graph_progress .data {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:calc(100% - 16rem);}/* 2021-04-26 수정 */
.existing_learner .graph_progress .data .legend {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:1.6rem; line-height:1;}
.existing_learner .graph_progress .data .legend dt ~ dt,
.existing_learner .graph_progress .data .legend dd ~ dd {margin-top:1.2rem;}
.existing_learner .graph_progress .data .legend dt {width:15rem; color:#424242; font-weight:500;}
.existing_learner .graph_progress .data .legend dt.goal {width:100%;padding-left:1.8rem; text-indent:-1.8rem; line-height:1.3; font-weight:400;}/* 2021-04-26 수정 */
.existing_learner .graph_progress .data .legend dt.goal .txt_goal {color:#ff5b5b;}/* 2021-04-26 수정 */
.existing_learner .graph_progress .data .legend dd {width:calc(100% - 15rem); color:#9e9e9e; font-weight:400;}
.existing_learner .graph_progress .data .legend dt.total::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#d6d4d4; margin-right:0.6rem;}
.existing_learner .graph_progress .data .legend dt.current::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#577dd0; margin-right:0.6rem;}
.existing_learner .graph_progress .data .legend dt.goal::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#ff5b5b; margin-right:0.6rem;}
.existing_learner .graph_progress .data .legend dt.total + dd .txt_count {color:#424242;}
.existing_learner .graph_progress .data .legend dt.current + dd .txt_count {color:#577dd0;}
.existing_learner .graph_progress .data .legend dt.current + dd .txt_count_goal {color:#577dd0; display:block; margin-top:0.4rem;}
.existing_learner .graph_progress .data .legend dt.goal + dd .txt_goal {color:#ff5b5b;}
.existing_learner .graph_progress .data .bul {margin-top:auto;}
.existing_learner .graph_progress .data .bul.bul_feel.sm p {line-height:1.4;}
.existing_learner .graph_progress .data .bul.bul_feel.sm p::before {position:relative; top:0.2rem;}

/* 학습 Q&A */
.board_qna_list ul li .title {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:0.9rem;}
.board_qna_list ul li .title .flag {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; min-width:1px; width:auto; height:2.4rem; margin-right:1rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 0.4rem; padding-bottom:0.2rem; color:#666666; font-size:1.4rem; font-weight:400; border:1px solid #666666;}
.board_qna_list ul li .date {position:absolute; bottom:2rem; right:2rem; color:#919191; font-size:1.4rem; font-weight:400;}

/* 학습계획표 */
.sub_sec.sec_plan .new_member {height:auto; margin-top:3.8rem;}
.my_schedule {padding:4.4rem 5rem;}
.my_schedule .sche_head {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.my_schedule .sche_head .month {position:relative; top:-0.2rem; font-size:2.4rem; color:#000000; font-weight:bold; margin-right:3.6rem; line-height:1;}
.my_schedule .sche_head .slide_days {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:31.4rem; height:4.3rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.my_schedule .sche_head .slide_days .slick-track {height:4.3rem; padding-top:0.9rem;}
.my_schedule .sche_head .slide_days::before,
.my_schedule .sche_head .slide_days::after {content:''; display:block; width:4rem; height:2.5rem; position:absolute; top:1rem; background-color:#fff; z-index:1;}
.my_schedule .sche_head .slide_days::before {left:-0;}
.my_schedule .sche_head .slide_days::after {right:-0;}
.my_schedule .sche_head .slide_days .btn_day {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#919191; font-size:1.6rem; font-weight:400; width:2.5rem; height:2.5rem;}
.my_schedule .sche_head .slide_days .btn_day span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.my_schedule .sche_head .slide_days .btn_day.slick-current span {width:3.6rem; height:3.6rem; background-color:#577dd0; border-radius:50%; color:#fff; font-weight:bold; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.my_schedule .sche_head .slide_days .btn_day:focus {outline:0;}
.my_schedule .sche_head .slide_days .btn_day.slick-current:focus span {-webkit-box-shadow:0 0 0 3px #aec0e6;box-shadow:0 0 0 3px #aec0e6;}
.my_schedule .sche_head .slide_days .slick-prev,
.my_schedule .sche_head .slide_days .slick-next {position:relative; -webkit-box-flex:0; -ms-flex:none; flex:none; display:inline-block; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:2.5rem; height:2.5rem; overflow:hidden; border:1px solid #cccccc; text-indent:-9999px; z-index:3;}
.my_schedule .sche_head .slide_days .slick-prev::before,
.my_schedule .sche_head .slide_days .slick-next::before  {position:absolute; left:50%; top:50%; margin-left:-0.2rem; margin-top:-0.4rem; display:inline-block; border-top:4px solid transparent; border-bottom:4px solid transparent; }
.my_schedule .sche_head .slide_days .slick-prev::before {content:''; border-right:4px solid #a0a0a0;}
.my_schedule .sche_head .slide_days .slick-next::before {content:''; border-left:4px solid #a0a0a0;}
.my_schedule .sche_list {margin-top:2.5rem; border-top:1px solid #e7e7e7;}
.my_schedule .sche_list li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:4.45rem; border-bottom:1px solid #e7e7e7;}
.my_schedule .sche_list li a {display:block; padding:0.5rem 1rem; font-size:1.6rem; color:#424242; font-weight:400; word-break:break-all; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;}
.my_schedule .sche_list li a:hover,
.my_schedule .sche_list li a:focus,
.my_schedule .sche_list li a:active {text-decoration:underline;}
.my_schedule .sche_list li a::before {content:''; position:relative; top:-0.2rem; display:inline-block; width:0.5rem; height:0.5rem; margin-right:1rem; border-radius:50%; background-color:#919191;}
.my_schedule .sche_list li.on a{text-decoration:line-through;}

/* 친구들 평균학습 */
.sec_average .tit_wrap {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.sec_average .tit_wrap .sub_txt {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-left:1.1rem; font-size:1.4rem; font-weight:400; color:#9e9e9e; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.sec_average .tit_wrap .sub_txt:before {display:inline-block; width:1.4rem; height:1.4rem; margin-right:0.4rem; background:url('../images/common/ico_exclamation03.png') no-repeat; content:'';}
.sec_average .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:4.5rem 2rem;}
.sec_average .cont_wrap .canvas_wrap {width:100%; height:100%;}

/* 나의 학습정보 */
.sec_my_study .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;}
.sec_my_study .cont_wrap > div {width:50%;}
.sec_my_study .cont_wrap > div.disable_box {width:100%;}/* 2021-05-10 수정 */
.sec_my_study .cont_wrap .time_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; padding:3.5rem 0 5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.sec_my_study .cont_wrap .time_wrap .week_area {text-align:center;}
.sec_my_study .cont_wrap .time_wrap .week_area:before {display:block; width:7rem; height:7rem; margin:0 auto 2rem auto; background:url('../images/my_class/img_watch.png') no-repeat 0 0 / 100% 100%; content:'';}
.sec_my_study .cont_wrap .time_wrap .week_area strong {font-size:1.8rem; font-weight:400; color:#000;}
.sec_my_study .cont_wrap .time_wrap .week_area p {margin-top:1.8rem; font-size:1.6rem; font-weight:400; color:#666;}
.sec_my_study .cont_wrap .time_wrap .time_area {margin-top:auto; text-align:center;}
.sec_my_study .cont_wrap .time_wrap .time_area .time {font-size:2.6rem; color:#212121; line-height:1;}
.sec_my_study .cont_wrap .time_wrap .time_area .time span {font-family:'Roboto'; font-size:5.2rem; font-weight:bold; color:#577dd0;}
.sec_my_study .cont_wrap .time_wrap .time_area .day_time {font-size:1.4rem; font-weight:400; color:#666;}
.sec_my_study .cont_wrap .cont_right {border-left:1px solid #dadada;}
.sec_my_study .cont_wrap .cont_right > div {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; height:50%; padding:3rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.sec_my_study .cont_wrap .cont_right > div .tit {font-size:1.8rem; color:#212121; line-height:2.5rem; text-align:left;}
.sec_my_study .cont_wrap .cont_right > div .tit .tit_desc {display:block;margin-top:-0.3rem;font-size:1.2rem; color:#9e9e9e;}

.sec_my_study .cont_wrap .cont_right > div .btn_S2_col1 {margin-top:auto; width:6rem;}
.sec_my_study .cont_wrap .cont_right > div .count {position:absolute; bottom:3rem; right:3rem; font-size:2rem; color:#212121;}
.sec_my_study .cont_wrap .cont_right > div .count strong {font-family:'Roboto'; font-size:4.6rem; font-weight:bold; color:#000;}
.sec_my_study .cont_wrap .cont_right .question_wrap {border-top:1px solid #dadada; background:url('../images/my_class/img_my_study02.png') calc(100% - 3rem) calc(100% - 3rem) no-repeat;}
.sec_my_study.new_member .cont_right .lecture_wrap {background:url('../images/my_class/img_my_study01.png') calc(100% - 3rem) calc(100% - 3rem) no-repeat;}

/* 나의 목표대학 */
.sec_goal_uni .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex;}
.sec_goal_uni .cont_wrap > div {width:50%;}
.sec_goal_uni .cont_wrap .cont_left .first {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; padding:3rem 0; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.sec_goal_uni .cont_wrap .cont_right {border-left:1px solid #dadada;}
.sec_goal_uni .cont_wrap .cont_right .third {border-top:1px solid #dadada;}
.sec_goal_uni .cont_wrap .second,
.sec_goal_uni .cont_wrap .third {display:-webkit-box;display:-ms-flexbox;display:flex; height:50%; padding:2.6rem 0 2.2rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.sec_goal_uni .cont_wrap .first .tit {font-size:1.6rem; margin-bottom:1.5rem; font-weight:400; color:#9e9e9e; text-align:center; line-height:2.4rem;}
.sec_goal_uni .cont_wrap .second .tit,
.sec_goal_uni .cont_wrap .third .tit  {font-size:1.4rem; margin-bottom:1.5rem; font-weight:400; color:#9e9e9e; text-align:center; line-height:1;}
.sec_goal_uni .cont_wrap .rank {display:none;}
.sec_goal_uni .cont_wrap .item .uni_logo {width:9rem; height:9rem;}
.sec_goal_uni .cont_wrap .item.first .uni_logo {width:15rem; height:15rem;}
.sec_goal_uni .cont_wrap .item .uni_logo img  {width:100%;}

.sec_goal_uni .cont_wrap .item.org_member .tit  {display:none;}
.sec_goal_uni .cont_wrap .item.org_member .rank {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; z-index:2; margin-bottom:2rem;}
.sec_goal_uni .cont_wrap .item.org_member .rank dt {margin-bottom:1rem; color:#212121; font-size:1.8rem; font-weight:500; text-align:left;}
.sec_goal_uni .cont_wrap .item.org_member .rank dd {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:1rem 1rem; min-height:3.6rem; background:#f3f3f3; color:#666666; font-size:1.6rem; font-weight:400; border-radius:2.5rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; line-height:2rem;}
.sec_goal_uni .cont_wrap .first.org_member {padding:3rem 1rem;}
.sec_goal_uni .cont_wrap .first.org_member .rank dt {text-align:center;}
.sec_goal_uni .cont_wrap .first.org_member .rank dd {padding:0 2rem; font-size:1.8rem;}
.sec_goal_uni .cont_wrap .second.org_member,
.sec_goal_uni .cont_wrap .third.org_member {position:relative; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding:3rem 2rem;}
.sec_goal_uni .cont_wrap .second.org_member .rank dt,
.sec_goal_uni .cont_wrap .third.org_member .rank dt {padding-left:2rem;}
.sec_goal_uni .cont_wrap .second.org_member .uni_logo,
.sec_goal_uni .cont_wrap .third.org_member .uni_logo {position:absolute; z-index:1; right:2rem; bottom:1rem; margin-top:1.5rem; text-align:left;}

/* 나의 학급 */
.sec_class.new_member {display:none;}
.sec_class {margin-top:4rem;}
.sec_class .class_list {border:1px solid #dadada;}
.sec_class .class_list li {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3rem 3rem 3rem 0;}/* 2021-04-21 수정 */
.sec_class .class_list li + li {border-top:1px solid #dadada;}
.sec_class .class_list li > p {width:calc(60%/4); font-size:1.8rem; color:#212121; text-align:center;}/* 2021-04-21 수정 */
.sec_class .class_list li > p span {display:inline-block; margin-left:0.2rem; font-weight:400; color:#666;}
.sec_class .class_list li .tit {width:40%; padding:0 3rem; text-align:left;}/* 2021-04-21 수정 */
.sec_class .class_list li .area.korean_area {color:#deb75c;}/* 국어 */
.sec_class .class_list li .area.english_area {color:#e07e3c;}/* 영어 */
.sec_class .class_list li .area.math_area {color:#99b94c;}/* 수학 */
.sec_class .class_list li .area.society_area {color:#6068b2;}/* 사회 */
.sec_class .class_list li .area.science_area {color:#256ba2;}/* 과학 */
.sec_class .class_list li .area.history_area {color:#776cb1;}/* 한국사 */
.sec_class .class_list li .area.job_area {color:#71c2b9;}/* 직업 */
.sec_class .class_list li .area.lang_etc_area {color:#80c26e;}/* 제2외국어 */
.sec_class .class_list li .area.etc_area {color:#ada6a3;}/* 기타 */
.sec_class .class_list li .area.total_area {color:#212121;}/* 과목전체 */
.sec_class .class_list li.state_wait {background:#fbfbfb;}
.sec_class .class_list li.state_wait > *, 
.sec_class .class_list li.state_wait > p span {color:#bbb !important;}

/* 나의 회원정보 */
.sec_my_info {margin-top:4rem;}
.sec_my_info .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; padding:2rem; border:1px solid #dadada; background-color:#fafafa; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.sec_my_info .cont_wrap .btn_left .btn_L_col11 {width:20rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}

/* 나의 강좌 */
.board_lecture_list {border-top:1px solid #000;}
.lecture_list {display:-webkit-box;display:-ms-flexbox;display:flex; margin:-1rem; padding-top:2rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.lecture_list li {width:calc(50%); padding:1rem;}
.lecture_list li .item {position:relative; border:1px solid #dadada;}
.lecture_list li .item_head {display:-webkit-box;display:-ms-flexbox;display:flex; padding:2rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list li .item_head .date {display:-webkit-box;display:-ms-flexbox;display:flex;}
.lecture_list li .item_head .date p {font-size:1.4rem; font-weight:400; color:#666;}
.lecture_list li .item_head .date p + p {margin-left:1.5rem}
.lecture_list li .item_body {display:-webkit-box;display:-ms-flexbox;display:flex; min-height:21.5rem; padding:2rem; /*border-top:1px solid #e9e9e9;*/}
.lecture_list li .item_body .img {width:14rem; margin-top:3.3rem;}
.lecture_list li .item_body .img img {width:100%;}
.lecture_list li .item_body .img + .cont_wrap {margin-left:1rem;}
.lecture_list li .item_body .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; width:calc(100% - 15rem); -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.lecture_list li .item_body .cont_wrap .tit {margin-top:1rem; font-size:2rem; color:#424242; line-height:2.3rem;}
.lecture_list li .item_body .cont_wrap .detail_info {display:block;/*display:-webkit-box;display:-ms-flexbox;display:flex;*/ margin-top:1rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;} /* 2021-06-16 수정 */
.lecture_list li .item_body .cont_wrap .detail_info span {display:inline-block; font-size:1.4rem; font-weight:400; color:#9e9e9e; padding-bottom:0.5rem;}
.lecture_list li .item_body .cont_wrap .detail_info span + span::before {display:inline-block; width:1px; height:1.2rem; margin:0 0.6rem; background:#d7d7d7; content:'';}
.lecture_list li .item_body .cont_wrap .btn_area {margin-top:auto;}
.lecture_list li .item_body .cont_wrap .btn_area button {width:11rem; padding:0 0.5rem; text-align:center;}

/* 듀냐학습방 - 수강중인 강좌 */
.board_lecture_line .txt_date {font-size:1.5rem; font-weight:400; color:#424242; letter-spacing:-0.02em;}
.board_lecture_line .txt_date .pro_rate {font-size:1.4rem; font-weight:400; color:#9e9e9e;}
.board_lecture_line .txt_date .ach_rate {color:#577dd0;}
.board_lecture_line .lecture_item {display:flex; align-items:center;}
.board_lecture_line .lecture_item .img {width:13.5rem; height:11.5rem;}
.board_lecture_line .lecture_item .img img {width:100%; max-height:100%;}
.board_lecture_line .lecture_item .img + .cont_wrap {margin-left:2rem;}
.board_lecture_line .lecture_item .cont_wrap {display:block; position:relative; width:100%;}
.board_lecture_line .lecture_item .cont_wrap .tit {margin-top:1rem; font-size:1.8rem; color:#424242; line-height:1.3; height:2.3rem; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.board_lecture_line .lecture_item .cont_wrap .state {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:0.5rem;}
.board_lecture_line .lecture_item .cont_wrap .state span {display:inline-block; font-size:1.4rem; font-weight:400; color:#9e9e9e;}
.board_lecture_line .lecture_item .cont_wrap .state span + span::before {display:inline-block; width:1px; height:1.2rem; margin:0 0.6rem; background:#d7d7d7; content:'';}
.board_lecture_line .lecture_item .cont_wrap .state.complt span {color:#9e9e9e;}

/* 듀냐학습방 - 수강완료 강좌 */
.board_lecture_line li .tot_num {display:inline-flex; justify-content:center; align-items:center; font-size:1.4rem; color:#424242; margin-bottom:1rem;}
.board_lecture_line li .tot_num:before  {display:inline-block; width:2.3rem; height:2.3rem; margin-right:0.5rem; background:url('../images/my_class/ico_cmplt_num.png') no-repeat; background-size:100%; content:'';}
.board_lecture_line li .tot_num + .btn_area button {margin-right:0;}

/* 그래프 막대버전 백업 */
.lecture_list li .progress_item {height:auto; padding:2rem 0 2.7rem 0.2rem;}
.lecture_list li .progress_wrap {padding:0rem 2rem; background-color:#fafafa;}
.lecture_list li .progress_item {padding:2rem 2rem 3rem 2rem;}
.lecture_list li .progress_item + .progress_item {border-top:1px solid #e9e9e9;}
.lecture_list li .progress {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; height:5rem; padding-top:3rem; line-height:1;}
.lecture_list li .progress_tit {position:absolute; left:0; top:0; font-size:1.8rem; color:#424242; font-weight:500;}
.lecture_list li .progress_total {width:10rem; -webkit-box-flex:0; -ms-flex:none; flex:none; font-size:1.4rem; line-height:2rem; color:#424242; font-weight:400;}
.lecture_list li .progress_gage {position:relative; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; width:100%; height:2rem; background:#d6d4d4;}
.lecture_list li .progress_gage.has_target {margin-bottom:3rem;}
.lecture_list li .progress_bar {position:absolute; left:0; top:0; width:0; height:100%; background:#577dd0;}
.lecture_list li .progress_bar .progress_value {position:absolute; right:0; bottom:100%; display:block; margin-bottom:0.5rem; padding:0.5rem 1rem; background:#ff5b5b; color:#fff; font-size:1.4rem; font-weight:bold; border-radius:20px; font-style:normal; -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%)}
.lecture_list li .progress_bar .progress_value::after {content:''; position:absolute; top:100%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); display:block; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #ff5b5b;}
/* 그래프 도넛버전 */
.lecture_list li .graph_progress {display:flex; align-items:start; min-height:10rem; padding:1.5rem 3rem; background-color:#fafafa;}
/* .lecture_list li .graph_progress .graph {display:flex; justify-content:center; align-items:center; width:16rem; flex:none;}
.lecture_list li .graph_progress .graph .donut {position:relative; display:block; width:9rem; height:9rem;}
.lecture_list li .graph_progress .graph .donut p {position:absolute; left:0; top:0; right:0; display:flex; justify-content:center; align-items:center; z-index: 1; width:100%; height:100%; text-align:center;}
.lecture_list li .graph_progress .graph .donut p em {display:inline-block; color:#577dd0; font-size:1.6rem; line-height:1.2;}
.lecture_list li .graph_progress .graph .donut p em strong {display:block; font-size:2rem;}
.lecture_list li .graph_progress .graph .donut .c100 {position:absolute; left:0; top:0; font-size:9rem; margin: 0 auto; background:#d6d4d4;}
.lecture_list li .graph_progress .graph .donut .c100:after {background-color:#fff; }
.lecture_list li .graph_progress .graph .donut .c100 > span {line-height:9rem;}
.lecture_list li .graph_progress .graph .donut .c100.overay,
.lecture_list li .graph_progress .graph .donut .c100.overay:after {background:transparent;}
.lecture_list li .graph_progress .graph .donut .c100.type_re .bar,
.lecture_list li .graph_progress .graph .donut .c100.type_re .fill {border-color:#577dd0 !important;}
.lecture_list li .graph_progress .graph .donut .c100.type_current .bar,
.lecture_list li .graph_progress .graph .donut .c100.type_current .fill {border-color:#577dd0 !important;}
.lecture_list li .graph_progress .graph .donut .c100.type_goal .bar,
.lecture_list li .graph_progress .graph .donut .c100.type_goal .fill {border-color:#ff5b5b !important;} */
.lecture_list li .graph_progress .data {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.lecture_list li .graph_progress .data .legend {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:1.5rem; line-height:1;}
.lecture_list li .graph_progress .data .legend dt ~ dt,
.lecture_list li .graph_progress .data .legend dd ~ dd {margin-top:1rem;}
.lecture_list li .graph_progress .data .legend dt {width:15rem; color:#424242; font-weight:500; line-height:1.3;}/* 2024-05-10 수정 */
.lecture_list li .graph_progress .data .legend dt.goal {width:100%; font-weight:400; padding-left:1.8rem; text-indent:-1.8rem; line-height:1.3; letter-spacing:-0.03em;}/* 2021-04-26 수정 */
.lecture_list li .graph_progress .data .legend dt.goal .txt_goal {color:#ff5b5b;}/* 2021-04-26 수정 */
.lecture_list li .graph_progress .data .legend dd {width:calc(100% - 15rem); color:#9e9e9e; font-weight:400; line-height:1.3;}/* 2024-05-10 수정 */
.lecture_list li .graph_progress .data .legend dt.total::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#d6d4d4; margin-right:0.6rem;}
.lecture_list li .graph_progress .data .legend dt.current::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#577dd0; margin-right:0.6rem;}
.lecture_list li .graph_progress .data .legend dt.goal::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#ff5b5b; margin-right:0.6rem;}
.lecture_list li .graph_progress .data .legend dt.total + dd .txt_count {color:#424242;}
.lecture_list li .graph_progress .data .legend dt.current + dd .txt_count {color:#577dd0;}
.lecture_list li .graph_progress .data .legend dt.current + dd .txt_count_goal {color:#577dd0;}
.lecture_list li .graph_progress .data .legend dt.goal + dd .txt_goal {color:#ff5b5b;}

.lecture_list li .graph_progress .data .legend dt.complet {font-weight:500; padding-left:1.8rem; text-indent:-1.8rem; line-height:1.3; letter-spacing:-0.03em;}
.lecture_list li .graph_progress .data .legend dt.complet::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#ff5b5b; margin-right:0.6rem;}
.lecture_list li .graph_progress .data .legend dd .txt_complet {color:#424242; margin-right:1rem;}
.lecture_list li .graph_progress .data .legend dd .txt_complet:last-child {margin-right:0;}
.lecture_list li .graph_progress .data .legend dd .txt_complet .fc_red {margin-left:0.5rem; color:#ff5b5b;}

.lecture_list li .graph_progress .data .bul {margin-top:auto;}
.lecture_list li .graph_progress .data .bul.bul_feel.sm p {line-height:1.4;}
.lecture_list li .graph_progress .data .bul.bul_feel.sm p::before {position:relative; top:0.2rem;}
.sub_container .content .pc_only_b {margin-top:0;}
.sub_container .content .pc_only_b h4 {font-size:3rem; font-weight:bold;}

/* 나의 강좌 - 수강완료 강좌 */
.lecture_list.type_cmplt li .item_head {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.lecture_list.type_cmplt li .item_head .state {display:-webkit-box;display:-ms-flexbox;display:flex;}
.lecture_list.type_cmplt li .item_head .state p {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#666; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list.type_cmplt li .item_head .state p + p {margin-left:1.4rem;}
.lecture_list.type_cmplt li .item_head .state p:before {display:inline-block; width:2.3rem; height:2.3rem; margin-right:0.5rem; content:'';}
.lecture_list.type_cmplt li .item_head .state p.number:before {background:url('../images/my_class/ico_cmplt_num.png') no-repeat; background-size:100%;}
.lecture_list.type_cmplt li .item_head .state p.achieve:before {background:url('../images/my_class/ico_cmplt_goal.png') no-repeat; background-size:100%;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; position:relative; height:8rem; padding:0 3.5rem 0 4rem; border-top:1px solid #dadada; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt:after {display:inline-block; position:absolute; width:1.5rem; height:0.8rem; top:50%; right:3.5rem; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg); background:url('../images/common/ico_carat_toggle2.png') no-repeat; background-size:100%; content:'';}
.lecture_list.type_cmplt li .item_foot .btn_cmplt .tot_num {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:2rem; color:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt .tot_num:before  {display:inline-block; width:2.3rem; height:2.3rem; margin-right:3rem; background:url('../images/my_class/ico_cmplt_num.png') no-repeat; background-size:100%; content:'';}
.lecture_list.type_cmplt li .item_foot .btn_cmplt .date {padding-right:4.5rem;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt .date p {font-size:1.4rem; font-weight:400; color:#666;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt .date p + p {margin-top:1rem;}
.lecture_list.type_cmplt li .item_foot .tot_cmplt {display:none; position:absolute; width:calc(100% + 2px); margin:0 -1px; left:0; bottom:-30rem; border:1px solid #757575; border-top:0; background-color:#fafafa; z-index:3;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt.on {width:calc(100% + 2px); margin:0 -1px; border:1px solid #757575; border-bottom:0; background-color:#fafafa;}
.lecture_list.type_cmplt li .item_foot .btn_cmplt.on:after {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);} 
.lecture_list.type_cmplt li .item_foot .btn_cmplt.on + .tot_cmplt {display:block;}
.lecture_list.type_cmplt li .tot_cmplt_list li {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:8rem; padding:0 3.5rem 0 4rem; border-top:1px solid #e7e7e7; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.lecture_list.type_cmplt li .tot_cmplt_list li .num_area {display:-webkit-box;display:-ms-flexbox;display:flex;}
.lecture_list.type_cmplt li .tot_cmplt_list li .num {font-size:2rem; margin-right:2.5rem;}
.lecture_list.type_cmplt li .tot_cmplt_list li .tot_date {font-size:1.8rem; font-weight:400; color:#424242; line-height:1;}
.lecture_list.type_cmplt li .tot_cmplt_list li .tot_date span {font-weight:bold;}
.lecture_list.type_cmplt li .tot_cmplt_list li .date {padding-right:4.5rem}
.lecture_list.type_cmplt li .tot_cmplt_list li .date p {font-size:1.4rem; font-weight:400; color:#666;}
.lecture_list.type_cmplt li .tot_cmplt_list li .date p + p {margin-top:1rem;}
.lecture_list.type_cmplt li .tot_cmplt_list li.has_btn {display:block; width:100%; height:auto; padding:0;}
.lecture_list.type_cmplt li .tot_cmplt_list li .btn_cmplt_more {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:100%; height:5.8rem; font-size:1.6rem; color:#757575; text-align:center; line-height:5.8rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.lecture_list.type_cmplt li .tot_cmplt_list li .btn_cmplt_more:after {display:inline-block; width:1.2rem; height:1.2rem; margin-left:1.2rem; background:url('../images/common/btn_lec_more.png') no-repeat; background-size:100%; content:'';}
/* 2024-04-29 추가 */
.lecture_list.type_cmplt li .item_result .btn_cmplt {display:flex; align-items:center; justify-content:space-between; width:100%; position:relative; height:8rem; padding:0 3.5rem 0 4rem; border-top:1px solid #dadada;}
.lecture_list.type_cmplt li .item_result .btn_cmplt :after {display:inline-block; position:absolute; width:26px; height:26px; top:50%; right:3rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('../images/common/ico_carat_toggle5.png') no-repeat; background-size:100%; content:'';}
.lecture_list.type_cmplt li .item_result .btn_cmplt  .tot_num {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:2rem; color:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list.type_cmplt li .item_result .btn_cmplt  .tot_num:before  {display:inline-block; width:2.3rem; height:2.3rem; margin-right:3rem; background:url('../images/my_class/ico_cmplt_num.png') no-repeat; background-size:100%; content:'';}
.lecture_list.type_cmplt li .item_result .btn_cmplt  .date {padding-right:4.5rem;}
.lecture_list.type_cmplt li .item_result .btn_cmplt  .date p {font-size:1.6rem; font-weight:400; color:#424242;}
.lecture_list.type_cmplt li .item_result .btn_cmplt  .date p + p {font-size:1.4rem; margin-top:1rem;}

/* 나의 좋아요 */
.title_wrap2 + .like_sec {margin-top:3rem;}
.like_sec .tit_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:1.5rem;}
.like_sec .tit_wrap .tit {font-size:1.8rem; font-weight:400; color:#577dd0; line-height:1;}
.like_sec .tit_wrap .bul  {margin-left:1rem;}
.like_sec .tit_wrap .bul.bul_feel.sm.gray p::before {width:1.6rem; height:1.6rem; margin-top:0; background:url(../images/common/ico_feel_gray_sm02.png) no-repeat center center / 100% auto;}
.like_sec .like_sec_cont {width:100%; border:1px solid #dadada;}
.like_sec + .like_sec {margin-top:3rem;}
.like_sec .like_sec_cont .nodata {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; min-height:12rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.like_sec .like_sec_cont .nodata p {font-size:1.4rem; font-weight:400; color:#666;}

/* 나의 좋아요 강좌 */
.like_lecture .like_sec_cont {min-height:12rem;}
.like_lecture_list {display:-webkit-box;display:-ms-flexbox;display:flex;}
.like_lecture_list .item {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:50%; padding:2rem 6.6rem;}
.like_lecture_list .item + .item:before {display:block; position:absolute; width:1px; height:calc(100% - 4rem); top:2rem; left:0; background-color:#dadada; content:'';}
.like_lecture_list .item .img {width:8rem;}
.like_lecture_list .item .img img {width:100%;}
.like_lecture_list .item .txt {display:-webkit-box;display:-ms-flexbox;display:flex; width:calc(100% - 8rem); padding-left:2rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.like_lecture_list .item .txt .tit {font-size:2rem; line-height:2.5rem;}
.like_lecture_list .item .txt .detail_info {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:auto; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.like_lecture_list .item .txt .detail_info span {display:inline-block; font-size:1.4rem; font-weight:400; color:#9e9e9e; line-height:1.4;}
.like_lecture_list .item .txt .detail_info span + span::before {display:inline-block; width:1px; height:1.2rem; margin:0 0.6rem; background:#d7d7d7; content:'';}

.like_lecture_list .slick-prev,
.like_lecture_list .slick-next {display:-webkit-box;display:-ms-flexbox;display:flex; width:3.5rem; height:5.6rem; overflow:hidden; background: rgba(0,0,0,0.4) url(../images/my_class/slide_arr.png) no-repeat center center / auto auto; text-indent:-9999px; position:absolute; top:50%; left:0; margin-top:-2.8rem; z-index:20;}
.like_lecture_list .slick-prev {left:0;}
.like_lecture_list .slick-next {left:auto; right:0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
.like_lecture_list .slick-disabled {opacity:0.25; pointer-events:none;}
.like_lecture_list .slide_item:nth-child(1) {opacity:1;}

/* 나의 좋아요 선생님 */
.like_teacher .like_sec_cont {min-height:24rem;}
.like_teacher_list {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:2.7rem 4rem; overflow:hidden;}
.like_teacher_list .slick-list {width:100%;}
.like_teacher_list .item {-webkit-box-flex:0;-ms-flex:none;flex:none; padding:0 1rem; width:calc(100% / 6)}
.like_teacher_list .item a {display:block;}
.like_teacher_list .item .img,
.like_teacher_list .item .img img {width:100%;}
.like_teacher_list .item .teacher_nm {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:100%; margin-top:1rem; text-align:center; font-size:1.6rem; color:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; line-height:1;}
.like_teacher_list .item .teacher_nm span {display:inline-block; margin-right:0.7rem; font-size:1.4rem; color:#919191;}

.like_teacher_list .slick-prev,
.like_teacher_list .slick-next {display:-webkit-box;display:-ms-flexbox;display:flex; width:3.5rem; height:5.6rem; overflow:hidden; background: rgba(0,0,0,0.4) url(../images/my_class/slide_arr.png) no-repeat center center / auto auto; text-indent:-9999px; position:absolute; top:50%; left:0; margin-top:-2.8rem; z-index:20;}
.like_teacher_list .slick-prev {left:0;}
.like_teacher_list .slick-next {left:auto; right:0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
.like_teacher_list .slick-disabled {opacity:0.25; pointer-events:none;}
.like_teacher_list .slide_item:nth-child(1) {opacity:1;}

.like_sec.like_teacher .like_sec_cont .nodata {height:24rem;}

/* 나의 좋아요 교재 */
.like_textBook {margin-top:3rem;}
.like_textBook .like_sec_cont {min-height:24rem;}
.like_textBook_list {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:2.7rem 4rem; overflow:hidden;}
.like_textBook_list .slick-list {width:100%;}
.like_textBook_list .slide_item {position:relative; float:left; width:calc(100%/3); height:25.8rem; margin:0 1rem; border:1px solid #dbdbdb;}
.like_textBook_list .slide_item > a {display:block; height:13rem; background:#a0a0a0;}
.like_textBook_list .slide_item > a img {width:100%; height:100%;}
.like_textBook_list .slide_item > div {position:relative;min-height:9.6rem;padding:1.5rem; line-height:2.1rem;}
.like_textBook_list .slide_item > div strong {padding:0 0 1rem; font-size:1.8rem; color:#000; font-weight:400; max-height:2.7em; line-height:2.3rem; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}/* 2021-11-09 수정 */
.like_textBook_list .slide_item > div strong .ico_new {margin-top:-0.3rem;}
.like_textBook_list .slide_item > div p {overflow:hidden; font-size:1.4rem; color:#212121; font-weight:400; height:1.5em; -o-text-overflow:ellipsis; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}/* 2021-11-09 수정 */
.like_textBook_list .slide_item > div p.date {/*padding-top:1.3rem;*/ font-size:1.4rem;}
.like_textBook_list .slide_item > div dl {position:absolute;left:1.5rem;bottom:-1.5rem;width:100%; font-size:1.2rem; color:#212121;}
.like_textBook_list .slide_item > div dl:after {content:''; display:block; clear:both;}
.like_textBook_list .slide_item > div dl dt {float:left;}
.like_textBook_list .slide_item > div dl dt:after {content:':'; display:inline-block; margin:-0.5rem 0.5rem 0; vertical-align:middle;}
.like_textBook_list .slide_item > div dl dd span {display:inline-block;}
.like_textBook_list .slide_item > div dl dd span:after {content:''; display:inline-block; width:0.1rem; height:1rem; margin:-0.3rem 0.4rem 0; vertical-align:middle; background:#cecece;}
.like_textBook_list .slide_item > div dl dd span:last-child:after {display:none;}
.like_textBook_list .slide_item > .btn_heart {position:absolute; bottom:0.7rem; right:0.4rem; display:flex; justify-content:center; align-items:center; width:3rem; height:3rem; font-size:0; z-index:3;}
.like_textBook_list .slide_item > .btn_heart input[type="checkbox"] {display:inline-flex; width:2rem; height:2rem; font-size:0; background:url('../images/common/icon_saveLike_off.svg') no-repeat center center; background-size:contain; border-radius:0; -webkit-appearance:none; cursor:pointer;}
.like_textBook_list .slide_item > .btn_heart input[type="checkbox"]:checked {background:url('../images/common/icon_saveLike_on.svg') no-repeat center center; background-size:contain;}

.like_textBook_list .slick-prev,
.like_textBook_list .slick-next {display:-webkit-box;display:-ms-flexbox;display:flex; width:3.5rem; height:5.6rem; overflow:hidden; background: rgba(0,0,0,0.4) url(../images/my_class/slide_arr.png) no-repeat center center / auto auto; text-indent:-9999px; position:absolute; top:50%; left:0; margin-top:-2.8rem; z-index:20;}
.like_textBook_list .slick-prev {left:0;}
.like_textBook_list .slick-next {left:auto; right:0; -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
.like_textBook_list .slick-disabled {opacity:0.25; pointer-events:none;}
.like_textBook_list .slide_item:nth-child(1) {opacity:1;}

.like_sec.like_teacher .like_sec_cont .nodata {height:24rem;}

/* 나의 좋아요 - 나의 좋아요 강좌 및 선생님 새소식 */
.like_news .tit_wrap {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.like_news .like_sec_cont {padding:2.5rem 4rem 3.5rem 4rem; background-color:#fafafa;}

/* 나의 목표대학 */
.title_wrap2 + .box_goal_uni {margin-top:3rem;}
.box_guide .tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-bottom:0.8rem; font-size:1.8rem; font-weight:bold; color:#2968c1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.box_guide .tit:before {display:inline-block; margin-right:0.6rem; background-size:100%; content:'';}
.box_guide.box_goal_uni .tit:before {width:3.2rem; height:2.1rem; background:url('../images/common/ico_school_cap.png') no-repeat; background-size:100%;}
.search_box.speed_uni label {font-size:1.8rem; color:#000;}
.search_box.speed_uni label + select {margin-left:4.5rem;}
.search_box.speed_uni .btn_L_col7 {margin-left:1rem;}

.speed_uni + .my_goal_uni {margin-top:3rem; border-top:1px solid #000;}
.mygoal_uni_list {display:-webkit-box;display:-ms-flexbox;display:flex; margin:-1rem; padding-top:2rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.mygoal_uni_list li {width:50%; padding:1rem;}
.mygoal_uni_list li .item {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%; border:1px solid #dadada;}
.mygoal_uni_list li .uni_info_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; height:auto; padding:2rem; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.mygoal_uni_list li .uni_info_wrap .txt_area {width:38.2rem;}
.mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm {display:inline-block; margin-bottom:2rem; text-align:left; line-height:1.5;font-size:2.4rem; font-weight:bold;}
.mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm strong {position:relative; z-index:2; background:-webkit-gradient(linear, left bottom, left top, color-stop(1rem, rgba(255,245,229,1)), color-stop(1rem, rgba(255,255,255,0))); background:-webkit-linear-gradient(bottom, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem); background:-o-linear-gradient(bottom, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem); background:linear-gradient(0deg, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem);}
.mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm em {display:table; background:-webkit-gradient(linear, left bottom, left top, color-stop(1rem, rgba(255,245,229,1)), color-stop(1rem, rgba(255,255,255,0))); background:-webkit-linear-gradient(bottom, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem); background:-o-linear-gradient(bottom, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem); background:linear-gradient(0deg, rgba(255,245,229,1) 1rem, rgba(255,255,255,0) 1rem);}
.mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm em.major {font-size:1.8rem; height:5rem; line-height:1.25; margin-top:1rem; background:none;}
.mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm em.model {font-size:2rem; line-height:1.25; margin-top:1rem; background:none;}/* 2025-06-16 추가 */
.mygoal_uni_list li .uni_info_wrap .detail {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:-1rem; padding-right:1rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.mygoal_uni_list li .uni_info_wrap .detail dt {width:5.5rem; margin-top:1rem; font-size:1.4rem; color:#000; line-height:1.9rem;}
.mygoal_uni_list li .uni_info_wrap .detail dd {width:calc(100% - 5.5rem); margin-top:1rem; font-size:1.4rem; font-weight:400; color:#666; line-height:1.9rem;}
.mygoal_uni_list li .uni_info_wrap .detail dt.address,
.mygoal_uni_list li .uni_info_wrap .detail dt.address + dd {min-height:3.5rem;}
.mygoal_uni_list li .uni_info_wrap .detail dt.system + dd,
.mygoal_uni_list li .uni_info_wrap .detail dt.set_up + dd {width:calc(50% - 5.5rem)}
.mygoal_uni_list li .uni_info_wrap .detail dt.set_up {width:4.4rem;}

.mygoal_uni_list li .uni_info_wrap .img  {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.mygoal_uni_list li .uni_info_wrap .img img {max-width:11.2rem; height:auto; margin:auto;}

.mygoal_uni_list li .uni_foot {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:auto; padding:2.5rem 0; background-color:#f7f7f7;}
.mygoal_uni_list li .uni_foot > div {display:-webkit-box;display:-ms-flexbox;display:flex; width:50%; height:10rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:flex-start;}/* 2025-06-16 수정 */
.mygoal_uni_list li .uni_foot .selected {padding-left:2rem; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}/* 2025-06-16 수정 */
.mygoal_uni_list li .uni_foot .selected .tot {font-size:1.6rem; color:#212121; line-height:1;}
.mygoal_uni_list li .uni_foot .selected .tot_num {margin-top:0.6rem; font-size:2rem; font-weight:400; color:#919191; line-height:1;}
.mygoal_uni_list li .uni_foot .selected .tot_num span {font-size:3.1rem; font-weight:bold; color:#577dd0;}
.mygoal_uni_list li .uni_foot .btn_area {padding:0 2rem;}
.mygoal_uni_list li .uni_foot .btn_area .btn_XL_col1 {width:100%; background:transparent;}
.mygoal_uni_list li .uni_foot .btn_area .btn_XL_col1 + .btn_XL_col1 {margin-bottom:0;}/* 2025-06-16 추가 */
.my_goal_uni + .btn_wrap {margin-top:2rem;}

/* 2025-06-16 수정 */
.box_goal_uni + .search_list_wrap {margin-top:1rem;}
.search_list_wrap.uni_type {background-color:#FAFAFA; padding:3.8rem 4rem;}
.search_list_wrap.uni_type .inner {padding:0;}
.search_list_wrap.uni_type .uni_list ul li {width:50%;}
.search_list_wrap.uni_type .ex_txt {margin-top:3rem;}

/* 학습 Q&A */
.tab_slick + .sec_qna_class {margin-top:3rem;}
.sec_qna_class {margin-bottom:3rem;}
.qna_class_list {display:-webkit-box;display:-ms-flexbox;display:flex; background-color:#f2f7fb;}
.qna_class_list li {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:25%; min-height:15.6rem; padding:4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.qna_class_list li + li:before {display:block; position:absolute; top:4rem; left:0; width:1px; height:calc(100% - 8rem); background-color:#e5e5e5; content:'';}
.qna_class_list li dl {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.qna_class_list li dl dt {font-size:2rem; color:#000; line-height:1;}
.qna_class_list li dl dd {font-size:2rem; font-weight:400; color:#919191; line-height:1;}
.qna_class_list li dl dd strong {font-size:3.6rem; color:#577dd0;}
.qna_class_list li p {padding:1rem 0 0; font-size:1.4rem; line-height:2.2rem; color:#9e9e9e; font-weight:400;}

/* 나의 꿈포인트 */
.title_wrap2 + .box_gray {margin-top:3rem;}
.box_gray.box_point {padding:3rem; background:#f2f7fb;}
.box_point .point_banner {display:-webkit-box;display:-ms-flexbox;display:flex;}
.box_point .point_banner > div {width:calc(50% - 1rem);}
.box_point .point_banner > div + div {margin-left:2rem;}
.box_point .my_point {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding:1.5rem; background:#fff;}
/* 2022-04-12 추가 */
.box_point .my_point.disabled {position:relative;}
.box_point .my_point.disabled .disable_box {display:-webkit-box;display:-ms-flexbox;display:flex;}
.box_point .my_point .disable_box {display:none; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:absolute; left:0; top:0; height:100%; width:100%; background-color: rgba(0,0,0,0.6); z-index:21;}
.box_point .my_point .disable_box .txt {font-size:1.6rem; color:#fff; text-align:center; line-height:2.5rem;}
.box_point .my_point .disable_box button {margin-top:1rem;}

.point_banner .box_point {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; padding:2.5rem 0 3.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.point_banner .box_point .tit {margin-bottom:0; font-size:2.4rem; color:#212121;}
.point_banner .box_point .num {font-size:3.8rem; padding-left:1rem; font-weight:bold; color:#577dd0;}
.point_banner .box_point .unit {display:inline-block; font-size:2rem; font-weight:bold; color:#919191;}
.point_banner .box_point.extinction {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between; padding:2rem; background:#f8f8f8;}
.point_banner .box_point.extinction .tit {font-size:1.8rem; color:#919191;}
.point_banner .box_point.extinction .tit button {margin-left:0.5rem;}
.point_banner .box_point.extinction .num {font-size:2.6rem; color:#bebebe;}
.point_banner .box_point.extinction .unit {font-size:1.8rem; font-weight:400; color:#bdbdbd;}
.point_banner .box_point.extinction button {background:#f8f8f8;}
.point_guide .img,
.point_guide .img img {width:100%;}
.point_guide .guide_tit_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:0.5rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.point_guide .guide_tit_wrap .tit {font-size:1.8rem; color:#212121;}
.box_point .bul {margin-top:3rem;}
.box_point .link_type2:after {content:'>'; display:inline-block; padding-left:0.2rem;}

.search_box.search_point {padding:4rem 11rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.search_box.search_point .search_group {width:auto; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.search_box.search_point dt {font-size:1.8rem; color:#000; line-height: 1.3; margin-bottom:2rem;}
.search_box.search_point dd .row {display:-webkit-box;display:-ms-flexbox;display:flex;}
.search_box.search_point dd .row + .row {margin-top:1rem;}
.search_box.search_point dd .row select {width:22rem;}
.search_box.search_point dd .row select + button {margin-left:1rem;}
.board_list.board_point .tbody > div {font-size:1.6rem;}
.board_list.board_point .tbody .breakdown {color:#000;}

/* 나의 꿈포인트 - 이용안내 2021-04-13 수정 */
.sub_container .content .sec_explain h4 {position:relative; font-size:2.2rem; font-weight:400; color:#000; z-index:2;}
.sub_container .content .sec_explain h4:after {display:block; position:absolute; width:100%; bottom:-0.5rem; left:0; height:1rem; background:#ffeee8; content:''; z-index:-1;}

.sub_container .content .sec_explain .tit_bg h4:after {display:none;}/* 2021-04-19 수정 */
.sub_container .content .sec_explain .tit_bg h4 span {display:inline-block; position:relative; z-index:2;}/* 2021-04-19 수정 */
.sub_container .content .sec_explain .tit_bg h4 span:after {display:block; position:absolute; width:100%; bottom:-0.5rem; left:0; height:1rem; background:#ffeee8; content:''; z-index:-1;}/* 2021-04-19 수정 */

.point_use_step {margin-top:3rem; padding:3.5rem 4rem; background-color:#fafafa;}
.point_use_step .point_step {overflow:hidden;}
.point_use_step .point_step .tit_wrap {margin-bottom:1.5rem;}
.point_use_step .point_step .tit_wrap .tit {font-size:1.8rem; font-weight:400; color:#577dd0; line-height:1;}
.point_use_step .point_step .step_type + .step_type  {margin-top:4rem;}
.point_step ul {display:flex; margin:0 -1rem;}
.point_step ul li {position:relative; width:calc(100%/4); padding:0 1rem;}
.point_step ul li .item {position:relative;width:100%;}
.point_step ul li + li .item::before {display:block; position:absolute; top:6.3rem; left:-1.8rem; width:3.6rem; height:3.6rem; border-radius:50%; background:#fff url('../images/my_class/ico_explain_arr.png') no-repeat center center / 1.7rem auto; content:'';}
.point_step ul li .img {width:100%; height:15rem; margin:auto;}
.point_step ul li.step01 .img {background:url('../images/my_class/point_explain01.png') no-repeat 0 0 / 100% auto;}
.point_step ul li.step02 .img {background:url('../images/my_class/point_explain02_1.png') no-repeat 0 0 / 100% auto;}
.point_step ul li.step02_2 .img {background:url('../images/my_class/point_explain02_2.png') no-repeat 0 0 / 100% auto;}
.point_step ul li.step03 .img {background:url('../images/my_class/point_explain03.png') no-repeat 0 0 / 100% auto;}
.point_step ul li.step04 .img {background:url('../images/my_class/point_explain04.png') no-repeat 0 0 / 100% auto;}
.point_step ul li .step_txt {margin-top:1rem; font-size:1.6rem; line-height:2.3rem;}
.point_step ul li.step02 .step_txt,
.point_step ul li.step02_2 .step_txt {font-weight:400;}
.point_step ul li.step02 .step_txt .ico_buy {display:inline-block; width:1.9rem; height:1.9rem; margin:0 0.2rem; -webkit-transform:translateY(0.2rem); -ms-transform:translateY(0.2rem); transform:translateY(0.2rem); background:url('../images/my_class/ico_buy.png') no-repeat; background-size:100%; content:'';}
.point_step ul li.step03 .step_txt .step_no:after {display:inline-block; width:9.5rem; height:2.7rem; margin:0 0.2rem; background:url('../images/my_class/logo_kyobo.png') no-repeat; background-size:100%; content:'';}

.sec_explain .table_point {margin-bottom:3rem;}
.sec_explain .table_point table td {font-weight:400;}
.sec_explain .table_point table td.align_l {padding:1.4rem 4rem;}
.sec_explain .table_point table th {background-color:#f9f9f9;}
.sec_explain .table_point table th .danchoo_logo {width:5.6rem; height:1rem; margin:auto; background:url('../images/my_class/logo_danchoo.png') no-repeat; background-size:100%;}
.sec_explain .agree_img {width:100%; height:100.8rem; margin-top:1.5rem; background:url(../images/my_class/point_agree.jpg) no-repeat;}

/* */
.dv_ie .modal_wrap.small .modal.duna_content {height:auto;}/* 2021-04-20 수정 */

/* 나의 꿈포인트 팝업 */
.modal_point .box_gray  + .sec_policy,
.modal_point .sec_policy + .sec_policy {margin-top:2rem;}
.modal_point .sec_policy .tit {margin-bottom:1rem; font-size:2rem; font-weight:bold; line-height:1.5;} 
.modal_point .sec_policy.sec_policy02 .table_scroll2 {margin:1.5rem 0;}

/* 나의 학급 */
.box_guide + .board_head {margin-top:3rem;}
.box_guide.box_myclass .tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.8rem; font-weight:400; color:#2968c1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.box_guide.box_myclass .tit:before {display:inline-block; width:2.1rem; height:2.2rem; margin-right:0.6rem; background:url('../images/common/ico_myclass.png') no-repeat 0 0/ 100% auto; content:'';}
.board_list.board_my_class .tbody div {font-size:1.6rem; word-break:break-all;}
.board_list.board_my_class .tbody .mob_bottom {display:table-cell; vertical-align:middle;}
.board_list.board_my_class .class_nm .btn_del3 {position:relative; top:-0.2rem; margin-left:1rem;}
.board_list.board_my_class .teacher_nm .btn_message {position:relative; top:-1px; margin-left:1rem;}
.board_list.board_my_class .tbody.state_wait  {background-color:#fbfbfb;}
.board_list.board_my_class .tbody.state_wait > div {color:#bbb;}

/* 나의 학급 - 상세 */
.title_wrap2 + .board_head {margin-top:3rem;}
.board_head + .board_talk {margin-top:2rem;}
.board_talk.type_my_class {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.board_talk.type_my_class .comunication {width:100%; padding-top:0; border-radius:0 0 2rem 2rem;}
.board_talk.type_my_class .talk_class {display:-webkit-box;display:-ms-flexbox;display:flex; height:8rem; padding:0 4rem; border-radius:2rem 2rem 0 0; background-color:#062e67; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.board_talk.type_my_class .talk_class .class_nm {font-size:2.4rem; font-weight:bold; color:#fff;}
.board_talk.type_my_class .talk_class .teacher_nm {font-size:1.8rem; color:#fff;}
.board_talk.type_my_class .comunication .feedback {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:5.3rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.board_talk.type_my_class .comunication .feedback p {font-size:1.6rem; font-weight:400; color:#666;}
.board_talk.type_my_class + .btn_wrap {margin-top:2rem;}

/* 학습 계획표 수정 팝업*/
.modal.modal_hasForm .board_form {margin:0; border-top:0;}
.modal.modal_hasForm .board_form dl {margin-bottom:0;}

/* 강의 메모 팝업 수정 */
.modal_memo .board_form .tit {font-size:2.2rem; font-weight:bold; line-height:1;}
.modal_memo .board_form .sub_tit {font-size:2rem; font-weight:400; line-height:1;}
.modal_memo .board_form .class_tit {font-size:1.6rem; font-weight:400; color:#577dd0; line-height:1;}

/* 부가정보 수정 - 비밀번호 */
.title_wrap2 + .modify_box {margin-top:3rem;}
.modify_box {display:-webkit-box;display:-ms-flexbox;display:flex; border:1px solid #dbdbdb; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} 
.modify_box .modify_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; padding:10rem 0; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} 
.modify_box .modify_wrap .txt_wrap {text-align:center;}
.modify_box .modify_wrap .txt {font-size:1.6rem; color:#000; line-height:1;}
.modify_box .modify_wrap .txt br {display:none;}
.modify_box .modify_wrap .txt_id {margin-top:4rem; font-size:2.6rem; color:#577dd0; line-height:1;}
.modify_box .modify_wrap .modi_form_group {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:2rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
.modify_box .modify_wrap .modi_form_group .inp_certi {display:block; position:relative;}
.modify_box .modify_wrap .modi_form_group .inp_certi button {display:-webkit-box;display:-ms-flexbox;display:flex; position:absolute; right:1rem; top:50%; width:4rem; height:4rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.modify_box .modify_wrap .modi_form_group .inp_certi button > span {display:block; width:1.6rem; height:1.9rem; background:url(../images/common/ico_unlock_login.png) no-repeat center center / 100% auto;}
.modify_box .modify_wrap .modi_form_group .inp_certi button.on > span {height:1.8rem; background-image:url(../images/common/ico_lock_login.png)}
.modify_box .modify_wrap .modi_form_group input,
.modify_box .modify_wrap .modi_form_group > button {width:30rem;}
.modify_box .modify_wrap .modi_form_group > button {height:5.4rem; font-size:1.8rem; margin-top:1rem;}

.modify_box .box_gray {display:-webkit-box;display:-ms-flexbox;display:flex; padding:6rem 0 7rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;} 
.modify_box .modi_logo {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.modify_box .modi_logo .img {width:10.1rem;}
.modify_box .modi_logo .img img {width:100%;}
.modify_box .modi_logo p {margin-left:1.2rem; font-size:1.8rem;}
.modify_box .box_gray .txt {margin-top:1.5rem; font-size:1.4rem; font-weight:400; color:#666;}
.modify_box .box_gray .txt br {display:none;}

/* 강의 메모 */
.search_box.search_memo {padding:4rem 7.7rem;}
.search_box.search_memo .search_group {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.board_memo {border-top:1px solid #000; padding-top:2rem;}
.tab_slick + .box_memo {margin:3rem 0;}
/* .board_head + .board_memo {margin-top:1.5rem;} */
.memo_list li {border:1px solid #dadada; }
.memo_list li +  li {margin-top:2rem;}
.memo_list li .course_tit_wrap {padding:2rem; background:#fff;}
.memo_list li .course_tit_wrap .course_tit input[type="checkbox"] + label {font-size:1.8rem; font-weight:bold; color:#010101;}
.memo_list li .lecture_head {padding:2rem; border-top:1px solid #dadada; background:#fafafa;}
.memo_list li .lecture_head .lecture_tit input[type="checkbox"] + label {font-size:1.8rem; font-weight:400; color:#2968c1;}
.memo_list li .lecture_body {padding:0 5rem 4rem 5rem; background:#fafafa;}
.memo_list li .lecture_body .index_wrap + .index_wrap {margin-top:2rem;}
.memo_list li .index_wrap .index_head {display:-webkit-box;display:-ms-flexbox;display:flex; padding:2rem; border:1px solid #d3ebee; background:#f0f9fa; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; align-items:flex-start; }
.memo_list li .index_wrap .index_head .index_left {display:flex; width:calc(100% - 15rem); flex-wrap:wrap; align-items:center;}
.memo_list li .index_wrap .index_head .index_tit {display:flex;}
.memo_list li .index_wrap .index_head .index_tit input[type="checkbox"] + label {font-size:1.6rem; color:#173b71; align-items:flex-start;}
.memo_list li .index_wrap .index_head .index_tit input[type="checkbox"] + label:before {flex:none;}
.memo_list li .index_wrap .index_head .index_tit input[type="checkbox"] + label span {display:inline-block;}
.memo_list li .index_wrap .index_head .index_tit input[type="checkbox"] + label span + span {margin-left:1rem;}
.memo_list li .index_wrap .index_head .lecture_info {display:flex; margin-left:3rem; align-items:center;}
.memo_list li .index_wrap .index_head .lecture_info .time {font-size:1.6rem; font-weight:400; color:#666; line-height:1;}
.memo_list li .index_wrap .index_head .lecture_info .btn_play {width:2.8rem; height:2.8rem; margin-left:1.4rem; background:url('../images/common/ico_board_video.png') no-repeat 0 -3.3rem / 2.8rem auto; text-indent:-9999px;}
.memo_list li .index_wrap .index_head .index_right {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-top:0.5rem;}
.memo_list li .index_wrap .index_head .index_right .date {font-size:1.4rem; font-weight:400; color:#666;}
.memo_list li .index_wrap .index_head .index_right .date + .btn_modify2 {margin-left:3rem;}
.memo_list li .index_wrap .memo_wrap {padding:0 3rem; border:1px solid #d3ebee; border-top:none; background:#fff;}
.memo_list li .index_wrap .memo_wrap .memo_txt {padding:2rem;}
.memo_list li .index_wrap .memo_wrap .memo_txt + .memo_txt {border-top:1px solid #dbdbdb;}
.memo_list li .index_wrap .memo_wrap .memo_txt p {font-size:1.4rem; font-weight:400; color:#666; line-height:1.5; word-break:break-all;}
.box_guide.box_memo .tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.8rem; font-weight:400; color:#2968c1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.box_guide.box_memo .tit:before {display:inline-block; width:2.5rem; height:2.2rem; margin-right:0.6rem; background:url('../images/common/ico_memo.png') no-repeat; background-size:100%; content:'';}

/* 나의 회원정보 | 2022-09-16 수정 */
.title_wrap2 + .info_sec {margin-top:3rem;}
.info_sec + .info_sec {margin-top:4rem;}
.info_sec .title_wrap3 {margin-bottom:1.5rem;}
.info_sec .ex_mT1 {margin-top:.5rem;}/* 2021-11-25 수정 */

.my_info_box_head {display:flex; align-items: center; padding:1rem 0; border-top:0.2rem solid #000;}
.my_info_box_head .tit {font-size:1.8rem; font-weight:400; color:#000; line-height:1;}
.my_info_box_head [class^='btn_info_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:6rem; height:2.8rem; border:1px solid #bbb; border-radius:1.5rem; font-size:1.4rem; color:#bbb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-left:1rem;}
.my_info_box {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3rem 3rem; border:1px solid #e5e5e5; border-top:0.2rem solid #000; background:#f9f9f9; justify-content:center;}/* 2021-04-24 수정 */
.my_info_box .img_wrap {display:flex; padding:1rem 0; flex-direction:column;}
.my_info_box .img_wrap .img {width:16rem; height:16rem;}
.my_info_box .img_wrap .img img {width:100%; height:100%;}/* 2021-04-06 수정 */
.my_info_box .img_wrap .btn_wrap {margin-top:2.3rem;}/* 2021-04-01 auto 수정 */
.my_info_box .img_wrap .btn_wrap [class^='btn_info_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:6rem; height:2.8rem; border:1px solid #bbb; border-radius:1.5rem; font-size:1.4rem; color:#bbb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.my_info_box .img_wrap .btn_wrap button + button {margin-left:0.5rem;}
/* .my_info_box .img_wrap .btn_wrap .btn_info_mod span:before {display:inline-block; width:1.1rem; height:1.3rem; margin-right:0.4rem; background:url('../images/common/ico_pencil03.png') no-repeat; background-size:100%; content:'';} */
.my_info_box .info_wrap {width:calc(50% - 1.5rem); margin-left:3rem;}
.my_info_box .info_wrap .info_head {display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom:1rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content:flex-start;}/* 2021-04-13 수정 space-between */
.my_info_box .info_wrap .info_head .tit {font-size:1.8rem; font-weight:400; color:#000; line-height:1;}
.my_info_box .info_wrap .info_detail {display:-webkit-box;display:-ms-flexbox;display:flex; border-top:1px solid #000; -ms-flex-wrap:wrap; flex-wrap:wrap; background-color:#fff;}
.my_info_box .info_wrap .info_detail dt {width:9.8rem; height:4rem; padding:0 1.7rem; border-bottom:1px solid #ececec;  font-size:1.4rem; font-weight:400; color:#666; text-align:left; line-height:3.9rem;}
.my_info_box .info_wrap .info_detail dd {width:calc(100% - 9.8rem); height:4rem; padding-right:1.7rem; border-bottom:1px solid #ececec; font-size:1.4rem; color:#577dd0; line-height:3.9rem;}
.my_info_box .info_wrap .info_head [class^='btn_info_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:6rem; height:2.8rem; border:1px solid #bbb; border-radius:1.5rem; font-size:1.4rem; color:#bbb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-left:1rem;}/* 2021-04-13 수정 */
.my_info_box .info_wrap .info_foot {position:relative;padding-left:2rem;font-size:1.6rem;color:red;padding-top:1rem;line-height:1.5;} /* 2022-07-19 추가 */
.my_info_box .info_wrap .info_foot:before {content:'※';position:absolute;left:0;top:1rem;}/* 2022-07-19 추가 */
.my_info_box.width_100 {border-top:1px solid #e5e5e5; justify-content: flex-start;}
.my_info_box.width_100 .info_wrap {margin-left:0;}

.info_sec .title_flex {justify-content: flex-start; align-items: center; flex-direction: unset;}/* 2021-11-25 수정 */
.info_sec .title_flex [class^='btn_info_'] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; min-width:12rem; height:2.8rem; padding:0 2rem; border:1px solid #bbb; border-radius:1.5rem; font-size:1.4rem; color:#bbb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-left:3rem;}/* 2021-11-25 수정 */

/* 무상교재 신청자 대상 레이어 팝업 | 2021-11-25 수정 */
.modal_setup .board_head .tit {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.6rem; color:#212121; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.modal_setup .board_head .tit:before {display:inline-block; margin-right:0.5rem; content:'';}
.modal_setup .board_head .tit span {display:inline-block; margin-left:2rem; font-size:1.4rem; font-weight:400; color:#212121;}
.modal_setup .board_head .tit.type_basic:before {width:1.9rem; height:1.7rem; background:url('../images/common/ico_poptit_basic.png') no-repeat; background-size:100% 100%;}
.modal_setup .board_form {margin-top:0; padding:3rem; border-top-width:1px;}
.agree_box .agree_inp.agree_flex_box {display:flex; align-items: center; justify-content:space-between;}
.agree_box .agree_inp.agree_flex_box .msg_txt {color:#212121; font-size:1.6rem;}
.modal_setup .board_form .textbook_name {margin-top:1rem; font-size:1.4rem; font-weight:400; color:#577dd0; line-height:1;}
.modal_setup .board_form .textbook_name + .bul {margin-top:1rem;}

.board_info_form {margin-top:1.5rem; padding:0 4rem; border:1px solid #dbdbdb; background-color:#fafafa;}
.board_info_form .form_group {padding:3rem 0;}
.board_info_form .form_group + .form_group {border-top:1px solid #e3e3e3;}
.board_info_form .form_group .form_tit {font-size:1.8rem; font-weight:bold; color:#212121; line-height:1;}
.board_info_form .form_group .form_tit + .form_row {margin-top:2rem;}
.board_info_form .form_row {display:-webkit-box;display:-ms-flexbox;display:flex;}
.board_info_form .form_row + .form_row {margin-top:4rem;}
.board_info_form .form_row dt {width:17rem; padding-top:0.5rem; font-size:1.6rem; color:#000; line-height:1.8rem;}
.board_info_form .form_row dt.line2 {padding-top:0;}
.board_info_form .form_row dd {width:calc(100% - 19rem); margin-left:2rem;}
.board_info_form .form_row dd select {width:23rem;}
.board_info_form .form_row dd select + select {margin-left:0.7rem;}
.board_info_form .form_row dd.has_rdo {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:-1.5rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.board_info_form .form_row dd.has_rdo .rdo_box,
.board_info_form .form_row dd.has_rdo .chk_box {width:calc(100%/3); margin-top:1.5rem;}
.board_info_form .form_row dd.has_rdo .rdo_box + .rdo_box,
.board_info_form .form_row dd.has_rdo .chk_box + .chk_box {margin-left:0;}
.board_info_form .form_row dd.has_rdo .inp_group {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-top:0.8rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.board_info_form .form_row dd.has_rdo .inp_group .chk_box {width:8rem; margin-top:0;}
.board_info_form .form_row dd.has_rdo .inp_group .inp {width:21rem;}
.board_info_form .form_row dd.has_rdo .inp_group .txt_bytes {display:inline-block; margin-left:0.8rem; font-size:1.4rem; font-weight:400; color:#bdbdbd;}  
.board_info_form .form_row dd .expain {margin-top:0.5rem;}
.board_info_form .form_row dd .expain p {font-size:1.4rem; line-height:2.2rem;}
.board_info_form .form_row dd .expain .txt_has_feel {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.board_info_form .form_row dd .expain .txt_has_feel:before {display:inline-block; width:1.4rem; height:1.4rem; margin:0.4rem 0.4rem 0 0; background:url('../images/common/ico_exclamation03.png') no-repeat; background-size:100%; content:'';}
.board_info_form .form_row dd .expain .txt_has_feel .text_link {display:inline-block; margin-left:1rem;}
.board_info_form .form_row dd .info_kakaoChannel img {width:100%; max-width:30rem;}
.info_sec .last_modify {font-size:1.4rem; color:#577dd0; text-align:right; line-height:2.4rem;}

.board_info_form .form_group.form_group_type02 {border-top:0;}/* 2024-08-19 수정 | CR6/UI-HSC-HSP-CR-1121_20221026.htm  */
.board_info_form .form_group .chk_box input[type="checkbox"]:disabled + label:before {background:#ececec; border-color:#dcdcdc;}/* 2024-08-19 수정 | CR6/UI-HSC-HSP-CR-1121_20221026.htm */

/* 학습계획표 - 등록 */
.learning_schedule .title_wrap3 {margin-top:3rem;}
.learning_schedule .title_wrap3 dl {display:flex;}
.learning_schedule .title_wrap3 dl dt {display:flex; justify-content:center; align-items:center; padding-right:0.7rem;}
.learning_schedule .title_wrap3 dl dt span {display:block; width:0.5rem; height:0.5rem; border-radius:100%;}
.learning_schedule .title_wrap3 dl dt .point_blue {background-color:#4079CD;}
.learning_schedule .title_wrap3 dl dt .point_red {background-color:#EB5C5C;}
.learning_schedule .title_wrap3 dl dd {text-align:left; font-weight:400; font-size:1.6rem; color:#000; padding-right:2rem;}
.learning_schedule .title_wrap3 dl dd:last-child {padding-right:0;}

.learning_schedule .regist_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; margin:-1rem;}
.learning_schedule .regist_wrap > div {width:50%; padding:1rem;}
.learning_calendar .ui-datepicker {width:100%; max-width:100%; height:34rem; padding:1.5rem 3rem;}
.learning_calendar .ui-datepicker-header {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%; height:5rem; padding:0;}
.learning_calendar .ui-datepicker-title {padding:0; font-weight:bold; font-size:2.4rem; color:#000000;}
.learning_calendar .ui-datepicker-calendar {margin:0 -2rem; width:calc(100% + 4rem)}
/* .learning_calendar .ui-datepicker-calendar tr {border:1px solid transparent;} */
.learning_calendar .ui-datepicker-calendar tr {-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.learning_calendar .ui-datepicker-calendar tr:hover {background-color:#eff4ff;}
.learning_calendar .ui-datepicker-calendar tr.on {background-color:#eff4ff;}
.learning_calendar .ui-datepicker-calendar th,
.learning_calendar .ui-datepicker-calendar td {height:3.1rem; font-size:1.6rem;}
.learning_calendar .ui-datepicker-calendar td.blue-d a,
.learning_calendar .ui-datepicker-calendar td.red-d a,
.learning_calendar .ui-datepicker-calendar td.double-d a {position: relative;}
.learning_calendar .ui-datepicker-calendar td.blue-d a::after {content: ""; position:absolute; top:0.5rem; right:20%; width:0.4rem; height:0.4rem; background-color:#4079CD; border-radius:100%;}
.learning_calendar .ui-datepicker-calendar td.red-d a::after {content: ""; position:absolute; top:0.5rem; right:20%; width:0.4rem; height:0.4rem; background-color:#EB5C5C; border-radius:100%;}
.learning_calendar .ui-datepicker-calendar td.double-d a::before {content: ""; position:absolute; top:0.5rem; right:20%; width:0.4rem; height:0.4rem; background-color:#4079CD; border-radius:100%;}
.learning_calendar .ui-datepicker-calendar td.double-d a::after {content: ""; position:absolute; top:0.5rem; right:0%; width:0.4rem; height:0.4rem; background-color:#EB5C5C; border-radius:100%;}
.learning_calendar .ui-datepicker-calendar td.blue-d a.ui-state-active::after {background-color:#fff;}
.learning_calendar .ui-datepicker-calendar td.double-d a.ui-state-active::before {background-color:#fff;}
.learning_calendar .ui-datepicker-calendar .ui-state-default {display:inline-block; width:3.5rem; height:3.5rem; padding:0; text-align:center; line-height: 3.5rem; font-size:1.6rem; font-weight:400; border-radius:50%; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.learning_calendar .ui-datepicker-calendar .ui-state-hover {border-radius:50%; background-color:rgba(87, 125, 208, 0.25);}
.learning_calendar .ui-datepicker-calendar .ui-state-active {border-radius:50%; background-color:#577dd0; color:#fff; font-weight:500;}
.learning_calendar .ui-datepicker-calendar .ui-datepicker-on .ui-state-default {cursor:pointer;}
.learning_calendar .ui-datepicker-calendar .ui-datepicker-on .ui-state-default::before {content:''; display:block; position:absolute; top:100%; left:50%; margin:-0.3rem 0 0 -0.3rem; width:0.5rem; height:0.5rem; border-radius:50%; background-color:#75a6ea;}
.learning_calendar .ui-datepicker-calendar .ui-datepicker-on .ui-state-active::before {background-color:#eff4ff;}
.learning_calendar .ui-datepicker-calendar .ui-datepicker-on .ui-state-disabled .ui-state-default::before {display:none;}
.learning_form .board_form {margin:0 0 1rem 0;}
.learning_form .board_form dl {margin-bottom:0;}
.learning_form .board_form textarea {height:13rem;}
.learning_form [class^='btn_XL_col'] {margin:0;}

/* 학습계획표 - 주간계획표 2021-04-14 수정 */
.weekly_date {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.weekly_date p {margin:0 5rem; font-weight:bold; color:#212121; font-size:2.4rem; line-height:1;}
.weekly_date .btn_weekly {width:2.5rem; height:2.5rem;}
.weekly_date .btn_weekly span {display:block; width:100%; height:100%; overflow:hidden; border:1px solid #cccccc; background:url(../images/common/ico_weekly_prev.png) no-repeat center center / 0.4rem 0.7rem; text-indent:-9999px;}
.weekly_date .btn_weekly.next span {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.weekly_date .btn_weekly.ov span {background-image:url('../images/common/ico_weekly_prev_ov.png'); border-color:#686868;}
.weekly_dates_slide {width:18.6rem; margin:0 auto; padding:0 4rem;}
.weekly_dates_slide .slick-list {position:relative; z-index:10; }
.weekly_dates_slide .slide_item {float:left; display:inline-block; width:100%; height:3rem; font-weight:bold; color:#212121; font-size:2.4rem; margin:0; line-height:1; text-align:center;}
.weekly_dates_slide .slick-next,
.weekly_dates_slide .slick-prev {display:block; position:absolute; right:0rem; top:.2rem; z-index:11; width:2.5rem; height:2.5rem; border:1px solid #686868; background:#fff; overflow:hidden; text-indent:-9999px;}
.weekly_dates_slide .slick-next::after,
.weekly_dates_slide .slick-prev::after {content:''; position:absolute; left:50%; top:50%; margin:-1rem 0 0 -0.5rem;  display:block; width:1.2rem; height:2.2rem; background:url(../images/common/ico_weekly_prev_ov.png) no-repeat center center / 0.4rem 0.7rem;}
.weekly_dates_slide .slick-next::after {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
.weekly_dates_slide .slick-prev {right:auto; left:0; }
.weekly_dates_slide .slick-disabled::after {background-image:url('../images/common/ico_weekly_prev.png'); border-color:#ccc; pointer-events:none;}

/* 학습계획표 - 주간달력 */
.weekly_plan .table_scroll {overflow:hidden;}
.weekly_plan table {table-layout:fixed;}
.weekly_plan table th:first-child {width:6rem;}
.weekly_plan tbody th {background-color:#fafafa; width:6rem;}
.weekly_plan tbody td {text-align:left; padding:0 2rem; height:30rem;}/* 2021-04-18 수정 */
.weekly_plan .weekly_day {line-height:1;}
.weekly_plan .weekly_day strong {display:block; text-align:center; font-weight:bold; color:#000000; font-size:2.2rem;}
.weekly_plan .weekly_day em {display:block; margin-top:0.3rem; text-align:center; color:#919191; font-size:1.4rem; font-weight:400;}
.weekly_plan .weekly_items {position:relative; width:100%;}
.weekly_plan .weekly_slide {display:flex; width:calc(100% + 3rem); margin:0 -1.5rem;}
.weekly_plan .weekly_slide .slick-track {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%;}
.weekly_plan .weekly_slide .slide_item {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-flex:0; -ms-flex:none; flex:none; width:20%; height:30rem; padding:2rem 1.5rem;}/* 2021-04-18 수정 */
.weekly_plan .weekly_slide .slide_item .chk_box2 {-webkit-box-flex:0;-ms-flex:none;flex:none; height:11rem;}
.weekly_plan .weekly_slide .slide_item .chk_box2 label {color:#212121; font-weight:400;}
.weekly_plan .weekly_slide .slide_item .chk_box2 input:checked + label {text-decoration:line-through;}
.weekly_plan .weekly_slide .slide_item .cont {-webkit-box-flex:0;-ms-flex:none;flex:none; margin-top:1rem; margin-bottom:1.2rem; color:#666666; line-height:2rem; height:10rem; overflow-y:auto; font-weight:400;}
.weekly_plan .weekly_slide .slide_item .util {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-top:auto;}
.weekly_plan .weekly_slide .slide_item .util .btn_modify {padding:1rem;}
.weekly_plan .weekly_slide .slide_item .util .btn_remove {padding:1.4rem 1rem; margin-left:1rem;}
.weekly_plan .slick-prev,
.weekly_plan .slick-next,
.weekly_plan .slick-pageing {display:none; z-index:10;}
.weekly_plan .slick-dots {display:none; position:absolute; left:50%; bottom:0.6rem; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.weekly_plan .slick-dots li {-webkit-box-flex:0;-ms-flex:none;flex:none; margin:0 0.4rem;}
.weekly_plan .slick-dots li button {width:1.6rem; height:1.6rem; border-radius:1rem; background:#ddd; overflow: hidden; text-indent:-999px; -webkit-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.weekly_plan .slick-dots li.slick-active button {width:3.6rem; background-color:#999;}

/* 학습계획표 - 주간달력 신규 2024-10-14 */
.monthDunya {height:100%; margin-top:-1rem;}

.monthDunya_head {position:relative; display:flex; align-items:center; justify-content:center; padding:2.5rem 0 1.8rem 0; background:#EAF7FF url('../images/banner/monthDunya_head_bg.png') no-repeat center bottom; border-bottom:1px solid #4079CD;}
.monthDunya_head dl {width:100%; max-width:19rem; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.monthDunya_head dl dt {position:relative; width:100%; text-align:center; font-weight:700; font-size:2.6rem; color:#212121; line-height:1; padding-bottom:1.8rem;}
.monthDunya_head dl dt span {width:100%; color:#E24B4B;}
.monthDunya_head dl dt:before {content:''; display:inline-block; width:2rem; height:2rem; margin-right:1rem; background: url('../images/common/icon_monthDunya_head.svg') no-repeat center center; background-size:100%;}

.monthDunya_head dl dd {width:100%; display:flex; justify-content:space-between; align-items:center;}
.monthDunya_head dl dd span {display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700; font-size:2rem; color:#000;}
.monthDunya_head dl dd a {display:block; width:3.2rem; height:3.2rem; background: url('../images/common/arrow_monthDunya.svg') no-repeat center center; background-size:100%;}
.monthDunya_head dl dd a.btn_right {transform: rotate(-180deg);}
.monthDunya_head dl dd a.end {opacity:0.4; cursor:default;}
.monthDunya_head .date {position:absolute; right:2.5rem; bottom:2rem; font-weight:400; font-size:1.4rem; color:#7A7A7A;}    

.monthDunya_week {display:flex; justify-content:start; align-items:start; width:100%; height:100%; margin-bottom:10rem;}
.monthDunya_week .tab_menu {position:relative; display:flex; flex-direction:column; width:100%;}
.monthDunya_week .tab_menu li {display:flex; justify-content:start; align-items:center; width:100%; background-color:#fff; }
.monthDunya_week .tab_menu li:nth-child(1) dl {top:0;}
.monthDunya_week .tab_menu li:nth-child(2) dl {top:10rem;}
.monthDunya_week .tab_menu li:nth-child(3) dl {top:20rem;}
.monthDunya_week .tab_menu li:nth-child(4) dl {top:30rem;}
.monthDunya_week .tab_menu li:nth-child(5) dl {top:40rem;}
.monthDunya_week .tab_menu li:nth-child(6) dl {top:50rem;}
.monthDunya_week .tab_menu li:nth-child(7) dl {top:60rem;}
.monthDunya_week .tab_menu li:nth-child(8) dl {top:70rem;}
.monthDunya_week .tab_menu li:nth-child(9) dl {top:80rem;}
.monthDunya_week .tab_menu li:nth-child(10) dl {top:90rem;}
.monthDunya_week .tab_menu li:nth-child(11) dl {top:100rem;}
.monthDunya_week .tab_menu li dl {position:absolute; top:0; left:0; width:21.92%; height:10rem; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #E7EAEE; border-top:0; background-color:#fff; cursor:pointer;}
.monthDunya_week .tab_menu li dl dt {width:100%; text-align:center; font-weight:400; font-size:1.8rem; color:#7A7A7A; padding-bottom:0.5rem;}
.monthDunya_week .tab_menu li dl dt::before {content:''; display:inline-block; width:1.6rem; height:1.7rem; margin-right:0.5rem; background: url('../images/common/icon_week_off.svg') no-repeat center center; background-size:100%;}
.monthDunya_week .tab_menu li dl dd {width:100%; text-align:center; font-size:1.4rem; color:#7A7A7A;}

.monthDunya_week .tab_menu li .monthCon {display:none;}

.monthDunya_week .tab_menu li.active dl {border-right:0; background-color:#FAFBFC;}
.monthDunya_week .tab_menu li.active dl dt {font-weight:700; color:#0A1950;}
.monthDunya_week .tab_menu li.active dl dt::before {background: url('../images/common/icon_week_on.svg') no-repeat center center; background-size:100%;}

.monthDunya_week .tab_menu li.active .monthCon {display:table; width:78.125%; /*min-height:50rem;*/ height:100%; padding:3rem 5rem 3rem 5rem; margin-left:21.870%; background-color:#FAFBFC; border:1px solid #E7EAEE; border-top:0;}
.monthDunya_week .tab_menu.st1 li.active .monthCon {min-height:10rem;}
.monthDunya_week .tab_menu.st2 li.active .monthCon {min-height:20rem;}
.monthDunya_week .tab_menu.st3 li.active .monthCon {min-height:30rem;}
.monthDunya_week .tab_menu.st4 li.active .monthCon {min-height:40rem;}
.monthDunya_week .tab_menu.st5 li.active .monthCon {min-height:50rem;}
.monthDunya_week .tab_menu.st6 li.active .monthCon {min-height:60rem;}

.monthDunya_week .tab_menu li.active .monthCon .day_box {display:flex; padding:2rem 0; border-bottom:1px solid #C0D1E2;}
.monthDunya_week .tab_menu li.active .monthCon .day_box:last-child {border-bottom:0;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .day {width:12%; text-align:left; font-weight:400; font-size:1.6rem; color:#8D8D8D; padding:2.3rem 0 0 2rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .day > strong {font-weight:700; color:#000;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list {width:88%; display:flex; flex-direction:column;}

.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box {width:100%; display:flex; align-items:center; justify-content:start; padding:2rem 0; border-bottom:1px solid #E7EAEE;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box:last-child {border-bottom:0;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title {position:relative; width:100%; display:flex; justify-content:space-between; align-items:center; padding-left:7rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title > span {position:absolute; left:0; display:inline-block;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title > a {width:100%; max-width:75%; text-align:left; font-weight:400; font-size:1.6rem; color:#212121; line-height:1.3; margin:-0.2rem 1rem 0 0; word-break:keep-all;}

.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area {display:flex; align-items:center;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items {display:flex; align-items:center;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items + .flag_items {margin-left:3rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items .flag_tit {margin-right:1.5rem; font-size:1.4rem; font-weight:400; color:#424242;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items [class^='btn_flag'] {width:5rem; height:2.2rem; padding-bottom:2px; font-size:1.4rem; font-weight:400; border-radius:2rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items [class^='btn_flag'] + [class^='btn_flag'] {margin-left:0.5rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items > a {margin-right:0.5rem;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items .btn_flag3 {color:#173c71; border:1px solid #173c71;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items .btn_flag2 {color:#a0ce60; border:1px solid #a0ce60;}
.monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items .btn_flag1 {color:#f57d24; border:1px solid #f57d24;}

.monthDunya_week .tab_menu.st1 li.active .monthCon .day_box.open_soon,
.monthDunya_week .tab_menu.st2 li.active .monthCon .day_box.open_soon,
.monthDunya_week .tab_menu.st3 li.active .monthCon .day_box.open_soon,
.monthDunya_week .tab_menu.st4 li.active .monthCon .day_box.open_soon,
.monthDunya_week .tab_menu.st5 li.active .monthCon .day_box.open_soon,
.monthDunya_week .tab_menu.st6 li.active .monthCon .day_box.open_soon {display:table-cell; height:100%; vertical-align:middle;}
.monthDunya_week .tab_menu li.active .monthCon .day_box.open_soon span {position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; font-weight:400; font-size:1.6rem; color:#8D8D8D; line-height:1.2;}
.monthDunya_week .tab_menu li.active .monthCon .day_box.open_soon span:before {content:''; display:block; width:12.8rem; height:13rem; margin-bottom:1rem; background: url('../images/banner/monthDunya_open_soon.png') no-repeat center center; background-size:100%;}

@media screen and (max-width: 1023px) { 
    .monthDunya_head {padding:6rem 0 9rem 0; border-bottom:0; background:none;}
    .monthDunya_head dl {max-width:26rem;}
    .monthDunya_head dl dt {font-size:3.4rem; margin-bottom:1rem;}
    .monthDunya_head dl dt span {color:#000;}
    .monthDunya_head dl dt:before {content:none;}
    
    .monthDunya_head dl dd span {font-size:2.9rem;}
    .monthDunya_head dl dd a {width:4.5rem; height:4.5rem;}
    .monthDunya_head .date {width:100%; text-align:center; right:0; bottom:3.5rem; font-size:2.4rem;}    

    .monthDunya_week .tab_menu li {flex-direction:column; border-top:1px solid #E7EAEE;}
    .monthDunya_week .tab_menu li:nth-child(1) dl,
    .monthDunya_week .tab_menu li:nth-child(2) dl,
    .monthDunya_week .tab_menu li:nth-child(3) dl,
    .monthDunya_week .tab_menu li:nth-child(4) dl,
    .monthDunya_week .tab_menu li:nth-child(5) dl,
    .monthDunya_week .tab_menu li:nth-child(6) dl,
    .monthDunya_week .tab_menu li:nth-child(7) dl,
    .monthDunya_week .tab_menu li:nth-child(8) dl,
    .monthDunya_week .tab_menu li:nth-child(9) dl,
    .monthDunya_week .tab_menu li:nth-child(10) dl,
    .monthDunya_week .tab_menu li:nth-child(11) dl {top:0;}
    .monthDunya_week .tab_menu li:last-child {border-bottom:1px solid #E7EAEE;}
    
    .monthDunya_week .tab_menu li dl {position:relative; width:100%; border-left:0; border-right:0; border-bottom:0;}
    .monthDunya_week .tab_menu li dl dt {font-size:2.6rem; padding-bottom:1.5rem;}
    .monthDunya_week .tab_menu li dl dt::before {width:2rem; height:2.1rem; margin-right:1rem;}
    .monthDunya_week .tab_menu li dl dd {font-size:2.2rem;}
    .monthDunya_week .tab_menu li dl dd:after {content:''; position:absolute; right:3rem; top:45%; width:2rem; height:1.5rem; background: url('../images/common/arrow_monthDunya_updown.svg') no-repeat center center; background-size:100%;}

    .monthDunya_week .tab_menu li.active {border-top:1px solid #4079CD; border-left:0; border-right:0; border-bottom:0;}
    .monthDunya_week .tab_menu li.active + li {border-top:1px solid #4079CD;}
    .monthDunya_week .tab_menu li.active:last-child {border-bottom:1px solid #4079CD;}
    .monthDunya_week .tab_menu li.active dl {border-bottom:0; margin-bottom:-5rem;}
    .monthDunya_week .tab_menu li.active dl dt::before {width:2rem; height:2.1rem;}
    .monthDunya_week .tab_menu li.active dl dd:after {display:none;/*transform: rotate(-180deg);*/}

    .monthDunya_week .tab_menu li.active .monthCon {width:100%; min-height:30rem; height:100%; padding:3rem 2rem 3rem 2rem; margin-left:0%; border-bottom:0 !important;}
    .monthDunya_week .tab_menu.st1 li.active .monthCon,
    .monthDunya_week .tab_menu.st2 li.active .monthCon,
    .monthDunya_week .tab_menu.st3 li.active .monthCon,
    .monthDunya_week .tab_menu.st4 li.active .monthCon,
    .monthDunya_week .tab_menu.st5 li.active .monthCon,
    .monthDunya_week .tab_menu.st6 li.active .monthCon {min-height:30rem;}

    .monthDunya_week .tab_menu li.active .monthCon .day_box {flex-direction:column; padding:6rem 0 3rem 0; border-bottom:1px solid #C0D1E2;}

    .monthDunya_week .tab_menu li.active .monthCon .day_box .day {width:100%; text-align:center; font-size:2.6rem; padding:2.5rem 0 3rem 2rem;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list {width:100%; display:flex; flex-direction:column; padding:0 3rem; border:1px solid #E7EAEE; border-radius:0.5rem;}

    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box {flex-direction:column; align-items:start; justify-content:start; padding:5rem 0 4rem 0;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title {display:block; padding-left:11rem;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title > a {display:inline-block; width:auto; max-width:100%; font-size:2.4rem; margin:0 1rem 1.5rem 0; word-break:break-all;}

    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area {display:inline-block;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items .flag_tit {margin-right:1.5rem; font-size:2.4rem;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items [class^='btn_flag'] {width:8rem; height:3.4rem; font-size:2.2rem;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items [class^='btn_flag'] + [class^='btn_flag'] {margin-left:0.5rem;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box .list .list_box .title .flag_area .flag_items > a {margin-right:1.5rem;}

    .monthDunya_week .tab_menu li.active .monthCon .day_box.open_soon span {font-size:2.4rem; line-height:1.4;}
    .monthDunya_week .tab_menu li.active .monthCon .day_box.open_soon span:before {width:15rem; height:15rem; margin-bottom:2rem;}
}

/* 듀냐학습관리 - 주간학습계획표 */
.duna_content .btn_XL_col2 {background-color:#ff5b5b; border-color:transparent;}
.dunaPlan_wrap .board_head {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}
.weekly_plan2 {display:-webkit-box;display:-ms-flexbox;display:flex; overflow:hidden; width:100%; border-top:1px solid #000;}
.weekly_plan2 .weekly_group {-webkit-box-flex:0;-ms-flex:none;flex:none; width:50%;}
.weekly_plan2 .table_scroll {overflow:hidden;}
.weekly_plan2 .thead {display:-webkit-box;display:-ms-flexbox;display:flex; height:6rem; font-size:1.6rem; font-weight:500; border-bottom:1px solid #e4e4e4;}
.weekly_plan2 .tr {position:relative; z-index:10; border-bottom:1px solid #e4e4e4;}
.weekly_plan2 .th {position:relative; z-index:11; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:6rem; height:100%;}
.weekly_plan2 .td {position:relative; z-index:11; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:calc(100% - 6rem); height:100%; text-align:left;}
.weekly_plan2 .tbody .tr {display:-webkit-box;display:-ms-flexbox;display:flex; height:24rem;}
.weekly_plan2 .tbody .th {background:#fafafa;}
.weekly_plan2 .weekly_day {line-height:1;}
.weekly_plan2 .weekly_day strong {display:block; text-align:center; font-weight:900; color:#000000; font-size:2.2rem;}
.weekly_plan2 .weekly_day em {display:block; margin-top:0.3rem; text-align:center; color:#919191; font-size:1.4rem; font-weight:400;}
.weekly_plan2 .weekly_cont {width:100%; padding:1.6rem; height:100%;}
.weekly_plan2 .weekly_cont ul {padding:0.2rem 0.3rem;}
.weekly_plan2 .weekly_cont li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.weekly_plan2 .weekly_cont li + li {margin-top:2rem;}
.weekly_plan2 .weekly_cont li .rdo_box3 {display:-webkit-box;display:-ms-flexbox;display:flex; max-width:calc(100% - 5rem); -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.weekly_plan2 .weekly_cont li .rdo_box3 input[type="radio"] {-webkit-box-flex:0;-ms-flex:none;flex:none; background-image:url(../images/common/ico_inp_rdo03_pink.png);}
.weekly_plan2 .weekly_cont li .rdo_box3 label {display:block; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; margin-left:0.8rem;}
.weekly_plan2 .weekly_cont li .rdo_box3 input:checked + label {text-decoration:line-through;}
/* 2021-04-18 수정 */
.weekly_plan2 .weekly_cont li .chk_box2 {display:-webkit-box;display:-ms-flexbox;display:flex; max-width:calc(100% - 5rem); -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.weekly_plan2 .weekly_cont li .chk_box2 input[type="checkbox"] {-webkit-box-flex:0;-ms-flex:none;flex:none; background-image:url(../images/common/ico_inp_rdo03_pink.png);}
.weekly_plan2 .weekly_cont li .chk_box2 label {display:block; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; margin-left:0.8rem;}
.weekly_plan2 .weekly_cont li .chk_box2 input:checked + label {text-decoration:line-through;}

.weekly_plan2 .weekly_cont .btn_modify3 {margin-top:0.4rem; margin-left:0.6rem;}
.weekly_plan2 .weekly_cont .btn_del4 {margin-top:0.4rem; margin-left:auto;}
.weekly_plan2 .tr.today {z-index:11; border-bottom-color:transparent;}
.weekly_plan2 .tr.today .th {background-color:#ff5b5b; color:#fff;}
.weekly_plan2 .tr.today::after {content:''; display:block; position:absolute; left:0; top:-1px; z-index:10; height:calc(100% + 2px); width:100%; border:2px solid #ff5b5b; -webkit-box-sizing:border-box; box-sizing:border-box; background:#fff9fa;}
.weekly_plan2 .tr.today .weekly_day strong {color:#fff;}
.weekly_plan2 .tr.today .weekly_day em {color:#fff;}

/* 듀냐학습관리 - 주간학습계획표 신규 2024-10-14 */
.monthDunya_search {width:100%; margin-top:2rem; padding:2.8rem 3rem; background-color:#FAFAFA;}
.monthDunya_search dl {display:flex;}
.monthDunya_search dl dt {display:flex; justify-content:start; align-items:center; width:8rem; text-align:left; font-weight:400; font-size:2.2rem; color:#000;}
.monthDunya_search dl dd {width:90%;}
.monthDunya_search dl dd .chk_box input[type="checkbox"] {cursor:pointer;}
.monthDunya_search dl dd .chk_box:first-child {margin-right:3rem;}

.weekly_plan {border-top:1px solid #000;}
.weekly_plan .weeklyStudy_head {display:flex; width:100%; border-bottom:1px solid #E4E4E4;}
.weekly_plan .weeklyStudy_head dt {width:12%;}
.weekly_plan .weeklyStudy_head dd {width:88%;}
.weekly_plan .weeklyStudy_head dt,
.weekly_plan .weeklyStudy_head dd {display:flex; justify-content:center; align-items:center; height:6rem; padding:2rem 1.5rem; font-weight:700; font-size:1.6rem; color:#000;}

.weekly_plan .weeklyStudy_body .item_day {display:flex; width:100%;}
.weekly_plan .weeklyStudy_body .item_day dt {width:12%; display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:400; font-size:1.4rem; color:#919191; background-color:#FAFAFA; border-bottom:1px solid #E4E4E4;}

.weekly_plan .weeklyStudy_body .item_day dt strong {display:block; font-weight:700; font-size:2.2rem; color:#000; padding-bottom:1rem;}
.weekly_plan .weeklyStudy_body .item_day dd {width:88%; padding:2rem 2rem 0 2rem; border-bottom:1px solid #E4E4E4;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box {width:100%; padding:2rem; margin-bottom:1rem; border-radius:0.8rem; border: 1px solid #E7EAEE;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box:last-child {margin-bottom:0;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title {position:relative; display:flex; align-items:center; justify-content:space-between; padding-left:7rem;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title > span {position:absolute; left:0; display:inline-block;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title > a {width:100%; max-width:75%; text-align:left; font-weight:400; font-size:1.6rem; color:#212121; line-height:1.3; margin:-0.2rem 1rem 0 0; white-space:normal; word-break:keep-all;}

.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area {display:flex; align-items:center;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items {display:flex; align-items:center;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items + .flag_items {margin-left:3rem;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items .flag_tit {margin-right:1.5rem; font-size:1.4rem; font-weight:400; color:#424242;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items [class^='btn_flag'] {width:5rem; height:2.2rem; padding-bottom:2px; font-size:1.4rem; font-weight:400; border-radius:2rem;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items [class^='btn_flag'] + [class^='btn_flag'] {margin-left:0.5rem;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items > a {margin-right:0.5rem;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items .btn_flag3 {color:#173c71; border:1px solid #173c71;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items .btn_flag2 {color:#a0ce60; border:1px solid #a0ce60;}
.weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items .btn_flag1 {color:#f57d24; border:1px solid #f57d24;}

.weekly_plan .weeklyStudy_body .item_day dd .day_plan {width:100%; display:flex; flex-direction:column;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item {width:100%; display:flex; justify-content:space-between; align-items:center; padding:2rem 1.5rem; border-bottom:1px dashed #E4E4E4;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item:last-child {border-bottom:0;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item .chk_box2 {width:100%; max-width:90%; display:flex; justify-content:start; align-items:center; white-space:normal;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item .chk_box2 input[type="checkbox"] {min-width:3rem; cursor:pointer;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item .chk_box2 label {width:100%; line-height:1.3; cursor:pointer;}
.weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item .chk_box2 input:checked + label {text-decoration:line-through; color:#999;}
.weekly_plan .weeklyStudy_body .item_day dd.no_data {display:flex; justify-content:start; align-items:center; font-weight:400; font-size:1.6rem; color:#666; padding:4.2rem 0 4.2rem 3.5rem; background-color:#FAFAFA;}

@media screen and (max-width: 1023px) { 
    .monthDunya_search {margin-top:3rem; padding:3rem;}
    .monthDunya_search dl dt {font-size:2.6rem;}
    .monthDunya_search dl dd {width:90%;}

    .weekly_plan .weeklyStudy_body .item_day {flex-direction:column;}
    .weekly_plan .weeklyStudy_body .item_day dt {width:100%; font-size:2.4rem; padding:6rem 0 5rem 0;}
    .weekly_plan .weeklyStudy_body .item_day dt strong {font-size:3.6rem; padding-bottom:2rem;}
    .weekly_plan .weeklyStudy_body .item_day dd {width:100%; padding:2rem 0;}

    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box {flex-direction:column; align-items:start; justify-content:start; padding:4rem 2rem;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title {width:100%; display:block; padding-left:11rem;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title > a {display:inline-block; width:auto; max-width:100%; font-size:2.4rem; margin:0 1rem 1.5rem 0; word-break:break-all;}

    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area {display:inline-block;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items .flag_tit {margin-right:1.5rem; font-size:2.4rem;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items [class^='btn_flag'] {width:8rem; height:3.4rem; font-size:2.2rem;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items [class^='btn_flag'] + [class^='btn_flag'] {margin-left:0.5rem;}
    .weekly_plan .weeklyStudy_body .item_day dd .dunya_event .list_box .title .flag_area .flag_items > a {margin-right:1.5rem;}    
    .weekly_plan .weeklyStudy_body .item_day dd .day_plan .plan_item .chk_box2 input[type="checkbox"] {min-width:5rem;}
    .weekly_plan .weeklyStudy_body .item_day dd.no_data {justify-content:center; font-size:2.6rem; padding:0 0 4.2rem 0; margin-top:-10px;}
}

/* 듀냐학습관리 - 출석현황 */
.dunaAttend_wrap .board_head {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; padding-bottom:2rem;}
.board_attend {border-top:1px solid #000000;}
.board_attend table {table-layout:fixed;}
.board_attend thead th span {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center; height:5rem; background-color:#f9f9f9; font-size:1.8rem;}
.board_attend tbody td .day {position:relative; height:12rem; padding:2rem; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.board_attend tbody td .day .num {position:absolute; left:2rem; top:2rem; z-index:2; color:#bdbdbd; font-size:1.8rem; font-weight:400;}
.board_attend thead th span,
.board_attend tbody td .day {border:1px solid #e4e4e4; border-width:1px 1px 0 0;}
.board_attend tbody td .day .check {position:relative; z-index:2; display:inline-block; width:6.2rem; height:6.2rem; background:url(../images/common/ico_attend.png) no-repeat 0 bottom / 100% auto;}
.board_attend tbody td .day .check.off {background-position-y:top;}
.board_attend tbody td .day.today .num {color:#ff5b5b; font-weight:500;}
.board_attend tbody td .day.today::after {content:''; display:block; position:absolute; left:-1px; top:-1px; z-index:1; width:calc(100% + 2px); height:calc(100% + 2px); background-color:#fff9fa; border:2px solid #ff5b5b; -webkit-box-sizing:border-box; box-sizing:border-box;}
.board_attend thead th:first-child span,
.board_attend tbody td:first-child .day {border-left:1px solid #e4e4e4;}
.board_attend tbody tr:last-child td {border-bottom:1px solid #e4e4e4;}
.dunaAttend_wrap .attend_action {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.dunaAttend_wrap .attend_action .btn_XXL_col2 {padding:0 7.4rem; background-color:#ff5b5b}
.dunaAttend_wrap .attend_action .bul {margin-left:4rem;}
.dunaAttend_wrap .attend_action .bul > li {font-size:1.6rem;}

/* 듀냐학습관리 - 학습계획표 */
.duna_sec.goalMgmt {margin-bottom:2rem;}/* 2021-04-14 수정 */
.plan_mgmt {display:-webkit-box;display:-ms-flexbox;display:flex; border:1px solid #e0e0e0;}
.plan_mgmt .date_area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:23.5rem; -webkit-box-flex:0; -ms-flex:none; flex:none; border-right:1px solid #e0e0e0;}
.plan_mgmt .date_area p {font-size:3rem; font-weight:700; color:#000000; line-height:1;}
.plan_mgmt .plan_area {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; padding:2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}/* 2021-04-23 수정 */
.plan_mgmt .plan_area h5 {-webkit-box-flex:0;-ms-flex:none;flex:none; font-size:1.6rem; font-weight:500; margin-right:2rem; line-height:1;}
.plan_mgmt .plan_area .btn_L_col7 {margin-left:auto; margin-right:0; margin-left:1rem;}
.plan_mgmt .plan_area input {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; height:4rem;}
.plan_mgmt .plan_area .msg {display: inline-grid; -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; font-size:2rem; line-height:1.5; overflow:hidden; -webkit-box-sizing:border-box; box-sizing:border-box; letter-spacing:-.5px;}/* 2021-04-21 수정 */
.plan_mgmt .plan_area .msg p {position:relative; display:inline-block; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/ max-width:100%; font-weight:bold;}/* 2021-04-23 수정 */
.plan_mgmt .plan_area .msg p em {position:relative; z-index:2; background: -webkit-gradient(linear, left bottom, left top, color-stop(1rem, rgba(255,226,228,1)), color-stop(1rem, rgba(255,255,255,0))); background: -webkit-linear-gradient(bottom, rgba(255,226,228,1) 1rem, rgba(255,255,255,0) 1rem); background: -o-linear-gradient(bottom, rgba(255,226,228,1) 1rem, rgba(255,255,255,0) 1rem); background: linear-gradient(0deg, rgba(255,226,228,1) 1rem, rgba(255,255,255,0) 1rem);}
/* .plan_mgmt .plan_area .msg p::before {content:''; display:block; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:1rem; background-color:rgb(255,226,228);} */

/* 듀냐학습관리 - 듀냐상점 */
.duna_sec.store {margin-top:4rem;}
.duna_sec.store .title_wrap {margin-bottom:4rem; padding-bottom:2rem; border-bottom:1px solid #e5e5e5;}
.duna_store_wrap::after {content:''; display:block; margin:0 2rem; height:1rem; background-color:#d1adad;}
.duna_store_wrap .store_head {position:relative; }
.duna_store_wrap .store_head .store_state {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 3.6rem; padding:2.6rem 4rem 2.6rem 6rem; border-top:0.4rem solid #cb9797; border-bottom:0.8rem solid #000; background:#f0d9d9;;}
.duna_store_wrap .store_head .store_state h4 {padding:0; margin:0; width:18.5rem; height:3.6rem; background:url(../images/my_class/tit_duna_store.png) no-repeat 0 0 / 100% auto;}
.duna_store_wrap .store_head .store_state ul {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-box; display:-ms-flexbox; display:flex;}
.duna_store_wrap .store_head .store_state ul li + li {margin-left:0.5rem;}
.duna_store_wrap .store_head .store_state ul li {padding:1.6rem 3rem; text-align:right; background:#f9ecec; line-height:1;}
.duna_store_wrap .store_head .store_state ul li .tit {display:block; font-size:1.8rem;}
.duna_store_wrap .store_head .store_state ul li .count {display:block; margin-top:1.2rem; font-size:2rem;}
.duna_store_wrap .store_head .store_state ul li .count strong {font-size:3rem; color:#ff5b5b;}
.duna_store_wrap .store_head .store_time {position:relative;}
.duna_store_wrap .store_head .store_time::before {content:''; display:block; border-left:3.6rem solid transparent; border-right:3.6rem solid transparent; border-bottom:7.2rem solid #dc3535;}
.duna_store_wrap .store_head .store_time p {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:4rem; padding:0 3.6rem 0.2rem 3.6rem; background-color:#bd2e2e; color:#fff; font-size:2rem;}
.duna_store_wrap .store_head .store_time p span {font-weight:400;}
.duna_store_wrap .store_head .store_time p span + span {margin-left:4rem;}
.duna_store_wrap .store_head .store_time p em {font-weight:500;}
.duna_store_wrap .store_body {margin:0 3.6rem; border-right:1px solid #c4b5b5; border-left:1px solid #c4b5b5;}
.duna_store_wrap .store_cont {padding:3.2rem 3.5rem; background:#fff9fa; border-top:1.4rem solid #e0d0d1;}
.duna_store_wrap .agreeMsg_box {background-color:transparent; padding:0 0.8rem; margin-top:3rem;}
.duna_store_wrap .agreeMsg_box .bul.bul_dot li {color:#666; padding-left:1.6rem;}
.duna_store_wrap .agreeMsg_box .bul.bul_dot li:before {background-color:#d1adad;}
.duna_store_wrap .agreeMsg_box .bul_red {position:relative;font-weight:400;font-size:1.6rem;color:#ff5b5b;padding:0.5rem 0 0 2.6rem;}
.duna_store_wrap .agreeMsg_box .bul_red:before {content:'※';position:absolute;left:-0.3rem;top:0.6rem;font-weight:400;font-size:1.6rem;color:#ff5b5b;}
.duna_store_wrap + .tab {margin-top:6rem;}
.store_pdt ul {display:-webkit-box;display:-ms-flexbox;display:flex; margin:-1rem;}
.store_pdt ul li {width:25%; padding:1rem;}
.store_pdt ul li .store_item {position:relative;}
.store_pdt ul li .thumb_area {padding:1rem 1.8rem 1rem 1.8rem; border:2px solid #ebcfcf; border-bottom:0; background-color:white;}
.store_pdt ul li .thumb {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; height:16.6rem; overflow:hidden;}
.store_pdt ul li .thumb img {width:100%; max-height:100%;}
.store_pdt ul li .name em {display:block; font-size:1.6rem; font-weight:500; color:#000000; line-height:1.4;}
.store_pdt ul li .name strong {display:block; height:4.4rem; font-size:1.6rem; font-weight:400; color:#666666; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; position:relative; white-space:initial}
.store_pdt ul li .info_area {padding:1.8rem 2rem 1.6rem 2rem; background-color:#6d5a5a;}
.store_pdt ul li .info {margin-left:0.4rem; margin-right:0.4rem; color:white; text-align:center;}
.store_pdt ul li .info span {display:block; font-size:1.6rem; font-weight:400; line-height:1;}
.store_pdt ul li .info span em {font-size:2rem; font-weight:500;}
.store_pdt ul li .info small {display:block; margin-top:0.6rem; font-size:1.4rem; color:#bdbdbd; line-height:1.2;}
.store_pdt ul li .action {margin-left:0.4rem; margin-right:0.4rem; margin-top:1.6rem;}
.store_pdt ul li .action .btn {width:100%; height:5rem; color:#fff; background-color:#ff5b5b; font-size:2rem; font-weight:400; border-radius:0.4rem;}
.store_pdt ul li.soldout .store_item::after {content:'SOLD OUT'; display:-webkit-box; display:-ms-flexbox; display:flex; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:2.6rem; font-weight:900; color:#fff; background-color:rgba(0,0,0,0.5);}
.store_pdt ul li.soldout .info small {color:#fff;}
.store_pdt ul li.soldout .action .btn {background-color:#919191;}
.board_list.type_store1 .tbody {height:6rem;}
.board_list.type_store1 .tbody,
.board_list.type_store1 .tbody .col_left {padding:0;}
.board_list.type_store1 .tbody .mo_t {display:none;}/* 2021-04-14 수정 */
.board_list.type_store2 .tbody {height:6rem;}
.board_list.type_store2 .tbody,
.board_list.type_store2 .tbody .col_left {padding:0;}
.board_list.type_store2 .flag_part4 + p.date {font-size:1.4rem; margin-top:0.4rem; color:#919191;}

/* 수강증발급 팝업 */
.modal_courseCert .board_form {margin-top:0; padding:2rem;}
.modal_courseCert .board_form .input_wrap + .input_wrap {margin-top:1rem;}
.modal_courseCert .board_form .bul_feel {margin-top:1.3rem;}
.modal_courseCert .courseCert {margin-top:1rem;}
.modal_courseCert .courseCert > .btn_wrap {width:auto; margin:0 -0.5rem; margin-top:2rem;}
.modal_courseCert .courseCert > .btn_wrap [class^='btn_L_col'] {width:50%; margin:0 0.5rem;}

/* 수강증발급 미리보기 */
.courseCert_preview > .btn_XL_col1 {width:100%;}
.courseCert_preview .courseCert_body {margin-top:0.5rem; overflow:hidden;} /* height:45rem; */
.courseCert_preview .courseCert_title {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:6rem; padding-left:3.6rem; background-color:#577dd0;}
.courseCert_preview .courseCert_title h5 {color:#fff; font-size:2.4rem; padding-top:0.5rem;}
.courseCert_preview .courseCert_title h5 img {position:relative; top:-0.5rem; height:3.4rem; margin-right:1.2rem;}
.courseCert_preview .courseCert_cont {padding:3rem; border:1px solid #dbdbdb;}
.courseCert_preview .courseCert_cont .table_scroll2 table th {font-size:1.6rem; height:4rem;}/* 2021-04-12 수정 */
.courseCert_preview .courseCert_cont .table_scroll2 table td {height:4rem;}/* 2021-04-12 수정 */
.courseCert_preview .courseCert_cont .table_scroll2:not(.type_basic) table td {color:#000000; font-size:1.8rem; font-weight:500; line-height:2.4rem; height:4rem;}/* 2021-04-12 수정 */
.courseCert_preview .courseCert_cont .table_scroll2.type_row table tbody th {border-right:1px solid #e0e0e0;}
.courseCert_preview .courseCert_cont .table_scroll table th {background-color:#f9f9f9;}
.courseCert_preview .courseCert_cont .table_scroll table th,
.courseCert_preview .courseCert_cont .table_scroll table td {border:1px solid #e0e0e0; height:4rem;}/* 2021-04-12 수정 */
.courseCert_preview .courseCert_cont .course_state .count {color:#577dd0;}
.courseCert_preview .courseCert_cont .course_state small {color:#919191; font-size:1.4rem;}
.courseCert_preview .courseCert_cont .course_comp {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; line-height:2.5rem;}
.courseCert_preview .courseCert_cont .course_comp::before {content:''; display:inline-block; width:2.5rem; height:2.5rem; margin-right:1rem; background:url(../images/common/ico_course_comp.png) no-repeat center center / 100% auto;}
.courseCert_preview .courseCert_cont .course_comp .comp {color:#577dd0; font-weight:500; margin-right:1rem;}
.courseCert_preview .courseCert_cont .course_comp .date {color:#666666; font-size:1.6rem; font-weight:400;}
.courseCert_preview .courseCert_cont .course_list {margin-top:3rem; border-top:1px solid #000;}
.courseCert_preview .courseCert_cont .course_list li {padding:2rem 1rem; border-bottom:1px solid #ececec;}
.courseCert_preview .courseCert_cont .course_list li .subject {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; color:#000000; font-size:1.8rem; font-weight:500; line-height:2.4rem;}
.courseCert_preview .courseCert_cont .course_list li .subject em {width:4rem; -webkit-box-flex:0; -ms-flex:none; flex:none;}
.courseCert_preview .courseCert_cont .course_list li .subject strong {width:calc(100% - 4rem)}
.courseCert_preview .courseCert_cont .course_list li .info {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:0.4rem; padding-left:4rem; color:#919191; font-sizE:1.6rem; font-weight:400; line-height:1;}
.courseCert_preview .courseCert_cont .course_list li .info em {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.courseCert_preview .courseCert_cont .course_list li .info em + em::before {content:'|'; margin:0 1rem; font-size:1rem;}
.courseCert_preview .courseCert_cont .course_note {margin-top:1rem; padding:1rem 2rem; background-color:#fafafa;}
.courseCert_preview .courseCert_cont .course_note dl {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; font-size:1.4rem; line-height:2rem;}
.courseCert_preview .courseCert_cont .course_note dl dt {width:6rem; color:#000000;}
.courseCert_preview .courseCert_cont .course_note dl dd {width:calc(100% - 6rem); color:#919191; font-weight:400; letter-spacing:-0.5px;}
.courseCert_preview .courseCert_cont .course_proof {margin-top:6.8rem; text-align:center; font-family:'궁서체'; font-size:1.8rem;}
.courseCert_preview .courseCert_cont .course_proof .date {margin-top:2.4rem;}
.courseCert_preview .courseCert_cont .course_proof .ebsi {margin:2rem;}
.courseCert_preview .courseCert_cont .course_proof .ebsi img {width:17rem;}
.courseCert_preview .courseCert_cont .table_scroll2 + .table_scroll_wrap {margin:3rem 0;}
.courseCert_preview .courseCert_cont .table_scroll_wrap + .table_scroll_wrap {margin:3rem 0;}
.courseCert_preview .stxt_wrap {width:100%; display:block; margin-bottom:1rem; font-size:1.4rem; line-height:1.4; font-weight:400;}/* 2023-08-08 수정 */
.courseCert_preview .stxt_wrap.txt_r {text-align:right;}/* 2023-08-08 수정 */

/* 2021-04-25 수정 모바일 sns로그인 수정 */
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user {position:relative;}
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user:before {content:''; display:inline-block; vertical-align:middle; width:1.8rem; height:1.8rem; margin:-1px 3px 0 0; background:url('../images/common/ico_login_sns_L.png') no-repeat 0 50%; background-size:auto 1.2rem; border-radius:50%;}
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.naver:before {background-color:#67bb6c; background-position:.3rem .3rem;}
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.facebook:before {background-color:#6081c4; background-position:-1.7rem .3rem;}
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.kakao:before {background-color:#ffd352; background-position:-3.9rem .3rem;}
.courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.apple:before {background-color:#000; background-position:-6rem .3rem;}
/* //2021-04-25 수정 모바일 sns로그인 수정 */

/* 지역,학년정보 설정 */
.modal_areaPartSet.modal .modal_tit {display:block; position:relative; padding-left:10.8rem; line-height:1; padding-top:3.3rem;}
.modal_areaPartSet.modal .modal_tit::before {content:''; display:inline-block; position:absolute; left:0; bottom:0; width:8.8rem; height:8.8rem; background:url(../images/my_class/img_areaPartSet_tit.png) no-repeat center center / 100% auto;}
.modal_areaPartSet.modal .modal_tit .tit {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.6rem; font-weight:400;}
.modal_areaPartSet.modal .modal_tit .tit em {font-weight:500;}
.modal_areaPartSet.modal .modal_tit .msg {position:relative; display:block; margin-top:1rem; font-size:1.8rem; font-weight:400;}
.modal_areaPartSet.modal .modal_tit .msg > span {position:relative; z-index:2; display:block;}
.modal_areaPartSet.modal .modal_tit .msg::after {content:''; position:absolute; left:0; bottom:-0.5rem; display:block; height:1rem; width:100%; background-color:#e3edfb;}
.modal_areaPartSet.modal .modal_tit .msg em {font-weight:500;}
.modal_areaPartSet.modal .modal_foot .btn_XL_col2 {margin:0; width:50%;}

/* 듀냐학습방 - 나의학습현황 */
.duna_sec .title_wrap3 {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; margin-top:4rem; margin-bottom:1rem;}
.duna_sec h4 {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; color:#000; font-weight:500;}
.duna_sec h4 .img_danchoo {margin-right:1rem;}
.duna_sec .tit_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
.duna_sec .tit_wrap h4 {height:2rem; padding:0; line-height: 1.2;}
.duna_sec .tit_wrap .btn_alim {position:relative; padding-top:1rem;}/* 2021-04-20 수정 IE 알림 잘리는 현상으로 수정 */
.duna_sec .tit_wrap .btn_alim .ico_alim {position:static;}/* 2021-04-20 수정 IE 알림 잘리는 현상으로 수정 */
.duna_sec .tit_wrap .btn_alim .ico_alim i {left:1rem; top:0; margin-left:0;}/* 2021-04-20 수정 IE 알림 잘리는 현상으로 수정 */

.duna_sec.status .info_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline;}
.duna_sec.status .info_wrap p {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.duna_sec.status .info_wrap p span {color:#919191; font-size:1.4rem; font-weight:400;}
.duna_sec.status .info_wrap p span + span::before {content:'/'; display:inline-block; margin:0 1rem;}
.duna_sec.status .btn_goal_set {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}
.duna_sec.status .btn_goal_set span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.7rem; color:#ff5b5b; font-weight:500; line-height:1;}
.duna_sec.status .btn_goal_set span::before {content:''; display:inline-block; width:1.8rem; height:1.8rem; margin-right:0.5rem; background:url(../images/common/ico_duna_set.png) no-repeat 0 0 / 100% auto;}
.duna_sec.status + .board_head {margin-top:3rem;}
.duna_sec.status + .dunaPlan_wrap {margin-top:4rem;}
.duna_sec.status + .dunaAttend_wrap {margin-top:4rem;}
.duna_sec.status + .duna_store_wrap {margin-top:4rem;}

.learning_status ul {display:-webkit-box;display:-ms-flexbox;display:flex; border:1px solid #e0e0e0;}
.learning_status li {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:calc(3rem - 2px) 0; background-color:#fafafa; text-align:center; line-height:1; color:#000000; font-weight:400;}
.learning_status li + li {border-left:1px solid #e0e0e0;}
.learning_status li .tit {font-size:1.6rem;}
.learning_status li .tit strong {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; font-size:2rem; font-weight:500;}
.learning_status li .tit strong a {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.learning_status li .tit strong a::after {content:''; display:inline-block; width:0.7rem; height:1.1rem; margin-left:1rem; background:url(../images/common/ico_arrow_status.png) no-repeat center center;}
.learning_status li .count {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; font-size:2rem; margin-top:2rem;}
.learning_status li .count strong {color:#ff5b5b; font-size:4.8rem; font-weight:bold; margin-left:1rem; margin-right:1rem;}
.learning_status li .info {margin-top:2rem; font-size:1.6rem; line-height:3.5rem;}
.learning_status li .info button {height:3.5rem; padding:0 2rem; line-height:3.3rem; border:1px solid #e0e0e0; background:#fff; color:#000000; font-size:1.6rem; border-radius:0.6rem;}
.learning_status li.type1 .tit em {margin-left:0.2rem; color:#ff5b5b; font-size:2rem; font-weight:500;}
.learning_status li.type2 .count .lv {font-size:3rem;}
.learning_status li.type2 .count .eq {font-size:1.6rem;}
.learning_status li.type2 .count .eq em {color:#ff5b5b; font-weight:500; font-size:1.8rem;}
.learning_status li.type2 .info em {color:#ff5b5b; font-weight:500; font-size:1.8rem;}
.learning_status.h_xl li {padding-top:3.5rem; padding-bottom:4rem;}

/* 듀냐학습방 - 나의학습계획 */
.learning_ques {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; margin-top:3rem; margin-bottom:4rem; padding:3rem; border:1px solid #e8e8e8;}
.learning_ques .tit_area {width:100%; margin-bottom:2rem;}
.learning_ques .tit_area h4 {position:relative; display:inline-block; margin:0; padding:0;}
.learning_ques .tit_area h4 span {position:relative; z-index:2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; font-weight:500; font-size:2.2rem; line-height:1;}
.learning_ques .tit_area h4::before {content:''; display:block; position:absolute; z-index:1; height:1rem; left:0; bottom:-0.5rem; background:#ffe2e4; width:100%;}
.learning_ques .ques_area {width:100%;}
.learning_ques .ques_area .txt {font-size:1.6rem; color:#333333; line-height:1.5; font-weight:400;}
.learning_ques .ques_area .tit {font-size:2.0rem; color:#333333; line-height:1.5; font-weight:500;}
.learning_ques .info_area {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:1rem; font-size:1.6rem; font-weight:400;}
.learning_ques .info_area dt {display:-webkit-box;display:-ms-flexbox;display:flex; color:#919191; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.learning_ques .info_area dd {margin-left:1rem; color:#6084d1;}
.learning_ques .info_area dt::before {content:''; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; width:1px; height:1.4rem; background-color:#dbdbdb; margin:0 1.5rem;}
.learning_ques .info_area dt:first-child::before {display:none;}
.learning_ques .btn_area {position:absolute; right:3rem; bottom:3rem;}
.learning_ques .btn_area button:last-child {margin-right:0;}

.learning_plans {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.learning_plans > div {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:calc(50% - 0.9rem); border:1px solid #dadada;}
.learning_plans h5 {-webkit-box-flex:0;-ms-flex:none;flex:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:7rem; padding:0 4rem; font-size:2rem; font-weight:bold; background-color:#f8f8f8; border-bottom:1px solid #dbdbdb;}
.learning_plans .cont {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; height:100%; min-height:12.1rem;}/* 2021-04-14 수정 */
.learning_plans ul {position:relative; z-index:10; width:100%;}
.learning_plans li {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:0 4rem; border-top:1px solid #dbdbdb;}
.learning_plans li:first-child {border-top:0;}
.learning_plans li .tit {display:block; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; height:6rem; line-height:6rem; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem; font-weight:400;}
.learning_plans li .tit::before {content:''; display:inline-block; position:relative; top:-1px; width:0.5rem; height:0.5rem; margin-right:1.6rem; border-radius:50%; background:#919191; vertical-align:middle;}
.learning_plans li .tit:hover,
.learning_plans li .tit:active,
.learning_plans li .tit:focus {text-decoration:underline;}
.learning_plans li .count {float:right; color:#212121; font-size:1.6rem;}
.learning_plans li .count em {margin-right:0.2rem; color:#ff5b5b; font-size:1.8rem; font-weight:500;}
.learning_plans .nodata {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; text-align:center;}
.learning_plans .nodata p {margin-bottom:1.6rem; font-size:1.8rem; color:#424242; line-height:1.5; font-weight:400;}
.learning_plans .nodata .btn_S_col1 {padding:0 2rem;}
.duna_sec.plans .learning_plans > div {width:50%;}
.duna_sec.plans .learning_plans > div + div {border-left-width:0;}
.duna_sec.plans .learning_plans .today {position:relative; border:1px solid #ff5b5b;}
.duna_sec.plans .learning_plans .today::after {content:''; display:block; position:absolute; left:0; top:0; right:0; bottom:0px; border:1px solid #ff5b5b;}
.duna_sec.plans .learning_plans .today h5 {background-color:#ff5b5b; color:#ffffff; border-bottom-color:#ff5b5b;}
.duna_sec.plans .learning_plans .today h5::before {content:''; display:inline-block; width:2.5rem; height:1.8rem; margin-right:1rem; background:url(../images/common/ico_today_check.png) no-repeat 0 0 / 100% auto;}
.duna_sec.plans .learning_plans h5 em {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.duna_sec.plans .learning_plans h5 em::before {content:':'; margin:0 0.8rem;}
.duna_sec.plans .learning_plans .today {padding:0 1px;}
.duna_sec.amount .learning_plans h5 {font-size:1.8rem;}
.duna_sec.amount .learning_plans > div {width:50%;}
.duna_sec.amount .learning_plans > div + div {border-left-width:0;}

/* 듀나학습방 - 이벤트 | 2021-10-05 수정 */
.duna_sec.event .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; padding:1.5rem; width:100%; border:1px solid #eddcdc; position:relative;}
.duna_sec.event .cont_wrap .img {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-flex:0; -ms-flex:none; flex:none; width:26rem; margin-right:4.5rem;}
.duna_sec.event .cont_wrap .mob_img {display:none;}
.duna_sec.event .cont_wrap img {max-width:100%;}
.duna_sec.event .cont_wrap .img_evn_wrap {margin-right:4.5rem; width:26.5rem;}
.duna_sec.event .cont_wrap .img_evn_wrap img {margin-right:0; width:100%;}
.duna_sec.event .cont_wrap .img_evn_wrap .btn_all {display:flex; width:100%; height:4.5rem; line-height:4.5rem; text-align:center; font-size:1.6rem; font-weight:500; align-items: center; justify-content: center;}
.duna_sec.event .cont_wrap .img_evn_wrap .btn_blue_type01 {color:#fff; background:#0f90cb;}

.duna_sec.event .cont_wrap .cont {width:100%;}
.duna_sec.event .cont_wrap .cont .tit {position:relative; display:inline-block;}
.duna_sec.event .cont_wrap .cont .tit strong {position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; font-weight:500; font-size:2rem; color:#000; line-height:1.4;}
.duna_sec.event .cont_wrap .cont .tit strong em {color:#e7414f; position:relative; display:flex;}
.duna_sec.event .cont_wrap .cont .tit strong em:after {content:':'; display:inline-block; margin:0 .3rem; color:#000;}
.duna_sec.event .cont_wrap .cont .tit strong em.after_none:after {display:none;}
.duna_sec.event .cont_wrap .cont .explain {margin-top:1rem; color:#4c4c4c; font-size:1.6rem; line-height:1.4;}
.duna_sec.event .cont_wrap .cont .explain em {color:#e7414f;}
.duna_sec.event .cont_wrap .cont .explain .in_txt {font-size:1.6rem; line-height:1.4; position:relative; word-break: break-all; padding-left:1rem;}
.duna_sec.event .cont_wrap .cont .explain .in_txt:before {content:'-'; position:absolute; top:0; left:0; }
.duna_sec.event .cont_wrap .cont .explain .ex_txt {font-size:1.6rem; line-height:1.4; position:relative; word-break: break-all; padding-left:2rem;}
.duna_sec.event .cont_wrap .cont .explain .ex_txt:before {content:'※'; position:absolute; top:0; left:0; }
.duna_sec.event .cont_wrap .cont .explain .mrg_t1 {margin-top:1rem;}
.duna_sec.event .cont_wrap .cont .explain .blue {color:#0f90cb;}
.duna_sec.event .cont_wrap .cont .explain .block {display:block;}
.duna_sec.event .cont_wrap .cont .date {margin-top:1rem; font-size:1.8rem; color:#212121; font-weight:500; line-height:1.5;}
.duna_sec.event .cont_wrap .cont .info {margin-top:1rem; font-size:1.4rem; color:#919191; font-weight:400; line-height:1.5;}
.duna_sec.event .cont_wrap .cont .btn_all {display:flex; width:100%; height:4.5rem; line-height:4.5rem; text-align:center; font-size:1.6rem; font-weight:500; align-items: center; justify-content: center;}
.duna_sec.event .cont_wrap .cont .btn_blue_type01 {width:31.8rem; color:#fff; background:#1096bf;}
.duna_sec.event .cont_wrap .cont .explain + .btn_all {margin-top:2.5rem;}
.duna_sec.event .cont_wrap .action {position:absolute; top:50%; margin-top:-4.6rem; right:5rem;}
.duna_sec.event .cont_wrap .action .btn_submit {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:9.2rem; height:9.2rem; line-height:1.3; border-radius:50%; background-color:#062e67; color:#fff; font-size:2rem; font-weight:bold; cursor:unset;}
.duna_sec.event .cont_wrap .action .btn_submit.end {background-color:#ccc; color:#5d5d5d;}
.duna_sec.event .cont_wrap .action .btn_submit.result {background-color:#ff5b5a;}
.duna_sec.event .cont_wrap .action .btn_submit.ing {background-color:#ffbfbf; color:#ff5b5a;}
.duna_sec.event .cont_wrap .action .btn_submit.bg_red {background-color:#ffbfbf; color:#ff5b5a;}
.duna_sec.event .cont_wrap .img_tit {margin-top:1rem;}
.duna_sec.event .cont_wrap .bg_box {width:100%; margin-top:2rem; padding:1rem; background:#f2f2f2; text-align:center; color:#0f90cb; font-size:1.6rem; line-height:1.4;}
.duna_sec.event .cont_wrap .product_list {display:flex; flex-wrap:wrap; color:#4c4c4c; line-height:1.4;}
.duna_sec.event .cont_wrap .product_list dt {display:block; width:100%; margin-bottom:.5rem;}
.duna_sec.event .cont_wrap .product_list dd {display:flex; width:50%;}
.duna_sec.event .cont_wrap .product_list .blue {color:#0f90cb;}

.duna_sec.event .cont_wrap.evn_red .action {top:3rem; margin-top:0; right:5rem;}
.duna_sec.event .cont_wrap.evn_v01 .img_evn_wrap {width:16rem; margin-right:0;}
.duna_sec.event .cont_wrap.evn_v01 .cont {width:calc(100% - 16rem); padding-left:3rem;}

/* 듀냐학습관리 이벤트 팝업 | 2021-10-05 수정 */
.modal_wrap.duna_popup_wrap .modal {max-width:70rem; padding:0;}
.modal_wrap.duna_popup_wrap.active .modal .modal_container { padding:0; }
.duna_popup_wrap .modal_top_close span {width:2.6rem; height:2.6rem; background:url('../images/my_class/ico_dunaevn_close.png') no-repeat;}

.duna_popup_wrap .duna_popup {width:70rem; height:70rem; position:relative; padding-bottom:4rem; background:url('../images/my_class/evnpup_bg.jpg') no-repeat; background-size:100% 100%;}
.duna_popup_wrap .duna_popup .memo_wrap {width:100%; background:url('../images/my_class/memo_bottom.png') no-repeat center bottom; padding-bottom:6.8rem;}
.duna_popup_wrap .duna_popup .memo_txt {width:100%; background:url('../images/my_class/memo_middle.png') repeat-y; background-size:100% 100%; padding:0 8rem; font-size:1.8rem; color:#333;}
.duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap {width:100%; background:#f9f6ee; text-align:center; padding:2rem 0 2rem;}
.duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap button {display:inline-block; position:relative; padding:1.5rem 2rem; background:#ffd34f; font-size:3rem; font-weight:400; text-align:center; margin:2rem 1rem 0; box-shadow:4px 6px 0 #c7c5be;}
.duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap button:disabled {opacity:.5;}
.duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap p {margin-top:2.5rem;}
.duna_popup_wrap .duna_popup .input_wrap {width:100%; display:flex; justify-content:space-between; margin-top:2.5rem;}
.duna_popup_wrap .duna_popup .input_wrap .word_box {width:41.2rem; height:5rem; border:2px solid #cfa972; background-color:#f9f6ee; font-size:2rem; padding:1rem 1.5rem; line-height:1.3;}
.duna_popup_wrap .duna_popup .input_wrap button {width:12rem; height:5rem; border:2px solid #8a6733; background-color:#cfa972;}
.duna_popup_wrap .duna_popup .input_wrap button span {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; border-top:2px solid #d9ba8e; border-left:2px solid #d9ba8e; color:#fff; font-size:2rem;}
.duna_popup_wrap .duna_popup .input_wrap button span:before {content:''; display:inline-block; width:1.7rem; height:1.7rem; background:url('../images/my_class/memo_btn_icon.png') no-repeat; margin-right:1rem;}
.duna_popup_wrap .duna_popup .evn_btn_wrap {text-align:center;}

/* //듀냐학습관리 이벤트 팝업 | 2021-10-05 수정 */

/* 듀냐학습관리 공지 팝업 | 2021-11-01 수정 */
.modal_wrap.duna_noti_wrap .modal {max-width:75rem; }
.modal_wrap.duna_noti_wrap.active .modal .modal_container {padding:0 4.5rem;}
.duna_noti_wrap .modal_top_close span {width:2.6rem; height:2.6rem;}

.duna_noti_wrap .duna_noti_popup {font-size:1.6rem; font-weight:400;}
.duna_noti_wrap .duna_noti_popup .tit_head {width:100%; padding:4rem 0 3rem; text-align:center; font-size:3.6rem; color:#000; line-height:1.3;}
.duna_noti_wrap .duna_noti_popup .noti_text_box {display:flex; align-items:center; justify-content:center; width:100%; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#f9f9f9; text-align:center; padding:4rem 0; min-height:36rem; font-size:2rem; font-weight:400; line-height:3.6rem; color:#595959;}

.duna_noti_wrap .day_wrap_type1 {position:relative; bottom:0; padding:2rem 1.5rem; color:#666; text-align:left;}
.duna_noti_wrap .day_wrap_type1 label {color:#666;}
.duna_noti_wrap .day_wrap_type1 .modal_bottom_close {border:1px solid #212121; padding:.5rem 1rem; font-size:1.8rem; color:#212121; margin-left:.5rem;}
/* //듀냐학습관리 공지 팝업 */


/* 단추아이콘 버튼 | 2021-09-06 수정 */
.ico_danchoo_btn {position:absolute; max-width:100%; z-index:90;}
.ico_danchoo_btn img {width:100%;}
.ico_danchoo_btn.stay_01 {top:112.5rem; right:10rem;}
.ico_danchoo_btn.stay_02 {top:85.5rem; right:19.5rem;}
.ico_danchoo_btn.stay_03 {top:36.5rem; left:22.5rem;}
.ico_danchoo_btn.stay_04 {top:110.5rem; left:52.5rem;}
.ico_danchoo_btn.stay_05 {top:13.5rem; right:20.5rem;}

/* 듀나학습방 - 나의학습량 */
.amount_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; border:1px solid #dadada; border-width:1px 0 0 1px;}
.amount_wrap > div {width:100%; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;}
.amount_wrap h5,
.amount_wrap .row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid #dadada; border-width:0 1px 1px 0;}
.amount_wrap h5 {height:7rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#000000; font-sizE:1.8rem; font-weight:500; background-color:#f8f8f8;}
.amount_wrap .row {height:5rem; padding:0 0 0 4rem;}
.amount_wrap p {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:50%; font-size:1.6rem; color:#212121; padding-left:2rem;}
.amount_wrap p strong {display:inline-block; font-weight:400; width:10rem;}
.amount_wrap p em {display:inline-block; width:6rem; font-weight:400; text-align:right;}
.amount_wrap p b {color:#6084d1; font-size:1.8rem; font-weight:500;}
.amount_wrap p::before {content:''; display:inline-block; position:absolute; left:0; top:50%; margin-top:-2px; width:0.5rem; height:0.5rem; margin-right:1.6rem; border-radius:50%; background:#919191; vertical-align:middle;}

/* 듀나학습방 - 주간차트 */
.duna_sec.charts {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.duna_sec.charts .chart_sec {width:calc(50% - 1rem);}
.duna_sec.charts .chart_wrap {height:25rem; width:50rem; padding:0 2rem 2rem 2rem; border:1px solid #dadada; }/* 2021-04-14 수정 */
.duna_sec.charts .chart_wrap .chart_sub_box {width:100%; height:100%;}/* 2021-04-14 수정 */
.duna_sec.charts .title_wrap3 select {width:15rem;}

/* 듀나학습방 - 학습레벨 */
.duna_sec.levels {margin-top:5rem; padding:3rem; border:1px solid #dadada; background-color:#f5f5f5;}
.duna_sec.levels .title_wrap {margin-bottom:2rem;}
.duna_sec.levels .cont_wrap {padding:2rem; background-color:#fff;}
.duna_sec.levels > div {margin-top:4rem;}
.duna_sec.levels > div:first-child {margin-top:0;}
.duna_sec.levels .distrib_grade {width:100%;}
.duna_sec.levels .distrib_grade + .distrib_grade,
.duna_sec.levels .distrib_grade + .distrib_total {margin-top:2rem;}
.duna_sec.levels .distrib_grade .distrib_label {width:9rem; -webkit-box-flex:0; -ms-flex:none; flex:none; margin-bottom:0.6rem;}
.duna_sec.levels .distrib_grade .distrib_label strong {display:inline-block; width:8rem; font-size:1.6rem; line-height:2.8rem; color:#666666; background-color:#f5f5f5; border-radius:2rem; font-weight:400; text-align:center;}
.duna_sec.levels .level_tbl {border-top:1px solid #000000; border-right:1px solid #e0e0e0;}
.duna_sec.levels .level_tbl ul {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%;}
.duna_sec.levels .level_tbl ul li {position:relative; width:calc(100% / 5); overflow:hidden; border-left:1px solid #e0e0e0;}
.duna_sec.levels .level_tbl ul li .tit {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:6rem; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:1px solid #e0e0e0; font-size:1.6rem; color:#000000; background-color:#f9f9f9;}
.duna_sec.levels .level_tbl ul li .txt {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; height:6rem; padding:1rem; line-height: 1.2; background-color:#fff; border-bottom:1px solid #e0e0e0; font-size:1.6rem; color:#666666; text-align:center; font-weight:400;}
.duna_sec.levels .info_sec .footnote {margin-top:1.2rem;}
.duna_sec.levels .info_sec .footnote .bul > li {color:#666666; }

/* 듀냐학슴방 - 분포도 */
.distrib_graph {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%;}
.distrib_graph li {-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; min-width:2.2rem;}
.distrib_graph li[class^="distrib_lv"] {display:block; height:2.8rem; line-height:2.8rem; font-size:1.3rem; text-align:center;}
.distrib_graph .distrib_lv1 {background-color:#fef2f2; color:#424242;}
.distrib_graph .distrib_lv2 {background-color:#fae9e9; color:#424242;}
.distrib_graph .distrib_lv3 {background-color:#f8e0e0; color:#424242;}
.distrib_graph .distrib_lv4 {background-color:#f4d5d5; color:#424242;}
.distrib_graph .distrib_lv5 {background-color:#f0caca; color:#424242;}
.distrib_graph .distrib_lv6 {background-color:#edbfbf; color:#424242;}
.distrib_graph .distrib_lv7 {background-color:#e6b3b3; color:#424242;}
.distrib_graph .distrib_lv8 {background-color:#dea4a4; color:#424242;}
.distrib_graph .distrib_lv9 {background-color:#d99797; color:#424242;}
.distrib_graph .distrib_lv10 {background-color:#d48e8e; color:#424242;}
.distrib_graph .distrib_lv11 {background-color:#d08282; color:white;}
.distrib_graph .distrib_lv12 {background-color:#c77373; color:white;}
.distrib_graph .distrib_lv13 {background-color:#bd6363; color:white;}
.distrib_graph .distrib_lv14 {background-color:#b45656; color:white;}
.distrib_graph .distrib_lv15 {background-color:#a54747; color:white;}
.distrib_graph .distrib_lv16 {background-color:#a02b2b; color:white;}
.distrib_graph .distrib_lv17 {background-color:#8c1a1a; color:white;}
.distrib_graph .distrib_lv18 {background-color:#7c1313; color:white;}
.distrib_graph .distrib_lv19 {background-color:#6b0c0c; color:white;}
.distrib_graph .distrib_lv20 {background-color:#300303; color:white;}

/* 듀냐학습방 - 목표설정 */
.board_list.type_goal .txt_state {font-size:2rem; font-weight:500; color:#9e9e9e;}
.board_list.type_goal .lecture_item {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
.board_list.type_goal .lecture_item .img {width:13.5rem; height:11.5rem;}
.board_list.type_goal .lecture_item .img img {width:100%; max-height:100%;}
.board_list.type_goal .lecture_item .img + .cont_wrap {margin-left:2rem;}
.board_list.type_goal .lecture_item .cont_wrap {display:block; position:relative; width:100%;}
.board_list.type_goal .lecture_item .cont_wrap .tit {margin-top:1rem; font-size:1.8rem; color:#424242; line-height:1.3; height:4.6rem; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;  display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.board_list.type_goal .lecture_item .cont_wrap .state {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:0.5rem;}
.board_list.type_goal .lecture_item .cont_wrap .state span {display:inline-block; font-size:1.4rem; font-weight:400; color:#9e9e9e;}
.board_list.type_goal .lecture_item .cont_wrap .state span:nth-child(1) {display:none;}
.board_list.type_goal .lecture_item .cont_wrap .state span + span::before {display:inline-block; width:1px; height:1.2rem; margin:0 0.6rem; background:#d7d7d7; content:'';}
.board_list.type_goal .lecture_item .cont_wrap .state span:nth-child(1) + span::before {display:none; width:1px; height:1.2rem; margin:0 0.6rem; background:#d7d7d7; content:'';}
.board_list.type_goal .lecture_item .cont_wrap .state.complt span {color:#9e9e9e;}
.board_list.type_goal .lecture_item .cont_wrap .detail_info {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:0.5rem;}
.board_list.type_goal .lecture_item .cont_wrap .detail_info span {-webkit-box-flex:0;-ms-flex:none;flex:none; display:inline-block; font-size:1.4rem; font-weight:400; color:#9e9e9e;}
.board_list.type_goal .lecture_item .cont_wrap .detail_info span + span::before {display:inline-block; width:1px; height:1.2rem; margin:0 1.5rem; background:#b9b9b9; content:'';}
.board_list.type_goal .nodata {padding:15rem 0; text-align:center; border-bottom:1px solid #ebebeb;}
.board_list.type_goal .nodata p {font-size:1.6rem; color:#9e9e9e; line-height:1.5;}
.board_list.type_goal .nodata p strong {font-size:1.8rem; color:#212121; font-weight:500;}
.board_list.type_goal .nodata p + p {margin-top:2rem;}
.board_list .tbody div.mob_row {display:none;}/* 2021-04-14 수정 */

/* 듀냐학습방 - 수강중인 강좌 */
.board_list.type_goal .txt_state11 {font-size:1.6rem; font-weight:400; color:#9e9e9e;}

/* 듀냐학습방 - FAQ 2021-04-07 수정 */
.duna_sec.faq .title_wrap3 {margin-top:5rem;}
.duna_sec.faq .qna_list > dd {background:#fff9fa;}
.duna_sec.faq .qna_list > dd .answer_detail .txt:before {color:#ff5b5b;}
.duna_sec.faq .qna_list > dd .answer_detail .border_wrap {width:100%; padding-left: 2.8rem; margin-top:2rem;}
.duna_sec.faq .qna_list > dd .answer_detail .border_wrap .tit {display:inline-block; font-size:1.8rem; line-height:1.4; font-weight:bold; color:#333; padding-bottom:1rem;}
.duna_sec.faq .qna_list > dd .answer_detail .border_wrap .table_scroll_fixed tbody th {background-color: #f9f9f9; color: #000;}
.duna_sec.faq .qna_list > dd .answer_detail .border_wrap .table_scroll2 table th {background-color: #f9f9f9; color: #000;}
.duna_sec.faq .qna_list > dd .answer_detail .border_wrap .table_scroll2 table td {background:#fff;}

/* 단추문항 오류신고 */
.title_wrap2 + .view_wrap {margin-top:3rem;}
.view_wrap + .view_wrap {border-top:1px solid #000;}
.view_wrap + .view_wrap + .view_wrap {border-top:2px solid #000;}

/* 배송정보 */
.modal_delivery .board_form {margin-top:0; border-width:1px;}
.modal_delivery .board_form .form_txt {font-weight:400; color:#212121;}
.modal_delivery .board_form .controls_tel select, 
.modal_delivery .board_form .controls_tel input,
.modal_delivery .board_form .controls_addr input {max-width:unset;}/* 2021-04-25 수정 */
.modal_delivery .board_form .btn_L_col1 {margin-right:0;}
.modal_delivery .txt_caution2 {margin-top:1rem; line-height:1.3;}/* 2021-04-25 수정 */
.agree_box .agree_txt.no_tit {margin-top: 3rem;}/* 2021-04-25 수정 */

/* 커리큘럼 */
/* .board_head + .board_curriculum_list {margin-top:2rem;} */
.board_curriculum_list {border:1px solid #e3e3e3; border-top-color:#000;}
.curriculum_list .accodi_title {display:-webkit-box;display:-ms-flexbox;display:flex; position:relative; width:100%; height:8rem; padding:0 2.1rem; border-top:1px solid #e0e0e0;  -webkit-box-align:center;  -ms-flex-align:center;  align-items:center; line-height:1.3;}
.curriculum_list .accodi_title:first-of-type {border-top:0;}
.curriculum_list .accodi_title .btn_accodi {display:block; width:2rem; height:2rem; background:url('../images/my_class/btn_accodi.png') no-repeat center center / 1.5rem 1.5rem; text-indent:-9999px;}
.curriculum_list .accodi_title .flag_wrap {margin-left:2rem; width:25.2rem;}
.curriculum_list .accodi_title .flag_wrap span + span {margin:0.3rem 0 0.3rem 0.5rem;}
.curriculum_list .accodi_title .tit {margin-left:2rem; width:36rem; font-size:1.8rem; font-weight:400; color:#424242;}
.curriculum_list .accodi_title .lecture_wrap {margin-left:auto; margin-right:2rem; font-size:1.6rem; font-weight:400; color:#424242;}
.curriculum_list .accodi_title .lecture_wrap .num {color:#577dd0;}
.curriculum_list .accodi_title.on .btn_accodi{background:url('../images/my_class/btn_accodi_on.png') no-repeat center center / 1.5rem 1.5rem;}
/* .curriculum_list .accodi_title.on .tit {font-weight:bold; color:#000;} */
.curriculum_list .accodi_detail {display:none; padding:3rem 4rem; border-top:1px solid #e0e0e0; background-color:#fbfbfb;}
.curriculum_list .accodi_detail.on  {display:block;}
.curriculum_list .accodi_detail .category_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.curriculum_list .accodi_detail .category_wrap .btn_category {width:18rem; height:3.6rem; border:1px solid #898989; border-radius:1.6rem; font-size:1.7rem; font-weight:400; color:#898989; line-height:3.4rem;}
.curriculum_list .accodi_detail .category_wrap .btn_category + .btn_category {margin-left:0.5rem;}
.curriculum_list .accodi_detail .category_wrap .btn_category.on {border-color:#557ed0; background-color:#557ed0; color:#fff;;}
.lecture_list_wrap2 {margin-top:2.5rem;}
.lecture_list2 {margin-top:1.5rem; border:1px solid #e3e3e3;}
.lecture_list2 li {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3rem; background-color:#fff;}
.lecture_list2 li + li {border-top:1px solid #e3e3e3;}
.lecture_list2 li .txt_wrap {margin-left:1.6rem;}
.lecture_list2 li .txt_wrap .tit {font-size:2rem; color:#000;}
.lecture_list2 li .txt_wrap .lecture_detail {display:-webkit-box;display:-ms-flexbox;display:flex; margin-top:1rem;}
.lecture_list2 li .txt_wrap .lecture_detail span {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; font-size:1.4rem; font-weight:400; color:#666; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list2 li .txt_wrap .lecture_detail span + span:before {display:inline-block; width:1px; height:1.2rem; margin:0 1.6rem; background-color:#b9b9b9; content:'';}
.lecture_list2 li .txt_wrap .lecture_detail span em {display:inline-block; margin-left:0.3rem;}
.lecture_list2 li .state {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-left:auto; width:10rem; height:3.8rem; background-color:#ff6a6a; font-size:1.6rem; color:#fff; line-height:3.8rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.lecture_list2 li .completion {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-left:auto; width:10rem; height:3.8rem; background-color:#3d98ab; font-size:1.6rem; color:#fff; line-height:3.8rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.lecture_list2 li .comingSoon {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; margin-left:auto; margin-top:1rem; position:relative;display:block;padding:0 0 0.4rem 2.3rem;font-weight:500;font-size:1.6rem;color:#ff5b5b; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.lecture_list2 li .comingSoon:before {content: '';position:absolute;left:0;top:0;width:1.8rem;height:1.6rem;background: url('../images/common/ico_comingsoon.png') no-repeat center center / 100% auto;}

.lecture_list_wrap2 .btn_wrap {margin-top:2rem;}
.lecture_list_wrap2 .btn_wrap .txt {font-size:1.4rem; font-weight:400; color:#666;}

/* 나의 게시판 - 이용문의 */
.board_list.board_inqury .tbody > div,
.board_list.board_inqury .tbody .title {font-size:1.6rem}
.board_list.type2 .tbody div:nth-child(2) {color:#666;}
.board_inqury .tbody .answer_y {color:#666;}
.board_inqury .tbody .answer_n {color:#3164ad;}

/* 소멸예정 포인트 팝업 */
.modal_extinct .bul {margin:1.5rem 0;}

/* SNS 수신동의 */
.modal_dunaSmsAgree .regList > ul > li {padding:3rem 0;}
.modal_dunaSmsAgree .regList > ul > li:last-child {padding-bottom:0; border-top:1px solid #dbdbdb;}
.modal_dunaSmsAgree .regList .define {font-size:1.6rem; color:#212121; line-height:1.5;}
.modal_dunaSmsAgree .regList .define dt {font-weight:500;}
.modal_dunaSmsAgree .regList .define dd {margin-top:0.2rem;}
.modal_dunaSmsAgree .regList .define dd + dd {margin-top:2rem;}
.modal_dunaSmsAgree .regList .define dd select {width:18rem;}
.modal_dunaSmsAgree .agree_box {margin-top:1.5rem;}
.modal_dunaSmsAgree .agree_box .agree_inp {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:2rem;}
.modal_dunaSmsAgree .agree_box .agree_inp .msg_txt {margin-right:5rem; line-height:1;}
.modal_dunaSmsAgree .agree_box .agree_inp .rdo_box3 + .rdo_box3 {margin-left:3rem;}
.modal_dunaSmsAgree .agree_box .agree_inp .rdo_box3 input[type="radio"] {-webkit-box-flex:0;-ms-flex:none;flex:none; background-image:url(../images/common/ico_inp_rdo03_pink.png);}

/* 총 완강내역 */
.tot_cmplt_list {max-height:240px; overflow:auto;}
.tot_cmplt_list li {display:flex; justify-content:space-between; align-items:center; width:100%; height:8rem; padding:0 2.5rem; border-bottom:1px solid #e7e7e7;}
.tot_cmplt_list li .num_area {display:-webkit-box;display:-ms-flexbox;display:flex;}
.tot_cmplt_list li .num {font-size:2rem; margin-right:2.5rem; line-height:1;}
.tot_cmplt_list li .tot_date {font-size:1.8rem; font-weight:400; color:#424242; line-height:1;}
.tot_cmplt_list li .tot_date span {font-weight:bold;}
.tot_cmplt_list li .date p {font-size:1.4rem; font-weight:400; color:#666;}
.tot_cmplt_list li .date p + p {margin-top:1rem;}

/* 성적등록 */
.modal_dunaGradeReg {padding-bottom:0;}
.modal_dunaGradeReg .modal_content {padding:4rem 0; overflow:hidden;}
.modal_dunaGradeReg .tit {margin-bottom:3rem; font-size:2rem; font-weight:500; line-height:1.4;}
.modal_dunaGradeReg .tit strong {color:#6084d1;}
.modal_dunaGradeReg .btn_area {margin-top:3rem;}
.modal_dunaGradeReg .modal_foot {display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:5rem; margin:0 !important; padding:0 !important; background-color:#f2f5fa;}

/* 일정관리 */
.modal_dunaPlanReg .board_form {margin:0;}
.modal_dunaPlanReg .board_form dl {margin:0;}

/* 학습관리알림 */
.modal_dunaMgmtAlim .alim_area {height:38rem; border:1px solid #dadada; border-top:1px solid #000000; background-color:#fafafa;}
.modal_dunaMgmtAlim .alim_area .alim_list {padding:2rem;}
.modal_dunaMgmtAlim .alim_area .alim_list li {padding:1.6rem 1.6rem 1.6rem 4rem; line-height:1; border:1px solid #dadada;  background-color:white;}
.modal_dunaMgmtAlim .alim_area .alim_list li + li {margin-top:1rem;}
.modal_dunaMgmtAlim .alim_area .alim_list .date {position:relative; color:#919191; font-size:1.4rem;}
.modal_dunaMgmtAlim .alim_area .alim_list .date::before {content:''; display:block; position:absolute; left:-2rem; top:0.4rem; width:0.8rem; height:0.8rem; border-radius:50%; background:#ff5b5b;}
.modal_dunaMgmtAlim .alim_area .alim_list .tit {margin-top:0.4rem; color:#212121; font-size:1.6rem; font-weight:500; line-height:1.5; word-break:break-all;}
.modal_dunaMgmtAlim .alim_area .alim_nodata {height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:1.6rem;}

/* 나의학습서비스 - 논술첨삭 */
.board_list.board_essay {margin:0;}

.duna_sec .qna_list .btn_qna span {padding-right:2.4rem;}/* 2021-04-14 수정 */

/* 나의학습방 팝업 | 2023-07-06 수정 */
.duna_content .modal_duan_head .modal_tit em {font-weight:400;}
.modal_Dunarecord .thumb_list {border-bottom:1px solid #ebebeb;}
.modal_Dunaplan .board_form {margin:0; border-top:0; background:#fff; padding:4rem 3rem 0;}

/* weekly_list | 2023-07-06 수정 */
.weekly_list_wrap {display:block; position:relative;}
.weekly_list_wrap .weekly_list {display: block; position: relative; border-top: 1px solid #000;}
.weekly_list_wrap .weekly_list li {position:relative; display:flex; flex-wrap:wrap; flex-direction:column; font-size:1.4rem; line-height:1.4; padding:2rem 3rem;}
.weekly_list_wrap .weekly_list li + li {border-top: 1px solid #ebebeb;}
.weekly_list_wrap .weekly_list li .chk_box2 {position:relative; padding-left:3rem;}
.weekly_list_wrap .weekly_list li .chk_box2 input[type="checkbox"] {position:absolute; top:0; left:0;}
.weekly_list_wrap .weekly_list li .chk_box2 input[type="checkbox"] + label {margin-left:0; color:#333041;}
.weekly_list_wrap .weekly_list li .chk_box2 input:checked + label {text-decoration:line-through;}
.weekly_list_wrap .weekly_list li .cont {padding:0 5rem 0 3rem; margin-top:1rem; font-weight:400; color:#8c8c8c;}
.weekly_list_wrap .weekly_list li .util {display:flex; align-items:center;justify-content:flex-end; width:100%; margin-top:-2rem;}
.weekly_list_wrap .weekly_list li .util .btn_modify {padding:1rem;}
.weekly_list_wrap .weekly_list li .util .btn_remove {padding:1.4rem 1rem; margin-left:1rem;}
.weekly_list_wrap .weekly_list li.no_data {flex-direction:column; min-height:32rem; justify-content:center; align-items:center; text-align: center; font-size:2rem; border:0;}

/* schedule_banner_wrap | 2023-07-06 수정 */
.schedule_banner_wrap {display:block; position:relative;}
.schedule_banner_wrap .schedule_banner {display:flex; flex-wrap:wrap; justify-content: space-between; width:100%; padding:4rem 0 0;}
.schedule_banner_wrap .schedule_banner li {width:calc(100% / 3 - 2rem); position: relative; display:flex; font-size:1.4rem; font-weight:400; color:#333041; line-height:1.4; border:1px solid #DCDCDC; border-radius:2.3rem;}
.schedule_banner_wrap .schedule_banner li a {display:flex; flex-wrap:wrap; flex-direction:column; justify-content: center; align-content:center; text-align:center; width:100%; height:100%; padding:2rem;}
.schedule_banner_wrap .schedule_banner li a::before {content:''; display:flex; margin:0 auto 1rem;}
.schedule_banner_wrap .schedule_banner li.list_question a::before {width:4.2rem; height:5.1rem; background:url('../images/my_class/duna_icon_question.svg') no-repeat; background-size:100% 100%;}
.schedule_banner_wrap .schedule_banner li.list_lecture a::before {width:5.1rem; height:4.3rem; background:url('../images/my_class/duna_icon_lecture.svg') no-repeat; background-size:100% 100%;}
.schedule_banner_wrap .schedule_banner li.list_plan a::before {width:4.7rem; height:4.7rem; background:url('../images/my_class/duna_icon_plan.svg') no-repeat; background-size:100% 100%;}
.schedule_banner_wrap .schedule_banner li .tit {display:flex; justify-content: center; width:100%; text-align: center; font-size:2rem; font-weight:400;}
.schedule_banner_wrap .schedule_banner li span {font-size:1.4rem; font-weight:400; color:#333041; line-height:1.4;}

@media screen and (min-width: 1024px) {
    .learning_schedule .weekly_plan .weekly_slide .slick-track {width:100% !important}
    .learning_schedule .weekly_plan .weekly_slide .slide_item {width:20% !important; position:relative;}/* 2021-04-18 수정 */
    .learning_schedule .weekly_plan .weekly_slide .slide_item:after {display:block; content:''; width:1px; height:100%; min-height:100%; background:#e4e4e4; position:absolute; top:0; right:0;}/* 2021-04-18 수정 */
    .learning_schedule .weekly_plan .weekly_slide .slide_item:nth-child(5):after {display:none;}/* 2021-04-18 수정 */
}
@media print {
    .learning_schedule .weekly_plan .weekly_slide .slick-track {width:100% !important}
    .learning_schedule .weekly_plan .weekly_slide .slide_item {width:20% !important}
}

/* 나의학습서비스 - 이달의 연속 출석 달력 2023-07-07 */
.sec_calendar {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin:-2rem 0 3.5rem 0;}
.sec_calendar .cal_title_wrap {position:relative; width:100%; text-align:center; overflow:hidden; padding:0 0 2rem 0;}
.sec_calendar .cal_title_wrap > .tit {position:relative; display:inline-block; text-align:center; font-weight:bold; font-size:6rem; color:#312770; line-height:1.2;}
.sec_calendar .cal_title_wrap > .tit .question {display:flex; justify-content:center; align-items:center; position:absolute; right:-2rem; top:1rem; width:2rem; height:2rem; font-weight:bold; font-size:1.5rem; color:#fff; background-color:#312770; border-radius:100%; cursor:pointer;}
.sec_calendar .cal_title_wrap > .att_days {position:absolute; right:1rem; bottom:1rem; text-align:right; font-size:2rem; color:#000; line-height:1.2;}
.sec_calendar .cal_title_wrap > .att_days > i {font-style:normal;}

.sec_calendar table {table-layout:fixed; border-collapse:inherit;}
.sec_calendar thead th {width:100%; height:9rem; font-size:2rem; color:#312770; background-color:#f9f8ff; border-top:1px solid #dadada;  border-bottom:1px solid #dadada;}
.sec_calendar thead th:first-child {width:15%; border-left:1px solid #dadada; border-radius:1rem 0 0 0; }
.sec_calendar thead th:last-child {width:20%; border-right:1px solid #dadada; border-radius:0 1rem 0 0;}
.sec_calendar tbody td {text-align:left; padding:2% 2%; border:1px solid #dadada; overflow:hidden; border-top:0; box-sizing:border-box;}
.sec_calendar tbody td .day {position:relative; display:inline-block; float:left; width:calc(100% / 7 - 1%); margin:1rem 0.5%; background-color:#F2F2F2; border-radius:100%;     box-sizing: border-box;}
.sec_calendar tbody td .day > img {width:100%;}
.sec_calendar tbody td .day .num {position:absolute; left:0; top:0; width:100%; height:100%; font-weight:bold; font-size:2rem; color:#312770; display:flex; justify-content:center; align-items:center; border:0.8rem solid #312770; border-radius:100%; z-index:2;}
.sec_calendar tbody td .day.random .num,
.sec_calendar tbody td .day.silver .num,
.sec_calendar tbody td .day.gold .num {display:none;}
.sec_calendar tbody td .day.random.num01 {background:url('../images/my_class/icon_calendar_random01.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num02 {background:url('../images/my_class/icon_calendar_random02.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num03 {background:url('../images/my_class/icon_calendar_random03.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num04 {background:url('../images/my_class/icon_calendar_random04.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num05 {background:url('../images/my_class/icon_calendar_random05.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num06 {background:url('../images/my_class/icon_calendar_random06.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num07 {background:url('../images/my_class/icon_calendar_random07.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num08 {background:url('../images/my_class/icon_calendar_random08.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.random.num09 {background:url('../images/my_class/icon_calendar_random09.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.silver {background:url('../images/my_class/icon_calendar_silver.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day.gold {background:url('../images/my_class/icon_calendar_gold.svg') no-repeat center center / 100% auto;}
.sec_calendar tbody td .day .my_lec {display:flex; justify-content:center; align-items:center; flex-direction:column; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; z-index:2;}
.sec_calendar tbody td .day .my_lec a {display:block; width:100%; font-size:1.4rem; color:#241E3D; padding:0.4rem 0 0.2rem 0; text-decoration:underline;}
.sec_calendar tbody td .day .my_lec a:first-child {text-decoration:none;cursor:default;}
.sec_calendar tbody td .day .my_lec_mob {position:absolute; top:0; left:0; display:none; width:100%; height:100%; z-index:2;}
.sec_calendar tbody td .day .my_lec_mob span {font-size:0;}

.medal_wrap {display:none;}
.medal_wrap.active {position:fixed; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; z-index:1001;}
.medal_wrap .medal_box {overflow-y:auto;position:relative; width:100%; max-width:60rem; height:calc(100% - 1%); background-color:#fff; border-radius:1rem; /*border:1px solid #4F5665; box-shadow: 0px 10px 15px #000;*/}
.medal_wrap .medal_box .modal_top_close {right:2rem; top:2rem;}
.medal_wrap .medal_head {width:100%; padding:2.5rem 3rem; background-color:#F9F8FF;}
.medal_wrap .medal_head .dream_point_txt {display:block; width:100%; text-align:center; font-size:1.6rem; color:#212121;}
.medal_wrap .medal_head .single_medal .medal_tit {text-align:center; font-size:1.8rem; color:#212121; padding:2rem 0 1rem 0;}
.medal_wrap .medal_head .single_medal .gold_medal {width:9.6rem; height:9.6rem; margin:0 auto; background: url('../images/my_class/icon_calendar_gold_m.svg') no-repeat center center; background-size:9.6rem auto;}

.medal_wrap .medal_head .points_zone {display:flex; justify-content:space-between; align-items:center; padding:2rem 3rem 3rem 3rem; border-bottom:1px solid #C7C2E3;}
.medal_wrap .medal_head .points_zone > dl {width:100%; max-width:12.5rem;}
.medal_wrap .medal_head .points_zone > dl > dt {width:100%;}
.medal_wrap .medal_head .points_zone > dl > dt > span {display:block; text-align:center; font-size:1.8rem; color:#fff; padding:1rem 2.5rem; background-color:#312770; border-radius:3rem;}
.medal_wrap .medal_head .points_zone > dl > dd {width:100%; display:block; text-align:center; font-size:2rem; color:#212121; padding-top:2rem;}

.medal_wrap .medal_head .double_medal .medal_tit {text-align:center; font-size:1.8rem; color:#212121; padding:2rem 0 1rem 0;}
.medal_wrap .medal_head .double_medal .gold_silver_medal {width:15rem; height:9.6rem; margin:0 auto; background-image:url('../images/my_class/icon_calendar_gold_m.svg'), url('../images/my_class/icon_calendar_silver_m.svg'); background-size:9.6rem auto, 9.6rem auto; background-position:left center, right center; background-repeat:no-repeat;}
.medal_wrap .medal_head .double_medal .point_tit {display:block; width:100%; max-width:22.5rem; text-align:center; font-size:1.8rem; color:#fff; margin:2rem auto 0; padding:1rem 2.5rem; background-color:#312770; border-radius:3rem;}
.medal_wrap .medal_head .double_medal .point_num {width:100%; display:block; text-align:center; font-weight:bold; font-size:2rem; color:#212121; padding-top:2rem;}

.medal_wrap .medal_body {width:100%; padding:2.5rem; background-color:#fff;}
.medal_wrap .medal_body .points_info li {width:100%; display:flex; justify-content:start; align-items:center; padding:2.3rem 0; border-bottom:1px solid #DADADA;}
.medal_wrap .medal_body .points_info li:first-child {padding-top:0;}
.medal_wrap .medal_body .points_info li:last-child {padding-bottom:0; border-bottom:0;}
.medal_wrap .medal_body .points_info li .gold_medal {width:100%; max-width:7.5rem; height:7.5rem; margin-right:2.2rem; background: url('../images/my_class/icon_calendar_gold_m.svg') no-repeat center center; background-size:7.5rem auto;}
.medal_wrap .medal_body .points_info li .silver_medal {width:100%; max-width:7.5rem; height:7.5rem; margin-right:2.2rem; background: url('../images/my_class/icon_calendar_silver_m.svg') no-repeat center center; background-size:7.5rem auto;}
.medal_wrap .medal_body .points_info li .icon_medal {width:100%; max-width:7.5rem; height:11rem; margin-right:2.2rem; background: url('../images/my_class/icon_calendar_medal.svg') no-repeat center center; background-size:7.5rem auto;}
.medal_wrap .medal_body .points_info li > dl > dt {text-align:left; font-weight:400; font-size:1.8rem; color:#212121; padding-bottom:1rem; line-height:1.2; letter-spacing:-0.02em;}
.medal_wrap .medal_body .points_info li > dl > dd {text-align:left; font-size:1.6rem; color:#8E8E8E; line-height:1.4;}

@media screen and (max-width: 1024px) { 
    .sec_calendar .cal_title_wrap {padding:0 0 6rem 0;}
    .sec_calendar .cal_title_wrap > .att_days {display:block; width:100%; text-align:center; font-size:2.6rem; padding-bottom:1rem;}
    .sec_calendar .cal_title_wrap > .tit .question {right:-3rem; width:3rem; height:3rem; font-size:2.5rem;}
    .sec_calendar thead th {font-size:2.8rem;}
    .sec_calendar tbody td .day .num {font-size:2.4rem;}
    .sec_calendar tbody td .day .my_lec {display:none;}
    .sec_calendar tbody td .day .my_lec_mob {display:flex;}
    .sec_calendar tbody td .day.silver {background:url('../images/my_class/icon_calendar_silver_m.svg') no-repeat center center / 100% auto;}
    .sec_calendar tbody td .day.gold {background:url('../images/my_class/icon_calendar_gold_m.svg') no-repeat center center / 100% auto;}

    .medal_wrap .medal_box {max-width:96%; height:calc(100% - 5%);}
    .medal_wrap .medal_head .dream_point_txt {font-size:2.2rem;}
    .medal_wrap .medal_head .points_zone {justify-content:center;}
    .medal_wrap .medal_head .points_zone > dl {max-width: 14.5rem; margin:0 1rem;}
    .medal_wrap .medal_head .points_zone > dl > dt > span {font-size:2.2rem; padding:1.5rem 2.5rem;}
    .medal_wrap .medal_head .points_zone > dl > dd {font-size:2.6rem;}
    .medal_wrap .medal_head .single_medal .medal_tit {font-size:2.2rem;}
    .medal_wrap .medal_head .double_medal .point_tit {font-size:2.2rem; padding:1.5rem 2.5rem;}
    .medal_wrap .medal_head .double_medal .point_num {font-size:2.6rem;}
    .medal_wrap .medal_body .points_info li > dl > dt {font-size:2.2rem;}
    .medal_wrap .medal_body .points_info li > dl > dd {font-size:2rem;}
}

@media screen and (max-width: 719px) { 
    .medal_wrap .medal_box {height:auto;}
}

/* -------------------------- tablet -------------------------- */
@media screen and (max-width: 1023px) {
    /* 나의학습방 서브메인 */
	.sub_sec_group .sub_sec {width:100%;}
    .sub_sec_group .sub_sec .cont_wrap {height:auto;}
    .sub_sec_group .sub_sec.sec_qna.disabled .cont_wrap {min-height:45.2rem;}/* 2021-05-10 수정 */
    .sub_sec_group .sub_sec.sec_my_study.disabled .cont_wrap {min-height:44.2rem;}/* 2021-05-10 수정 */
    .sub_sec .new_member .txt{font-size:2.4rem; line-height:3.6rem;}
    .sub_sec .new_member .txt strong {font-size:2.6rem;}

    .notify_list {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .notify_list li {width:50%; min-height:21.8rem; padding:3rem 3rem 3.7rem 3rem;}
    .notify_list li .tit {font-size:2.4rem;}
    .notify_list li:nth-child(odd):before {display:none;}
    .notify_list li:nth-child(3),
    .notify_list li:nth-child(4) {border-top:1px solid #e5e5e5;}
    .notify_list li .count {display:flex;align-items:baseline;font-size:6.6rem;}
    .notify_list li .unit {font-size: 2.4rem;}
    .notify_list li .label_txt {width:100%; height:4rem; font-size:2.2rem; line-height:4rem;}

    /* 이번주 문제풀이 수 2022-03-15 추가 */
    .learn_today {margin:3rem 0 4rem 0;padding:0;}
    .learn_today .today_list {display:block;}
    .learn_today .today_list li {width:100%;}
    .learn_today .today_list li:first-child {padding-bottom:3rem;border-right:0;border-bottom:1px solid #e5e5e5;}
    .learn_today .today_list li:nth-child(2) {float:left;}
    .learn_today .today_list li:nth-child(3) {float:right;}
    .learn_today .today_list li:nth-child(2),
    .learn_today .today_list li:nth-child(3) {width:50%;height:100%;padding:3rem 2%;margin:3rem 0;}
    .learn_today .today_list li > .tit {font-size:2.4rem;padding:1.5rem 0;}
    .learn_today .today_list li > .day {font-size:2.2rem;}
    .learn_today .today_list li:first-child > .count {padding:2rem 0;}
    .learn_today .today_list li:nth-child(2) > .count {flex-direction:column;align-items:center;padding:2.5rem 0;}
    .learn_today .today_list li > .count .num_size_b {font-size:6.6rem;}
    .learn_today .today_list li > .count > .txt {font-size:2.4rem;padding:2rem 0;}
    .learn_today .today_list li > .count .num_size_m {font-size:3.6rem;}
    .learn_today .today_list li > .count .num_size_m > i {font-size:2.4rem;}
    .learn_today .today_list li > .day_time {flex-direction:column;align-items:center;}
    .learn_today .today_list li > .day_time > .txt {font-size:2.4rem;padding:2rem 0;}
    .learn_today .today_list li > .day_time > .time {font-size:2.4rem;}
    .learn_today .today_list li > .day_time > .time > i {font-size:3.6rem;}
    .learn_today .today_list li:last-child .day_time {justify-content:center;padding:9rem 0 0 0;}
    .learn_today .today_list li > .label_txt {font-size:2.2rem;}
    .learn_today .today_list li > .btn_danchoo {min-width:38rem;font-size:2.2rem;padding:2rem 0;}
    .learn_today .disable_box {background-color:rgba(0,0,0,0.78);}
    .learn_today .disable_box .txt {font-size:2.6rem; line-height:3.6rem;}

    .sub_sec .tit_wrap {margin-bottom:2rem;}
    .sub_sec .tit_wrap .tit {font-size:2.6rem;}

    /* 인공지능 ai */
    .sub_sec .disable_box {background-color:rgba(0,0,0,0.78);}
    .sub_sec .disable_box .txt {font-size:2.6rem; line-height:3.6rem;}

    /* .sub_sec.sec_ai .cont_wrap {padding:3rem; background-color:#f9f9f9;} */
    .rank_list {margin-bottom:0;}
    .rank_list .doughut_con {padding:4rem 3rem 2rem 4rem;}
    .rank_list .doughut_con .rank_percen {margin-right:2.5rem;}
    .rank_list .doughut_con .rank_percen .text_num {font-size:2.8rem;}
    .rank_list .doughut_con .rank_percen .donut_match {width:14rem; height:14rem;}
    .rank_list .doughut_con .rank_percen .donut_match .c100 {font-size:13rem;}
    .rank_list .doughut_con .rank_percen .donut_match p {font-size:2rem;}
    .rank_list .doughut_con .rank_percen .donut_match p em {margin-top:1rem; font-size:2.6rem;}
    .rank_list .doughut_con .rank_detail {height:auto;}
    .rank_list .doughut_con .rank_detail .per_con {margin-right:1.5rem; font-size:1.8rem; font-weight:400;}
    .rank_list .doughut_con .rank_detail .per_con .donut {width:6.4rem; height:6.4rem; margin-bottom:1rem;}
    .rank_list .doughut_con .rank_detail .per_con .donut .c100 {font-size:6.4rem;}
    .rank_list .doughut_con .rank_detail .per_con .donut p {font-size:1.6rem;}
    .rank_list .teacher_con {height:calc(100% - 20rem);}
    .rank_list .teacher_con .thumb {width:16rem; margin:0 3.5rem 0 4rem}
    .rank_list .teacher_con .lec_detail a {font-size:2.2rem; line-height:2.9rem;}
    .rank_list .teacher_con .lec_detail .desp {font-size:1.8rem;}
    .rank_list .teacher_con .lec_detail .desp span:after {height:1.5rem;}
    .rank_list .teacher_con .lec_detail .btn_area button {min-width:14.8rem; height:5rem;}

    /* .sec_ai .slick-prev {left:-3rem;}
    .sec_ai .slick-next{right:-3rem} */    
    .sec_average .tit_wrap .sub_txt {position:relative; top:1px; font-size:2.4rem;}
    .sec_average .tit_wrap .sub_txt:before {width:2.4rem; height:2.4rem; margin-right:0.4rem; background:url('../images/common/ico_exclamation03_m.png') no-repeat 0 0 / 100% 100%;}

    /* 친구들 평균학습 */
    .sec_average .cont_wrap .canvas_wrap {height:42rem;}

    /* 최근수강 */
    .existing_learner .title_wrap {height:calc(100% - 22.8rem); padding:4rem 3rem 5.5rem 3rem;}
    .existing_learner .title_wrap .tit {font-size:3rem; line-height:4rem;}
    .existing_learner .title_wrap .cont em {font-size:2.4rem; line-height:1;}
    /*
    .existing_learner .progress_wrap {padding:4rem 3rem;}
    .existing_learner .progress_item + .progress_item {margin-top:4rem;}
    .existing_learner .progress {height:6.2rem;}
    .existing_learner .progress_tit {font-size:2.4rem;}
    .existing_learner .progress_total {width:16.2rem; font-size:2.4rem; line-height:3rem;}
    .existing_learner .progress_gage {height:3rem;}
    .existing_learner .progress_bar .progress_value {padding:1rem 1.5rem; font-size:2.4rem; border-radius:3rem;}
    .existing_learner .progress_bar .progress_value::after {border-left:0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top:0.6rem solid #ff5b5b;}
    */
    /* 도넛버전 */
    .existing_learner .graph_progress {position:relative; height:auto; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:4rem;}
    .existing_learner .graph_progress .graph {width:20rem; padding:0;}
    .existing_learner .graph_progress .graph .donut {width:20rem; height:20rem;}
    .existing_learner .graph_progress .graph .donut p em {font-size:3.6rem; line-height:1.2;}
    .existing_learner .graph_progress .graph .donut p em strong {font-size:4rem;}
    .existing_learner .graph_progress .graph .donut .c100 {font-size:20rem;}
    .existing_learner .graph_progress .graph .donut .c100 > span {line-height:20rem;}
    .existing_learner .graph_progress .data {max-width:calc(100% - 20rem); width:auto; padding-left:4rem;}/* 2021-04-26 수정 */
    .existing_learner .graph_progress .data .legend {max-width:45rem; margin-top:0; font-size:2.4rem; line-height:1.4;}
    .existing_learner .graph_progress .data .legend dt {max-width:100%; min-width:21rem; width:20rem; margin:0.6rem 0 0 0;}
    .existing_learner .graph_progress .data .legend dd {max-width:100%; min-width:23rem; width:auto; margin:0.6rem 0 0;}
    .existing_learner .graph_progress .data .legend dt ~ dt,
    .existing_learner .graph_progress .data .legend dd ~ dd {margin:2rem 0 0 0;}
    .existing_learner .graph_progress .data .legend dt.current + dd .txt_count_goal {display:inline;}
    .existing_learner .graph_progress .data .legend dt::before {position:relative; top:-0.2rem;}
    .existing_learner .graph_progress .data .bul {position:absolute; left:0; bottom:0; width:100%; padding:4rem; margin:0;}
    .existing_learner .graph_progress .data .bul.bul_feel.sm p::before {top:0;}
    
    /* 학습 Q&A*/
    .sub_sec_group .sub_sec.sec_qna .cont_wrap {height:auto;}
    .sub_sec_group .sub_sec.sec_qna .cont_wrap .new_member {height:45rem;}
    .board_qna_list ul li {padding:3rem;}
    .board_qna_list ul li .class_nm {height:7.4rem; line-height:7.4rem; font-size:2.8rem;}/* 2021-04-01 수정 */
    .board_qna_list ul li .class_nm span {line-height:1.3}/* 2021-04-07 수정 */
    .board_qna_list ul li .title {margin-top:1rem; width:100%;}/* 2021-04-08 수정 */
    .board_qna_list ul li .title a {font-size:2.4rem; letter-spacing:-1px; padding-top:.3rem; vertical-align:middle; width:calc(100% - 19.5rem);}/* 2021-04-26 수정 */
    .board_qna_list ul li .title [class^='flag_state'] {width:9.4rem; margin-right:0.5rem; font-size:2.2rem; letter-spacing:-1px; display:inline-block; text-align:center;}/* 2021-04-08 수정 */
    .board_qna_list ul li .date {bottom:4rem; right:3rem; font-size:2.4rem; line-height:1; letter-spacing:-1px;}

    /* 나의 학습정보 */
    .sec_my_study .cont_wrap .time_wrap .week_area strong {font-size:2.6rem;}
    .sec_my_study .cont_wrap .time_wrap .week_area p {font-size:2.4rem;}
    .sec_my_study .cont_wrap .cont_left {height:calc(100% - 20rem);}
    .sec_my_study .cont_wrap .cont_right {display:-webkit-box;display:-ms-flexbox;display:flex; height:20rem; border-top:1px solid #dadada; border-left:0;}
    .sec_my_study .cont_wrap .cont_right > div {height:100%; width:50%;}
    .sec_my_study .cont_wrap .cont_right > div .tit {font-size:2.4rem; line-height:3.6rem;}

    .sec_my_study .cont_wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .sec_my_study .cont_wrap > div {width:100%;}
    .sec_my_study .cont_wrap .time_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; padding:4rem 0 5.5rem;}
    .sec_my_study .cont_wrap .time_wrap > div {width:50%;}
    .sec_my_study .cont_wrap .time_wrap .time_area {margin-top:0;}
    .sec_my_study .cont_wrap .time_wrap .time_area .time {font-size:2.6rem;}
    .sec_my_study .cont_wrap .time_wrap .time_area .time span {font-size:6.6rem;}
    .sec_my_study .cont_wrap .time_wrap .time_area .day_time {margin-top:2.8rem; font-size:2.4rem;}
    .sec_my_study.new_member .cont_right .lecture_wrap {background:url('../images/my_class/img_my_study01_m.png') calc(100% - 3rem) calc(100% - 3rem) no-repeat; background-size:9.2rem auto;}
    .sec_my_study .cont_wrap .cont_right .question_wrap {border-left:1px solid #dadada; border-top:0; background:url('../images/my_class/img_my_study02_m.png') calc(100% - 3rem) calc(100% - 3rem) no-repeat; background-size:9.0rem auto;}
    .sec_my_study .cont_wrap .cont_right > div .btn_S2_col1 {width:10rem; height:5rem; font-size:2.4rem;} 
    
    /* 학습 계획표 */
    .my_schedule .sche_head .month {width:10rem; margin-right:0; font-size:3rem; flex:none;}
    .my_schedule .sche_head .slide_days {width:calc(100% - 10rem)}
    .my_schedule .sche_head .slide_days .btn_day {font-size:2.4rem;}
    .my_schedule .sche_head .slide_days .btn_day.slick-current span {width:4.2rem; height:4.2rem;}
    .my_schedule .sche_head .slide_days .slick-prev,
    .my_schedule .sche_head .slide_days .slick-next {width:3.8rem; height:3.8rem;}
    .my_schedule .sche_head .slide_days .slick-prev::before, 
    .my_schedule .sche_head .slide_days .slick-next::before {margin-left: -0.4rem; margin-top:-0.8rem; border-top: 0.8rem solid transparent; border-bottom: 0.8rem solid transparent;}
    .my_schedule .sche_head .slide_days .slick-prev::before {content:''; border-right:0.8rem solid #a0a0a0;}
    .my_schedule .sche_head .slide_days .slick-next::before {content:''; border-left:0.8rem solid #a0a0a0;}
    .my_schedule .sche_list {margin-top:4.5rem;}
    .my_schedule .sche_list li {height:8.2rem;}
    .my_schedule .sche_list li a {font-size:2.4rem;}
    .my_schedule .sche_list li a::before {width:1rem; height:1rem; top:-0.5rem; border-radius:50%;}
    .sub_sec.sec_plan .new_member {margin:5.6rem 0 10rem;}
    
    /* 나의 목표대학 */
    .sec_goal_uni .cont_wrap {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .sec_goal_uni .cont_wrap > div {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; height:25rem;}
    .sec_goal_uni .cont_wrap .cont_right > div {width:50%;}
    .sec_goal_uni .cont_wrap .cont_left .first {width:100%; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .sec_goal_uni .cont_wrap .second, 
    .sec_goal_uni .cont_wrap .third {height:25rem;}

    .sec_goal_uni .cont_wrap .first .tit {width:50%; font-size:2.4rem; line-height:3.4rem;}
    .sec_goal_uni .cont_wrap .second .tit,
    .sec_goal_uni .cont_wrap .third .tit {margin-bottom:0.5rem; font-size:2.4rem; line-height:3.4rem;}
    .sec_goal_uni .cont_wrap .item .uni_logo {width:13rem; height:13rem;}
    .sec_goal_uni .cont_wrap .item.first .uni_logo {width:16rem; height:16rem; margin:auto}
    .sec_goal_uni .cont_wrap .item .uni_logo img  {width:100%;}
    
    .sec_goal_uni .cont_wrap .cont_right .third {border-top:0; border-left:1px solid#dadada;}
    .sec_goal_uni .cont_wrap .cont_right {display:-webkit-box;display:-ms-flexbox;display:flex; border-top:1px solid#dadada; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; border-left:0;}

    .sec_goal_uni .cont_wrap .item.org_member .rank dt {margin-bottom:1.5rem; font-size:2.4em; line-height:1;}
    .sec_goal_uni .cont_wrap .item.org_member .rank dd {font-size:2.4rem; line-height:1.5;}
    .sec_goal_uni .cont_wrap .first.org_member { padding:3rem 1rem;}
    .sec_goal_uni .cont_wrap .first.org_member .rank {width:50%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .sec_goal_uni .cont_wrap .first.org_member .rank dt {font-size:2.8rem; text-align:center; }
    .sec_goal_uni .cont_wrap .first.org_member .rank dd {padding:0 2rem; font-size:2.8rem;}
    .sec_goal_uni .cont_wrap .second.org_member,
    .sec_goal_uni .cont_wrap .third.org_member {position:relative; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; padding:3rem 2rem;}
    .sec_goal_uni .cont_wrap .second.org_member .rank dt,
    .sec_goal_uni .cont_wrap .third.org_member .rank dt {padding-left:2rem;}
    .sec_goal_uni .cont_wrap .second.org_member .uni_logo,
    .sec_goal_uni .cont_wrap .third.org_member .uni_logo {position:absolute; z-index:1; right:2rem; bottom:2rem; text-align:left;}

    .sec_goal_uni.new_member .cont_wrap .first .tit {width:50%; font-size:2.4rem; line-height:3.2rem;}
    .sec_goal_uni.new_member .cont_wrap .second .tit, 
    .sec_goal_uni.new_member .cont_wrap .third .tit {font-size:2.4rem; line-height:1.4; padding:0 3rem; margin-top:-0.2rem; margin-bottom:1rem;}

    .sec_goal_uni.org_member .cont_wrap .rank {width:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row;}
    .sec_goal_uni.org_member .cont_wrap .rank dt {font-size:2.4rem;}
    .sec_goal_uni.org_member .cont_wrap .rank dd {height:4.8rem; width:18rem; margin-left:2rem; border-radius:3rem; font-size:2.4rem;}
    .sec_goal_uni.org_member .cont_wrap .first {padding:0;}
    .sec_goal_uni.org_member .cont_wrap .first .rank {width:50%; padding:0 6.6rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .sec_goal_uni.org_member .cont_wrap .first .rank dt {font-size:2.8rem;}
    .sec_goal_uni.org_member .cont_wrap .first .rank dd {width:100%; margin-left:0rem; font-size:2.8rem;}
    .sec_goal_uni.org_member .cont_wrap .second .rank dt, 
    .sec_goal_uni.org_member .cont_wrap .third .rank dt {padding-left:0;}
    .sec_goal_uni.org_member .cont_wrap .second .uni_logo, 
    .sec_goal_uni.org_member .cont_wrap .third .uni_logo {position:relative; right:inherit; bottom:inherit; margin:auto;}

    /* 2025-06-16 수정 */
    .search_list_wrap.uni_type .uni_list ul li {width:auto;}

    /* 나의 학급 */
    .sec_class .class_list li {-ms-flex-wrap:wrap;flex-wrap:wrap; padding:3rem 0;}/* 2021-04-21 수정 */
    .sec_class .class_list li > p {width:auto; margin-top:1.8rem; padding-left:3rem; font-size:2.4rem; text-align:left;}
    .sec_class .class_list li .tit {width:100%; margin-top:0; font-size:2.8rem; line-height:3.3rem;}

    /* 나의 회원정보 */
    .sec_my_info .cont_wrap {padding:4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .sec_my_info .cont_wrap .btn_left {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
    .sec_my_info .cont_wrap .btn_left .btn_L_col11 {height:7rem; width:calc(50% - 0.5rem); margin-right:0; font-size:2.4rem;}
    .sec_my_info .cont_wrap .btn_left .btn_L_col12 {height:7rem; width:18rem; margin-top:1rem; font-size:2.4rem;}
    .sec_my_info .cont_wrap .btn_right {margin-top:1rem;}
    .info_sec .title_flex [class^='btn_info_'] {height:4rem; font-size:2.4rem; line-height:3.8rem;}/* 2021-11-25 수정 */
    
    /* 무상교재 신청자 대상 레이어 팝업 | 2021-11-25 수정 */
    .modal_setup .board_head .tit {font-size:2.4rem;}
    .agree_box .agree_inp.agree_flex_box {display:block;}
    .agree_box .agree_inp.agree_flex_box .msg_txt {font-size:2.4rem;}
    .agree_box .agree_inp.agree_flex_box .rdo_r {margin-top:1.5rem;}
    .modal_setup .board_form .textbook_name {font-size:1.8rem; line-height:1.3;}
    .modal_setup.step_textbook .board_form .controls_tel {width:100%;}
    .modal_setup.step_textbook .board_form .controls_tel select,
    .modal_setup.step_textbook .board_form .controls_tel input {max-width:100%;}
    .modal_setup.step_textbook .controls_addr > div:last-child input {margin-left:0;}
    .modal_setup.step_textbook .controls_addr button {flex:none; margin-left:1rem;}
    
    /* 나의 강좌 */
    .lecture_list li {width:100%;}
    .lecture_list li .item_head .date p {font-size:2.4rem;}
    .lecture_list li .item_body {min-height:26rem; padding:2rem 3rem;}
    .lecture_list li .item_body .img {width:16.6rem; margin-top:4.4rem; display:-webkit-box; display:-ms-flexbox; display:flex; align-items:start;}
    .lecture_list li .item_body .img + .cont_wrap {margin-left:2rem;}
    .lecture_list li .item_body .cont_wrap {width:calc(100% - 18.6rem);}
    .lecture_list li .item_body .cont_wrap .tit {font-size:2.6rem; line-height:3.2rem;}
    .lecture_list li .item_body .cont_wrap .btn_area {margin-top:3rem;}
    .lecture_list li .item_body .cont_wrap .btn_area button {width:14rem;}
    .lecture_list li .item_body .cont_wrap .detail_info {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .lecture_list li .item_body .cont_wrap .detail_info span {font-size:2.4rem; line-height:1.2;}
    .lecture_list li .item_body .cont_wrap .detail_info span + span::before {height:2rem; margin:0 0.8rem}
    .tab_slick + .title_wrap3 {display:none;}

    /* 듀냐학습방 - 수강중인 강좌 */
    .board_list.board_lecture_line .tbody {position:relative;}
    .board_list.board_lecture_line .tbody div.col_left {width:90% !important;}
    .board_lecture_line .tbody > div.col_left ~ div::before {content:none;}
    .board_lecture_line .col_1_2.m_pa01 {width:100%; padding-left:8%;}
    .board_lecture_line .col_1_2.m_pa01 .txt_date{position:relative; height:40px; margin-left:102px; text-align:left;}
    .board_lecture_line .col_1_2.m_pa02 {position:absolute; right:0; bottom:2rem; width:80px; padding:0;}
    .board_lecture_line .txt_date {font-size:2.4rem; padding-top:1.5rem;}
    .board_lecture_line .txt_date .pro_rate {font-size:2.4rem;}
    .board_lecture_line .lecture_item {display:flex; align-items:start;}
    .board_lecture_line .lecture_item .img {width:90px; height:92px; margin-top:5rem;}
    .board_lecture_line .lecture_item .cont_wrap {width:69%;}
    .board_lecture_line .lecture_item .cont_wrap .tit {display:block; font-size:2.6rem; line-height:1.3; height:auto;}
    .board_lecture_line .lecture_item .cont_wrap .state {margin-top:1rem;}
    .board_lecture_line .lecture_item .cont_wrap .state span {font-size:2.4rem;}
    .board_lecture_line .lecture_item .cont_wrap .state span + span::before {height:2rem; margin:0 0.8rem;}

    /* 듀냐학습방 - 수강완료 강좌 */
    .board_lecture_line .col_1_2.m_pa03 {display:flex; width:100%; padding-left:8%;}
    .board_lecture_line li .tot_num {display:inline-flex; justify-content:center; align-items:center; font-size:2.4rem; margin:0 1.5rem 0 102px;}
    .board_lecture_line li .tot_num:before  {display:inline-block; width:3rem; height:3rem; margin-right:1rem; background:url('../images/my_class/ico_cmplt_num.png') no-repeat; background-size:100%; content:'';}
    .board_lecture_line li .tot_num + .btn_area button {margin-right:0;}

    /* 막대그래프 백업 */
    .lecture_list li .item_foot .progress_wrap {padding:0 3rem;}
    .lecture_list li .item_foot .progress_item {padding:4rem 0 3rem;}
    .lecture_list li .item_foot .progress {height:6.2rem;}
    .lecture_list li .item_foot .progress_tit {font-size:2.4rem;}
    .lecture_list li .item_foot .progress_total {width:16.2rem; font-size:2.4rem; line-height:3rem;}
    .lecture_list li .item_foot .progress_gage {height:3rem;}
    .lecture_list li .item_foot .progress_bar .progress_value {padding:1rem 1.5rem; font-size:2.4rem; border-radius:3rem;}
    .lecture_list li .item_foot .progress_bar .progress_value::after {border-left:0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top:0.6rem solid #ff5b5b;}

    /* 도넛그래프 */
    .lecture_list li .graph_progress {padding:2.4rem; min-height:auto;}
    /* .lecture_list li .graph_progress .graph {width:20rem; justify-content: flex-start;}
    .lecture_list li .graph_progress .graph .donut {width:17rem; height:17rem;}
    .lecture_list li .graph_progress .graph .donut p em {font-size:3.6rem; line-height:1.2;}
    .lecture_list li .graph_progress .graph .donut p em strong {font-size:4rem;}
    .lecture_list li .graph_progress .graph .donut .c100 {font-size:17rem;}
    .lecture_list li .graph_progress .graph .donut .c100 > span {line-height:17rem;} */
    .lecture_list li .graph_progress .data {width:100%;}
    .lecture_list li .graph_progress .data .legend {margin-top:0 !important; font-size:2.4rem; line-height:1.4;}
    .lecture_list li .graph_progress .data .legend dt {width:40% !important; margin:0 !important; line-height: normal;}/* 2024-05-14 수정 */
    .lecture_list li .graph_progress .data .legend dt.goal {width:100% !important;}/* 2021-04-26 수정 */
    .lecture_list li .graph_progress .data .legend dd {width:60% !important; margin:0.6rem 0 0 0; line-height:normal;}/* 2024-05-14 수정 | margin:0.6rem 0 0 0 !important; */
    .lecture_list li .graph_progress .data .legend .total + dd {margin:0;}/* 2024-05-14 수정 */
    .lecture_list li .graph_progress .data .legend dt ~ dt {margin:0.6rem 0 0 0 !important;}
    .lecture_list li .graph_progress .data .legend dd ~ dd {margin:0.6rem 0 0 0 !important;}
    .lecture_list li .graph_progress .data .legend dt::before {position:relative; top:-0.4rem;}
    .lecture_list li .graph_progress .data .legend dd .txt_complet {display:block;}
    .lecture_list li .graph_progress .data .bul {position:absolute; left:0; bottom:0; width:100%; padding:4rem; margin:0;}
    .lecture_list li .graph_progress .data .bul.bul_feel.sm p::before {top:0;}

    /* 나의 강좌 - 수강완료 강좌 */
    .lecture_list.type_cmplt li .item_head .state p {font-size:2.4rem;}
    .lecture_list.type_cmplt li .item_head .state p:before {width:2.9rem; height:2.9rem; margin-right:1.2rem;}
    .lecture_list.type_cmplt li .item_head .state p.number:before {background:url('../images/my_class/ico_cmplt_num_m.png') no-repeat; background-size:100%;}
    .lecture_list.type_cmplt li .item_head .state p.achieve:before {background:url('../images/my_class/ico_cmplt_goal_m.png') no-repeat; background-size:100%;}
    .lecture_list.type_cmplt li .item_foot .btn_cmplt {height:13rem; padding:0 4rem;}
    .lecture_list.type_cmplt li .item_foot .btn_cmplt .tot_num {font-size:2.6rem;}
    .lecture_list.type_cmplt li .item_foot .btn_cmplt .tot_num:before {width:2.9rem; height:2.9rem; background:url('../images/my_class/ico_cmplt_num_m.png') no-repeat; background-size:100%;}
    .lecture_list.type_cmplt li .item_foot .btn_cmplt .date p {font-size:2.4rem; line-height:1;}
    .lecture_list.type_cmplt li .tot_cmplt_list li {height:13rem; padding:0 4rem;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .num_area {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .num{margin-right:2rem; font-size:2.6rem;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .tot_date {font-size:2.6rem;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .date p {font-size:2.4rem; line-height:1;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .btn_cmplt_more {height:9rem; font-size:2.4rem;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .btn_cmplt_more:after {width:1.4rem; height:1.4rem;}
    
    /* 2024-04-29 추가 */
    .lecture_list.type_cmplt li .item_result .btn_cmplt {height:10rem; padding:0 3rem;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt :after {width:18px; height:18px; right:2rem;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt .tot_num {font-size:2.6rem;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt .tot_num:before {width:2.9rem; height:2.9rem; margin-right:2rem; background:url('../images/my_class/ico_cmplt_num_m.png') no-repeat; background-size:100%;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt  .date {padding-right:4.5rem;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt  .date p {font-size:2.4rem;}
    .lecture_list.type_cmplt li .item_result .btn_cmplt  .date p + p {font-size:2.4rem; margin-top:2rem;}

    /* 나의 좋아요 */
    .like_sec + .like_sec {margin-top:4rem;}
    .like_sec .tit_wrap .tit {font-size:2.6rem;}
    .like_sec .tit_wrap .bul.bul_feel.sm.gray p::before {width:2.1rem; height:2.1rem; margin-top:0.3rem; background:url(../images/common/ico_feel_gray_sm02.png) no-repeat center center / 100% auto;}
    .like_sec .like_sec_cont .nodata {height:22.6rem;}
    .like_sec .like_sec_cont .nodata p {font-size:2.4rem;}

    /* 나의 좋아요 - 강좌 */
    .like_lecture_list .item {width:100%;padding:3rem 4.5rem 3rem 3rem;}
    .like_lecture_list .item .img {width:16.5rem;}
    .like_lecture_list .item .txt {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
    .like_lecture_list .item .txt .tit {font-size:2.6rem; line-height:3.2rem;}
    .like_lecture_list .item .txt .detail_info {display:block; margin-top:2rem; overflow:hidden;}
    .like_lecture_list .item .txt .detail_info span {font-size:2.4rem; float:left;}
    .like_lecture_list .item .txt .detail_info span:nth-child(3) {clear:both;}
    .like_lecture_list .item .txt .detail_info span:nth-child(3):before {display:none;}
    .like_lecture_list .item .txt .detail_info span + span::before {height:2rem; margin:0 1.2rem;}
    /* .like_lecture_list .item .txt .detail_info span.subject,
    .like_lecture_list .item .txt .detail_info span.subject + span::before {display:none;} 레드마인 8629 마지막 일감*/ 
    
    /* 나의 좋아요 - 선생님 */
    .like_teacher_list {padding:3rem 3.5rem;}
    .like_teacher_list .item .teacher_nm {display:-webkit-box;display:-ms-flexbox;display:flex; font-size:2.4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .like_teacher_list .item .teacher_nm span {display:block; margin-bottom:1rem; font-size:2.4rem;}
    .like_sec.like_teacher .like_sec_cont .nodata {height:35rem;}

    /* 나의 좋아요 - 교재 */
    .like_textBook_list {margin:1rem 0;}
    .like_textBook_list .slide_item {width:100%; height:auto;}
    .like_textBook_list .slide_item > a {display:block; height:auto;}
    .like_textBook_list .slide_item > a img {width:100%; height:100%;}
    .like_textBook_list .slide_item > div {padding:2rem; line-height:3.6rem;}
    .like_textBook_list .slide_item > div strong {padding:0 0 1.4rem; font-size:2.8em; line-height:1.3;}
    .like_textBook_list .slide_item > div p {font-size:2.4rem;}
    .like_textBook_list .slide_item > div dl {position:relative;left:0;bottom:0;padding-top:1rem;font-size:2.2rem;}
    .like_textBook_list .slide_item > div dl dd span:after {height:2rem; margin:-0.3rem 0.6rem 0;}
    .like_textBook_list .slide_item > .btn_heart {bottom:2.3rem; right:1.5rem;}
    .like_textBook_list .slide_item > .btn_heart input[type="checkbox"] {width:3.5rem; height:3.5rem;}

    /* 나의 좋아요 - 강좌 및 선생님 새소식 */
    .like_news .tit_wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .like_news .tit_wrap .bul_feel {margin-top:2rem; margin-left:0; font-size:2.4rem;}
    .like_news .like_sec_cont {padding:3rem;}

    /* 나의 목표대학 */
    .box_goal_uni .tit {font-size:2.4rem;}
    .box_goal_uni .tit:before {width:3.9rem; height:2.9rem; background-size:100%;}

    .search_box .search_group {-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
    .search_box.speed_uni label {width:100%; font-size:2.6rem; line-height:1;}
    .search_box.speed_uni select {width:calc(50% - 0.5rem); margin-top:2rem;}
    .search_box.speed_uni label + select {margin-left:0;}
    .search_box.speed_uni .btn_L_col7 {width:21rem; height:7rem; margin:2rem 0 0 0;}

    .mygoal_uni_list li {width:100%}
    .mygoal_uni_list li .uni_info_wrap {height:calc(100% - 17.4rem);}
    .mygoal_uni_list li .uni_info_wrap .txt_area {width:calc(100% - 19rem);}
    .mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm {font-size:3.6rem; line-height:4.8rem;}
    .mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm strong {background:-webkit-gradient(linear, left bottom, left top, color-stop(2rem, rgba(255,245,229,1)), color-stop(2rem, rgba(255,255,255,0)));background:-webkit-linear-gradient(bottom, rgba(255,245,229,1) 2rem, rgba(255,255,255,0) 2rem);background:-o-linear-gradient(bottom, rgba(255,245,229,1) 2rem, rgba(255,255,255,0) 2rem);background:linear-gradient(0deg, rgba(255,245,229,1) 2rem, rgba(255,255,255,0) 2rem);}
    .mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm em.major {font-size:2.8rem;}/* 2025-06-16 추가 */
    .mygoal_uni_list li .uni_info_wrap .txt_area .uni_nm em.model {font-size:3rem;}/* 2025-06-16 추가 */
    .mygoal_uni_list li .uni_info_wrap .detail dt {width:8.1rem; margin-top:1.2rem; font-size:2.4rem; line-height:3.4rem;}
    .mygoal_uni_list li .uni_info_wrap .detail dd {width:calc(100% - 8.1rem); margin-top:1.2rem; font-size:2.4rem; line-height:3.4rem;}
    .mygoal_uni_list li .uni_info_wrap .detail dt.address, 
    .mygoal_uni_list li .uni_info_wrap .detail dt.address + dd {min-height:6.5rem;}
    .mygoal_uni_list li .uni_info_wrap .detail dt.system + dd,
    .mygoal_uni_list li .uni_info_wrap .detail dt.set_up + dd {width:calc(50% - 9rem)}
    .mygoal_uni_list li .uni_info_wrap .detail dt.set_up {width:7rem}

    .mygoal_uni_list li .uni_info_wrap .img {width:19rem;}
    .mygoal_uni_list li .uni_info_wrap .img img {max-width:100%;}

    .mygoal_uni_list li .uni_foot {padding:3rem 0;}
    .mygoal_uni_list li .uni_foot > div {height:auto;}/* 2025-06-16 수정 */
    .mygoal_uni_list li .uni_foot .selected .tot {font-size:2.4rem;}
    .mygoal_uni_list li .uni_foot .selected .tot_num {font-size:2.4rem;}
    .mygoal_uni_list li .uni_foot .selected .tot_num span {font-size:4.5rem;}
    
    /* 학습 Q&A */
    .qna_class_list {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .qna_class_list li {width:50%; min-height:19.4rem; padding:3rem;}
    .qna_class_list li + li:before {top:3rem; height:calc(100% - 6rem);}
    .qna_class_list li:nth-child(odd):before {display:none;}
    .qna_class_list li:nth-child(3),
    .qna_class_list li:nth-child(4) {border-top:1px solid #e5e5e5;}
    .qna_class_list li dl dt {font-size:2.6rem;}
    .qna_class_list li dl dd {font-size:2.4rem;}
    .qna_class_list li dl dd strong {font-size:6.6rem; color:#577dd0;}
    .qna_class_list li p {padding:3rem 0 0; font-size:2.2rem; line-height:3.2rem;}
    .type_row .chk_box {display:inline-block;}
    .type_lectureQna.board_head .order_area .switch_box {margin-right:0;}
    .type_lectureQna .order_area .btn_wrap + select {margin-left:0;}
    .type_lectureQna .btn_order + .btn_order {margin-left:2rem;}
    .type_lectureQna .btn_order + .btn_order:before {left:-1rem;}

    /* 나의 꿈포인트 */
    .box_point .point_banner {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .box_point .point_banner > div {width:100%;}
    .box_point .point_banner > div + div {margin-left:0;}
    .box_point .my_point {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .point_banner .box_point {padding:3rem 3rem 3.5rem 3rem;}
    .point_banner .box_point .tit {font-size:2.4rem; line-height:1; }
    .point_banner .box_point .num {font-size:5.2rem;  line-height:1;}

    .point_banner .box_point.extinction .tit {font-size:2.4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .point_banner .box_point.extinction .tit button {margin:1rem 0 0 0;}
    .point_guide {margin-top:3.7rem;}
    .point_guide .guide_tit_wrap {margin-bottom:1.8rem;}
    .point_guide .guide_tit_wrap .tit {font-size:2.4rem;}

    .search_box.search_point {padding:3rem 3rem;}
    .search_box.search_point .search_group {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; width:100%;}
    .search_box.search_point dt {width:100%; font-size:2.4rem;}
    .search_box.search_point dd {width:100%; margin-top:2rem;}
    .search_box.search_point dd .row {width:100%;}
    .search_box.search_point dd .row + .row {margin-top:2rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .search_box.search_point .search_group .rdo_box {width:calc(100%/3);}
    .search_box.search_point .search_group .rdo_box + .rdo_box {margin-left:0;}
    .search_box.search_point dd .row.row_sel select:nth-child(1) {width:15.6rem;}
    .search_box.search_point dd .row.row_sel select:nth-child(2) {width:calc(100% - 16.6rem);}
    .search_box.search_point dd .row.row_sel select + button {height:7rem; width:100%; margin:1rem 0 0 0;}

    .board_list.board_point .tbody {padding:4rem 0;}
    .board_list.board_point .tbody > div {padding:0; text-align:left;}
    .board_list.board_point .tbody .date {width:100%; font-size:2.8rem; line-height:1; color:#666;}
    .board_list.board_point .tbody .breakdown {width:100%; margin-top:0.5rem; font-size:2.8rem; line-height:1; color:#212121;}
    .board_list.board_point .tbody .point_no {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:auto; margin-top:1.5rem; font-size:2.6rem; line-height:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .board_list.board_point .tbody .point_no + .point_no:before {display:inline-block; width:0.1rem; height:1.6rem; margin:0 1.4rem; background-color:#666; content:''; -webkit-transform:translateY(0.2rem); -ms-transform:translateY(0.2rem); transform:translateY(0.2rem);}
    .board_list.board_point .tbody .point_no span {margin-right:1rem; font-size:2.4rem; font-weight:400; color:#000}

    /* 2021-04-24 수정 나의 꿈포인트 - 이용안내 */
    .point_use_step {margin-top:4rem; padding:3rem 0; background-color:#fafafa;}
    .point_use_step .point_step:nth-child(2) {margin-top:3rem;}
    .point_use_step .point_step .tit_wrap .tit {font-size:2.8rem; line-height: 1.4; font-weight:400; padding-left:5rem; }
    .point_step ul {margin:-3rem 0 0; display:block; overflow:hidden;}
    .point_step ul li {width:calc(50% - 2rem); margin-right:4rem; padding:3rem 0; float: left;}
    .point_step ul li:after { display:none; width:3rem; height:2.3rem; top:12rem; right:-1.5rem; background:url('../images/my_class/ico_explain_arr_m.png') no-repeat; background-size:100%; content:'';}
    .point_step ul li.step01 {padding-left:5rem;}
    .point_step ul li.step02 {margin-right:0; padding-right:5rem;}
    .point_step ul li.step03 {padding-left:5rem;}
    .point_step ul li.step04 {margin-right:0; padding-right:5rem;}
    .point_step ul li .img {height:0; padding-top:68.4%; position:relative;}
    .point_step ul li.step01 .img {background:url('../images/my_class/point_explain01_m.jpg') no-repeat; background-size:100% 100%;}
    .point_step ul li.step02 .img {background:url('../images/my_class/point_explain02_m.jpg') no-repeat; background-size:100% 100%;}
    .point_step ul li.step02_2 {margin-right:0; padding-right:5rem;}
    .point_step ul li.step02_2 .img {background:url('../images/my_class/point_explain02_m.jpg') no-repeat; background-size:100% 100%;}
    .point_step ul li.step03 .img {background:url('../images/my_class/point_explain03_m.jpg') no-repeat; background-size:100% 100%;}
    .point_step ul li.step04 .img {background:url('../images/my_class/point_explain04_m.jpg') no-repeat; background-size:100% 100%;}
    .point_step ul li.step01:before,
    .point_step ul li.step02:before, 
    .point_step ul li.step03:before {display:none; position:absolute; width:3rem; height:2.3rem; bottom:-2rem; right:50%; -webkit-transform:rotate(90deg) translateX(-50%); -ms-transform:rotate(90deg) translateX(-50%); transform:rotate(90deg) translateX(-50%); background:url('../images/my_class/ico_explain_arr_m.png') no-repeat; background-size:100%; content:'';}
    .point_step ul li.step02:after,
    .point_step ul li.step03:after,
    .point_step ul li.step04:after {display:none;}
    .point_step ul li .img:before {display:block; position:absolute; left:-2.5rem; top:50%; margin-top:-2.5rem; width:5rem; height:5rem; background:url('../images/my_class/ico_explain_arr_m.png') no-repeat; background-size:100%; content:'';}
    .point_step ul li:first-child .img:before {display:none;}
    .point_step ul li + li .item::before {display:none;}

    .point_step ul li .step_txt {margin-top:1.5rem; font-size:2.3rem; text-align:left;}
    .point_step ul li.step02 .step_txt .ico_buy {width:2.5rem; height:2.3rem; background:url('../images/my_class/ico_buy_m.png') no-repeat; background-size:100%;}
    .point_step ul li.step03 .step_txt {margin-top:0.5rem;}
    .point_step ul li.step03 .step_txt .step_no:after {width:11.5rem; height:3.2rem; background:url('../images/my_class/logo_kyobo_m.png') no-repeat; background-size:100%;}
    .sec_explain .table_point table th .danchoo_logo {width:8.7rem; height:1.5rem; margin:auto; background:url('../images/my_class/logo_danchoo_m.png') no-repeat; background-size:100%;}
    .sec_explain .agree_img {height:0; padding-top:89.4%; background:url('../images/my_class/point_agree_m.jpg') no-repeat; background-size:100% 100%;}/* 2021-04-13 수정 */

    /* 나의 꿈포인트 팝업 */
    .modal_point .table_scroll2.type_row table th,
    .modal_point .table_scroll2.type_row table tbody td {padding-left:1.5rem; padding-right:1.5rem; font-size:2rem;}
    .modal_point .table_scroll2.type_row table tbody td .f-point {font-size:2.2rem;} /* 2022-07-19 추가 */

    /* 나의 학급 */
    .box_gray + .board_head {margin-top:4rem;}
    .box_guide.box_myclass .tit {font-size:2.6rem;}
    .box_guide.box_myclass .tit:before {margin-top:0.3rem;}
    .board_list.board_my_class .tbody > div {padding:0;}
    .board_list.board_my_class .tbody .class_nm {width:100%; margin-bottom:2rem; font-size:2.8rem; line-height:1;}
    .board_list.board_my_class .tbody .col_b {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; width:auto; padding:0; font-size:2.6rem; line-height:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .board_list.board_my_class .tbody .col_b + .col_b:before {display:inline-block; width:1px; height:1.6rem; margin:0 1.4rem; background-color:#666; content:'';}
    .board_list.board_my_class .tbody .mob_bottom {display:block; margin-top:1rem;}
    .board_list.board_my_class .tbody .mob_bottom::before {display:none;}
    .board_list.board_my_class .tbody .col_b.col_subject:before {display:none;}
    
    /* 나의 학급 - 상세 */
    .board_talk.type_my_class .talk_class {height:auto; padding:3rem 4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .board_talk.type_my_class .talk_class .class_nm {font-size:3.6rem; line-height:4.6rem;}
    .board_talk.type_my_class .talk_class .teacher_nm {margin-top:2.3rem; font-size:2.6rem; line-height:1;}
    .board_talk.type_my_class .comunication .feedback {height:8rem; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
    .board_talk.type_my_class .comunication .feedback p {font-size:2.4rem;}


    /* 강의 메모 */
    .title_wrap3 + .search_box {margin-top:2rem;}
    .search_box.search_memo {padding:3rem;}
    .search_box.search_memo .search_group.has_rdo {margin:-3rem 0 0 -2rem;}
    .box_memo {margin-top:3rem;}
    .box_guide.box_memo .tit {font-size:2.6rem;}
    .box_guide.box_memo .tit:before {margin-top:0.3rem;}
    .search_box.search_memo .rdo_box {margin:3rem 0 0 2rem;}
    .search_box.search_memo .rdo_box + .rdo_box {margin:3rem 0 0 2rem;}
    .search_box.search_memo .search_group select:nth-child(1) {width:15.6rem; margin:1rem 1rem 0 0;}
    .search_box.search_memo .search_group select:nth-child(2) {width:calc(100% - 16.6rem); margin:1rem 0 0;}
    .search_box.search_memo .search_group select + .search_inp {margin:1rem 0 0 0;}
    .search_box.search_memo .search_group .search_inp {width:100%;}

    .memo_list li .index_wrap .index_head .index_tit input[type="checkbox"] + label {line-height:1.5;}

    /* 강의 메모 팝업 수정 */
    .modal_memo .board_form .tit {font-size:2.8rem; line-height:3.3rem;}
    .modal_memo .board_form .sub_tit {font-size:2.8rem; line-height:3.3rem;}
    .modal_memo .board_form .class_tit {font-size:2.4rem;}
    .modal_memo .board_form textarea {height:30rem;}

    /* 부가정보 수정 - 비밀번호 */
    .modify_box .modify_wrap {padding:8rem;}     
    .modify_box .modify_wrap .txt {font-size:2.4rem; line-height:3.8rem;}
    .modify_box .modify_wrap .txt br {display:block;}
    .modify_box .modify_wrap .txt_id {margin-top:8rem; font-size:3rem;}
    .modify_box .modify_wrap .modi_form_group {display:-webkit-box;display:-ms-flexbox;display:flex; width:100%; margin-top:4rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .modify_box .modify_wrap .modi_form_group input,
    .modify_box .modify_wrap .modi_form_group > button {width:100%; height:7rem;}
    .modify_box .modify_wrap .modi_form_group > button {margin-top:1rem; font-size:2.4rem;}
    .modify_box .modify_wrap .modi_form_group .inp_certi button {width:5rem; height:5rem;}
    .modify_box .modify_wrap .modi_form_group .inp_certi button > span {width:2.5rem; height:3rem; background-image:url(../images/common/ico_unlock_login_m.png);}
    .modify_box .modify_wrap .modi_form_group .inp_certi button.on > span {width:2.5rem; height:2.8rem; background-image:url(../images/common/ico_lock_login_m.png)}


    .modify_box .box_gray {padding:4rem 7rem;} 
    .modify_box .modi_logo .img {width:15.3rem;}
    .modify_box .modi_logo p {margin-left:2rem; font-size:2.4rem;}
    .modify_box .box_gray .txt {margin-top:3rem; font-size:2.4rem; line-height:3.8rem; text-align:center;}
    .modify_box .box_gray .txt br {display:block;}

    /* 나의 회원정보 | 2022-09-16 수정 */
    .my_info_box_head {padding:2rem 0;}
    .my_info_box_head .tit {font-size:2.4rem;}
    .my_info_box_head [class^='btn_info_'] {width:10rem; height:4rem; font-size:2.4rem; line-height:3.8rem;}
    .my_info_box {padding:3rem 6rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .my_info_box .img_wrap .img {margin:auto;}
    .my_info_box .img_wrap .btn_wrap [class^='btn_info_'] {width:10rem; height:4rem; font-size:2.4rem; line-height:3.8rem;}
    .my_info_box .img_wrap .btn_wrap .btn_info_mod span:before {width:1.9rem; height:2.4rem; -webkit-transform: translateY(0.2rem); -ms-transform: translateY(0.2rem); transform: translateY(0.2rem);}
    .my_info_box .img_wrap .btn_wrap button + button {margin-left:1rem;}
    .my_info_box .info_wrap {width:100%; margin-top:3rem; margin-left:0;}
    .my_info_box .info_wrap .info_head {justify-content: space-between;}
    .my_info_box .info_wrap .info_head .tit {font-size:2.4rem;}/* 2021-04-13 수정 */
    .my_info_box .info_wrap .info_detail dt {width:13.6rem; height:6.2rem; font-size:2.4rem; line-height:6rem;}
    .my_info_box .info_wrap .info_detail dd {width:calc(100% - 13.6rem); height:6.2rem; font-size:2.4rem; line-height:6rem;}
    .my_info_box .info_wrap .info_head [class^='btn_info_'] {width:10rem; height:4rem; font-size:2.4rem; line-height:3.8rem;}/* 2021-04-13 수정 */
    .my_info_box .info_wrap .info_foot {position:relative;padding-left:3rem;font-size:2.4rem;}/* 2022-07-19 추가 */
    .my_info_box.width_100 {justify-content:center;}

    .board_info_form {padding:0 3rem;}
    .board_info_form .form_row {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .board_info_form .form_row + .form_row {margin-top:3rem;}
    .board_info_form .form_group .form_tit {font-size:2.8rem;}
    .board_info_form .form_row dt {width:100%; font-size:2.6rem; line-height:1;}
    .board_info_form .form_row dt + dd {padding-top:1.6rem;}
    .board_info_form .form_row dd {width:100%; margin-left:0;}
    .board_info_form .form_row dd select {width:100%;}
    .board_info_form .form_row dd select + select {margin:1rem 0 0 0;}
    .board_info_form .form_row dd.has_rdo {margin-top:-3rem;}
    .board_info_form .form_row dd.has_rdo .rdo_box, 
    .board_info_form .form_row dd.has_rdo .chk_box {width:50%; margin-top:3rem;}
    .board_info_form .form_row dd.has_rdo .inp_group .chk_box {width:12rem;}
    .board_info_form .form_row dd.has_rdo .inp_group .txt_bytes {font-size:1.4rem;}
    .board_info_form .form_row dt.line2 br {display:none;}
    .board_info_form .form_row dd .expain {margin-top:1rem;}
    .board_info_form .form_row dd .expain p {font-size:2.4rem; line-height:3.4rem;}
    .board_info_form .form_row dd .expain .txt_has_feel {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .board_info_form .form_row dd .expain .txt_has_feel:before {width:2.6rem; height:2.6rem; background:url('../images/common/ico_exclamation03_m.png') no-repeat 0 0 / 100% auto;}
    .board_info_form .form_row dd .expain .txt_has_feel .text_link {display:block; margin-left:3.3rem;}
    .info_sec .last_modify {padding:1.5rem 0 2.5rem; font-size:2.4rem; line-height:3.4rem; text-align:left;}
    .board_info_form .form_row dd .btn_app_group button {width:22rem;}
    .board_info_form .form_row dd .info_kakaoChannel img {max-width:45rem;}

    /* 학습계획표 - 등록 */
	.learning_schedule .regist_wrap {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; margin:0;}
    .learning_schedule .regist_wrap > div {width:100%; padding:0;}
    .learning_schedule .regist_wrap > div + div {margin-top:1.5rem;}
	.learning_calendar .ui-datepicker {height:54rem; padding:3rem 4rem;}	
	.learning_calendar .ui-datepicker-header {height:6rem; margin-bottom:1rem;}
	.learning_calendar .ui-datepicker-title {font-size:3rem;}
	.learning_calendar .ui-datepicker-calendar th,
	.learning_calendar .ui-datepicker-calendar td {height:5.8rem; font-size:3rem;}
    .learning_calendar .ui-datepicker-calendar td.blue-d a::after {top:-0.2rem; right:0%; width:0.8rem; height:0.8rem;}
    .learning_calendar .ui-datepicker-calendar td.red-d a::after {top:-0.2rem; right:0%; width:0.8rem; height:0.8rem;}
    .learning_calendar .ui-datepicker-calendar td.double-d a::before {top:-0.2rem; right:15%; width:0.8rem; height:0.8rem;}
    .learning_calendar .ui-datepicker-calendar td.double-d a::after {top:-0.2rem; right:-12%; width:0.8rem; height:0.8rem;}
	.learning_calendar .ui-datepicker-calendar .ui-state-default {width:4.2rem; height:4.2rem; line-height:4.2rem; font-size:3rem;}
	.learning_calendar .ui-datepicker-calendar .ui-state-hover {font-size:2.4rem;}
	.learning_calendar .ui-datepicker-calendar .ui-datepicker-on .ui-state-default::before {margin-top:1px;}
	.learning_form .board_form {margin-bottom:3rem;}
	.learning_schedule .title_wrap3 {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .learning_schedule .title_wrap3 dl {margin:1rem 0 0.5rem 0;}
    .learning_schedule .title_wrap3 dl dt span {width:1rem; height:1rem;}
    .learning_schedule .title_wrap3 dl dd {font-size:2.6rem;}
	.learning_schedule .btn_print {display:none;}

    /* 학습계획표 - 주간계획표 */
	.learning_schedule .weekly_date {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-top:3rem;}
	.learning_schedule .weekly_date p {margin:0 4rem; font-size:3rem;}
	.learning_schedule .weekly_date .btn_weekly {width:4rem; height:4rem;}
	.learning_schedule .weekly_plan .table_scroll {overflow:hidden;}
	.learning_schedule .weekly_plan table {table-layout:fixed; max-width:100%; min-width:1px; width:100%;}
	.learning_schedule .weekly_plan table thead {display:none;}
	.learning_schedule .weekly_plan table tbody th {width:10rem;}
	.learning_schedule .weekly_plan table tbody td {width:100%; height:33rem; padding:2rem;}/* 2021-04-18 수정 */
	.learning_schedule .weekly_plan .weekly_day strong {font-size:3.6rem;}
	.learning_schedule .weekly_plan .weekly_day em {font-size:2.4rem;}
	.learning_schedule .weekly_plan .weekly_slide {position:relative; display:block; width:100%; overflow:hidden; margin:0;}
    .learning_schedule .weekly_plan .weekly_slide .slick-track {display:block;}
	.learning_schedule .weekly_plan .weekly_slide .slide_item {width:100%; height:27rem; padding:0;}
	.learning_schedule .weekly_plan .weekly_slide .slide_item .rdo_box {height:10rem;}
	.learning_schedule .weekly_plan .weekly_slide .slide_item .rdo_box label {font-size:2.4rem; line-height:3.6rem;}
	.learning_schedule .weekly_plan .weekly_slide .slide_item .cont {font-size:2.4rem; line-height:3.6rem;}
	.learning_schedule .weekly_plan .slick-prev,
	.learning_schedule .weekly_plan .slick-next {display:inline-block; overflow:hidden; position:absolute; bottom:0.0rem; width:4rem; height:4rem; margin-left:-2rem; border:1px solid #cccccc; background:url(../images/common/ico_weekly_prev.png) no-repeat center center / 0.6rem 1rem; text-indent:-9999px;}
	.learning_schedule .weekly_plan .slick-prev {left:calc(50% - 8rem);}
	.learning_schedule .weekly_plan .slick-next {left:calc(50% + 8rem); -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg);}
	.learning_schedule .weekly_plan .slick-pageing {display:inline-block; position:absolute; left:50%; bottom:0; width:6rem; margin-left:-3rem; font-size:2.4rem; line-height:4rem; color:#a0a0a0; font-weight:400;}
	.learning_schedule .weekly_plan .slick-pageing .current {margin-right:1rem; color:#000000; font-weight:bold;}
    .learning_schedule .weekly_plan .slick-pageing .total {margin-left:1rem;}
    .learning_schedule .weekly_plan .slick-dots {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;}

    /* 수강증발급 */
	.courseCert_preview .courseCert_cont .course_note {padding:2rem 3rem;}
	.courseCert_preview .courseCert_cont .course_note dl {line-height:3rem;}
	.courseCert_preview .courseCert_cont .course_note dl dt {width:10rem;}
    .courseCert_preview .courseCert_cont .course_note dl dd {width:calc(100% - 10rem);}
    .courseCert_preview .courseCert_cont .table_scroll2 table th {white-space:nowrap;}
    .courseCert_preview .courseCert_cont .table_scroll2 table th,
    .courseCert_preview .courseCert_cont .table_scroll2 table td {font-size:2.4rem; padding:1rem 2rem; line-height: 1.2;}
    .courseCert_preview .courseCert_cont .table_scroll2:not(.type_basic) table td {font-size:2.4rem; line-height: 1.2;}
    .courseCert_preview .stxt_wrap {font-size:2.4rem;}/* 2023-08-08 수정 */

    /* 2021-04-25 수정 모바일 sns로그인 수정 */
    .courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user:before {width:3rem; height:3rem; margin:0 .5rem 0 0; background:url('../images/common/ico_login_sns_L.png') no-repeat 0 50%; background-size:auto 2.2rem;}
    .courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.naver:before {background-position:.5rem .4rem}
    .courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.facebook:before {background-position:-3.3rem .4rem;}
    .courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.kakao:before {background-position:-7.3rem .4rem;}
    .courseCert_preview .courseCert_cont .table_scroll2 table td.log_sns .user.apple:before {background-position:-8.8rem .6rem; background-size:auto 1.8rem;}
    /* //2021-04-25 수정 모바일 sns로그인 수정 */

    .modal_courseCert .btn_print {display:inline-flex; position:absolute; top:4.1rem; right:12rem;}/* 2021-04-13 수정 */
    .modal_courseCert .btn_print3 {display:inline-flex; position:absolute; top:4.1rem; right:12rem;}/* 2023-08-08 수정 */
    
    /* 듀냐학습방 - 주간학급계획표 2021-04-14 수정 */
    .duna_sec.goalMgmt {margin-bottom:4rem;}
    .plan_mgmt {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .plan_mgmt .date_area {width:100%; height:12rem; border-right:0; border-bottom:1px solid #e0e0e0;}
    .plan_mgmt .date_area p {font-size:4rem;}
    .plan_mgmt .plan_area {width:100%; padding:3rem; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .plan_mgmt .plan_area h5 {font-size:2.8rem; text-align:left; margin:0; margin-bottom:2rem;}
    .plan_mgmt .plan_area .msg {padding:0; width:100%;}/* 2021-04-20 수정 */
    .plan_mgmt .plan_area .msg p {white-space:normal; font-size:3.6rem;}
    .plan_mgmt .plan_area .msg p em {background:-webkit-gradient(linear, left bottom, left top, color-stop(2rem, rgba(255,226,228,1)), color-stop(2rem, rgba(255,255,255,0)));background:-webkit-linear-gradient(bottom, rgba(255,226,228,1) 2rem, rgba(255,255,255,0) 2rem);background:-o-linear-gradient(bottom, rgba(255,226,228,1) 2rem, rgba(255,255,255,0) 2rem);background:linear-gradient(0deg, rgba(255,226,228,1) 2rem, rgba(255,255,255,0) 2rem)}
    .plan_mgmt .plan_area input {height:7rem;}
    .plan_mgmt .plan_area .btn_L_col7 {margin-left:auto; margin-top:1rem;}
    .dunaPlan_wrap .board_head .btn_XL_col2 {margin-right:auto;}
    .dunaPlan_wrap .board_head .weekly_date {margin:3rem auto;}
    .dunaPlan_wrap .board_head .weekly_date p {font-size:3.6rem;}
    .weekly_date .btn_weekly {width:4rem; height:4rem; margin:0 auto;}
    .weekly_date .btn_weekly span {background-size:0.8rem 1.2rem;}
    .weekly_dates .slick-next,
    .weekly_dates .slick-prev {width:4rem; height:4rem; top:.4rem;}
    .weekly_dates .slick-next::after,
    .weekly_dates .slick-prev::after {background-size:0.8rem 1.2rem;}
    .weekly_dates .slide_item {height:5rem; line-height:4.6rem;}
    .weekly_plan2 .thead {display:none;}
    .weekly_plan2 .weekly_group {width:100%;}    
    .weekly_plan2 .tbody .tr {height:33rem}
    .weekly_plan2 .th {width:8rem;}
    .weekly_plan2 .td {width:calc(100% - 8rem)}/* 2021-04-18 수정 */
    .weekly_plan2 .weekly_day strong {font-size:2.8rem;}
    .weekly_plan2 .weekly_day em {font-size:2.4rem;}
    .weekly_plan2 .weekly_cont li .rdo_box3 {max-width:calc(100% - 7rem);}
    .weekly_plan2 .weekly_cont li .chk_box2 {max-width:calc(100% - 7rem);}/* 2021-04-18 수정 */
    .weekly_plan2 .weekly_cont .btn_modify3 {margin-top:0.2rem;}

    /* 듀냐학습방 - 출석부 */
    .dunaAttend_wrap .board_head {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
    .dunaAttend_wrap .attend_action {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .dunaAttend_wrap .attend_action .bul {margin-left:0; margin-top:2rem; width:100%;}/* 2021-04-14 수정 */
    .dunaAttend_wrap .attend_action .bul > li {font-size:2.4rem;}
    .board_attend tbody td .day {height:10.6rem; padding:0; padding-top:2rem;}
    .board_attend tbody td .day .num {top:1rem; left:1rem;}
    .board_attend tbody td .day .check {width:6.2rem; height:6.2rem; background-image:url('../images/common/ico_attend_m.png');}
    .board_attend tbody td .day .check.off {background-position-y:top;}

    /* 듀냐학습방 - 목표설정 */
    .board_list.type_goal .tbody > div:nth-child(1) {display:none;}
    .board_list.type_goal .tbody > div:nth-child(3),
    .board_list.type_goal .tbody > div:nth-child(4),
    .board_list.type_goal .tbody > div:nth-child(5) {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; padding:1.4rem 1rem 1.8rem; background-color:#f5f5f5; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    .board_list.type_goal .tbody > div:nth-child(3) {width:33% !important;}
    .board_list.type_goal .tbody > div:nth-child(4) {width:33% !important;}
    .board_list.type_goal .tbody > div:nth-child(5) {width:33% !important;}
    .board_list.type_goal .tbody > div:nth-child(3)::before {content:'진도'; margin-right:1rem; color:#424242;}
    .board_list.type_goal .tbody > div:nth-child(4)::before {content:'목표일'; margin-right:1rem; color:#424242; width:auto; background:none;}/* 2021-04-14 수정 */
    .board_list.type_goal .tbody > div:nth-child(5)::before {content:'듀냐평균'; margin-right:1rem; color:#424242; width:auto; background:none;}/* 2021-04-14 수정 */
    .board_list.type_goal .lecture_item .img {width:17rem; height:auto;}
    .board_list.type_goal .lecture_item .cont_wrap .tit {font-size:2.8rem; height:8rem; margin-top:0.4rem; margin-bottom:3rem;}
    .board_list.type_goal .lecture_item .cont_wrap .state span {font-size:2.2rem;}
    .board_list.type_goal .lecture_item .cont_wrap .state span:nth-child(1) {display:inline-block;}
    .board_list.type_goal .lecture_item .cont_wrap .state span:nth-child(1) + span::before {display:inline-block;}
    .board_list.type_goal .lecture_item .cont_wrap .detail_info span {font-size:2.2rem;}
    .board_list.type_goal .lecture_item .cont_wrap .detail_info span + span::before {height:1.6rem;}
    .board_list.type_goal .txt_state {font-size:2.6rem; font-weight:400;}
    .board_list.type_goal .txt_state em {font-weight:500;}
    /* .board_list.type_goal .lecture_item .cont_wrap .detail_info {display:none;} */
    .board_list.type_goal .nodata {padding:15rem 0;}
    .board_list.type_goal .nodata p {font-size:2.4rem;}
    .board_list.type_goal .nodata p strong {font-size:2.8rem;}
    .board_list.type_goal .nodata p + p {margin-top:1rem;}

    /* 2021-04-14 수정 */
    .board_list.type_goal .tbody > div.pc_col {display:none;}
    .board_list .tbody div.mob_row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:1.5rem 2rem; background-color:#fafafa; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column;}
    .board_list.type_goal .tbody div.mob_row::before {display:none;}
    .board_list .tbody div.mob_row .col_left {display:-webkit-box;display:-ms-flexbox;display:flex; flex-wrap:wrap; padding:0; margin-top:.6rem;}
    .board_list .tbody div.mob_row .col_left .l_tit {display:inline-flex; width:22rem; font-size:2.4rem; line-height:1.4; color:#424242; font-weight:500;}
    .board_list .tbody div.mob_row .col_left .l_tit::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:50%; background:#d6d4d4; margin-right:0.6rem; position: relative; top:1.2rem;}
    .board_list .tbody div.mob_row .col_left:nth-child(2) .l_tit::before {background:#577dd0;}
    .board_list .tbody div.mob_row .col_left:nth-child(3) .l_tit::before {background:#ff5b5b;}
    .board_list .tbody div.mob_row .col_left .txt_state {width:calc(100% - 22rem); font-size:2.4rem; line-height:1.4; color:#9e9e9e; font-weight:400;}

    /* 듀냐학습방 - 나의학습현황 */
    .duna_sec .title_wrap3 {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; margin-bottom:2rem; margin-top:7rem;}
    .duna_sec .tit_wrap .btn_alim .ico_alim i {left:2rem;}
    .duna_sec .title_wrap3 h4 {font-size:3.2rem;}
    .duna_sec .tit_wrap h4 {height:auto;}
    .duna_sec.faq .title_wrap3 {margin-top:7rem;}
    .duna_sec.status .title_wrap3 {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end;}
    .duna_sec.status .title_wrap3.type_info {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;}
    .duna_sec.status .title_wrap3 .tit_wrap {width:100%;}
    .duna_sec.status .title_wrap3 .info_wrap {margin-top:2rem; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .duna_sec.status .title_wrap3 .info_wrap p {font-size:2.4rem; line-height:1.5;}
    .duna_sec.status .title_wrap3 .info_wrap p span {display:block; font-size:2.4rem;}
    .duna_sec.status .title_wrap3 .info_wrap p span + span::before {display:none;}
    .duna_sec.status .title_wrap3 .btn_wrap {-webkit-box-flex:0;-ms-flex:none;flex:none;}
    .duna_sec.status .btn_goal_set span {font-size:2.6rem;}
    .duna_sec.status .btn_goal_set span::before {width:2.4rem; height:2.4rem; background-image:url(../images/common/ico_duna_set_m.png)}
    .learning_status ul {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .learning_status.ea4 ul li {width:50%;}
    .learning_status.ea4 ul li:nth-child(2),
    .learning_status.ea4 ul li:nth-child(4) {border-left:1px solid #e0e0e0;}
    .learning_status.ea4 ul li:nth-child(3) {border-left:0;}
    .learning_status.ea4 ul li:nth-child(3),
    .learning_status.ea4 ul li:nth-child(4) {border-top:1px solid #e0e0e0;}
    .learning_status.ea3 ul li {width:33%;}

    .learning_status li .tit strong {font-size:2.4rem; line-height:1.4;}
    .learning_status li .count {-ms-flex-wrap:wrap;flex-wrap:wrap; margin-top:2.4rem; font-size:2.4rem;}
    .learning_status li .count strong {margin:0 0.6rem;}
    .learning_status li.type1 .tit em {font-size:2.4rem;}
    .learning_status li.type2 .count .eq {font-size:2.4rem;}
    .learning_status li.type2 .count .eq em {font-size:2.6rem;}
    .learning_status li .info button {height:5rem; min-width:22rem; font-size:2.4rem;}
    .learning_status.ea3 li.type2 .count {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .learning_status.ea3 li.type2 .count .eq {display:block; width:100%; margin-top:1rem;}

    .duna_sec.faq .qna_list > dd .answer_detail .border_wrap .tit {font-size:2.6rem;}/* 2021-04-08 수정 */

    /* 듀냐학습방 - 베스트문제 */
    .learning_ques {margin:7rem 0;}
    .learning_ques .tit_area {margin-bottom:5rem;}
    .learning_ques .tit_area h4::before {height:2rem; bottom:-1rem;}
    .learning_ques .tit_area h4 span {font-size:3.2rem;}
    .learning_ques .tit_area h4 span img {margin-right:1rem;}
    .learning_ques .ques_area .txt {font-size:2.4rem;}
    .learning_ques .ques_area .tit {margin:0.4rem 0; font-size:3rem;}
    .learning_ques .info_area {font-size:2.4rem;}
    .learning_ques .info_area dt::before {height:2rem;}
    .learning_ques .btn_area {position:static; width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; margin-top:3rem;}
    .learning_ques .btn_area button {margin:0;}
    .learning_ques .btn_area button + button {margin-left:1rem;}

    /* 듀냐학습방 - 분포도 */
    .duna_sec.levels {margin-top:5.6rem;}
    .duna_sec.levels .level_tbl ul li {width:calc(100% / 4)}
    .duna_sec.levels .level_tbl ul li .tit {font-size:2.4rem; height:7rem;}
    .duna_sec.levels .level_tbl ul li .txt {font-size:2.4rem; height:7rem;}
    .duna_sec.levels .distrib_grade + .distrib_grade {margin-top:3rem;}
    .duna_sec.levels .distrib_grade .distrib_label {margin-bottom:2rem;}
    .duna_sec.levels .distrib_grade .distrib_label strong {background-color:transparent; padding:0; width:auto; font-size:2.6rem;}
    .distrib_graph {-ms-flex-wrap:wrap;flex-wrap:wrap; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
    .distrib_graph li[class^="distrib_lv"] {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:5rem; width:25% !important; padding:0 1.2rem; border-left:1px solid #e0e0e0; border-top:1px solid #e0e0e0; font-size:2rem;}
    .distrib_graph li span.blind {clip:initial; -webkit-clip-path:initial; clip-path:initial; position:static; width:auto; height:auto;}
    .duna_sec.levels .distrib_total {display:none;}
    
    /* 듀냐학습방 - 나의학습계획 */
    .learning_plans {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .learning_plans > div {width:100%; margin:0;}
    .learning_plans > div + div {border-left-width:1px;}
    .learning_plans h5 {font-size:3rem;}
    .learning_plans li .tit {height:8rem; font-size:2.6rem; line-height:8rem;}
    .learning_plans li .count {font-size:2.6rem;}
    .learning_plans li .count em {font-size:3rem;}
    .learning_plans .tomorrow {border-left:1px solid #dadada;}
    .learning_plans .nodata {padding:4rem 0;}
    .learning_plans .nodata p {font-size:2.4rem;}
    .duna_sec.plans .learning_plans > div {width:100%;}
    .duna_sec.plans .learning_plans > div + div {border-left-width:1px; margin-top:7rem;}/* 2021-04-14 수정 */
    .duna_sec.plans .learning_plans > .yesterday + div {margin-top:7rem;}
    .duna_sec.plans .learning_plans .today h5 {font-size:3rem;}
    .duna_sec.amount .learning_plans > div {width:100%;}
    .duna_sec.amount .learning_plans > div + div {border-left-width:1px; border-top-width:0;}
    .duna_sec.amount .learning_plans h5 {font-size:2.6rem;}
    
    /* 듀나학습방 - 이벤트 | 2021-10-05 수정 */
    .duna_sec.event .cont_wrap {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding: 3rem;}
    .duna_sec.event .cont_wrap .img {margin:0; width:42.1rem;}
    .duna_sec.event .cont_wrap .pc_img {display:none;}
    .duna_sec.event .cont_wrap .mob_img {display:block;}
    .duna_sec.event .cont_wrap img {max-width:100%; max-height:100%;}
    .duna_sec.event .cont_wrap .img_evn_wrap {margin:0; width:42.1rem;}
    .duna_sec.event .cont_wrap .cont {margin:4rem 0 0 0; width:100%;}
    .duna_sec.event .cont_wrap .cont .tit strong {font-size:3rem;}
    .duna_sec.event .cont_wrap .cont .explain {margin-top:1.5rem; font-size:2.6rem; word-break:initial;}
    .duna_sec.event .cont_wrap .cont .explain .in_txt {font-size:2.6rem; padding-left:1.5rem;}
    .duna_sec.event .cont_wrap .cont .explain .ex_txt {font-size:2.6rem; padding-left:3.5rem;}
    .duna_sec.event .cont_wrap .cont .explain .ex_txt br {display:none;}
    .duna_sec.event .cont_wrap .cont .explain .mrg_t1 {margin-top:2rem;}
    .duna_sec.event .cont_wrap .cont .date {margin-top:2rem; font-size:2.8rem;}
    .duna_sec.event .cont_wrap .cont .info {margin-top:3rem; font-size:2.4rem;}
    .duna_sec.event .cont_wrap .cont .btn_all {height:6.4rem; line-height:6.4rem; font-size:2.2rem; }
    .duna_sec.event .cont_wrap .cont .btn_blue_type01 {width:100%;}
    .duna_sec.event .cont_wrap .action {top:6.5rem; right:5rem; margin-top:0;}
    .duna_sec.event .cont_wrap .action .btn_submit {width:13.2rem; height:13.2rem; font-size:2.6rem;}
    .duna_sec.event .cont_wrap .img_tit {margin-top:1.5rem;}
    .duna_sec.event .cont_wrap .bg_box {text-align:left; font-size:2.6rem; padding:2rem; margin:4rem 0;}
    .duna_sec.event .cont_wrap .img_evn_wrap .btn_all {height:8rem; line-height:8rem; font-size:2.6rem;}
    .duna_sec.event .cont_wrap .img_evn_wrap .btn_all span {line-height:1.4;}
    .duna_sec.event .cont_wrap .product_list dd {display:block; width:100%;}

    .duna_sec.event .cont_wrap.evn_red .action {top:6.5rem; right:5rem;}
    .duna_sec.event .cont_wrap.evn_v01 .img_evn_wrap {width:21rem;}
    .duna_sec.event .cont_wrap.evn_v01 .cont {width:100%; padding:0;}

    /* 단추아이콘 버튼 | 2021-09-06 수정 */
    .ico_danchoo_btn {max-width:auto; width:8.5rem;}
    .ico_danchoo_btn.stay_01 {top:120.5rem; right:auto; left:32.5rem;}
    .ico_danchoo_btn.stay_02 {top:176.5rem; right:auto; left:50%; margin-left:-4.3rem;}
    .ico_danchoo_btn.stay_03 {top:111.5rem; left:31.5rem;}
    .ico_danchoo_btn.stay_04 {top:225.5rem; left:60%;}
    .ico_danchoo_btn.stay_05 {top:24.5rem; right:auto; left:50%; margin-left:-4.3rem;}

    /* 듀냐학습방 - 듀냐상점 */
    .duna_store_wrap .store_head .store_state {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; padding:2rem; margin:0 3rem;}
    .duna_store_wrap .store_head .store_state h4 {margin:2rem 0 4rem; background-image:url(../images/my_class/tit_duna_store_m.png)}
    .duna_store_wrap .store_head .store_state ul li .tit {font-size:2.6rem; line-height:1.4; text-align:center;}
    .duna_store_wrap .store_head .store_state ul li .count {font-size:2.4rem;}
    .duna_store_wrap .store_head .store_state ul li .count strong {font-size:4rem;}
    .duna_store_wrap .store_head .store_time p {height:6rem; font-size:2.6rem;}
    .duna_store_wrap .store_head .store_time::before {border-left-width:3rem; border-right-width:3rem; border-bottom-width:8rem;}
    .duna_store_wrap .store_body {margin:0 3rem;}
    .duna_store_wrap .store_cont {border-top-width:2rem;}
    .store_pdt ul {-ms-flex-wrap:wrap;flex-wrap:wrap; margin:-0.4rem;}
    .store_pdt ul li {width:50%; padding:0.4rem;}
    .store_pdt ul li .thumb {height:23rem;}
    .store_pdt ul li .name em {font-size:2.6rem;}
    .store_pdt ul li .name strong {font-size:2.6rem; height:7rem;}
    .store_pdt ul li .thumb_area {padding-bottom:1.6rem;}
    .store_pdt ul li .info_area {padding:2rem 2rem 3rem;}
    .store_pdt ul li .info span {font-size:2.6rem;}
    .store_pdt ul li .info span em {font-size:3rem;}
    .store_pdt ul li .info small {margin-top:1rem; font-size:2.4rem;}
    .store_pdt ul li .action {margin-top:2rem;}
    .store_pdt ul li .action .btn {height:7rem; font-size:2.8rem;}

    .duna_store_wrap .agreeMsg_box .bul_red {font-size:2.6rem;line-height:3.4rem;}
    /* 듀냐학습방 - 듀냐상점목록상세 2021-04-14 */
    .board_list.type_store1,
    .board_list.type_store2 {margin-top:3rem;}
    .board_list.type_store1 .tbody {position:relative; padding:3rem 0;}
    .board_list.type_store1 .tbody > div:nth-child(1),
    .board_list.type_store1 .tbody > div:nth-child(2),
    .board_list.type_store1 .tbody > div:nth-child(3),
    .board_list.type_store1 .tbody > div:nth-child(4){width:100%; text-align:left;}
    .board_list.type_store1 .tbody .mo_t {display:inline-block; margin-right:1rem;}
    /* 듀냐학습방 - 듀냐상점목록보기 */
    .board_list.type_store2 .tbody {position:relative; padding:3rem 0;}
    .board_list.type_store2 .tbody > div:nth-child(1) {position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
    .board_list.type_store2 .tbody > div:nth-child(2),
    .board_list.type_store2 .tbody > div:nth-child(3) {width:calc(100% - 20rem); text-align:left;}
    .board_list.type_store2 .flag_part4 + p.date {font-size:2.4rem;}
    
    /* 듀냐학습방 - 듀냐상점목록상세 */


    /* 듀냐학습방 - 나의학습량 */
    .amount_wrap {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .amount_wrap > div {width:100%;}
    .amount_wrap .row {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .amount_wrap p strong {width:18rem;}
    .amount_wrap p em {width:10rem;}

    /* 듀나학습방 - 주간차트 */
    .duna_sec.charts {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .duna_sec.charts .title_wrap3 {-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
    .duna_sec.charts .chart_sec {width:100%;}
    .duna_sec.charts .title_wrap3 select {width:24rem;}

    /* 나의학습서비스 - 논술첨삭 */
    .board_list.board_essay .tbody [class^='col_'] {line-height:1.3;}
    .board_list.type2.board_essay .tbody div:nth-child(2),
    .board_list.type2.board_essay .tbody div:nth-child(3) {width:auto;}
    .board_list.board_essay .tbody .title .flag_part2 {margin:1rem 0;}

    /* 맞춤형 커리큘럼 */
    /* .title_wrap2.flex_mob_left .btn_M_col1.has_search {display:flex; align-self:flex-end;} */
    .curriculum_list .accodi_title {height:auto; padding:3rem; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .curriculum_list .accodi_title .btn_accodi {width:2.3rem; height:2.3rem; background:url('../images/my_class/btn_accodi_m.png'); background-size:100%;}
    .curriculum_list .accodi_title.on .btn_accodi {background:url('../images/my_class/btn_accodi_m_on.png'); background-size:100%;}
    .curriculum_list .accodi_title .flag_wrap {width:calc(100% - 4.4rem);}
    .curriculum_list .accodi_title .tit {width:100%; margin:1.5rem 0 0 0; font-size:2.6rem; line-height:3.6rem;}
    .curriculum_list .accodi_title .lecture_wrap {width:100%; margin:1.5rem 0 0 0; font-size:2.4rem; line-height:3.4rem;}
    .curriculum_list .accodi_title .btn_del3 {position:absolute; top:3rem; right:3rem;}
    .curriculum_list .accodi_detail {padding:3rem;}
    .curriculum_list .accodi_detail .category_wrap .btn_category {width:calc(100%/3 - 0.5rem); height:5rem; font-size:2.4rem; letter-spacing:-1px; border-radius:2.4rem;}
    .curriculum_list .accodi_detail .category_wrap .btn_category + .btn_category {margin-left:1rem;}
    .lecture_list_wrap2 {margin-top:4rem;}
    .lecture_list2 li {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .lecture_list2 li .chk_box  {margin-top:0.7rem;}
    .lecture_list2 li .txt_wrap {width:calc(100% - 3.4rem); margin-left:1rem;}
    .lecture_list2 li .txt_wrap .tit {font-size:2.8rem; line-height:3.6rem;}
    .lecture_list2 li .txt_wrap .lecture_detail {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .lecture_list2 li .txt_wrap .lecture_detail span {font-size:2.4rem; line-height:1;}
    .lecture_list2 li .txt_wrap .lecture_detail span.teacher {width:100%; margin-bottom:1rem;}
    .lecture_list2 li .txt_wrap .lecture_detail span + span:before {height:1.6rem;}
    .lecture_list2 li .txt_wrap .lecture_detail span.date_start:before {display:none;}
    .lecture_list2 li .state {width:auto; height:auto; margin:2.5rem 0 0 1.5rem; font-size:2.8rem; min-width:12.8rem; min-height:5rem; font-size:2.4rem; line-height:4.8rem;}
    .lecture_list2 li .completion {width:auto; height:auto; margin:2.5rem 0 0 1.5rem; font-size:2.8rem; min-width:12.8rem; min-height:5rem; font-size:2.4rem; line-height:4.8rem;}
    .lecture_list2 li .comingSoon {margin:2.5rem 0 0 1.5rem; padding:0 2rem 0 3.5rem; width:auto; height:6rem; font-size:2.4rem;}
    .lecture_list2 li .comingSoon:before {content: '';position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;background-size:100% auto;}
    .lecture_list_wrap2 .btn_wrap .btn_L_col2 {height:7rem; min-width:18rem;}
    .lecture_list_wrap2 .btn_wrap .txt {font-size:2.4rem;}

    /* 나의학습서비스 - 학습 Q&A */
    .board_qna .tbody .title2 {font-size:2.4rem;}
    .board_qna .tbody.bg_reply div.num, 
    .board_qna .tbody.bg_reply div:nth-child(2),
    .board_qna .tbody.bg_reply div:nth-child(3) {display:none;}

    /* 나의 게시판 - 이용문의 */
    .board_list.board_inqury .tbody > div,
    .board_list.board_inqury .tbody .title {font-size:2.8rem}
    .board_list.board_inqury .tbody .col_category {width:auto; padding:1rem 0.6rem 1rem 0 !important;}
    .board_list.board_inqury .tbody .col_left {padding:0rem 1rem 2rem 0rem !important;}
    .board_list.board_inqury .tbody .col_left ~ div {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; padding:0 3rem 0 0;}
    /* .board_list.board_inqury .tbody .col_left ~ div + div:before {display:inline-block; width:1px; height:1.6rem; margin:0 1.4rem; background-color:#666; content:'';} */

    /* 학습관리알림 */
    .modal_dunaMgmtAlim .inner_scroll {height: auto !important; overflow:hidden;}
    .modal_dunaMgmtAlim .alim_area .alim_list li {padding:2.4rem 2.4rem 2.4rem 5rem;}
    .modal_dunaMgmtAlim .alim_area .alim_list .date {font-size:2.4rem;}
    .modal_dunaMgmtAlim .alim_area .alim_list .date::before {top:0.8rem;}
    .modal_dunaMgmtAlim .alim_area .alim_list .tit {font-size:2.4rem;}
    .modal_dunaMgmtAlim .alim_area .alim_nodata {height:30rem;}
    .modal_dunaMgmtAlim .alim_area .alim_nodata p {font-size:2.4rem;}

    /* 총 완강내역 */
    .tot_cmplt_list {max-height:216px;}
    .tot_cmplt_list li {height:12rem; padding:0 1rem;}
    .tot_cmplt_list li .num {font-size:2.4rem;}
    .tot_cmplt_list li .tot_date {font-size:2.4rem;}
    .tot_cmplt_list li .date p {font-size:2.2rem; line-height:1.3;}

    /* 성적등록 */
    .modal_dunaGradeReg .tit {font-size:3rem;}
    .modal_dunaGradeReg .modal_foot {height:7rem;}

    /* SNS수신동의 */
    .modal_dunaSmsAgree .regList .define {font-size:2.6rem;}
    .modal_dunaSmsAgree .regList .define dd {margin-top:0.6rem; font-size:2.4rem;}
    .modal_dunaSmsAgree .agree_box {margin-top:2rem;}
    .modal_dunaSmsAgree .agree_box .agree_inp .msg_txt {font-size:2.6rem;}

    /* 대입상담실 */
    .board_list.board_advise .tbody .col_1:nth-child(2),
    .board_list.board_advise .tbody .col_1:nth-child(3) {width:100%; text-align:left;}

    /* 논술첨삭 */
    .board_list.type2.board_essay .tbody > div:nth-child(2),
    .board_list.type2.board_essay .tbody > div:nth-child(3) {width:100%; text-align:left;}

    .duna_sec .qna_list .btn_qna span {padding-right:4rem;}/* 2021-04-14 수정 */
    .duna_sec.charts .chart_wrap {width:100%; height:45rem;}/* 2021-04-14 수정 */

    /* 배송정보 2021-04-25 수정 */
    .modal_delivery .board_form .controls_tel select, 
    .modal_delivery .board_form .controls_tel input,
    .modal_delivery .board_form .controls_addr input {max-width:100%;}
    .modal_delivery .board_form .btn_L_col1 {min-width:14.8rem;}
    .modal_delivery .txt_caution2:before {margin-top:0.4rem ;}/* 2021-04-25 수정 */

    /* 듀냐학습관리 공지 팝업 | 2021-11-01 수정 */
    .duna_noti_wrap .duna_noti_popup {font-size:2.4rem;}
    .duna_noti_wrap .duna_noti_popup .tit_head {font-size:4.6rem;}
    .duna_noti_wrap .duna_noti_popup .noti_text_box {min-height:auto; font-size:2.6rem; line-height:1.4;}
    /* //듀냐학습관리 공지 팝업 */

    /* 인공지능 추천문제 TOP5 */
    .contain-league h4.title {font-size:2.6rem;}
    .contain-league .btn-help-toggle {display:inline-block;position:relative;z-index:1;margin-left:.5rem;}
    .contain-league .btn-help-toggle >button {display:inline-block;margin-top:-0.5rem;}
    .contain-league .btn-help-toggle >button .hidden {visibility:hidden;}
    .contain-league .btn-help-toggle >button::before {content:'?';width:3rem;height:3rem;font-size:2.4rem;line-height:2.6rem;}
    .contain-league .btn-help-toggle .pop-toggle {opacity:0;visibility:hidden;position:absolute;left:0;top:0;padding:2rem 3.5rem;font-size:2rem;white-space: nowrap;text-align:left;color:#fff;background:#4f5665;border-radius:.8rem; -webkit-transform:translate(-50%, 0%);transform:translate(-79%, -115%);}
    .contain-league .btn-help-toggle .pop-toggle > p {letter-spacing:-0.05rem}
    .contain-league .btn-help-toggle .pop-toggle::before {content:'▾';display:block;position:absolute;right:6.2rem; bottom:-1.3rem;top:auto; font-size:3.5rem;}
    .contain-league .btn-help-toggle.on .pop-toggle {opacity:1;visibility:visible;letter-spacing:0;line-height:130%;}

    .contain-league .box-rank .leagueTop5 li {margin:0 8rem; min-width:auto;}
    .contain-league .box-rank .leagueTop5 li a {padding:3rem;}
    .contain-league .box-rank .leagueTop5 li a:hover {background-color:#e9e9e9; border:5px solid #e9e9e9;}
    .contain-league .box-rank .leagueTop5 li a .rankNum {font-size:3.5rem;}
    .contain-league .box-rank .leagueTop5 li a .areaSubject {max-width:100%; font-size:2rem; margin-top:3rem; padding:5px 11px 7px 11px;}
    .contain-league .box-rank .leagueTop5 li a .subjectTit {height:6rem; font-size:2.6rem; margin-top:2rem;}
    .contain-league .box-rank .leagueTop5 li a .solvedNum {font-size:2.6rem; margin-top:2rem;}

    /* weekly_list_wrap | 2023-07-06 수정 */
    .weekly_list_wrap .weekly_list li {font-size:2.4rem; padding:2rem 0;}
    .weekly_list_wrap .weekly_list li .chk_box2 {padding-left:5rem;}
    .weekly_list_wrap .weekly_list li .cont {padding:0 5rem 0 5rem;}
    .weekly_list_wrap .weekly_list li .util {margin-top:-3rem;}
    .weekly_list_wrap .weekly_list li.no_data {font-size:3rem;}

    /* schedule_banner_wrap | 2023-07-06 수정 */
    .schedule_banner_wrap .schedule_banner li {font-size:2.4rem;}
    .schedule_banner_wrap .schedule_banner li a {padding:3rem 2rem;}
    .schedule_banner_wrap .schedule_banner li.list_question a::before {width:5.2rem; height:6.1rem;}
    .schedule_banner_wrap .schedule_banner li.list_lecture a::before {width:6.1rem; height:5.3rem;}
    .schedule_banner_wrap .schedule_banner li.list_plan a::before {width:5.7rem; height:5.7rem;}
    .schedule_banner_wrap .schedule_banner li .tit {font-size:3rem;}
    .schedule_banner_wrap .schedule_banner li span {font-size:2.4rem;}
}

/* -------------------------- mobile -------------------------- */
@media screen and (max-width: 810px) and (min-width: 720px) {
    .existing_learner .graph_progress .data .legend {max-width:24rem;}
    .existing_learner .graph_progress .data .legend dt {margin-top:0;}
    .existing_learner .graph_progress .data .legend dd {margin-top:0.2rem;}
    .existing_learner .graph_progress .data .legend dt ~ dt {margin:1rem 0 0;}
    .existing_learner .graph_progress .data .legend dd ~ dd {margin:0.2rem 0 0;}
    .existing_learner .graph_progress .data .legend dd,
    .existing_learner .graph_progress .data .legend dd ~ dd {margin-left:2rem;}

}
@media screen and (max-width: 719px) {
    /* 듀냐학습관리 이벤트 팝업 | 2021-10-05 수정 */
    .modal_wrap.duna_popup_wrap .modal {max-width:100%;}
    .duna_popup_wrap .modal_top_close span {width:4rem; height:4rem; background-size:100% 100%;}

    .duna_popup_wrap .duna_popup {width:100%; height:100%;}
    .duna_popup_wrap .duna_popup .top_tit img {width:100%;}
    .duna_popup_wrap .duna_popup .memo_wrap {background-size:100% auto; padding-bottom:12rem;}
    .duna_popup_wrap .duna_popup .memo_wrap p img {width:100%;}
    .duna_popup_wrap .duna_popup .memo_txt {margin:0; font-size:2.4rem;}
    .duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap {padding:4rem 0;}
    .duna_popup_wrap .duna_popup .memo_txt .word_btn_wrap p {margin-top:4.5rem; line-height:1.3;}
    .duna_popup_wrap .duna_popup .input_wrap {position:relative; flex-wrap:wrap;}
    .duna_popup_wrap .duna_popup .input_wrap .word_box {width:100%; height:8rem; padding:2rem 1.5rem; font-size:2.4rem;}
    .duna_popup_wrap .duna_popup .input_wrap button {width:100%; height:7rem; margin-top:1rem;}
    .duna_popup_wrap .duna_popup .input_wrap button span {font-size:3rem;}
    .duna_popup_wrap .duna_popup .input_wrap button span:before {width:2.5rem; height:2.5rem; background-size:100% 100%;}
    .duna_popup_wrap .duna_popup .evn_btn_wrap button img {width:100%;}
    /* //듀냐학습관리 이벤트 팝업 | 2021-10-05 수정 */

    /* 인공지능 추천문제 TOP5 */
    .contain-league .box-rank .leagueTop5 li a .subjectTit {height:40px;}
}
@media screen and (max-width: 500px) {
    .existing_learner .graph_progress .data .legend {max-width:24rem;}
    .existing_learner .graph_progress .data .legend dt {margin-top:0;}
    .existing_learner .graph_progress .data .legend dd {margin-top:0.2rem;}
    .existing_learner .graph_progress .data .legend dt ~ dt {margin:1rem 0 0;}
    .existing_learner .graph_progress .data .legend dd ~ dd {margin:0.2rem 0 0;}
    .existing_learner .graph_progress .data .legend dd,
    .existing_learner .graph_progress .data .legend dd ~ dd {margin-left:2rem;}

    .modify_box .box_gray .txt br {display:none;}

    /* 듀나학습방 - 이벤트 | 2021-07-08 수정 */
    .duna_sec.event .cont_wrap .img {width:38.1rem;}
    .duna_sec.event .cont_wrap .img_evn_wrap {width:38.1rem;}
    .duna_sec.event .cont_wrap .action {right:3rem;}
    .duna_sec.event .cont_wrap .action .btn_submit {width:13.2rem; height:13.2rem; font-size:2.6rem;}
    .duna_sec.event .cont_wrap.evn_red .action {right:3rem;}

    .duna_popup_wrap .duna_popup .memo_wrap { padding-bottom:8rem;}

}

@media screen and (max-width: 375px) {

    .lecture_list2 li .txt_wrap .lecture_detail {display:block;}
    .lecture_list2 li .txt_wrap .lecture_detail span + span:before {display:none;}
    .lecture_list2 li .txt_wrap .lecture_detail .date_lately {display:block; margin-top:1rem;}
    .my_schedule {padding:4.4rem 3rem;}
    .my_schedule .sche_head .slide_days {width:42rem;}

    .lecture_list.type_cmplt li .tot_cmplt_list li .tot_date {line-height:3.2rem;}
    .lecture_list.type_cmplt li .tot_cmplt_list li .tot_date span {display:block;}

     /* 학습 Q&A */
    .qna_class_list li dl {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .qna_class_list li dl dd {font-size:2.4rem;}
}


@media screen and (max-width: 360px) {
    .lecture_list2 li{padding:2rem;}
    .lecture_list2 li .txt_wrap .lecture_detail span {line-height:1.3;}
    .curriculum_list .accodi_detail .category_wrap .btn_category {font-size:2rem;}
    /* 학습 계획표 */
    
     /* 학습 Q&A */
    .qna_class_list li dl dd strong {font-size:5rem;}
}

@media print {
    .weekly_plan .weekly_slide .slide_item {height:auto;}
    .weekly_plan .weekly_slide .slide_item .cont {display:block; overflow:visible; height:auto;}
    .learning_schedule .weekly_plan .weekly_slide .slick-track {width:100% !important;}
    .learning_schedule .weekly_plan .weekly_slide .slide_item {width:20% !important;}
    .modal_courseCert .modal_head {display:none;}

    .btn_print {display:none;}/* 2021-04-20 수정 */
    .duna_content .btn_XL_col2 {display:none;}/* 2021-04-20 수정 */
    .weekly_date {width:38rem; margin:0 auto; padding-top:1.5rem;}/* 2021-04-20 수정 */
    .btn_print3 {display:none;}/* 2023-08-08 수정 */
    .courseCert_preview .stxt_wrap {display:none;}/* 2023-08-08 수정 */
}