@charset "utf-8";
/* 마이페이지 개편 style */

.content.myMain {padding-bottom:0;}

/* 마이페이지 메인 */
.wrapper {display:grid; grid-template-columns:1fr 1fr 1.2477fr; gap:12px;}
    .wrapper .items {position:relative; width:100%; height:100%; padding:24px; background:#fff; border-radius:10px;}
    .wrapper .items:nth-child(1) {grid-column:1 / 3; height:175px;}
    .wrapper .items:nth-child(2) {grid-column:3; grid-row:1 / 3; height:467px;}
    .wrapper .items:nth-child(3) {grid-column:1 / 3; height:280px; background:none;}
    .wrapper .items:nth-child(n+4):nth-child(-n+9) {max-width:100%; width:100%; box-sizing:border-box; overflow:hidden;}
    .wrapper .items:nth-child(4) {}
    .wrapper .items:nth-child(5) {}
    .wrapper .items:nth-child(6) {}
    .wrapper .items:nth-child(7) {}
    .wrapper .items:nth-child(8) {}
    .wrapper .items:nth-child(9) {}
    .wrapper .items:nth-child(n+4) {height:345px;}

    .items {position:relative;}
        .items .division {display:flex; justify-content:space-between;}
            .division [class^="active_"] {position:relative;}
            .active_lists {width:365px; padding-right:15px;}
            .active_rank {width:calc(100% - 335px); padding-left:30px;}
        .top_between {display:flex; align-items:center; justify-content:space-between; margin-bottom:24px;}
            [class^="mypage_title"] {margin-bottom:24px; font-size:1.125rem; font-weight:700; color:#212D3F;}
            .top_between .mypage_title {margin-bottom:0;}
            .top_between .custom_select .select2-container {width:98px !important; font-size:0.875rem; color:#4A5169;}
                .top_between .custom_select .select2-container .select2-selection--single, .top_between .custom_select .select2-container--default .select2-selection--single .select2-selection__arrow {height:30px;}
                .top_between .custom_select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:30px; padding-left:8px;}
    
        .items a.mypage_title {display:inline-block; padding-right:15px; background:url('../images/common/arrow_right_black.png') right center no-repeat; background-size:7px auto;}
        .items .btn_switch {position:absolute; top:22px; right:22px; padding:7px 11px; font-size:0.875rem; color:#73788C; background:rgba(248, 248, 248, 0.5); border:1px solid #D2D4DE; border-radius:3px;}
            .items .btn_switch .txt_btn_name {font-size:0.875rem;}

        .content_active .slick-slide + .slick-slide {position:relative; margin-left:47px;}
        .content_active .slick-slide + .slick-slide:before {position:absolute; top:0; left:-23px; width:1px; height:100%; background:#E8EAF0; content:'';}
            .content_active .thumbnail_origin {width:100%; border:0;}
                .content_active .thumbnail_origin [class^="thumb_img"] {height:102px; border-radius:5px 5px 0 0;}
                .content_active .thumbnail_origin .thumb_cont {padding:13px 0 0;}
                    .content_active .thumbnail_origin .tc_top {padding-bottom:6px;}
                        .content_active .thumbnail_origin .tc_top .label_event {min-width:28px; max-width:28px; height:28px; margin-right:4px;}
                        .content_active .tc_top .label_event:before {width:28px; height:28px; background-size:12px auto;}
                    .content_active .thumbnail_origin .thumb_tit {font-size:0.938rem;}
                    .thumbnail_origin .txt_gray span + span {position:relative; padding-left:10px;}
                    .thumbnail_origin .txt_gray span + span:before {position:absolute; top:4px; left:3px; width:1px; height:11px; background:#73788C; content:'';}

    /* 메인 - 활동 내역 */
    .stats_graph_box {position:relative; padding:0 10px;}
        .stats_graph_box .graph {position:relative; height:12px; background:#f0f0f0; border-radius:10px; font-size:0; white-space:nowrap; overflow:hidden;}        
            .stats_graph_box .graph .bar {position:relative; display:inline-block; height:12px; background:#ddd; border-radius:10px 0 0 10px; overflow:hidden;}
            .stats_graph_box .graph .bar + .bar {box-sizing:content-box; border-radius:0;}
            .stats_graph_box .graph .bar.learn {z-index:1; background:#95E04E;}
            .stats_graph_box .graph .bar.like {background:#FEBF00;}
            .stats_graph_box .graph .bar.cmmt {background:#785EC3;}

        .stats_graph_box .legends {padding-top:8px;}
            .legends ul {display:flex; justify-content:center; position:relative; left:-10px; width:calc(100% + 20px);}
                .legends li {display:flex; justify-content:center; position:relative; min-width:calc(80% / 3); padding:0 10px;}
                .legends li + li {border-left:1px solid #E8EAF0;}
                .legends li [class^="dot_"] {flex:1; display:block; min-width:8px; max-width:8px; height:8px; margin:3px 9px 0 0; background:#D9D9D9; border-radius:50%;}
                .legends li .dot_green {background:#95E04E;}
                .legends li .dot_yellow {background:#FEBF00;}
                .legends li .dot_purple {background:#785EC3;}
                .legends li p {display:flex; flex-direction:column; justify-content:space-between;}
                    .legends .txt_s12 {padding-bottom:4px; color:#90919A; line-height:14px;}
                    .legends .txt_s16 {color:#000; font-weight:600;}

    /* 메인 - 활동 랭크 */
    .active_rank {border-left:1px solid #E8EAF0;}
        .top_column {display:flex; flex-direction:column;}
        .top_column.ty2 {display:block;}
            .top_column .mypage_title {margin:0;}
            .top_column span {padding:4px 0; font-size:0.875rem; font-weight:500; line-height:18px;}
            .mypage_title + span {height:38px; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line; overflow:hidden;}
            .top_column span.txt_s14 {display:block; font-weight:400;}

        .semi_chart {margin-top:-14px;}
            .semi_chart div {display:flex; align-items:center; justify-content:flex-end; flex-direction:column; color:#000;}
                .semi_chart div .txt_s18 {font-weight:600;}
                .semi_chart div .txt_s12 {margin-top:-4px; font-weight:400;}
            .semi-donut-model-2 {width:120px; height:70px; margin:0 auto; position:relative; text-align:center; color:#fff; font-size:20px; font-weight:600; border-radius:70px 70px 0 0; overflow:hidden; color:var(--fill); display:flex; align-items:flex-end; justify-content:center; box-sizing:border-box;}
            .semi-donut-model-2:before, .semi-donut-model-2:after {content:""; width:120px; height:60px; border:15px solid var(--fill); border-top:none; position:absolute; transform-origin:50% 0% 0; border-radius:0 0 140px 140px; box-sizing:border-box; left:0; top:100%;}
            .semi-donut-model-2:before {border-color:#D9D9D9; transform:rotate(180deg);}
            .semi-donut-model-2:after {z-index:3; -webkit-animation:1.3s fillGraphAnimation ease-in; animation:.7s fillGraphAnimation ease-in; transform:rotate(calc( 1deg * ( var(--percentage) * 1.8 ) ));}
            @-webkit-keyframes fillGraphAnimation {
                0% {
                    transform:rotate(0deg);
                }
                50% {
                    transform:rotate(180deg);
                }
            }

    /* 메인 - 학습중인 콘텐츠 */
    .content_active {display:flex; width:100%;}
        .content_active > div {position:relative; width:calc((100% - 94px) / 3);}        
        .content_active > div + div {margin-left:47px;}
        .content_active > div + div:before {position:absolute; top:0; left:-23px; width:1px; height:100%; background:#E8EAF0; content:'';}
            .content_active .thumbnail_noline {width:100%;}
                .content_active .thumbnail_noline > p:not(.txt_s14cBlack_ellipsisC2) {line-height:14px;}
                .thumbnail_noline .img_book_w {height:calc(100% - 16px); padding:0 18px;}

    .items .flip {display:none; position:absolute; top:0; left:0; padding:24px; width:100%; height:100%; background:#fff; border-radius:10px; transition:all .3s ease-in;}
    .flip.show {display:block;}

    @keyframes smoke {
        0% {
            opacity: 1;
            z-index: -1;
        }
        25% {
            opacity: 0.7;
            visibility: hidden;
        }
        50% {
            opacity: 0.4;
            visibility: hidden;
            filter: blur(6px);
        }
        70% {
            opacity: 0.7;
            visibility: hidden;
        }
        100% {
            opacity: 1;
        }
    }
    
    /* 메인 - 학습 현황 */
    .my_status {display:table; table-layout:fixed; width:100%; padding-top:13px;}
        .my_status li {display:table-cell; position:relative; min-width:calc(100% / 5); text-align:center; cursor:pointer;}
        .my_status li + li:before {position:absolute; top:0; left:-1px; width:1px; height:100%; background:#E6E6E6; content:'';}
            .my_status [class^="icon_"] {justify-content:center; width:45px; height:45px; margin-bottom:10px; background-repeat:no-repeat; background-position:center; background-size:21px auto; border-radius:6px; content:'';}
            [class^="icon_plane"] {background-image:url('../images/mypage/icon_plane_bu.png');}
            [class^="icon_stopwatch"] {background-image:url('../images/mypage/icon_stopwatch_bu.png');}
            [class^="icon_trophy"] {background-image:url('../images/mypage/icon_trophy_bu.png');}
            [class^="icon_shape"] {background-image:url('../images/mypage/icon_shape_bu.png');}
            [class^="icon_rocket"] {background-image:url('../images/mypage/icon_rocket_bu.png');}
            .my_status .txt_s38 {font-weight:600;} 
            .my_status .txt_s14 {padding-top:23px; font-weight:400;}


    /* 메인 - 학습 일정 */
    .cal_head {position:relative;}
        .head_btn {position:absolute; top:0; right:0; display:flex; align-items:center;}
            .head_btn .txt_cPrimary {padding:0 16px; font-size:1.125rem; font-weight:600;}
            .head_btn #preMon, .head_btn #nextMon {width:30px; height:30px;}

    .items .tableWrap_cal .bg_gray {background:#fff; border:0;}
        .items .tableWrap_cal .bg_gray th {padding:20px 0 10px;}
        .items .tableWrap_cal tbody {border:0;}
            .items .tableWrap_cal tbody tr {height:53px; border:0;}
                .items .tableWrap_cal tbody td.colToday:before {width:40px; height:40px; margin-top:-20px; margin-left:-20px;}

    /* 메인 - 새소식 */
    .alarm_lists {max-height:calc(100% - 42px); overflow:hidden; margin-top:-9px;}
        .alarm_lists li {position:relative; padding:8px 0 10px; font-weight:400; white-space:nowrap;}
        .alarm_lists li + li {border-top:1px solid #eee;}        
        .alarm_lists li:last-child {padding-bottom:0;}
        .alarm_lists li:before {position:absolute; top:9px; left:-7px; width:7px; height:7px; border-radius:50%; background:#FF2F2F; content:'';}
        .alarm_lists li.old {opacity:.5;}
        .alarm_lists li.old:before {display:none;}
            .alarm_lists li [class^="icon_"] {width:auto; height:20px; line-height:20px; margin-bottom:5px;  background-position:0; background-repeat:no-repeat; background-size:20px auto; font-style:normal; padding-left:28px}
            .alarm_lists li .icon_heart {background-image:url('../images/mypage/alarm_like_s.png');}
            .alarm_lists li .icon_subject {background-image:url('../images/mypage/alarm_learn_s.png');}
            .alarm_lists li .icon_notice {background-image:url('../images/mypage/alarm_notice_s.png');}
            .alarm_lists li .icon_comment {background-image:url('../images/mypage/alarm_reply_s.png');}
            .alarm_lists li .icon_best {background-image:url('../images/mypage/alarm_recomd_s.png');}
            .alarm_lists li .icon_recomd {background-image:url('../images/mypage/alarm_recomd_s.png');}
            .alarm_lists li [class^="txt_"] {max-width:100%; font-weight:400; color:#212D3F;}
            .alarm_lists li .txt_s12 {color:rgba(0, 0, 0, 0.6);line-height:20px; float:right;}
            .alarm_lists li .txt_s14 b, .alarm_lists li .txt_ellipsis, .txt_name b {font-weight:500;}
            .alarm_lists li .txt_ellipsis {position:relative; margin-top:-3px; padding:0 2px 0 5px; vertical-align:middle;}
            .alarm_lists li .txt_ellipsis:before {position:absolute; top:0; left:0; font-size:0.75rem; color:#212D3F; content:'‘';}
            .alarm_lists li .txt_ellipsis:after {position:absolute; top:0; right:0; font-size:0.75rem; color:#212D3F; content:'’';}
            
            .alarm_lists li .btn_delete {position:absolute; top:16px; right:0; width:10px; height:10px; background:url('../images/mypage/icon_delete_dark.png') center no-repeat; background-size:100% auto; text-indent:-9999px;}

    /* 메인 - 최신 게시글 */
    .latest_lists {max-height:calc(100% - 47px); margin-top:-5px; overflow-y:auto;}
        .latest_lists li + li {padding-top:13px;}
            .latest_lists li a {display:block; padding:12px; background:#F8F8F8; border-radius:10px; font-size:14px; color:#73788C;}
                .latest_lists .top {position:relative; display:flex; align-items:center; justify-content:space-between; padding-bottom:4px;}
                .latest_lists .new .top {margin-left:7px;}
                .latest_lists .new .top:before {position:absolute; top:-2px; left:-8px; width:7px; height:7px; background:#FF2F2F; border-radius:50%; content:'';}
                    .top .txt_ellipsis {position:relative; color:#212D3F; font-weight:500;}
                    .top .txt_ellipsis {max-width:calc(100% - 80px);}
                    .latest_lists .top span {color:#A2AABA; font-size:0.813rem;}
                    .latest_lists .txt_title {color:#212D3F;}
                .latest_lists .txt_title_ellipsis {padding-bottom:4px;}
                    .latest_lists .txt_title_ellipsis b {color:#4969F0;}
                .latest_lists .txt_s12_ellipsisC2, .txt_s12_ellipsisC2 p {font-weight:400;}

    /* 메인 - Q&A */
    .qna_lists {margin-top:-11px;}
        .qna_lists li {padding:10px 0;}
        .qna_lists li + li {border-top:1px solid rgba(0,0,0,.1);}
            .qna_lists li a {display:flex; align-items:center; color:#212D3F;}
                [class^="label_type"] {min-width:62px; max-width:95px; margin-right:10px; padding:5px; border-radius:6px; background:#F8F8F8; font-size:13px; color:#A0A5B9; text-align:center;}
                .label_type_reply {background:#4969F0; color:#fff;}
                .qna_lists li [class^="txt_"] {flex:1;}

    /* 메인 - 학습 유형 */
    .top_info {position:relative; font-size:0.938rem;}
    .items .bgg_list {margin:7px 0; padding:0;} 
    .items .bgg_list + .bgg_list {border:0;}
    .items .bgg_list:last-child {margin-bottom:0;}
        .items .bgg_list .grap_x {width:100%;}
            .items .bgg_list .grap_x .txt_s14cDark_ellipsis {color:rgba(0,0,0,.6);}
            .items .bgg_list .txt_s14cPrimary {position:absolute; top:4px; right:0; font-weight:500;}
            .items .bgg_list .grap_x .gWrap {display:block; width:100%; margin-top:8px;}

    /* 메인 - 좋아요 */
    .items .mypageSlider_like {height:100%; margin-top:-22px; cursor:grab;}
        .items .slick-slide > div + div > div {border-top:1px solid #E8EAF0;}
            .mypageSlider_like .thumbnail_col {display:block; height:100%; padding:20px 0;}
                .mypageSlider_like .thumbnail_col .thumb_cont {height:84px; padding:0 0 0 163px;}
                    .mypageSlider_like .thumb_img {width:150px; height:84px; top:20px;}
                    .mypageSlider_like .thumbnail_col .book .img_book_w {padding:0 13px;}
                    .mypageSlider_like .tc_info {display:flex; padding:0;}
                    .mypageSlider_like .thumb_tit {font-size:0.938rem; max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}

                    .mypageSlider_like .thumbnail_col .thumb_img_book {width:150px; height:84px;}

    .mypageSlider_like .slick-prev, .mypageSlider_like .slick-next {top:auto; bottom:8px; width:24px; height:24px; z-index:2;}
    .mypageSlider_like .slick-prev {left:auto; right:50%; margin-right:26px;}
    .mypageSlider_like .slick-next  {left:50%; margin-left:26px;}
    .mypageSlider_like .slick-dots li {display:none; width:auto; height:auto; margin:0 auto;}
    .mypageSlider_like .slick-dots li.slick-active {display:block; bottom:-9px; width:100%; height:auto; color:#A0A5B9; font-size:0.938rem; letter-spacing:1px;}
        .mypageSlider_like .slick-dots li.slick-active span {font-size:0.875rem; color:#212D3F; font-weight:600;}

    .slick-dots {bottom:-8px;}
    .mypageSlider_like .slick-dots {bottom:30px;}
        .slick-dots li {width:8px; height:8px; margin:0 3px; }
        .slick-dots li.slick-active {width:26px; height:8px;}    
            .slick-dots li button:before {width:8px; height:8px; font-size:0; line-height:unset; background:#A0A5B9; border-radius:50%; content:''; transition:width .3s ease-in;}
            .slick-dots li.slick-active button:before {opacity:1; width:26px; height:8px; border-radius:5px; background:#4A5169;}

    /* 메인 - 보관함 */
    .items .cabinet_box_lists {padding:0; overflow:hidden;}
    .items .cabinet_box_lists + .cabinet_box_lists {padding-top:10px;}
    .thumbSlider_cabinet{display:flex; overflow-x:auto;}
    .thumbSlider_cabinet::-webkit-scrollbar{display:none;}
        .items .thumbnail_cabinet {display:block; width:118px !important; height:76px; border:0;}
            .items .thumbSlider_cabinet .slider_list + .slider_list {margin-left:8px;}
                .items .cabinet_box_lists .cabinet_cont {margin-bottom:8px; padding:4px 12px 5px;}
                .items .thumbnail_cabinet [class^="thumb_img"] {height:100%; aspect-ratio:13.975 / 9; background:#F4F6F8;}
                    .items .thumbnail_cabinet [class^="thumb_img"] img {min-width:100%; max-width:100%; border-radius:0;}
                        .items .thumb_img_book .book_img {width:47px; height:calc(100% - 15px);}
                        .items .content_active .thumb_img_book .book_img {width:60px;}
                    .items .disabled .txt_del {font-size:0.813rem;}
                .cabinet_box_lists .cabinet_cont .link_subj {white-space:nowrap;}
                    .cabinet_box_lists .cabinet_cont .link_subj .txt_s12 {padding-left:10px; color:#A0A5B9;}

    /* 메인 - 키워드 */
    #keywordForm {height:100%;}
        .items .keyword_lists_w {display:flex; flex-wrap:wrap; max-height:calc(100% - 54px); overflow-y:auto;}
            .items .kw_list {margin:0 8px 8px 0;}
                .items .kw_list .link_keyword {min-width:auto; height:30px; padding:5px 13px; background:rgba(73, 105, 240, 0.1); border:0; border-radius:3px; color:#4969f0; font-size:0.875rem; font-weight:500;}

        .key_bgcSLPrimary {display:block; padding:8px 16px 7px; border-radius:5px; font-size:0.875rem;}

    /* 메인 - 결재함 */
    .approval_lists {}
        .approval_lists li + li {padding-top:12px;}
            .approval_lists li a {position:relative; display:block; padding:14px; border:1px solid #D2D4DE; border-radius:10px; font-size:0.938rem; font-weight:500; color:#212D3F;}
            .approval_lists li.active a {padding-top:30px;}
                .approval_lists li .ellipsisC2 {line-height:1.35;}
                .approval_lists .app_top {padding-top:5px;}
                    .approval_lists .app_top p {display:flex; align-items:center; justify-content:space-between;}
                    .app_top .cOrang {position:absolute; top:0; left:0; padding:3px 15px; background:rgba(255, 179, 32, 0.20); border-radius:6px 0; color:#FFB320; font-size:0.813rem;}
                    .app_top p .cGray {padding-left:6px; font-weight:400; color:#A2AABA;}    

    /* 메인 - 목록없는 경우 */
    .items .box_nodata {padding-top:39px; font-size:0.875rem; text-align:center;}
    .top_column.ty2 + .box_nodata {margin-top:24px;}
        .items .box_nodata [class^="icon_nodata_"] {display:block; width:50px; height:50px; margin:0 auto; margin-bottom:16px; background-repeat:no-repeat; background-size:100% auto; background-position:center;}
        .icon_nodata_alarm {background-image:url('../images/common/icon_nodata_alarm.png');}
        .icon_nodata_book {background-image:url('../images/common/icon_nodata_book.png');}
        .icon_nodata_like {background-image:url('../images/common/icon_nodata_like.png');}
        .icon_nodata_type {background-image:url('../images/common/icon_nodata_type.png');}
        .icon_nodata_qna {background-image:url('../images/common/icon_nodata_qna.png');}
        .icon_nodata_archive {background-image:url('../images/common/icon_nodata_archive.png');}
        .icon_nodata_keyword {background-image:url('../images/common/icon_nodata_keyword.png');}
        .icon_nodata_approval {background-image:url('../images/common/icon_nodata_approval.png');}
        
        .items .box_nodata p {font-weight:500; word-break:keep-all;}
        .items .box_nodata .txt_s16 {padding-bottom:6px;}
        .items .box_nodata .txt_s16 + p {font-weight:400;}
        .items .box_nodata .txt_s12 {padding-top:8px; font-weight:400;}
        .items .box_nodata a {display:inline-block; margin-top:8px; padding-right:12px; background:url('../images/mypage/arrow_right_blue.png') right center no-repeat; background-size:5px auto; font-size:0.75rem;}
/* 마이페이지 메인 - new end */

/* 보관함 담기 팝업 */
.make_wrap .btn_bgSGray {width:100%; height:42px; color:#fff;}
/* 보관함 담기 팝업 end*/

/* 마이페이지 결재함 */
.table_evenList.tbApply td:nth-child(n+5):nth-child(-n+6):before {display:none;}
.table_evenList.tbApply td:nth-child(n+5):nth-child(-n+6) {padding:0;}
.table_evenList.tbApply td:nth-child(n+4):nth-child(-n+6) {padding-right:10px;}
.table_evenList.tbApply td:nth-child(7) {position:relative; top:auto; right:auto; margin:0;}

.table_evenList.tbApply tbody td span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}

table tbody td .mob_label {display:none; padding-right:4px; font-size:0.813rem; color:#73788C;}

/* 마이페이지 부서원 학습현황 */
.srch_top .btn_toggle_w {display:flex; align-items:center; flex-wrap:nowrap; width:unset; position:absolute; top:50%; right:30px; transform:translate(0, -50%);}
    .btn_toggle_w [class^="txt_"] {padding-right:12px;}

/**************************************************************************************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/* 큰 태블릿 (가로모드) */
@media screen and (min-width:1366px) and (max-width:1440px) {
	
}

/* 큰 태블릿 */
@media screen and (min-width:1024px) and (max-width:1365px) {
    .wrapper .items {padding:16px;}
    .wrapper .items:nth-child(1) {height:calc(445px - 272px);}
    .wrapper .items:nth-child(2) {height:445px;}
    .wrapper .items:nth-child(3) {height:260px;}
    .wrapper .items:nth-child(n+4) {height:330px;}
        .items a.mypage_title {font-size:1rem;}

    /* 활동 내역 */
    .active_lists, .active_rank {width:50%;}
    .active_lists {padding-right:12px;}
        .legends li + li {border:0;}
            .legends li [class^="dot_"] {margin-right:3px;}
            .legends .txt_s12 {font-size:0.688; white-space:nowrap;}
    .active_rank {padding-left:12px;}

    /* 활동 랭크 */
    .semi_chart {margin-top:-8px;}
        .semi-donut-model-2, .semi-donut-model-2:before, .semi-donut-model-2:after {width:130px; height:65px;}
        .semi-donut-model-2:before, .semi-donut-model-2:after {border-width:20px;}

    /* 학습중인 콘텐츠 */
    .items .flip {padding:16px;}
        .items .btn_switch {top:16px; right:16px;}

    .content_active > div {width:calc((100% - 40px) / 3);}
    .content_active > div + div {margin-left:20px;}
    .content_active > div + div:before {left:-11px;}        
        .flip .txt_s14cBlack_ellipsisC2 {height:42px;}
        .thumbnail_noline span {font-size:0.688rem;}
            
    /* 새소식 */
    .alarm_lists li a {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        .alarm_lists li .txt_s14 {}
            .alarm_lists li .txt_ellipsis {}

    /* 좋아요 */
    .mypageSlider_like .thumbnail_col {height:auto; overflow:hidden;}
        .mypageSlider_like .thumb_cont [class^="tit_"] {max-height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; white-space:pre-line;}
    .slick-dots {bottom:-10px;}

    /* 구독 중인 채널의 최신 게시글 */
    .latest_lists .txt_title_ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    
    /* 학습 유형 */
    .top_between {margin-bottom:12px;}
    .bg_graph_w {height:200px; margin-top:0;}

    /* 결재함 */
    .approval_lists li a {min-height:unset;}
        .approval_lists .app_top {flex-direction:column; align-items:flex-start;}
        .approval_lists li .ellipsisC2 {-webkit-line-clamp:1;}


}

/* 태블릿 ~ 큰 태블릿 */
@media screen and (min-width:768px) and (max-width:1365px) {
    .contBox_isLNB .cb_inner > [class^="tit_"] {display:none;}

    .wrapper {grid-template-columns:49.2% 49.2%; padding:0 16px 16px; background:#f8f9fb; overflow:hidden;}
        .wrapper .items {position:relative; width:100%; height:100%; padding:16px; background:#fff; border-radius:10px;}
        .wrapper .items:nth-child(1) {order:1; grid-column:1 / 3; grid-row:1 / 2; height:calc(413px - 237px);}
        .wrapper .items:nth-child(2) {order:2; grid-column:2; grid-row:2 / 3; height:413px;}
        .wrapper .items:nth-child(3) {order:3; grid-column:1 / 2; grid-row:2 / 3; padding:0; height:auto;}
        .wrapper .items:nth-child(n+4):nth-child(-n+9) {max-width:100%; width:100%; box-sizing:border-box; overflow:hidden;}
        .wrapper .items:nth-child(4) {order:6;}
        .wrapper .items:nth-child(5) {order:7;}
        .wrapper .items:nth-child(6) {order:4; grid-row:3 / 4;}
        .wrapper .items:nth-child(7) {order:8;}
        .wrapper .items:nth-child(8) {order:9;}
        .wrapper .items:nth-child(9) {order:5; grid-column:2 / 3;  grid-row:3 / 4;}
        .wrapper .items:nth-child(10) {order:10;}
        .wrapper .items:nth-child(11) {order:11;}
        .wrapper .items:nth-child(n+4) {height:330px;}

        /* 활동내역 */
        .active_lists {width:45%; padding-right:0;}
            .legends li {flex-direction:column; align-items:center;}
                .legends li [class^="dot_"] {min-height:8px; max-height:8px; margin:0 0 5px 0;}
                .legends .txt_s12 {font-size:0.688rem; font-weight:400;}
                .legends .txt_s16 {text-align:center; font-size:0.875rem;}
                    .stats_graph_box {padding:0;}
        .active_rank {width:50%; padding-left:12px;}
            .stats_graph_box .legends {white-space:nowrap;}

        /* 학습중인 콘텐츠 */
        .items .flip {display:block !important; position:relative; top:auto; left:auto; height:auto; padding:16px 16px 38px;}
        .flip + .flip {margin-top:15px;}
            .items .btn_switch {display:none;}

            /* .content_active .slick-slide {width:calc((100% - 40px) / 3) !important;} */
            .content_active .slick-track {display:flex; margin:auto 0;}
            .content_active.slick-initialized .slick-slide {flex:1;}
            .content_active .slick-slide + .slick-slide {margin-left:20px;}
            .content_active .slick-slide + .slick-slide:before {left:-11px;}
            .content_active > div {width:100%;}
                .flip .thumbnail_noline .thumb_img {height:80px;}
                .flip .thumbnail_noline [class*="ellipsisC2"] {-webkit-line-clamp:1;}
	            .thumbnail_noline .img_book_w {padding:0 13px;}

            .slick-dots {bottom:-25px;}
                .slick-dots li button:before {width:6px; height:6px;}
                .slick-dots li.slick-active button:before {height:6px;}

            .my_status {padding-top:0;}
                .my_status [class^="icon_"] {display:none;}

        /* 학습 현황 */
        .my_status li + li:before {display:none;}
            .my_status .txt_s38 {font-size:1.5rem;}
            .my_status .txt_s14 {padding-top:10px; font-size:0.75rem;}

        /* 활동 랭크 */
        .semi_chart {margin-top:0;}
            .semi_chart div .txt_s20 {font-size:0.875rem;}
            .semi-donut-model-2:before, .semi-donut-model-2:after {border-width:18px;}

        /* 나의 일정 */
        .head_btn {position:relative; top:auto; right:auto;}
        .items .tableWrap_cal tbody tr {height:43px;}

        /* 좋아요 */
        .mypageSlider_like .thumbnail_col {height:auto; overflow:hidden;}

        /* 학습 유형 */
        .items .bg_graph_w {height:calc(100% - 98px);}
            .items .bg_graph_w li:last-child {margin-bottom:0;}
}

@media screen and (min-width:1024px) and (max-width:1365px) {
    .wrapper {grid-template-columns:50% 50%; padding:0; background:#f8f9fb; overflow:hidden;}
        .items .flip {padding-bottom:24px;}
            .items .flip.show {min-height:251px;}
}

/* 모바일 */
@media screen and (min-width:100px) and (max-width:767px) {
    .contBox_isLNB {margin:0; padding:0 0 27px;}

    /* 마이페이지 메인 - new */
    .wrapper {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:0;}
        .wrapper .items {grid-column:auto !important; grid-row:auto !important; padding:20px 16px; border-bottom:10px solid #F8F9FB;}
        .wrapper .items:nth-child(n+1):nth-child(-n+3), .wrapper .items:nth-child(n+4) {height:auto;}
        .wrapper .items:nth-child(1) {order:1;}
        .wrapper .items:nth-child(2) {order:3;}
        .wrapper .items:nth-child(3) {order:2; padding:0;}
        .wrapper .items:nth-child(4) {order:6;}
        .wrapper .items:nth-child(5) {order:7;}
        .wrapper .items:nth-child(6) {order:4; padding-right:0;}
        .wrapper .items:nth-child(7) {order:8;}
        .wrapper .items:nth-child(8) {order:9;}
        .wrapper .items:nth-child(9) {order:5; padding:20px 0;}
            .wrapper .items:nth-child(9) .mypage_title {padding:0 16px;}
        .wrapper .items:nth-child(10) {order:10;}
        .wrapper .items:nth-child(11) {order:11;}

        .top_between {margin-bottom:12px;}
        .top_info {font-size:0.875rem;}
            [class^="mypage_title"] {margin-bottom:20px;}

        .items .box_nodata {padding:0 0 20px;}
        .top_column.ty2 + .box_nodata {margin-top:0;}

        /* 활동 내역 */        
        .items .division {flex-direction:column;}
            .active_lists {width:auto; padding:0 0 24px 0;}
            .active_rank {width:100%; padding:20px 0 0; border:0; border-top:1px solid #E8EAF0;}

            .stats_graph_box .legends {padding-top:20px;}

        /* 활동 랭크 */
        .top_column {padding-bottom:20px;}
        .semi_chart {margin-top:0;}
        .semi-donut-model-2, .semi-donut-model-2:before, .semi-donut-model-2:after {width:160px; height:80px;}

        .top_column span {height:unset;}

        /* 나의 일정 */
        .head_btn {position:relative; top:auto; right:auto;}

        /* 학습 현황 */
        .my_status [class^="icon_"] {display:none;}
        .my_status .txt_s38 {font-size:1.25rem;}
        .my_status .txt_s14 {padding-top:8px; font-size:0.75rem;}

        /* 학습중인 콘텐츠 */        
        .content_active > div {width:100%;}
            .items .flip .mypage_title {padding-left:16px;}

        .content_active .slick-list {padding-left:16px; padding-bottom:1px;}
            .items .flip {padding:20px 0;}
            .flip.show {position:relative; top:auto; left:auto; width:100%;}
                .items .btn_switch {top:26px; right:0; margin-right:16px; padding:0 0 3px; border:0; border-bottom:1px solid #A0A5B9; border-radius:0;}
                    .items .btn_switch .txt_btn_name {font-size:0.875rem;}
                    .content_active .thumbnail_noline .thumb_img {height:113px;}
                    .content_active .thumbnail_origin [class^="thumb_img"] {height:113px;}
                    .content_active .thumbnail_origin {border:1px solid #D2D4DE;}
                        .content_active .thumbnail_origin .thumb_cont {padding:14px 12px 10px;}

        /* 좋아요 */        
        .items .mypageSlider_like {padding:8px 0 35px;}
            .mypageSlider_like .thumbnail_col {height:auto; padding:12px 0; overflow:hidden;}
                .mypageSlider_like .thumb_img, .mypageSlider_like .thumbnail_col .thumb_img_book {width:164px; height:92px;}
                .mypageSlider_like .thumb_img {top:12px;}
                    .mypageSlider_like .thumbnail_col .thumb_cont {height:92px; padding-left:174px; padding-right:16px;}
            .slick-dots {bottom:-6px;}

            .mypageSlider_like .slick-list {left:-16px; width:calc(100% + 16px); padding-left:16px;}
                .mypageSlider_like .slick-slide {width:auto;}
                    .mypageSlider_like .slick-slide > div {display:flex; width:calc(100vw - 16px); margin-right:10px;}
                    .mypageSlider_like .slick-slide:last-child > div {margin-right:0;}

        /* 보관함 */        
        .items .cabinet_box_lists + .cabinet_box_lists {padding-top:16px;}
            .items .cabinet_box_lists .cabinet_cont {margin-bottom:13px; padding:9px 12px 10px;}
            .thumbSlider_cabinet .slick-list {left:-16px; width:calc(100% + 16px); padding-left:32px;}

            .items .thumbnail_cabinet {width:118px;}

        /* 새소식 */
        .alarm_lists {max-height:unset; margin-top:0;}
            .alarm_lists li {padding-left:0px;}
                .alarm_lists li [class^="icon_"] {top:13px; width:calc(100% - 50px); height:20px; border-radius:6px;}
                .alarm_lists li .btn_delete {top:10px; width:20px; height:20px; background-size:12px auto;}
                .alarm_lists li [class^="txt_"] {max-width:86%;}     
            
        /* 최신 게시글 */
        .latest_lists {max-height:unset;}
            .latest_lists .txt_s12_ellipsisC2 {font-size:0.75rem;}

        /* 결재함 */
        .approval_lists li a {min-height:auto;}
        table tbody td .mob_label {display:inline-block;}
        .topGroup_space .infoBox_bgcSLPrimary {width:100%;}

        /* 관심 키워드 */
        .items .keyword_lists_w {max-height:unset;}

        /* Q&A */
        [class^="label_type"] {font-size:0.813rem;}
            .qna_lists li [class^="txt_"] {font-size:0.938rem; font-weight:500;}

        /* 학습 유형 */
        .items .bgg_list:first-child {margin-top:0;}
            .bg_graph_w {max-height:unset;}
                .bgg_list .grap_x .gWrap, .bgg_list .grap_x .gBar {height:10px;}
                .items .bgg_list .txt_s14cPrimary {right:7px;}


        .content_active .slick-slide {width:200px !important;}
        .content_active .slick-slide + .slick-slide {margin-left:13px;}
        .content_active .slick-slide + .slick-slide:before {display:none;}
    /* 마이페이지 메인 - new end */          
    
    /* 마이페이지 부서원 학습현황 */
    .srch_top .btn_toggle_w {position:relative; top:auto; right:auto; transform:unset; margin-bottom:10px;}
}