@charset "UTF-8";
/*
    [제목] 핀업챗 공통 스타일 CSS
    [생성일] 2021-11-18
    [내용] 핀업챗에 사용되는 공통 스타일
           (속성 초기화, 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:'Noto Sans KR'; font-style:normal; font-weight:100; src: url('font/NotoSansKR-Thin.woff2') format('woff2'), url('font/NotoSansKR-Thin.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:300; src: url('font/NotoSansKR-Light.woff2') format('woff2'), url('font/NotoSansKR-Light.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:400; src: url('font/NotoSansKR-DemiLight.woff2') format('woff2'), url('font/NotoSansKR-DemiLight.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:500; src: url('font/NotoSansKR-Regular.woff2') format('woff2'), url('font/NotoSansKR-Regular.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:600; src: url('font/NotoSansKR-Medium.woff2') format('woff2'), url('font/NotoSansKR-Medium.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:700; src: url('font/NotoSansKR-Bold.woff2') format('woff2'), url('font/NotoSansKR-Bold.woff') format('woff');}
@font-face { font-family:'Noto Sans KR'; font-style:normal; font-weight:900; src: url('font/NotoSansKR-Black.woff2') format('woff2'), url('font/NotoSansKR-Black.woff') format('woff');}

@font-face { font-family:'Apple SD Gothic Neo'; font-style:normal; font-weight:normal; src: url('font/AppleSDGothicNeoR.woff2') format('woff2');}
/**/
@font-face { font-family: 'scdream'; font-style:normal; font-weight:500; src: url('font/scdream5.woff2') format('woff2'), url('/font/scdream5.woff') format('woff'), url('font/scdream5.otf') format('opentype');}
@font-face { font-family: 'scdream'; font-style:normal; font-weight:700; src: url('font/scdream6.woff2') format('woff2'), url('/font/scdream6.woff') format('woff'), url('font/scdream6.otf') format('opentype');}

/*속성 초기화*/
* { margin: 0px; padding: 0px; letter-spacing:-0.5px; box-sizing:border-box; font-family:inherit; }
body { font-family: 'Noto Sans KR'; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0; -webkit-text-size-adjust:none } /*가로로 눕혀서볼때 글씨확장 방지*/
html { overflow-y:scroll; color: #222; font:500 16px 'Noto Sans KR', sans-serif; }
body { -webkit-text-size-adjust: none; font-size:100% !important; word-wrap:break-word; word-break:break-all; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0; overflow:hidden; }
/* scrollbar 제거 */
*, html { -ms-overflow-style:none; scrollbar-width: none; }
body::-webkit-scrollbar { display: none; }
/* React port utility compatibility */
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
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; }
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 { padding:0; }
button:focus, button:active span { position:relative; }

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:url(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;}


/*문서 공통화*/
.wrap { width:100%; height:auto; box-sizing:border-box; font:500 15px 'Noto Sans KR';  }
.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 { height:auto; padding:0; border-bottom:1px solid #ededed; overflow:hidden; }
.cm_header_wrap .box_header { position:absolute; top:0; left:0; width:360px; height:100%; padding:0 15px; border-right:1px solid #ededed; overflow:hidden; }
.cm_header_wrap .box_header .logo { float:left; width:106px; height:33px; margin-top:15px; background:url('Images/logo_chat.png') no-repeat; background-size:100% auto; overflow:hidden; }
.cm_header_wrap .box_header .timer { display:none; float:right; height:22px; margin-top:34px; font-weight:600; }
.cm_header_wrap .box_header .timer span { margin-left:8px; }

.cm_header_wrap .box_header .box_logo { height: 75px; align-self: stretch; flex-grow: 0; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; gap: 15px; padding: 0 20px; border-bottom: solid 1px #ededed; }
.cm_header_wrap .box_header .box_logo .logo_txt { width: 126px; height: 75px; flex-grow: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; padding: 12px 0 10px; }
.cm_header_wrap .box_header .box_logo .logo_txt span { width: 126px; height: 20px; flex-grow: 0; font-size: 13px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.25px; text-align: left; color: #2e2e72; white-space: nowrap; }
.cm_header_wrap .box_header .box_logo .btn_exit { display:none; width:24px; height:24px; margin-top:13px; background:url('/Images/regular-xmark.png') no-repeat; background-size:100%; }
.cm_header_wrap .box_header .box_logo .btn_exit:hover { background:url('/Images/regular-xmark-pre.png') no-repeat; background-size:100%; }

.cm_header_wrap .box_chatinfo { float:right; position:relative; align-content:center; width:calc(100% - 360px); min-height:74px; padding:15px 20px 15px; background:#fff; }
/*.cm_header_wrap .box_chatinfo.fixed { position:fixed; top:110px; z-index:5;}*/
.cm_header_wrap .box_chatinfo .btn_movelist { display:none; position:absolute; top:50%; left:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/Images/ic_back.png') no-repeat; background-size:100%; }
/*
.cm_header_wrap .box_chatinfo .box_txt { display:block; position:relative; padding-left:50px; padding-right:290px; }
.cm_header_wrap .box_chatinfo .box_txt .cm_mentor_name { font-size:15px; line-height:22px; }
.cm_header_wrap .box_chatinfo .box_txt .cm_smtxt { margin-top:0; }
*/
.cm_header_wrap .box_chatinfo .box_txt { height:26px; display:flex; justify-content:center; align-content:center; }
.cm_header_wrap .box_chatinfo .box_txt .cm_mentor_name { font-size:18px; line-height:1.44; font-weight: bold; }
.cm_header_wrap .box_chatinfo .box_txt .cm_mentor_name::after { content:''; display: inline-block; width:3px; height:3px; border-radius:50%; margin: 5px; background:#ccc; }
.cm_header_wrap .box_chatinfo .box_txt .cm_subtit { line-height:1.44; font-weight: bold; margin-top:0; }

.cm_header_wrap .box_chatinfo .box_align { display:block; position:absolute; top:15px; right:70px; width:205px; height:40px; border:1px solid #ededed; border-radius:23px; background:#fff; box-sizing:content-box; overflow:hidden; }
.cm_header_wrap .box_chatinfo .box_align li { float:left; position:relative; width:50%; height:40px; cursor:pointer; }
.cm_header_wrap .box_chatinfo .box_align li:first-child { border-right:1px solid #ededed; }
.cm_header_wrap .box_chatinfo .box_align li > span { display:block; position:absolute; top:50%; transform:translateY(-50%); width:100%; font-size:13px; color:#999; line-height:20px; text-align:center; }
.cm_header_wrap .box_chatinfo .box_align li .num { display:inline-block; width:auto; height:20px; padding:0 7px; margin-left:5px; border-radius:10px; background:#ff7500; color:#fff !important; font-weight:normal !important; font-size:13px; font-family:'BMJUA'; line-height:22px; vertical-align:middle; overflow:hidden; }
.cm_header_wrap .box_chatinfo .box_align li.on { background:#ffefef; }
.cm_header_wrap .box_chatinfo .box_align li.on span { color:#e8373d; font-weight:700; }

.cm_header_wrap .box_chatinfo .btn_mentor { display:block; position:absolute; top:15px; right:20px; width:40px; height:40px; border:1px solid #ededed; border-radius:50%; background:#fff url('/Images/ic_mentor.png?v=1') center center no-repeat; }

.cm_header_wrap .box_chatinfo .cm_thumb_wrap { display:block; position:absolute; top:2px; left:0; width:40px; height:40px; border:1px solid #ededed; border-radius:50%; center center no-repeat; }
.cm_header_wrap .box_chatinfo .cm_thumb_wrap img { display:block; width:100%; height:100%; }

@media all and (max-width:1023px ) {
    .cm_header_wrap .box_header { width:35%; }
    .cm_header_wrap .box_chatinfo { width:65%; }
    /*
    .cm_header_wrap .box_chatinfo .box_txt { display:block; }
    */
    .cm_header_wrap .box_chatinfo .box_align { right:70px; }
}
@media all and (max-width:767px ) {
    .cm_header_wrap { height:auto; border-bottom:0; }
    .cm_header_wrap .box_header { float:none; position:relative; width:100%; height:50px; padding:0; border-right:0; }
    .cm_header_wrap .box_header .logo { width:74px; height:23.5px; margin-top:12.7px; }
    .cm_header_wrap .box_header .box_logo { height: 50px; align-self: stretch; flex-grow: 0; display: flex; flex-direction: row; justify-content: space-between; gap: 15px; padding: 0 15px; border-bottom: solid 1px #ededed; }
    .cm_header_wrap .box_header .box_logo .logo_txt { display: none; }
    .cm_header_wrap .box_header .box_logo .btn_exit.on { display: block; }

    .cm_header_wrap .box_header .timer { height:20px; margin-top:15px; font-size:75%; line-height:20px; }
    .cm_header_wrap .box_header .timer span {  }

    .cm_header_wrap .box_chatinfo { display:none; float:none; width:100%; }

    .cm_header_wrap .box_chatinfo { display:none; min-height:40px; padding:10px 15px; overflow:hidden; }
    .cm_header_wrap .box_chatinfo.on { display:flex; justify-content:center; }
    .cm_header_wrap .box_chatinfo .box_txt { float:left; padding-right:0; height:20px; }
    .cm_header_wrap .box_chatinfo .box_txt .cm_mentor_name { font-size:13px; line-height:20px; }
    .cm_header_wrap .box_chatinfo .box_txt .cm_mentor_name::after { content:''; display: inline-block; width:2px; height:2px; border-radius:50%; margin: 5px; background:#ccc; }
    .cm_header_wrap .box_chatinfo .box_txt .cm_subtit { margin-top:0; font-size:13px; line-height:20px; }
    /*
    .cm_header_wrap .box_chatinfo .btn_movelist { display:block; }
    */
    .cm_header_wrap .box_chatinfo .box_align { display:block; position:unset; top:0; right:0; float:left; width:calc(100% - 55px); height:23px; margin-top:7px; border-radius:5px;  }
    .cm_header_wrap .box_chatinfo .box_align li { height:23px; }
    .cm_header_wrap .box_chatinfo .box_align li > span { font-size:70%; line-height:14px; }
    .cm_header_wrap .box_chatinfo .box_align li .num { height:14px; font-size:95%; line-height:16px; }
    .cm_header_wrap .box_chatinfo .btn_mentor { position:unset; top:0; right:0; float:right; width:45px; height:23px; margin-top:7px; border-radius:5px; background:#fff url('/Images/m_ic_mentor.png?v=1') no-repeat center; background-size:contain; box-sizing:content-box; }
    .cm_header_wrap.chat_selected .box_header { display:none; }
}


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


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

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


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

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

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

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


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


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


/*회원 이름*/
.cm_user_name { padding-left:1px; color:#777; font-size:18px;  }
.cm_user_name .im{ margin:-2px 3px 0 0; font-size:100%; vertical-align:middle;}


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


/* 텍스트 스타일*/
.cm_tit_48 { font:600 48px/68px 'Noto Sans KR'; }
.cm_tit_35 { font:600 35px/50px 'Noto Sans KR'; }
.cm_tit { font:600 25px/36px 'Noto Sans KR'; }
.cm_subtit { font:500 18px/26px 'Noto Sans KR'; }
.cm_txt { font:500 15px/22px 'Noto Sans KR'; }
.cm_smtxt { font:500 13px/20px 'Noto Sans KR'; }


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


/*마진*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt90 { margin-top:90px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.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; }

/*패딩*/
.pt0 { padding-top:0 !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt50 { padding-top:50px !important; }
.pl0 { padding-left:0 !important;} 
.pr0 { padding-right:0 !important;}
.pb0 { padding-bottom:0 !important; }

/*커서 모양*/
.cursor { cursor:pointer; }


/*폼 요소*/
.cm_form_wrap { position:relative; width:400px; height:40px; overflow:hidden; } 
.cm_form { height:40px; padding-left:15px; margin-left:10px; border:1px solid #ddd; color:#222; font:500 15px/40px 'Noto Sans KR'; } 
.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; font:500 15px/40px 'Noto Sans KR' !important; }
.cm_form.cm_btn_ic { position:absolute; top:50%; right:0; transform:translateY(-50%); }
.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_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; }


/*버튼*/
.cm_btn_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font:600 20px/50px 'Noto Sans KR'; 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.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 .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:600 20px/50px 'Noto Sans KR'; 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_interest { display:inline-block; width:83px; height:72px; background:#fff; color:#999; font:500 12px/20px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest .ic_circle{ display:block; width:28px; height:28px; margin:13px auto 5px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_interest .ic_circle .im { margin:2px 0 0 1px; color:#adb6c7; font-size:120%; vertical-align:middle; }
.cm_btn_interest.on .im { color:#e8373d !important; }
.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:500 14px/22px 'Noto Sans KR'; box-sizing:border-box; cursor:pointer; }
.cm_btn_interest.round01 .im { margin:-2px 4px 0 0; font-size:90%; vertical-align:middle; }

/*멘토 소개 영상*/
.cm_btn_intro { display:inline-block; width:83px; height:72px; background:#fff; color:#999; font:500 12px/20px 'Noto Sans KR'; 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:600 15px/34px 'Noto Sans KR'; 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: 500 12px/20px 'Noto Sans KR'; }
.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:500 16px 'Noto Sans KR'; cursor:pointer; }
.cm_btn_ic .im{ margin:-3px 4px 0 0; font-size:90%; vertical-align:middle; }
.cm_btn_ic.more .im{ margin:-4px 0 0 5px; font-size:90%; vertical-align:middle; }

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

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

/*목록*/
.cm_btn_list  { position:absolute; bottom:10px; right:0; width: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_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; } 
.cm_view_subscribe .box_name .badge { display:inline-block; float:right; height:24px; padding:0 10px; border-radius:12px; background:#ff7500; color:#fff; font:500 15px/24px 'Noto Sans KR'; 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-family:'BMJUA'; font-size:20px; font-weight:normal; 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; font-family:'Noto Sans KR'; text-decoration:line-through; }
.cm_view_subscribe .box_price .value small { display:block; width:100%; font-size:13px; line-height:20px; }


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

.cm_badge.level_step1 { width:40px; padding:0 !important; border:1px solid #fba62d; color:#fba62d; line-height:23px;}
.cm_badge.level_step2 { width:40px; padding:0 !important; border:1px solid #f47425; color:#f47425; line-height:23px;}
.cm_badge.level_step3 { width:40px; padding:0 !important; border:1px solid #950082; color:#950082; line-height:23px;}
.cm_badge.level_step4 { width:40px; padding:0 !important; border:1px solid #2e2e72; color:#2e2e72; line-height:23px;}

/*방송중*/
.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:normal 15px/28px 'BMJUA';}
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:23px; }

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

/*리본 라벨*/
.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:400 16px/36px 'Noto Sans KR'; text-align:center; }
.cm_badge_ribbon .cm_ribbon.blue { background:#2e2e72; }
.cm_badge_ribbon .cm_ribbon.red { background:#e8373d; }
.cm_badge_ribbon .cm_ribbon.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 { float:left; width:auto; height:20px; padding:0 8px; margin-right:5px; border:1px solid #ddd; background:#fff; color:#222; font:500 13px/18px 'Noto Sans KR'; box-sizing:border-box; overflow:hidden; }
.cm_tendency:last-child { margin-right:0; }

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

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


/*페이징*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:30px; margin:30px auto; }
.cm_paging_wrap .cm_pageing { float:left; width:30px; height:30px; margin-right:5px; border:1px solid #ddd; background:#fff; color:#ddd; font:600 15px/28px 'Noto Sans KR'; 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 { padding:0 10px; background:#ff7500; 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_tab { position:relative; width:1200px; height:60px; margin:0 auto; background:#fff; border-bottom: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 { float:left; position:relative; height:60px; border-top:1px solid #ddd; color:#999; font:500 20px/58px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_tab .cm_tab_menu.on { border-top:2px solid #ff7500; color:#222; font-weight:600; line-height:57px; 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:21px; background:#ddd; }
.cm_tab .cm_tab_menu:last-child:before { display:none; }
.cm_tab .cm_tab_menu a { display:block; width:100%; height:100%; }
.cm_tab .cm_tab_menu .ic_new { display:inline-block; width:25px; height:25px; margin:-2px 0 0 8px; border-radius:50%; background:#ff7500; color:#fff; font-family:'BMJUA'; font-size:18px; line-height:27px; text-align:center; vertical-align:middle; }

.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 { 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:88px; height:26px; border:0; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { width:40px; height:25px; margin-right:8px; border:1px solid #eaeaea; border-radius:13px; background-color:#f2f4f7; color:#222; font:normal 15px/26px 'BMJUA'; }
.cm_tab.round_style .cm_tab_menu:last-child { margin-right:0px; }
.cm_tab.round_style .cm_tab_menu:hover {  border:1px solid #ff7500; background-color:#ff7500; color:#fff; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu.on {  border:1px solid #ff7500; background-color:#ff7500; color:#fff; line-height:27px; }

/*탭 라운드 디자인*/
.cm_tab.round_style { display:block; width:88px; height:26px; border:0; }
.cm_tab.round_style:before { display:none; }
.cm_tab.round_style .cm_tab_menu { width:40px; height:25px; margin-right:8px; border:1px solid #eaeaea; border-radius:13px; background-color:#f2f4f7; color:#222; font:normal 15px/26px 'BMJUA'; }
.cm_tab.round_style .cm_tab_menu:last-child { margin-right:0px; }
.cm_tab.round_style .cm_tab_menu:hover { border:0; background-color:#ff7500; color:#fff; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu.on { border:0; background-color:#ff7500; color:#fff; line-height:27px; }

/*탭 텍스트 디자인*/
.cm_tab.text_style { width:auto; height:26px; background:transparent; border:0; }
.cm_tab.text_style:before { display:none; }
.cm_tab.text_style .cm_tab_menu { float:left; height:26px; margin-right:35px; border:0; color:#777; font:500 18px/26px 'Noto Sans KR'; text-align:left; cursor:pointer; }
.cm_tab.text_style .cm_tab_menu.on { border:0; color:#222; font-weight:600; line-height:26px; }
.cm_tab.text_style .cm_tab_menu:before { display:none; }
.cm_tab.text_style .cm_tab_menu:last-child { margin-right:0; }


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


/*멘토 승인 사유*/
.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:500; }
.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:500; 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:350px; overflow:hidden; z-index:9;}
.cm_bn_slide .cm_bn_list { float:left; height:350px; 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:50px; overflow:hidden; }
.cm_bn_season img { display:block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:50px; z-index:1; }
.cm_bn_season a { position:absolute; top:12px; right:calc(50% - 600px); width:120px; height:25px; background:#222; opacity:0; z-index:2; }

/*슬라이드 화살표*/
.cm_bn_slide button.slick-arrow { position:absolute; font-size:20px; z-index:1000;}
.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 0;}
.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 0; }
.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 { display:inline-block; width:auto; height:auto; margin:0 5px; }
.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:7px; background:url('/Images/main_img/main_slide_stop.png') no-repeat 0 0; }
.cm_bn_slide.common .slick-dots > li button { display:inline-block; width:15px; height:15px; border:1px solid #ddd; border-radius:50%; background-color:#ddd; color:transparent; }
.cm_bn_slide.common .slick-dots > li button:before { display:none; }

/*상단 배너 slick 스타일 변경*/
.cm_bn_slide.common.style01 .slick-dots { bottom:30px; }

.cm_bn_slide.txt_indicator01 .slick-dots { position:absolute; display:inline-block; width:200px; height:auto; padding:0; margin:0; left:calc(50% + 400px); bottom:75px; border:0; z-index:1000; box-sizing:border-box; }
.cm_bn_slide.txt_indicator01 .slick-dots > li { display:inline-block; position:relative; width:200px; height:60px; margin:0; border-right:0;  border-left:0; background-color:#fff; }
.cm_bn_slide.txt_indicator01 .slick-dots > li:nth-child(1){border-top:0;}
.cm_bn_slide.txt_indicator01 .slick-dots > li:nth-child(2){border-top:0; border-bottom:0;}

.cm_bn_slide.txt_indicator01 .slick-dots > li button{position:absolute; top:0; height:0; width:200px; height:60px; z-index:1}
.cm_bn_slide.txt_indicator01 .slick-dots > li button::before { display:inline-block; width:200px; height:60px; content:''; color:#555; font:500 17px/60px 'Noto Sans KR'; text-align:center; }
.cm_bn_slide.txt_indicator01 .slick-dots > li:nth-child(1) button::before { content:'추천종목 서비스' !important; }
.cm_bn_slide.txt_indicator01 .slick-dots > li:nth-child(2) button::before { content:'100% 환원 시스템' !important; }
.cm_bn_slide.txt_indicator01 .slick-dots > li:nth-child(3) button::before { content:'핀업 스탁 멘토' !important; }

.cm_bn_slide.txt_indicator01 .slick-dots > li.slick-active button { position:absolute; top:0; height:0; width:200px; height:60px; border:2px solid #222; z-index:1 }
.cm_bn_slide.txt_indicator01 .slick-dots > li.slick-active button::before { color:#222 !important; font-weight:600 !important; line-height:56px; }


/*콘텐츠 슬라이드*/
.cm_cont_slide { position:relative; width:1200px; height:285px; margin:30px auto 0 auto; font-family:'Noto Sans KR'; }
.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_mentor_name { display:block; font-size:20px; line-height:23px; }
.cm_cont_list .cm_badge { display:block; position:absolute; top:15px; right:15px; line-height:25px; }
.cm_cont_list .cm_txt { display:block; display: -webkit-box; margin-top:5px; color:#555; font-size:18px; 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:20px; background:#ededed; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_cont_list.style01 .box_info_desc .txt_goal .tit { display:block; font:500 15px 'Noto Sans KR'; }
.cm_cont_list.style01 .box_info_desc .txt_goal .txt { font:normal 20px 'BMJUA'; }
.cm_cont_list.style01 .box_info_desc .txt_goal .txt  strong{ font-weight:normal; font-size:30px; }

.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:500 15px/30px 'Noto Sans KR' ;}
.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:5px; height:5px; 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:600; box-sizing:border-box; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .txt b { font-weight:600; }
.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_cont_list.style02 { position:relative; width:390px; height:215px; padding:25px 35px 0 35px; margin-left:15px; box-shadow:0px 3px 3px rgba(000,000,000,0.1); text-align:center; cursor:pointer; }
.cm_cont_list.style02:last-child { margin-left:0; }
.cm_cont_list.style02 .cm_ribbon { font-size:14px; }
.cm_cont_list.style02 .cm_ribbon.bg01{ background:#1d256f; }
.cm_cont_list.style02 .cm_ribbon.bg02 { background:#e8373d; }
.cm_cont_list.style02 .cm_ribbon.bg03 { background:#ff7500; }
.cm_cont_list.style02 .cm_mentor_name { font-size:20px; }
.cm_cont_list.style02 .cm_txt { width:260px; margin:5px auto 0 auto; text-align:center;}
.cm_cont_list.style02 .info_desc { width:203px; height:50px; margin:15px auto 0 auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font:500 17px/48px 'Noto Sans KR'; }
.cm_cont_list.style02 .info_desc .im{ margin:-4px 10px 0 0; font-size:80%; vertical-align:middle; }
.cm_cont_list.style02 .info_desc .score{ display:inline-block; margin-left:10px; font-family:'BMJUA'; vertical-align:middle; }
.cm_cont_list.style02 .info_desc .score strong{ font-size:30px; }
.cm_cont_list.style02 .info_desc.add { position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:320px; height:45px; border:0; border-radius:15px 15px 0 0; background:#f8f8f8; }
.cm_cont_list.style02 .info_desc.add span { margin-right:15px; }
.cm_cont_list.style02 .info_desc.add span:last-of-type { margin-right:0; }
*/

/*이용후기 슬라이드*/
.cm_reply_slide { display:inline-block; position:relative; width:1220px; height:320px; margin-top:20px; margin-left:-10px; font-family:'Noto Sans KR'; z-index:9; }
.cm_reply_slide .cm_reply_list { float:left; width:590px !important; height:320px !important; margin:0 10px; border-top:2px solid #222; box-sizing:border-box; z-index:9 !important; }
.cm_reply_slide .cm_reply_list a { display:inline-block; width:100%; height:320px; }
.cm_reply_slide .box_reply { display:inline-block; width:100%; height:289px; background:url('/Images/main_reply_bg.png?v=20200409') no-repeat top center; }
.cm_reply_slide .box_reply .tit { display:block; position:relative; width:450px; height:70px; margin:18px auto 0 auto; font-size:20px; font-weight:500; line-height:25px; text-align:center; overflow:hidden; }
.cm_reply_slide .box_reply .tit span { display:inline-block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; max-height:50px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -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:22px 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; height:15px; margin-top:10px; font-size:14px; font-weight:500; text-align:center; }
.cm_reply_slide .box_reply .txt strong { margin-right:3px; color:#ff7500; font-weight:500; }
.cm_reply_slide .cm_user_name { display:block; float:left; width:180px; height:20px; overflow:hidden; }
.cm_reply_slide .cm_smtxt { display:block; float:right; width:80px; height:20px; color:#999; line-height:22px; text-align:right; overflow:hidden; }

/*이용후기 슬라이드 slick 스타일 변경*/
.cm_reply_slide .slick-dots { display:inline-block; position:absolute; right:7px; top:-45px; width:auto; height:auto; padding:0; margin:0; border:0; z-index:10; }
.cm_reply_slide .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_reply_slide .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.cm_reply_slide .slick-dots > li.btn_stop { top:7px; 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:inline-block; width:8px; height:8px; border-radius:50%; border:1px solid #ddd; background-color:#ddd; }
.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:290px !important; margin:0 15px; }
.cm_reply_slide.style01 .cm_reply_list a { height:290px; }
.cm_reply_slide.style01 .cm_reply_list .box_reply { height:265px !important; background:url('/Images/main_reply_bg_2.png') no-repeat top center; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .tit { width:230px; height:70px; margin-top:20px; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .txt { margin-top:5px; }
.cm_reply_slide.style01 .cm_reply_list .box_reply .desc { width:300px; height:90px; margin-top:18px; 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 { top:7px; width:13px; height:13px; background:url('/Images/main_img/main_slide_stop.png') no-repeat 0 -17px ; overflow:hidden;}

/*
.cm_reply_slide.style02{ display:block; width:1198px !important; height:130px !important; margin:0 auto; margin-top:30px; text-align:center; }
.cm_reply_slide.style02 .slick-list { display:inline-block; width:1198px !important; height:130px !important; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list { float:left; position:relative; width:400px !important; height:130px !important; margin:0; padding:0 33px; border:0; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden; cursor:pointer;}
.cm_reply_slide.style02 .cm_reply_list:last-child { border-right:0; }
.cm_reply_slide.style02 .cm_reply_list .tit{ display:inline-block; display:-webkit-box; width:100%; font:600 18px 'Noto Sans KR'; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list .desc { display:inline-block; display:-webkit-box; width:100%; height:42px; margin-top:16px; color:#777; font:500 15px/20px 'Noto Sans KR'; text-overflow:ellipsis;  -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden; }
.cm_reply_slide.style02 .cm_reply_list .cm_user_name { display:inline-block; float:none; width:auto; margin-top:15px;  }
.cm_reply_slide.style02 .cm_reply_list .cm_user_name::after{ content:''; display:inline-block; width:1px; height:14px; margin:-2px 10px 0 15px; background-color:#999; vertical-align:middle; }
.cm_reply_slide.style02 .cm_reply_list .cm_smtxt{ display:inline-block; float:none; width:auto; }
*/

.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:17px; line-height:25px; }
.cm_reply_slide.style03 .cm_reply_list .cm_user_name .im { margin-top:-4px; }
.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:12px; margin-left:13px; color:#999; font-size:13px; line-height:24px; vertical-align:middle; }
.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:15px; 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:500 16px 'Noto Sans KR'; box-sizing:border-box; }
.cm_contents_info .txt{ display:inline-block; width:100%; line-height:25px; }


/*게시판*/
.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:600 15px/28px 'Noto Sans KR'; }
.cm_table_wrap .cm_user_name , .cm_table_wrap .cm_mentor_name { font-size:16px !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:500 16px 'Noto Sans KR'; line-height:30px; }
.cm_table_wrap thead th .tit { font:600 18px 'Noto Sans KR'; 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:500 18px/25px 'Noto Sans KR';  }
.cm_table_wrap tbody td.cm_txt { font:500 15px 'Noto Sans KR'; }
.cm_table_wrap tbody td.tit { padding:10px 20px; font:500 18px 'Noto Sans KR'; text-align:left;  }
.cm_table_wrap tbody td.txt_detail { padding:20px 30px; background:#f8f8f8; color:#999; font:500 15px 'Noto Sans KR'; box-sizing:border-box; }

/*게시판 리스트-제목 말줄임*/
.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:600 18px 'Noto Sans KR';  -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:500 15px 'Noto Sans KR';  -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_veiw thead th .cm_view_category { padding:0 10px; }
.cm_table_wrap.tale_veiw tbody tr { cursor:unset; }
.cm_table_wrap.tale_veiw tbody td { padding:35px 25px; font-family:'Noto Sans KR'!important; } 
.cm_table_wrap.tale_veiw tbody td table { all:initial; }
.cm_table_wrap.tale_veiw tbody td > * { word-break:break-all; } 
.cm_table_wrap.tale_veiw tbody td .box_tit { margin-top:20px; padding:30px 0; border:1px solid #ddd; border-radius:10px; background:#f8f8f8; box-sizing:border-box; font:600 25px 'Noto Sans KR'; } 
.cm_table_wrap.tale_veiw tbody td .box_txt { margin-top:30px; } 
.cm_table_wrap.tale_veiw tbody td .box_txt a { word-break:break-all; } 
.cm_table_wrap.tale_veiw tbody td .box_txt img{ display:block; width:auto; max-width:600px; min-width:100px; height:auto; margin:20px 0; }

/*게시판 상세 첨부파일*/
.cm_table_wrap tbody .cm_attached_wrap { position:relative; padding:0 !important; font:500 15px 'Noto Sans KR' !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; border-top:0; overflow:hidden; white-space:nowrap; cursor:pointer; }
.cm_table_wrap.tale_veiw tbody tr td.box_move button { float:left; width:105px; height:50px; border:0; background:#fff; color:#777; font:600 16px 'Noto Sans KR' !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:600 16px/50px 'Noto Sans KR'; 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:500 16px/25px 'Noto Sans KR'; text-align:left; letter-spacing:2px; }
.cm_table_wrap.table_write tbody td { padding:10px 30px !important; text-align:left; font:500 16px/25px 'Noto Sans KR' !important; box-sizing:border-box; }
.cm_table_wrap.table_write tbody td input + label { margin-left:10px; }


/*top버튼*/
.cm_btn_top { position:fixed; right:70px; width:45px; height:45px; border-radius:4px; border:2px solid #ff7500; background:#fff; color:#ff7500; text-align:center; box-shadow: 2px 3px 3px rgba(000,000,000, 0.2); z-index:999; cursor:pointer; }
.cm_btn_top .im { position:absolute; top:12px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); font-size:120%; }
.cm_btn_top.btn_effect im { animation: btn_top_move 1s ease infinite; -webkit-animation:btn_top_move 1s ease infinite; }
.cm_btn_top:hover .im { animation:btn_top_move 1s ease infinite; -webkit-animation:btn_top_move 1s ease infinite; }
@keyframes btn_top_move {
    0% { top:10px; }
    50% { top:17px; }
    100% { top:10px; }
}


/*썸네일*/
.cm_thumb_wrap { display:block; position:relative; background:#f1f2f4; overflow:hidden; }
.cm_thumb_wrap a { width:auto; height:auto; cursor:pointer }
.cm_thumb_wrap .cm_thumb_img { display:block; width:100%; height:100%; }
.cm_thumb_wrap img { display:block; width:100%; height:100%; }
.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:400 14px/13px 'Noto Sans KR'; 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; font:400 14px/13px 'Noto Sans KR'; box-sizing:border-box; }


/*필터*/
.cm_filter_wrap { width:1200px; margin:0 auto; }
.cm_filter_wrap .filter_tit { font:600 18px 'Noto Sans KR';  box-sizing:border-box; }
.cm_filter_wrap .filter_cont { overflow:hidden; overflow-y:auto; }
.cm_filter_wrap .filter_cont .scroll_style { 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:400 16px/16px 'Noto Sans KR'; 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 !important; 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:18px; 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:500;}

/*아카데미 필터*/
.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; }

.cm_filter_wrap.block01 .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.block01 .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.block01 .filter_result .filter_result_cont span {display:inline-block; height:20px; padding:0 11px; margin:5px 24px 5px 0 ; font-size:19px; font-weight:600; line-height:18px; overflow:hidden; vertical-align:middle; }
.cm_filter_wrap.block01 .filter_result .filter_result_cont a { display:block; float:right; width:11px; height:100%; margin-left:8px; }
.cm_filter_wrap.block01 .filter_result .filter_result_cont a .im { color:#999; font-size:12px; line-height:20px; }
.cm_filter_wrap.block01 .filter_result .filter_btn_cont { display:block; float:right; width:calc(100% - 906px); height:63px; overflow:hidden; }
.cm_filter_wrap.block01 .filter_result .filter_btn_cont a { display:table !important; float:left; width:70px; height:63px;  overflow:hidden;}
.cm_filter_wrap.block01 .filter_result .filter_btn_cont a .cm_btn_ic { display:table-cell !important;  color:#999; font-size:16px; vertical-align:middle;}
.cm_filter_wrap.block01 .filter_result .filter_btn_cont button.cm_btn_bg { float:right; width:195px !important; height:63px; font-weight:600; font-size:19px; line-height:58px; cursor:pointer; }

/*초보강연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:500 14px/35px 'Noto Sans KR'; 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 #ff7500; background:#ff7500; 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:600 18px/38px 'Noto Sans KR'; 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:600 18px/40px 'Noto Sans KR'; 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:18px; 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_info_desc { float:left; height:auto; padding:0 20px; margin-top:15px; font:500 15px/30px 'Noto Sans KR'; 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:5px; height:5px; 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:600; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .txt b { font-weight:600; }
.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:2px 0 0 0px; font-weight:600; }

/*추천정보 현황*/
.cm_present_info { display:block; width:100%; height:115px; border-radius:15px; border:1px solid #ddd; }
.cm_present_info .cm_subtit { float:left; width:100%; padding:10px 0 10px 30px; box-sizing:border-box; }
.cm_present_info .cm_subtit .im { margin:-2px 4px 0 0; font-size:80%; vertical-align:middle; }
.cm_present_info .present_info { display:block; position:relative; float:left; width:33.3%; padding:0 48px 0 48px; line-height:85px; box-sizing:border-box; }
.cm_present_info .present_info.num01 { padding-left:30px; }
.cm_present_info .present_info.num03 { position:relative; padding-right:30px; }
.cm_present_info .present_info .tit { display:block; float:left; width:auto; height:50px; padding-left:66px; background:url('/Images/board/stockView_icon.png') no-repeat 0 0; font-size:19px; line-height:50px; box-sizing:border-box; }
.cm_present_info .present_info .tit .im { margin:-2px 0 0 5px; font-size:95%; vertical-align:middle; cursor:pointer; }
.cm_present_info .present_info.num02 .tit { background:url('/Images/board/stockView_icon.png') no-repeat 0 -50px;  }
.cm_present_info .present_info.num03 .tit { background:url('/Images/board/stockView_icon.png') no-repeat 0 -100px; }
.cm_present_info .present_info .txt { display:block; float:right;  height:50px; font:normal 30px/56px 'BMJUA'; }

.cm_present_info .present_info .cm_info_popup { position:absolute !important; top:-55px!important; left:200px !important; }

.cm_info_popup { display:inline-block; position:fixed; width:auto; height:auto; padding:30px; 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:15px; 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_tit { margin-bottom:20px; text-align:left; }
.cm_rader_wrap .rader_info .cm_tit .im { margin:-2px 10px 0 4px; font-size:95%; vertical-align:middle; }

.cm_rader_wrap .cm_present_info { position:relative; padding:0 0 0 40px !important; }
.cm_rader_wrap .cm_present_info  li { float:left; width:100%; }
.cm_rader_wrap .cm_present_info .slick-dots { position:absolute; display:inline-block; width:auto; height:auto; padding:0; margin:0; right:0; top:-50px; border:0; }
.cm_rader_wrap .cm_present_info .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 3px; }
.cm_rader_wrap .cm_present_info .slick-dots > li.slick-active button { background-color:#ff7500; border:1px solid #ff7500; }
.cm_rader_wrap .cm_present_info .slick-dots > li button { display:inline-block; width:15px; height:15px; border-radius:50%; background-color:#ddd; border:1px solid #ddd; }
.cm_rader_wrap .cm_present_info .slick-dots > li button:before { display:none; }

.cm_rader_wrap .cm_present_info .present_info { display:inline-block; position:relative; float:none; height:82px; padding:0 !important; margin-top:15px; text-align:left; }
.cm_rader_wrap .cm_present_info .present_info.num01 { width:200px; }
.cm_rader_wrap .cm_present_info .present_info.num02 { width:260px; padding-left:40px !important; border:1px solid #ddd; border-top:0; border-bottom:0;}
.cm_rader_wrap .cm_present_info .present_info.num03 { width:220px; padding-left:25px !important; }
.cm_rader_wrap .cm_present_info .present_info.num04 { width:200px; }
.cm_rader_wrap .cm_present_info .present_info.num05 { width:260px; padding-left:40px !important; border:1px solid #ddd; border-top:0; border-bottom:0;}
.cm_rader_wrap .cm_present_info .present_info.num06 { width:220px; padding-left:25px !important; }

.cm_rader_wrap .cm_present_info .present_info .tit { display:block; float:left; width:120px; height:20px; padding:0; padding-left:15px; margin-top:15px; background-image:none; background:none !important; font-size:15px; line-height:20px;}
.cm_rader_wrap .cm_present_info .present_info .txt { display:block; float:left; width:120px; height:30px; padding:0; padding-left:15px; margin-top:5px; font:normal 15px/30px 'BMJUA'; }
.cm_rader_wrap .cm_present_info .present_info .txt strong {font:normal 28px/30px 'BMJUA'; }

.cm_rader_wrap .cm_present_info .present_info .ic_img { display:block; float:left; width:67px; height:67px; margin-top:7px; background:url('/Images/Analysts/analystview_icon.png') no-repeat 0 0; overflow:hidden; }
.cm_rader_wrap .cm_present_info .present_info.num02 .ic_img { background-position: -67px 0; }
.cm_rader_wrap .cm_present_info .present_info.num03 .ic_img { background-position: -134px 0; }
.cm_rader_wrap .cm_present_info .present_info.num04 .ic_img { background-position: -201px 0; }
.cm_rader_wrap .cm_present_info .present_info.num05 .ic_img { background-position: -268px 0; }
.cm_rader_wrap .cm_present_info .present_info.num06 .ic_img { background-position: -335px 0; }

.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:500 18px/23px 'Noto Sans KR'; }


/*툴팁*/
.cm_tooltip_desc { display:none; position:absolute; top:35px; left:25px; min-width:250px; padding:30px; border-radius:15px; 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:18px; font-weight:600; line-height:23px; overflow:hidden; }
.cm_tooltip_desc .tooltip_article{ display:block; width:100%; height:auto; margin-top:10px; margin-left:10px; }
.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:18px; overflow:hidden;}
.cm_tooltip_desc .tooltip_article li::before{ content:''; display:block; position:absolute; top:7px; left:0;  width:3px; height:3px; border-radius:50%; background-color:#fff;}


/*댓글 폼*/
.cm_reply_wrap { width:100%; border-top:2px solid #222; overflow:hidden }
/*댓글 쓰기*/
.cm_reply_write { width:100%; width:100%; height:115px; height:auto; padding:20px 29px; border:1px solid #ddd;  background:#fff; font:500 16px 'Noto Sans KR'; 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:500 15px/25px 'Noto Sans KR'; 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:500 15px/17px 'Noto Sans KR'; 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%; overflow:hidden; }
.cm_reply_list .reply_list {  background:#fff; box-sizing:border-box;  overflow:hidden; }

.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; overflow:hidden; }
.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:500 15px/17px 'Noto Sans KR'; 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_txt { position:relative; display:inline-block; margin-left:15px; padding-left:15px; color:#999; box-sizing:border-box; }
.cm_reply_list .reply_cont .cm_txt:before { display:inline-block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:16px;  background:#999; }
.cm_reply_list .reply_cont .reply_desc {width:calc(100% - 220px); height:auto; margin-top:10px; color:#777; font:500 15px/20px 'Noto Sans KR'; overflow:hidden; }

.cm_reply_list .reply_cont .box_reply_btn { position:absolute; top:20px; right:30px; max-width:212px; height:35px; overflow:hidden; }
.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; overflow:hidden; cursor:pointer; }
.cm_reply_list .reply_cont .box_reply_btn li:last-child { margin-right:0; }
.cm_reply_list .reply_cont.change { width:100%; height:auto; }

.cm_reply_list .reply_list.re_reply .reply_cont { background:#f8f8f8; }
.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_user_name { color:#ff7500; }
.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_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:50px; } /*오른쪽 플로팅*/
.cm_bn_floating.no_fixed {  position:absolute; } /*메인*/
.cm_bn_floating .box_bn { display:inline-block; position:relative; /*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_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:32px; height:32px; color:#fff; text-align:center; }
.cm_popup_wrap.bg > .btn_close .im { 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; color:#fff; }

.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:500px; border:5px solid #000; box-sizing:border-box; }
.cm_popup_wrap .popup_player .btn_close { position:absolute; right:-45px; top:-5px;  width:32px; height:32px; text-align:center; }
.cm_popup_wrap .popup_player .btn_close .im { 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; font-family:'BMJUA'; line-height:35px; vertical-align:middle; text-align:center;letter-spacing:0; }

.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:12px 20px 30px 20px; background:#fff; border-radius:8px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.w560 { width:560px; }

.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; }
.cm_popup_wrap .popup_wrap.wauto .btn_close .im { font-size:24px; line-height:32px; }

.cm_popup_wrap .popup_wrap .popup_top { position:relative; height:auto; padding:0 3px 10px 0; border-bottom:2px solid #222; font-size:25px; line-height:36px; font-weight:600; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close { position:absolute; right:0; top:2px; width:32px; height:32px; border:0; background-color:transparent; text-align:center; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { font-size:24px; line-height:32px;}

.cm_popup_wrap .popup_wrap .popup_desc { 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:25px 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 { width:100%; overflow:hidden; text-align:center; }
.cm_popup_wrap .popup_wrap .popup_btn .cm_btn_bg { float:left; }
.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:18px; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:18px; text-align:center; }

.cm_popup_wrap .popup_wrap .popup_btn.center .cm_btn_bg { float:none !important; width:100% !important; height:45px; margin:0!important; }

.cm_popup_wrap .popup_wrap .btn_reset { width:calc(50% - 5px); height:45px; margin-right:10px; border:1px solid #ddd; background-color:#fff; color:#222; font-weight:600; font-size:18px; line-height:44px; }
.cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; font-weight:600; font-size:18px; line-height:45px; }

.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 { position:relative; display:inline-block; padding-left:28px; font-size:13px; line-height:20px; box-sizing:border-box; }
.cm_popup_wrap input[type=checkbox] + label:before { position:absolute; content:''; top:1px; left:0; width:18px; height:18px; background:url('/Images/Common/ic_check.png') no-repeat 0 0; }
.cm_popup_wrap input[type=checkbox]:checked + label:before { background-position:0 -18px; }

.cm_popup_wrap input[type=radio] { display:none; }
.cm_popup_wrap input[type=radio] + label { position:relative; display:inline-block; padding-left:28px; font-size:13px; line-height:20px; box-sizing:border-box; }
.cm_popup_wrap input[type=radio] + label:before { position:absolute; content:''; top:1px; left:0; width:18px; height:18px; background:url('/Images/Common/ic_check.png') no-repeat -18px 0; }
.cm_popup_wrap input[type=radio]:checked + label:before { background-position:-18px -18px; }

/*웹채팅 팝업*/
.cm_popup_webchat { position:fixed; top:0; left:0; width:100%; height:100%; padding:0 15px; z-index:1001; word-break:keep-all; }
.cm_popup_webchat.bg { background:rgba(000,000,000,0.4); }

.cm_popup_webchat .popup_wrap { position:relative; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:360px; height:auto; padding:25px; border-radius:15px; background:#fff; box-shadow:2px 2px 5px rgba(000,000,000,0.2); }
.cm_popup_webchat .popup_wrap > h2 { font-weight:bold; }

.cm_popup_webchat .btn_close { position:absolute; right:0; top:-42px; width:32px; height:32px; color:#fff; text-align:center; }
.cm_popup_webchat .btn_close .im { font-size:24px; line-height:32px; }

.cm_popup_webchat .box_btn .cm_btn_bg { display:block; max-width:260px; height:40px; padding:9px; margin:0 auto; border-radius:20px; font-size:15px; font-weight:600; line-height:22px; text-align:center; }
.cm_popup_webchat .box_btn .btn_move { background:#f4f5fa; font-weight:600; }

@media all and (max-width:480px ){
    .cm_popup_wrap .popup_wrap { position:relative; width:100%; max-width:360px; }
    
    .cm_popup_webchat .popup_wrap { position:relative; width:100%; max-width:360px; }
}


/*홍보/공지/안내 레이어 팝업(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-family:'Noto Sans KR'!important; 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;}


/*랭킹 나오는 테이블*/
.cm_ranking_list { width:100%; border-top:2px solid #222; }
.cm_ranking_list th { color:#777; font-size:13px; font-weight:500; line-height:37px; }
.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:25px; font-family:'BMJUA'; 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; width:30px; height:30px; background:#5e6b9e; border-radius:50%; color:#fff; line-height:33px; text-align:center; vertical-align:middle; }
.cm_ranking_list .box_order .order .top3.first { background:#e8343f; }
.cm_ranking_list .box_order .order .top3.first { background:#e8343f; }
.cm_ranking_list .box_success { padding-right:25px; text-align:right; }
.cm_ranking_list .box_score { padding-right:25px; border-right:1px solid #ddd; text-align:right; }

.cm_ranking_list .box_challenger { padding:10px 25px; text-align:left; }
.cm_ranking_list .box_challenger .cm_subtit { color:#666; font-weight:600; 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; font-family:'Noto Sans KR' !important;}


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