@charset "UTF-8";
/*
    [제목] 종목 테마 공통 스타일 CSS
    [생성일] 2022-01-17
    [내용] 종목 테마 에사용되는 공통 스타일
           (속성 초기화, GNB, LNB, 푸터, 탭, 폰트, 버튼, 아이콘, 컬러, form 스타일 등등)
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
/* 웹폰트*/
@font-face { font-family: 'BMJUA'; font-style: normal; font-weight:normal; src: url('font/BMJUA.woff2') format('woff2'), url('font/BMJUA.woff') format('woff'), url('font/BMJUA.otf') format('opentype');}

@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:100; src: url('font/NotoSansKR-Thin.woff2') format('woff2'), url('font/NotoSansKR-Thin.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src: url('font/NotoSansKR-Light.woff2') format('woff2'), url('font/NotoSansKR-Light.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: url('font/NotoSansKR-DemiLight.woff2') format('woff2'), url('font/NotoSansKR-DemiLight.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: url('font/NotoSansKR-Regular.woff2') format('woff2'), url('font/NotoSansKR-Regular.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:600; src: url('font/NotoSansKR-Medium.woff2') format('woff2'), url('font/NotoSansKR-Medium.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: url('font/NotoSansKR-Bold.woff2') format('woff2'), url('font/NotoSansKR-Bold.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:900; src: url('font/NotoSansKR-Black.woff2') format('woff2'), url('font/NotoSansKR-Black.woff') format('woff');}

/*공통화 css*/
* { 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:500 100% 'Noto Sans KR', sans-serif; }
body { -webkit-text-size-adjust:none; font-size:100% !important; 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:100%; 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:0; outline:0; }
input[type=text]::-webkit-input-placeholder { color:#999; }
input[type=text]:-ms-input-placeholder { color:#999; }
input[type=checkbox] {vertical-align:middle; }
input[type=radio] {vertical-align:middle; }
input[type=button] {-webkit-appearance:none; }
input[type=submit] {-webkit-appearance:none; }
select { -webkit-appearance:none; -webkit-border-radius:0; }
button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; outline:0; overflow:visible; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; }
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: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;}

::selection, select:focus::-ms-value { background-color:transparent; color:#333; }
option:checked {background-color:transparent; color: #333;}
option:checked:hover, select:focus option:checked:hover { background-color: transparent; color: #333; }

.wrap { width:100%; color:#222; font:500 100% 'Noto Sans KR'; word-break:break-word; overflow:hidden; }
.wrap:not(.cm_footer_wrap){margin-bottom: 0}
.contents01 { padding:30px 15px; overflow:hidden; }
.contents02 { padding:15px 0; overflow:hidden; }
.contents02 .cm_paging_wrap { padding:0 15px; margin-bottom:35px; overflow:hidden; }
.contents02 .cm_tit { padding:0 15px; }
.contents03 { padding:0; overflow:hidden; }
.contents01.bg, .contents02.bg{ background:#f4f5fa; }

/* 공통_헤더영역 */
.cm_header_wrap .box_header { position:relative; width:100%; height:65px; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR','Noto Sans CJK KR';  }
.cm_header_wrap .box_header::after { clear:both; }

.cm_header_wrap .box_header > li { float:left; position:relative; height:65px;}
.cm_header_wrap .box_header > li.left_menu { display:table-cell; margin-left:-10px; position:relative; vertical-align:middle; }
.cm_header_wrap .box_header > li.left_menu a { display:table-cell; width:60px; height:65px; vertical-align:middle; }
.cm_header_wrap .box_header > li.left_menu a img { width:110%; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title { display:table-cell; height:65px; line-height:65px; font-size:120%; font-weight:600; color:#222; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title label { margin-left:-5px; color:inherit; line-height:55px; }
.cm_header_wrap .box_header > li.header_title > a { display:table-cell; width:auto; height:55px; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title img { display:inline-block; width:110px; }
.cm_header_wrap .box_header > li.header_title dl { display:inline-block; margin-bottom:10px; vertical-align:middle; }
.cm_header_wrap .box_header > li.header_title dl dt { color:#fff; font-size:85%; line-height:30px; } 
.cm_header_wrap .box_header > li.header_title dl dt span.mypage_link { display:inline-block; width:40px; margin-bottom:5px; vertical-align:middle; line-height:20px; text-align:center; background-color:#212053; color:#fff; font-size:70%; border-radius:10px; }
.cm_header_wrap .box_header > li.header_title dl dd { color:#fff; font-size:60%; font-weight:normal; line-height:15px; opacity:0.7; }
.cm_header_wrap .box_header > li.right_menu { float:right; margin-right:5px;}
.cm_header_wrap .box_header > li.right_menu ol li { padding-left:10px; line-height:55px;  display:table-cell; }
.cm_header_wrap .box_header > li.right_menu ol li a { display:table-cell; width:60px; line-height:45px; vertical-align:middle; }
.cm_header_wrap .box_header > li.right_menu ol li a img { width:115%; vertical-align:middle; }
.cm_header_wrap .box_header > li .has { position:absolute; display:inline-block; top:calc(50% - 15px); left:43px; width:5px; height:5px; border-radius:5px; background-color:#ee3128; }
.cm_header_wrap .box_header > li.right_menu.has { position:absolute; display:inline-block; top:calc(50% - 15px); right:0px; width:5px; height:5px; border-radius:5px; background-color:#ee3128; }



/*행간*/
.line25{ line-height:25px !important; }
.line35{ line-height:35px !important; }
.line40{ line-height:40px !important; }


/*마진*/

.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; }
.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; }
.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_35 { font:bold 220%/50px 'Noto Sans KR'; } /*35px 강조 타이틀*/
.cm_tit_25 { font:bold 155%/36px 'Noto Sans KR'; } /*25px 타이틀*/
.cm_tit { font:bold 110%/22px 'Noto Sans KR'; } /*타이틀*/

.cm_subtit_18 { font:600 115%/26px 'Noto Sans KR'; } /*18px 서브타이틀*/
.cm_subtit { font:500 100%/22px 'Noto Sans KR'; } /*서브타이틀*/

.cm_txt_15 { font:500 95%/22px 'Noto Sans KR'; }/*15px 본문*/
.cm_txt { font:500 90% 'Noto Sans KR'; }/*본문*/

.cm_smtxt_13 { font:500 80%/20px 'Noto Sans KR'; }/*13px 작은글씨*/
.cm_smtxt { font:500 70%/16px 'Noto Sans KR'; }/*작은글씨*/


/*텍스트 정렬*/
.txt_left { text-align:left !important; }
.txt_right { text-align:right !important; }
.txt_center { text-align:center !important; }
.txt_top { vertical-align:top !important; }
.txt_middle { vertical-align:middle !important; }
.txt_bottom { vertical-align:bottom !important; }

       
/*폰트 컬러*/
.cm_color_bk { color:#222 !important; }
.cm_color_dg { color:#777 !important; }
.cm_color_lg { color:#999 !important; }
.cm_color_c { color:#ccc !important; }

.cm_color_or, .cm_color_stock { color:#ff7500 !important; }
.cm_color_lor { color:#ffdcbf; }
.cm_color_red { color:#e8373d!important; }
.cm_color_ts { color:#e8343f!important; }
.cm_color_navy, .cm_color_finup { color:#2e2e72 ; }
.cm_color_dgrn, .cm_color_funding { color:#00856e; }
.cm_color_lgrn { color:#029e6e; }
.cm_color_bl { color:#373fe8 !important; }
.cm_color_radar { color:#cd154f ;  }
.cm_color_starter { color:#22a5df ;}
     

/*배경*/
.cm_bg_base { background:#f4f5fa; }
.cm_bg_gray { background:#f8f8f8; }

.cm_bg_lred{ background:#ffefef; }
.cm_bg_lbl{ background:#ebf1f7; }

.cm_bg_or, .cm_bg_stock { background:#ff7500; }
.cm_bg_radar { background:#cd154f; }
.cm_bg_navy, .cm_bg_finup { background:#2e2e72; }
.cm_bg_starter { background:#22a5df; }
.cm_bg_funding { background:#00856e; }
.cm_bg_lgrn { background:#029e6e; }

.cm_bg_ts { background:#e8343f; }
.cm_bg_red { background:#e8373d; }
.cm_bg_bl { background:#373fe8; }
.cm_bg_dg { background:#777; }

/*연구실(테마록에 사용하는 등락률 컬러(배경/폰트)*/
.cm_bg_bk { background:#222; }
.cm_bg_ex0 { background:#ccc; }
.cm_bg_u10_ex { background:#dc0000; }
.cm_bg_u10 { background:#ff3a47; }
.cm_bg_u7 { background:#f5634a; }
.cm_bg_u5 { background:#ff9c5b; }
.cm_bg_u3 { background:#f8b7bd; }
.cm_bg_d10_ex { background:#2f2883; }
.cm_bg_d10 { background:#0b4ce0; }
.cm_bg_d7 { background:#267ccc; }
.cm_bg_d5 { background:#3abae9; }
.cm_bg_d3 { background:#65cadf; }

.cm_color_u10_ex { color:#dc0000; }
.cm_color_u10 { color:#ff3a47; }
.cm_color_u7 { color:#f5634a; }
.cm_color_u5 { color:#ff9c5b; }
.cm_color_u3 { color:#f8b7bd; }
.cm_color_d10_ex { color:#2f2883; }
.cm_color_d10 { color:#0b4ce0; }
.cm_color_d7 { color:#267ccc; }
.cm_color_d5 { color:#3abae9; }
.cm_color_d3 { color:#65cadf; }

.cm_border_u10_ex { border-color:#dc0000 !important; }
.cm_border_u10 { border-color:#ff3a47 !important; }
.cm_border_u7 { border-color:#f5634a !important; }
.cm_border_u5 { border-color:#ff9c5b !important; }
.cm_border_u3 { border-color:#f8b7bd !important; }
.cm_border_d10_ex { border-color:#2f2883 !important; }
.cm_border_d10 { border-color:#0b4ce0 !important; }
.cm_border_d7 { border-color:#267ccc !important; }
.cm_border_d5 { border-color:#3abae9 !important; }
.cm_border_d3 { border-color:#65cadf !important; }
.cm_border_dg { border-color:#777 !important; }   

/*뱃지*/
.cm_badge_wrap { display:block; width:auto; height:auto; color:#fff; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_badge{ float:left; width:auto; padding:0 10px; height:20px; margin-right:5px;  font:500 75%/20px 'Noto Sans KR'; overflow:hidden; }

/*레벨*/
.cm_badge.level_step1 { width:35px; padding:0 !important; border:1px solid #fba62d; background:#fff; color:#fba62d; line-height:19px;}
.cm_badge.level_step2 { width:35px; padding:0 !important; border:1px solid #f47425; background:#fff; color:#f47425; line-height:19px;}
.cm_badge.level_step3 { width:35px; padding:0 !important; border:1px solid #950082; background:#fff; color:#950082; line-height:19px;}
.cm_badge.level_step4 { width:35px; padding:0 !important; border:1px solid #2e2e72; background:#fff; color:#2e2e72; line-height:19px;}

/*방송중*/
.cm_badge.broadcast { position:relative; width:auto; background:transparent; color:#e8373d; font-size:90%; line-height:20px; text-align:right; }
.cm_badge.broadcast::before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:5px; height:5px; border-radius:50%; background:#e8373d; }

/*무료*/
.cm_badge.free{ background:#e8373d; padding:0 10px; color:#fff; }

/*색상별*/
.cm_badge.navy { background:#2a2a65; color:#fff; }
.cm_badge.orange { background:#ff7500; color:#fff; }
.cm_badge.purple { background:#7e0043; }
.cm_badge.red { background:#e8373d; color:#fff;}
.cm_badge.white { padding:0 5px; border:1px solid #ddd; background:#fff; font:500 75%/16px 'Noto Sans KR'; }
.cm_badge.gray { background:#ddd; color:#222; }
.cm_badge.radar { background:#cd154f;}

/*라인 뱃지*/
.cm_badge.line { display:block; padding:0 5px; }
.cm_badge.line.lg { border:1px solid #ddd; }
.cm_badge.line.dgrn { border:1px solid #00856e; color:#00856e; }
.cm_badge.line.lgrn { border:1px solid #029e6e; color:#029e6e; }
        
/*유투브*/
.cm_badge.youtube { padding:0 3px; }
.cm_badge.youtube .im{ margin:0 0 0; font-size:180%; vertical-align:middle;}

.cm_badge.cm_satisfaction { font-family:'BMJUA';}
.cm_badge.cm_satisfaction .im { margin-right:3px; }

/*배경_글씨색*/
.cm_badge.gray_or{ padding:0 5px; background:#ededed; color:#e8383c; font:normal 85%/22px 'BMJUA';}
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:16px; }

/*만족도*/
.cm_badge.cm_satisfaction { font-family:'BMJUA';}
.cm_badge.cm_satisfaction .im { margin-right:3px; }


/*만족도*/
.cm_satisfaction { padding-left:1px; color:#999; font-size:110%; font-family:'BMJUA'; }
.cm_satisfaction .im{ margin:0 3px 0 0; font-size:90%; vertical-align:middle;}


/*멘토 이름*/
.cm_mentor_name { padding-left:1px; color:#222; font-size:120%; font-family:'BMJUA'; }
.cm_mentor_name .im{ margin:0 3px 0 0; font-size:80%; vertical-align:middle;}
.cm_mentor_name.big { padding-left:1px; color:#222; font:normal 120% 'BMJUA'; }


/*회원 이름*/
.cm_user_name { padding-left:1px; color:#777; font-size:110%; font-family:'BMJUA'; }
.cm_user_name .im{ margin:0 3px 0 0; font-size:80%; vertical-align:middle;}


/*멘토 성향*/
.cm_tendency_wrap { width:auto; height:auto; overflow:hidden; }
.cm_tendency { float:left; width:auto; padding:1px 8px 0px 8px !important; margin-right:5px; border:1px solid #ddd; background:#fff; color:#222; font:500 75%/15px 'Noto Sans KR'; box-sizing:border-box; overflow:hidden; }
.cm_tendency:last-child { margin-right:0; }

.short { color:#f25c37 !important; }
.swing { color:#ff6023 !important; }
.chart { color:#2a2a65 !important; }
.theme { color:#ee3128 !important; }
.trend { color:#950082 !important; }
.party { color:#f47425 !important; }
.cost { color:#2e2e72 !important; }
.supply { color:#1e489f !important; }
.end { color:#ee3128 !important; }

.term1 { color:#0d9f5c !important; }
.term2 { color:#ee3128 !important; }
.term3 { color:#1e489f !important; }
.term4 { color:#950082 !important; }


/*멘토 엠블럼*/
.cm_mentor_emblem li { position:relative; float:left; width:51px; height:54px; margin-right:8px; }
.cm_mentor_emblem dl { float:right; width:51px; height:51px; margin-top:3px; font-family:BMJUA; color:#fff; font-size:65%; text-align:center; }
.cm_mentor_emblem dl dt { margin-top:10px; line-height:18px; vertical-align:middle; font-size:120%; }
.cm_mentor_emblem dl dt b { font-size:120%; font-weight:500; }
.cm_mentor_emblem dd { line-height:18px; text-align:center; vertical-align:middle; opacity:0.8; font-size:83%; font-family:'Noto Sans KR'; color:#fff; }
.cm_mentor_emblem .ranking {  background:linear-gradient(to bottom,#ff3c00,#e00800); }
.cm_mentor_emblem .continuity {  background:linear-gradient(to bottom,#3a2eaf,#0e0879); }
.cm_mentor_emblem .superstock {  background:linear-gradient(to bottom,#620895,#2d0161); }
.cm_mentor_emblem .vertify {  background:linear-gradient(to bottom,#ff7d0a,#ff5a05); }
.cm_mentor_emblem .property {  background:linear-gradient(to bottom,#394a62,#1d293b); }
.cm_mentor_emblem .promote {  background:linear-gradient(to bottom,#1160d7,#073ac1); }
.cm_mentor_emblem .cellebrity {  background:linear-gradient(to bottom,#e14d7d,#c91d44); }
.cm_mentor_emblem .career {  background:linear-gradient(to bottom,#7c394a,#541d29); }
.cm_mentor_emblem .icon { display:block; position:absolute; left:-3px; top:-3px; width:19px; height:19px; border-radius:2px; background-repeat:no-repeat; background-size:cover; }
.cm_mentor_emblem .icon.ranking { background-image:url(/images/sub/ic_emblem_ranking.png?v=202006242010); }
.cm_mentor_emblem .icon.continuity { background-image:url(/images/sub/ic_emblem_continuity.png?v=202006242010); }
.cm_mentor_emblem .icon.superstock { background-image:url(/images/sub/ic_emblem_superstock.png?v=202006242010); }
.cm_mentor_emblem .icon.vertify { background-image:url(/images/sub/ic_emblem_vertify.png?v=202006242010); }
.cm_mentor_emblem .icon.property { background-image:url(/images/sub/ic_emblem_property.png?v=202006242010); }
.cm_mentor_emblem .icon.promote { background-image:url(/images/sub/ic_emblem_promote.png?v=202006242010); }
.cm_mentor_emblem .icon.cellebrity { background-image:url(/images/sub/ic_emblem_cellebrity.png?v=202006242010); }
.cm_mentor_emblem .icon.career { background-image:url(/images/sub/ic_emblem_career.png?v=202006242010); }


/*멘토 승인 사유*/
.cm_mentor_reason { overflow:hidden; }
.cm_mentor_reason li { float:left; position:relative; width:25%; height:90px; background:#fff; border-right:1px solid #eaeaea; text-align:center; font-size:90%; }
.cm_mentor_reason li:last-child { width:25%; border-right:0;}
.cm_mentor_reason li i { display:block; height:60px; line-height:60px; vertical-align:middle; }
.cm_mentor_reason li span { display:block; height:30px; line-height:22px; vertical-align:middle; }
.cm_mentor_reason .reason {  font-weight:500; }
.cm_mentor_reason .reason i { padding:0 15px; background-size:70px; background-image:url(/images/sub/ic_mt_reason_off.png?v=20200617); background-repeat:no-repeat; background-position-x:center; }
.cm_mentor_reason .reason i.ic1 { background-position-y:0%; }
.cm_mentor_reason .reason i.ic2 { background-position-y:34%; }
.cm_mentor_reason .reason i.ic3 { background-position-y:68%; }
.cm_mentor_reason .reason i.ic4 { background-position-y:103%; }
.cm_mentor_reason .reason span { color:#999; }
.cm_mentor_reason .on { font-weight:500; color:#222; }
.cm_mentor_reason .on i { padding:0 15px; background-size:70px; background-image:url(/images/sub/ic_mt_reason_on.png?v=20200617); background-repeat:no-repeat; background-position-x:center; }
.cm_mentor_reason .on i.ic1 { background-position-y:0%; }
.cm_mentor_reason .on i.ic2 { background-position-y:34%; }
.cm_mentor_reason .on i.ic3 { background-position-y:68%; }
.cm_mentor_reason .on i.ic4 { background-position-y:103%; }
.cm_mentor_reason .on span {  color:#222; font-weight:bold; }


/*썸네일 사용되는 리본 라벨*/
.cm_badge_ribbon { position:absolute; width:95px; height:95px; top:0; left:0; overflow:hidden; }
.cm_badge_ribbon .cm_ribbon { position:absolute; top:10px; left:-47px; transform:rotate(-45deg); width:142px; height:32px; background:#f1f2f4; color:#fff; font:400 80%/32px 'Noto Sans KR'; text-align:center; }
.cm_badge_ribbon .cm_ribbon.blue { background:#2e2e72; }
.cm_badge_ribbon .cm_ribbon.red { background:#e8373d; }
.cm_badge_ribbon .cm_ribbon.orange { background:#ff7500; }
.cm_badge_ribbon .cm_ribbon.gray { background:#999; }
.cm_badge_ribbon .cm_ribbon.navy { background:#2e2e72; }
.cm_badge_ribbon .cm_ribbon.hide { display:none; }

.cm_badge_ribbon.small .cm_ribbon{ top:8px; left:-45px; height:35px; font-size:13px; line-height:35px; }


/*썸네일*/
.cm_thumb_wrap { display:block; position:relative; background:#f1f2f4; overflow:hidden; }
.cm_thumb_wrap a { width:auto; height:auto; cursor:pointer }
.cm_thumb_wrap .cm_thumb_img { display:block; width:100%; }
.cm_thumb_wrap img { display:block; width:100%; }
.cm_thumb_wrap .cm_thumb_play { display:inline-block; position:absolute; bottom:10px; right:15px; height:25px; padding:0 12px; background:rgba(000,000,000, 0.4); color:#fff; font:400 70%/25px 'Noto Sans KR'; box-sizing:border-box; }
.cm_thumb_wrap .cm_thumb_time { display:inline-block; position:absolute; bottom:10px; left:15px; height:25px; padding:0 12px; background:rgba(000,000,000, 0.4); color:#fff; font:400 70%/25px 'Noto Sans KR'; box-sizing:border-box; }


/*페이징*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:30px; margin:30px auto 0 auto; text-align:center; }
.cm_paging_wrap .cm_pageing { display:inline-block; width:30px; height:30px; border:1px solid #ddd; background:#fff; color:#777; font:600 95%/30px 'Noto Sans KR'; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer; }
.cm_paging_wrap .cm_pageing a { display:block; }
.cm_paging_wrap .cm_pageing.btn_num { width:auto; margin:0 2px; border:0; background:transparent; color:#777; }
.cm_paging_wrap .cm_pageing.btn_num a{ display:block; width:100%; height:100%; padding:0 10px; }
.cm_paging_wrap .cm_pageing.btn_num.selected { padding:0 10px; background:#ff7500; color:#fff; line-height:30px; cursor:default; }
.cm_paging_wrap .cm_pageing.btn_prev { float:left; width:60px; }
.cm_paging_wrap .cm_pageing.btn_next { float:right; width:60px; }

/*탭 (종목테마에서만 적용되는 공통 탭디자인)*/
/*기본*/
.cm_tab_wrap { position:relative; width:100%; height:40px; border-top:1px solid #222; border-bottom:1px solid #ddd; overflow:hidden; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; }
.cm_tab_wrap::-webkit-scrollbar { display: none; }
.cm_tab { position:relative; width:100%; height:40px; margin:0 auto; text-align:center; overflow:hidden; z-index:10;}
.cm_tab .cm_tab_menu { display:inline-block; position:relative; height:40px; padding:0 15px; color:#777; font:500 80%/40px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_tab .cm_tab_menu.on { color:#222; font-weight:700; }
.cm_tab .cm_tab_menu.on::before { display:block; content:''; position:absolute; bottom:2px; left:0; width:100%; height:2px; background:#222; }

/*탭 라운드 디자인*/
.cm_tab.round_style { width:auto; height:25px; border:0; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { float:left; width:60px; height:25px; margin-right:10px; border-radius:5px; background-color:#f4f4f4; color:#777; font-size:95%; line-height:25px; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu:last-child { margin-right:0px; }
.cm_tab.round_style .cm_tab_menu.on { background-color:#222; color:#fff; }

/*탭 텍스트 디자인*/
.cm_tab.text_style { width:auto; height:20px; background:transparent; border:0; }
.cm_tab.text_style:before { display:none; }
.cm_tab.text_style .cm_tab_menu { float:left; position:relative; height:20px; margin-right:10px; padding:0; padding-left:10px; border:0; color:#999; font:500 70%/20px 'Noto Sans KR'; text-align:left; cursor:pointer; }
.cm_tab.text_style .cm_tab_menu.on { border:0; color:#222; line-height:20px; }
.cm_tab.text_style .cm_tab_menu:before { display:block; content:''; position:absolute; top:4px; left:0; width:1px; height:12px; background:#999; }
.cm_tab.text_style .cm_tab_menu:first-child:before {display:none; }
.cm_tab.text_style .cm_tab_menu:last-child { margin-right:0; }


/*버튼*/
.cm_btn_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font:600 90% 'Noto Sans KR'; text-align:center; cursor:pointer; }
.cm_btn_line.gray { border:1px solid #ddd; }
.cm_btn_line.orange { border:1px solid #ff7500; }
.cm_btn_line .im { margin:0 0 0 5px; font-size:85%; vertical-align:middle; }
.cm_btn_line.ts { border:1px solid #e8343f; }

.cm_btn_bg { display:block;  border:0; background:#ff7500; color:#fff; font:600 100% 'Noto Sans KR'; text-align:center; cursor:pointer; }
.cm_btn_bg .im { margin:0 0 0 5px; font-size:95%; vertical-align:middle; }

.cm_btn_bg.black { background:#222; }
.cm_btn_bg.gray { background:#ededed; color:#999;}
.cm_btn_bg.navy { background:#2e2e72; color:#fff;}
.cm_btn_bg.ts { background:#e8343f; color:#fff;}

/*그라데이션*/
.cm_btn_bg.gr_or { 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); }
.cm_btn_bg.gr_or.vertical { background:#ff7500; background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7500), to(#e8383c)); background-image:linear-gradient(to bottom,#ff7500,#e8383c); }
.cm_btn_bg.gr_navy { background:#2e2e72; background-image:-webkit-linear-gradient(left right, #2e2e72 0%, #222259 100%); background-image:-webkit-gradient(linear, left, right, from(#2e2e72), to(#222259)); background-image:linear-gradient( to right,#2e2e72,#222259); }
.cm_btn_bg.gr_navy.vertical { background:#2e2e72; background-image:-webkit-linear-gradient(top bottom, #2e2e72 0%, #222259 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#2e2e72), to(#222259)); background-image:linear-gradient(to bottom,#2e2e72,#222259); }
.cm_btn_bg.gr_black { background:#222; background-image:-webkit-linear-gradient(left right, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, left, right, from(#454545), to(#222)); background-image:linear-gradient( to right,#454545,#222); }
.cm_btn_bg.gr_black.vertical { background:#222; background-image:-webkit-linear-gradient(top bottom, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#454545), to(#222)); background-image:linear-gradient(to bottom,#454545,#222); }
.cm_btn_bg.gr_white { border:1px solid #ddd; background:#fff; background-image:-webkit-linear-gradient(top bottom, #fff 0%, f3f3f3 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(f3f3f3)); background-image:linear-gradient( to bottom,#fff,#f3f3f3); color:#222; }

/*관심멘토*/
.cm_btn_interest { display:inline-block; width:65px; height:60px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#999; font:500 70% 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest .ic_circle{ display:block; position:relative; width:20px; height:20px; margin:12px auto 3px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_interest .ic_circle .im { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:90%; vertical-align:middle; }
.cm_btn_interest.on .im { color:#e8383c !important; }

.cm_btn_interest.round01 { display:inline-block; width:auto; height:20px; padding:0 8px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#777; font:500 70% 'Noto Sans KR'; box-sizing:border-box; line-height:20px; cursor:pointer; }
.cm_btn_interest.round01 .im { margin:0 4px 0 0; font-size:80%; vertical-align:middle; }

/*멘토 소개 영상*/
.cm_btn_intro { display:inline-block; width:63px; height:55px; background:#fff; color:#999; font:500 85% 'Noto Sans KR'; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer;  }
.cm_btn_intro .ic_circle{ display:block; position:relative; width:20px; height:20px; margin:9px auto 3px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_intro .ic_circle .im { position:absolute; top:55%; left:55%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:80%; vertical-align:middle; }
.cm_btn_intro.disabled { background:#f4f4f4 !important; color:#ccc !important; font-weight:400 !important; cursor:not-allowed !important; }
.cm_btn_intro.disabled .ic_circle{ opacity:0.5; }

.cm_btn_intro.round01 { width:auto; height:20px; padding:0 10px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#777; font-size:70%; line-height:20px; }

/*오픈 카톡*/
.cm_btn_katalk { width:142px; height:36px; border:1px solid #ddd; border-radius:10px; background:#fff; font:600 90% 'Noto Sans KR'; line-height:36px; text-align:center; cursor:pointer; }
.cm_btn_katalk .im { margin:0 5px 0 0; font-size:80%; vertical-align:middle; }

.cm_btn_katalk.round01 { display:inline-block; width:auto; height:20px; padding:0 10px; border-radius:5px; font: 500 70% 'Noto Sans KR'; line-height:20px; }
.cm_btn_katalk.round01 .im { margin:0 4px 0 0; font-size:80%; vertical-align:middle; }

/*아이콘 버튼*/
.cm_btn_ic { display:inline-block; width:auto; height:auto; padding:0 3px; border:0; background:transparent; color:#999; font:500 75% 'Noto Sans KR'; cursor:pointer; }
.cm_btn_ic .im{ margin:0 4px 0 0; font-size:70%; vertical-align:middle; }
.cm_btn_ic.more .im{ margin:0 0 0 5px; font-size:70%; vertical-align:middle; }

/*커리큘럼, 평가하기*/
.cm_btn_curri { display:inline-block; width:70px; height:25px; border:1px solid #ddd; background:#fff; color:#555; font:600 70%/23px'Noto Sans KR'; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_appraisal { display:inline-block; width:auto; height:25px; border-bottom:1px solid #222; color:#555; font:600 70%/23px 'Noto Sans KR'; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_appraisal.non { border-bottom:1px solid #777 ; color:#777; opacity:0.5 } /*평가 대상 아닐때*/
.cm_btn_appraisal.my { border-bottom:1px solid #ff7500; color:#ff7500; } /*내 평가 보기*/

/*play 버튼*/
.cm_btn_play { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:36px; height:36px; border:2px solid #fff; border-radius:50%; overflow:hidden; }
.cm_btn_play .im { display:block; position:absolute; top:50%; left:calc(50% - 5px); transform:translateY(-50%);  -webkit-transform:translateY(-50%); color:#fff; font-size:90%; }

/*목록*/
.cm_btn_list  { position:absolute; bottom:10px; right:0; width:60px; height:30px; border:1px solid #ddd; background:#fff; color:#444; font-size:90%; }

/*더보기*/
.cm_btn_more { width:100%; height:40px; margin:20px auto 30px auto; border-radius:10px; font-size:100%; line-height:40px; }
.cm_btn_more.cm_btn_line { line-height:38px; }
.cm_btn_more .im { margin-top:0; }

/*폼 요소*/
.cm_form_wrap { position:relative; width:auto; height:45px; overflow:hidden;} 
.cm_form { display:block; float:left; height:45px; padding-left:15px; color:#222; font:500 90%/45px 'Noto Sans KR'; } 
.cm_form.on:hover { border:1px solid #ff7500; }
.cm_form.cm_btn_bg { display:inline-block; width:60px !important; height:45px !important; margin-left:10px; padding:0; border:0; color:#fff; font:500 85%x/43px 'Noto Sans KR' !important; }
.cm_form.cm_btn_ic { position:absolute; top:50%; right:2%; transform:translateY(-50%); }
.cm_form.cm_btn_ic .im { color:#999; font-size:150%; }
.cm_form.select { display:-webkit-box; padding-right:40px; border:1px solid #ddd; background:url('/images/common/select_arrow.png') no-repeat; background-position:calc(100% - 15px) center; background-size:15px auto; color:#555; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap: break-word; -webkit-appearance:none; cursor:pointer; }
.cm_form.select::-ms-expand { display:none; }
.cm_form.select.ic_filter { background:url('/images/common/ic_filter.png') no-repeat; background-position:90% center; background-size:20px auto; }
.cm_form.text01 { padding: 0 15px; border:1px solid #ddd;  }
.cm_form.text02 { padding: 0 48px 0 15px; border:1px solid #ddd;  }
.cm_form.textarea { width:100%; padding:10px; border:1px solid #ddd;  resize:vertical; }

.cm_form_wrap.bottom { float:none; width:auto; margin: 30px auto 0 auto; text-align:center; }
.cm_form_wrap.bottom .cm_form{ float:left; margin-left:15px; }
.cm_form_wrap.bottom .cm_form.select{ float:left; margin-left:0; background-position:70px 18px; }

.cm_from_period { width:auto; height:auto; overflow:hidden;}
.cm_from_period .cm_form_wrap { display:block; float:left; width:calc(50% - 12px); height:40px; vertical-align:middle; }
.cm_from_period .cm_form_wrap .cm_form.text02 { width:100%; height:40px; padding:0 30px 0 10px; margin:0; line-height:38px; text-align:center; }
.cm_from_period .box_txt { display:block; float:left; width:24px; height:40px; line-height:38px; vertical-align:middle; text-align:center; overflow:hidden; }


/*배너*/
/*이미지 배너*/
.cm_bn { position:relative; width:100%; height:auto; overflow:hidden; }
.cm_bn .cm_bn_img { display:block; width:100%; }

/*시즌 띠배너*/
.cm_bn_season { position:relative; height:auto; overflow:hidden; }
.cm_bn_season img { display:block; width:100%; height:auto; z-index:1; }
.cm_bn_season a { position:absolute; top:0; right:0; width:10%; height:100%; background:#222; opacity:0; z-index:2; }

/*이미지 슬라이드 배너*/
.cm_bn_slide { position:relative; width:100%; height:auto; overflow:hidden; z-index:9;}
.cm_bn_slide .cm_bn_list{ float:left; overflow:hidden; }
.cm_bn_slide .cm_bn_list img { display:block; width:100%; }

/*배너 갯수 카운팅, 전체보기*/
.cm_slide_num { position:absolute; bottom:0; right:0; width:auto; z-index:10;}
.cm_slide_num .slide_num { display:block; float:left; width:35px; height:8%; background:rgba(0, 0, 0, 0.2); color:#fff; font-size:75%; text-align:center; vertical-align:middle; overflow:hidden; }
.cm_slide_num .btn_all { float:left; width:60px; height:8%; background:rgba(0, 0, 0, 0.6); color:#fff; font-size:75%; text-align:center; vertical-align:middle; overflow:hidden; }


/*이용후기 슬라이드*/
.cm_reply_slide { position:relative; width:100%; height:230px; overflow:hidden; z-index:9; }
.cm_reply_slide .cm_reply_list { float:left; width:100%; height:215px; margin:0 10px; overflow:hidden; }
.cm_reply_slide .cm_reply_list a { display:block; width:100%; height:100%; }
.cm_reply_slide .box_reply { height:185px; padding:0 15px; border:1px solid #ddd; border-top:2px solid #222; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide .box_reply .tit { position:relative; height:60px; margin-top:13px; /*border:1px solid #ddd;*/ border-radius:10px; background:#f8f8f8; }
.cm_reply_slide .box_reply .tit span { display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; max-height:60px; padding:0 15px; font-size:100%; text-align:center; line-height:23px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide .box_reply .desc { position:relative; height:40px; margin-top:15px; color:#777; font-size:80%; line-height:20px; text-align:center; vertical-align:middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_reply_slide .box_reply .txt { display:block; margin-top:12px; font-size:95%; font-weight:500; text-align:center; }
.cm_reply_slide .box_reply .txt strong { margin-right:3px; color:#ff7500; font-weight:500; }
.cm_reply_slide .cm_user_name { display:block; width:auto; margin-top:10px; color:#777; font-size:110%; overflow:hidden; }
.cm_reply_slide .cm_user_name .im { font-size:80%;}

/*이용후기 슬라이드 slick 스타일 변경*/
.cm_reply_slide .slick-dots { display:inline-block; position:absolute; left:50%; bottom:10px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:15px; padding:0; margin:0; border:0; z-index:10; }
.cm_reply_slide .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_reply_slide .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.cm_reply_slide .slick-dots > li button { display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #ddd; background-color:#ddd; line-height:10px; }
.cm_reply_slide .slick-dots > li button:before { display:none; }

/*
.cm_reply_slide.style01 { height:170px; }
.cm_reply_slide.style01 .cm_reply_list { float:left; width:100%; height:145px; padding:20px 15px; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
.cm_reply_slide.style01 .cm_reply_list .tit {  display:-webkit-box; height:22px; font-size:110%; text-align:left; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_reply_slide.style01 .cm_reply_list .desc { height:40px; margin:10px 0 15px 0; color:#777; font-size:80%; line-height:20px;  text-align:left; vertical-align:middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_reply_slide.style01 .cm_reply_list .cm_user_name { display:inline-block; float:left; margin:0; }
.cm_reply_slide.style01 .cm_reply_list .date { display:inline-block; float:left; position:relative; height:22px; padding-left:10px; margin-left:10px; color:#999; font-size:90%; line-height:21px; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide.style01 .cm_reply_list .date:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:15px; background:#ddd; }
.cm_reply_slide.style01 .slick-dots { bottom:10px; }
*/

.cm_reply_slide.style02 { height:auto; margin:0; }
.cm_reply_slide.style02 .cm_reply_list { width:100%; height:333px !important; padding:0; margin:0; margin-left:5px; border:0; background:#f8f8f8; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list a { display:block; width:100%; height:100%; }
.cm_reply_slide.style02 .cm_reply_list:first-child { margin-left:0; }
.cm_reply_slide.style02 .cm_reply_list .cm_thumb_wrap { height:185px; }
.cm_reply_slide.style02 .cm_reply_list .cm_thumb_wrap img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; height:auto; }
.cm_reply_slide.style02 .cm_reply_list .box_desc { height:auto; padding:15px; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name, .cm_reply_slide.style02 .cm_reply_list .cm_user_name { display:inline-block; margin-top:0; font-size:95%; line-height:22px; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name + .date ,.cm_reply_slide.style02 .cm_reply_list .cm_user_name + .date { display:inline-block; position:relative; padding-left:10px; margin-left:10px; color:#999; font-size:80%; line-height:20px; vertical-align:middle; }
.cm_reply_slide.style02 .cm_reply_list .cm_mentor_name + .date:before ,.cm_reply_slide.style02 .cm_reply_list .cm_user_name + .date:before { display:block; content:''; position:absolute; top:4px; left:0; width:1px; height:13px; background:#ddd; }

.cm_reply_slide.style02 .cm_reply_list .cm_tit_15 { display:-webkit-box; height:22px; line-height:22px; font-weight:600; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list .cm_smtxt_13 { display:-webkit-box;  height:48px; margin-top:8px; padding-top:8px; border-top:1px solid #ddd; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }

.cm_reply_arrow .box_arrow { position:absolute; top:0; right:0;  width:47px; height:24px; border:1px solid #ddd; overflow:hidden; }
.cm_reply_arrow .box_arrow li { float:left; position:relative; width:50%; height:24px; cursor:pointer; }
.cm_reply_arrow .box_arrow li.btn_left { border-right:1px solid #ddd; }
.cm_reply_arrow .box_arrow li .a { display:block; }
.cm_reply_arrow .box_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:80%; }


/*콘텐츠 슬라이드*/
.cm_cont_slide { height:auto; overflow:hidden; }
.cm_cont_slide .cm_mentor_name { font-size:110%; }
.cm_cont_slide .cm_txt { font-size:95%; }
.cm_cont_slide .box_info .txt { font:normal 150% 'BMJUA'; line-height:24px; }
.cm_cont_slide .box_info .txt small { font-size:65%; }
.cm_cont_slide .cm_cont_list { position:relative; float:left; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden }
        
/*추천종목 랭킹*/
.cm_cont_list.style01 { width:270px !important; height:207px; margin-right:10px; padding:13px 14px 20px 14px; box-sizing:border-box; }
.cm_cont_list.style01 .cm_badge { position:absolute; top:10px; right:10px; width:40px; height:20px; margin:0; text-align:center; }
.cm_cont_list.style01 .cm_txt  { display:inline-block; display:-webkit-box; width:100%; height:18px; margin-top:2px; color:#555; line-height:18px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_cont_list.style01 .box_info {  position:relative; width:100%; padding:15px 0 12px 0; margin-top:8px; border-radius:10px; background:#f8f8f8; overflow:hidden; }
.cm_cont_list.style01 .box_info .desc { float:left; width:50%; height:100%; border-right:1px solid #ddd; box-sizing:border-box; }
.cm_cont_list.style01 .box_info .desc:last-child { border:0; }
.cm_cont_list.style01 .box_info .desc .tit { display:block; width:100%; height:15px; margin-bottom:5px; color:#777; font-size:90%; line-height:15px; text-align:center; }
.cm_cont_list.style01 .box_info .desc .txt { display:block; width:100%; height:20px; text-align:center; }
.cm_cont_list.style01 .btn_subscribe { width:100%; height:40px; margin-top:10px; border-radius:10px; font-size:95%; line-height:38px; text-align:center; }
.cm_cont_list.style01 .cm_btn_bg { line-height:40px; }
.cm_cont_list.style01 .cm_btn_line span { margin-right:5px; }
.cm_cont_list.style01 .cm_btn_line span .im { margin:-2px 3px 0 0; font-size:80%; }
        
/*주식리딩 랭킹*/
.cm_cont_list.style02 {width:300px; height:186px; margin:0 5px; padding:13px 20px 0 20px; box-sizing:border-box; }
.cm_cont_list.style02 .cm_ribbon { font-size:80%; font-weight:500; }
.cm_cont_list.style02 .cm_txt { display:block; display:-webkit-box; width:90%; height:40px; margin:8px auto 0 auto; color:#555; line-height:20px; text-align:center; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.cm_cont_list.style02 .cm_mentor_name { display:block; text-align:center; }
.cm_cont_list.style02 .box_info { width:90%; height:35px; margin:15px auto 0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; }
.cm_cont_list.style02 .box_info span { display:inline-block; vertical-align:middle; }
.cm_cont_list.style02 .box_info .tit { font-size:80%; line-height:33px; }
.cm_cont_list.style02 .box_info .tit .im { margin:-2px 5px 0 0; font-size:90%; vertical-align:middle; }
.cm_cont_list.style02 .box_info .txt { margin-left:5px; line-height:33px; }
.cm_cont_list.style02 .box_info .txt small { margin-left:2px; }

.cm_cont_list.style02 .box_info.add { position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:220px; border:0; border-radius:15px 15px 0 0; background:#f8f8f8; text-align:center; overflow:hidden; }
.cm_cont_list.style02 .box_info.add span { margin-left:5px; font-size:90%; line-height:35px; }
.cm_cont_list.style02 .box_info.add span:first-child { margin-left:0; }


/*테이블*/
.cm_table_wrap { width:100%; table-layout:fixed; }
.cm_table_wrap .txt_left { text-align:left !important; }
.cm_table_wrap .txt_center { text-align:center !important; }
.cm_table_wrap .txt_right { text-align:right !important; }
.cm_table_wrap .txt_middle { vertical-align:middle; }
.cm_table_wrap .txt_top { vertical-align:top; }
.cm_table_wrap .txt_bottom { vertical-align:bottom; }
.cm_table_wrap .hide { display:none; }
.cm_table_wrap .cm_user_name , .cm_table_wrap .cm_mentor_name { font-size:95% !important; }
        
.cm_table_wrap thead th { min-height:30px; height:auto; padding:7px 5px; background:#f4f4f4; color:#999; font:500 70% 'Noto Sans KR'; text-align:center;  }
.cm_table_wrap thead th + th { border-left:1px solid #fff; }

.cm_table_wrap tbody { text-align:center; }
.cm_table_wrap tbody td { padding:4px 5px; color:#777; font-size:75%; line-height:16px;  }

/*리스트-말줄임*/
.cm_table_wrap .txt_hidden { display:block; display:-webkit-box !important; width:100%; height:21px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }

/*테이블 첨부파일*/
.cm_table_wrap tbody .cm_attached_wrap { position:relative; padding:0 !important; overflow:hidden; }
.cm_table_wrap tbody .cm_attached_wrap .tit { display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100px; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list { display:inline-block; float:right; width:calc(100% - 100px); text-align:left; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li { width:100%; padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:80%; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child { border:0; border-left:1px solid #ddd; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li .btn_save { display:inline-block; margin-left:5px; color:#999; font-size:90%; vertical-align:middle; }

/*테이블 리스트 Q&A*/
.cm_table_wrap.style01 td { position:relative; padding:15px 0; }
.cm_table_wrap.style01 td.box_ic { padding-left:10px; }
.cm_table_wrap.style01 td.box_tit { padding:15px 10px 15px 15px; }
.cm_table_wrap.style01 td .ic_answer { display:inline-block; width:40px; height:20px; background:#f4f5fa; font-size:80%; line-height:20px; }
.cm_table_wrap.style01 td .ic_answer.ready { background:#ddd; color:#999; }
.cm_table_wrap.style01 td .tit { display:block; display:-webkit-box; width:calc(100% - 30px); height:16px; font-size:93%; line-height:15px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.cm_table_wrap.style01 td .date { display:block; margin-top:5px; color:#999; font-size:80%; line-height:14px; }
.cm_table_wrap.style01 td .im { position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:90%; }

/*테이블 상세*/
.cm_table_wrap.table_view th { padding:15px; text-align:left; font-size:95% !important;}
.cm_table_wrap.table_view th .tit { display:block; color:#222; font-weight:600; font-size:100%; }
.cm_table_wrap.table_view th .cm_smtxt { display:inline-block; position:relative; margin-top:5px; margin-right:8px; font-size:85%;  }
.cm_table_wrap.table_view th .data { padding-left:8px; }
.cm_table_wrap.table_view th .data:before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:1px; height:15px; background:#ddd; }

.cm_table_wrap.table_view th .box_info { position:relative; padding:10px 15px; margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.cm_table_wrap.table_view th .box_info.bg { border:0; background:#f8f8f8;}
.cm_table_wrap.table_view th .box_info span { display:block; display:-webkit-box; width:calc(100% - 50px); font-size:90%; font-weight:600; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.cm_table_wrap.table_view th .box_info .ic_arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:18px; }
.cm_table_wrap.table_view th .box_info .cm_user_name { display:block; width:calc(100% - 100px); font-size:90%; font-weight:normal; line-height:16px; overflow:hidden; }
.cm_table_wrap.table_view th .box_info .date { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto; font-size:80%; }
.cm_table_wrap.table_view th .box_info .cm_mentor_name { margin-top:10px; }

.cm_table_wrap.table_view th.box_user_info { background:#f8f8f8; padding:0 15px; }
.cm_table_wrap.table_view th.box_user_info .cm_user_name { color:#222; font-size:100%; }
.cm_table_wrap.table_view th.box_user_info .cm_mentor_name { color:#222; font-size:100%; }
.cm_table_wrap.table_view th.box_user_info .date { color:#999; font-size:80%;}

.cm_table_wrap.table_view .box_detail { padding:30px 15px; color:#555; font-size:90%; line-height:21px; }
.cm_table_wrap.table_view .box_detail * { white-space:normal !important; }
.cm_table_wrap.table_view .box_detail div { width:auto !important; max-width:100% !important; }
.cm_table_wrap.table_view .box_detail table { all:initial; }
.cm_table_wrap.table_view .box_detail img { display:block; width:100%; height:auto; margin:10px auto; }
.cm_table_wrap.table_view .box_detail p img { width:100%!important; min-width:100%!important; max-width:100%!important;   }
.cm_table_wrap.table_view .box_move { padding:10px; text-align:left; font-size:90%; }
.cm_table_wrap.table_view .box_move span { display:inline-block; }
.cm_table_wrap.table_view .box_move button { display:inline-block; float:left; margin-top:2px; color:#777; font-family:'Noto Sans KR'; }
.cm_table_wrap.table_view .box_move button .im { margin:-2px 0 0 3px; font-size:80%; vertical-align:middle; }
.cm_table_wrap.table_view .box_move .tit { float:left; display:-webkit-box; width:calc(100% - 70px); height:22px; margin-left:10px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }

/*테이블 작성하기*/
.cm_table_wrap.table_write { border-top:2px solid #222; }
.cm_table_wrap.table_write td { padding:10px 20px; text-align:left; }
.cm_table_wrap.table_write td input[type="checkbox"] { vertical-align:middle; }
.cm_table_wrap.table_write td input + label { display:inline-block; margin:0px 0 0 3px; font-size:85%; vertical-align:middle; }
.cm_table_wrap.table_write td span { font-size:85%; }

.cm_table_wrap.bg_size span { display:inline-block; width:12px; height:12px; }
.cm_table_wrap td .im { font-size:95%; }


/*댓글 폼*/
.cm_reply_wrap {overflow:hidden; }
.cm_reply_wrap textarea { float:left; width:calc(100% - 50px); height:100%; padding:7px 10px; border:1px solid #ddd; border-radius:0; color:#999; font:500 80%/17px 'Noto Sans KR'; resize:none; }
.cm_reply_wrap input[type=submit] { -webkit-appearance:none; -webkit-border-radius:0; }
.cm_reply_wrap .cm_btn_bg { float:right; width:50px; height:100%; }

.cm_reply_wrap .cm_user_name, .cm_reply_wrap .cm_mentor_name { margin-right:7px; font-size:95%; }
.cm_reply_wrap .date { display:inline-block; position:relative; padding-left:11px; font-size:80%; box-sizing:border-box; }
.cm_reply_wrap .date:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:12px; background:#ddd; }

.cm_reply_wrap .cm_reply_write { height:70px; padding:10px 15px; border:1px solid #ddd; border-top:2px solid #222; background:#fff; box-sizing:border-box; overflow:hidden; }

.cm_reply_wrap .box_reply_btn { width:100%; margin-top:15px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.cm_reply_wrap .box_reply_btn li { float:left; height:30px; border-right:1px solid #ddd; font-size:80%; line-height:30px; box-sizing:border-box; text-align:center; }
.cm_reply_wrap .box_reply_btn li:last-child { border-right:0; }
.cm_reply_wrap .box_reply_btn.num01 li{ width:100%; border-right:0; }
.cm_reply_wrap .box_reply_btn.num02 li{ width:50%; }
.cm_reply_wrap .box_reply_btn.num03 li{ width:33.33%; }

.cm_reply_wrap .cm_reply_list { border:1px solid #ddd; border-bottom:0; border-top:0; }
.cm_reply_wrap .cm_reply_list .reply_cont { padding:15px; border-bottom:1px solid #ddd; background:#fff; }
.cm_reply_wrap .cm_reply_list .reply_cont.change { height:70px; padding:10px 15px; }
.cm_reply_wrap .cm_reply_list .reply_cont.reply { height:70px; padding:10px 15px; }
.cm_reply_wrap .cm_reply_list .reply_cont .reply_desc { margin-top:5px; color:#777; font-size:80%; line-height:20px; }

.cm_reply_wrap .cm_reply_list .re_reply .reply_cont { background:#f8f8f8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_user_name { display:inline-block; position:relative; padding-left:15px; color:#ff7500; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_user_name:before { display:block; content:''; position:absolute; top:3px; left:0; width:9px; height:7px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_mentor_name { display:inline-block; position:relative; padding-left:15px; color:#ff7500; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_mentor_name:before { display:block; content:''; position:absolute; top:3px; left:0; width:9px; height:7px; border-left:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont.change { background:#fff; }
.cm_reply_wrap .cm_reply_list .re_reply .reply_cont.reply { background:#fff; }


/*추천정보현황*/
.cm_present_info { width:100%; height:60px; padding:10px 0; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.cm_present_info .present_info { float:left; width:33.33%; border-right:1px solid #ddd; }
.cm_present_info .present_info:last-child { border-right:0; }
.cm_present_info .present_info span { display:block; width:100%; text-align:center; }
.cm_present_info .present_info .tit { color:#777; font-size:80%; }
.cm_present_info .present_info .txt { color:#222; font-size:120%; font-family:'BMJUA'; }
.cm_present_info .present_info .txt small { margin-left:2px; font-size:80%; }
/*추천정보 현황 슬라이드*/
.cm_slide_present { position:relative; }
.cm_slide_present .slide_present { width:100%; float:left; }
.cm_slide_present .slick-dots { display:inline-block; position:absolute; width:auto; height:auto; padding:0; margin:0; right:0; top:0; border:0; z-index:1000; line-height:8px; }
.cm_slide_present .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_slide_present .slick-dots > li.slick-active button { background-color:#ff7500; border:1px solid #ff7500;}
.cm_slide_present .slick-dots > li button { display:inline-block; width:8px; height:8px; border-radius:50%; background-color:#ddd; border:1px solid #ddd; }
.cm_slide_present .slick-dots > li button:before { display:none; }


/*방사형 그래프 폼*/
.cm_rader_wrap { position:relative; padding:20px 15px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.cm_rader_wrap .btn_tooltip { position:absolute; left:15px; top:20px; font-size:120%; z-index:100; }
.cm_rader_wrap .info_tit { display:block; margin:0 0 5px 0; font-size:90%; }
.cm_rader_wrap .rader_graph { height:180px; }
.cm_rader_wrap .non_date { width:100%; height:300px; background:url('/images/analyst/m_analystView_commingsoon.jpg') no-repeat center; background-size:contain; text-align:center; overflow:hidden; z-index:101; }
.cm_rader_wrap .non_date h4 { display:block; margin-top:100px; font-size:100%; font-weight:900; }
.cm_rader_wrap .non_date span { display:inline-block; margin-top:16px; font-weight:normal; line-height:23px; }


/*툴팁*/
.cm_tooltip_desc { display:none; position:absolute; top:0; left:40px; padding:15px; border-radius:15px; background-color:rgba( 000, 000, 000, 0.8 ); color:#fff; box-sizing:border-box; text-align:left; z-index:1001;}
.cm_tooltip_desc h5{ height:auto; font-size:90%; font-weight:500; line-height:16px; overflow:hidden; }
.cm_tooltip_desc .tooltip_article{ display:block; width:100%; height:auto; margin-top:15px; margin-left:5px; }
.cm_tooltip_desc .tooltip_article li{ display:block; position:relative; width:100%; height:20px; padding-left:10px; font-size:75%; line-height:18px; overflow:hidden;}
.cm_tooltip_desc .tooltip_article li::before{ content:''; display:block; position:absolute; top:7px; left:0;  width:3px; height:3px; border-radius:50%; background-color:#fff;}


/*컨텐츠 주의사항*/
.cm_contents_info { width:100%; padding:20px; margin:0 auto; border-radius:10px; background:#f8f8f8; font:400 90% 'Noto Sans KR'; box-sizing:border-box; }
.cm_contents_info .txt { display:inline-block; width:100%; line-height:20px; }
.cm_contents_info .bull { display:inline-block; position:relative; width:100%; padding-left:10px; line-height:20px; overflow:hidden; }
.cm_contents_info .bull:before { display:block; content:'-'; position:absolute; top:1px; left:0;  font-family:'Noto Sans KR'; }


/*정보 상세*/
.cm_info_desc { overflow:hidden; }
.cm_info_desc .info_desc_txt { width:100%; height:auto; overflow:hidden; }
.cm_info_desc  span { display:block; float:left; position:relative; font-size:85%; vertical-align:middle; overflow:hidden; }
.cm_info_desc .tit { width:100px; }
.cm_info_desc .txt { width:calc(100% - 120px); margin:4px 0 0 20px; font:normal 100% 'BMJUA'; }
.cm_info_desc .bull { padding-left:14px; }
.cm_info_desc .bull::before { display:block; content:''; position:absolute; top:6.5px; left:0; width:4px; height:4px; border-radius:50%; background:#222; vertical-align:middle; }


/*팝업*/
.cm_popup_wrap { position:fixed; top:0 !important; left:0; width:100%; height:var(--vh); padding:0 10px; font-family:'Noto Sans KR'; z-index:101; }
.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; max-height:70vh; overflow-y:auto; }
.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; font-family:'BMJUA'; line-height:35px; vertical-align:middle; text-align:center; letter-spacing:0; }

.cm_popup_wrap .popup_wrap { position:absolute; top:75px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 30px); max-width:310px; height:auto; padding:20px 15px; background:#fff; border-radius:10px; overflow:hidden; }
.cm_popup_wrap .popup_wrap .popup_top { position:relative; height:auto; padding-right:50px; font-size:95%; font-weight:700; line-height:22px; font-weight:600; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close { display:block; position:absolute; right:-5px; top:-10px; width:24px; height:24px; background:url('/images/common/ic-close-nor.png') no-repeat; background-size:cover; text-align:center; overflow:hidden; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { font-size:110%; }

.cm_popup_wrap .popup_wrap .popup_desc { width:100%; max-height:50vh; overflow:hidden; overflow-y:scroll; word-break:keep-all; }
.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:95%; 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:80%; 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_15 { margin-bottom:5px; }
.cm_popup_wrap .popup_wrap .popup_desc .popup_info .cm_smtxt_13.cm_color_red { margin-top:10px; }

.cm_popup_wrap .popup_wrap.full { top:0; left:0; transform:none; -webkit-transform:none; width:100%; max-width:none; height:var(--vh); max-height:none; padding:15px 0; border-radius:0; overflow:hidden; overflow-y:auto; }
.cm_popup_wrap .popup_wrap.full .popup_top { padding:0 15px; font-weight:500; line-height:35px; }
.cm_popup_wrap .popup_wrap.full .popup_top .btn_close { right:15px; top:5px; line-height:35px; }
.cm_popup_wrap .popup_wrap.full .popup_top strong { font-weight:700; }
.cm_popup_wrap .popup_wrap.full .popup_desc { height:auto; max-height:none; overflow:hidden; }

.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:80%; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:80%; 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:95%; line-height:44px; }
.cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; font-weight:600; font-size:95%; line-height:45px; }

.cm_popup_wrap .popup_wrap .popup_btn.center > * { float:none; width:100%; margin:0; }

.cm_popup_wrap .popup_wrap input[type=radio] { display:none;}
.cm_popup_wrap .popup_wrap input[type=radio] + label { display:block; position:relative;  padding-left:28px; margin:5px 0; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=radio] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_radio.png') no-repeat 0 0; background-size:100% auto; }
.cm_popup_wrap .popup_wrap input[type=radio]:checked + label:before { background-position:0 -18px; }

.cm_popup_wrap .popup_wrap input[type=checkbox] { display:none; }
.cm_popup_wrap .popup_wrap input[type=checkbox] + label { display:inline-block; position:relative; padding-left:28px; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
.cm_popup_wrap .popup_wrap input[type=checkbox]:checked + label:before { background-position:0 -18px; }


/*필터*/
/*OD 필터*/
.cm_filter_wrap { height:auto; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter { width:100%; height:40px; padding:0 10px 0 15px; border-radius:5px; border:1px solid #ddd; line-height:38px; white-space:nowrap; overflow:hidden; cursor:pointer; }
.cm_filter_wrap.line01 .box_filter .im { margin-top:1px; color:#777; font-size:80%; vertical-align:middle; }
.cm_filter_wrap.line01 .box_filter .im.on { color:#222; }
.cm_filter_wrap.line01 .box_filter .im.im-angle-right { float:right; color:#ccc; font-size:95%; margin-top:14px; }
.cm_filter_wrap.line01 .box_filter .txt { display:inline-block; width:calc(100% - 45px); height:38px; margin:-5px 0 0 5px; color:#777; text-overflow:ellipsis; vertical-align:middle; line-height:42px; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter .txt.on { color:#222; }
        
/*마이페이지 필터*/
.cm_filter_wrap.line02 { height:40px; padding:0 10px; font-size:70%; border:1px solid #ddd; border-left:0; border-right:0; line-height:40px; white-space:nowrap; }
.cm_filter_wrap.line02 .txt { display:block; float:left; width:calc(100% - 30px); color:#777; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden; }
.cm_filter_wrap.line02 .ic_filter { display:block; float:right; width:20px; height:25px; margin-top:10px; background:url('/images/common/ic_filter.png') no-repeat; background-size:20px auto; }

/*팝업 필터*/
.cm_filter_wrap.block01 { width:100%; }
.cm_filter_wrap.block01 .cm_form.select { float:left; width:50%; border-left:0; border-right:0; margin-bottom:10px; }
.cm_filter_wrap.block01 .cm_form.select:first-child { border-right:1px solid #ddd; }
.cm_filter_wrap.block01 .btn_filter { width:calc(100% - 20px); height:45px; margin:0px auto; border-radius:10px; color:#555; font-size:90%; font-weight:500; line-height:43px; text-align:center; clear:both; }
.cm_filter_popup .tit { display:inline-block; width:100%; margin:30px 0 13px 0; font-weight:500; font-size:100%; }
.cm_filter_popup .box_desc { overflow:hidden; }
.cm_filter_popup .box_desc input { display:none;}
.cm_filter_popup .box_desc input + label{ display:block; float:left; height:35px; padding:0 !important; border:1px solid #ddd; border-radius:5px; color:#222; font-size:90%; line-height:33px !important; text-align:center; box-sizing:border-box; overflow:hidden; }
.cm_filter_popup .box_desc input + label:before { display:none !important; }
.cm_filter_popup .box_desc input[type='checkbox']:checked + label{ border:1px solid #ff7500; }
.cm_filter_popup .box_desc input[type='radio']:checked + label{ border:1px solid #ff7500; }

.cm_filter_popup .box_desc .cm_form_wrap { height:auto; }
.cm_filter_popup .box_desc .cm_form_wrap input { display:block; }
.cm_filter_popup .box_desc .cm_form.select { background-position-x:95%; }

.cm_filter_popup .box_desc.num01 input + label { width:100%; margin:0 0 10px 0;}
.cm_filter_popup .box_desc.num02 input + label { width:calc(50% - 5px); margin:0 10px 10px 0;}
.cm_filter_popup .box_desc.num02 input + label:nth-of-type(2n) { margin-right:0;}
.cm_filter_popup .box_desc.num03 input + label{ width:calc(33.3% - 7px); margin-right:10px; }
.cm_filter_popup .box_desc.num04 input + label { width:calc(25% - 8px); margin-right:10px;}

.cm_filter_popup .box_desc.range input[type=text] { display:block; float:left; width:calc(50% - 10px); border:1px solid #ddd; border-radius:5px; color:#222; font-size:90%; font-family:'Noto Sans KR'; line-height:33px; text-align:center; box-sizing:border-box; overflow:hidden; }
.cm_filter_popup .box_desc.range input::-webkit-input-placeholder { color:#222; }
.cm_filter_popup .box_desc.range input:-ms-input-placeholder { color:#222; }
.cm_filter_popup .box_desc.range span { display:block; float:left; width:20px; text-align:center; line-height:35px; overflow:hidden; }

.cm_filter_popup .box_desc.stock_type .box_btn_filter { overflow:hidden; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc { margin-top:5px; overflow:hidden; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc span { display:block; float:left; width:calc(25% - 8px); margin-right:10px; color:#999; font-size:70%; line-height:13px; text-align:center; }
.cm_filter_popup .box_desc.stock_type .box_btn_desc span:last-of-type { margin-right:0; }

.cm_filter_popup .box_desc input[type='checkbox'] + label:last-of-type { margin:0; }

.cm_filter_popup .box_btn  { position:relative; left:0; bottom:0; width:100%; margin:15px 0 25px 0; overflow:hidden; }
.cm_filter_popup .box_btn .cm_btn_bg { float:left; width:calc(50% - 5px); height:40px; font-weight:500; }
.cm_filter_popup .box_btn .cm_btn_bg.btn_reset { margin-right:10px; border:1px solid #ddd; }


/*홍보/공지/안내 레이어 팝업(N일 동안 보지 않기/ 닫기)*/
.cm_popup_noti { position:absolute; top:30px; 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:75%; 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;}


/*랭킹 나오는 테이블*/
.cm_ranking_list { width:100%; border-top:2px solid #222; table-layout:fixed; }
.cm_ranking_list th { padding:12px 0; color:#777; font-size:70%; font-weight:500; line-height:16px; }
.cm_ranking_list tr:first-child td { border-top:1px solid #ddd; }
.cm_ranking_list tr td { padding:10px 5px 8px; border-bottom:1px solid #ddd; color:#777; font-size:80%; font-family:'BMJUA'; line-height:20px; text-align:center;  }
.cm_ranking_list tr td.non_date { height:80px; padding:0 15px !important; font-size:80%; font-family:'Noto Sans KR'; line-height:80px; }
.cm_ranking_list tr td small { font-size:88%; line-height:13px; }

.cm_ranking_list thead tr th:last-of-type { padding-right:13px; text-align:right; }
.cm_ranking_list thead tr th:first-of-type { padding-left:13px; text-align:left; }

.cm_ranking_list .up { color:#e8343f !important; }
.cm_ranking_list .down { color:#5e6b9e !important; }
.cm_ranking_list .profit { color:#f5634a !important; }
.cm_ranking_list .loss { color:#22a5df !important; }

.cm_ranking_list .box_order { padding:0; border-left:1px solid #ddd; color:#222; }
.cm_ranking_list .box_order .order small { display:inline-block; position:absolute; margin-top:2px; right:0; min-width:17px; font-size:65%; text-align:center; }
.cm_ranking_list .box_order .order { position:relative; padding-right:17px; text-align:center; }
.cm_ranking_list .box_order .order .top3 { display:inline-block; width:20px; height:20px; background:#5e6b9e; border-radius:50%; color:#fff; line-height:20px; text-align:center; vertical-align:middle; }
.cm_ranking_list .box_order .order .top3.first { background:#e8343f; }
.cm_ranking_list .box_success { padding:0 5px; }
.cm_ranking_list .box_score { padding-left:0; padding-right:13px; color:#222; text-align:right; }

.cm_ranking_list .box_challenger { padding:10px; text-align:left; }
.cm_ranking_list .box_challenger .cm_smtxt_13 { display:-webkit-box; color:#252525; font-weight:600; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }

.cm_ranking_list .cm_thumb_wrap { float:left; width:40px; height:40px; margin-right:15px; border:1px solid #ddd; border-radius:5px; background:#e4e4e4; overflow:hidden; }
.cm_ranking_list .cm_thumb_wrap img { display:block; width:100%; height:100%; }


/*뷰_구독정보 구독버튼*/
.cm_view_subscribe { padding:13px 15px; border:1px solid #ff7500; background:#fff; }
.cm_view_subscribe .cm_txt_15 { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; font-weight:600; line-height:28px; }
.cm_view_subscribe .cm_txt_15 .badge { display:inline-block; float:right; height:24px; margin-top:2px; padding:0 10px; background-color:#ff7500; border-radius:12px; color:#fff; font-size:100%; line-height:24px; text-align:center; }
.cm_view_subscribe .box_price { position:relative; height:42px; }
.cm_view_subscribe .box_price .label { position:absolute; left:0; bottom:0; color:#777; font-size:70%; line-height:20px; }
.cm_view_subscribe .box_price .value { position:absolute; right:0; bottom:0; width:50%; color:#ff7500; font-family:'BMJUA'; font-size:115%; line-height:20px; text-align:right; }
.cm_view_subscribe .box_price .value small { display:block; color:#777; font-size:60%; font-family:'Noto Sans KR'; line-height:16px; }
.cm_view_subscribe .box_price .value .pre_price { display:inline-block; margin-right:6px; color:#222; font:500 60%/20px 'Noto Sans KR'; text-decoration:line-through; }
.cm_view_subscribe .cm_btn_bg { display:block; width:100%; padding:12px; border-radius:8px; font-size:115%; line-height:26px; }
.cm_view_subscribe .cm_btn_bg .im { font-size:95%; vertical-align:middle; }
.cm_view_subscribe .box_btn_desc { position:relative; min-height:32px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; overflow:hidden; }
.cm_view_subscribe .box_btn_desc:before { display:block; content:''; clear:both; }
.cm_view_subscribe .box_btn_desc .btn_guide { float:left; height:20px; padding:0 8px; border:1px solid #ddd; border-radius:5px; color:#999; font-size:70%; line-height:20px; }
.cm_view_subscribe .box_btn_desc .btn_move { float:left; height:20px; padding:0 8px; margin-right:5px; border:1px solid #ddd; border-radius:5px; color:#999; font-size:70%; line-height:20px; }
.cm_view_subscribe .box_btn_desc .btn_move .im { margin: 0 3px 0 0; font-size:90%; vertical-align:middle; }
.cm_view_subscribe .box_btn_desc .btn_estimate { display:block; float:right; padding-bottom:3px; margin-top:-2px; border-bottom:1px solid #555; color:#555; font-size:80%;}
.cm_view_subscribe .box_btn_desc .cm_txt_15 { display:block; float:left; padding-bottom:0; margin-bottom:0; border:0;}


/*달력 > jquery-ui.min.css 커스터마이징*/
#ui-datepicker-div.ui-widget-content { padding:10px; border:1px solid #ccc; border-radius:5px; font-family:'Noto Sans KR'; }
#ui-datepicker-div.ui-widget-content .ui-widget-header { padding-bottom:5px; border:0; border-radius:0; border-bottom:2px solid #ff7500; background:#fff; }
#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-year,#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-month { width:40%; padding:0 12px; margin-right:6px; border:1px solid #ccc; font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header select.ui-datepicker-month { width:38%; margin-left:10px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-year { font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-month { font-family:'Noto Sans KR'; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-prev { top:3px; left:5px; opacity:1; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-prev:hover { border:1px solid #ddd; background:transparent!important; border-radius:5px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-next { top:3px; right:5px; opacity:1; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-next:hover { border:1px solid #ddd; background:transparent!important; border-radius:5px; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-icon { opacity:0.35; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar { border-collapse:collapse; border-spacing:0; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td { padding:0; border:1px solid #ddd; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default { display:block; border:0; background:#fff;  font-family:'Noto Sans KR'; font-weight:500; text-align:center; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default.ui-state-highlight { background:#ff7500; color:#fff!important; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default.ui-state-active { border:1px solid #ff7500; border:1px solid #ff7500; color:#222; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td.ui-state-disabled { background:#ededed; opacity:1; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar .ui-state-default.ui-priority-secondary { background:#ededed; color:#ccc; opacity:1; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td.ui-state-disabled .ui-state-default { background:transparent; color:#ccc !important; }

/*그래프*/
.cm_line_chart { position:relative; overflow:hidden; }
.cm_line_chart .box_txt{ display:inline-block; position:absolute; top:0; left:15px; height:20px; padding:0 10px; border-radius:10px; color:#fff; font-size:70%; font-weight:400; line-height:22px; vertical-align:middle; overflow:hidden; }

.cm_line_chart .box_bar { position:relative; padding:0 15px; height:11px; overflow:hidden; }
.cm_line_chart .box_bar .pin { display:block; position:absolute; top:0; left:9.62%; width:11px; height:11px; border-radius:50%; border:1px solid #fff; }
.cm_line_chart .box_bar .bar { display:block; width:100%; height:5px; margin-top:3px; border-radius:3px; overflow:hidden; }
.cm_line_chart .box_bar .bar li { float:left; height:5px; }
.cm_line_chart .box_bar .bar li:first-child { width:18.18%; background:#dc0000; background-image:-webkit-linear-gradient(left, #dc0000, #ff3a47); background-image:linear-gradient(left, #dc0000, #ff3a47); }
.cm_line_chart .box_bar .bar li:nth-child(2) { width:9.09%; background:#ff3a47; background-image:-webkit-linear-gradient(left, #ff3a47, #f5634a); background-image:linear-gradient(left, #ff3a47, #f5634a); }
.cm_line_chart .box_bar .bar li:nth-child(3) { width:9.09%; background:#f5634a; background-image:-webkit-linear-gradient(left, #f5634a, #ff9c5b); background-image:linear-gradient(left, #f5634a, #ff9c5b); }
.cm_line_chart .box_bar .bar li:nth-child(4) { width:9.09%; background:#ff9c5b; background-image:-webkit-linear-gradient(left, #ff9c5b, #f8b7bd); background-image:linear-gradient(left, #ff9c5b, #f8b7bd); }
.cm_line_chart .box_bar .bar li:nth-child(5) { width:9.09%; background:#f8b7bd; background-image:-webkit-linear-gradient(left, #f8b7bd, #65cadf); background-image:linear-gradient(left, #f8b7bd, #65cadf); }
.cm_line_chart .box_bar .bar li:nth-child(6) { width:9.09%; background:#65cadf; background-image:-webkit-linear-gradient(left, #65cadf, #3abae9); background-image:linear-gradient(left, #65cadf, #3abae9); }
.cm_line_chart .box_bar .bar li:nth-child(7) { width:9.09%; background:#3abae9; background-image:-webkit-linear-gradient(left, #3abae9, #267ccc); background-image:linear-gradient(left, #3abae9, #267ccc); }
.cm_line_chart .box_bar .bar li:nth-child(8) { width:9.09%; background:#0b4ce0; background-image:-webkit-linear-gradient(left, #267ccc, #0b4ce0); background-image:linear-gradient(left, #267ccc, #0b4ce0); }
.cm_line_chart .box_bar .bar li:last-child { width:18.18%; background:#2f2883; background-image:-webkit-linear-gradient(left, #0b4ce0, #2f2883); background-image:linear-gradient(left, #0b4ce0, #2f2883); }
.cm_line_chart .box_bar .bar { display:block; width:100%; height:5px; margin-top:3px; border-radius:3px; overflow:hidden; }
.cm_line_chart .box_bar .bar li { float:left; height:5px; }

.cm_line_chart .box_label { position:relative; height:16px; padding:0 9px; margin-top:13px; overflow:hidden; }
.cm_line_chart .box_label li { position:absolute; top:0; height:16px; font-size:70%; line-height:16px; }
.cm_line_chart .box_label li:first-child { left:9px; text-align:left; }
.cm_line_chart .box_label li:nth-child(2) { left:16.57%; text-align:left; }
.cm_line_chart .box_label li:nth-child(3) { left:27.59%; text-align:left; }
.cm_line_chart .box_label li:nth-child(4) { left:37.87%; text-align:left; }
.cm_line_chart .box_label li:nth-child(5) { left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); text-align:center; }
.cm_line_chart .box_label li:nth-child(6) { right:37.87%; text-align:right; }
.cm_line_chart .box_label li:nth-child(7) { right:27.59%; text-align:right; }
.cm_line_chart .box_label li:nth-child(8) { right:16.57%; text-align:right; }
.cm_line_chart .box_label li:last-child { right:9px; text-align:right; }