@charset "UTF-8";
/*
    [제목] 핀업 공통 스타일 CSS
    [생성일] 2020-05-19
    [내용] 핀업에서 사용되는 공통 스타일
           (속성 초기화, 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');}
@font-face { font-family: 'BMDOHYEON'; font-style: normal; font-weight: normal; src: url('font/BMDOHYEON.woff2') format('woff2'), url('/font/BMDOHYEON.woff') format('woff');}

/* Noto Sans KR (korean) */
@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:600; 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: 'AppleSDGothicNeoL'; font-style:normal; font-weight:500; src: url('font/AppleSDGothicNeoL.ttf') format('truetype');}
@font-face { font-family: 'AppleSDGothicNeoSB'; font-style:normal; font-weight:600; src:url('font/AppleSDGothicNeoSB.ttf') format('truetype');}
/**/
@font-face { font-family: 'scdream'; font-style:normal; font-weight:500; src: url('font/scdream5.woff2') format('woff2'), url('/font/scdream5.woff') format('woff'), url('font/scdream5.otf') format('opentype');}
@font-face { font-family: 'scdream'; font-style:normal; font-weight:700; src: url('font/scdream6.woff2') format('woff2'), url('/font/scdream6.woff') format('woff'), url('font/scdream6.otf') format('opentype');}

/*공통화 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-weight:500; font-size:16px; font-family:'Noto Sans KR', sans-serif; }
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; position:relative; overflow: hidden;}
body:has(.tutorial_list) {overflow: visible !important;}
img { border-style: none; }
h1, h2, h3, h4, h5, h6 { font-size:inherit; 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=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; -webkit-text-fill-color: #222; }
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;}
/* navigation_bar 가 보이는 환경에서만 cm_subscribe 에 여백 추가.
 * 앱 WebView 감지(html.app-webview)와 실제 DOM 존재(:has)를 AND 로 결합해
 * 둘 중 하나라도 앱 신호면 margin 0 으로 떨어지게 한다. */
html:not(.app-webview) body:has(.navigation_bar) .wrap:not(.cm_footer_wrap),
html:not(.app-webview) body:has(.navigation_bar) .cm_subscribe {
    margin-bottom: 60px;
}

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; }

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display:none; }
input[type=search]::-ms-clear,input[type=search]::-ms-reveal { display:none;}

/*top버튼*/
.cm_btn_top { position:fixed; bottom:90px; right:15px; width:60px; height:60px; padding:10px; border-radius:50%; border:1px solid #ededed; background:#fff; text-align:center; box-shadow: 2.9px 4.1px 5px 0 rgba(0, 0, 0, 0.1); z-index:998; cursor:pointer; }
.cm_btn_top .im { display:block; font-size:23px; }
.cm_btn_top span { display:block; font-size:0.688rem; line-height:16px; }


/*텍스트 스타일*/
.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'; }

/*행간*/
.line25{ line-height:25px !important; }
.line35{ line-height:35px !important; }
.line40{ line-height:40px !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_w { color:#fff !important; }

.cm_color_red { color:#e8373d!important; }
.cm_color_bl { color:#373fe8 !important; }
.cm_color_or, .cm_color_stock { color:#ff7500; }
.cm_color_navy, .cm_color_finup { color:#2e2e72 ; }
.cm_color_lor { color:#ffdcbf; }

.cm_color_ts { color:#e8343f!important; }
.cm_color_dgrn, .cm_color_funding { color:#00856e; }
.cm_color_lgrn { color:#029e6e; }
.cm_color_radar { color:#cd154f ;  }
.cm_color_starter { color:#22a5df ;}


/*테마록 폰트 컬러*/
.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_color_ts { color:#e8343f!important; }
.cm_color_dgrn, .cm_color_funding { color:#00856e; }
.cm_color_lgrn { color:#029e6e; }
.cm_color_radar { color:#b71e4e ;  }
.cm_color_starter { color:#22a5df ;}


/*텍스트 정렬*/
.txt_left { text-align:left !important; }
.txt_right { text-align:right !important; }
.txt_center { text-align:center !important; }
.txt_just { text-align:justify !important; }

.txt_top { vertical-align:top !important; }
.txt_middle { vertical-align:middle !important; }
.txt_bottom { vertical-align:bottom !important; }
.txt_t_top { vertical-align:text-top !important; }
.txt_t_bottom { vertical-align:text-bottom !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; }
.mt70 { margin-top:70px !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; }

.ml20 { margin-left:20px !important; }

.mr20 { margin-right:20px !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; }
.pt30 { padding-top:30px !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; }

.pl0 { padding-left:0 !important;} 

.pr0 { padding-right:0 !important;}

.pb0 { padding-bottom:0 !important; }


/*배경*/
.cm_bg_bk { background:#222 !important; }
.cm_bg_dg { background:#777 !important; }
.cm_bg_lg { background:#999 !important; }
.cm_bg_c { background:#ccc !important; }
.cm_bg_w { background:#fff !important; }

.cm_bg_red { background:#e8373d; }
.cm_bg_bl { background:#373fe8; }
.cm_bg_or, .cm_bg_stock { background:#ff7500; }
.cm_bg_navy, .cm_bg_finup { background:#2e2e72; }
.cm_bg_lor { background:#ffdcbf; }
.cm_bg_lred{ background:#ffefef; }
.cm_bg_lbl{ background:#ebf1f7; }

.cm_bg_base { background:#f4f5fa !important; }
.cm_bg_gray { background:#f8f8f8 !important; }

/*그라데이션 배경*/
.cm_bg.gr_bk { 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_bg.gr_w { background-image:-webkit-linear-gradient(left right, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, left, right, from(#fff), to(#ededed)); background-image:linear-gradient( to right,#fff,#ededed); }
.cm_bg.gr_or { background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); }
.cm_bg.gr_navy { 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_bg.gr_radar { background-image:-webkit-linear-gradient(left right, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, left, right, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to right,#F1496A,#CD154F); }

.cm_bg.gr_bk.vertical { background-image:-webkit-linear-gradient(top botttom, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, top, botttom, from(#454545), to(#222)); background-image:linear-gradient( to bottom,#454545,#222); }
.cm_bg.gr_w.vertical { background-image:-webkit-linear-gradient(top bottom, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#ededed)); background-image:linear-gradient( to bottom,#fff,#ededed); }
.cm_bg.gr_or.vertical { background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, top, bottom, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to bottom,#ff7500,#e8373d); }
.cm_bg.gr_navy.vertical { background-image:-webkit-linear-gradient(top bottom, #2E2E72 0%, #222259 100%); background-image:-webkit-gradient(linear, top, bottom, from(#2E2E72), to(#222259)); background-image:linear-gradient( to bottom,#2E2E72,#222259); }
.cm_bg.gr_radar.vertical { background-image:-webkit-linear-gradient(top bottom, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, top, bottom, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to bottom,#F1496A,#CD154F); }

.cm_bg_radar { background:#cd154f; }
.cm_bg_starter { background:#22a5df; }
.cm_bg_funding { background:#00856e; }
.cm_bg_lgrn { background:#029e6e; }
.cm_bg_ts { background:#e8343f; }


/*테마록 배경*/
.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_tab { position:relative; width:100%; height:auto; margin:0 auto; background:#fff; border-top:1px solid #ddd; overflow:hidden; z-index:10;}
.cm_tab:before{ display:block; content:''; position:absolute; top:2px; right:0; width:2px; height:36px; background:#fff; z-index:2; }
.cm_tab .cm_tab_menu { float:left; position:relative; height:auto; border-bottom:1px solid #ddd; color:#999; font-weight:500; font-size:0.813rem; line-height:40px; font-family:'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; color:#222; font-weight:600; box-sizing:border-box; }
.cm_tab .cm_tab_menu:before { display:block; content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:17px; background:#ddd; }
.cm_tab .cm_tab_menu:last-child:before { display:none; }
.cm_tab .cm_tab_menu a { display:block; width:100%; height:100%; white-space:nowrap; }
.cm_tab .cm_tab_menu .ic_new { display:inline-block; width:15px; height:15px; margin:-1px 0 0 3px; border-radius:50%; background:#ff7500; color:#fff; font-size:0.688rem; text-align:center; line-height:16px; vertical-align:middle; }
.cm_tab .cm_tab_menu .ic_sample { display:inline-block; width:auto; height:20px; padding:0 7px; margin:-1px 0 0 3px; border-radius:10px; background:#ff7500; color:#fff; font-weight:normal; font-family:'Noto Sans KR'; font-size:0.688rem; text-align:center; line-height:20px; vertical-align:middle; }

/*탭 갯수별 사이즈*/
.cm_tab.num01 li { width:100%; }
.cm_tab.num02 li { width:50%; }
.cm_tab.num03 li { width:33.33%; }
.cm_tab.num04 li { width:25%; }
.cm_tab.num05 li { width:20%;}
.cm_tab.num06 li { width:16.66%; font-size:1.125rem !important; }

/*탭 배경강조 디자인*/
.cm_tab.bg_style { border:0; }
.cm_tab.bg_style:before { display:none; }
.cm_tab.bg_style .cm_tab_menu { border:0; background:#f4f5fa; color:#222; }
.cm_tab.bg_style .cm_tab_menu.on { border:0; background:#ff6500; color:#fff; line-height:38px; }
.cm_tab.bg_style .cm_tab_menu.on:before { display:none; }

/*탭 라운드 디자인*/
.cm_tab.round_style { display:block; width:100%; height:25px; border:0; background:unset; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { display:inline-block; width:auto; height:25px; padding:0 12px; border:0; border-radius:13px; background-color:#ededed; color:#222; font-size:0.813rem; line-height:25px; }
.cm_tab.round_style .cm_tab_menu + .cm_tab_menu { margin-left:8px; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu.on {  background-color:#222; color:#fff; font-weight:500; }

/*탭 텍스트 디자인*/
.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; height:20px; margin-right:17px; border:0; color:#777; font-weight:500; font-size:0.938rem; line-height:20px; font-family:'Noto Sans KR'; text-align:left; cursor:pointer; }
.cm_tab.text_style .cm_tab_menu.on { border:0; color:#222; font-weight:600; line-height:20px; }
.cm_tab.text_style .cm_tab_menu:before { display:none; }
.cm_tab.text_style .cm_tab_menu:last-child { margin-right:0; }

/*슬라이드 탭*/
.cm_tab_wrap .box_tab { position:relative; height:40px; overflow:hidden; }
.cm_tab_wrap .box_tab .cm_tab { }
.cm_tab_wrap .box_tab .cm_tab.no_btn { padding:0; text-align:center; }
.cm_tab_wrap .box_tab .cm_tab.no_btn li { padding:0 8px; font-size:0.813rem; letter-spacing:-1.5px; text-align:center; float:none; margin-left:-3px; }
.cm_tab_wrap .box_tab .cm_tab li { display:inline-block; padding:0 20px; border-top:1px solid #ddd; }
.cm_tab_wrap .box_tab .cm_tab li.on { border-top:2px solid #ff7500; }
.cm_tab_wrap .box_tab .cm_tab li:last-child { margin-right:40px; }

.cm_tab_wrap .btn_more { position:absolute; top:0; right:0; padding:0; width:40px; height:40px; background:#fff; border:1px solid #ddd; z-index:10; }
.cm_tab_wrap .btn_more a { display:block; position:relative; width:100%; height:100%; text-align:center; }
.cm_tab_wrap .btn_more a .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:90%; }

.cm_tab_wrap .box_menu { height:auto; border:1px solid #ddd; overflow:hidden; }
.cm_tab_wrap .box_menu .tit { position:relative; padding:0 10px; line-height:40px; color:#555; font-size:0.813rem; font-weight:bold; background:#fff;}
.cm_tab_wrap .box_menu .tit .btn_more { border:0; border-left:1px solid #ddd; }

.cm_tab_wrap .box_menu .menu_list { color:#222; z-index:10; position:relative;}
.cm_tab_wrap .box_menu .menu_list li { display:block; float:left; position:relative; width:50%; height:50px; text-align:center; box-sizing:border-box; vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #ddd;}
.cm_tab_wrap .box_menu .menu_list li:nth-child(2n) { border-right:0;}
.cm_tab_wrap .box_menu .menu_list li.on { font-weight:bold;}
.cm_tab_wrap .box_menu .menu_list li span { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; font-size:0.813rem; line-height:20px; word-break:break-word; text-align:center; }


/*뱃지*/
.cm_badge{ display:inline-block; width:auto; padding:0 10px; height:20px; border-radius:3px; font-weight:400; font-size:0.688rem; line-height:20px; font-family:'Noto Sans KR'; vertical-align:middle; overflow:hidden; }
.cm_badge .im { margin:-2px 0 0 0; font-size:80%; line-height:normal; }

.cm_badge.bg_bk { background:#222; color:#fff; }
.cm_badge.bg_red { background:#e8373d; color:#fff; }
.cm_badge.bg_gray { background:#ededed; color:#222; }
.cm_badge.bg_navy { background:#2E2E72; color:#fff; }

.cm_badge.line_bk { line-height:20px; border:1px solid #222; color:#222; }
.cm_badge.line_red { line-height:20px; border:1px solid #e8373d; color:#e8373d; }
.cm_badge.line_navy { line-height:20px; border:1px solid #2E2E72; color:#2E2E72; }
.cm_badge.line_gray { line-height:20px; border:1px solid #ddd; color:#222; }
.cm_badge.line_or { line-height:20px; border:1px solid #ff7500; color:#ff7500; }

.cm_badge_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0px 5px; flex-wrap:wrap; flex-direction:row; justify-content:left; box-sizing:border-box; overflow:hidden; }
.cm_badge_wrap .cm_badge { display:inline-flex;  }

/*뱃지 구버전*/
.cm_badge.level_step1 { width:35px; padding:0 !important; border:1px solid #fba62d; background:#fff; color:#fba62d; line-height:18px;}
.cm_badge.level_step2 { width:35px; padding:0 !important; border:1px solid #f47425; background:#fff; color:#f47425; line-height:18px;}
.cm_badge.level_step3 { width:35px; padding:0 !important; border:1px solid #950082; background:#fff; color:#950082; line-height:18px;}
.cm_badge.level_step4 { width:35px; padding:0 !important; border:1px solid #2e2e72; background:#fff; color:#2e2e72; line-height:18px;}
.cm_badge.broadcast { position:relative; width:auto; background:transparent; color:#e8373d; font-size:0.813rem; 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; color:#fff; }
.cm_badge.red { background:#e8373d; color:#fff;}
.cm_badge.white { padding:0 5px; border:1px solid #ddd; background:#fff; font-weight:500; font-size:0.688rem; line-height:18px; font-family:'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:'Noto Sans KR';}
.cm_badge.cm_satisfaction .im { margin-right:3px; }

.cm_badge.gray_or{ padding:0 5px; background:#ededed; color:#e8383c; font-size:0.688rem; line-height:22px; }
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:16px; }


/*썸네일*/
.cm_thumb_wrap { display:block; position:relative; border-radius:10px; background:#f1f2f4; overflow:hidden; }
.cm_thumb_wrap a { width:auto; height:auto; cursor:pointer }
.cm_thumb_wrap .cm_badge { position:absolute; top:5px; right:5px; }
.cm_thumb_wrap .cm_badge_wrap { position:absolute; top:10px; right:10px; justify-content:right; z-index:1; }
.cm_thumb_wrap .cm_badge_wrap .cm_badge { position:unset; top:unset; right:unset; }
.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-size:0.688rem; line-height:25px; 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-size:0.688rem; line-height:25px;  box-sizing:border-box; }

.cm_thumb_wrap.thumb_16_9 { height:auto; padding-top:56.25%; }
.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; }


/*버튼*/
.cm_btn { text-align:center;}
.cm_btn .im { margin:-2px 0 0 0; font-size:95%; vertical-align:middle; }

.cm_btn.gr_or { background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); color:#fff; }
.cm_btn.bg_bk { background:#222; color:#fff; }
.cm_btn.bg_or { background:#ff7500; color:#fff; }
.cm_btn.disable { background:#ededed; color:#ccc; }

.cm_btn.line_or { border:1px solid #ff7500; color:#ff7500; background:#fff; }
.cm_btn.line_bk { border:1px solid #222; color:#222; background:#fff; }
.cm_btn.line_gray { border:1px solid #ddd; color:#222; background:#fff; }

.cm_btn.hover_bk:hover { background:#222; color:#fff; }
.cm_btn.hover_or:hover { background:#ff7500; color:#fff; }
.cm_btn.hover_gr_or:hover { background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); color:#fff; }

.cm_btn.sm_style { display:inline-block; padding:0 10px; height:25px; border:1px solid #ddd; font-size:0.813rem; line-height:23px; }
.cm_btn.sm_style.disable { line-height:25px; }

.cm_btn_share { width:30px; height:30px; background:url('/images/common/ic-share.png') no-repeat; overflow:hidden;  }

.cm_btn_bookmark { width:30px; height:30px; background:url('/images/common/ic-bookmark.png') no-repeat 0 0; }
.cm_btn_bookmark.on { background-position-x:-30px; }

.cm_btn_arrow { width:40px; height:40px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; }
.cm_btn_arrow.btn_prev { background-position:0 -40px; }
.cm_btn_arrow.btn_prev.disable { background-position:0 0; }
.cm_btn_arrow.btn_next { background-position:-40px -40px; }
.cm_btn_arrow.btn_next.disable { background-position:-40px 0; }

.cm_btn_arrow.sm_style { width:24px; height:24px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; }
.cm_btn_arrow.sm_style.btn_prev { background-position:0 -24px; }
.cm_btn_arrow.sm_style.btn_prev.disable { background-position:0 0; }
.cm_btn_arrow.sm_style.btn_next { background-position:-24px -24px; }
.cm_btn_arrow.sm_style.btn_next.disable { background-position:-24px 0; }

.cm_btn_toggle { display:none; }
.cm_btn_toggle + label { display:block; position:relative; width:35px; height:20px; border-radius:10px; background:#ddd; transition: all 0.2s ease-in; cursor:pointer; }
.cm_btn_toggle + label .cm_toggle_handle { position:absolute; top:50%; left:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:16px; height:16px; border-radius:50%; background:#fff; transition: all 0.2s ease-in; }
.cm_btn_toggle:checked + label { background:#222; }
.cm_btn_toggle:checked + label .cm_toggle_handle { left:calc(100% - 18px); }


.cm_btn_borad { width:75px; height:30px; border-radius:5px; font-size:0.813rem; text-align:center; }
.cm_btn_borad.line_gray { line-height:28px; }
.cm_btn_borad.bg_bk { background:#222; color:#fff; line-height:30px; }

.cm_btn_interest { display:inline-block; width:auto; height:25px; padding:0 10px; border-radius:0; background:#fff; color:#222; font-size:0.813rem; line-height:23px; border:1px solid #ddd; }
.cm_btn_interest .ic { display:inline-block; width:11px; height:16px; margin-top:-2px; margin-right:5px; background:url('/images/sub/ic-heart-off.png') no-repeat; background-size:contain; vertical-align:middle; }
.cm_btn_interest.on .ic { background:url('/images/sub/ic-heart-on.png') no-repeat; background-size:contain; }


.cm_btn_interest.circle { width:65px; height:60px; border-radius:10px; background:#fff; color:#999; font-size:0.688rem; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest.circle .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.circle .ic_circle .ic { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:0; }

.cm_btn_interest.round01 { display:inline-block; width:auto; height:20px; padding:0 8px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#777; font-size:0.688rem; 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_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font-size:0.813rem; 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-size:0.938rem; 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_intro { display:inline-block; width:63px; height:55px; background:#fff; color:#999; font-size:0.813rem; 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;= 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:0.688rem; line-height:20px; }

.cm_btn_katalk { width:142px; height:36px; border:1px solid #ddd; border-radius:10px; background:#fff; font-size:0.938rem; 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-size:0.688rem; 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-size:0.688rem; 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-size:0.688rem; line-height:23px; 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-size:0.688rem; line-height:23px; 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; } /*내 평가 보기*/

.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  { width:60px; height:30px; padding:0 15px; border:1px solid #ddd; background:#fff; color:#444; font-size:0.813rem; }

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


/*페이징*/
.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-weight:600; font-size:0.813rem; line-height:30px; 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 { background:#222; 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_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:0.938rem; font-weight:500; line-height:22px; 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:0.938rem; line-height:22px; 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_form_wrap { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; width:auto; height:auto; overflow:hidden;}
.cm_form_wrap .cm_select { display:block; }

.cm_input { height:40px; border:1px solid #ddd; padding:0 15px; font-size:0.813rem; line-height:40px; }
.cm_input::-webkit-input-placeholder { color:#999; }
.cm_input:-ms-input-placeholder { color:#999; }
.cm_input:focus { border-color:#222; }
.cm_input:disabled { border-color:#ddd; background:#ededed; color:#999; }
.cm_input.disabled { border-color:#ddd; background:#ededed; color:#999; }

.cm_select { height:40px; padding:0 30px 0 15px; border:1px solid #ddd; background:url('/images/board/stockList_filter_arrow01.png') no-repeat; background-position: calc(100% - 15px) center; font-size:0.813rem; line-height:40px; -webkit-appearance:none; cursor:pointer; }
.cm_select::-ms-expand { display:none; }
.cm_select:disabled{ border-color:#ddd !important; background-color:#ededed !important; color:#999 !important; }

.cm_chk { display:none; }
.cm_chk + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.cm_chk + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px; background:url('/images/common/ic-check.png') no-repeat; background-size:cover; }
.cm_chk:checked + label { color:#222; }
.cm_chk:checked + label:before { background-position:0 -24px; }

.cm_chk.sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; cursor:pointer; }
.cm_chk.sm_style + label:before { width:16px; height:16px; margin-top:1px; background:url('/images/common/ic-smallcheck.png') no-repeat !important; }
.cm_chk.sm_style:checked + label:before { background-position:0 -16px !important; }

.cm_radio { display:none; }
.cm_radio + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:0.938rem; line-height:24px; overflow:hidden; cursor:pointer; }
.cm_radio + label:before { display:block; content:''; position:absolute; top:0; left:0; width:24px; height:24px;  background:url('/images/common/ic-radio.png') no-repeat; }
.cm_radio:checked + label { color:#222; }
.cm_radio:checked + label:before { background-position:0 -24px; }

.cm_radio.sm_style + label { padding-left:21px !important; font-size:0.813rem; line-height:20px; }
.cm_radio.sm_style + label:before { top:1px; width:16px; height:16px; background:url('/images/common/ic-smallradio.png') no-repeat !important; }
.cm_radio.sm_style:checked + label:before { background-position:0 -16px !important; }

/*돋보기 검색창*/
.cm_search_wrap { position:relative; } 
.cm_search_wrap .cm_input { width:100%; height:40px; padding-right:50px; font-size:13px; line-height:40px; }
.cm_search_wrap .btn_search { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; background:url('/images/common/ic_search.png') no-repeat; background-size:cover; }

/*구버전*/
.cm_form { display:block; float:left; height:45px; padding-left:15px; color:#222; font-weight:500; font-size:0.938rem; line-height:45px; } 
.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-weight:500; font-size:0.938rem; line-height:43px; }
.cm_form.cm_btn_ic { position:absolute; top:50%; right:2%; transform:translateY(-50%); }
.cm_form.cm_btn_ic .im { color:#999; font-size:110%; }
.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; }

input[type=checkbox].cm_form.cm_chk { display:none; }
input[type=checkbox].cm_form.cm_chk + label { display:block; position:relative; padding-left:28px; font-size:0.938rem; line-height:18px; vertical-align:middle; box-sizing:border-box; }
input[type=checkbox].cm_form.cm_chk + label.wide { max-width:100%; }
input[type=checkbox].cm_form.cm_chk + 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; }
input[type=checkbox].cm_form.cm_chk:checked + label:before { background-position:0 -18px; }

input[type=radio].cm_form.cm_radio { display:none; }
input[type=radio].cm_form.cm_radio + label { display:block; position:relative;  padding-left:28px; font-size:0.938rem; line-height:18px; vertical-align:middle; box-sizing:border-box; }
input[type=radio].cm_form.cm_radio + label.wide { max-width:100%; }
input[type=radio].cm_form.cm_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; }
input[type=radio].cm_form.cm_radio:checked + label:before { background-position:0 -18px; }

.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; }


/*step*/
.cm_step_wrap { display:inline-block; overflow:hidden; }
.cm_step_wrap li { float:left; }
.cm_step_wrap .label { color:#999; font-size:0.688rem; line-height:20px; margin-right:20px; }
.cm_step_wrap .dot + .dot { margin-left:5px; }
.cm_step_wrap .dot { width:5px; height:5px; margin-top:7px; border-radius:50%; background:#ccc; font-size:0; text-indent:-1px; }
.cm_step_wrap .dot.on { width:20px; height:20px; margin-top:0; background:#2e2e72; color:#fff; font-size:70%; line-height:20px; text-align:center; }


/*팝업*/
.cm_popup_wrap { position:fixed; top:0 !important; 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 > .bg { position:absolute; width:100%; height:100%;  background:rgba(000,000,000,0.8); z-index:9; }

.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; 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; 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; word-break:keep-all; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close {display:block; position:absolute; top:0; right:0; width:24px; height:24px; background:url('../images/common/ic-close.png') no-repeat; background-size:cover;  }
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { display:none; font-size:90%; vertical-align:top; }

.cm_popup_wrap .popup_wrap .popup_desc { width:100%; max-height:55vh; overflow:hidden; overflow-y:auto; 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: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; border-radius:10px; 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 { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; width:100%; padding-top:10px; margin-top:10px !important; border-top:1px solid #ddd; overflow:hidden; }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg { -webkit-flex:1 1 calc(50% - 5px); -ms-flex:1; flex: 1 1 calc(50% - 5px); }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn { -webkit-flex:1 1 calc(50% - 5px); flex: 1 1 calc(50% - 5px); height:45px; border-radius:5px; line-height:45px; }
.cm_popup_wrap .popup_wrap .cm_btn_line { border-radius:5px; font-size:0.938rem; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:0.938rem; text-align:center; }
.cm_popup_wrap .popup_wrap .btn_reset { width:calc(50% - 5px); height:45px; 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; }

.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:21px; margin:5px 0; font-size:0.813rem; line-height:20px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=radio] + label:before { display:block; content:''; position:absolute; top:2px; left:0; width:16px; height:16px; 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 -16px !important; }

.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:21px; font-size:0.813rem; line-height:20px; vertical-align:middle; box-sizing:border-box; }
.cm_popup_wrap .popup_wrap input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:2px; left:0; width:16px; height:16px; 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 -16px !important; }
    */
.cm_popup_wrap .popup_wrap.toast { top:auto; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; max-width:480px; max-height:calc(100vh - 60px); padding:0; padding-bottom:30px; border-radius:20px 20px 0 0;  z-index:10; }
.cm_popup_wrap .popup_wrap.toast .popup_top { position:relative; height:60px; padding:17px 59px 17px 20px; border-bottom:1px solid #ddd; font-size:1.125rem; font-weight:700; line-height:26px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.toast .popup_top .btn_close { top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.cm_popup_wrap .popup_wrap.toast .popup_desc { display:inline-block; position:relative; padding:1px 15px; width:100%; height:auto; max-height:calc(100vh - 220px); margin-top:20px; overflow-y:auto; }
.cm_popup_wrap .popup_wrap.toast .popup_btn { height:auto; padding:15px 15px 0; }
.cm_popup_wrap .popup_wrap.toast .popup_btn .cm_btn { height:40px; line-height:40px; font-size:0.938rem; cursor:pointer; }

.cm_popup_wrap .popup_wrap.ad { bottom:60px; padding-bottom:20px; padding-top:0; }
.cm_popup_wrap .popup_wrap.ad .box_count { padding:0 20px; margin-top:20px; margin-bottom:5px; text-align:right; }

.cm_popup_wrap .popup_wrap.ad .box_img { position:relative; width:100%; padding:0 10px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.ad .box_img li { float:left; width:calc(100% - 40px); margin:0 10px; border-radius:15px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.ad .box_img li a { display:block; width:100%; }
.cm_popup_wrap .popup_wrap.ad .box_img li img { display:block; width:100%; height:auto; }

.cm_popup_wrap .popup_wrap.ad .box_close  { padding:0 20px; margin-top:10px }
.cm_popup_wrap .popup_wrap.ad .box_close li { float:left; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type { float:right; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type .im { font-size:90%; line-height:19px; vertical-align:middle; }

.cm_popup_wrap .popup_wrap .box_agree { padding:10px; border:1px solid #ddd; border-radius:10px; }
.cm_popup_wrap .popup_wrap .box_agree li a {display:inline-block; vertical-align:top; }
.cm_popup_wrap .popup_wrap .box_agree li a small{ display:inline-block; vertical-align:top; }

/*.cm_main_popup { position:fixed; top:0; left:0; width:100%; height:calc(100% - 60px); z-index:9999; }*/
/*.cm_main_popup::before { display:block; position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.8); backdrop-filter: blur(10px); z-index:999; }*/
/*.cm_main_popup .popup_wrap { display:block; position:absolute; bottom:20px; left:0; width:100%; text-align:center; z-index:9999; }*/

/*.cm_main_popup .popup_wrap .box_img { position:relative; height:auto; overflow:hidden; }*/
/*.cm_main_popup .popup_wrap .box_img .slick-track { overflow:hidden; }*/

/*.cm_main_popup .popup_wrap .box_img .slide_img { float:left; position:relative; width:65vw; height:auto; margin:0 0; transition: all 500ms ease; opacity:0.9; z-index:1; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img a { display:block; position:relative; padding:20px; transition: all 500ms ease; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img img { display:block; position:relative; width:100%; border-radius:15px; }*/

/*.cm_main_popup .popup_wrap .box_img .slide_img .box_num { display:none; position:absolute; top:10px; right:10px; width:auto; padding:0 10px; border-radius:10px; background:#222; color:#999; font-size:13px; line-height:20px; opacity:0; z-index:1; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img .box_num .current { color:#fff; }*/

/*.cm_main_popup .popup_wrap .box_img .slide_img .slide_type { position:absolute; top:-46px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:30px; padding:5px 10px; border-radius:5px; background:#fff; font-size:13px; line-height:20px; text-align:center; opacity:0; transition: all 500ms ease; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img .slide_type:before { display:block; content:''; position:absolute; bottom:-7px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid #fff; }*/

/*.cm_main_popup .popup_wrap .box_img .slick-list { height:auto !important; margin:0 -20px; }*/
/*.cm_main_popup .popup_wrap .box_img .slick-list .slick-track { padding-top:46px !important; display:flex; align-items:center; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img.slick-slide { transition: all 500ms ease; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img.slick-cloned  {transition: all 500ms ease; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img.slick-center a { padding:0; }*/

/*.cm_main_popup .popup_wrap .box_img .slide_img.slick-current .slide_type { display:block; opacity:1; }*/
/*.cm_main_popup .popup_wrap .box_img .slide_img.slick-center .box_num { display:block; opacity:1; }*/


/*.cm_main_popup .popup_wrap .box_close { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); max-width:100%; height:35px; padding:7px 0; margin-top:20px; justify-content:center; gap:20px; }*/
/*.cm_main_popup .popup_wrap .box_close li { -webkit-flex:1 1 1; -ms-flex:1 1 1; flex:1 1 1; width:auto; height:20px; color:#fff; font-size:0.813rem; line-height:20px;}*/
/*.cm_main_popup .popup_wrap .box_close li input { display:none; }*/
/*.cm_main_popup .popup_wrap .box_close li label { position:relative; float:left; padding-left:21px;  vertical-align:middle; cursor:pointer; }*/
/*.cm_main_popup .popup_wrap .box_close li label::before { display:block; content:''; position:absolute; top:2px; left:0; width:16px; height:17px; background:url('/Images/common/ic-smallcheck_main.png') no-repeat; background-size:contain; }*/
/*.cm_main_popup .popup_wrap .box_close li + li { border-left:1px solid #fff; padding-left:20px; }*/

.cm_main_popup { position: fixed; top: 0; left: 0; width: 100%; height: calc(100% - 60px); z-index: 9999; }
.cm_main_popup::before { display: block; position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(10px); z-index: 999; }
.cm_main_popup .popup_wrap { display: block; position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 9999; }
.cm_main_popup .popup_wrap .box_img { position: relative; overflow: hidden; height: auto; padding-top: 46px; padding-bottom: 24px; }
.cm_main_popup .popup_wrap .box_img .box_track { display: flex; align-items: center; }
.cm_main_popup .popup_wrap .box_img .slide_img { position: relative; flex: 0 0 65vw; width: 65vw; padding: 0 10px; box-sizing: border-box; opacity: 0.7; text-decoration: none; }
.cm_main_popup .popup_wrap .box_img .slide_img img { display: block; width: 100%; border-radius: 15px; transform: scale(0.9); transition: transform 400ms ease, opacity 400ms ease; }
.cm_main_popup .popup_wrap .box_img .slide_img.is-active { opacity: 1; }
.cm_main_popup .popup_wrap .box_img .slide_img.is-active img { transform: scale(1.1); }
.cm_main_popup .popup_wrap .box_img .slide_img .box_num { display: none; position: absolute; top: 1px; right: 10px; width: auto; padding: 0 10px; border-radius: 10px; background: #222; color: #999; font-size: 13px; line-height: 20px; opacity: 0; z-index: 2; transition: all 300ms ease; }
.cm_main_popup .popup_wrap .box_img .slide_img .box_num .current { color: #fff; }
.cm_main_popup .popup_wrap .box_img .slide_img.is-active .box_num { display: block; opacity: 1; }
.cm_main_popup .popup_wrap .box_img .slide_img .slide_type { position: absolute; top: -46px; left: 50%; transform: translateX(-50%); height: 30px; padding: 5px 10px; border-radius: 5px; background: #fff; font-size: 13px; line-height: 20px; text-align: center; opacity: 0; transition: all 500ms ease; }
.cm_main_popup .popup_wrap .box_img .slide_img .slide_type::before { display: block; content: ''; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #fff; }
.cm_main_popup .popup_wrap .box_img .slide_img.is-active .slide_type { display: block; opacity: 1; }
.cm_main_popup .popup_wrap .box_close { display: flex; flex-wrap: wrap; position: relative; left: 50%; transform: translateX(-50%); max-width: 100%; height: 35px; padding: 7px 0; margin-top: 0; justify-content: center; gap: 20px; }
.cm_main_popup .popup_wrap .box_close li { flex: 0 0 auto; width: auto; height: 20px; color: #fff; font-size: 0.813rem; line-height: 20px; list-style: none; }
.cm_main_popup .popup_wrap .box_close li input { display: none; }
.cm_main_popup .popup_wrap .box_close li label { position: relative; float: left; padding-left: 21px; vertical-align: middle; cursor: pointer; }
.cm_main_popup .popup_wrap .box_close li label::before { display: block; content: ''; position: absolute; top: 2px; left: 0; width: 16px; height: 17px; background: url('/images/common/ic-smallcheck_main.png') no-repeat; background-size: contain; }
.cm_main_popup .popup_wrap .box_close li + li { border-left: 1px solid #fff; padding-left: 20px; }
.cm_main_popup .popup_wrap .box_close li a { color: #fff; text-decoration: none; }

/*홍보/공지/안내 레이어 팝업(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: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;}


/*문서 공통화*/
.wrap { width:100%; color:#222; font-weight:500; font-size:0.938rem; font-family:'Noto Sans KR'; word-break:break-word; overflow:hidden; }

.contents01 { position:relative;  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_subtit { padding:0 15px; }
.contents03 { padding:0; overflow:hidden; }
.contents01.bg , .contents02.bg{ background:#f4f5fa; }

/*멘토 이름*/
.cm_mentor_name { padding-left:1px; color:#222; font-size:0.813rem; font-family:'Noto Sans KR'; line-height:20px; }
.cm_mentor_name .im{ margin:0 3px 0 0; font-size:90%; vertical-align:middle; color: #999; }
.cm_mentor_name .im.im-angle-right { margin-top:-2px; font-size:90%; }
.cm_mentor_name.big { padding-left:1px; color:#222; font-size:0.938rem; }


/*회원 이름*/
.cm_user_name { padding-left:1px; color:#777; font-size:0.688rem; line-height:16px; font-family:'Noto Sans KR';  }
.cm_user_name .im { margin:0 3px 0 0; font-size:90%; vertical-align:middle;  }


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


/*멘토 성향 */
.cm_tendency_wrap { width:auto; height:auto; overflow:hidden; }
.cm_tendency_wrap li, .cm_tendency { float:left; width:auto; height:20px; padding:1px 8px 0px 8px !important; margin-right:5px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#222;  font-weight:400; font-size:0.688rem; line-height:18px; font-family:'Noto Sans KR'; box-sizing:border-box; overflow:hidden; }
.cm_tendency_wrap .cm_tendency { float:left; }
.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; }
   

/*멘토 엠블럼  */
.cm_mentor_emblem { display:inline-block; position:relative; width:auto; padding:3px 0 0 3px }
.cm_mentor_emblem:after { display:block; content:''; clear:both; }
.cm_mentor_emblem li { position:relative; float:left; width:51px; height:51px; margin-bottom:3px; border:1px solid #ededed; border-radius:10px; background: linear-gradient(-45deg, #f4f5fa 50%, #fff 50%); text-align:center; }
.cm_mentor_emblem li + li { margin-left:15px; }
.cm_mentor_emblem li > * { display:block; }
.cm_mentor_emblem li .ic { position:absolute; top:-3px; left:-3px; width:13px; height:13px; background-repeat:no-repeat; background-size:contain; }
.cm_mentor_emblem li .label { margin-top:9px; color:#777; font-size:0.6rem; line-height:16px; }
.cm_mentor_emblem li .value { color:#777; font-size:0.938rem; font-weight:700; font-family:'Noto Sans KR'; line-height:22px;  }
.cm_mentor_emblem li .value small { font-size:0.938rem; }

.cm_mentor_emblem li.cellebrity .ic { background-image:url(/images/sub/ic_emblem_cellebrity.png); }
.cm_mentor_emblem li.career .ic { background-image:url(/images/sub/ic_emblem_career.png); }
.cm_mentor_emblem li.superstock .ic{ background-image:url(/images/sub/ic_emblem_superstock.png); }
.cm_mentor_emblem li.property .ic { background-image:url(/images/sub/ic_emblem_property.png); }
.cm_mentor_emblem li.vertify .ic { background-image:url(/images/sub/ic_emblem_vertify.png) ; }
.cm_mentor_emblem li.promote .ic { background-image:url(/images/sub/ic_emblem_promote.png); }
.cm_mentor_emblem li.ranking .ic{ background-image:url(/images/sub/ic_emblem_ranking.png); }
.cm_mentor_emblem li.continuity .ic{ background-image:url(/images/sub/ic_emblem_continuity.png); }
  

/*멘토 승인 사유
.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:0.813rem; }
.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-weight:400; font-size:0.813rem; line-height:32px; 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:0.813rem; line-height:35px; }
    */

/*배너*/
/*이미지 배너*/
.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:0.688rem; 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:0.688rem; 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:178px; padding:15px; border:1px solid #ededed; border-radius:10px; box-sizing:border-box; overflow:hidden; }
.cm_reply_slide .box_reply .tit { position:relative; height:60px; 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:0.938rem; 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:0.813rem; 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:0.813rem; 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:0.813rem; overflow:hidden; }

/*이용후기 슬라이드 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.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; border-radius:0; }
.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:0.813rem; line-height:20px; vertical-align:middle; }
.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:0.813rem; 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_subtit_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 { 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:0.938rem; }
.cm_cont_slide .box_info .txt { font-size:0.938rem;  line-height:24px; }
.cm_cont_slide .box_info .txt small { font-size:0.938rem; }
.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:0.813rem; line-height:15px; text-align:center; }
.cm_cont_list.style01 .box_info .desc .txt { display:block; width:100%; height:20px; font-weight:700; text-align:center; }
.cm_cont_list.style01 .btn_subscribe { width:100%; height:40px; margin-top:10px; border-radius:10px; font-size:0.938rem; 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_board_view { border-bottom:1px solid #ddd; }
.cm_board_view.bor0 { border:0; }
.cm_board_view .board_top { height:auto; padding:0 0 15px; border-bottom:1px solid #ededed; }
.cm_board_view .board_top .txt_info { overflow:hidden; }
.cm_board_view .board_top .txt_info > * { vertical-align:middle; }
.cm_board_view .board_top .txt_info .cm_user_name { display:inline-block; margin-left:5px; font-size:13px; line-height:20px; }
.cm_board_view .board_top .txt_info .cm_mentor_name { display:inline-block; margin-left:5px; font-size:13px; line-height:20px; }
.cm_board_view .board_top .txt_info .cm_badge { margin-right:5px; vertical-align:text-bottom; }
.cm_board_view .board_top .txt_info .ic_badge { margin-right:5px; vertical-align:text-bottom; }
.cm_board_view .board_top .txt_info .date { float:right; line-height:20px; }
.cm_board_view .board_top .txt_info.add span { position:relative; }
.cm_board_view .board_top .txt_info.add span + span { margin-left:5px; padding-left:8px; }
.cm_board_view .board_top .txt_info.add span + span::before { display:block; position:absolute; content:''; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.cm_board_view .board_top .txt_tit { font-weight:700; }

.cm_board_view .board_desc { padding:30px 0; border-bottom:1px solid #ededed; }
.cm_board_view .board_desc .cm_attached_wrap { width:100%; height:auto; padding-inline-start:0 !important; padding:15px !important;  margin-block-start:0 !important; margin-block-end:20px !important; margin-inline-start:0 !important;  margin-inline-end:0 !important;  border:1px solid #ededed !important; border-radius:10px !important; background:#fff; list-style:unset!important; list-style-type:none!important; }
.cm_board_view .board_desc .cm_attached_wrap li { height:24px; overflow:hidden; }
.cm_board_view .board_desc .cm_attached_wrap li + li { margin-top:5px !important; }
.cm_board_view .board_desc .cm_attached_wrap li a { display:block; position:relative; height:24px; padding-right:24px; color:#777; font-size:0.813rem !important; line-height:22px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_board_view .board_desc .cm_attached_wrap li a .ic { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/images/sub/ic-download.png') no-repeat; background-size:contain; }

.cm_board_view .board_desc div { width:auto !important; max-width:100% !important; }
.cm_board_view .board_desc img { display:block; width:100%; height:auto; margin:10px auto; }
.cm_board_view .board_desc p img { width:100%!important; min-width:100%!important; max-width:100%!important; }

.cm_board_view .board_desc > table tr td { text-align:inherit;  }
.cm_board_view .board_desc * { margin:unset; padding:unset; font:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_board_view .board_desc .title { all:unset; } 

.cm_board_view .board_desc img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_board_view .board_desc ol { display:block; list-style:initial; list-style-type:decimal; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_board_view .board_desc ul { display:block; list-style:initial; list-style-type:disc; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_board_view .board_desc li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_board_view .board_desc ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_board_view .board_desc p {  display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_board_view .board_desc h1 { display:block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h2 { display: block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h3 { display: block; font-size:1.17em; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; } 
.cm_board_view .board_desc h4 { display: block;  font-size:1em; margin-block-start:1.33em; margin-block-end:1.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h5 { display: block; font-size:0.83em; margin-block-start:1.67em; margin-block-end:1.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h6 { display: block; font-size:0.67em; margin-block-start: 2.33em; margin-block-end:2.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }

.cm_board_view .board_desc table { display:block; max-width:100%; overflow-x:scroll; margin:26px 0 20px; border-collapse:collapse; box-sizing:border-box; text-indent:initial; border-spacing:0; }
.cm_board_view .board_desc table tr td, .cm_board_view .board_desc table tr th { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; word-break:keep-all; }
.cm_board_view .board_desc table tbody tr td { display: table-cell; padding:0.4rem; text-align:initial; vertical-align:inherit; word-break:keep-all; }

.cm_board_view .board_desc hr { display:block; unicode-bidi:isolate; margin-block-start:0.5em; margin-block-end:0.5em; margin-inline-start:auto; margin-inline-end:auto; overflow:hidden; border-color:#ccc; border-style:solid; border-width:1px 0 0 0 }
.cm_board_view .board_desc blockquote { display:inline-block; border-left: 2px solid #ccc; margin-left: 1rem; padding-left: 1rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 10px; margin-inline-end: 40px; }
.cm_board_view .board_desc code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_board_view .board_desc a { color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_board_view .board_desc a:link { text-decoration:underline; }
.cm_board_view .board_desc a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_board_view .board_desc a:active { text-decoration:underline; outline: initial; }
.cm_board_view .board_desc a:hover { text-decoration:underline; outline:initial;}
.cm_board_view .board_desc *:focus {outline:initial;}
.cm_board_view .board_desc em { font-style:italic; }
.cm_board_view .board_desc strong { font-weight:bold !important; }

.cm_board_view .en-code { font-family:monospace; box-sizing:border-box; padding:8px !important; font-family:Monaco,Menlo,Consolas,Courier New,monospace; font-size:0.813rem !important; color:#333; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#fbfaf8; border:1px solid rgba(0,0,0,.14902); background-position:initial initial; background-repeat:initial initial; }
.cm_board_view .board_desc .container { display: block; position:relative; max-width:100%; margin:26px 0 20px; }
.cm_board_view .board_desc .container table { display:table;  border-collapse:initial; border-spacing:0; table-layout:fixed; border:none; max-width:none; }
.cm_board_view .board_desc .container table td { border:1px solid #ccc; min-width:31px; margin:0; padding:8px; box-sizing:initial; background-color:rgb(234,234,234); table-layout:fixed;  }
.cm_board_view .board_desc .box_paid { position:relative; padding:5px 10px; margin-bottom:15px; border-radius:10px; background:#f4f5fa; color:#2e2e72; font-size:80%; line-height:20px; text-align:center; }
.cm_board_view .board_desc .box_paid:before { display:block; content:''; position:absolute; top:-30px; left:0; width:100%; height:30px; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #fff 100%); background-image:-webkit-gradient(linear, top, bottom, from(rgba(255,255,255,0)0%), to(rgba(255,255,255,1)100%)); background-image:linear-gradient( to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,1)100%); }

.cm_board_view .board_desc .btn_recommend { display:block; width:150px; height:40px; margin:30px auto 0; border-radius:5px; }
/*스타일 초기화*/
.cm_board_view .board_desc { padding:30px 15px; background:#fff; }
.cm_board_view .board_desc * { font-size:initial; }
.cm_board_view .board_desc div { width:auto !important; max-width:100% !important; }
.cm_board_view .board_desc img { display:block; width:100%; height:auto; margin:10px auto; }
.cm_board_view .board_desc p img { width:100%!important; min-width:100%!important; max-width:100%!important; }

.cm_board_view .board_desc > table tr td { text-align:inherit;  }
.cm_board_view .board_desc * { margin:unset; padding:unset; font:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_board_view .board_desc .title { all:unset; } 

.cm_board_view .board_desc img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_board_view .board_desc ol { display:block; list-style:initial; list-style-type:decimal; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_board_view .board_desc ul { display:block; list-style:initial; list-style-type:disc; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_board_view .board_desc li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_board_view .board_desc ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_board_view .board_desc p {  display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_board_view .board_desc h1 { display:block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h2 { display: block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h3 { display: block; font-size:1.17em; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; } 
.cm_board_view .board_desc h4 { display: block;  font-size:1em; margin-block-start:1.33em; margin-block-end:1.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h5 { display: block; font-size:0.83em; margin-block-start:1.67em; margin-block-end:1.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_board_view .board_desc h6 { display: block; font-size:0.67em; margin-block-start: 2.33em; margin-block-end:2.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }

.cm_board_view .board_desc table { display:block; max-width:100%; overflow-x:scroll; margin:26px 0 20px; border-collapse:collapse; box-sizing:border-box; text-indent:initial; border-spacing:0; }
.cm_board_view .board_desc table tr td, .cm_board_view .board_desc table tr th { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; word-break:keep-all; }
.cm_board_view .board_desc table tbody tr td { display: table-cell; padding:0.4rem; text-align:initial; vertical-align:inherit; word-break:keep-all; }

.cm_board_view .board_desc hr { display:block; unicode-bidi:isolate; margin-block-start:0.5em; margin-block-end:0.5em; margin-inline-start:auto; margin-inline-end:auto; overflow:hidden; border-color:#ccc; border-style:solid; border-width:1px 0 0 0 }
.cm_board_view .board_desc blockquote { display:inline-block; border-left: 2px solid #ccc; margin-left: 1rem; padding-left: 1rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 10px; margin-inline-end: 40px; }
.cm_board_view .board_desc code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_board_view .board_desc a { color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_board_view .board_desc a:link { text-decoration:underline; }
.cm_board_view .board_desc a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_board_view .board_desc a:active { text-decoration:underline; outline: initial; }
.cm_board_view .board_desc a:hover { text-decoration:underline; outline:initial;}
.cm_board_view .board_desc *:focus {outline:initial;}
.cm_board_view .board_desc em { font-style:italic; }
.cm_board_view .board_desc strong { font-weight:bold !important; }


/*게시판 상세 이전/다음 버튼*/
.cm_board_view .board_btn .btn_move { position:relative; height:auto; padding:15px 0; font-size:0.813rem; line-height:22px; cursor:pointer; overflow:hidden; }
.cm_board_view .board_btn .btn_move.btn_next { border-top:1px solid #ededed; border-bottom:1px solid #ededed; }
.cm_board_view .board_btn .btn_move .lable { display:inline-block; float:left; width:65px; color:#777; }
.cm_board_view .board_btn .btn_move .lable .im { margin:-2px 0 0 5px; font-size:90%; vertical-align:middle; }
.cm_board_view .board_btn .btn_move .tit { display:inline-block; float:left; max-width:calc(100% - 65px); height:22px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_board_view .board_btn .btn_move .tit small { font-weight:400; }

.cm_board_view .board_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:flex-end; padding:0; gap:10px; }
.cm_board_view .board_btn.bottom div { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:flex-end; padding:0; gap:10px; }
.cm_board_view .board_btn.bottom .cm_btn { width:auto; padding:0 15px; height:30px; font-size:0.813rem; line-height:30px; text-align:center; cursor:pointer; }



/*테이블*/
.cm_table_wrap { width:100%; border:1px solid #ddd; 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 thead { border-top:2px solid #222; border-bottom:1px solid #ddd; text-align:center; }
.cm_table_wrap thead th{ height:36px; background:#fff; color:#777; font-size:0.813rem; }
.cm_table_wrap thead th .tit { font-weight:600; font-size:1.125rem; text-align:left; }

.cm_table_wrap tbody { text-align:center; }
.cm_table_wrap tbody > td { padding:10px; border-bottom:1px solid #ddd; background:#fff;  }
.cm_table_wrap tbody .non_date td { padding:30px 15px; color:#999; font-size:0.813rem; line-height:20px; }

.cm_table_wrap tbody .table_cont {display:none;}
.cm_table_wrap tbody .table_cont .desc { position:relative; height:auto; padding:15px; padding-right:25px; background:#f8f8f8; font-weight:400; font-size:0.938rem; line-height:21px; box-sizing:border-box; }
.cm_table_wrap tbody .table_cont .desc img { display:inline-block; width:auto; max-width:100%; height:auto; margin:5px 0; }

.cm_table_wrap tbody > tr > td .tit { display:block; font-size:0.938rem; line-height:22px; }
.cm_table_wrap tbody > tr > td .txt { display:block; margin-top:5px; font-size:0.813rem; line-height:20px;  }

.cm_table_wrap tbody .table_accordion td{ padding:10px; border-bottom:1px solid #ddd; background:#fff; }
.cm_table_wrap tbody .table_accordion .txt_top  .txt{ margin-top:0; }
.cm_table_wrap tbody .table_accordion .cm_user_name { font-size:0.813rem; }

/*리스트-말줄임*/
.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:0.813rem; }
.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:0.688rem; 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:0.813rem; 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:0.688rem; 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:0.688rem; 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 { position:relative; padding:15px; text-align:left; font-size:0.938rem;}
.cm_table_wrap.table_view th .tit { display:block; color:#222; font-weight:600; font-size:0.938rem; }
.cm_table_wrap.table_view th .cm_xsmtxt { display:inline-block; position:relative; margin-top:5px; margin-right:8px; }
.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:0.813rem; 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:1.125rem; }
.cm_table_wrap.table_view th .box_info .cm_user_name { display:block; width:calc(100% - 100px); 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:0.813rem;  }
.cm_table_wrap.table_view th .box_info .cm_mentor_name { margin-top:10px; font-weight:400; }

.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; }
.cm_table_wrap.table_view th.box_user_info .cm_mentor_name { color:#222;  }
.cm_table_wrap.table_view th.box_user_info .date { color:#999; font-size:0.813rem;}

.cm_table_wrap.table_view .box_detail { padding:30px 15px; background:#fff; }
.cm_table_wrap.table_view .box_detail * { font-size:initial; }
.cm_table_wrap.table_view .box_detail div { width:auto !important; max-width:100% !important; }
.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 td.box_detail > table tr td { text-align:inherit;  }
.cm_table_wrap.table_view td.box_detail * { margin:unset; padding:unset; font:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_table_wrap.table_view td.box_detail .title { all:unset; } 

.cm_table_wrap.table_view td.box_detail img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_table_wrap.table_view td.box_detail ol { display:block; list-style:initial; list-style-type:decimal; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_table_wrap.table_view td.box_detail ul { display:block; list-style:initial; list-style-type:disc; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_table_wrap.table_view td.box_detail li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_table_wrap.table_view td.box_detail ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_table_wrap.table_view td.box_detail p {  display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_table_wrap.table_view td.box_detail h1 { display:block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h2 { display: block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h3 { display: block; font-size:1.17em; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; } 
.cm_table_wrap.table_view td.box_detail h4 { display: block;  font-size:1em; margin-block-start:1.33em; margin-block-end:1.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h5 { display: block; font-size:0.83em; margin-block-start:1.67em; margin-block-end:1.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_table_wrap.table_view td.box_detail h6 { display: block; font-size:0.67em; margin-block-start: 2.33em; margin-block-end:2.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }

.cm_table_wrap.table_view td.box_detail table { display:block; max-width:100%; overflow-x:scroll; margin:26px 0 20px; border-collapse:collapse; box-sizing:border-box; text-indent:initial; border-spacing:0; }
.cm_table_wrap.table_view td.box_detail table tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_table_wrap.table_view td.box_detail table tbody tr td { display: table-cell; padding:0.4rem; text-align:initial; vertical-align:inherit; }

.cm_table_wrap.table_view td.box_detail hr { display:block; unicode-bidi:isolate; margin-block-start:0.5em; margin-block-end:0.5em; margin-inline-start:auto; margin-inline-end:auto; overflow:hidden; border-color:#ccc; border-style:solid; border-width:1px 0 0 0 }
.cm_table_wrap.table_view td.box_detail blockquote { display:inline-block; border-left: 2px solid #ccc; margin-left: 1rem; padding-left: 1rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 10px; margin-inline-end: 40px; }
.cm_table_wrap.table_view td.box_detail code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_table_wrap.table_view td.box_detail a { color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_table_wrap.table_view td.box_detail a:link { text-decoration:underline; }
.cm_table_wrap.table_view td.box_detail a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_table_wrap.table_view td.box_detail a:active { text-decoration:underline; outline: initial; }
.cm_table_wrap.table_view td.box_detail a:hover { text-decoration:underline; outline:initial;}
.cm_table_wrap.table_view td.box_detail *:focus {outline:initial;}
.cm_table_wrap.table_view td.box_detail em { font-style:italic; }
.cm_table_wrap.table_view td.box_detail strong { font-weight:bold !important; }

.cm_table_wrap .en-code { font-family:monospace; box-sizing:border-box; padding:8px !important; font-family:Monaco,Menlo,Consolas,Courier New,monospace; font-size:0.813rem !important; color:#333; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#fbfaf8; border:1px solid rgba(0,0,0,.14902); background-position:initial initial; background-repeat:initial initial; }
.cm_table_wrap.table_view td.box_detail .container { display: block; position:relative; max-width:100%; margin:26px 0 20px; }
.cm_table_wrap.table_view td.box_detail .container table { display:table;  border-collapse:initial; border-spacing:0; table-layout:fixed; border:none; max-width:none; }
.cm_table_wrap.table_view td.box_detail .container table td { border:1px solid #ccc; min-width:31px; margin:0; padding:8px; box-sizing:initial; background-color:rgb(234,234,234); table-layout:fixed;  }


.cm_table_wrap.table_view .box_move { padding:10px; text-align:left; font-size:0.938rem; }
.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:0.813rem; vertical-align:middle; }
.cm_table_wrap.table_write td span { font-size:0.813rem; }

.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 #ededed; border-radius:0; color:#999; font-size:0.813rem; line-height:22px; 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;  }
.cm_reply_wrap .date { display:inline-block; position:relative; padding-left:11px; font-size:0.688rem; 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 #ededed; 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:0.813rem; 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 #ededed; border-bottom:0; border-top:0; }
.cm_reply_wrap .cm_reply_list .reply_cont { position:relative; padding:15px; border-bottom:1px solid #ededed; background:#fff; }
.cm_reply_wrap .cm_reply_list .reply_cont .reply_write_info { display:block; padding-right:25px; }
.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:0.813rem; line-height:20px; }

.cm_reply_wrap .cm_reply_list .re_reply .reply_cont .cm_user_name { display:inline-block; position:relative; padding-left:15px;  }
.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_reply_wrap .reply_cont.my { background:#f8f8f8; }
.cm_reply_wrap .reply_cont .cm_user_name.my { color:#ff7500; }


/*추천정보현황*/
.cm_present_info { width:100%; height:auto; 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:0.813rem; }
.cm_present_info .present_info .txt { color:#222; font-size:0.938rem; font-weight:700; }
.cm_present_info .present_info .txt small { margin-left:2px; }
/*추천정보 현황 슬라이드*/
.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:0.813rem; }
.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:0.938rem; font-weight:900; }
.cm_rader_wrap .non_date span { display:inline-block; margin-top:16px; font-weight:normal; line-height:23px; }


/*컨텐츠 주의사항*/
.cm_contents_info { width:100%; padding:20px; margin:0 auto; border-radius:10px; background:#f8f8f8; font-size:0.938rem; 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:0.813rem; vertical-align:middle; overflow:hidden; }
.cm_info_desc .tit { width:100px; }
.cm_info_desc .txt { width:calc(100% - 120px); margin:4px 0 0 20px; }
.cm_info_desc .bull { padding-left:10px; }
.cm_info_desc .bull::before { display:block; content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#222; vertical-align:middle; }


/*필터*/
/*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:0.688rem; 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_popup .popup_wrap.toast .popup_desc { max-height:calc(100vh - 320px) }
.cm_filter_popup h4.cm_txt { font-weight:700;  }
.cm_filter_popup .box_desc { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; overflow:hidden; }
.cm_filter_popup .box_desc li { -webkit-flex:0 1 calc(50% - 5px); -ms-flex:0 1 calc(50% - 5px); flex: 0 1 calc(50% - 5px); height:30px; }
.cm_filter_popup .box_desc li.wide { -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex: 0 1 100%; }

.cm_filter_popup .box_desc.num3 { flex-wrap:nowrap; }
.cm_filter_popup .box_desc.num3 li { -webkit-flex:1 1 33%; -ms-flex:1 1 33%; flex: 1 1 33%; width:33.33%; }

.cm_filter_popup .box_desc li input { display:none; }
.cm_filter_popup .box_desc li input + label{ display:inline-block; align-items:center; width:100%; height:100%; padding:0; border:1px solid #ddd; border-radius:5px; color:#222; font-size:0.813rem; line-height:28px !important; text-align:center; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_filter_popup .box_desc li input[type='checkbox']:checked + label{ border:1px solid #222; }
.cm_filter_popup .box_desc li input[type='radio']:checked + label{ border:1px solid #222; }

.cm_filter_popup .popup_desc { display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important; flex-direction:column; flex-wrap:nowrap; gap:25px; }
.cm_filter_popup .popup_desc .box_filter { display:block; width:100%; }
.cm_filter_popup .popup_desc .box_filter.mentor .box_desc { max-height:130px; overflow-y: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:0.938rem; 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:0.938rem; }
.cm_filter_popup .box_desc { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px 0;overflow:hidden; }
.cm_filter_popup .box_desc li { }

.cm_filter_popup .box_desc input { display:none; -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; }
.cm_filter_popup .box_desc input + label{ -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; height:35px; padding:0 !important; margin:0 !important; border:1px solid #ddd; border-radius:5px; color:#222; font-size:0.938rem; line-height:33px !important; text-align:center; box-sizing:border-box; overflow:hidden; }
.cm_filter_popup .box_desc input + label.wide { -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex: 0 1 100%; }
.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.num02 input + label:not(.wide) {  margin:0 10px 0 0 !important;}
.cm_filter_popup .box_desc.num02 input + label:not(.wide):nth-of-type(2n) { margin-right:0 !important;}
.cm_filter_popup .box_desc.num03 input + label{ margin-right:10px !important; }
.cm_filter_popup .box_desc.num03 input + label:last-of-type { margin-right:0 !important;}
.cm_filter_popup .box_desc.num04 input + label { margin-right:10px !important; }
.cm_filter_popup .box_desc.num04 input + label:last-of-type { margin-right:0 !important;}

.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:0.938rem; 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:0.688rem; 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; }
    */

/*랭킹 나오는 테이블*/
.cm_ranking_list { width:100%; border-top:2px solid #222; table-layout:fixed; }
.cm_ranking_list th { padding:10px 0; color:#777; font-size:0.688rem; 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 3px 8px; border-bottom:1px solid #ddd; color:#777; font-size:0.813rem; line-height:20px; text-align:center;  }
.cm_ranking_list tr td.non_date { height:80px; padding:0 15px !important; font-size:0.813rem; line-height:80px; }
.cm_ranking_list tr td small { font-size:0.813rem; 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; text-align:center; }
.cm_ranking_list .box_order .order { position:relative; text-align:center; }
.cm_ranking_list .box_order .order .top3 { display:inline-block; color:#222; line-height:20px; text-align:center; vertical-align:middle; }
.cm_ranking_list .box_order .order .top3.first { color:#ff7500; font-weight:700; }
.cm_ranking_list .box_success { padding:0 3px; }
.cm_ranking_list .box_score { padding-left:0; padding-right:13px; color:#222; text-align:right; }

.cm_ranking_list .box_challenger { padding:10px 3px; text-align:left; }
.cm_ranking_list .box_challenger .cm_smtxt { display:-webkit-box; 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 { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ddd; font-weight:600; line-height:28px; }
.cm_view_subscribe .cm_txt .badge { display:inline-block; float:right; height:24px; margin-top:2px; padding:0 10px; background-color:#ff7500; border-radius:12px; color:#fff; font-size:0.813rem; 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:0.688rem; line-height:20px; }
.cm_view_subscribe .box_price .value { position:absolute; right:0; bottom:0; width:50%; color:#ff7500; font-size:1.125rem; line-height:20px; text-align:right; }
.cm_view_subscribe .box_price .value small { display:block; color:#777; font-size:0.688rem; line-height:16px; }
.cm_view_subscribe .box_price .value .pre_price { display:inline-block; margin-right:6px; color:#222; font-size:0.688rem; text-decoration:line-through; }
.cm_view_subscribe .cm_btn_bg { display:block; width:100%; padding:8px; border-radius:8px; font-size:1.125rem; 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:0.813rem; 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:0.813rem; 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:0.813rem;}
.cm_view_subscribe .box_btn_desc .cm_txt { display:block; float:left; padding-bottom:0; margin-bottom:0; border:0;}

/*신고/차단*/
.cm_btn_block { position:absolute; top:15px; right:10px; z-index:10;}
.cm_btn_block .im { width:25px; height:25px; color:#999; font-size:80%; line-height:25px; text-align:center; }
.cm_btn_block .box_popup_btn { display:none; position:absolute; top:25px; right:0; width:100px; height:auto; border-radius:10px; border:1px solid #ddd; background:#fff; font-size:0.938rem; overflow:hidden; }
.cm_btn_block .box_popup_btn.on { display:block; }
.cm_btn_block .box_popup_btn a { display:block; height:30px; text-align:center; line-height:30px;}
.cm_btn_block .box_popup_btn button { display:block; width:100%; height:30px; background:#fff; text-align:center; line-height:30px; font-size:inherit; }
.cm_btn_block .box_popup_btn > * + * { border-top:1px solid #ededed; }


/*아코디언 리스트*/
.cm_accordion_list { border-top:1px solid #ededed; }
.cm_accordion_list.bor0 { border-top:0; }
.cm_accordion_list .cm_accordion_cont { position:relative; border-bottom:1px solid #ededed; }
.cm_accordion_list .cm_accordion_cont .box_tit { padding:15px 0; cursor:pointer; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record { position:relative; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record::after { display:block; content:''; clear:both; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record .cm_user_name { float:left; font-size:0.813rem; line-height:20px; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record .date { float:right; margin-right:35px; font-size:0.688rem; line-height:20px; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record .cm_badge { float:left; margin-right:5px; }
.cm_accordion_list .cm_accordion_cont .cm_btn_block { right:0; height:25px; }
.cm_accordion_list .cm_accordion_cont .cm_btn_block .box_popup_btn { top:0; right:25px; }
.cm_accordion_list .cm_accordion_cont .box_desc { display:none; padding:15px; border-radius:10px; background:#f8f8f8; }
.cm_accordion_list .cm_accordion_cont .box_desc.on { display:block; }
.cm_accordion_list .cm_accordion_cont.none { width:100%;  height:150px; padding:65px 0; border:0; border-radius:10px; background:#f8f8f8; color:#777; font-size:0.813rem; text-align:center; }

/*달력 > 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_view_cont { overflow:visible!important; }
.cm_view_cont .box_subject { padding:15px; background:#f4f5fa; }
.cm_view_cont .box_subject .cm_subtit { position:relative; padding-right:50px; margin:0; font-weight:700; }
.cm_view_cont .box_subject .cm_subtit .cm_btn_share { position:absolute; top:0; right:0; }
.cm_view_cont .box_subject.paid_detail_compact_subject { padding:12px 15px 14px; }
.cm_view_cont .box_subject.paid_detail_compact_subject .cm_subtit { line-height:1.35; }

.cm_view_cont .box_subject .box_mentor { overflow:hidden; }
.cm_view_cont .box_subject .box_mentor .cm_mentor_name { float:none; font-size:0.938rem; line-height:25px; }
.cm_view_cont .box_subject .box_mentor .box_btn { float:none; display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 10px; overflow:hidden; }
.cm_view_cont .box_subject .box_mentor .cm_btn_appraisal { float:left; padding:0 10px; border-radius:3px; border:1px solid #ddd; background:#fff; font-size:0.813rem; line-height:25px; color:#222; }
.cm_view_cont .box_subject .box_mentor .cm_btn_appraisal.non { border:0; background:#ededed; color:#999; opacity:1; } /*평가 대상 아닐때*/
.cm_view_cont .box_subject .box_mentor .cm_btn_appraisal.my { border:1px solid #ddd; background:#fff; color:#ff7500;  } /*내 평가 보기*/

.cm_view_cont .box_subject .box_mentor .cm_btn.line_gray { float:left; height:25px; padding:0 10px; border-radius:3px; background:#fff; font-size:0.813rem; line-height:23px; color:#222;  }
.cm_view_cont .box_subject .box_mentor .cm_btn.bg_or { float:left; height:25px; padding:0 10px; border-radius:3px; background:#ff7500; font-size:0.813rem; line-height:23px; color:#fff;  }
.cm_view_cont .box_subject .box_mentor .cm_btn .im { margin-right:5px; }
.cm_view_cont .box_subject .box_mentor .cm_btn_interest { display:inline-block; float:left; width:auto; border-radius:3px; }
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor { margin-top:6px; }
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .cm_mentor_name { line-height:21px; margin:0; }
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .box_btn.paid_detail_compact_actions { align-items:center; gap:0 6px; margin-top:4px; }
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .cm_btn_interest,
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .cm_btn.line_gray,
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .cm_btn_appraisal,
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .paid_detail_compact_action_btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:25px;
    padding:0 6px;
    font-size:0.75rem;
    line-height:23px;
    vertical-align:top;
}
.cm_view_cont .box_subject .box_mentor.paid_detail_compact_mentor .cm_btn_appraisal.non {
    padding:0 8px;
}

.cm_subscribe {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:10px 0; position:fixed; bottom:0; left:0; width:100%; height:auto; padding:0!important; z-index:10;}
.cm_subscribe .cm_btn_bg { display:block; position:absolute; bottom:0; left:0; width:100%; height:50px; color:#fff; font-size:0.938rem; line-height:50px; z-index:21;  }
.cm_subscribe .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:10px; overflow:hidden; }
.cm_subscribe .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; line-height:45px; text-align:center; }
.cm_subscribe .box_btn .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; font-weight:700; text-align:center; }
.cm_subscribe.subscribed { padding:15px !important; background:#ffefef; border-radius:10px 10px 0 0; }
.cm_subscribe.subscribed .box_btn .cm_btn { border-radius:5px; }

.cm_view_cont .cm_contents .box_tab { width:100%; position:sticky; left:0; top:0; border-top:0; border-bottom:0; background:#fff; overflow-x:auto; -ms-overflow-style: none;  }
/*
.cm_view_cont .cm_contents .box_tab.fixed { position:fixed; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  z-index:20; }
    */
.cm_view_cont .cm_contents .box_tab { border-top:0; border-bottom:1px solid #ddd; overflow-x:auto; -ms-overflow-style: none; }
.cm_view_cont .cm_contents .box_tab::-webkit-scrollbar { display: none; }
.cm_view_cont .cm_contents .box_tab .cm_tab { width:auto; margin:0; border-top:0; box-sizing:content-box; }
.cm_view_cont .cm_contents .box_tab .cm_tab.orginflex { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; overflow-x:auto;  }
.cm_view_cont .cm_contents .box_tab .cm_tab.orginflex::-webkit-scrollbar { display: none; }
.cm_view_cont .cm_contents .box_tab .cm_tab::before { display: none; }
.cm_view_cont .cm_contents .box_tab .cm_tab_menu { -webkit-flex:1 0 auto; flex: 1 0 auto; width:max-content; padding:0 20px; border-bottom:0; font-weight:500; white-space:nowrap; }
.cm_view_cont .cm_contents .box_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; font-weight:600; }
.cm_view_cont .cm_contents .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.cm_view_cont .cm_contents .box_tab .cm_tab.addflex .cm_tab_menu{ -webkit-flex:1 0 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 0 auto; padding:0; }
.cm_view_cont .cm_contents .box_tab .cm_tab .cm_tab_menu span { font-size:85%; }

.cm_view_cont .cm_contents .box_view { position:relative; width:100%; padding:0 15px 30px 15px !important; z-index:0; }
.cm_view_cont .cm_contents .box_view .box_view { padding:0 !important; }
.cm_view_cont .cm_contents .box_view > * { width:100%; }
.cm_view_cont .cm_contents .box_view .box_cont { position:relative; width:100%; height:max-content; }
.cm_view_cont .cm_contents .box_view .box_cont > img { display:block; max-width:100%; }
.cm_view_cont .cm_contents .box_view .box_cont h3.cm_subtit { font-weight:700; }
.cm_view_cont .cm_contents .box_view .cm_subtit .btn_apply { position:absolute; top:0; right:0; width:auto; height:25px; padding:0 10px; font-size:0.813rem; font-weight:500; line-height:23px; text-align:center; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view { padding:15px 0 30px 0 !important; border:0 !important; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .box_cont { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_subtit { position:relative; font-size:1.125rem; line-height:26px; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_subtit .btn_apply { right:0; top:50%; transform:translateY(-50%); }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_accordion_list { margin-top:15px !important; border-top:0; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_accordion_list .cm_accordion_cont .box_tit { padding:14px 0; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_accordion_list .cm_accordion_cont .box_tit .cm_smtxt { font-size:0.938rem; line-height:1.45; }
.cm_view_cont .cm_contents .box_view.paid_report_review_view .cm_accordion_list .cm_accordion_cont .cm_btn_block { top:12px; right:0; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view { display:block !important; padding:15px 15px 30px 15px !important; border:0 !important; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .box_cont2.box_report { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_notice { line-height:22px; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_select { width:180px; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_list { border-top:1px solid #ededed; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_list .paid_report_board_item { padding:16px 0; border-bottom:1px solid #ededed; background:#fff; cursor:pointer; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_meta { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_badges { display:flex; flex-wrap:wrap; gap:6px; align-items:center; min-width:0; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_badge { display:inline-flex; align-items:center; justify-content:center; min-width:0; height:22px; padding:0 8px; border:1px solid #2e2e72; border-radius:3px; background:#fff; color:#2e2e72; font-size:0.688rem; font-weight:500; line-height:20px; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_badge.notice { border-color:#f24147; background:#f24147; color:#fff; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_badge.free { border-color:#ff5a5a; background:#fff; color:#ff5a5a; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_date { flex:0 0 auto; white-space:nowrap; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_title { color:#222; line-height:22px; word-break:keep-all; }
.cm_view_cont .cm_contents .box_view.paid_report_board_view .paid_report_board_search { margin-top:30px; }
.cm_view_cont .cm_contents .box_view.paid_report_qna_view { padding:15px 0 30px 0 !important; border:0 !important; }
.cm_view_cont .cm_contents .box_view.paid_report_qna_view .box_cont { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_report_qna_view .cm_subtit { font-size:1.125rem; line-height:26px; }
.cm_view_cont .cm_contents .box_view.paid_report_qna_view .cm_reply_wrap .cm_reply_write { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_report_qna_view .cm_reply_wrap .cm_reply_list { margin-top:30px; }
.cm_view_cont .cm_contents .box_view.paid_common_board_view .box_cont,
.cm_view_cont .cm_contents .box_view.paid_common_qna_view .box_cont,
.cm_view_cont .cm_contents .box_view.paid_common_review_view .box_cont { margin-top:0; }
.cm_view_cont .cm_contents .box_view .paid_section_header { display:flex; justify-content:flex-end; margin:0 0 15px; }
.cm_view_cont .cm_contents .box_view .paid_section_header .btn_apply { position:static; width:auto; height:25px; padding:0 10px; font-size:0.813rem; font-weight:500; line-height:23px; text-align:center; }
.cm_view_cont .cm_contents .box_view .paid_board_locked { padding:22px 15px; border:1px solid #ededed; border-radius:10px; background:#f8f8f8; color:#777; font-size:0.938rem; line-height:22px; text-align:center; }
.cm_view_cont .cm_contents .box_view.paid_common_board_view .list_wrap.flex_column { margin-top:0; border-top:1px solid #ededed; }
.cm_view_cont .cm_contents .box_view.paid_common_board_view .list_wrap.flex_column .list_cont { padding:14px 0; }
.cm_view_cont .cm_contents .box_view.paid_common_board_view .list_wrap.flex_column .list_none { padding:24px 15px; border:1px solid #ededed; border-radius:10px; background:#f8f8f8; color:#777; text-align:center; }
.cm_view_cont .cm_contents .box_view.paid_common_qna_view .box_cont.box_qna { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_common_qna_view .cm_reply_wrap .cm_reply_write { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_common_qna_view .cm_reply_wrap .cm_reply_list { margin-top:20px; }
.cm_view_cont .cm_contents .box_view.paid_common_review_view .cm_subtit { position:relative; font-size:1.125rem; line-height:26px; }
.cm_view_cont .cm_contents .box_view.paid_common_review_view .cm_subtit .btn_apply { right:0; top:50%; transform:translateY(-50%); }
.cm_view_cont .cm_contents .box_view.paid_common_review_view .cm_accordion_list { margin-top:15px !important; border-top:0; }
.cm_view_cont .cm_contents .box_view.paid_common_review_view .cm_accordion_list .cm_accordion_cont .box_tit { padding:14px 0; }
.cm_view_cont .cm_contents .box_view.paid_common_review_view .cm_accordion_list .cm_accordion_cont .cm_btn_block { top:12px; right:0; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view { padding:15px 0 30px !important; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .box_cont { margin-top:0; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_subtit { font-size:1.125rem; line-height:26px; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_subtit .btn_apply { right:0; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_accordion_list { margin-top:15px !important; border-top:1px solid #ededed; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_accordion_list .cm_accordion_cont .box_tit { padding:14px 0; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_accordion_list .cm_accordion_cont .box_tit .cm_smtxt { font-size:0.938rem; line-height:1.45; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_accordion_list .cm_accordion_cont .box_tit .cm_xsmtxt { line-height:1.45; }
.cm_view_cont .cm_contents .box_view.paid_lecture_review_view .cm_accordion_list .cm_accordion_cont .cm_btn_block { top:12px; right:0; }

.cm_view_cont .cm_contents .box_view .bn_review { display:block; width:100%; border-radius:10px; overflow:hidden; border:1px solid #ededed; }
.cm_view_cont .cm_contents .box_view .bn_review img { display:block; width:100% !important; }

/*초기화*/
.cm_view_cont .cm_contents .box_view .box_cont .box_detail { background:#fff; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail * { font-size:initial; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail div { width:auto !important; max-width:100% !important; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail img { display:block; width:100%; height:auto; margin:10px auto; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail p img { width:100%!important; min-width:100%!important; max-width:100%!important; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail > table tr td { text-align:inherit;  }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail * { margin:unset; padding:unset; font:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .title { all:unset; } 

.cm_view_cont .cm_contents .box_view .box_cont .box_detail img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail ol { display:block; list-style:initial; list-style-type:decimal; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_view_cont .cm_contents .box_view .box_cont .box_detail ul { display:block; list-style:initial; list-style-type:disc; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:40px; } 
.cm_view_cont .cm_contents .box_view .box_cont .box_detail li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail p {  display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h1 { display:block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h2 { display: block; font-size:2em; margin-block-start:0.67em; margin-block-end:0.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h3 { display: block; font-size:1.17em; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; } 
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h4 { display: block;  font-size:1em; margin-block-start:1.33em; margin-block-end:1.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h5 { display: block; font-size:0.83em; margin-block-start:1.67em; margin-block-end:1.67em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail h6 { display: block; font-size:0.67em; margin-block-start: 2.33em; margin-block-end:2.33em; margin-inline-start:0px; margin-inline-end:0px; font-weight:bold; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail table { display:block; max-width:100%; overflow-x:scroll; margin:26px 0 20px; border-collapse:collapse; box-sizing:border-box; text-indent:initial; border-spacing:0; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table tbody tr td { display: table-cell; padding:0.4rem; text-align:initial; vertical-align:inherit; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail hr { display:block; unicode-bidi:isolate; margin-block-start:0.5em; margin-block-end:0.5em; margin-inline-start:auto; margin-inline-end:auto; overflow:hidden; border-color:#ccc; border-style:solid; border-width:1px 0 0 0 }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail blockquote { display:inline-block; border-left: 2px solid #ccc; margin-left: 1rem; padding-left: 1rem; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 10px; margin-inline-end: 40px; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail a { max-width:100px; color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail a:link { text-decoration:underline; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail a:active { text-decoration:underline; outline: initial; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail a:hover { text-decoration:underline; outline:initial;}
.cm_view_cont .cm_contents .box_view .box_cont .box_detail *:focus {outline:initial;}
.cm_view_cont .cm_contents .box_view .box_cont .box_detail em { font-style:italic; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail strong { font-weight:bold !important; }

.cm_view_cont .cm_contents .box_view .box_cont .box_detail .en-code { font-family:monospace; box-sizing:border-box; padding:8px !important; font-family:Monaco,Menlo,Consolas,Courier New,monospace; font-size:0.813rem !important; color:#333; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#fbfaf8; border:1px solid rgba(0,0,0,.14902); background-position:initial initial; background-repeat:initial initial; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .container { display: block; position:relative; max-width:100%; margin:26px 0 20px; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .container table { display:table;  border-collapse:initial; border-spacing:0; table-layout:fixed; border:none; max-width:none; }
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .container table td { border:1px solid #ccc; min-width:31px; margin:0; padding:8px; box-sizing:initial; background-color:rgb(234,234,234); table-layout:fixed;  }

.cm_view_cont .cm_contents .box_view { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px 0;}
.cm_view_cont .cm_contents .box_view .box_cont { margin-top:20px; }
.cm_view_cont .cm_contents .box_view .box_cont .box_flex { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:30px 0; }
.cm_view_cont .cm_contents .box_view .box_cont .box_flex  > div { display:block; position:relative; width:100%; }

.cm_view_cont .cm_contents .box_view .box_cont.box_addinfo + .box_cont.box_addinfo { margin-top:0; }
.cm_view_cont .cm_contents .box_view .box_cont:not(.box_addinfo) + .box_cont.box_addinfo { margin-top:20px; }
.cm_view_cont .cm_contents .box_view .box_cont.box_addinfo:first-child { margin-top:20px; }

/* S: 업무번호:12833 말머리 탭 생성 */
.cm_sub_tab.round_style { display:block; width:100%; height:25px; border:0; background:unset; }
.cm_sub_tab.round_style:before{ display:none; }
.cm_sub_tab.round_style .cm_tab_menu { display:inline-block; width:auto; height:25px; padding:0 12px; border:0; border-radius:13px; background-color:#ededed; color:#222; font-size:0.813rem; line-height:25px; }
.cm_sub_tab.round_style .cm_tab_menu + .cm_tab_menu { margin-left:8px; }
.cm_sub_tab.round_style .cm_tab_menu:before { display:none; }
.cm_sub_tab.round_style .cm_tab_menu.on {  background-color:#222; color:#fff; font-weight:500; }

.cm_view_cont .cm_contents .box_view .cm_header_wrap { position:sticky; top:40px; background:#fff; z-index:100; padding:20px 0 0; overflow: hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style:none;}
.cm_view_cont .cm_contents .box_view .cm_header_wrap::-webkit-scrollbar { display:none; }
.cm_view_cont .cm_contents .box_view .cm_header_wrap .cm_sub_tab { display:-webkit-box; display:-ms-flexbox; display:inline-flex; margin:0 auto; justify-content:left; white-space:nowrap; }
.cm_view_cont .cm_contents .box_view .cm_header_wrap .cm_sub_tab .cm_tab_menu { display:inline-flex; -webkit-flex:0 1 1; -ms-flex:0 1 1; flex: 0 1 1; width:auto; height:25px; padding:0 10px; line-height:25px; white-space:nowrap; }
/* E: 업무번호:12833 말머리 탭 생성 */

.cm_view_cont .cm_contents .cm_attached_wrap { width:100%; height:auto; padding-inline-start:0 !important; padding:15px !important;  margin-block-start:0 !important; margin-block-end:20px !important; margin-inline-start:0 !important;  margin-inline-end:0 !important;  border:1px solid #ededed !important; border-radius:10px !important; background:#fff; list-style:unset!important; list-style-type:none!important; }
.cm_view_cont .cm_contents .cm_attached_wrap li {  }
.cm_view_cont .cm_contents .cm_attached_wrap li + li { margin-top:10px; }
.cm_view_cont .cm_contents .cm_attached_wrap li a { display:block; position:relative; height:22px; padding-right:24px; color:#777; font-size:0.938rem; line-height:22px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_view_cont .cm_contents .cm_attached_wrap li a .cm_badge { margin-right:10px; vertical-align:text-bottom; }
.cm_view_cont .cm_contents .cm_attached_wrap li a .ic { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/images/sub/ic-download.png') no-repeat; background-size:contain; }

.cm_view_cont .cm_contents .box_view .box_iteminfo { position:relative; padding:15px; border-radius:10px; background:#ffefef; }
.cm_view_cont .cm_contents .box_view .box_iteminfo .cm_smtxt { height: 40px; padding:0 15px; border-radius: 5px; align-items: center; letter-spacing: -0.25px; display: flex; justify-content: space-between; }

.cm_view_cont .cm_contents .box_view .box_addinfo { position:relative; padding:15px; border-radius:10px; background:#f8f8f8; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_txt { display:inline-block; }
.cm_view_cont .cm_contents .box_view .box_addinfo .box_wrap { position:relative; overflow:hidden; }
.cm_view_cont .cm_contents .box_view .box_addinfo .ic_badge { display:inline-block; height:20px; padding:0 8px; margin-right:15px; border-radius:3px; background:#e8373d; color:#fff; font-size:70%; line-height:20px; vertical-align:middle; }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_apply { float:right; width:auto; height:35px; padding:0 10px; border-radius:5px; font-size:0.813rem; font-weight:bold; line-height:35px; text-align:center; }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_apply.disable { background:#fff; border:0; color:#222; font-weight:400; cursor:default; }

.cm_view_cont .cm_contents .box_view .box_addinfo .btn_arrow { position:absolute; top:10px; right:10px; width:30px; height:30px; transition:ease all 0.3s }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_arrow .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin:0; font-size:80%; }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_arrow.on { transform:rotate(180deg); }

.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic { padding-right:45px; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic .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; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic .icon.live { background-position-x:0; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic .icon.youtube { background-position-x:-100px; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic .btn_apply { float:none; display:block; width:calc(100% + 30px);  }

.cm_view_cont .cm_contents .box_view .box_addinfo .btn_down { float:right; width:auto; height:25px; padding:0 10px; font-size:80%; font-weight:400; line-height:25px; text-align:center; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap { display:none; padding:0!important; margin-block-start:15px !important; margin-block-end:5px !important; border:0!important; border-radius:0 !important; background-color:transparent; overflow:hidden !important; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap.on { display:block; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap li {  padding:10px 15px !important;  border-radius:10px; background:#fff; }

.cm_view_cont .box_youtube_list .list_wrap { }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01 { width:calc(50% - 5px); }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01 .cm_thumb_wrap { padding-top:52.25%; height:auto; }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01 .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; }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01:nth-child(1) { margin-top:0;  }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01:nth-child(2) { margin-top:0;  }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01:nth-child(2n) { margin-right:0;  }
.cm_view_cont .box_youtube_list .list_wrap .list_cont.vertical01 .box_desc { display:-webkit-box; max-height:66px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden;  }

.cm_view_cont .cm_contents .cm_form_wrap.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap;  margin:30px auto 0;  gap:0 10px; }
.cm_view_cont .cm_contents .cm_form_wrap.bottom .cm_select { -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex: 0 0 100px; width:100px; }
.cm_view_cont .cm_contents .cm_form_wrap.bottom .cm_input { -webkit-flex:1 1 calc(100% - 180px); -ms-flex:1 1 calc(100% - 180px); flex: 1 1 calc(100% - 180px); width:calc(100% - 180px); }
.cm_view_cont .cm_contents .cm_form_wrap.bottom .cm_btn {  -webkit-flex:0 0 60px; -ms-flex:0 0 60px; flex: 0 0 60px; width:60px; border-radius:5px; text-align:center; line-height:40px; }

.cm_view_cont .box_board .box_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:10px; justify-content:space-between; overflow:hidden; }
.cm_view_cont .box_board .box_btn.bottom .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; border-radius:5px; text-align:center; }
.cm_view_cont .box_board .box_btn.bottom .cm_btn.btn_list { flex:unset; float:right; width:auto; height:30px; padding:0 15px; margin-left:auto; border-radius:0; font-size:0.813rem; line-height:30px; } 

.cm_view_cont .cm_contents .cm_reply_wrap { border:0; }
.cm_view_cont .cm_contents .cm_reply_wrap .cm_reply_write { width:100%; height:auto; padding:0; border:0; overflow:hidden; }
.cm_view_cont .cm_contents .cm_reply_wrap .cm_reply_write textarea { display:block; float:none; width:100%; min-height:126px; padding:15px; border:1px solid #ddd; color:#222; font-size:0.813rem; line-height:20px; }
.cm_view_cont .cm_contents .cm_reply_wrap .cm_reply_write textarea::placeholder { color:#999; }
.cm_view_cont .cm_contents .cm_reply_wrap .cm_reply_write .cm_btn_bg { display:block; float:none; width:100%; height:40px; margin:15px 0 0; border:1px solid #222 !important; border-radius:10px; background:#fff !important; color:#222; font-weight:700; font-size:0.938rem; line-height:40px; }

.cm_view_cont .cm_contents .cm_reply_list { border:0; border-top:1px solid #ededed; margin-top:30px; }
.cm_view_cont .cm_contents .cm_reply_list .reply_cont { border-color:#ededed; }
.cm_view_cont .cm_contents .cm_reply_list .reply_cont .cm_btn_block { top:12px; right:0; }

.cm_view_cont .cm_contents .cm_reply_wrap .box_reply_btn { margin-top:10px; border:0; background-color:transparent; text-align:right;}
.cm_view_cont .cm_contents .cm_reply_wrap .box_reply_btn li { display:inline-block; float:none; width:auto; height:25px; padding:0 10px; margin-left:10px; border:0; border-radius:5px; background:#ededed; color:#777; font-size:0.813rem; line-height:25px; }

.cm_view_cont .cm_contents .cm_reply_list .reply_cont.change { height:auto;  overflow:hidden; }
.cm_view_cont .cm_contents .cm_reply_list .reply_cont.reply { height:auto;  overflow:hidden; }

.cm_view_cont .cm_contents .cm_reply_list .reply_cont textarea { display:block; float:none; width:100%; height:126px; margin-bottom:10px; color:#222; background:#fff; }
.cm_view_cont .cm_contents .cm_reply_list .reply_cont textarea::placeholder { color:#999; }
.cm_view_cont .cm_contents .cm_reply_list .reply_cont .cm_btn_bg { display:block; float:right; width:auto; height:25px; padding:0 10px;  height:25px !important; border-radius:5px; background:#ededed; color:#777; font-size:0.813rem; line-height:25px; }

.cm_view_cont .cm_contents .cm_reply_list .reply_cont .cm_btn_block .box_popup_btn{ top:0 !important; right:25px !important; }

.cm_view_cont .cm_contents .box_view .btn_more { display:block; width:100%; height:auto; padding:5px 10px; border-radius:10px; background:#f4f5fa; color:#2e2e72; font-size:0.813rem; line-height:20px; text-align:center; }


/*메인 플로팅 버튼*/
.cm_float_btn { position:fixed; bottom:130px; right:15px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px 0; width:75px; height:auto; z-index:9998; }
.cm_float_btn .float_btn { display:block; position:relative; width:75px; height:75px; border-radius:50%; text-align:center; box-shadow: 2.9px 4.1px 5px 0 rgba(0, 0, 0, 0.1); cursor:pointer; overflow:hidden; }
.cm_float_btn .float_btn a { display:block; width:100%; height:100%; }
.cm_float_btn .float_btn img { display:block; max-width:100%; }

/* 만족도 평가 */
.cm_satisfaction_list { display:-webkit-box; display:-ms-flexbox; display:flex; gap:8px; justify-content:center; }
.cm_satisfaction_item { flex:1 1 0; padding:10px 0; text-align:center; border-radius:8px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:0.813rem; font-weight:400; color:#555; }
.cm_satisfaction_item.on { border:2px solid #f26722; background:#fff5f0; font-weight:700; color:#f26722; }
.cm_textarea { width:100%; height:80px; padding:10px; border:1px solid #ddd; border-radius:5px; font-size:0.813rem; resize:none; box-sizing:border-box; }

/* 리포트 본문 표/상세 영역: 가로 스크롤바를 iOS 포함 모바일에서 항상 보이게.
   - -webkit-overflow-scrolling:touch 를 제거해야 iOS 가 오버레이(자동숨김) 대신
     persistent 스크롤바를 그림. 터치 없이도 보임.
   - ::-webkit-scrollbar 에 명시적 background 를 줘야 iOS 가 커스텀 스타일을 존중
     (-webkit-appearance:none 만으로는 부족).
   - 우측 그라데이션 음영(background-image on table)은 "오른쪽에 내용 더 있음"
     을 시각적으로 알리는 보조 장치. background-attachment:local 덕에 끝까지
     스크롤하면 음영이 사라져 UX 친화적. */
.cm_board_view .board_desc table,
.cm_table_wrap.table_view td.box_detail table,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.45) rgba(0,0,0,0.08);
  background-image: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0.12) 100%);
  background-size: 28px 100%;
  background-position: right center;
  background-repeat: no-repeat;
  background-attachment: local;
}
.cm_board_view .board_desc table::-webkit-scrollbar,
.cm_table_wrap.table_view td.box_detail table::-webkit-scrollbar,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table::-webkit-scrollbar {
  -webkit-appearance: none;
  display: block;
  height: 8px;
  background: rgba(0,0,0,0.08);
}
.cm_board_view .board_desc table::-webkit-scrollbar-track,
.cm_table_wrap.table_view td.box_detail table::-webkit-scrollbar-track,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.08);
  border-radius: 4px;
}
.cm_board_view .board_desc table::-webkit-scrollbar-thumb,
.cm_table_wrap.table_view td.box_detail table::-webkit-scrollbar-thumb,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail table::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.45);
  border-radius: 4px;
  min-width: 30px;
}

/* JS 로 주입되는 커스텀 가로 스크롤바 (TableScrollIndicatorInit).
   Safari 안정성을 위해 -webkit-overflow-scrolling:touch 유지. thumb 실시간
   추적은 JS 쪽 touch rAF 폴링으로 보완. !important 남발 지양 — 자연스러운
   CSS 우선순위로 동작하도록. */
.table-scroll-wrap {
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin: 26px 0 20px;
  padding-bottom: 10px; /* 트랙 자리 확보 */
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
/* 부모 `.cm_board_view .board_desc *` 의 padding unset 규칙(specificity 0,2,0) 을
   넘기 위해 .table-scroll-wrap 자기 자신을 두 번 쓰거나 :where 가 아닌 구체
   선택자를 둔다. 아래는 부모 선택자 포함 버전. */
.cm_board_view .board_desc .table-scroll-wrap,
.cm_table_wrap.table_view .box_detail .table-scroll-wrap,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .table-scroll-wrap {
  padding-bottom: 10px;
  margin: 26px 0 20px;
}
.table-scroll-wrap > table,
.table-scroll-wrap > table.table-scroll-inner {
  display: table;
  overflow: visible;
  max-width: none;
  margin: 0;
  background-image: none;
}
/* 부모 `.cm_board_view .board_desc table` 일반 규칙(display:block/overflow-x:scroll)
   이 래퍼 안 테이블에는 적용되지 않도록 덮어쓴다. */
.cm_board_view .board_desc .table-scroll-wrap > table,
.cm_table_wrap.table_view .box_detail .table-scroll-wrap > table,
.cm_view_cont .cm_contents .box_view .box_cont .box_detail .table-scroll-wrap > table {
  display: table;
  overflow: visible;
  max-width: none;
  margin: 0;
  background-image: none;
}
/* 래퍼의 네이티브 스크롤바는 숨김 — 우리가 그린 것만 보이도록 */
.table-scroll-wrap::-webkit-scrollbar { height: 0; display: none; -webkit-appearance: none; }
.table-scroll-wrap { scrollbar-width: none; }
/* SmartEditor 표(.se-table-container) 가로 스크롤 활성화.
   SE 가 컨테이너/섹션/테이블 모두에 inline `width:680px` 를 박아둬서
   모바일 viewport(360~414px)에서 컨테이너 자체가 넘치고 컨테이너 내부엔
   overflow 가 안 생긴다. 컨테이너와 섹션의 너비를 100% 로 풀어 viewport
   안으로 끌어들이면 안의 table(여전히 680px)이 컨테이너를 overflow → 컨테이너의
   overflow:auto 가 발동해 실제 가로 스크롤러가 됨. inline style 을 이기기 위해
   !important 필요. 데스크톱은 .se-component-content 가 max-width:680px 를
   잡고 있어 동일 너비 유지(정렬 영향 없음). */
.se-table-container,
.se-section.se-section-table {
  width: 100% !important;
  max-width: 100% !important;
}
.se-table-container { padding-bottom: 10px; }
.se-table-container::-webkit-scrollbar { height: 0; display: none; -webkit-appearance: none; }
.se-table-container { scrollbar-width: none; }
/* 컨테이너를 100% 로 풀면 글로벌 `table { width:100% }` 영향으로 안쪽 table 도
   100% 로 줄어들어 th/td 가 좁아지고 overflow 가 사라짐. 자연 콘텐츠 너비를
   유지하도록 max-content 로 강제. */
.se-table-container > table,
.se-table-container table.se-table-content {
  width: max-content !important;
  max-width: none !important;
  min-width: 100%;
}
/* SE 가 cell 에 inline `max-width:0px; width:137.984px` 같이 박아둬서 셀이
   콘텐츠 너비를 못 가짐 → table 도 좁게 렌더 → overflow 0. cell 의
   max-width 제약을 해제하고 inline width 도 auto 로 풀어 콘텐츠 자연 너비
   확보. */
.se-table-container td.se-cell,
.se-table-container th.se-cell {
  max-width: none !important;
  width: auto !important;
}
/* iOS 네이티브 오버레이 스크롤바 룩 — 트랙은 투명하게, 얇은 반투명 썸만 노출 */
.table-scroll-track {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 2px;
  height: 3px;
  background: transparent;
  border-radius: 2px;
  pointer-events: none;
}
.table-scroll-thumb {
  position: absolute;
  top: 0;
  height: 100%;
  background: rgba(0,0,0,0.38);
  border-radius: 2px;
  min-width: 24px;
}