/*
        @font-face { font-family: 'BMJUA'; font-style: normal; font-weight: normal; src: url('/styles/font/BMJUA.woff2') format('woff2'), url('/styles/font/BMJUA.woff') format('woff');}

        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: local('Noto Sans KR Thin'), local('Noto Sans CJK KR Thin'), local('Noto Sans KR');}
        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: local('Noto Sans KR Light'), local('Noto Sans CJK KR Light'), local('Noto Sans KR');}
        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: local('Noto Sans KR Regular'), local('Noto Sans CJK KR Regular'), local('Noto Sans KR');}
        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: local('Noto Sans KR Medium'), local('Noto Sans CJK KR Medium'), local('Noto Sans KR');}
        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: local('Noto Sans KR Bold'), local('Noto Sans CJK KR Bold'), local('Noto Sans KR');}
        @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: local('Noto Sans KR Black'), local('Noto Sans CJK KR Black'), local('Noto Sans KR');}

        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('/styles//font/Montserrat-Black.otf') format('opentype'),; }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('/styles//font/Montserrat-ExtraBold.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('/styles//font/Montserrat-Bold.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('/styles//font/Montserrat-SemiBold.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('/styles//font/Montserrat-Regular.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/styles//font/Montserrat-Light.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('/styles//font/Montserrat-UltraLight.otf') format('opentype'); }
        @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('/styles//font/Montserrat-Thin.ttf') format('truetype'); }

        * { margin:0px; padding:0px; letter-spacing:-0.5px; box-sizing:border-box; -webkit-text-size-adjust:none; }
        body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0; -webkit-text-size-adjust:none }
        html { overflow-y:scroll; color: #222; font-size:16px; font-family'Noto Sans KR', sans-serif; font-weight:500; }
        body { -webkit-text-size-adjust:none; font-size:1rem; word-wrap:break-word; word-break:break-all; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0; overflow:hidden;}
        img { border-style: none; }
        h1, h2, h3, h4, h5, h6 {font-size:1rem; font-weight:normal;}
        fieldset {border:0;}
        table, th, td { border: 0px; border-collapse: collapse; }
        ol, ul, ul li, ol li { list-style-type: none; list-style:none; }
        input { -webkit-border-radius:1px; outline:0; }
        button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; outline:0; overflow:visible; cursor:pointer; }
        b, i { color:inherit; font-weight:700; }
        em, i, address {font-style:normal; font-weight:normal;}
        strong { color:inherit; font-weight:inherit; }
        textarea {resize:none; background:url(none); -webkit-border-radius:1px; -webkit-appearance:none; }
        a:link { text-decoration: none; }
        a:visited { text-decoration: none; }
        a:active { text-decoration: none; outline: none; }
        a:hover { text-decoration: none; }
        a:focus{ outline: none; }
        a { word-break:break-all; outline: 0; color:inherit; }
        *:focus {outline:0;}
        *:visited {outline:0;}
        *:active {outline:0;}
        *:hover {outline:0;}

        legend, caption {display:none; clear:both;}
        input, textarea, select, button, table {font-size:inherit; font-family:inherit; line-height:inherit; outline:0; border:0; border-collapse: collapse;}
        section, nav, article, aside, hgroup, heade, footer {display:block;}
*/
        /*마진*/
        .mt0 { margin-top:0px !important; }
        .mt5 { margin-top:5px !important; }
        .mt10 { margin-top:10px !important; }
        .mt15 { margin-top:15px !important; }
        .mt20 { margin-top:20px !important; }
        .mt25 { margin-top:25px !important; }
        .mt30 { margin-top:30px !important; }
        .mt35 { margin-top:35px !important; }
        .mt40 { margin-top:40px !important; }
        .mt45 { margin-top:45px !important; }
        .mt50 { margin-top:50px !important; }
        .mt60 { margin-top:60px !important; }
        .mt90 { margin-top:90px !important; }

        .mb0 { margin-bottom:0px !important; }
        .mb5 { margin-bottom:5px !important; }
        .mb10 { margin-bottom:10px !important; }
        .mb15 { margin-bottom:15px !important; }
        .mb20 { margin-bottom:20px !important; }
        .mb25 { margin-bottom:25px !important; }
        .mb30 { margin-bottom:30px !important; }
        .mb40 { margin-bottom:40px !important; }
        .mb60 { margin-bottom:60px !important; }


        /*패딩*/
        .pt0 { padding-top:0 !important; }
        .pt10 { padding-top:10px !important; }
        .pt15 { padding-top:15px !important; }
        .pt20 { padding-top:20px !important; }
        .pt25 { padding-top:25px !important; }

        .pb0 { padding-bottom:0 !important; }
        .pb15 { padding-bottom:15px !important; }
        .pb20 { padding-bottom:20px !important; }
        .pb30 { padding-bottom:30px !important; }
        .pb40 { padding-bottom:40px !important; }
        .pb50 { padding-bottom:50px !important; }
        .pb60 { padding-bottom:60px !important; }

        /*텍스트 스타일*/
        .cm_tit_48 { font-weight:700; font-size:3rem; line-height:68px; font-family:'Noto Sans KR'; }
        .cm_tit_35 { font-weight:700; font-size:2.188rem; line-height:50px; font-family:'Noto Sans KR'; }
        .cm_tit { font-weight:700; font-size:1.563rem; line-height:36px; font-family:'Noto Sans KR'; }
        .cm_subtit { font-weight:400; font-size:1.125rem; line-height:26px; font-family:'Noto Sans KR'; }
        .cm_txt { font-weight:400; font-size:0.938rem; line-height:22px; font-family:'Noto Sans KR'; }
        .cm_smtxt { font-weight:400; font-size:0.813rem; line-height:20px; font-family:'Noto Sans KR'; }
        .cm_xsmtxt { font-weight:400; font-size:0.688rem; line-height:16px; font-family:'Noto Sans KR'; }

        /*[.list_cont.vertical01 ] 리스트 공통화 ver썸네일 */
        .list_cont.vertical01 .cm_thumb_wrap { position:relative; width:100%; height:80px; border:1px solid #ededed; border-radius:10px; overflow:hidden; }
        .list_cont.vertical01 .cm_thumb_wrap img { display:block; width:100%; height:auto; z-index:0; }

        /*썸네일 비율 16:9일때*/
        .list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 { height:auto; padding-top:56.25% }
        .list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto; }

        .list_cont.vertical01 dl { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0; flex-wrap:wrap; flex-direction:column; width:100%; margin-top:5px; }
        .list_cont.vertical01 dl > * { position:relative; overflow:hidden; }

        .list_cont.vertical01 dl .cm_mentor_name { font-size:15px; line-height:22px; }
        .list_cont.vertical01 dl .cm_user_name { font-size:15px; line-height:22px; }

        .list_cont.vertical01 dl .box_txt { -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; }

        .list_cont.vertical01 dl .box_txt.row1 { display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
        .list_cont.vertical01 dl .box_txt.row2 { display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  }
        .list_cont.vertical01 dl .box_txt.row1.cm_smtxt { height:20px; }
        .list_cont.vertical01 dl .box_txt.row2.cm_smtxt { max-height:40px; }
        .list_cont.vertical01 dl .box_txt.row1.cm_xsmtxt { height:16px; }
        .list_cont.vertical01 dl .box_txt.row2.cm_xsmtxt { max-height:32px; }

        .list_cont.vertical01 dl .box_txt.add span { display:inline-block; float:left; }
        .list_cont.vertical01 dl .box_txt.add span + span { margin-left:5px; }

        .list_cont.vertical01 dl .box_name .category { display:inline-block; position:relative; float:left; height:22px; padding-right:8px; margin-right:5px; }
        .list_cont.vertical01 dl .box_name .category::after { display:block; content:''; position:absolute; top:10px; right:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
        .list_cont.vertical01 dl .box_name .cm_mentor_name { float:left; }



        .main_wrap { display:block; position:relative; left:0; width:100%; height:auto; background-color:#f4f5fa; color:#222; font-family:'Noto Sans KR'; font-size:1rem; font-weight:500; box-sizing:border-box; overflow:hidden; z-index:1; }
        .main_wrap .contents01 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; overflow:visible; }
        .main_wrap .contents01:after { display:block; content:''; clear:both; }
        .main_wrap .contents01.bg { background:#fff; }
        .main_wrap .contents02 { position:relative; padding:30px 15px; overflow:hidden; }

        .main_wrap h2.cm_subtit { margin-bottom:15px; font-weight:700; overflow:hidden; }
        .main_wrap h2.cm_subtit .im{ margin-top:-2px; margin-left:5px; font-size:90%; color:#ccc; vertical-align:middle; }
        .main_wrap h2.cm_subtit  strong { font-weight:bold;}
        .main_wrap h3.cm_txt { margin-bottom:15px; font-weight:700; }
        .main_wrap h3.cm_smtxt { font-weight:500; overflow:hidden; }
        .main_wrap h3.cm_smtxt strong { margin-left:5px; font-family:'Montserrat'; font-weight:500; }

        .main_wrap .box_bn { border-radius:10px; overflow:hidden; }
        .main_wrap .box_bn { width:100%; height:auto; }
        .main_wrap .box_bn img { display:block; width:100%; height:auto; }


        .main_wrap .cm_btn.btn_more { display:block; width:180px; height:35px; margin:30px auto 0; border-radius:5px; color:#777; font-size:15px; line-height:33px; cursor:pointer; }
        .main_wrap .cm_btn.btn_more .im { margin-left:5px; color:#ccc; font-size:85%; line-height:normal; }

        /* 메인 배너 */
        .main_wrap .main_banner_wrap {position: relative; width: 100%;  padding: 0;  margin: 0 auto;  box-sizing: border-box;  overflow: hidden;}
        .main_wrap .main_banner_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
        .main_wrap .main_banner_wrap .item {display: flex; flex: 0 0 100%; overflow:hidden;}
        .main_wrap .main_banner_wrap .item img { width:100%; height:auto; }
        .main_wrap .main_banner_wrap .box_count { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 3px; position:absolute; top:10px; right:10px; width:auto; height:20px; z-index:990;}
        .main_wrap .main_banner_wrap .box_count .box_control{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-self:center; width:auto; height:20px; padding:0 10px; border-radius:10px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:0.688rem; line-height:20px; justify-content:center; overflow:hidden;}
        .main_wrap .main_banner_wrap .box_count .box_control b { color:#fff; font-size:0.688rem; font-weight:bold; vertical-align:middle; }
        .main_wrap .main_banner_wrap .box_count .btn_all { display:block; position:relative; width:20px; height:20px; border-radius:15px; background-color:rgba(0,0,0,0.6); background-image:url('/images/common/main_slide_all.png'); background-size:contain; background-repeat:no-repeat;  cursor:pointer; }

        /*나의메뉴*/
        .main_wrap .myMenu-warp {width:100%; padding: 20px 10px; box-sizing: border-box;}
        .main_wrap .myMenu { display:grid;grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; min-width: 450px;}
        .main_wrap .myMenu a {display: flex; flex-direction: column; align-items: center;}
        .main_wrap .myMenu a .icon {display: flex;  width: 100%; height: 100%; border-radius: 10px; overflow: hidden; background-color:#f4f5fa;}
        .main_wrap .myMenu a .icon img {width: 100%; height: auto;}
        .main_wrap .myMenu a .title {width: 100%; height:22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; margin-top: 5px; text-align: center; font-size: 14px; color:#333; }
        .main_wrap .myMenu-warp.scroll-warp {overflow: auto hidden;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;}
        .main_wrap .myMenu-warp.scroll-warp::-webkit-scrollbar { display: none;}

        .main_wrap .main-contents {display: flex;flex-direction: column;align-items: center;padding: 20px 0;}

        .main_wrap .contents { display:flex; flex-direction:column; align-items:center; gap:50px; }
        .main_wrap .box_wrap { width:100%; display:flex; flex-direction:column; gap:50px; }
        .main_wrap .box_wrap .cm_tit { display:inline-block; font-size:1.125rem; }
        .main_wrap .more { display: inline; padding: 4px 12px; text-align: center; white-space: nowrap; font-weight: 400; font-size: 0.75rem; line-height: normal; color: #fff; border-radius:99px; background-color: #ff7500; }
        .main_wrap .more:hover { background-color: #ff7500; }
        .main_wrap .box_wrap .im {margin: 0 4px 0 0; vertical-align: middle;}
        .main_wrap .box_wrap .subject {display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  font-size:0.938rem; font-weight: 500;}
        .main_wrap .box_wrap .subject strong {font-weight: 700; }
        .main_wrap .box_wrap { position: relative; display:flex; flex-direction: column; width: 100%; gap: 10px }
        .main_wrap .box_wrap .tit { width: 100%; padding: 0 10px; display:flex; flex-direction:column;}
        .main_wrap .box_wrap .tit .txt { display:flex; flex-direction:row;align-items: center;justify-content: space-between; gap:10px; width: 100%;}

        .main_wrap .box_wrap .dots-wrap { display: flex; gap: 6px;justify-content: center; margin-top: 10px;}
        .main_wrap .box_wrap .dots-wrap button:before {display: none;}
        .main_wrap .box_wrap .dots-wrap button {width: 12px;height: 12px;padding: 0;border-radius: 10px;overflow: hidden;background-color:#ddd !important;}
        .main_wrap .box_wrap .issue .dots-wrap button,
        .main_wrap .box_wrap .main_editor .dots-wrap button {background-color:#f4f5fa;}
        .main_wrap .box_wrap .dots-wrap  button.selected { background-color:#ff7500 !important;}

        /*후기,이슈*/
        .main_wrap .box_wrap .cont01 .list_wrap { width: 100%; margin-top: 10px;}
        .main_wrap .box_wrap .cont01 .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
        .main_wrap .box_wrap .cont01 .list_wrap .item {flex: 0 0 90%; padding-left: 10px;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont { display:flex; flex-direction:column; gap:15px; width: 100%; padding: 20px 15px; border-radius:10px; border: 1px solid #ccc; cursor:pointer; background-color: #fff;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .subject {height: 44px;  -webkit-line-clamp:2;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .text {display:-webkit-box; width:100%; height: 60px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;font-size:0.938rem;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .info { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .info .cm_mentor_name {width:calc(100% - 74px); display: flex; align-items: center; gap: 4px;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .info .cm_mentor_name em {vertical-align: middle;height: 22px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  font-weight: 500;}
        .main_wrap .box_wrap .cont01 .list_wrap .list_cont .info span + span {width:64px; text-align: right;}
        .main_wrap .box_wrap .cont01.issue .list_wrap .list_cont .subject-wrap { display:flex; flex-direction: column; gap: 5px;}
        .main_wrap .box_wrap .cont01.issue .list_wrap .list_cont .subject {height: 22px; -webkit-line-clamp:1;}

        .main_wrap .box_wrap .cont02 .list_wrap { width:100%; padding: 10px 0;}
        .main_wrap .box_wrap .cont02 .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
        .main_wrap .box_wrap .cont02 .list_wrap .item-wrap {padding: 0 10px; flex: 0 0 100%;}
        .main_wrap .box_wrap .cont02 .list_wrap .item {display:grid;grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont {position: relative;  display:flex; flex-direction:column; gap:15px; width: 100%; cursor:pointer; background: transparent;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .thumb_wrap {display: block;position: relative;background: #fff;overflow: hidden;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .thumb_wrap img { display: block;width: 100%;height: 100%; transform: scale(1);transition: transform 0.15s linear;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont:hover .thumb_wrap img {  transform: scale(1.1); transition:transform 0.15s linear; }
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .cm_badge_wrap {position: absolute; top: 5px; right: 5px;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .subject {height: 44px; -webkit-line-clamp:2;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info { display:flex; flex-direction: column; gap: 5px 21px;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info .cm_mentor_name {width:100%; display: flex; align-items: center; gap: 4px;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info .cm_mentor_name em {vertical-align: middle;height: 22px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  font-weight: 500;}

        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info span { position: relative;}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info .category {font-size:0.938rem}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info span em {vertical-align: middle;height: 22px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  font-weight: 500;}

        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info span:first-child::after {content:''; position: absolute; top: 50%; right: -11px; width: 1px; height: 8px; background-color: #ccc; transform:translateY(-50%);}
        .main_wrap .box_wrap .cont02 .list_wrap .list_cont .info .point { width: 100%; text-align: right;font-weight:700;}

        .main_wrap .box_flex { display:flex; gap:20px; flex-direction:row; }
        .main_wrap .box_flex .box {position: relative; width: 100%; padding:0 10px; }

        /*테마록*/
        .main_wrap .box_flex .title {display: flex; flex-direction: column;}
        .main_wrap .box_flex .title .cm_tit {display: flex; flex-direction: row;justify-content: space-between;align-items: center;}
        .main_wrap .box_flex .box_themlog {position: relative;  display: flex; flex-direction: column; gap:10px; overflow:hidden; }
        .main_wrap .box_flex .box_themlog .themlog { position:relative; }
        .main_wrap .box_flex .box_themlog .themlog_date { margin-top: 5px; color:#222; text-align:right; cursor:context-menu;}
        .main_wrap .box_flex .box_themlog .themlog_date .date { display:inline-block; padding-left:6px; font-weight:500; font-size:13px; line-height:20px;vertical-align:middle; }
        .main_wrap .box_flex .box_themlog .themlog_date .date span { display:inline-block; padding-left:4px; text-align:right; }
        .main_wrap .box_flex .box_themlog .themlog_date .date small { font-size:13px; }
        .main_wrap .box_flex .box_themlog .themlog_chart { height:375px; overflow:hidden; }
        .main_wrap .box_flex .box_themlog .themlog_chart::after { display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%); width:450px; height:136px; background:url('/images/sub/lab/themlog-treemap-logo.png') no-repeat; z-index:999; pointer-events:none; }
        .main_wrap .box_flex .box_themlog .themlog .cm_smtxt { line-height:30px;  }
        .main_wrap .box_flex .box_themlog .themlog .cm_btn { display:block; position:absolute; bottom:15px; right:15px; width:80px; height:30px; border-radius:5px; font-size:13px; font-weight:700; line-height:30px; text-align:center; }

        .main_wrap .box_video { position:relative; width:100%; padding: 0 10px; transform: translateZ(0); }
        .main_wrap .box_video a { position:relative; display:block; width:100%; height:100%; }
        .main_wrap .box_video a:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.3); z-index:0; }
        .main_wrap .box_video img { display:block; width:100%; height:auto;}
        .main_wrap .box_video .ic_rectangle { display:block; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); width:37.5px; height:30px; border-radius:10%; background: #fff; overflow:hidden; z-index:1; }
        .main_wrap .box_video .ic_rectangle .im { position:absolute; top:50%; left:55%; -webkit-transform:translate(-50%,-50%); color:#222; font-size:100%; vertical-align:middle; }


        /*

        .main_wrap .bn_slide { position:relative; }
        .main_wrap .bn_slide .box_count { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 3px; position:absolute; bottom:5px; right:5px; width:auto; height:20px; z-index:990;}
        .main_wrap .bn_slide .box_count .box_control{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-self:center; width:auto; height:20px; padding:0 10px; border-radius:10px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:0.688rem; line-height:20px; justify-content:center; overflow:hidden;}
        .main_wrap .bn_slide .box_count .box_control b { color:#fff; font-size:0.688rem; font-weight:bold; vertical-align:middle; }
        .main_wrap .bn_slide .box_count .btn_all { display:block; position:relative; width:20px; height:20px; border-radius:15px; background-color:rgba(0,0,0,0.6); background-image:url('/images/common/main_slide_all.png'); background-size:contain; background-repeat:no-repeat;  cursor:pointer; }

        .main_wrap .bn_slide .bn_main { display:none; position:relative; left:50%; transform:translateX(-50%);height:auto; overflow:hidden; }
        .main_wrap .bn_slide .bn_main .bn_img { display:inline-block; float:left; }
        .main_wrap .bn_slide .bn_main .bn_img img{ display:block; width:100%; height:auto; }

        .main_wrap .swiper { width:calc(100% + 20px); }
        .main_wrap .swiper .list_wrap { width:auto; }

        .main_wrap .box_live { overflow:hidden; overflow:hidden; }
        .main_wrap .box_live .swiper { width:100%; }
        .main_wrap .box_live .list_wrap { width:100%; height:108px !important; }
        .main_wrap .box_live .list_wrap .list_cont { position:relative; float:none; padding:15px 45px 15px 15px; border:0; border-radius:10px; background:#f8f8f8; overflow:hidden; }
        .main_wrap .box_live .list_wrap .list_cont .icon { position:absolute; top:15px; right:15px; width:50px; height:52px; background:url('/images/sub/ic_vedio_emeblem.png') no-repeat; background-size:auto 52px; }
        .main_wrap .box_live .list_wrap .list_cont .icon.live { background-position-x:0; }
        .main_wrap .box_live .list_wrap .list_cont .icon.live.off { background-position-x:-50px; }
        .main_wrap .box_live .list_wrap .list_cont .cm_badge { margin-top:-5px; vertical-align:text-bottom; }
        .main_wrap .box_live .list_wrap .list_cont .cm_mentor_name { margin-left:5px; vertical-align:middle; }
        .main_wrap .box_live .list_wrap .list_cont .cm_txt { height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
        
        .main_wrap .box_tab { width:calc(100% + 30px); padding:0 15px; margin-left:-15px; overflow-x:auto; -ms-overflow-style: none; }
        .main_wrap .box_tab::-webkit-scrollbar { display: none; }
        .main_wrap .box_tab .cm_tab { width:max-content; margin:0; }

        .main_wrap .mentor_contents.curation_slide{display:block; height:155px; margin-left:20px; margin-top:13px; box-sizing:border-box; overflow:hidden;}
        .main_wrap .mentor_contents.curation_slide .slick-list{overflow:hidden; height:145px;}
        .main_wrap .mentor_contents.curation_slide .slick-list .slick-track{ display: inline-block; width: auto; padding-right: 100px; box-sizing: border-box;}

        .main_wrap .mentor_contents .mentor_cont_list{ position:relative; float:left; width:143px !important; height:140px; margin-left:10px; text-align:center;}
        .main_wrap .mentor_contents .mentor_cont_list:first-child{ margin-left:15px;}
        .main_wrap .mentor_contents .mentor_cont_list.more{ width:45px !important; margin-left:20px !important;}

        .main_wrap .mentor_contents .mentor_cont_list.more .icon_more{ display:block; width:35px; height:35px; margin-top:45px; margin-left:5px; border:1px dashed #ccc; border-radius:50%; color:#ccc; font-size:100%; }
        .main_wrap .mentor_contents .mentor_cont_list.more .icon_more .im{ margin:2px 0 0 0; vertical-align:middle;}
        .main_wrap .mentor_contents .mentor_cont_list.more .more_txt{display:block; width:45px; margin-top:10px; color:#999; font-size:75%; text-align:center;}

        .main_wrap .mentor_contents .mentor_cont_list a{display:block; width:auto; height:auto;}
        .main_wrap .mentor_contents .mentor_cont_list .category{display:block; position:absolute; top:0; left:0; width:45px; height:37px; background:url('/images/common/ic_category.png') no-repeat 0 0; background-size:315px 37px !important;}
        .main_wrap .mentor_contents .mentor_cont_list.academy .category{background:url('/images/common/ic_category.png') no-repeat 0 0;}
        .main_wrap .mentor_contents .mentor_cont_list.live .category{background:url('/images/common/ic_category.png') no-repeat -45px 0px; }
        .main_wrap .mentor_contents .mentor_cont_list.vod .category{background:url('/images/common/ic_category.png') no-repeat -90px 0;}
        .main_wrap .mentor_contents .mentor_cont_list.stock .category{background:url('/images/common/ic_category.png') no-repeat -135px 0;}
        .main_wrap .mentor_contents .mentor_cont_list.gamejoa .category{background:url('/images/common/ic_category.png') no-repeat -180px 0;}
        .main_wrap .mentor_contents .mentor_cont_list.leading .category{background:url('/images/common/ic_category.png') no-repeat -225px 0;}
        .main_wrap .mentor_contents .mentor_cont_list.golden .category{background:url('/images/common/ic_category.png') no-repeat -271px 0;}

        .main_wrap .mentor_contents .mentor_cont_list .cont_wrap{ width:138px; height:130px; padding:35px 10px 20px 10px; margin:10px 0 0 5px; border:1px solid #ddd; border-radius:10px; background-color:#fff; box-sizing:border-box;  box-shadow: 2px 2px 3px #f3f3f3;}
        .main_wrap .mentor_contents .mentor_cont_list .mentor{display:block; width:100%;  text-align:center;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_tit{display:inline-block; width:100%; max-height:35px; margin-top:11px; color:#777; font-size:75%;line-height:16px; text-align:center; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; box-sizing:border-box; overflow:hidden;}
        .main_wrap .mentor_contents .mentor_cont_list .due_date{ height:15px; margin-top:5px; padding:0 10px 1px 10px; border-radius:8px; background-color:#ccc; color:#fff; font-family:'Noto Sans KR'; font-weight:500; font-size:70%; box-sizing:border-box; overflow:hidden;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_date{display:block; width:100%; height:14px; margin-top:6px; color:#777; font-family:'Noto Sans KR'; font-size:65%; line-height:13px; overflow:hidden;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_article{ float:left; width:50%; height:43px; margin-top:10px; overflow:hidden;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_article:nth-of-type(1){ border-right:1px solid #ededed; box-sizing:border-box;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_article .cont_tit{ display:block; margin-top:0px;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_article .value{display:block; margin-top:3px; color:#222; font-size:70%;}
        .main_wrap .mentor_contents .mentor_cont_list .cont_article .value strong{ font-size:130%; font-weight:500; font-family:'Noto Sans KR';}

        .main_wrap .box_stock .tab_cont { display:none; }
        .main_wrap .box_stock .tab_cont.on { display:block; }

        .main_wrap .box_stock .list_wrap { overflow:hidden;}
        .main_wrap .box_stock .list_wrap .list_cont { display:block; position:relative; height:93px; padding:10px 15px 10px 47px; margin-bottom:5px; background-color:#f8f8f8; }
        .main_wrap .box_stock .list_wrap .list_cont:first-child { border-radius:10px 10px 0 0; }
        .main_wrap .box_stock .list_wrap .list_cont:last-child { border-radius:0 0 10px 10px; }
        .main_wrap .box_stock .list_wrap .list_cont .badge { position:absolute; top:0; left:10px; width:22px; height:27px; background:url('/images/common/ic_ranking_bg.png') no-repeat; background-size:contain; color:#fff; font-size:0.813rem; line-height:26px; text-align:center; }
        .main_wrap .box_stock .list_wrap .list_cont .badge.top { background:url('/images/common/ic_ranking_top_bg.png') no-repeat; background-size:contain; }
        .main_wrap .box_stock .list_wrap .list_cont .cm_mentor_name { line-height:16px; }
        .main_wrap .box_stock .list_wrap .list_cont .box_tit { display:block; width:100%; height:16px; color:#777; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; box-sizing:border-box; overflow:hidden;}
        .main_wrap .box_stock .list_wrap .list_cont .box_data { display:block; width:100%; height:24px; margin-top:10px; overflow:hidden;}
        .main_wrap .box_stock .list_wrap .list_cont .box_data li { float:left; width:calc(50% - 5px); margin-right:10px;}
        .main_wrap .box_stock .list_wrap .list_cont .box_data li:last-child{ margin-right:0;}
        .main_wrap .box_stock .list_wrap .list_cont .box_data li span { display:block; float:left; width:auto; height:24px; }
        .main_wrap .box_stock .list_wrap .list_cont .box_data li .label{ padding:0 10px; margin-right:15px; border-radius:11px; background-color:#fff; color:#222; font-size:0.688rem; line-height:23px; }
        .main_wrap .box_stock .list_wrap .list_cont .box_data li .value { float:left; color:#222; font-weight:700; font-size:0.813rem; text-align:right; line-height:23px; }

        .main_wrap .box_leading .list_wrap { box-sizing:border-box; overflow:hidden; }
        .main_wrap .box_leading .list_wrap .list_cont { float:left; position:relative; width:calc(50% - 7px); padding:15px 15px 25px; margin-right:13px; border:1px solid #ddd; border-top:2px solid #222; text-align:center; box-sizing:border-box; }
        .main_wrap .box_leading .list_wrap .list_cont:last-child { margin-right:0px; }
        .main_wrap .box_leading .list_wrap .list_cont .cm_badge.broadcast { position:absolute; bottom:5px; right:5px; padding-left:10px; color:#e8373d; font-size:67%; box-sizing:border-box; }
        .main_wrap .box_leading .list_wrap .list_cont .cm_badge.broadcast:before { display:block; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#e8373d; }
        .main_wrap .box_leading .list_wrap .list_cont .cm_mentor_name { line-height:16px; }
        .main_wrap .box_leading .list_wrap .list_cont .box_desc { padding:10px; margin-top:10px; border-radius:10px; background:#f8f8f8; box-sizing:border-box; }
        .main_wrap .box_leading .list_wrap .list_cont .value { color:#e8373d;  }

        .main_wrap .box_themlog { position:relative; overflow:hidden; }
        .main_wrap .box_themlog .themlog_cont { text-align:center; vertical-align:middle; }
        .main_wrap .box_themlog .themlog_cont .cm_badge { float:none;}
        .main_wrap .box_themlog .themlog_date { height:30px;s padding:5px 0; border-radius:5px; background:#f8f8f8; color: #222; z-index:3; }
        .main_wrap .box_themlog .themlog_date .date { color:#777; font-size:0.813rem; }
        .main_wrap .box_themlog .themlog_date .text { display:block; padding:6px 0; margin:0 10px; border-radius:10px; background:#f2f4f7; font-size:0.813rem; }
        .main_wrap .box_themlog .themlog_date .cm_btn_ic { position:absolute; top:7px; right:10px; font-size:90%; z-index:4; }
        .main_wrap .box_themlog .themlog_chart { margin-top:10px; border-radius:10px; background:#999; min-height:400px; overflow:hidden; }
        .main_wrap .box_themlog .cm_btn.bg_bk { display:block; position:absolute; bottom:5px; right:0; width:80px; height:30px; font-size:0.813rem; line-height:30px; text-align:center; border-radius:5px; }
        */
        /*메인 변경*/
        /*라인 효과
        .main_wrap .box_effect { position:relative; border:1px solid #ededed; background:#fff; overflow:hidden; }
        .main_wrap .box_effect:before { content: ''; position:absolute; top:1px; left:1px; bottom:1px; width:100%; border-radius:8px; background:rgba(255,255,255,0.05); z-index:0; }
        .main_wrap .box_effect > i { position:absolute; z-index:1;}
        .main_wrap .box_effect > i:nth-child(1) { top:0; left:0; width:100%; height:1px; background:linear-gradient(to right, #777, #ddd); animation:main_coupon1 2s linear infinite; -webkit-animation:main_coupon1 2s linear infinite; }
        .main_wrap .box_effect > i:nth-child(2) { top:0; right:0; width:1px; height:100%; background:linear-gradient(to bottom, #777, #ddd); animation:main_coupon2 1s linear infinite; -webkit-animation: main_coupon2 1s linear infinite; }
        .main_wrap .box_effect > i:nth-child(3) { bottom:0; left:0; width:100%; height:1px; background:linear-gradient(to left, #777, #ddd); animation:main_coupon3 2s linear infinite; -webkit-animation:main_coupon3 2s linear infinite; }
        .main_wrap .box_effect > i:nth-child(4) { top:0; left:0; width:1px; height:100%; background:linear-gradient(to top, #777, #ddd); animation:main_coupon4 1s linear infinite; -webkit-animation:main_coupon4 1s linear infinite; }

        @keyframes main_coupon1 {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        @keyframes main_coupon2 {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }
        @keyframes main_coupon3 {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        @keyframes main_coupon4 {
            0% {
                transform: translateY(100%);
            }

            100% {
                transform: translateY(-100%);
            }
        }
*/
        /*텍스트 링크-머니서퍼
        .main_wrap .box_link { height:45px; padding:0 20px; border-radius:10px; overflow:hidden }
        .main_wrap .box_link .list_wrap { position:relative; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); z-index:3; }
        .main_wrap .box_link .list_wrap .list_cont { float:none; width:100%; height:40px; padding:10px 0; }
        .main_wrap .box_link .list_wrap .list_cont .tit { display:block; height:22px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

        .main_wrap .box_link + .btn_more { display:block; width:130px; margin:15px auto 0; text-align:center; }
        .main_wrap .box_link + .btn_more .im { margin:0 0 0 5px; font-size:90%; vertical-align:middle; }

        .main_wrap .box_rolling { height:auto; border-radius:10px; overflow:hidden; }
        .main_wrap .box_rolling img { display:block; width:100%; height:auto; }

        .main_wrap .box_membership { position:relative; }
        .main_wrap .box_membership .cm_tab .cm_tab_menu .im { margin:0 3px 0 0;  font-size:85%; vertical-align:middle; }
        .main_wrap .box_membership .cm_tab .slick-slide {   background-color:#ededed; color:#222; }
        .main_wrap .box_membership .cm_tab .slick-current {  background-color:#222; color:#fff; font-weight:400;  }

        .main_wrap .box_membership .list_wrap .slick-slide { background:#fff; opacity:1 !important; }
        .main_wrap .box_membership .list_wrap .slick-current { opacity:1 !important; }
        .main_wrap .box_membership .list_box { float:left; width:100%;  }
        .main_wrap .box_membership .list_cont{ position:relative; width:100%; margin-bottom:10px; overflow:hidden; }
        .main_wrap .box_membership .list_cont:first-child { margin-top:0; }
        .main_wrap .box_membership .list_cont a { display:block; width:100%; height:100%; }
        .main_wrap .box_membership .list_cont .cm_thumb_wrap { position:relative; width:130px; height:70px; }
        .main_wrap .box_membership .list_cont .cm_thumb_wrap img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto;  }
        .main_wrap .box_membership .list_cont .tit { display:-webkit-box; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:calc(100% - 140px); max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;  }
        .main_wrap .box_membership .btn_move { display:block; width:100%; height:35px; border-radius:5px; font-size:0.813rem; line-height:35px; text-align:center; }
        .main_wrap .box_membership .btn_move .im { margin:0 0 0 5px !important; font-size:90%; vertical-align:middle; }

        .main_wrap .box_issue .list_cont.vertical01 .cm_thumb_wrap { height:80px; }
        .main_wrap .box_issue .list_cont.vertical01 .cm_thumb_wrap img { height:100%; }
        .main_wrap .box_issue .list_cont.vertical01 .box_desc { display:-webkit-box; height:44px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
*/
        /* S: 업무번호:12800 메인 리뉴얼

        .main_wrap .cont01 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; overflow:visible; }
        .main_wrap .cont01 .swiper { width: calc(100% + 15px); }
        .main_wrap .cont01 .box .footer { align-self:stretch; display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
        .main_wrap .cont01 .box .im { margin:0 3px 0 0;  font-size:85%; vertical-align:middle; }
        .main_wrap .cont01 .box dl .row1{ display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden }
        .main_wrap .cont01 .box dl .row2{ display:-webkit-box; width:100%; height: 40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden }
        .main_wrap .hotmentor .box { height: 159px; flex-grow: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; gap: 15px; padding: 15px; border-radius: 10px; background-color: #fff; }
        .main_wrap .hotmentor .box .text { height:129px; flex-grow:1; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; }
        .main_wrap .hotmentor .box .text .btn { width:98px; height:23px; display:flex; flex-direction:row; align-items:center; gap:5px; padding:8px 5px; border-radius:3px; border: solid 1px #ddd; font-size: 12px;}
        .main_wrap .hotmentor .box .dl { display:-webkit-box; display:-ms-flexbox; display:flex; gap: 0; flex-wrap:wrap; flex-direction:column; width:100%; margin-top:5px; }
        .main_wrap .hotmentor .box .cm_thumb_wrap { width:96px; height:96px; border-radius: 65px;}

        .main_wrap .challenge .box { height: 141px; flex-grow: 0; display: flex; flex-direction: row; gap: 10px; padding: 15px; border-radius: 10px; border: solid 1px #ededed; background-color: #fff; }
        .main_wrap .challenge .box .text { height:111px; }
        .main_wrap .challenge .box .cm_thumb_wrap { width:111px; height:111px; border-radius: 10px; border:solid 1px #ededed; }
        .main_wrap .challenge .box .cm_thumb_wrap img { height:100%; }

        .main_wrap .issue li { height: 171px; flex-grow: 1; display: flex; flex-direction: column; justify-content:end; align-items:stretch; gap: 10px; padding: 15px; border-radius: 10px; border: solid 1px #ededed; background-color: #fff; }

        .main_wrap .cont02 { position:relative; width:100%; padding:30px 15px; box-sizing:border-box; overflow:visible; }

        .main_wrap .cont02 .cm_btn.btn_more { display:block; width:100%; height:35px; bottom:0px; border-radius:5px; color:#777; font-size:13px; line-height:33px; cursor:pointer; }
        .main_wrap .cont02 .cm_btn.btn_more .im { margin-left:5px; color:#ccc; font-size:85%; line-height:normal; }

        .main_wrap .cont02 .list .list_wrap {  flex-grow: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: 15px 10px; }
        .main_wrap .cont02 .list .list_wrap .cm_thumb_wrap { min-height: 90px; }
        .main_wrap .cont02 .list .list_wrap .list_cont { width: calc(50% - 5px); }
        .main_wrap .cont02 .list .list_wrap .list_cont dl .row2{ display:-webkit-box; width:100%; height: 40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden }
        .main_wrap .cont02 .list .list_wrap .list_cont dl .category { display:inline-block; position:relative; height:16px; padding-right:7px; margin-right:0; font-size:0.688rem; line-height:16px; }
        .main_wrap .cont02 .list .list_wrap .list_cont dl .category::after { display:block; content:''; position:absolute; top:7px; right:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
        
        .main_wrap .cont02 .new_lecture,
        .main_wrap .cont02 .rec_lecture { align-self: stretch; flex-grow: 0; display: flex; flex-direction: column; }
        .main_wrap .cont02 .new_lecture .list,
        .main_wrap .cont02 .rec_lecture .list {
            position: relative;
            align-self: stretch;
            flex-grow: 0;
            display: flex;
            flex-direction: column;
            gap: 15px;
            transition: height 0.3s ease;
        }

        /* open 클래스는 JavaScript에서 동적으로 높이 설정
        .main_wrap .cont02 .new_lecture .list.open,
        .main_wrap .cont02 .rec_lecture .list.open {
        }


        .main_wrap .cont02 .rec_lecture { align-self: stretch; flex-grow: 0; display: flex; flex-direction: column; }
        .main_wrap .cont02 .rec_lecture .list { height: 392px; position:relative; align-self: stretch; flex-grow: 0; display: flex; flex-direction: column; gap: 15px; overflow: hidden; }
        .main_wrap .cont02 .rec_lecture .list.open { height: 784px; }

*/


        /* E: 업무번호:12800 메인 리뉴얼 */

        .stock_banner{display:block; width:100%; height:67px; margin-top:10px; overflow:hidden;}
        .stock_banner img{width:100%; height: 67px;}

        .main_contents { position:relative; width:100%; height:auto; box-sizing:border-box; z-index:1; }

        /*모바일웹 인트로 추가*/
        .mobile_web_intro { position:fixed; top:0; left:0; width:100%; height:100%; font-family: 'Noto Sans KR'; z-index:9999; }
        .mobile_web_intro .intro_bg { position:absolute; width:100%; height:100%; top:0; left:0; background-color:#090909; opacity:0.9; }
        .mobile_web_intro .web_intro { position:relative; left:50%; top:20%; transform:translateX(-50%); width:100%; max-width:480px; z-index:9999; }
        .mobile_web_intro .web_intro img { display:block; width:100%; }
        .mobile_web_intro .web_intro .btn_mobileapp { position:absolute; left:50%; bottom:16%; transform:translateX(-50%); width:90%; height:17%; background:#fff; opacity:0; z-index:9999; }
        .mobile_web_intro .web_intro .intro_close { display:block; line-height:25px; vertical-align:middle; font-size:80%; color:#ccc; text-decoration:underline; text-align:center; }
        
        /*아이콘배너*/
        .icon_banner { position:fixed; right:15px; bottom:130px; z-index:999; }
        .icon_banner a { display:block; width:75px; height:75px; padding-top:20px; border-radius:100%; box-shadow:3px 3px 5px rgba(0,0,0,0.3); text-align:center; font-size:0.813rem; font-weight:700; color:#fff; }
        .icon_banner .first { background:#fc2759; }
        .icon_banner .benefit { background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8383c)); background-image:linear-gradient( to right,#ff7500,#e8383c); color:#fff; }
        .icon_banner .btn_youtube { position:relative; background:#fff; padding:0; }
        .icon_banner .btn_youtube img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%); width:45px; height:auto; }
        
        /*아이콘배너(팝업)*/
        .pop_icon_first { max-width:350px; }
        .pop_icon_first img { display:inline-block; padding:15px; width:95%; background:#f3daf3; border-radius:30px; }
        .pop_icon_first .close_first { background:#fff; width:12%; height:12%; margin-right:5px; line-height:40px; vertical-align:middle; text-align:center; border-radius:100%; font-size:1rem; color:#222; font-weight:900; }

        .pop_wrap {display:inline-block; position:fixed; top:0; left:0; width:100%; height:calc(100% - 55px); z-index:9999; }
        .pop_wrap .pop_top{ display:block; width:100%; height:55px; padding:0 20px; background:#fff; border-bottom:1px solid #e6e9ed; color:#222; font-size:1.125rem; font-weight:bold; line-height:55px; text-align:center; box-sizing:border-box; overflow:hidden; }
        .pop_wrap .pop_top strong{ margin-right:5px; font-weight:600;}
        .pop_wrap .pop_top .close_btn {display:block; position:absolute; top:14px; right:20px; width:24px; height:24px; line-height:24px; box-sizing:border-box; background: url(../images/common/ic-close.png) no-repeat; background-size:contain;  }
        .pop_wrap .pop_top .close_btn .im{ display:none; margin:3px 0 0 0; font-size: 100%; vertical-align:middle;}

        .pop_wrap .main_banner_all { display:inline-block; width:100%; height:100%; padding:5px 0; background-color:#fff; z-index:1; box-sizing:border-box; overflow:scroll;}
        .pop_wrap .main_banner_all .main_banner_list{ width:100%; height:auto; padding:5px 10px; box-sizing:border-box;}
        .pop_wrap .main_banner_all .main_banner_list img{ display:block; width:100%; height:auto; border-radius:10px; border:1px solid #ededed; }

        .pop_wrap.all_curration{ height:100%; background-color:#e6e9ed; }
        .pop_wrap.all_curration .pop_top { text-align:left; font-size:0.938rem; font-weight:500;  }
        .pop_wrap.all_curration .bg { height:100%; background-color:#e6e9ed; opacity: 1; }

        .pop_wrap .mentor_contents_wrap{ height:100%;  padding-bottom:80px; box-sizing:border-box; overflow:scroll;}
        .pop_wrap .mentor_contents_wrap .mentor_contents { display:block; width:325px; height:auto; padding: 20px 0 80px 0; margin: 0 auto; text-align: center; box-sizing:border-box; z-index:1;}
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list .cont_tit {font-size:0.688rem;}
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list{ width:155px !important; margin:0 14px 11px 0;}
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor{ display:inline-block; height:20px;  font-size:0.813rem; line-height:18px; text-align:center;}
        .pop_wrap .mentor_contents_wrap .mentor_contents .im{margin:0 2px 0 0; font-size:80%; vertical-align:middle; }
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list:nth-child(2n){ margin-right:0px;}
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list .cont_wrap{ width:150px; padding:20px 10px 30px 10px; box-shadow: 2px 2px 3px #ddd; }
        .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list .cont_date{ font-size:0.688rem;}
        @media (max-width : 320px){
            .pop_wrap .mentor_contents_wrap .mentor_contents{padding-left:10px;}
            .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list{ position:relative; float:left; width:143px !important; height:140px; margin-left:0px; text-align:center;}
            .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list .cont_wrap{ width:138px; height:128px; padding:25px 10px 10px 10px; }
            .pop_wrap .mentor_contents_wrap .mentor_contents .mentor_cont_list .cont_date{ font-size:0.688rem;}
        }


        /*팝업*/
        .cm_popup_wrap { position:fixed; top:0; left:0; width:100%; height:100%; padding:0 10px; z-index:20; }
        .cm_popup_wrap.bg { background:rgba(000,000,000,0.8); }
        .cm_popup_wrap.bg > .btn_close { position:absolute; right:15px; top:15px; width:25px; height:25px; color:#fff; text-align:center; }
        .cm_popup_wrap.bg > .btn_close .im { font-size:110%; line-height:25px; }

        .cm_popup_wrap .popup_img { display:block; position:absolute; top:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  width:calc(100% - 30px); max-width:480px; }
        .cm_popup_wrap .popup_img img { display:block; width:100%; height:auto; z-index:1; }

        .cm_popup_wrap .popup_player { display:block; position:absolute; top:40%; left:0; transform:translateY(-40%); -webkit-transform:translateY(-40%); width:100%; height:auto; box-sizing:border-box;  }
        .cm_popup_wrap .popup_player .txt_noti { height:35px; margin:10px 0 0 -5px; background:#000; color:#fff; line-height:35px; vertical-align:middle; text-align:center; letter-spacing:0; }

        .cm_popup_wrap .popup_wrap { position:absolute; top:30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 30px); max-width:480px; height:auto; padding:16px 16px 15px 16px; background:#fff; border-radius:8px; overflow:hidden; }
        .cm_popup_wrap .popup_wrap .popup_top { position:relative; height:auto; padding:0 30px 10px 0; border-bottom:2px solid #222; font-size:1.125rem; line-height:26px; font-weight:600; }
        .cm_popup_wrap .popup_wrap .popup_top .btn_close { position:absolute; right:0; top:5px; width:17px; height:17px;}
        .cm_popup_wrap .popup_wrap .popup_top .btn_close .im { font-size:90%; vertical-align:top; }

        .cm_popup_wrap .popup_wrap .popup_desc { max-height:370px; overflow:hidden; overflow-y:scroll; }
        .cm_popup_wrap .popup_wrap .popup_desc img { display:block; width:100%; height:auto; z-index:1; }
        .cm_popup_wrap .popup_wrap .popup_desc .tit { display:block; font-size:0.938rem; font-weight:600; margin:0 0 10px 0; line-height:22px;}
        .cm_popup_wrap .popup_wrap .popup_desc .tit:first-of-type { margin:25px 0 10px 0; }
        .cm_popup_wrap .popup_wrap .popup_desc .txt { font-size:0.813rem; line-height:20px; }

        .cm_popup_wrap .popup_wrap .popup_desc .popup_info { padding:10px; margin-top:20px; background-color:#f2f4f7; }
        .cm_popup_wrap .popup_wrap .popup_desc .popup_info .cm_txt { margin-bottom:5px; }
        .cm_popup_wrap .popup_wrap .popup_desc .popup_info .cm_smtxt.cm_color_red { margin-top:10px; }

        .cm_popup_wrap .popup_wrap .popup_btn { width:100%; overflow:hidden; }
        .cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg { float:left;}
        .cm_popup_wrap .popup_wrap .cm_btn_line { border-radius:5px; font-size:0.813rem; text-align:center; }
        .cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:0.813rem; text-align:center; }
        .cm_popup_wrap .popup_wrap .btn_reset { width:calc(50% - 5px); height:45px; margin-right:10px; border:1px solid #ddd; background-color:#fff; color:#222; font-weight:600; font-size:0.938rem; line-height:44px; }
        .cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; font-weight:600; font-size:0.938rem; line-height:45px; }


        /*홍보/공지/안내 레이어 팝업(N일 동안 보지 않기/ 닫기)*/
        .cm_popup_noti { position:absolute; top:20px; left:5%; width:90%; box-shadow:0 0 7px #666; overflow:hidden; z-index:99; }
        .cm_popup_noti img { display:block; width:100%; }
        .cm_popup_noti .box_close { height:40px; padding:0 15px; line-height:40px; background:#262626; color:#ccc; font-family:'Noto Sans KR'!important; font-size:0.813rem; vertical-align:middle;}
        .cm_popup_noti .box_close li {display:inline-block;}
        .cm_popup_noti .box_close li input[type=checkbox] {vertical-align:middle; border:0; margin-right:3px; width:20px; height:20px;}
        .cm_popup_noti .box_close li input[type=checkbox] + label { cursor:pointer; vertical-align:middle; }
        .cm_popup_noti .box_close li.btn_close {max-width:50px; float:right;}
        .cm_popup_noti .box_close li.btn_close a {color:#ccc;}

        /*레이아웃영역*/
        .mbody_wrap.bg { padding:0 15px; margin:0; background-color:#f2f4f7; }

        .trMore.trHidden{
            display:none !important;
        }

        .node {
            position: absolute;
            display: flex;
            align-items: center;
            border: solid 1px #fff;
            padding: 2px;
            cursor: pointer;
        }
        .node.selected { outline:none !important; padding:0; border:3px solid #222 !important; }
        
        .nodeText {
            color:white;
            width : 100%;
            text-align: center;
            font:400 76% 'Noto Sans KR';
            pointer-events: none;
        }

        .node.selected > .nodeText { padding: 2px !important; }

        .nodeDiff {
            word-break: break-all;
        }
        
        .nodeNew {
            outline:none !important; overflow:hidden;
        }
        .nodeNew::before {
            position:absolute; top:0; left:0; width:15px; padding:1px 0 0 0; border-bottom-right-radius:7px;         
            line-height:20px;
            content: "N";
            font:200 11px 'BMJUA';
            background-color:#ffcc00;
            text-align:center;
            color:#222;
        }
        .nodeNew.selected::before {
            top:-2px; left:-2px;
        }
        .nodeHot {
            outline:none !important; overflow:hidden;
        }
        .nodeHot::before {  
            position:absolute; top:0; left:0; padding:0 3px; background:#fff; border-bottom-right-radius:7px;          
            line-height:20px;
            content: "Hot";
            font:500 11px 'BMJUA';
            text-align:center;
            color:rgba(255,12,0,1);
            animation:node_hot 2s 0s infinite linear; -webkit-animation:node_hot 2s 0s infinite linear;
        }
        @keyframes node_hot{            
            20% { color:rgba(34,34,34,0); }
            40% { color:rgba(255,12,0,1); }
            60% { color:rgba(34,34,34,0); }
            80% { color:rgba(255,12,0,1); }
            90% { color:rgba(255,12,0,1); }
            100% { color:rgba(255,12,0,1); }
        }
        .nodeHot.selected::before {
            top:-2px; left:-2px;
        }

        /** 멘토 페이지 embla 관련 css*/
        .list_wrap { width: 100%;}
        .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
        .list_wrap .item {flex: 0 0 calc(50% - 5px); padding-right: 10px;}
        .analyst_list .contents01 .list_wrap .list_cont { display:flex; flex-direction:column; gap:15px; width: 100%; padding: 10px; border-radius:10px; border: 1px solid #ccc; cursor:pointer; background-color: #fff;}
        .analyst_list .contents01 .list_wrap .list_cont.list_none { width:100%; height:150px; padding:65px 0; border-radius:10px; background:#f8f8f8; color:#777; font-size:0.813rem; text-align:center; }
        .analyst_list .contents01 .list_wrap .list_cont .subject {height: 44px;  -webkit-line-clamp:2;}
        .analyst_list .contents01 .list_wrap .list_cont .text {display:-webkit-box; width:100%; height: 60px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;font-size:0.938rem;}
        .analyst_list .contents01 .list_wrap .list_cont .info { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
        .analyst_list .contents01 .list_wrap .list_cont .info .cm_mentor_name {width:calc(100% - 74px); display: flex; align-items: center; gap: 4px;}
        .analyst_list .contents01 .list_wrap .list_cont .info .cm_mentor_name em {vertical-align: middle;height: 22px;display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  font-weight: 500;}
        .analyst_list .contents01 .list_wrap .list_cont .info span + span {width:64px; text-align: right;}