@charset "UTF-8";
/*
    [����] �ɾ� ��Ź ���� ��Ÿ�� CSS
    [������] 2020-02-03
    [����] �ɾ� ��Ź�� ���Ǵ� ���� ��Ÿ��
           (�Ӽ� �ʱ�ȭ, GNB, LNB, Ǫ��, ��, ��Ʈ, ��ư, ������, �÷�, form ��Ÿ�� ���)
    [���] CSS �ۼ��� �ɾ� �������� ���ο� �����ϰ� �ִ� CSS �ۼ� ��Ģ�� �ؼ��Ͽ� �ۼ��� ��.
*/
/* ����Ʈ*/
@font-face { font-family: 'BMJUA'; font-style: normal; font-weight:normal; src: url('font/BMJUA.woff2') format('woff2'), url('font/BMJUA.woff') format('woff'), url('font/BMJUA.otf') format('opentype');}
@font-face { font-family: 'BMDOHYEON'; font-style: normal; font-weight: normal; src: url('font/BMDOHYEON.woff2') format('woff2'), url('font/BMDOHYEON.woff') format('woff');}
/**/
@font-face { font-family: 'scdream'; font-style:normal; font-weight:400; 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');}
:root {
    --finup-font-family-base: var(--font-noto-sans-kr), 'Apple SD Gothic Neo', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif;
}


/*�Ӽ� �ʱ�ȭ*/
* { margin: 0px; padding: 0px; letter-spacing:-0.65px; box-sizing:border-box; font-family:inherit; }
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, body, button, input, textarea, select { font-family:var(--finup-font-family-base); }
html { overflow-y:scroll; color: #222; font-weight:400; font-size:16px; }
body { min-width:1200px; -webkit-text-size-adjust: none; font-size:100% !important; word-wrap:break-word; word-break:break-all; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0; }
img { border-style: none; -ms-interpolation-mode:bicubic; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
fieldset {border:0;}
table, th, td { border: 0px; border-collapse: collapse; border-spacing:0; }
ol, ul, ul li, ol li { list-style-type: none; list-style:none; }
input{ outline:0; }
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; -webkit-border-radius:0; }
input::-webkit-input-placeholder { color:#999; }
input:-ms-input-placeholder { color:#999; }

textarea {-webkit-appearance:none; -webkit-border-radius:0; }
textarea::-webkit-input-placeholder { color:#999; }
textarea:-ms-input-placeholder { color:#999; }

button { background:inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; outline:0; -webkit-appearance:none; -webkit-border-radius:0; }
button:focus, button:active span { position:relative; }

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

select { -webkit-appearance:none; -webkit-border-radius:0; }
::selection, select:focus::-ms-value { background-color:transparent; color:#999; }
option:checked {background-color:transparent; color: #222;}
option:checked:hover, select:focus option:checked:hover { background-color: transparent; color: #222; }
textarea {resize:none; background:none; -webkit-border-radius:1px; -webkit-appearance:none; }
b, i { color:inherit; font-weight:700; }
em, i, address {font-style:normal; font-weight:normal;}
strong { color:inherit; font-weight:inherit; }
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 { outline: 0; color:inherit; cursor:pointer; }
*:focus {outline:0;}
*:visited {outline:0;}
*:active {outline:0;}
*:hover {outline:0;}


/* �ؽ�Ʈ ��Ÿ��*/
.cm_tit_48 { font-weight:700; font-size:48px; line-height:68px; }
.cm_tit_35 { font-weight:700; font-size:35px; line-height:50px; }
.cm_tit { font-weight:700; font-size:25px; line-height:36px; }
.cm_subtit { font-weight:400; font-size:18px; line-height:26px; }
.cm_txt { font-weight:400; font-size:15px; line-height:22px; }
.cm_smtxt { font-weight:400; font-size:13px; line-height:20px; }
.cm_xsmtxt { font-weight:400; font-size:11px; line-height:16px; }


/*�ణ*/
.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_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; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt80 { margin-top:80px !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; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb90 { margin-bottom:90px !important; }

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

.mr20 { margin-right:20px !important; }

/*�е�*/
.pt0 { padding-top:0 !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt50 { padding-top:50px !important; }

.pl0 { padding-left:0 !important;}
.pl5 { padding-left:5px !important;}
.pl10 { padding-left:10px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}

.pr0 { padding-right:0 !important;}
.pr5 { padding-right:5px !important;}
.pr10 { padding-right:10px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !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 !important; }
.cm_bg_bl { background:#373fe8 !important; }
.cm_bg_or, .cm_bg_stock { background:#ff7500 !important; }
.cm_bg_navy, .cm_bg_finup { background:#2e2e72 !important; }
.cm_bg_lor { background:#ffdcbf !important; }
.cm_bg_lred{ background:#ffefef !important; }
.cm_bg_lbl{ background:#ebf1f7 !important; }

.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:#b71e4e; }
.cm_bg_starter { background:#22a5df; }
.cm_bg_funding { background:#00856e; }
.cm_bg_lgrn { background:#029e6e; }
.cm_bg_ts { background:#e8343f; vertical-align }


/*�׸��� ���*/
.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 { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:relative; width:100%; max-width:1200px; 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:56px; background:#fff; z-index:2; }
.cm_tab .cm_tab_menu { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex:1 1 0; float:left; position:relative; height:50px; border-bottom:1px solid #ddd; color:#999; font-size:15px; line-height:48px; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; color:#222; font-weight:700; line-height:47px; 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:16px; background:#ddd; }
.cm_tab .cm_tab_menu:last-child:before { display:none; }
.cm_tab .cm_tab_menu a { display:block; width:100%; height:100%; cursor:pointer; }
.cm_tab .cm_tab_menu .ic_new { display:inline-block; position:relative; width:16px; height:16px; margin:-2px 0 0 3px; border-radius:50%; background:#ff7500; color:#fff; vertical-align:middle; }
.cm_tab .cm_tab_menu .ic_new:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('/images/common/ic-new.png'); background-repeat:no-repeat;}
.cm_tab .cm_tab_menu .ic_badge { display:inline-block; position:relative; width:auto; height:20px; margin: -2px 0 0 5px; padding:0 8px; border-radius:10px; background:#ff7500; color:#fff; font-size:13px; font-weight:normal; line-height:21px; text-align:center; vertical-align:middle; overflow:hidden; }
.cm_tab .cm_tab_menu .num { margin-left:3px; font-size:15px; font-weight:400; }

.cm_tab .cm_tab_menu .ic { display:inline-block; width:40px; height:40px; margin-top:-3px; margin-right:10px; vertical-align:middle; background:url('/images/sub/ic_tab.png') no-repeat; }
.cm_tab .cm_tab_menu .ic.pro { background-position:0 0; }
.cm_tab .cm_tab_menu .ic.ama { background-position:-40px 0; }
.cm_tab .cm_tab_menu .ic.luk { background-position:-80px 0; }


/*�� ������ ������
.cm_tab.num01 li { width:100%; }
.cm_tab.num02 li { width:50%; }
.cm_tab.num03 li { width:400px; }
.cm_tab.num04 li { width:25%; }
.cm_tab.num05 li { width:20%;}
.cm_tab.num06 li { width:200px; font-size:18px !important; }
    */

/*�� ��氭�� ������*/
.cm_tab.bg_style { display:block; 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:58px; }
.cm_tab.bg_style .cm_tab_menu.on:before { display:none; }

/*�� ���� ������*/
.cm_tab.round_style { display:block; width:100%; height:auto; border:0; background:unset; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { flex:none !important; display:inline-block; width:auto; height:35px; padding:0 20px; border:0; border-radius:18px; background-color:#ededed; color:#222; font-size:15px; line-height:35px; }
.cm_tab.round_style .cm_tab_menu + .cm_tab_menu { margin-left:10px; color:#222; }
.cm_tab.round_style .cm_tab_menu:hover {  background-color:#222; color:#fff; }
.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:400; }

/*�� �ؽ�Ʈ ������*/
.cm_tab.text_style { display:block; width:auto; height:22px; background:transparent; border:0; }
.cm_tab.text_style:before { display:none; }
.cm_tab.text_style .cm_tab_menu { float:left; flex:none !important; height:auto; margin-right:30px; border:0; color:#777; font-weight:400; font-size:15px; line-height:22px; text-align:left; cursor:pointer; }
.cm_tab.text_style .cm_tab_menu.on { border:0; color:#222; font-weight:700; line-height:22px; }
.cm_tab.text_style .cm_tab_menu:before { height:10px; right:-15px; }
.cm_tab.text_style .cm_tab_menu:last-child { margin-right:0; }


/*����*/
.cm_badge { display:inline-block; width:auto; padding:0 10px; height:20px; border-radius:3px; font-weight:400; font-size:13px; line-height:20px; 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.bg_or { background:#ff7500; color:#fff; }

.cm_badge.line_bk { line-height:18px; border:1px solid #222; color:#222; }
.cm_badge.line_red { line-height:18px; border:1px solid #e8373d; color:#e8373d; }
.cm_badge.line_navy { line-height:18px; border:1px solid #2E2E72; color:#2E2E72; }
.cm_badge.line_gray { line-height:18px; border:1px solid #ddd; color:#222; }
.cm_badge.line_or { line-height:18px; 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:40px; padding:0 !important; border:1px solid #fba62d; color:#fba62d; line-height:18px;}
.cm_badge.level_step2 { width:40px; padding:0 !important; border:1px solid #f47425; color:#f47425; line-height:18px;}
.cm_badge.level_step3 { width:40px; padding:0 !important; border:1px solid #950082; color:#950082; line-height:18px;}
.cm_badge.level_step4 { width:40px; padding:0 !important; border:1px solid #2e2e72; color:#2e2e72; line-height:18px;}
.cm_badge.broadcast { position:relative; width:auto; background:transparent; color:#e8373d; font-size:15px; line-height:25px; text-align:right; }
.cm_badge.broadcast::before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:7px; height:7px; border-radius:50%; background:#e8373d; }
.cm_badge.free{ background:#e8373d; padding:0 10px; color:#fff; }
.cm_badge.gray_or{ padding:0 5px; background:#ededed; color:#e8373d; font-weight:normal; font-size:15px; line-height:28px;}
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:18px; }
.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; color:#777; font-weight:400; font-size:13px; line-height:23px; }
.cm_badge.gray {  background:#ddd; color:#222; }


/*�����*/
.cm_thumb_wrap { display:block; position:relative; background:#fff; border-radius:10px; overflow:hidden; }
.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_thumb_wrap a { width:auto; height:auto; cursor:pointer }
.cm_thumb_wrap img { display:block; width:100%; height:100%; }

.cm_thumb_wrap .cm_badge { position:absolute; top:10px; right:10px; z-index:1; }
.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_btn_share { position:absolute; top:15px; right:15px; }

.cm_thumb_wrap .ic_circle{ 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_thumb_wrap .ic_circle .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:90%; vertical-align:middle; }

.cm_thumb_wrap .cm_thumb_play { display:inline-block; position:absolute; bottom:15px; right:15px; padding:8px 10px; background:rgba(000,000,000, 0.4); color:#fff; font-weight:400; font-size:14px; line-height:13px; box-sizing:border-box; }
.cm_thumb_wrap .cm_thumb_time { display:inline-block; position:absolute; bottom:15px; left:15px; padding:8px 10px; background:rgba(000,000,000, 0.4); color:#fff; box-sizing:border-box; font-weight:400; font-size:14px; line-height:12px;}


/*��ư*/
.cm_btn { text-align:center;}
.cm_btn .im { margin:-2px 0 0 0; font-size:90%; vertical-align:middle; }

.cm_btn.gr_or { border:0; 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_btn.gr_gr { border: 0; background-image: -webkit-linear-gradient(left right, #aaaaaa 0%, #777777 100%); background-image: -webkit-gradient(linear, left, right, from(#aaaaaa), to(#777777)); background-image: linear-gradient(to right, #aaaaaa, #777777); color: #ffffff; }
.cm_btn.bg_bk { border:0; background:#222; color:#fff; }
.cm_btn.bg_or { border:0; background:#ff7500; color:#fff; }
.cm_btn.disable { border:0; 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 { border:0; background:#222; color:#fff; }
.cm_btn.hover_or:hover { border:0; background:#ff7500; color:#fff; }
.cm_btn.hover_gr_or:hover { border:0; 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:13px; 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:13px; 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:3px; color:#222; font-size:13px; line-height:23px; border:1px solid #ddd; }
.cm_btn_interest .ic { display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/images/sub/ic-heart.png') no-repeat; background-position-x:-12px; vertical-align:middle; }
.cm_btn_interest.on .ic { background-position-x:0; }

.cm_btn_interest.circle { width:83px; height:72px; background:#fff; border-radius:0; border:0; color:#999; font-weight:400; font-size:12px; line-height:20px; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest.circle .ic_circle { display:block; position:relative; width:28px; height:28px; margin:13px auto 5px auto; border:1px solid #ddd; border-radius:50%; overflow:hidden; }
.cm_btn_interest.circle .ic_circle .ic { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin-top:2px; color:#ddd; font-size:120%; vertical-align:middle; }

.cm_btn_interest.round01 { display:inline-block; width:auto; height:25px; padding:0 15px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#777; font-weight:400; font-size:14px; line-height:22px; box-sizing:border-box; cursor:pointer; }
.cm_btn_interest.round01 .im { margin:-2px 4px 0 0; font-size:90%; vertical-align:middle; }



/*��ư ������- �˾����� ����ϰ�����*/
.cm_btn_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font-weight:400; font-size:20px; line-height:50px; text-align:center; cursor:pointer; }
.cm_btn_line.gray , .cm_btn_line.gray_hover{ border:1px solid #ddd; }
.cm_btn_line.orange , .cm_btn_line.orange_hover { border:1px solid #ff7500; }
.cm_btn_line.bk_hover { border:1px solid #222; }
.cm_btn_line.orange_hover:hover, .cm_btn_line.gray_hover:hover  { border:0; background:#ff7500; 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_line.bk_hover:hover  { border:1px solid #222; background:#222; color:#fff; }
.cm_btn_line .im { margin:-4px 0 0 5px; font-size:95%; vertical-align:middle; }
.cm_btn_line.ts { border:1px solid #e8343f; }
.cm_btn_bg { display:block;  border:0; background:#ff7500; color:#fff; font-weight:400; font-size:20px; line-height:50px; text-align:center; cursor:pointer; }
.cm_btn_bg .im { margin:-4px 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%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); }
.cm_btn_bg.gr_or.vertical { background:#ff7500; background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7500), to(#e8373d)); background-image:linear-gradient(to bottom,#ff7500,#e8373d); }
.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:83px; height:72px; background:#fff; color:#999; font-weight:400; font-size:12px; line-height:20px; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_intro .ic_circle{ display:block; width:28px; height:28px; margin:13px auto 5px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_intro .ic_circle .im { margin:2px 0 0 3px; color:#adb6c7; font-size:120%; vertical-align:middle; }

.cm_btn_intro.disabled { background:#f4f4f4 !important; color:#ccc !important; font-weight:400 !important; cursor:not-allowed !important; }
.cm_btn_intro.disabled .ic_circle{ opacity:0.5; }
.cm_btn_intro.round01 { width:auto; height:22px; padding:0 10px; border:1px solid #ddd; border-radius:15px;  background:#fff; color:#222; }

.cm_btn_katalk { width:142px; height:36px; border:1px solid #ddd; border-radius:10px; background:#fff; color:#222; font-weight:400; font-size:15px; line-height:34px; text-align:center; cursor:pointer; }
.cm_btn_katalk .im { margin:-2px 5px 0 0; font-size:80%; vertical-align:middle; }

.cm_btn_katalk.round01 { display:inline-block; width:auto; height:22px; padding:0 10px; border-radius:15px; font-weight:500; font-size:12px; line-height:20px; }
.cm_btn_katalk.round01 .im { margin-right:2px; }

.cm_btn_ic { display:inline-block; width:auto; height:auto; padding:0 3px; border:0; background:transparent; color:#999; font-weight:400; font-size:16px; cursor:pointer; }
.cm_btn_ic .im{ margin:-3px 4px 0 0; font-size:90%; vertical-align:middle; }
.cm_btn_ic.more .im{ margin:-3px 0 0 5px; font-size:90%; vertical-align:middle; }

.cm_btn_curri { display:inline-block; width:69px; height:28px; border:1px solid #ddd; background:#fff; color:#222;  font-weight:400; font-size:13px; line-height:26px; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_curri { font-weight:400 !important;}

.cm_btn_appraisal{ display:inline-block; width:auto; height:25px; padding:0 10px; border:1px solid #ddd; background:#fff; color:#222; font-weight:400; font-size:13px; line-height:24px; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_appraisal.non { opacity:0.5; background:#ededed; color:#999; } /*�� ��� �ƴҶ�*/
.cm_btn_appraisal.my { border: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  { position:absolute; bottom:10px; right:0; width:64px; height:35px; margin-right:10px; border:1px solid #ddd; background:#fff; color:#444; font-size:16px; line-height:32px; }
.cm_btn_more { display:block; width:300px; height:50px; margin:50px auto; text-align:center; }


/*����¡*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:30px; margin:30px auto 0; }
.cm_paging_wrap .cm_pageing { float:left; min-width:30px; height:30px; margin-right:5px; border:1px solid #ddd; background:#fff; color:#ddd; font-weight:400; font-size:15px; line-height:28px; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer; }
.cm_paging_wrap .cm_pageing a {display:block; width:100%; height:100%; }
.cm_paging_wrap .cm_pageing.btn_num { width:auto; 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; cursor:default; }
.cm_paging_wrap .cm_pageing .im { font-size:80%; line-height:28px; }
.cm_paging_wrap .cm_pageing.btn_prev { margin-right:10px; }
.cm_paging_wrap .cm_pageing.btn_next { margin-left:5px; }
.cm_paging_wrap .cm_pageing.btn_frist .im:last-of-type { margin-left:-5px; }
.cm_paging_wrap .cm_pageing.btn_last { margin-right:0; }
.cm_paging_wrap .cm_pageing.btn_last .im:first-of-type { margin-right:-5px; }


/*����*/
.cm_tooltip_desc { display:none; position:absolute; top:35px; left:25px; min-width:250px; padding:15px; border-radius:8px; background-color:rgba( 000, 000, 000, 0.8 ); color:#fff; box-sizing:border-box; text-align:left; z-index:100;}
.cm_tooltip_desc h5{ height:auto; font-size:15px; font-weight:400; line-height:22px; overflow:hidden; }
.cm_tooltip_desc h5 + .tooltip_article { margin-top:10px; }
.cm_tooltip_desc .tooltip_article { display:block; width:100%; height:auto; }
.cm_tooltip_desc .tooltip_article li{ display:block; position:relative; width:100%; height:auto; padding-left:10px; margin:5px 0; font-size:15px; 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; overflow:hidden; }

.cm_input { height:40px; border:1px solid #ddd; padding:0 15px; font-size:15px; 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; cursor:default; opacity:1; }

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

.cm_chk { display:none; }
.cm_chk + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:15px; 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; }
.cm_chk:checked + label { color:#222; }
.cm_chk:checked + label:before { background-position:0 -24px; }

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

.cm_radio { display:none; }
.cm_radio + label { display:inline-block; position:relative; padding-left:34px; color:#777; font-size:15px; 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; font-size:13px; line-height:20px; }
.cm_radio.sm_style + label:before { top:2px; width:16px; height:16px; background:url('/images/common/ic-smallradio.png') no-repeat; }
.cm_radio.sm_style:checked + label:before { background-position:0 -16px; }

.cm_textarea { border:1px solid #ddd; padding:15px; font-size:15px; line-height:22px; }

/*������ �˻�â*/
.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; }


/*������-�˾����� ���*/
.cm_form { height:40px; padding-left:15px; margin-left:10px; border:1px solid #ddd; color:#222; font-weight:400; font-size:15px; line-height:40px; }
.cm_form.on:hover { border:1px solid #ff7500; }
.cm_form.cm_btn_bg { display:inline-block; width:80px !important; height:40px !important; margin-left:5px; padding:0; border-radius:5px; border:0; font-weight:400; font-size:15px; line-height:40px;}
.cm_form.cm_btn_ic { position:absolute; top:50%; right:0; transform:translateY(-50%); border:0; }
.cm_form.cm_btn_ic .im { font-size:110%; }
.cm_form.select { width:172px;  background:url('/images/board/stockList_filter_arrow01.png') calc(100% - 15px) center no-repeat; -webkit-appearance:none; cursor:pointer; }
.cm_form.select::-ms-expand { display:none; }
.cm_form.text01 { width:400px; padding: 0 15px; }
.cm_form.text02 { width:400px; padding: 0 48px 0 15px; }
.cm_form.textarea { width:100%; padding:10px; line-height:22px; resize:vertical; }

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

.cm_from_period { width:auto; height:35px; }
.cm_from_period .cm_form_wrap { display:inline-block; width:auto; height:35px; vertical-align:middle; }
.cm_from_period .cm_form_wrap .cm_form.text02 { width:167px; height:35px; padding:0 30px 0 15px; margin:0; line-height:33px; text-align:center; }
.cm_from_period .box_txt { display:inline-block; width:11px; height:45px; line-height:35px; vertical-align:middle; text-align:center; overflow:hidden; }

.cm_form[type=checkbox] { display:none; height:auto; }
.cm_form[type=checkbox] + label { display:inline-block; position:relative; padding-left:25px; font-size:15px; line-height:22px; cursor:pointer; }
.cm_form[type=checkbox] + label::before { display:block; content:''; position:absolute; left:0; top:2px; width:18px; height:18px; background:url('../images/Common/ic_check.png') 0 0; }
.cm_form[type=checkbox]:checked + label::before { background-position:0 -18px; }

.cm_form[type=radio] { display:none; }
.cm_form[type=radio] + label { display:inline-block; position:relative; padding-left:25px; font-size:15px; line-height:22px; cursor:pointer; }
.cm_form[type=radio] + label::before { display:block; content:''; position:absolute; left:0; top:2px; width:18px; height:18px; background:url('../images/Common/ic_check.png') -18px 0; }
.cm_form[type=radio]:checked + label::before { background-position:-18px -18px; }

/*step*/
.cm_step_wrap { display:inline-block; overflow:hidden; }
.cm_step_wrap li { float:left; }
.cm_step_wrap .label { color:#999; font-size:13px; 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:13px; line-height:20px; text-align:center; }


/*�˾�*/
.cm_popup_wrap { position:fixed; top:0; left:0; width:100%; height:100%; padding:0 15px; z-index:1001; word-break:keep-all; }
.cm_popup_wrap .cm_form { margin-left:0; }
.cm_popup_wrap.bg { background:rgba(000,000,000,0.8); }
.cm_popup_wrap.bg > .btn_close { position:absolute; right:15px; top:15px; width:24px; height:24px; background:url('../images/common/ic_close_w.png') no-repeat; text-align:center; }
.cm_popup_wrap.bg > .btn_close .im { display:none; font-size:24px; line-height:32px; }

.cm_popup_wrap .popup_img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.cm_popup_wrap .popup_img img { display:block; z-index:1; }
.cm_popup_wrap .popup_img .btn_close { position:absolute; right:-32px; top:0;  width:24px; height:24px; background:url('../images/common/ic_close_w.png') no-repeat; text-align:center; }
.cm_popup_wrap .popup_img .btn_close .im { display:none; }

.cm_popup_wrap .popup_player { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:800px; height:450px; border:5px solid #000; box-sizing:border-box; }
.cm_popup_wrap .popup_player .btn_close { position:absolute; right:-45px; top:-5px;  width:24px; height:24px; background:url('../images/common/ic_close_w.png') no-repeat; text-align:center; }
.cm_popup_wrap .popup_player .btn_close .im { display:none; color:#fff; font-size:24px; line-height:32px; }
.cm_popup_wrap .popup_player .box_player { width:100%; height:100%; overflow:visible !important; }
.cm_popup_wrap .popup_player .txt_noti { width:800px; 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_player .box_txt { display:block; overflow:hidden; font-weight:300; }
.cm_popup_wrap .popup_player .box_txt .btn_move { float:right; }
.cm_popup_wrap .popup_player .box_txt .btn_move .im { margin:-2px 0 0 5px; font-size:80%; vertical-align:middle; }

.cm_popup_wrap .y_scroll{ overflow-y:scroll; }

.cm_popup_wrap .popup_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:420px; height:auto; padding:15px 20px 30px 20px; background:#fff; border-radius:8px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.w560 { width:560px; }
.cm_popup_wrap .popup_wrap.w500 { width:500px; }
.cm_popup_wrap .popup_wrap.w1016 { width:1016px;}

.cm_popup_wrap .popup_wrap.wauto { display:inline-block; width:auto; overflow:visible; }
.cm_popup_wrap .popup_wrap.wauto .btn_close{ position:absolute; right:-32px; top:0; color:#fff; width:24px; height:24px; background:url('/images/common/ic_close_w.png') no-repeat; }
.cm_popup_wrap .popup_wrap.wauto .btn_close .im { display:none; font-size:24px; line-height:32px; }

.cm_popup_wrap .popup_wrap .popup_top { position:relative; height:auto; padding:0 0 10px 0; border-bottom:2px solid #222; font-size:25px; line-height:36px; font-weight:700; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close { position:absolute; right:0; top:5px; width:24px; height:26px; border:0; background-color:transparent; background:url('/images/common/ic_close.png') no-repeat; text-align:center; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { display:none; }

.cm_popup_wrap .popup_wrap .popup_desc { max-height:70vh; overflow:hidden; overflow-y:auto; }
.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; margin:0 0 10px 0; font-size:18px; line-height:26px; }
.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:15px; line-height:22px; word-break:keep-all;}
.cm_popup_wrap .popup_wrap .popup_desc .popup_info { padding:10px; margin-top:30px; background:#f2f4f7; color:#777; font-size:13px; line-height:20px; word-break:keep-all; text-align:left; }

.cm_popup_wrap .popup_wrap .close_non { margin-top:20px; line-height:20px; font-size:17px; color:#777; text-align:center; }

.cm_popup_wrap .popup_wrap .popup_btn { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px; width:100%; text-align:center; }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; border-radius:5px; font-size:15px; text-align:center; cursor:pointer; }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn.bg_bk { border:0; }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; }
.cm_popup_wrap .popup_wrap .popup_btn .btn_center { display:inline-block; float:none !important; margin:0!important; }

.cm_popup_wrap .popup_wrap .cm_btn_line { border-radius:5px; font-size:15px; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:15px; 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:400; font-size:15px; line-height:44px; }
.cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; background-color:#222!important; font-weight:400; font-size:15px; line-height:45px; }

.cm_popup_wrap .popup_wrap .popup_btn:hover > * { filter:blur(1px); }
.cm_popup_wrap .popup_wrap .popup_btn:hover > *:not(.btn_submit) { filter:blur(1.2px); }
.cm_popup_wrap .popup_wrap .popup_btn:hover > *:hover { filter:blur(0); transform:scale(1.06); z-index:1; }
.cm_popup_wrap .popup_wrap .popup_btn:hover > *:hover + * { filter:blur(1.2px); }

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

.cm_popup_wrap .popup_wrap .box_desc  { width:100%; overflow:hidden; }
.cm_popup_wrap .popup_wrap .cm_form_period  { width:100%; overflow:hidden; }
.cm_popup_wrap .popup_wrap .cm_form.select { float:none; width:100%; height:45px; line-height:45px; }
.cm_popup_wrap .popup_wrap .cm_form.text02 { height:35px; line-height:45px; }
.cm_popup_wrap .popup_wrap .cm_form.text01 { float:none; width:100%; height:45px; }
.cm_popup_wrap .popup_wrap .cm_form.disable { background:#ededed; color:#999; cursor:not-allowed; }
.cm_popup_wrap .popup_wrap .cm_form.disable:focus { border:1px solid #ddd; background:#ededed; color:#999; }

.cm_popup_wrap .popup_wrap .box_address { overflow:hidden; }
.cm_popup_wrap .popup_wrap .box_address .cm_form.text01{ float:left; width:calc(100% - 85px); }
.cm_popup_wrap .popup_wrap .box_address .cm_btn_bg{ float:right; width:75px; height:45px; }

.cm_popup_wrap input[type=checkbox] { display:none; }
.cm_popup_wrap input[type=checkbox] + label { display:inline-block; position:relative; padding-left:21px; color:#777; font-size:13px; line-height:16px; overflow:hidden; cursor:pointer; }
.cm_popup_wrap input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:16px; height:16px; background:url('/images/common/ic-smallcheck.png') no-repeat; }
.cm_popup_wrap input[type=checkbox]:checked + label { color:#222 !important; }
.cm_popup_wrap input[type=checkbox]:checked + label:before { background-position:0 -16px; }

.cm_popup_wrap input[type=checkbox].sm_style + label { padding-left:21px; font-size:13px; line-height:16px; cursor:pointer; }
.cm_popup_wrap input[type=checkbox].sm_style + label:before { width:16px; height:16px; background:url('/images/common/ic-smallcheck.png') no-repeat; }
.cm_popup_wrap input[type=checkbox].sm_style:checked + label:before { background-position:0 -16px; }

.cm_popup_wrap input[type=radio] { display:none; }
.cm_popup_wrap input[type=radio]+ label { display:inline-block; position:relative; padding-left:21px; color:#777; font-size:13px; line-height:20px; overflow:hidden; cursor:pointer; }
.cm_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-smallradio.png') no-repeat; }
.cm_popup_wrap input[type=radio]:checked + label { color:#222 !important; }
.cm_popup_wrap input[type=radio]:checked + label:before { background-position:0 -16px; }

.cm_popup_wrap input[type=radio].sm_style + label { padding-left:; font-size:13px; line-height:20px; }
.cm_popup_wrap input[type=radio].sm_style + label:before { top:2px; width:16px; height:16px; background:url('/images/common/ic-smallradio.png') no-repeat; }
.cm_popup_wrap input[type=radio].sm_style:checked + label:before { background-position:0 -16px; }

.cm_popup_wrap input + label + a { display:inline-block; margin:-10px 0 0 5px; vertical-align:middle; }
.cm_popup_wrap input + label + a > .cm_smtxt { display:block; }

.cm_popup_wrap .popup_wrap.ad { display:inline-block; position:relative; width:auto; height:auto; padding:0; background-color:transparent; border-radius:unset; overflow:visible; }
.cm_popup_wrap .popup_wrap.ad .box_close { position:absolute; top:-30px; left:0; width:100%; }
.cm_popup_wrap .popup_wrap.ad .box_close::after { display:block; content:''; clear:both; }
.cm_popup_wrap .popup_wrap.ad .box_close li { float:left; color:#fff; }
.cm_popup_wrap .popup_wrap.ad .box_close li label { cursor:pointer; }
.cm_popup_wrap .popup_wrap.ad .box_close li + li { margin-left:30px; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type { float:right; margin-right:-15px; margin-top:-10px; }
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type svg { fill:#fff;}
.cm_popup_wrap .popup_wrap.ad .box_close li:last-of-type .im { font-size:200%; }

.cm_popup_wrap .popup_wrap.ad .box_img { display:inline-block; overflow:hidden; }
.cm_popup_wrap .popup_wrap.ad .box_img li { display:inline-block; float:left; }
.cm_popup_wrap .popup_wrap.ad .box_img li + li { margin-left:10px; }
.cm_popup_wrap .popup_wrap.ad .box_img li img { display:block; }

.cm_main_popup { position:fixed; top:155px; left:calc(50% - 815px); width:185px; height:auto; padding:5px; border-radius:10px; background:#fff; box-shadow:0 5px 15px 0 rgba(000,000,000,0.1); z-index: 10; }
.cm_main_popup .box_img { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; width:100%; gap:5px 0; }
.cm_main_popup .box_img .slide_img { width:100%; height:auto; border-radius:5px; overflow:hidden; }
.cm_main_popup .box_img .slide_img img { display:block; width:100%; height:auto; }

.cm_main_popup .box_close { display:block; margin-top:5px; }
.cm_main_popup .box_close li { display:block; position:relative; height:20px; }
.cm_main_popup .box_close li input { display:none; }
.cm_main_popup .box_close li label { float:left; padding-right:21px; margin-left:5px; color:#777; font-size:13px; line-height:20px; vertical-align:middle; cursor:pointer; }
.cm_main_popup .box_close li label::before { display:block; content:''; position:absolute; bottom:1px; right:5px; width:16px; height:17px; background:url('/images/common/ic-smallcheck_main.png') no-repeat; }
/*
.cm_main_popup .popup_wrap { display:block; position:relative; z-index:999; }
.cm_main_popup::before { display:block; position:absolute; content:''; top:-70px; left:0; width:100%; height:calc(100% + 70px); background:rgba(000,000,000,0.8); backdrop-filter: blur(10px); z-index:999; }
.cm_main_popup .popup_wrap .box_slide { display:inline-block; position:relative; padding:0 44px; max-width:983px; }
.cm_main_popup .popup_wrap .box_slide .box_type { display:none; position:relative; left:0; width:355px; margin-bottom:21px; text-align:center; }
.cm_main_popup .popup_wrap .box_slide .box_type .type { display:inline-block; float:none; padding:5px 10px; margin-bottom:7px; border-radius:5px; background:#fff; font-size:13px; line-height:20px; }
.cm_main_popup .popup_wrap .box_slide .box_type .type:before { display:block; content:''; position:absolute; bottom:0px; 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_slide .box_img { }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img { float:left; position:relative; width:250px; height:323px; margin:119px 40px 68px; transform-origin:center center;  transition: all 500ms ease; opacity:0.9; z-index:1; }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img img { display:block; width:100%; height:auto; border-radius:15px; }

.cm_main_popup .popup_wrap .box_slide .box_img .slide_img .box_num { position:absolute; top:15px; right:15px; width:auto; padding:0 10px; border-radius:10px; background:#222; color:#999; font-size:13px; line-height:20px; }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img .box_num .current { color:#fff; }

.cm_main_popup .popup_wrap .box_slide .box_img .slide_img .slide_type { display:none; position:absolute; top:-51px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:30px; padding:5px 10px; margin-bottom:7px; border-radius:5px; background:#fff; font-size:13px; line-height:20px; text-align:center; opacity:0; }
.cm_main_popup .popup_wrap .box_slide .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_slide .box_img .slick-list { height:511px; margin:0 -20px; }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img.slick-slide {transition: all 500ms ease; }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img.slick-cloned  {transition: all 500ms ease; }
.cm_main_popup .popup_wrap .box_slide .box_img .slide_img.slick-center {width:355px; height:auto; margin:51px -20px 0; transition: all 500ms ease; opacity:1; }

.cm_main_popup .popup_wrap .box_slide .box_img .slide_img.slick-center .slide_type { display:inline-block; opacity:1; transition: all 1s ease-in 500ms; }

.cm_main_popup .popup_wrap .box_slide .btn_arrow { display:block; position:absolute; top:calc(50% + 38px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; }
.cm_main_popup .popup_wrap .box_slide .btn_arrow.prev { left:0; background-position:0 -24px; }
.cm_main_popup .popup_wrap .box_slide .btn_arrow.next { right:0; background-position:-24px -24px; }

.cm_main_popup .popup_wrap .box_slide .box_img.num2 { }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 .slick-list { padding:0 !important; margin:0 !important; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 .slick-track { display:inline-block !important; width:auto !important; transform:unset!important; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 .slide_img.slick-cloned { display:none; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 .slide_img { margin-left:10px; margin-right:10px; }

.cm_main_popup .popup_wrap .box_slide .box_img.num2 + .btn_arrow.slick-disabled { opacity:0.1; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 + .btn_arrow.prev { left:10px; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 + .btn_arrow.prev + .btn_arrow.next { right:10px; }
.cm_main_popup .popup_wrap .box_slide .box_img.num2 + .btn_arrow.prev + .btn_arrow.next.slick-disabled { opacity:0.1; }

.cm_main_popup .popup_wrap .box_slide .box_img.num1 { }
.cm_main_popup .popup_wrap .box_slide .box_img.num1 .slick-list { padding:0 !important; margin:0 !important; }
.cm_main_popup .popup_wrap .box_slide .box_img.num1 .slick-track { display:inline-block !important; width:auto !important; transform:unset!important; }
.cm_main_popup .popup_wrap .box_slide .box_img.num1 .slide_img { margin-left:0; margin-right:0; }
.cm_main_popup .popup_wrap .box_slide .box_img.num1 + .btn_arrow.prev { display:none !important; }
.cm_main_popup .popup_wrap .box_slide .box_img.num1 + .btn_arrow.prev + .btn_arrow.next { display:none !important; }

.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:355px; height:35px; padding:7px 0; margin-top:15px; 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:13px; 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; }
.cm_main_popup .popup_wrap .box_close li + li { border-left:1px solid #fff; padding-left:20px; }

*/




/*ȫ��/����/�ȳ� ���̾� �˾�(N�� ���� ���� �ʱ�/ �ݱ�)*/
.cm_popup_noti {position:absolute; box-shadow:0 0 7px #666; overflow:hidden; z-index:99;}
.cm_popup_noti .box_close {height:45px; padding:0 15px; line-height:45px; background:#262626; color:#ccc; font-size:12px; 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:16px; height:16px;}
.cm_popup_noti .box_close li input[type=checkbox] + label { cursor:pointer; vertical-align:middle; }
.cm_popup_noti .box_close li.btn_close {float:right;}
.cm_popup_noti .box_close li.btn_close a {color:#ccc;}


body.scroll_lock  { position:fixed; width:100%; height:100%; border:0; overflow:hidden; touch-action:none; }


/*���� ����ȭ*/
.wrap { width:100%; min-width:1200px; height:auto; box-sizing:border-box; font-weight:400; font-size:15px; }
.wrap .contents01 { width:1200px; padding:50px 0; margin:0 auto 0 auto; box-sizing:border-box; overflow:hidden;}
.wrap .contents02 { width:100%; padding:50px 0; background:#f4f5fa; box-sizing:border-box; overflow:hidden; }
.wrap .contents03 { width:100%; padding:50px 0; background:#fff; box-sizing:border-box; }
.wrap .hide { display:none !important; }

 /*���*/
.cm_header_wrap .cm_network_wrap .user_menu .menu_list a.btn_mentor { display:block; position:relative; width:63px; height:25px; padding:0 5px; margin-top:3px; border-radius:5px; background:#ff7500; overflow:hidden; }
.cm_header_wrap .cm_network_wrap .user_menu .menu_list a.btn_mentor::before { content:''; position:absolute; left:-50%; top:-50%; width:200%; height:200%; background-repeat: no-repeat; background-size: 50% 50%, 50% 50%; background-position: 0 0, 100% 0, 100% 100%, 0 100%; background-image: linear-gradient(#e8373d, #ff7500, #ffdcbf); -webkit-animation: network_btn 2s linear infinite; animation: network_btn 2s linear infinite; z-index:1; }
.cm_header_wrap .cm_network_wrap .user_menu .menu_list a.btn_mentor > span { display:block; position:absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); border-radius:3px; background:#ff7500; color:#fff; font-size:12px; line-height:21px; text-align:center; z-index:1; }

/*���� �̸�*/
.cm_mentor_name { padding-left:1px; color:#222; font-size:13px; line-height:20px; }
.cm_mentor_name .im { margin:-3px 3px 0 0; font-size:75%; vertical-align:baseline;}
.cm_mentor_name.big { display:inline-block; padding:0 5px; border-radius:5px; background:#ededed; font-size:15px; line-height:26px; }


/*ȸ�� �̸�*/
.cm_user_name { padding-left:1px; color:#777; font-size:13px; line-height:20px; }
.cm_user_name .im-user-circle { margin:-3px 3px 0 0; font-size:95%; vertical-align:middle; }


/* ������*/
.cm_satisfaction { padding-left:1px; color:#999; font-size:13px; line-height:20px; }
.cm_satisfaction .im{ margin:-3px 3px 0 0; font-size:90%; vertical-align:middle;}


/*Ŀ�� ���*/
.cursor { cursor:pointer; }


/*�� ������ ������ư*/
.cm_view_subscribe { width:355px; height:192px; padding:20px 15px 15px 15px; margin-top:42px; border:2px solid #ff7500; background:#f8f8f8; }
.cm_view_subscribe .cm_btn_bg { height:50px; padding:7px 0; border-radius:8px; font-size:22px; line-height:36px; text-align:center; }

.cm_view_subscribe.limited { border:2px solid #ddd; }
.cm_view_subscribe.limited .cm_btn_bg.gray { color:#ccc; cursor:not-allowed; }

.cm_view_subscribe .box_name { padding-bottom:15px; border-bottom:1px solid #ddd; font-size:15px; line-height:24px; font-weight:400 }
.cm_view_subscribe .box_name .badge { display:inline-block; float:right; height:24px; padding:0 10px; border-radius:12px; background:#ff7500; color:#fff; font-weight:400; font-size:15px; line-height:24px; text-align:center; }
.cm_view_subscribe .box_price { position:relative; min-height:42px; margin-top:10px; margin-bottom:10px; overflow:hidden; }
.cm_view_subscribe .box_price .label { display:inline-block; position:absolute; bottom:0; left:0; color:#777; font-size:13px; line-height:20px; vertical-align:bottom; }
.cm_view_subscribe .box_price .value { display:inline-block; position:absolute; bottom:0; right:0; width:calc(100% - 130px); color:#ff7500; font-size:18px; font-weight:700; line-height:22px; text-align:right;}
.cm_view_subscribe .box_price .value .pre_price { display:inline-block; margin-right:10px; color:#222; font-size:15px; text-decoration:line-through; }
.cm_view_subscribe .box_price .value small { display:block; width:100%; font-size:13px; line-height:20px; }


/*���� ��*/
.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:-42px; transform:rotate(-45deg); width:142px; height:38px; background:#f1f2f4; color:#fff; font-weight:400; font-size:16px; line-height:36px; text-align:center; }
.cm_badge_ribbon .cm_ribbon.blue { background:#2e2e72; }
.cm_badge_ribbon .cm_ribbon.red { background:#e8373d; }
.cm_badge_ribbon .cm_ribbon.gray { background:#999; }
.cm_badge_ribbon .cm_ribbon.hide { display:none; }
.cm_badge_ribbon.small .cm_ribbon{ top:8px; left:-45px; height:35px; font-size:13px; line-height:35px; }

/*���� �߰� �������� ��û �� �����ϱ�*/
.cm_ribbon.free,.label_vod_ribbon.hot {background-color:#e8373d; }
.cm_ribbon.up {background-color:#2e2e72 }
.cm_ribbon.finish {background-color:#999; }
.cm_ribbon.soon {background-color:#ee8c01; letter-spacing:-1.5px; }

/*���� ����*/
.cm_tendency_wrap { width:auto; height:20px; overflow:hidden; }
.cm_tendency_wrap li, .cm_tendency{ float:left; width:auto; height:20px; padding:0 8px; margin-right:5px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#222; font-weight:400; font-size:13px; line-height:18px; 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:#e8373d !important; }
.trend { color:#950082 !important; }
.party { color:#f47425 !important; }
.cost { color:#2a2a65 !important; }
.supply { color:#1e489f !important; }
.end { color:#e8373d !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:60px; height:60px; 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:13px; }
.cm_mentor_emblem li > * { display:block; }
.cm_mentor_emblem li .ic { position:absolute; top:-3px; left:-3px; width:16px; height:16px; background-repeat:no-repeat; }
.cm_mentor_emblem li .label { margin-top:12px; color:#777; font-size:11px; line-height:16px; }
.cm_mentor_emblem li .value { color:#777; font-size:15px; font-weight:700; line-height:22px; }
.cm_mentor_emblem li .value small { font-size:15px; }

.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 li { float:left; position:relative; width:95px; height:90px; margin-right:10px; background:#f7f7f7; border:1px solid #eaeaea; text-align:center; font-size:15px; }
.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:30px; vertical-align:middle; }
.cm_mentor_reason .reason {  font-weight:400; }
.cm_mentor_reason .reason i { background:url(/images/sub/ic_mt_reason_off.png) no-repeat; }
.cm_mentor_reason .reason i.ic1 { background-position-y:0; }
.cm_mentor_reason .reason i.ic2 { background-position-y:-65px; }
.cm_mentor_reason .reason i.ic3 { background-position-y:-130px; }
.cm_mentor_reason .reason i.ic4 { background-position-y:-195px; }
.cm_mentor_reason .reason span { background:#eaeaea; color:#777; }
.cm_mentor_reason .on { font-weight:400; color:#222; background:#fff; border-color:#222; }
.cm_mentor_reason .on i { background:url(/images/sub/ic_mt_reason_on.png) no-repeat; }
.cm_mentor_reason .on i.ic1 { background-position-y:0; }
.cm_mentor_reason .on i.ic2 { background-position-y:-65px; }
.cm_mentor_reason .on i.ic3 { background-position-y:-130px; }
.cm_mentor_reason .on i.ic4 { background-position-y:-195px; }
.cm_mentor_reason .on span {  background:#222; color:#fff; }


/*���*/
.cm_bn_slide { position:relative; width:100%; height:250px; overflow:hidden; z-index:9;}
.cm_bn_slide .cm_bn_list { float:left; height:250px; overflow:hidden; }
.cm_bn_slide .cm_bn_list a { display:block; width:100%; height:100%; }
.cm_bn_slide .cm_bn_list img { display:block; position:relative; left:calc(50% - 960px); }

.cm_bn { position:relative; width:100%; height:350px; overflow:hidden; }
.cm_bn .cm_bn_img { position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

/*���� ����*/
.cm_bn_season { position:relative; height:auto; min-height:40px; background:#fff; overflow:hidden; }
.cm_bn_season img { display:block; position:relative; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  z-index:1; }
.cm_bn_season .box_txt { position:relative; width:1200px; height:100%; padding:22px 30px; margin:0 auto; text-align:center; }
.cm_bn_season .box_txt .ic_noti { display:inline-block; position:relative; width:26px; height:26px; margin-top:1px; margin-right:10px; border-radius:50%; background:#fff; vertical-align:middle; overflow:hidden; }
.cm_bn_season .box_txt .ic_noti .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:100%; }
.cm_bn_season .box_txt .cm_subtit { display:inline-block; margin-top:-2px; font-weight:700; vertical-align:middle; }

.cm_bn_season .box_txt .cm_txt { display:inline-block;max-width:calc(100% - 330px); height:26px; margin-left:15px; line-height:26px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_bn_season .box_txt .cm_txt .superstock_color { font-weight:700; }
.cm_bn_season .box_txt .more { margin-top:3px; margin-left:20px; color:#999; line-height:26px; vertical-align:bottom; }
.cm_bn_season .box_txt .more .im { margin:-2px 0 0 3px; font-size:90%; vertical-align:middle; }

.cm_bn_season .btn_close {  display:block; position:absolute; top:50%; right:calc(50% - 600px); transform:translateY(-50%); -webkit-transform:translateY(-50%);  width:30px; height:30px; border-radius:50%; color:#999; cursor:pointer; z-index:2; }
.cm_bn_season .btn_close .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; font-size:100%; }


/*�����̵� ȭ��ǥ*/
.cm_bn_slide button.slick-arrow { position:absolute; font-size:20px; z-index:1000; mix-blend-mode:soft-light;}
.cm_bn_slide button.slick-arrow.slick-next {right:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat -32px -49px;}
.cm_bn_slide button.slick-arrow.slick-next:before { content:""; font-size:20px; }
.cm_bn_slide button.slick-arrow.slick-prev { left:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat 0px -49px; }
.cm_bn_slide button.slick-arrow.slick-prev:before { content:""; font-size:20px; }

/*�Ϲ� �����̵� slick ��Ÿ�� ����*/
.cm_bn_slide.common.slick-dotted.slick-slider{ margin-bottom:0; }
.cm_bn_slide.common .slick-dots { display:inline-block; position:absolute; left:50%; bottom:65px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:auto; padding:0; margin:0; border:0; z-index:1000; }
.cm_bn_slide.common .slick-dots > li:not(.btn_stop, .btn_all) { display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; overflow:hidden; }
.cm_bn_slide.common .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.cm_bn_slide.common .slick-dots > li.btn_stop { width:15px; height:15px; top:3px; background:url('/images/main_img/main_slide_stop.png') no-repeat 0 0; }
.cm_bn_slide.common .slick-dots > li button { display:block; width:100%; height:100%; border:1px solid #ddd; background-color:#ddd; color:transparent; font-size:0; }
.cm_bn_slide.common .slick-dots > li button:before { display:none; }

/*��� ��� slick ��Ÿ�� ����*/
.cm_bn_slide.common.style01 .slick-dots { bottom:15px; }

/*������ �����̵�*/
.cm_cont_slide { position:relative; width:1200px; height:285px; margin:30px auto 0 auto; }
.cm_cont_slide .slick-list{ width:1200px; overflow:hidden;}
.cm_cont_slide button.slick-arrow { position:absolute; font-size:20px; z-index:100;}
.cm_cont_slide button.slick-arrow.slick-next {right:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat -32px 0;}
.cm_cont_slide button.slick-arrow.slick-next:before { content:""; font-size:20px; }
.cm_cont_slide button.slick-arrow.slick-prev { left:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat 0px 0; }
.cm_cont_slide button.slick-arrow.slick-prev:before { content:""; font-size:20px; }

.cm_cont_list { float:left; position:relative; width:388px; padding:30px 20px 20px 20px; margin:0 20px 30px 0; border:1px solid #ddd; border-top:2px solid #222; }
.cm_cont_list .cm_badge { display:block; position:absolute; top:15px; right:15px; line-height:20px; }
.cm_cont_list .cm_txt { display:block; display: -webkit-box; margin-top:5px; color:#555; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }

.cm_cont_list.style01 { height:285px; cursor:pointer; }
.cm_cont_list.style01 .box_info_desc { position:relative; width:100%; height:100px; margin-top:14px; overflow:hidden; }
.cm_cont_list.style01 .box_info_desc .txt_goal { float:left; width:100px; padding:20px 0; border-radius:10px; background:#f8f8f8; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_cont_list.style01 .box_info_desc .txt_goal .tit { display:block; font-weight:400; font-size:13px; }
.cm_cont_list.style01 .box_info_desc .txt_goal .txt { font-weight:normal; font-weight:700; font-size:18px; line-height:26px;}

.cm_cont_list.style01 .box_info_desc .info_desc { float:left; width:calc(100% - 120px); margin:8px 0 0 20px; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt { height:30px; font-weight:400; font-size:15px; line-height:30px; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .tit { display:block; float:left; position:relative; width:70px; padding-left:13px; box-sizing:border-box; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .tit:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#222; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:400; box-sizing:border-box; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .txt b { font-weight:400; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt:nth-child(3) .tit { letter-spacing:5px; }

.cm_cont_list.style01 button { width:100% !important; height:50px; margin-top:20px; border-radius:10px; font-size:20px; line-height:48px; box-shadow:1px 2px 3px rgba(000,000,000,0.2) }
.cm_cont_list.style01 button:hover { line-height:50px; }
.cm_cont_list.style01 button:hover .cm_color_red { color:#fff !important; }
.cm_cont_list.style01 button:hover .cm_color_bl { color:#fff !important; }

/*�̿��ı� �����̵�*/
.cm_reply_slide { display:inline-block; position:relative; width:1220px; height:auto; margin-top:20px; margin-left:-10px; z-index:9; }
.cm_reply_slide .cm_reply_list { float:left; width:590px !important; height:auto !important; margin:0 10px; box-sizing:border-box; z-index:9 !important; }
.cm_reply_slide .cm_reply_list a { display:inline-block; width:100%; height:auto; }
.cm_reply_slide .box_reply { display:inline-block; width:100%; height:255px; padding:15px; border:1px solid #ededed; border-radius:10px; background:#fff; }
.cm_reply_slide .box_reply .tit { display:block; position:relative; height:56px; padding:15px; background:#f8f8f8; border-radius:10px; font-size:18px; font-weight:400; line-height:26px; text-align:center; overflow:hidden; }
.cm_reply_slide .box_reply .tit span { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;}
.cm_reply_slide .box_reply .desc { width:533px; height:110px; margin:15px auto 0 auto; color:#777; font-size:15px; line-height:22px; 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:15px; font-size:15px; line-height:22px; font-weight:400; text-align:center; }
.cm_reply_slide .box_reply .txt strong { margin-right:3px; color:#ff7500; font-weight:400; }
.cm_reply_slide .cm_user_name { display:block; float:left; width:180px; height:22px; line-height:22px; overflow:hidden; }
.cm_reply_slide .cm_smtxt { display:block; float:right; width:80px; height:22px; margin-top:15px; color:#999; line-height:22px; text-align:right; overflow:hidden; }

/*�̿��ı� �����̵� slick ��Ÿ�� ����*/
.cm_reply_slide .slick-dots { display:inline-block; position:absolute; right:7px; top:-30px; width:auto; height:auto; padding:0; margin:0; border:0; z-index:10; }
.cm_reply_slide .slick-dots > li { float:left; }
.cm_reply_slide .slick-dots > li:not(.btn_stop, .btn_all) { display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; overflow:hidden; }
.cm_reply_slide .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.cm_reply_slide .slick-dots > li.btn_stop { width:13px; height:13px; background:url('/images/main_img/main_slide_stop.png') no-repeat 0 -18px ; overflow:hidden;}
.cm_reply_slide .slick-dots > li button { display:block; width:100%; height:100%; border:1px solid #ddd; background-color:#ddd; color:transparent; font-size:0; }
.cm_reply_slide .slick-dots > li button:before { display:none; }

.cm_reply_slide.style01 { width:1230px; margin-left:-15px; }
.cm_reply_slide.style01 .cm_reply_list { width:380px !important; height:auto !important; margin:0 15px; }
.cm_reply_slide.style01 .cm_reply_list a { height:auto; }
.cm_reply_slide.style01 .cm_reply_list .box_reply { height:auto !important; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .tit { height:56px; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .txt { margin-top:15px; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .desc { width:300px; height:88px; margin-top:15px; line-height:22px; -webkit-line-clamp:4; }
.cm_reply_slide.style01 .slick-dots { right:12px; top:-40px; }
.cm_reply_slide.style01 .slick-dots .btn_stop { float:left; width:13px; height:13px; margin-top:-1px; background:url('/images/main_img/main_slide_stop.png') no-repeat 0 -17px ; overflow:hidden;}

.cm_reply_slide.style03 { height:auto; margin:0; }
.cm_reply_slide.style03 .cm_reply_list { width:590px; height:517px !important; padding:30px; margin:0; margin-left:20px; border:0; background:#f8f8f8; overflow:hidden; }
.cm_reply_slide.style03 .cm_reply_list a { display:block; width:100%; height:100%; }
.cm_reply_slide.style03 .cm_reply_list:first-child { margin-left:0; }
.cm_reply_slide.style03 .cm_reply_list .cm_thumb_wrap { height:281px; }
.cm_reply_slide.style03 .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.style03 .cm_reply_list .cm_mentor_name, .cm_reply_slide.style03 .cm_reply_list .cm_user_name { display:inline-block; width:auto; height:auto; font-size:13px; line-height:22px; }
.cm_reply_slide.style03 .cm_reply_list .cm_mentor_name + .date , .cm_reply_slide.style03 .cm_reply_list .cm_user_name + .date{ display:inline-block; position:relative; padding-left:10px; margin-left:10px; color:#999; font-size:13px; line-height:22px; vertical-align:middle; }
.cm_reply_slide.style03 .cm_reply_list .cm_mentor_name + .date { vertical-align:bottom; }
.cm_reply_slide.style03 .cm_reply_list .cm_mentor_name + .date:before , .cm_reply_slide.style03 .cm_reply_list .cm_user_name + .date:before{ display:block; content:''; position:absolute; top:5px; left:0; width:1px; height:13px; background:#ddd; }
.cm_reply_slide.style03 .cm_reply_list .cm_tit { display:-webkit-box; height:36px; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.cm_reply_slide.style03 .cm_reply_list .cm_txt { display:-webkit-box;  height:59px; margin-top:10px; padding-top:15px; 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 { position:absolute; top:0; right:15px ; width:79px; height:40px;  overflow:hidden; }
.cm_reply_arrow li { float:left; position:relative; width:50%; height:100%; border:1px solid #ddd; font-size:18px; cursor:pointer; }
.cm_reply_arrow li.btn_left { border-right:0; }
.cm_reply_arrow li .a { display:block; }
.cm_reply_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:100%; }


/*������ ���ǻ���*/
.cm_contents_info { padding:20px 30px; margin-bottom:30px; border-radius:10px; background:#f8f8f8; font-weight:400; font-size:16px; box-sizing:border-box; }
.cm_contents_info .txt{ display:inline-block; width:100%; line-height:25px; }


/*�Խ��� ��*/
.cm_board_view { border-bottom:1px solid #ededed; }
.cm_board_view  hr { display:block; width:100%; height:1px; border:0; background:#ededed; }

.cm_board_view .board_top { position:relative; height:auto; padding:25px 15px 25px; 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_badge { margin-right:5px; vertical-align:text-bottom; }
.cm_board_view .board_top .txt_info .cm_badge + .cm_user_name { margin-left:10px; }
.cm_board_view .board_top .txt_info .cm_badge + .cm_mentor_name { margin-left:10px; }
.cm_board_view .board_top .txt_info .date { float:right; }
.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 .cm_attached_wrap { width:400px; height:auto; padding-inline-start:0 !important; padding:10px 15px !important;  margin-block-start:0 !important; margin-block-end:30px !important; margin-inline-start:0 !important;  margin-inline-end:0 !important;  border:1px solid #ededed !important; border-radius:5px !important; background:#fff; list-style:unset!important; list-style-type:none!important; }
.cm_board_view .board_desc .cm_attached_wrap li { height:22px; overflow:hidden; }
.cm_board_view .board_desc .cm_attached_wrap li + li { margin-top:20px; }
.cm_board_view .board_desc .cm_attached_wrap li a { display:block; position:relative; height:22px; padding-right:30px; color:#777; font-size:15px; 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:15px; height:16px; background:url('/images/sub/ic-download.png') no-repeat; }

/*�Խ��� �� �ʱ�ȭ*/
.cm_board_view .board_desc { position:relative; padding:50px 15px; text-align:left; border-bottom:1px solid #ededed; font-size:15px; line-height:22px; }
.cm_board_view .board_desc { font-size:initial; }
.cm_board_view .board_desc > table tr td { text-align:inherit; }
.cm_board_view .board_desc * { max-width:100%; margin:unset; padding: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:table; margin:26px 0 20px; border-collapse:separate; box-sizing:border-box; text-indent:initial; border-spacing:2px; }
.cm_board_view .board_desc table tr td { display:table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_board_view .board_desc table tbody tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }

.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_desc .btn_recommend { display:block; width:135px; height:45px; margin:30px auto 0; border-radius:5px; }

.cm_board_view .board_desc .en-code { font-family:monospace; box-sizing:border-box; padding:8px !important; font-family:Monaco,Menlo,Consolas,Courier New,monospace; font-size:12px !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:18px 20px; border-radius:10px; background:#f4f5fa; color:#2e2e72; font-size:15px; line-height:22px; text-align:center; }
.cm_board_view .board_desc .box_paid:before { display:block; content:''; position:absolute; top:-43px; left:0; width:100%; height:43px; 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_btn {  overflow:hidden; }
.cm_board_view .board_btn .btn_move { position:relative; height:auto; padding:20px 15px; font-size:15px; line-height:22px; cursor:pointer; overflow:hidden; }
.cm_board_view .board_btn .btn_move.btn_prev { border-bottom:1px solid #ededed; }
.cm_board_view .board_btn .btn_move.btn_next { border-bottom:0; }
.cm_board_view .board_btn .btn_move .lable { display:inline-block; float:left; width:120px; color:#777; }
.cm_board_view .board_btn .btn_move .lable .im { margin:-2px 0 0 10px; font-size:90%; vertical-align:middle; }
.cm_board_view .board_btn .btn_move .tit { display:inline-block; float:left; max-width:calc(100% - 240px); 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 .btn_move .date  { display:inline-block; float:right; width:120px; color:#777; text-align:right; }

.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 { -webkit-flex:0 0 135px; -ms-flex:0 0 135px; flex:0 0 135px; width:135px; height:45px; border-radius:5px; font-size:15px; font-weight:700; line-height:45px; text-align:center; cursor:pointer; }


/*�Խ��� �۾���*/
.cm_board_write { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:30px; }
.cm_board_write .board_input { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:10px; overflow:hidden; }
.cm_board_write .board_input .box_label { -webkit-flex:1; -ms-flex:1; flex:1; font-size:15px; line-height:22px; }
.cm_board_write .board_input .box_input { -webkit-flex:1; -ms-flex:1; flex:1; }
/*�ʺ� 1200px�̻��϶�*/
.cm_board_write.w1200 .board_input { flex-direction:row; }
.cm_board_write.w1200 .board_input .box_label { -webkit-flex:0 0 200px; -ms-flex:0 0 200px; flex:0 0 200px; width:200px; height:45px; font-size:15px; line-height:45px; }



/*�Խ���*/
.cm_table_wrap { width:100%; border:1px solid #ddd; table-layout:fixed; }
.cm_table_wrap img { max-width:100%; }
.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 .hide { display:none; }
.cm_table_wrap .cm_view_category { display:inline-block; height:30px; padding:0 30px; margin-right:20px; border:1px solid #2f2e72; border-radius:15px; background:#fff; font-weight:400; font-size:15px; line-height:28px; }
.cm_table_wrap .cm_user_name , .cm_table_wrap .cm_mentor_name { font-size:15px !important; }

.cm_table_wrap thead { border-top:2px solid #222; border-bottom:1px solid #ddd; text-align:center; }
.cm_table_wrap thead th{ min-height:50px; height:auto; padding:10px 15px; background:#fff; color:#777; font-weight:400; font-size:16px; line-height:30px;}
.cm_table_wrap thead th .tit { font-weight:400; font-size:18px; text-align:left; }

.cm_table_wrap tbody { text-align:center; }
.cm_table_wrap tbody tr { cursor:pointer; }
.cm_table_wrap tbody td { padding:10px; border-bottom:1px solid #ddd; background:#fff;  font-weight:400; font-size:18px; line-height:26px; }
.cm_table_wrap tbody td.cm_txt { font-weight:400; font-size:15px; }
.cm_table_wrap tbody td.tit { padding:10px 20px; font-weight:400; font-size:18px;  text-align:left; }
.cm_table_wrap tbody td.txt_detail { position:relative; padding:20px 45px 20px 30px; background:#f8f8f8; color:#999; font-weight:400; font-size:15px; box-sizing:border-box; }
.cm_table_wrap tbody td.txt_detail .cm_btn_block { top:20px !important; }
.cm_table_wrap tbody td.txt_detail .cm_btn_block .box_popup_btn { top:0 !important; right:25px !important; }


/*�Խ��� ����Ʈ-���� ������*/
.cm_table_wrap.text_hidden { width:100%; table-layout:fixed; white-space:nowrap; }
.cm_table_wrap.text_hidden tbody td { height:50%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }

/*�Խ��� ����Ʈ-��������*/
.cm_table_wrap.borad_photo td { text-align:center; }
.cm_table_wrap.borad_photo .desc { position:relative; }
.cm_table_wrap.borad_photo .desc td:nth-of-type(2) { text-align:left !important; }
.cm_table_wrap.borad_photo .cm_thumb_wrap { float:left; width:80px; height:80px; margin:0 15px 0 0; border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.cm_table_wrap.borad_photo .tit { display:-webkit-box; float:left; width:calc(100% - 95px); font-weight:400; font-size:18px; line-height:26px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.cm_table_wrap.borad_photo .subtit { display:-webkit-box; float:left; width:calc(100% - 95px); margin: 2px 0 0 0; color:#777; font-weight:400; font-size:15px; line-height:22px;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.cm_table_wrap.borad_photo .txt { float:left; width:calc(100% - 95px); margin: 0 0 8px 0; color:#999; }
.cm_table_wrap.borad_photo .txt span { display:inline-block; float:left; position:relative; width:auto; margin-right: 20px; }
.cm_table_wrap.borad_photo .txt span:before { display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:15px; background:#ededed; }
.cm_table_wrap.borad_photo .txt span:last-of-type { display:none; }

/*(��) �Խ��� ��-���̺�*/
.cm_table_wrap.tale_view thead th .cm_view_category { padding:0 10px; }
.cm_table_wrap.tale_view tbody tr { cursor:unset; }
.cm_table_wrap.tale_view tbody td { padding:35px 25px; }
.cm_table_wrap.tale_view tbody td table { all:initial; }
.cm_table_wrap.tale_view tbody td > * { word-break:break-all; }
.cm_table_wrap.tale_view tbody td .box_tit { margin-top:20px; padding:30px 0; border:1px solid #ddd; border-radius:10px; background:#f8f8f8; box-sizing:border-box; font-weight:500; font-size:25px; }
.cm_table_wrap.tale_view tbody td .box_txt { margin-top:30px; }
.cm_table_wrap.tale_view tbody td .box_txt a { word-break:break-all; }
.cm_table_wrap.tale_view tbody td .box_txt img{ display:block; width:auto; max-width:600px; min-width:100px; height:auto; margin:20px 0; }

.cm_table_wrap.tale_veiw td.box_txt { font-size:initial; }
.cm_table_wrap.tale_veiw td.box_txt > table tr td { text-align:inherit; }
.cm_table_wrap.tale_veiw td.box_txt * { max-width:100%; margin:unset; padding:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; }
.cm_table_wrap.tale_veiw td.box_txt .title { all:unset; }

.cm_table_wrap.tale_veiw td.box_txt img { display:unset; max-width:100%; min-width:unset; height:auto; margin:0; }
.cm_table_wrap.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt li { display:list-item; list-style:inherit; text-align:-webkit-match-parent; }
.cm_table_wrap.tale_veiw td.box_txt ul ul{ list-style:initial; list-style-type:circle; margin-block-start: 0px; margin-block-end:0px; }

.cm_table_wrap.tale_veiw td.box_txt p { display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px; }
.cm_table_wrap.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt table { display:table; margin:26px 0 20px; border-collapse:separate; box-sizing:border-box; text-indent:initial; border-spacing:2px; }
.cm_table_wrap.tale_veiw td.box_txt table tr td { display:table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_table_wrap.tale_veiw td.box_txt table tbody tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }

.cm_table_wrap.tale_veiw td.box_txt 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.tale_veiw td.box_txt 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.tale_veiw td.box_txt code { padding:0.1rem 0.2rem; border-radius:3px; background:#b4d7ff; font-family: monospace; }

.cm_table_wrap.tale_veiw td.box_txt a { color:blue; text-decoration:underline; outline: initial; cursor:pointer; }
.cm_table_wrap.tale_veiw td.box_txt a:link { text-decoration:underline; }
.cm_table_wrap.tale_veiw td.box_txt a:visited { color:purple; text-decoration:underline; outline:initial; }
.cm_table_wrap.tale_veiw td.box_txt a:active { text-decoration:underline; outline: initial; }
.cm_table_wrap.tale_veiw td.box_txt a:hover { text-decoration:underline; outline:initial;}
.cm_table_wrap.tale_veiw td.box_txt *:focus {outline:initial;}
.cm_table_wrap.tale_veiw td.box_txt em { font-style:italic; }
.cm_table_wrap.tale_veiw td.box_txt 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:12px !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.tale_veiw td.box_txt .container { display: block; position:relative; max-width:100%; margin:26px 0 20px; }
.cm_table_wrap.tale_veiw td.box_txt .container table { display:table;  border-collapse:initial; border-spacing:0; table-layout:fixed; border:none; max-width:none; }
.cm_table_wrap.tale_veiw td.box_txt .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 tbody .cm_attached_wrap { position:relative; padding:0 !important; font-weight:400 !important; font-size:15px !important; overflow:hidden; }
.cm_table_wrap tbody .cm_attached_wrap .tit { display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 !important; width:150px; padding-top:10px; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list { display:inline-block; float:right; width:calc(100% - 150px); }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li { padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:left; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child { border-bottom:0; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li .im { margin:-2px 0 0 5px; color:#555; font-size:90%; vertical-align:middle; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:hover { text-decoration:underline; }

/*�Խ��� �� ����/���� ��ư*/
.cm_table_wrap.tale_veiw tbody tr td.box_move { height:50px; padding:0; border:1px solid #ddd; overflow:hidden; white-space:nowrap; cursor:pointer; overflow:hidden; }
.cm_table_wrap.tale_veiw tbody tr td.box_move::after { display:block; content:''; clear:both; }
.cm_table_wrap.tale_veiw tbody tr td.box_move button { float:left; width:105px; height:50px; border:0; background:#fff; color:#777; font-weight:400 !important; font-size:16px !important;}
.cm_table_wrap.tale_veiw tbody tr td.box_move button .im { margin:-2px 0 0 10px; color:#999; font-size:80%; vertical-align:middle; }
.cm_table_wrap.tale_veiw tbody tr td.box_move .tit { display:inline-block; float:left; max-width:800px; margin:0 15px; font-weight:400; font-size:15px; line-height:50px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.cm_table_wrap.tale_veiw tbody tr td.box_move .date { display:inline-block; float:left; width:auto; line-height:50px;}

/*�Խ��� �۾���*/
.cm_table_wrap.table_write tbody { border-top:2px solid #222; border-bottom:1px solid #ddd; }
.cm_table_wrap.table_write tbody tr { cursor:unset; height:50px; }
.cm_table_wrap.table_write tbody th { padding:10px 30px !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f4f5fa; font-weight:400; font-size:16px; line-height:25px; text-align:left; letter-spacing:2px; }
.cm_table_wrap.table_write tbody td { padding:10px 30px !important; text-align:left; font-weight:400 !important; font-size:16px !important; line-height:25px !important; box-sizing:border-box; }
.cm_table_wrap.table_write tbody td input + label { margin-left:10px; }


/*���� �÷��� ��ư*/
.cm_btn_youtube { position:fixed; bottom:215px; right:70px; 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_youtube img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); }

.cm_float_btn { position:fixed; bottom:150px; right:70px; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:10px 0; width:60px; height:auto;  z-index:998;}
.cm_float_btn .float_btn { width:60px; height:60px; border-radius:50%; box-shadow: 2.9px 4.1px 5px 0 rgba(0, 0, 0, 0.1); text-align:center; 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%; }

/*top��ư*/
.cm_btn_top { position:fixed; bottom:80px; right:70px; 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:11px; line-height:16px; }


/*����*/
.cm_filter_wrap { width:1200px; margin:0 auto; }
.cm_filter_wrap .filter_tit { font-weight:400; font-size:18px; box-sizing:border-box; }
.cm_filter_wrap .filter_cont { overflow:hidden; overflow-y:auto; }
.cm_filter_wrap .filter_cont .scroll_style { scrollbar-shadow-color: inset 0px 0px 6px rgba(0,0,0,.3); scrollbar-face-color :#ddd; scrollbar-track-color:#f8f8f8;  scrollbar-arrow-color:#f4f4f4; }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar { width: 10px; background: #ddd; }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar-track { background: #f4f4f4;  -webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.3); }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar-thumb { margin-top:10px; background: #ddd; }

.cm_filter_wrap .filter_list_wrap { display:block; width:100%; height:auto; box-sizing:border-box; }
.cm_filter_wrap .filter_list_wrap .filter_list:last-child { margin-bottom:0; }
.cm_filter_wrap input[type="checkbox"] { display: none; }
.cm_filter_wrap input[type="checkbox"] label { box-sizing:border-box; }
.cm_filter_wrap input[type="checkbox"] + label { display:inline-block; width:150px; height:16px; padding: 0; color:#555; font-weight:400; font-size:16px; line-height:16px; cursor:pointer; }
.cm_filter_wrap input[type="checkbox"] + label .im { font-size:80%; margin-right:8px; }
.cm_filter_wrap input[type="checkbox"]:checked + label { color:#ff7500; }

.cm_filter_wrap .box_filter .drag_grap { position:relative; width:100%; height:55px; padding:0 10px; margin-top:20px; box-sizing:border-box; overflow:hidden; }
.cm_filter_wrap .box_filter .drag_grap .irs-single { top:30px; background-color:transparent !; color:#222; font-size:14px; }
.cm_filter_wrap .box_filter .drag_grap .irs-single:before { display:block; top:0; width:15px; height:15px; margin:1px 0 0 7px; border:0;  background-color:transparent; }
.cm_filter_wrap .box_filter .drag_grap .irs-from { top:30px; background-color:transparent; color:#222; font-size:14px; }
.cm_filter_wrap .box_filter .drag_grap .irs-from:before { content:"%" !important; display:block; top:0; width:15px; height:15px; margin:1px 0 0 7px; border:0;  background-color:transparent; }
.cm_filter_wrap .box_filter .drag_grap .irs-to { top:30px; background-color:transparent; color:#222; font-size:14px; }
.cm_filter_wrap .box_filter .drag_grap .irs-to:before { content:"%" !important; display:block; top:0; width:15px; height:15px; margin:1px 0 0 7px; border:0;  background-color:transparent; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-min { top:30px; background-color:transparent; font-size:14px; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-min::after { content:"%"; display:inline-block; top:0; width:15px; height:15px; margin:1px 0 0 2px; border:0;  background-color:transparent; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-max { top:30px; background-color:transparent; font-size:14px; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-max::after { content:"%"; display:inline-block; top:0; width:15px; height:15px; margin:1px 0 0 2px; border:0;  background-color:transparent; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-bar { top:12px; height:6px; background-color:#999; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-line  { top:12px; height:6px; background-color:#f2f4f7; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-handle { top:5px;  width:20px; height:20px; border-radius:50%; background-color:#ff7500; }
.cm_filter_wrap .box_filter .drag_grap .irs--flat .irs-handle i { display:none; }
.cm_filter_wrap .box_filter .drag_grap .circle_btn.left_btn { left:0 }
.cm_filter_wrap .box_filter .drag_grap .circle_btn.right_btn { right:0 }

.cm_filter_wrap .box_filter .drag_grap .bar { display:inline-flex; position:absolute; top:22px; width:100%; height:6px; background-color:#999; z-index:9; }
.cm_filter_wrap .box_filter .drag_grap .bar_start_txt {  display:inline-flex; position:absolute; top:35px; left:0; width:auto; height:10px; color:#999; font-size:13px; }
.cm_filter_wrap .box_filter .drag_grap .bar_end_txt {  display:inline-flex; position:absolute; top:35px; right:0; width:auto; height:10px; color:#999; font-size:13px; }

.cm_filter_wrap .box_filter .drag_grap_result { display:inline-block; width:100%; height:50px; margin-top:10px; border:1px solid #ddd; color:#777; font-size:15px; line-height:48px; text-align:center; }
.cm_filter_wrap .box_filter .drag_grap_result .result_txt { margin:20px;}
.cm_filter_wrap .box_filter .drag_grap_result .result_txt strong { font-weight:400;}

/*��ī���� ����*/
.cm_filter_wrap.block01 { height:325px; margin-top:40px; }
.cm_filter_wrap.block01 .box_filter { float:left; width:250px; margin-right:20px; border:1px solid #ddd; border-top:0; box-sizing:border-box; }
.cm_filter_wrap.block01 .box_filter.mentor_filter { width:660px !important; }
.cm_filter_wrap.block01 .box_filter.theme_filter { margin-right:0; }
.cm_filter_wrap.block01 .box_filter .filter_tit { height:60px; padding:0 20px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:60px; box-sizing:border-box; }
.cm_filter_wrap.block01 .box_filter .filter_tit .im { margin:-4px 5px 0 0; font-size:80%; vertical-align:middle; }

.cm_filter_wrap.block01 .box_filter.on .filter_tit { border-top:2px solid #ff7500; line-height:58px; }
.cm_filter_wrap.block01 .box_filter:hover .filter_tit { border-top:2px solid #ff7500; line-height:58px; }

.cm_filter_wrap.block01 .filter_cont { height:178px; }
.cm_filter_wrap.block01 .filter_list_wrap { display:inline-block;  padding:15px 20px 0px 0;}
.cm_filter_wrap.block01 .filter_list_wrap .filter_list { display:inline-block; float:none; width:228px !important; height:auto; margin-bottom: 18px; text-align:left; padding-left:20px; font-size:16px; }
.cm_filter_wrap.block01 .filter_list_wrap.wide .filter_list { float:left; width:50% !important; text-align:left; padding-left:20px; font-size:16px; }
.cm_filter_wrap.block01 .filter_list_wrap.wide .filter_list:last-child{margin-bottom:18px; }


/*�ʺ�����VOD ������ ����*/
.cm_filter_wrap.block01.beginner .box_filter.theme_filter { width:402px; margin-right:0; }
.cm_filter_wrap.block01.beginner .box_filter.mentor_filter { width:778px !important; }
.cm_filter_wrap.block01.beginner .filter_list_wrap.wide .filter_list { float:left; width:33.3% !important; text-align:left; padding-left:20px; font-size:16px; }
.cm_filter_wrap.block01.beginner .filter_list_wrap.wide .filter_list:last-child{margin-bottom:18px; }

/*�˻�/���������� ����*/
.cm_filter_wrap.block02 { padding:0 20px; background:#f8f8f8; }
.cm_filter_wrap.block02 li { padding:15px 0; }
.cm_filter_wrap.block02 li.box_input { padding-top:0; }
.cm_filter_wrap.block02 li.box_detail { padding-top:0; }
.cm_filter_wrap.block02 .btn_input { width:171px; height:35px; margin-bottom:15px; margin-right:23px; border:1px solid #ddd; background:#fff; font-weight:400; font-size:14px; line-height:35px; text-align:center; cursor:pointer; }
.cm_filter_wrap.block02 .btn_input:nth-child(6n) { margin-right:0; }
.cm_filter_wrap.block02 .btn_input.on { border:1px solid #222; background:#222; color:#fff; }
.cm_filter_wrap.block02 .box_ic { display:inline-block; float:right; width:27px; height:27px; margin-left:44px; background:#ddd; text-align:center; }
.cm_filter_wrap.block02 .box_ic .im { font-size:12px; line-height:20px; }

/*��õ���� ����*/
.cm_filter_wrap.line01 { display:block; position:relative; left:calc(50% - 600px); width:1200px; height:65px; background:#f4f5fa; }
.cm_filter_wrap.line01 .filter_tit { display:block; float:left; width:204px; height:40px; margin:13px 8px 0 0; border:1px solid #ccc; background:url('/images/board/stockList_filter_arrow01.png') 180px 16px no-repeat; background-color:#fff; color:#777; font-weight:400; font-size:15px; line-height:38px; text-align:center; box-sizing:border-box; cursor:pointer; }
.cm_filter_wrap.line01 .filter_tit:nth-of-type(5) { margin-right:0; }
.cm_filter_wrap.line01 .filter_tit.on { border:1px solid #ff7500; border-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; background-image:url('/images/board/stockList_filter_arrow02.png'); z-index:10; }
.cm_filter_wrap.line01 .cm_btn_ic { float:right; margin-bottom:10px; }
.cm_filter_wrap.line01 .cm_btn_bg { float:left; width:120px; height:40px; margin:13px 0 0 28px;  border-radius:5px; font-weight:400; font-size:15px; line-height:40px; cursor:pointer;}
.cm_filter_wrap.line01 .cm_btn { float:left; width:120px; height:40px; margin:10px 0 10px 28px;  border-radius:5px; font-weight:400; font-size:15px; line-height:40px; cursor:pointer;}

.cm_filter_wrap.line01 .box_filter { display:none; position:absolute; top:51px; left:0; width:368px; height:auto; padding:20px 19px 20px 19px; border:1px solid #ff7500; background-color:#fff; box-sizing:border-box; z-index:1; text-align:left; }
.cm_filter_wrap.line01 .box_filter:before{content:''; display:block; position:absolute; top:-1px; left:0; width:202px; height:1px; background-color:#fff; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(5):before{ left:164px; }

.cm_filter_wrap.line01 .box_filter.on { display:inline-block; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(2) { left:212px; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(3) { left:424px; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(4) { left:636px; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(5) { left:684px; }

.cm_filter_wrap.line01 .box_filter .filter_cont { width:330px; height:auto; padding:24px 0 0 20px; margin-top:20px; border:1px solid #ddd; box-sizing:border-box; overflow-y:scroll; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(1) .filter_cont { height:330px; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(2) .filter_cont { height:160px; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(3) .filter_cont { height:200px; overflow:hidden; }
.cm_filter_wrap.line01 .box_filter:nth-of-type(4) .filter_cont { overflow:hidden; }

.cm_filter_wrap.line01 .box_filter .filter_cont input[type="checkbox"] + label { display:inline-block; width:auto; height:20px; padding-left:37px; margin-bottom:20px;  background:url('/images/board/stockList_filter_check.png') no-repeat 0 -20px; font-size:15px; line-height:20px; cursor:pointer; box-sizing:border-box; }
.cm_filter_wrap.line01 .box_filter .filter_cont input[type="checkbox"]:checked + label { background:url('/images/board/stockList_filter_check.png') no-repeat 0 0px; color:#666; }

.cm_filter_wrap.line01 .box_filter .btn_result { float:right; width:120px; height:40px; margin-top:20px; border-radius:5px; color:#fff; font-size:18px; font-weight:400; line-height:normal; }

.cm_filter_wrap .filter_result { float:left; width:100%; height:auto; min-height:60px; max-height:113px; margin-top:20px; box-sizing:border-box; border:1px solid #ddd; overflow:hidden; }
.cm_filter_wrap .filter_result .filter_result_cont { display:block; float:left; width:904px; min-height:60px; max-height:81px !important; padding:10px; padding-top:15px; box-sizing:border-box; text-align:left; box-sizing:border-box; overflow:hidden!important;}
.cm_filter_wrap .filter_result .filter_result_cont span {display:inline-block; height:20px; padding:0 11px; margin:5px 24px 5px 0 ; font-size:19px; font-weight:500; line-height:18px; overflow:hidden; vertical-align:middle; }
.cm_filter_wrap .filter_result .filter_result_cont a { display:block; float:right; width:11px; height:100%; margin-left:8px; }
.cm_filter_wrap .filter_result .filter_result_cont a .im { color:#999; font-size:12px; line-height:20px; }
.cm_filter_wrap .filter_result .filter_btn_cont { display:block; float:right; width:calc(100% - 906px); height:63px; overflow:hidden; }
.cm_filter_wrap .filter_result .filter_btn_cont a { display:table !important; float:left; width:70px; height:63px;  overflow:hidden;}
.cm_filter_wrap .filter_result .filter_btn_cont a .cm_btn_ic { display:table-cell !important;  color:#999; font-size:16px; vertical-align:middle;}
.cm_filter_wrap .filter_result .filter_btn_cont button.cm_btn_bg { float:right; width:195px !important; height:63px; font-weight:500; font-size:19px; line-height:58px; cursor:pointer; }


/*��ī���� ����Ʈ/�� �� - ���� ��*/
.cm_info_desc { float:left; height:auto; padding:0 20px; margin-top:15px; font-weight:400; font-size:15px; line-height:22px; overflow:hidden; }
.cm_info_desc .info_desc_txt { float:left; width:100%; height:30px; }
.cm_info_desc .info_desc_txt.info_period { width:50%; }
.cm_info_desc .info_desc_txt .tit { display:block; float:left; position:relative; width:70px; padding-left:10px; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .tit:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#222; }
.cm_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:400; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .txt b { font-weight:400; }
.cm_info_desc .info_desc_txt .txt span { display:inline-block; float:left; margin-right:20px; }
.cm_info_desc .info_desc_txt .txt .cm_btn_curri { margin:-3px 0 0 0px; font-weight:400; }
.cm_info_desc .info_desc_txt .txt .cm_badge { display:inline-block; float:none; margin-left:5px; padding:0 10px; color:#222!important; line-height:25px; vertical-align:middle; }

/*��õ���� ��Ȳ*/
.cm_present_info { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 30px; width:100%; height:90px; padding:20px 30px; border-radius:15px; border:1px solid #ddd; }
.cm_present_info h3.cm_txt { flex:1 1 195px; width:195px; box-sizing:border-box; font-weight:700; line-height:50px; }
.cm_present_info .present_info { flex:1 1 auto; position:relative; box-sizing:border-box; }
.cm_present_info .present_info .ic { float:left; width:50px; height:50px; margin-right:15px; background:url('/images/board/stockView_icon.png') no-repeat; }
.cm_present_info .present_info.num01 .ic { background-position:0 0; }
.cm_present_info .present_info.num02 .ic { background-position:0 -50px; }
.cm_present_info .present_info.num03 .ic { background-position:0 -100px; }
.cm_present_info .present_info .tit { display:block; float:left; width:auto; font-size:15px; line-height:50px; box-sizing:border-box; }
.cm_present_info .present_info .tit .im { margin:-2px 0 0 3px; font-size:95%; vertical-align:middle; cursor:pointer; }
.cm_present_info .present_info .txt { display:block; float:right; font-weight:normal; font-size:18px; line-height:50px; text-align:right; }

.cm_present_info .present_info .cm_info_popup { position:absolute !important; bottom:0!important; right:-25px !important; }

.cm_info_popup { display:inline-block; position:absolute; width:50%; height:auto; padding:15px; border-radius:10px; background:#000; opacity:0.7; box-sizing:border-box;}
.cm_info_popup li{ display:block; width:100%; height:20px; color:#fff; font-size:13px; font-weight:400; line-height:20px; text-align:left;}
.cm_info_popup li strong{ float:right; margin-left:20px; font-weight:400; }

/*���� �ɷ�ġ �׷��� �κ�*/
.cm_rader_wrap { display:inline-block; position:relative; width:1200px; height:370px; margin:0 auto; overflow:hidden; }
.cm_rader_wrap .btn_tooltip { position:absolute; left:0; top:35px; margin:2px; padding:2px; font-size:140%; cursor:pointer; z-index:100; }

.cm_rader_wrap .box_rader_graph { float:left; position:relative; width:382px; height:300px; margin-top:35px; }
.cm_rader_wrap .box_rader_graph .rader_graph{ width:100%; height:300px; overflow:hidden; }

.cm_rader_wrap .rader_info { float:right; width:760px; height:auto; margin-top:100px; text-align:center; }
.cm_rader_wrap .rader_info .cm_subtit { margin-bottom:20px; text-align:left; }

.cm_rader_wrap .rader_info_wrap { margin-bottom:0; }
.cm_rader_wrap .rader_info_wrap .slick-dots { position:absolute; display:inline-block; width:auto; height:12px; padding:0; margin:0; right:0; top:-32px; border:0; }
.cm_rader_wrap .rader_info_wrap .slick-dots > li { float:left; display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_rader_wrap .rader_info_wrap .slick-dots > li.slick-active button { background-color:#ff7500; border:1px solid #ff7500; }
.cm_rader_wrap .rader_info_wrap .slick-dots > li button { display:block; width:12px; height:12px; border-radius:50%; background-color:#ddd; border:1px solid #ddd; }
.cm_rader_wrap .rader_info_wrap .slick-dots > li button:before { display:none; }

.cm_rader_wrap .cm_present_info { display:flex !important; }
.cm_rader_wrap .cm_present_info .present_info { text-align:left; }
.cm_rader_wrap .cm_present_info .present_info .ic { background:url('/images/Analysts/analystview_icon02.png') no-repeat 0 0; }
.cm_rader_wrap .cm_present_info .present_info.num02 .ic { background-position: 0 -50px; }
.cm_rader_wrap .cm_present_info .present_info.num03 .ic { background-position: 0 -100px; }
.cm_rader_wrap .cm_present_info .present_info.num04 .ic { background-position: -50px 0; }
.cm_rader_wrap .cm_present_info .present_info.num05 .ic { background-position: -50px -50px; }
.cm_rader_wrap .cm_present_info .present_info.num06 .ic { background-position: -50px -100px; }

.cm_rader_wrap.non_date { height:300px; background:url('/images/Analysts/analystView_commingsoon.jpg') no-repeat center; background-size:contain; text-align:center; overflow:hidden; }
.cm_rader_wrap.non_date h4 { display:block; margin-top:100px; font-size:30px; font-weight:900; }
.cm_rader_wrap.non_date span { display:inline-block; margin-top:20px; font-weight:400; font-size:18px; line-height:23px; }


/*��� ��*/
.cm_reply_wrap { width:100%; border-top:2px solid #222; }
.cm_reply_wrap::after { display:block; content:''; clear:both; }
/*��� ����*/
.cm_reply_write { width:100%; width:100%; height:115px; height:auto; padding:20px 29px; border:1px solid #ddd;  background:#fff; font-weight:400; font-size:16px; box-sizing:border-box; overflow:hidden; }
.cm_reply_write input[type='text'] { display:block; float:left; width:90%; height:45px; padding:0 15px; margin-bottom:15px; border:1px solid #ddd; background:#fff; color:#999; font-weight:400; font-size:15px; line-height:25px; resize:none; box-sizing:border-box; }
.cm_reply_write textarea { display:block; float:left; width:90%; height:75px; padding:15px; border:1px solid #ddd; background:#fff; color:#999; font-weight:400; font-size:15px; line-height:17px; resize:none; box-sizing:border-box; }
.cm_reply_write .cm_btn_bg { float:left; width:10% !important; height:75px !important; margin-bottom:0 !important; border-radius:0 !important; font-size:18px; line-height:75px; cursor:pointer; }
.cm_reply_write .cm_btn_bg.btn_fast { position:absolute; right:29px; top:20px; width:8% !important; height:135px !important; }

/*��� ����*/
.cm_reply_list { width:100%; }
.cm_reply_list::after { display:block; content:''; clear:both; }
.cm_reply_list .reply_list {  background:#fff; box-sizing:border-box; }
.cm_reply_list .reply_list::after { display:block; content:''; clear:both; }

.cm_reply_list .reply_cont { display:block; position:relative; width:100%; padding:20px 30px; border:1px solid #ddd; border-top:0; box-sizing:border-box; }
.cm_reply_list .reply_cont .cm_mentor_name { font-size:13px; }
.cm_reply_list .reply_cont .cm_user_name { font-size:13px; }
.cm_reply_list .reply_cont::after { display:block; content:''; clear:both; }
.cm_reply_list .reply_cont textarea { display:block; float:left; width:90%; height:75px; padding:15px; border:1px solid #ddd; background:#fff; color:#999; font-weight:400; font-size:15px; line-height:17px; resize:none; box-sizing:border-box; }
.cm_reply_list .reply_cont .cm_btn_bg { float:left; width:10% !important; height:75px !important; margin-bottom:0 !important; font-size:18px; line-height:75px; cursor:pointer; }

.cm_reply_list .reply_cont .reply_write_info { display:block; position:relative; width:100%; box-sizing:border-box; overflow:hidden; }
.cm_reply_list .reply_cont .cm_smtxt { position:relative; display:inline-block; margin-left:10px; padding-left:10px; color:#999; box-sizing:border-box; }
.cm_reply_list .reply_cont .cm_smtxt:before { display:inline-block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:13px;  background:#999; }
.cm_reply_list .reply_cont .reply_desc {width:calc(100% - 220px); height:auto; margin-top:10px; color:#777; font-weight:400; font-size:15px; line-height:20px; overflow:hidden; }

.cm_reply_list .reply_cont .box_reply_btn { position:absolute; top:20px; right:30px; max-width:222px; height:35px; }
.cm_reply_list .reply_cont .box_reply_btn::after { display:block; content:''; clear:both; }
.cm_reply_list .reply_cont .box_reply_btn li { float:left; width:64px; height:35px; margin-right:10px; border:1px solid #ddd; background:#fff; color:#444; font-size:16px; line-height:32px; text-align:center; cursor:pointer; }
.cm_reply_list .reply_cont .box_reply_btn li:last-child { margin-right:0; }
.cm_reply_list .reply_cont .box_reply_btn li.cm_btn_block { position:relative !important; top:0 !important; right:0 !important; width:auto; height:auto; border:0; background-color:transparent; z-index:11; }
.cm_reply_list .reply_cont .box_reply_btn li.cm_btn_block .im { height:35px !important; line-height:35px !important; z-index:10; }
.cm_reply_list .reply_cont .box_reply_btn li.cm_btn_block .box_popup_btn { top:0px!important; right: 25px; }
.cm_reply_list .reply_cont .box_reply_btn li.cm_btn_block .box_popup_btn a { }


.cm_reply_list .reply_cont.change { width:100%; height:auto; }

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info { position:relative; padding-left:40px; box-sizing:border-box;}
.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info:before { display:block; content:''; position:absolute; left:0; top:2px;  width:15px; height:15px; border:1px solid #ddd; border-top:0; border-right:0; }

.cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info .cm_mentor_name { color:#ff7500; }
.cm_reply_list .reply_list.re_reply .reply_cont .reply_desc { padding-left:40px; box-sizing:border-box;}

.cm_reply_list .reply_cont.my { background:#f8f8f8; }
.cm_reply_list .reply_cont .reply_write_info .cm_user_name.my { color:#ff7500; }


/*�÷���*/
.cm_bn_floating { display:inline-block; position:fixed; width:auto; height:auto; z-index:100; }
.cm_bn_floating.left_floting { left:80px; } /*���� �÷���*/
.cm_bn_floating.right_floting { right:150px; } /*������ �÷���*/
.cm_bn_floating.no_fixed {  position:absolute; } /*����*/
.cm_bn_floating .box_bn { display:inline-block; position:relative; width:auto!important; padding:0!important; margin:0!important; background-color:transparent!important; /*cursor:pointer;*/ }
.cm_bn_floating .box_bn a { display:block; width:229px; height:auto; }
.cm_bn_floating .box_bn img { display:block; width:100%; }
.cm_bn_floating .box_bn .btn_close { display:block; position:absolute; top:10px; right:10px; width:25px; height:25px; }
.cm_bn_floating .box_bn .btn_close .im { font-size:120%; }
.cm_bn_floating .box_bn .btn_apply { display:inline-block; position:absolute; top:335px; left:19px; width:170px; height:35px; z-index:100; }
.cm_bn_floating .box_bn .btn_apply.type01 { top:333px; }
.cm_bn_floating .box_bn .btn_apply.type02 { top:320px; left:40px; }
.cm_bn_floating .box_bn .btn_apply:hover { opacity:0.1;}
.cm_bn_floating .round { border-radius:20px; }
.cm_bn_floating .shadow { box-shadow:0px 3px 20px rgba(000,000,000,0.3); }
.cm_bn_floating .box_bn .btn_pop_float { position:absolute; top:131px; left:50px; display:block; width:151px; height:30px; border-radius:50px; background:#2f2e72; box-sizing:border-box; opacity:0; }
.cm_bn_floating .box_bn .btn_pop_float:hover { opacity:0.4; }

.cm_txt_floating { display:none; position:fixed; right:135px; top: calc(95% - 50px); width:180px; height:60px; padding:19px 0; border:1px solid #ddd; border-radius:30px; background:#fff;  box-shadow:0px 3px 20px rgba(000,000,000,0.3);  z-index:100; overflow:hidden; }
.cm_txt_floating a { display:block; height:22px; font-size:15px; font-weight:bold; line-height:22px; text-align:center;  overflow:hidden;}
.cm_txt_floating a i { font-style:italic; }

.cm_btn_close_non { position:absolute; bottom:-20px; left:50%; transform:translateX(-50%); width:95.5%; height:40px; margin-left:-3px; color:#000; font-size:15px; text-align:center; line-height:40px; background:#ddd; border-radius:10px; border-top-left-radius:0; border-top-right-radius:0; box-shadow:3px 3px 5px #eee; }


.cm_ranking_list { width:100%; border-top:2px solid #222; }
.cm_ranking_list th { color:#777; font-size:13px; font-weight:400; line-height:37px; }
.cm_ranking_list th .im-menu-list { margin:0 0 0 16px; font-size:120%; vertical-align:middle; }
.cm_ranking_list th:first-of-type { border-left:1px solid #ddd; }
.cm_ranking_list th:last-of-type { border-right:1px solid #ddd; }

.cm_ranking_list tr:first-child td { border-top:1px solid #ddd; }
.cm_ranking_list tr td { padding:12px 0 8px 0; border-bottom:1px solid #ddd; color:#777; font-size:20px; line-height:38px; text-align:center; }
.cm_ranking_list tr td small { font-size:15px; }

.cm_ranking_list .up { color:#e8373d !important; }
.cm_ranking_list .down { color:#373fe8 !important; }
.cm_ranking_list .profit { color:#f5634a !important; }
.cm_ranking_list .loss { color:#22a5df !important; }

.cm_ranking_list .box_order { border-left:1px solid #ddd; color:#222; }
.cm_ranking_list .box_order .order small { display:inline-block; position:absolute; top:8px; left:100px; min-width:32px; text-align:center; }
.cm_ranking_list .box_order .order { position:relative; }
.cm_ranking_list .box_order .order .top3 { display:inline-block; line-height:33px; 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-right:25px; text-align:right; }
.cm_ranking_list .box_score { text-align:right; }
.cm_ranking_list .box_stock { padding:10px 0; font-size:18px; text-align:left; }

.cm_ranking_list .box_challenger { padding:10px 25px; text-align:left; }
.cm_ranking_list .box_challenger .cm_subtit { color:#777; font-weight:400; line-height:40px; }

.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_ranking_list .non_date { height:200px; color:#777 !important; font-size:15px!important; text-align:center !important;}


/*��/����*/
.cm_btn_block { position:absolute; top:15px; right:10px; z-index:10;}
.cm_btn_block .im { display:block; width:25px; height:25px; color:#999; font-size:100%; line-height:25px; text-align:center; cursor:pointer; }
.cm_btn_block .box_popup_btn { display:none; position:absolute; top:0; right:25px; width:95px; height:auto; padding:10px 0; border-radius:10px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.cm_btn_block .box_popup_btn.on { display:block; }
.cm_btn_block .box_popup_btn a,
.cm_btn_block .box_popup_btn button { display:block; width:100%; height:30px; border:0; background:transparent; color:#999; font-weight:400!important; font-size:15px; line-height:30px; text-align:center; cursor:pointer; }
.cm_btn_block .box_popup_btn a:hover,
.cm_btn_block .box_popup_btn button:hover { color:#222; }


/*���ڵ�� ����Ʈ*/
.cm_accordion_list { width:100%; border-top:1px solid #ededed; }
.cm_accordion_list .cm_accordion_cont { position:relative; border-bottom:1px solid #ededed; }
.cm_accordion_list .cm_accordion_cont .box_tit { padding:15px; 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_badge { float:left; margin-right:10px; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record .cm_user_name { float:left; }
.cm_accordion_list .cm_accordion_cont .box_tit .box_record .date { float:right; margin-right:40px; line-height:22px; }
.cm_accordion_list .cm_accordion_cont .box_tit .cm_btn_block { top:0; right:0; height:22px; }
.cm_accordion_list .cm_accordion_cont .box_desc { display:none; padding:20px; 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:200px; padding:90px 0; border:0; border-radius:10px; background:#f8f8f8; color:#777; text-align:center; }

/*�޷� > jquery-ui.min.css Ŀ���͸���¡*/
#ui-datepicker-div.ui-widget-content { padding:10px; border:1px solid #ccc; border-radius:5px; }
#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-size:18px; 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-size:18px; font-weight:700; }
#ui-datepicker-div.ui-widget-content .ui-widget-header .ui-datepicker-month { font-size:18px; 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-size:15px; font-weight:400; 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-default.ui-priority-secondary { background:#ededed; color:#ccc; opacity:1; }
#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 td.ui-state-disabled .ui-state-default { background:transparent; color:#ccc; }


/*2�� ����Ʈ*/
.cm_list_cont { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; position:relative; min-width:0; min-height:calc(100vh - 105px); overflow:visible!important; }
.cm_list_cont .cm_subject { -webkit-flex:0 0 200px; -ms-flex:0 0 200px; -ms-flex-order:1; order:1; flex:0 0 200px; width:200px; position:sticky;  height:min-content;  top:50px; left:calc(50% - 600px); }
.cm_list_cont .cm_subject h3.cm_txt { word-break:keep-all; }
.cm_list_cont .cm_subject .box_bn { width:inherit; height:auto; border:1px solid #ededed; border-radius:10px; overflow:hidden; }
.cm_list_cont .cm_subject .box_bn img { display:block; width:100%; height:auto; cursor:pointer; }
.cm_list_cont .cm_subject .cm_search_wrap { position:relative;  overflow:hidden; }
.cm_list_cont .cm_subject .cm_search_wrap .cm_input { width:100%; height:40px; padding-right:50px; font-size:13px; line-height:40px; }
.cm_list_cont .cm_subject .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; }
.cm_list_cont .cm_subject .cm_select { width:100%; height:40px; margin:0; font-size:13px; line-height:40px; }

.cm_list_cont .cm_contents { -webkit-flex:0 0 900px; -ms-flex:0 0 900px; flex:0 0 900px; -ms-flex-order:2; order:2; width:900px; }
.cm_list_cont .cm_contents .cm_tab.text_style { text-align:right; }
.cm_list_cont .cm_contents .cm_tab.text_style .cm_tab_menu { display:inline-block; float:none; }
.cm_list_cont .cm_contents .cm_tab.text_style .cm_tab_menu.on { color:#222; font-weight:700; line-height:22px; }
.cm_list_cont .cm_contents .list_wrap.flex_row { gap:30px 15px; }

.cm_list_cont .cm_contents .list_cont.vertical01 { -webkit-flex:0 1 290px; -ms-flex:0 1 290px; flex: 0 1 290px; gap:30px 20px; width:290px; height:auto; cursor:pointer; }
.cm_list_cont .cm_contents .list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 { height:auto; padding-top:56.25% }
.cm_list_cont .cm_contents .list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto; }

.cm_list_cont .cm_contents .cm_form_wrap.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; width:520px; margin:30px auto 0; gap:0 15px; }
.cm_list_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_list_cont .cm_contents .cm_form_wrap.bottom .cm_input { -webkit-flex:1 1 270px; -ms-flex:1 1 270px; flex: 1 1 270px; }
.cm_list_cont .cm_contents .cm_form_wrap.bottom .cm_btn { -webkit-flex:0 0 80px; -ms-flex:0 0 80px; flex: 0 0 80px; width:80px; border-radius:5px; font-size:15px; cursor:pointer; }


/*2�� ��*/
.cm_view_cont { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position:relative; min-width:0; padding: 0 0 50px 0 !important;}
.cm_view_cont .cm_contents { -webkit-flex:0 0 900px; -ms-flex:0 0 900px; flex:0 0 900px; -ms-flex-order:1; order:1; width:900px; padding-right:60px; }
.cm_view_cont .cm_contents .box_subject { position:sticky; top:40px; padding-top: 30px; background:#fff; z-index:10; }
.cm_view_cont .cm_contents .box_subject .cm_tit{ display:inline-block; max-width:calc(100% - 100px); height:36px; }
.cm_view_cont .cm_contents .box_subject .cm_tit.resize { font-size:18px !important; }
.cm_view_cont .cm_contents .box_subject .cm_tit .cm_btn_share { float:right; margin-left:10px; margin-top:6px; }

.cm_view_cont .cm_contents .box_subject .cm_btn.line_gray { position:absolute; top:6px; right:0; height:25px; padding:0 10px; line-height:23px; border-radius:3px; }
.cm_view_cont .cm_contents .box_subject .cm_btn.bg_or { position:absolute; top:6px; right:0; height:25px; padding:0 10px; line-height:23px; border-radius:3px; }

.cm_view_cont .cm_contents .box_subject .btn_download { position:relative; display:inline-block; width:auto; height:25px; padding:0 10px; font-size:13px; font-weight:400; line-height:23px; }
.cm_view_cont .cm_contents .box_subject .btn_download .im { margin:0 3px 0 0; font-size:85%; vertical-align:baseline; }

.cm_view_cont .cm_contents .box_subject .cm_btn_appraisal { position:absolute; top:6px; right:0; width:auto; height:25px; padding:0 10px; border-radius:3px; }
.cm_view_cont .cm_contents .box_subject .cm_btn_appraisal.non { border:0; background:#ededed; color:#999; opacity:1; line-height:25px; cursor:default; } /*�� ��� �ƴҶ�*/
.cm_view_cont .cm_contents .box_subject .cm_btn_appraisal.my { border:1px solid #ff7500; background:#fff; color:#ff7500; } /*�� �� ����*/

.cm_view_cont .cm_contents .box_subject.fixed {  top:0; width:840px; padding-top:70px; background:#fff; }
.cm_view_cont .cm_contents .box_subject.fixed:after { clear:both; }
.cm_view_cont .cm_contents .box_subject.fixed .cm_btn_appraisal { top: 76px;}
.cm_view_cont .cm_contents .box_subject.fixed .cm_btn { top: 76px;}

.cm_view_cont .cm_contents .box_subject .cm_tab .cm_tab_menu { cursor:pointer; }

.cm_view_cont .cm_contents .list_wrap { width:100%; }
.cm_view_cont .cm_contents .list_wrap.flex_row { gap:30px 15px; }
.cm_view_cont .cm_contents .list_wrap .list_cont.vertical01 { -webkit-flex:0 1 270px; -ms-flex:0 1 270px; flex: 0 1 270px; width:270px; }

.cm_view_cont .cm_contents .box_view { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:25px 0; }
.cm_view_cont .cm_contents .box_view .box_cont > img { display:block; width:80%; margin:0 auto; }
.cm_view_cont .cm_contents .box_view .box_img img { display:block; width:80%; margin:0 auto; }

.cm_view_cont .cm_contents .box_view .bn_review { border-radius:10px; overflow:hidden; border:1px solid #ededed; }
.cm_view_cont .cm_contents .box_view .bn_review img { display:block; width:100%; margin:0 auto; }
/*
.cm_view_cont .cm_contents .box_view .box_cont:not([style*="display: none"]) + .box_cont { margin-top:50px; }
*/
.cm_view_cont .cm_contents .box_view .box_cont {  -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex: 1 1 auto; width:100%; height:max-content; margin:25px 0 0 0 !important; align-self:flex-start; overflow:hidden; }
.cm_view_cont .cm_contents .box_view .box_cont .cm_tit  { position:relative; }
.cm_view_cont .cm_contents .box_view .box_cont .cm_tit .btn_apply { position:absolute; top:0; right:0; width:135px; height:45px; padding:0 10px; border-radius:5px; font-size:15px; font-weight:700; line-height:45px; text-align:center; }

/* S: ������ȣ:12833 ���Ӹ� �� ���� */
.cm_view_cont .cm_contents .box_view .box_cont2 {  -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex: 1 1 auto; width:100%; height:max-content; margin:0 0 0 0 !important; align-self:flex-start; }
.cm_view_cont .cm_contents .box_view .box_cont2 .cm_header_wrap { position:sticky; top:182px; background:#fff; z-index:100; padding:25px 0 0;}
/* E: ������ȣ:12833 ���Ӹ� �� ���� */

.cm_view_cont .cm_contents .box_view .view_btn.bottom{ display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:flex-end; width:100%; padding:0; gap:10px; }
.cm_view_cont .cm_contents .box_view .view_btn.bottom .cm_btn { -webkit-flex:0 0 135px; -ms-flex:0 0 135px; flex:0 0 135px; width:135px; height:45px; border-radius:5px; font-size:15px; font-weight:700; line-height:45px; text-align:center; }
.cm_view_cont .cm_contents .box_view .view_btn.bottom img { display:block; width:100%; height:auto; }

.cm_view_cont .cm_contents .cm_attached_wrap { width:400px; height:auto; padding-inline-start:0 !important; padding:10px 15px !important;  margin-block-start:0 !important; margin-block-end:30px !important; margin-inline-start:0 !important;  margin-inline-end:0 !important;  border:1px solid #ededed !important; border-radius:5px !important; background:#fff; list-style:unset!important; list-style-type:none!important; }
.cm_view_cont .cm_contents .cm_attached_wrap li { height:22px; overflow:hidden; }
.cm_view_cont .cm_contents .cm_attached_wrap li + li { margin-top:20px; }
.cm_view_cont .cm_contents .cm_attached_wrap li a { display:block; position:relative; height:22px; padding-right:30px; color:#777; font-size:15px; line-height:22px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.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:15px; height:16px; background:url('/images/sub/ic-download.png') no-repeat; }

.cm_view_cont .cm_contents .box_view .box_addinfo { position:relative; padding:15px 200px 15px 20px; border-radius:10px; background:#f8f8f8; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic { padding-left:85px; }
.cm_view_cont .cm_contents .box_view .box_addinfo.has_ic .icon { position:absolute; top:15px; left:15px; width:50px; height:52px; background:url('/images/sub/ic_vedio_emeblem.png') no-repeat; }
.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:-50px; }
.cm_view_cont .cm_contents .box_view .box_addinfo + .box_addinfo { margin-top:0 !important; }
.cm_view_cont .cm_contents .box_view .box_addinfo.hide + .box_addinfo { margin-top:25px !important; }

.cm_view_cont .cm_contents .box_view .box_addinfo .cm_subtit {font-weight:700; letter-spacing: -0.25px;}

.cm_view_cont .cm_contents .box_view .box_addinfo .ic_badge { display:inline-block; height:20px; padding:0 10px; margin-top:0; margin-right:10px; border-radius:3px; background:#e8373d; color:#fff; font-size:13px; line-height:20px; vertical-align:text-bottom; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_badge { margin-right:10px; vertical-align:text-bottom; }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_apply { position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:160px; height:45px; padding:0 10px; border-radius:5px; font-size:15px; font-weight:700; line-height:22px; 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_down { position:absolute; top:20px; right:20px; width:160px; height:45px; padding:0 10px; border-radius:5px; border-color:#222; font-size:15px; font-weight:700; line-height:22px; text-align:center; }

.cm_view_cont .cm_contents .box_view .box_addinfo .box_btn { position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto; }
.cm_view_cont .cm_contents .box_view .box_addinfo .box_btn .btn_apply { float:left; position:unset; top:unset; right:unset; transform:unset; -webkit-transform:unset; }
.cm_view_cont .cm_contents .box_view .box_addinfo .box_btn .btn_apply + .btn_apply{ margin-left:10px; }

.cm_view_cont .cm_contents .box_view .box_addinfo .btn_arrow { position:absolute; top:33px; right:22px; width:40px; height:40px; 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%); font-size:120%; }
.cm_view_cont .cm_contents .box_view .box_addinfo .btn_arrow.on { transform:rotate(180deg); }

.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap { display:none; width:calc(100% + 180px); padding:0!important; margin-block-start:20px !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 { float:left; width:calc(50% - 7px) !important; height:44px; padding:10px 15px !important; margin-right:14px; margin-top:15px; border-radius:10px; background:#fff; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap li:nth-child(1) { margin-top:0; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap li:nth-child(2) { margin-top:0; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap li:nth-child(2n) { margin-right:0; }
.cm_view_cont .cm_contents .box_view .box_addinfo .cm_attached_wrap li .cm_badge { margin-right:10px; vertical-align:text-bottom; }

.cm_view_cont .cm_contents .box_view .box_addinfo.box_notice { padding-right:20px !important; }
.cm_view_cont .cm_contents .box_view .box_addinfo.box_notice .list_wrap { width:100%; }
.cm_view_cont .cm_contents .box_view .box_addinfo.box_notice .list_wrap li { height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.cm_view_cont .cm_contents .box_view .box_quick { position:relative; overflow:hidden; }
.cm_view_cont .cm_contents .box_view .box_quick h4.cm_txt{ font-weight:700; }
.cm_view_cont .cm_contents .box_view .box_quick .cm_input { width:100%; }
.cm_view_cont .cm_contents .box_view .box_quick textarea { display:block; width:100%; height:158px; padding:15px; border:1px solid #ddd; color:#222; font-size:15px; line-height:22px; }
.cm_view_cont .cm_contents .box_view .box_quick .cm_btn { float:right; width:135px; height:45px; margin:15px 0 0 0; border-radius:5px; font-weight:700; font-size:15px; line-height:43px; text-align:center; cursor:pointer; }

.cm_view_cont .cm_contents .box_view .box_write {}
.cm_view_cont .cm_contents .box_view .box_write .cm_input { width:100%; margin:0; }
.cm_view_cont .cm_contents .box_view .box_write textarea { width:100%; height:525px; padding:15px; border:1px solid #ddd; color:#222; font-size:15px; line-height:22px; }

.cm_view_cont .cm_contents .box_view .box_reply { margin-top:50px; }
.cm_view_cont .cm_contents .box_view .box_reply .cm_reply_wrap { margin-top:0 !important; }
.cm_view_cont .cm_contents .box_view .box_reply .cm_reply_wrap .cm_reply_list{ margin-top:0 !important; }
.cm_view_cont .cm_contents .box_view .box_reply hr { display:block; width:100%; height:2px; margin:25px 0; border:0; background:#222; }

.cm_view_cont .cm_contents .box_view .cm_form_wrap.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; width:540px; margin:30px auto 0; gap:0 15px; }
.cm_view_cont .cm_contents .box_view .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 .box_view .cm_form_wrap.bottom .cm_input { -webkit-flex:1 1 270px; -ms-flex:1 1 270px; flex: 1 1 270px; }
.cm_view_cont .cm_contents .box_view .cm_form_wrap.bottom .cm_btn { -webkit-flex:0 0 80px; -ms-flex:0 0 80px; flex: 0 0 80px; width:80px; border-radius:5px; font-size:15px; cursor:pointer; }

/*��ۿ��� ��Ÿ�� ����*/
.cm_view_cont.replay > div { width:100%; }
.cm_view_cont .cm_reply_wrap { width:100%; }
.cm_view_cont .cm_reply_wrap divs{ width:100%; }

.cm_view_cont .cm_reply_wrap { border:0; }
.cm_view_cont .cm_reply_wrap .cm_reply_write { width:100%; padding:0; border:0; overflow:hidden; }
.cm_view_cont .cm_reply_wrap .cm_reply_write textarea { float:none; width:100%; min-height:158px; padding:15px; border:1px solid #ddd; color:#222; font-size:15px; line-height:22px; }
.cm_view_cont .cm_reply_wrap .cm_reply_write textarea::placeholder { color:#999; }
.cm_view_cont .cm_reply_wrap .cm_reply_write .cm_btn_bg { float:right; width:135px !important; height:45px !important; margin:15px 0 25px !important; border:1px solid #ddd !important; border-radius:5px !important; background:#fff !important; color:#222 !important; font-weight:700; font-size:15px; line-height:45px; }

.cm_view_cont .cm_reply_list { border-top:1px solid #ededed; }
.cm_view_cont .cm_reply_list .reply_cont { padding:20px 15px; border-right:0; border-left:0; border-color:#ededed; }
.cm_view_cont .cm_reply_list .reply_list.re_reply .reply_cont .reply_write_info { padding-left:20px!important; }
.cm_view_cont .cm_reply_list .reply_cont .box_reply_btn { top:15px; right:15px; height:30px; }
.cm_view_cont .cm_reply_list .reply_cont .box_reply_btn li:not(.cm_btn_block) { display:inline-block; width:60px; height:30px; margin:0; margin-left:10px; line-height:30px; border:0; border-radius:5px; background:#ededed; color:#777; font-size:13px; }

.cm_view_cont .cm_reply_list .reply_cont textarea { float:none; width:100% !important; height:158px; margin-bottom:15px; color:#222; }
.cm_view_cont .cm_reply_list .reply_cont textarea::placeholder { color:#999; }
.cm_view_cont .cm_reply_list .reply_cont .cm_btn_bg { display:inline-block; float:right; width:60px !important; height:30px !important;  border:0 !important; border-radius:5px !important; background:#ededed !important; color:#222 !important; color:#777 !important; font-size:13px; line-height:30px; }

.cm_view_cont .cm_subscribe { -webkit-flex:0 0 300px; -ms-flex:0 0 300px; -ms-flex-order:2; order:2; flex:0 0 300px; width:300px; position:sticky;  height:min-content;  top:40px; left:calc(50% - 600px); padding-top: 30px; }
.cm_view_cont .cm_subscribe .list_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; gap:10px 0; width:100%; }
.cm_view_cont .cm_subscribe .btn_subscribe { display:block; width:100%; border:1px solid #ededed; border-radius:10px; padding:15px 20px; }
.cm_view_cont .cm_subscribe .btn_subscribe .box_tit { text-align:left; }
.cm_view_cont .cm_subscribe .btn_subscribe .box_desc { text-align:right; }
.cm_view_cont .cm_subscribe .btn_subscribe.cm_bg_lred { border:0; }
.cm_view_cont .cm_subscribe .btn_subscribe.cm_bg_lred .cm_btn { display:block; width:100%; height:40px; color:#fff; font-size:15px; line-height:40px; text-align:center; }
.cm_view_cont .cm_subscribe .btn_subscribe.disable { cursor:default; }
.cm_view_cont .cm_subscribe .btn_subscribe.disable .box_tit { text-align:center; color:#777; }

.cm_view_cont .cm_subscribe .list_wrap .btn_free_ex { width:100%; height:auto; padding:15px 20px; border-radius:10px; border:1px solid #2e2e72; background:#f4f5fa; color:#2e2e72; font-size:15px; line-height:22px; font-weight:bold; text-align:center; transition: all 0.15s linear; cursor:pointer; }
.cm_view_cont .cm_subscribe .list_wrap .btn_free_ex:hover {  background:#2e2e72; color:#fff; }

.cm_view_cont .cm_subscribe.fixed { max-height:calc(100vh - 120px); }
.cm_view_cont .cm_subscribe.fixed .box_cont .list_wrap { max-height:calc(100vh - 510px); overflow-y:auto; }
.cm_view_cont .cm_subscribe.fixed .box_cont .list_wrap::-webkit-scrollbar { width:8px; }
.cm_view_cont .cm_subscribe.fixed .box_cont .list_wrap::-webkit-scrollbar-thumb { height:30%; background:#ddd; border-radius:10px; }
.cm_view_cont .cm_subscribe.fixed .box_cont .list_wrap::-webkit-scrollbar-track { background:#f8f8f8; padding:5px 0; }

.cm_view_cont .cm_subscribe .box_mentor { position:relative; height:61px; padding-bottom:25px; border-bottom:1px solid #ddd; }
.cm_view_cont .cm_subscribe .box_mentor .cm_mentor_name { display:inline-block; margin-top:1px; font-size:15px; line-height:36px; }

.cm_view_cont .cm_subscribe .cm_btn_interest { display:inline-block; position:absolute; top:6px; right:0; }

.cm_view_cont .cm_subscribe .box_cont + .box_cont { margin-top:30px; }
.cm_view_cont .cm_subscribe .box_cont .cm_subtit { font-weight:700; }
.cm_view_cont .cm_subscribe .box_cont .list_cont { float:none; padding:15px 20px 15px 20px; margin-top:10px; border-radius:10px; cursor:pointer; }
.cm_view_cont .cm_subscribe .box_cont .list_cont:first-child { margin-top:0; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice { border:1px solid #ededed; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice .box_tit { display:block; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice .box_desc .price { display:block; text-align:right; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice .box_desc .price .cm_smtxt { margin-right:10px; vertical-align:text-bottom; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice .box_desc .price .pre_price { margin-right:5px; text-decoration:line-through; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.choice:hover { border:1px solid #e8373d; background:#ffefef; }

.cm_view_cont .cm_subscribe .box_cont .list_cont.service { background:#ffefef; text-align:center; cursor:initial; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.service strong { display:inline-block; font-weight:700; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.service strong + .cm_btn { margin-top:15px !important; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.service .cm_btn { width:100%; min-height:40px; padding:9px 20px; border-radius:5px; font-size:15px; font-weight:700; line-height:22px; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.service .cm_btn + .cm_btn { margin-top:10px; }

.cm_view_cont .cm_subscribe .box_cont .list_cont.service .cm_txt { letter-spacing: -0.25px; }
.cm_view_cont .cm_subscribe .box_cont .list_cont.service .cm_smtxt.cm_bg_w { width:100%; padding:10px 15px; border-radius:10px; font-weight:700; letter-spacing: -0.25px; display: flex; justify-content: space-between; }

.cm_view_cont .cm_subscribe .box_cont.box_discount { display:block; width:100%; height:auto; padding:15px 20px; border-radius:10px; background:#f4f5fa; text-align:center; cursor:default; }

.cm_view_cont .cm_subscribe .box_cont.box_promotion .cm_subtit { display:block; width:100%; height:26px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_view_cont .cm_subscribe .box_cont .box_bn { height:auto; border-radius:10px; overflow:hidden; }

.cm_view_cont .box_cont.box_board .box_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:flex-end; padding:0; gap:10px; }
.cm_view_cont .box_cont.box_board .box_btn.bottom div { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:flex-end; padding:0; gap:10px; }
.cm_view_cont .box_cont.box_board .box_btn.bottom .cm_btn { -webkit-flex:0 0 135px; -ms-flex:0 0 135px; flex:0 0 135px; width:135px; height:45px; border-radius:5px; font-size:15px; font-weight:700; line-height:45px; text-align:center; cursor:pointer; }