@charset "UTF-8";
/*
    [제목] 핀업 공통 스타일 CSS
    [생성일] 2020-02-03
    [내용] 핀업에서 사용되는 공통 스타일
           (속성 초기화, GNB, LNB, 푸터, 탭, 폰트, 버튼, 아이콘, 컬러, form 스타일 등등)
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
/*웹폰트*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@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:'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:400; src: url('font/scdream5.woff2') format('woff2'), url('/font/scdream5.woff') format('woff'), url('font/scdream5.otf') format('opentype');}
@font-face { font-family: 'scdream'; font-style:normal; font-weight:700; src: url('font/scdream6.woff2') format('woff2'), url('/font/scdream6.woff') format('woff'), url('font/scdream6.otf') format('opentype');}


/*속성 초기화*/
* { margin: 0px; padding: 0px; letter-spacing:-0.65px; box-sizing:border-box; font-family:inherit; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button { margin:0; padding:0; -webkit-text-size-adjust:none;  } /*가로로 눕혀서볼때 글씨확장 방지*/
html { overflow-y:scroll; color: #222; font-weight:400; font-size:16px; font-family:'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; }
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; vertical-align: middle; }
ol, ul, ul li, ol li { list-style-type: none; list-style:none; }
input{ outline:0; }
input { -webkit-border-radius:0; outline:0; }
input[type=checkbox] { vertical-align:middle; }
input[type=radio] {vertical-align:middle; }
input[type=button] {-webkit-appearance:none; }
input[type=submit] {-webkit-appearance:none; -webkit-border-radius:0; }
input::-webkit-input-placeholder { color:#999; }
input:-ms-input-placeholder { color:#999; }

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

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

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

select { -webkit-appearance:none; -webkit-border-radius:0; }
::selection, select:focus::-ms-value { background-color:transparent; color:#999; }
option:checked {background-color:transparent; color: #222;}
option:checked:hover, select:focus option:checked:hover { background-color: transparent; color: #222; }
textarea {resize:none; background: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;}


/* 텍스트 스타일*/
.cm_tit_48 { font-weight:700; font-size:48px; line-height:68px; font-family:'Noto Sans KR'; }
.cm_tit_35 { font-weight:700; font-size:35px; line-height:50px; font-family:'Noto Sans KR'; }
.cm_tit { font-weight:700; font-size:25px; line-height:36px; font-family:'Noto Sans KR'; }
.cm_subtit { font-weight:400; font-size:18px; line-height:26px; font-family:'Noto Sans KR'; }
.cm_txt { font-weight:400; font-size:15px; line-height:22px; font-family:'Noto Sans KR'; }
.cm_smtxt { font-weight:400; font-size:13px; line-height:20px; font-family:'Noto Sans KR'; }
.cm_xsmtxt { font-weight:400; font-size:11px; line-height:16px; font-family:'Noto Sans KR'; }


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


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

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

/*테마록 폰트 컬러*/
.cm_color_u10_ex { color:#dc0000; }
.cm_color_u10 { color:#ff3a47; }
.cm_color_u7 { color:#f5634a; }
.cm_color_u5 { color:#ff9c5b; }
.cm_color_u3 { color:#f8b7bd; }
.cm_color_d10_ex { color:#2f2883; }
.cm_color_d10 { color:#0b4ce0; }
.cm_color_d7 { color:#267ccc; }
.cm_color_d5 { color:#3abae9; }
.cm_color_d3 { color:#65cadf; }

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


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

.txt_top { vertical-align:top !important; }
.txt_middle { vertical-align:middle !important; }
.txt_bottom { vertical-align:bottom !important; }
.txt_t_top { vertical-align:text-top !important; }
.txt_t_bottom { vertical-align:text-bottom !important; }


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

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

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

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

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

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

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

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


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

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

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

/*그라데이션 배경*/
.cm_bg_gr_bk { background-image:-webkit-linear-gradient(left right, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, left, right, from(#454545), to(#222)); background-image:linear-gradient( to right,#454545,#222); }
.cm_bg_gr_w { background-image:-webkit-linear-gradient(left right, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, left, right, from(#fff), to(#ededed)); background-image:linear-gradient( to right,#fff,#ededed); }
.cm_bg_gr_or { background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); }
.cm_bg_gr_navy { background-image:-webkit-linear-gradient(left right, #2E2E72 0%, #222259 100%); background-image:-webkit-gradient(linear, left, right, from(#2E2E72), to(#222259)); background-image:linear-gradient( to right,#2E2E72,#222259); }
.cm_bg_gr_radar { background-image:-webkit-linear-gradient(left right, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, left, right, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to right,#F1496A,#CD154F); }

.cm_bg_gr_bk.vertical { background-image:-webkit-linear-gradient(top botttom, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, top, botttom, from(#454545), to(#222)); background-image:linear-gradient( to bottom,#454545,#222); }
.cm_bg_gr_w.vertical { background-image:-webkit-linear-gradient(top bottom, #fff 0%, #EDEDED 100%); background-image:-webkit-gradient(linear, top, bottom, from(#fff), to(#ededed)); background-image:linear-gradient( to bottom,#fff,#ededed); }
.cm_bg_gr_or.vertical { background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, top, bottom, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to bottom,#ff7500,#e8373d); }
.cm_bg_gr_navy.vertical { background-image:-webkit-linear-gradient(top bottom, #2E2E72 0%, #222259 100%); background-image:-webkit-gradient(linear, top, bottom, from(#2E2E72), to(#222259)); background-image:linear-gradient( to bottom,#2E2E72,#222259); }
.cm_bg_gr_radar.vertical { background-image:-webkit-linear-gradient(top bottom, #F1496A 0%, #CD154F 100%); background-image:-webkit-gradient(linear, top, bottom, from(#F1496A), to(#CD154F)); background-image:linear-gradient( to bottom,#F1496A,#CD154F); }

.cm_bg_radar { background:#b71e4e; }
.cm_bg_starter { background:#22a5df; }
.cm_bg_funding { background:#00856e; }
.cm_bg_lgrn { background:#029e6e; }
.cm_bg_ts { background:#e8343f; vertical-align }


/*테마록 배경*/
.cm_bg_bk { background:#222; }
.cm_bg_ex0 { background:#ccc; }
.cm_bg_u10_ex { background:#dc0000; }
.cm_bg_u10 { background:#ff3a47; }
.cm_bg_u7 { background:#f5634a; }
.cm_bg_u5 { background:#ff9c5b; }
.cm_bg_u3 { background:#f8b7bd; }
.cm_bg_d10_ex { background:#2f2883; }
.cm_bg_d10 { background:#0b4ce0; }
.cm_bg_d7 { background:#267ccc; }
.cm_bg_d5 { background:#3abae9; }
.cm_bg_d3 { background:#65cadf; }


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

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


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

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

/*탭 라운드 디자인*/
.cm_tab.round_style { display:block; width:100%; height:35px; border:0; background:unset; }
.cm_tab.round_style:before{ display:none; }
.cm_tab.round_style .cm_tab_menu { flex:none !important; display:inline-block; width:auto; height:35px; padding:0 20px; border:0; border-radius:18px; background-color:#fff; font-size:15px; line-height:35px; }
.cm_tab.round_style .cm_tab_menu + .cm_tab_menu { margin-left:10px; color:#222; }
.cm_tab.round_style .cm_tab_menu:hover {  background-color:#ff7500; color:#fff; }
.cm_tab.round_style .cm_tab_menu:before { display:none; }
.cm_tab.round_style .cm_tab_menu.on {  background-color:#ff7500; color:#fff; font-weight:400; }

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


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

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

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

.cm_badge_wrap { display:block; width:auto; height:auto; box-sizing:border-box; text-align:center; overflow:hidden; }
.cm_badge_wrap .cm_badge { float:left; margin-right:5px; }

/*뱃지 구버전*/
.cm_badge.level_step1 { width:40px; padding:0 !important; border:1px solid #fba62d; color:#fba62d; line-height:18px;}
.cm_badge.level_step2 { width:40px; padding:0 !important; border:1px solid #f47425; color:#f47425; line-height:18px;}
.cm_badge.level_step3 { width:40px; padding:0 !important; border:1px solid #950082; color:#950082; line-height:18px;}
.cm_badge.level_step4 { width:40px; padding:0 !important; border:1px solid #2e2e72; color:#2e2e72; line-height:18px;}
.cm_badge.broadcast { position:relative; width:auto; background:transparent; color:#e8373d; font-size:15px; line-height:25px; text-align:right; }
.cm_badge.broadcast::before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:7px; height:7px; border-radius:50%; background:#e8373d; }
.cm_badge.free{ background:#e8373d; padding:0 10px; color:#fff; }
.cm_badge.gray_or{ padding:0 5px; background:#ededed; color:#e8373d; font-weight:normal; font-size:15px; line-height:28px; font-family:'Noto Sans KR';}
.cm_badge.white_nv{ padding:0 5px; border:1px solid #ddd; background:#fff; color:#2a2a65; line-height:18px; }
.cm_badge.navy { background:#2a2a65; color:#fff; }
.cm_badge.orange { background:#ff7500; color:#fff; }
.cm_badge.purple { background:#7e0043; color:#fff; }
.cm_badge.red {  background:#e8373d; color:#fff;}
.cm_badge.white { border:1px solid #ddd; color:#777; font-weight:400; font-size:13px; line-height:18px; font-family:'Noto Sans KR'; }
.cm_badge.gray {  background:#ddd; color:#222; }


/*썸네일*/
.cm_thumb_wrap { display:block; position:relative; background:#fff; border-radius:10px; overflow:hidden; }
.cm_thumb_wrap a { width:auto; height:auto; cursor:pointer }
.cm_thumb_wrap img { display:block; width:100%; height:100%; }
.cm_thumb_wrap .cm_badge_wrap { position:absolute; top:15px; left:15px; }
.cm_thumb_wrap .cm_btn_share { position:absolute; top:15px; right:15px; }

.cm_thumb_wrap .cm_thumb_play { display:inline-block; position:absolute; bottom:15px; right:15px; padding:8px 10px; background:rgba(000,000,000, 0.4); color:#fff; font-weight:400; font-size:14px; line-height:13px; font-family:'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; box-sizing:border-box; font-weight:400; font-size:14px; line-height:12px; font-family:'Noto Sans KR';}
.cm_thumb_wrap .cm_badge { position:absolute; top:15px; right:15px; }


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

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

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

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

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

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

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

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

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

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


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


.cm_btn_interest { display:inline-block; width:auto; height:25px; padding:0 10px; border-radius:3px; color:#222; font-size:13px; line-height:23px; border:1px solid #ddd; }
.cm_btn_interest .ic { display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/images/sub/ic-heart.png') no-repeat; background-position-x:-12px; vertical-align:middle; }
.cm_btn_interest.on .ic { background-position-x:0; }

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

.cm_btn_interest.round01 { display:inline-block; width:auto; height:25px; padding:0 15px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#777; font-weight:400; font-size:14px; line-height:22px; font-family:'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_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font-weight:400; font-size:20px; line-height:50px; font-family:'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.bk_hover { border:1px solid #222;  }
.cm_btn_line.orange_hover:hover, .cm_btn_line.gray_hover:hover  { border:0; background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); color:#fff; }
.cm_btn_line.bk_hover:hover  { border:1px solid #222; background:#222; color:#fff; }
.cm_btn_line .im { margin:-4px 0 0 5px; font-size:95%; vertical-align:middle; }
.cm_btn_line.ts { border:1px solid #e8343f; }
.cm_btn_bg { display:block;  border:0; background:#ff7500; color:#fff; font-weight:400; font-size:20px; line-height:50px; font-family:'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_intro { display:inline-block; width:83px; height:72px; background:#fff; color:#999; font-weight:400; font-size:12px; line-height:20px; font-family:'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-weight:400; font-size:15px; line-height:34px; font-family:'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-weight:500; font-size:12px; line-height:20px; font-family:'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-weight:400; font-size:16px; font-family:'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:-3px 0 0 5px; font-size:90%; vertical-align:middle; }

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

.cm_btn_appraisal{ display:inline-block; width:64px; height:26px; border:1px solid #ddd; background:#fff; color:#222; font-weight:400; font-size:13px; line-height:24px; font-family:'Noto Sans KR'; text-align:center; overflow:hidden; cursor:pointer; }
.cm_btn_appraisal.non { opacity:0.5; background:#ededed; color:#999; } /*평가 대상 아닐때*/
.cm_btn_appraisal.my { border:1px solid #ff7500; color:#ff7500; } /*내 평가 보기*/

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

.cm_btn_list  { position:absolute; bottom:10px; right:0; width:64px; height:35px; margin-right:10px; border:1px solid #ddd; background:#fff; color:#444; font-size:16px; line-height:32px; }
.cm_btn_more { display:block; width:300px; height:50px; margin:50px auto; text-align:center; }


/*페이징*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:30px; margin:30px auto 0; }
.cm_paging_wrap .cm_pageing { float:left; min-width:30px; height:30px; margin-right:5px; border:1px solid #ddd; background:#fff; color:#ddd; font-weight:400; font-size:15px; line-height:28px; font-family:'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 { background:#222; color:#fff; cursor:default; }
.cm_paging_wrap .cm_pageing .im { font-size:80%; line-height:28px; }
.cm_paging_wrap .cm_pageing.btn_prev { margin-right:10px; }
.cm_paging_wrap .cm_pageing.btn_next { margin-left:5px; }
.cm_paging_wrap .cm_pageing.btn_frist .im:last-of-type { margin-left:-5px; }
.cm_paging_wrap .cm_pageing.btn_last { margin-right:0; }
.cm_paging_wrap .cm_pageing.btn_last .im:first-of-type { margin-right:-5px; }


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


/*폼 요소*/
.cm_form_wrap { position:relative; overflow:hidden; } 

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

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

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

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

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

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


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



/*구버전*/
.cm_form { height:40px; padding-left:15px; margin-left:10px; border:1px solid #ddd; color:#222; font-weight:400; font-size:15px; line-height:40px; font-family:'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; border:0; font-weight:400; font-size:15px; line-height:40px; font-family:'Noto Sans KR';}
.cm_form.cm_btn_ic { position:absolute; top:50%; right:0; transform:translateY(-50%); border:0; }
.cm_form.cm_btn_ic .im { font-size:110%; }
.cm_form.select { width:172px;  background:url('../images/Common/stockList_filter_arrow01.png') calc(100% - 15px) center no-repeat; -webkit-appearance:none; cursor:pointer; }
.cm_form.select::-ms-expand { display:none; }
.cm_form.text01 { width:400px; padding: 0 15px; }
.cm_form.text02 { width:400px; padding: 0 48px 0 15px; }
.cm_form.textarea { width:100%; padding:10px; line-height:22px; resize:vertical; }

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

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

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

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

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


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

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


.cm_popup_wrap .popup_player { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:800px; height:500px; border:5px solid #000; box-sizing:border-box; }
.cm_popup_wrap .popup_player .btn_close { position:absolute; right:-45px; top:-5px;  width:24px; height:24px; background:url('/images/Common/ic_close_w.png') no-repeat; text-align:center; }
.cm_popup_wrap .popup_player .btn_close .im { display:none; color:#fff; font-size:24px; line-height:32px; }
.cm_popup_wrap .popup_player .box_player { width:100%; height:100%; overflow:visible !important; }
.cm_popup_wrap .popup_player .txt_noti { width:800px; height:35px; margin:10px 0 0 -5px; background:#000; color:#fff; font-family:'Noto Sans KR'; 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:15px 20px 30px 20px; background:#fff; border-radius:8px; overflow:hidden; }
.cm_popup_wrap .popup_wrap.w560 { width:560px; }
.cm_popup_wrap .popup_wrap.w500 { width:500px; }
.cm_popup_wrap .popup_wrap.w1016 { width:1016px;}

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

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

.cm_popup_wrap .popup_wrap .popup_desc { max-height:70vh; overflow:hidden; overflow-y:auto; }
.cm_popup_wrap .popup_wrap .popup_desc img { display:block; width:100%; height:auto; z-index:1; }

.cm_popup_wrap .popup_wrap .popup_desc .tit { display:block; margin:0 0 10px 0; font-size:18px; line-height:26px; }
.cm_popup_wrap .popup_wrap .popup_desc .tit:first-of-type { margin:25px 0 10px 0; }
.cm_popup_wrap .popup_wrap .popup_desc .txt { font-size:15px; line-height:22px; word-break:keep-all;}
.cm_popup_wrap .popup_wrap .popup_desc .popup_info { padding:10px; margin-top:30px; background:#f2f4f7; color:#777; font-size:13px; line-height:20px; word-break:keep-all; text-align:left; }

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

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

.cm_popup_wrap .popup_wrap .cm_btn_line { border-radius:5px; font-size:15px; text-align:center; }
.cm_popup_wrap .popup_wrap .cm_btn_bg { border-radius:5px; font-size:15px; text-align:center; }
.cm_popup_wrap .popup_wrap .btn_reset { width:calc(50% - 5px); height:45px; border:1px solid #ddd; background-color:#fff; color:#222; font-weight:400; font-size:15px; line-height:44px; }
.cm_popup_wrap .popup_wrap .btn_submit { width:calc(50% - 5px); height:45px; font-weight:400; font-size:15px; line-height:45px; }

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

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

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

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

.cm_popup_wrap input[type=radio] { display:none; }
.cm_popup_wrap input[type=radio] + label { position:relative; display:inline-block; padding-left:21px; color:#777; font-size:13px; line-height:20px; box-sizing:border-box; }
.cm_popup_wrap input[type=radio] + label:before { position:absolute; content:''; top:2px; left:0; width:16px; height:16px; background:url('/images/Common/ic-smallradio.png') no-repeat 0 0; color:#222; }
.cm_popup_wrap input[type=radio]:checked + label:before { background-position:0 -16px; }

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

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


.cm_main_popup { position:absolute; top:0; left:0; width:100%; height:calc(100% + 882px); z-index:999; }
.cm_main_popup::before { display:block; content:''; position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(000,000,000,0.8); backdrop-filter: blur(10px); z-index:999; }
.cm_main_popup .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.8); z-index:998;}
.cm_main_popup .popup_wrap { position:sticky; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-width:1200px; margin:0 auto; text-align:center; z-index:999;}.cm_main_popup .popup_wrap.ad .mainpopup_wrap { display:inline-block; position:relative; text-align:center; }
.cm_main_popup .popup_wrap.ad .box_close { position:absolute; top:-30px; left:0; width:100%; }
.cm_main_popup .popup_wrap.ad .box_close::after { display:block; content:''; clear:both; }
.cm_main_popup .popup_wrap.ad .box_close li { float:left;  color:#fff; }
.cm_main_popup .popup_wrap.ad .box_close li label { cursor:pointer; }
.cm_main_popup .popup_wrap.ad .box_close li + li { margin-left:30px; }
.cm_main_popup .popup_wrap.ad .box_close li:last-of-type { float:right; margin-right:0; margin-top:-5px; }
.cm_main_popup .popup_wrap.ad .box_close li:last-of-type .im { font-size:150%; }

.cm_main_popup .popup_wrap.ad .box_img { display:inline-block; overflow:hidden; }
.cm_main_popup .popup_wrap.ad .box_img li { display:inline-block; float:left; max-width:393px; }
.cm_main_popup .popup_wrap.ad .box_img li + li { margin-left:10px; }
.cm_main_popup .popup_wrap.ad .box_img li img { display:block; width:100%; height:auto; }


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


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

/*공통 레이아웃*/
.wrap { width:100%; height:auto; margin:0 auto; box-sizing:border-box; font-weight:400; font-size:15px; font-family:'Noto Sans KR';  }
.wrap .contents01 { width:1200px; padding:80px 0; margin:0 auto;  box-sizing:border-box; overflow:hidden;}
.wrap .contents02 { width:100%; padding:80px 0; background:#f4f5fa; box-sizing:border-box; overflow:hidden; }
.wrap .contents03 { width:100%; padding:80px 0; background:#fff; box-sizing:border-box; }
.wrap .hide { display:none !important; }

/*LNB*/
.finup_mypage .contents03 { width:1200px; margin:0 auto; overflow:hidden; }
.finup_mypage .lnb_wrap { float:left; position:relative; width:240px; margin-right:20px;  }
.finup_mypage .info_wrap {  padding:20px 15px; border:1px solid #ededed; box-sizing:border-box; }

.finup_mypage .info_wrap .box_user { font-size:18px; line-height:26px; }
.finup_mypage .info_wrap .box_period { height:20px; font-size:11px; line-height:20px; overflow:hidden; }
.finup_mypage .info_wrap .box_period img { display:block; float:left; width:72px; height:auto; margin-right:5px; }

.finup_mypage .info_wrap .box_link { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; gap: 0 20px;}
.finup_mypage .info_wrap .box_link { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; gap: 0 20px;}
.finup_mypage .info_wrap .box_link li { display:inline-flex; position:relative; width:auto; color:#777; font-size:13px; line-height:20px; }
.finup_mypage .info_wrap .box_link li + li:before  { display:block; content:''; position:absolute; top:5px; left:-10px; width:1px; height:10px; background:#ddd; }
.finup_mypage .info_wrap .box_link li b { margin-left:5px; }

.finup_mypage .info_wrap .box_possession { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 10px; width:100%; margin-top:15px; } 
.finup_mypage .info_wrap .box_possession li { width:calc(50% - 5px); height:100px; padding:8px; border-radius:10px; background:#f4f5fa; overflow:hidden; }
.finup_mypage .info_wrap .box_possession li b { font-weight:700; }
.finup_mypage .info_wrap .box_possession li .btn { display:block; width:100%; height:25px; border-radius:3px; border:1px solid #ddd; background:#fff; font-size:13px; text-align:center; }

.finup_mypage .info_wrap .box_btn {  margin-top:20px; font-size:15px; overflow:hidden; text-align:center; }
.finup_mypage .info_wrap .box_btn .btn_txt { display:inline-block; position:relative; height:20px; vertical-align:middle; }
.finup_mypage .info_wrap .box_btn .btn_txt.point + .btn_txt  { padding-left:10px; margin-left:10px; }
.finup_mypage .info_wrap .box_btn .btn_txt.point + .btn_txt:before { display:block; content:''; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:1px; height:15px; background:#ddd; }



.finup_mypage .box_lnb { margin-top:40px; }
.finup_mypage .box_lnb li { height:50px; padding-left:20px; font-size:15px; line-height:50px; border:1px solid #ededed; border-bottom:0; cursor:pointer; }
.finup_mypage .box_lnb li:last-child { border-bottom:1px solid #ededed; }
.finup_mypage .box_lnb li.active { background:#fff; border:1px solid #222; color:#222; font-weight:700; box-shadow:0px 2px 3px #ddd; }


.finup_mypage .box_bn { margin-top:40px; }


/*멘토 이름*/
.cm_mentor_name { padding-left:1px; color:#222; font-size:13px; font-family:'Noto Sans KR'; line-height:20px; }
.cm_mentor_name .im{ margin:-2px 3px 0 0; font-size:80%; vertical-align:middle;}
.cm_mentor_name.big { display:inline-block; padding:0 5px; border-radius:5px; background:#ededed; font-size:15px; line-height:26px;  }


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


/*펀딩 제작자 이름*/
.cm_seller_name { position:relative; display:inline-block; height:26px; color:#777; overflow:hidden; vertical-align:middle; }
.cm_seller_name span { display:block; float:left; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); height:100%; padding:1px ; color:inherit; font-size:100%;  }
.cm_seller_name .im { float:left; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-right:3px; color:inherit; font-size:80%; }


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


/*버튼_로그인/연동*/
.cm_btn_sns { overflow:hidden; }
.cm_btn_sns > li { display:inline-block; float:left; width:auto; height:45px; padding:0; margin-right:10px; }
.cm_btn_sns .btn_sns { width:188px; height:45px; padding:0 20px; margin-right:10px; border-radius:8px; font-size:15px; line-height:43px !important;  box-sizing:border-box; overflow:hidden; cursor:pointer; }
.cm_btn_sns .btn_sns.join { width:150px; margin-right:5px; }
.cm_btn_sns .btn_sns.join:last-child { margin-right:0; }
.cm_btn_sns .btn_sns.join:nth-child(2) { margin-right:5px; }
.cm_btn_sns .btn_sns:nth-child(even) { margin-right:0; }
.cm_btn_sns .btn_sns:nth-child(2) { margin-bottom:10px; }
.cm_btn_sns .btn_sns a { display:block; text-align:center;  overflow:hidden;}
.cm_btn_sns .btn_sns img { display:inline-block; margin-bottom:2px; vertical-align:middle;  font-size:15px; line-height:45px !important;  }
.cm_btn_sns .btn_sns .txt {  color:#222; text-align:center; box-sizing:border-box; }
.cm_btn_sns .btn_sns .txt.ing { color:#999; }
.cm_btn_sns .btn_sns .txt.num01 { background:#03bd54; }
.cm_btn_sns .btn_sns .txt.num02 { background:#3a5897; }
.cm_btn_sns .btn_sns .txt.num03 { background:#faa600; }
.cm_btn_sns .btn_sns .txt.num04 { background:#222; }

.cm_btn_sns.circle { width:320px; margin:0 auto; overflow:hidden; }
.cm_btn_sns.circle li { float:left; width:65px; height:65px; margin-right:20px; border-radius:50%; background:url('/images/Join/ic_sns_circle.png') no-repeat 0 0; }
.cm_btn_sns.circle li:nth-child(2) { background-position:-66px; }
.cm_btn_sns.circle li:nth-child(3) { background-position:-132px 0; }
.cm_btn_sns.circle li:last-child { margin-right:0; background-position:-198px 0; }
.cm_btn_sns.circle li a { display:block; width:100%; height:100%; }


/*리본 라벨*/
.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_wrap li, .cm_tendency{ float:left; width:auto; height:20px; padding:0 8px; margin-right:5px; border:1px solid #ddd; border-radius:3px; background:#fff; color:#222; font-weight:400; font-size:13px; line-height:18px; font-family:'Noto Sans KR'; box-sizing:border-box; overflow:hidden; }
.cm_tendency_wrap .cm_tendency { float:left; }
.cm_tendency:last-child { margin-right:0; }

.short { color:#f25c37 !important; }
.swing { color:#ff6023 !important; }
.chart { color:#2a2a65 !important; }
.theme { color:#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_gauge_bar { position:relative; height:50px; padding:15px 0 0 0; }
.cm_gauge_bar .box_gauge { width:100%; height:5px; background:#ededed; }
.cm_gauge_bar .box_gauge .bar { width:50%; height:5px; background:#029e6e; }
.cm_gauge_bar .box_data { height:20px; margin-top:10px; }
.cm_gauge_bar .box_data .dday { display:block; float:left; height:20px; color:#777; font-size:16px; line-height:20px; }
.cm_gauge_bar .box_data .data { display:block; float:right; margin:0 !important; color:#777; font-size:16px; line-height:20px; }
.cm_gauge_bar .box_data .data strong { margin:0 0 0 8px !important; color:#029e6e; font-size:137.5%; line-height:20px; vertical-align:bottom !important; }
.cm_gauge_bar .ic { display:none; position:absolute; }
.cm_gauge_bar .ic.ic_01 { display:block; top:-7px; right:-5px; width:30px; height:34px; background:url('/images/Common/ic_gauge_01_s.png') no-repeat; background-size:contain; }
.cm_gauge_bar .ic.ic_02 { display:block; top:2px; width:14px; height:14px; background:url('/images/Common/ic_gauge_02.png') no-repeat; background-size:contain; }


/*멘토 엠블럼*/
.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;  color:#fff; font-size:14px; text-align:center; }
.cm_mentor_emblem dl dt { margin-top:17px; line-height:20px; vertical-align:middle; color:#fff; }
.cm_mentor_emblem dl dt b { font-size:21px; color:#fff; font-weight:500; }
.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 button.slick-arrow { position:absolute; font-size:20px; z-index:1000; mix-blend-mode:soft-light;}
.cm_bn_slide button.slick-arrow.slick-next {right:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat -32px -49px;}
.cm_bn_slide button.slick-arrow.slick-next:before { content:""; font-size:20px; }
.cm_bn_slide button.slick-arrow.slick-prev { left:calc(50% - 670px); width:32px; height:49px; background:url('/images/main_img/main_banner_arrow.png') no-repeat 0px -49px; }
.cm_bn_slide button.slick-arrow.slick-prev:before { content:""; font-size:20px; }

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

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

/*콘텐츠 슬라이드*/
.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_badge { display:block; position:absolute; top:15px; right:15px; line-height:20px; }
.cm_cont_list .cm_txt { display:block; display: -webkit-box; margin-top:5px; color:#555; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }

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

.cm_cont_list.style01 .box_info_desc .info_desc { float:left; width:calc(100% - 120px); margin:8px 0 0 20px; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt { height:30px; font-weight:400; font-size:15px; line-height:30px; font-family:'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:3px; height:3px; border-radius:50%; background:#222; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:400; box-sizing:border-box; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt .txt b { font-weight:400; }
.cm_cont_list.style01 .box_info_desc .info_desc_txt:nth-child(3) .tit { letter-spacing:5px; }
 
.cm_cont_list.style01 button { width:100% !important; height:50px; margin-top:20px; border-radius:10px; font-size:20px; line-height:48px; box-shadow:1px 2px 3px rgba(000,000,000,0.2) }
.cm_cont_list.style01 button:hover { line-height:50px; }
.cm_cont_list.style01 button:hover .cm_color_red { color:#fff !important; }
.cm_cont_list.style01 button:hover .cm_color_bl { color:#fff !important; }

/*이용후기 슬라이드*/
.cm_reply_slide { display:inline-block; position:relative; width:1220px; height:auto; margin-top:20px; margin-left:-10px; font-family:'Noto Sans KR'; z-index:9; }
.cm_reply_slide .cm_reply_list { float:left; width:590px !important; height:auto !important; margin:0 10px; box-sizing:border-box; z-index:9 !important; }
.cm_reply_slide .cm_reply_list a { display:inline-block; width:100%; height:auto; }
.cm_reply_slide .box_reply { display:inline-block; width:100%; height:255px; padding:15px; border:1px solid #ededed; border-radius:10px; background:#fff; }
.cm_reply_slide .box_reply .tit { display:block; position:relative; height:56px; padding:15px; background:#f8f8f8; border-radius:10px; font-size:18px; font-weight:400; line-height:26px; text-align:center; overflow:hidden; }
.cm_reply_slide .box_reply .tit span { display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;}
.cm_reply_slide .box_reply .desc { width:533px; height:110px; margin:15px auto 0 auto; color:#777; font-size:15px; line-height:22px; text-align:center; vertical-align:middle; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;}
.cm_reply_slide .box_reply .txt { display:block;  margin-top:15px; font-size:15px; line-height:22px; font-weight:400; text-align:center; }
.cm_reply_slide .box_reply .txt strong { margin-right:3px; color:#ff7500; font-weight:400; }
.cm_reply_slide .cm_user_name { display:block; float:left; width:180px; height:22px; overflow:hidden; }
.cm_reply_slide .cm_smtxt { display:block; float:right; width:80px; height:22px; margin-top:15px; color:#999; line-height:22px; text-align:right; overflow:hidden; }

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

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

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

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


/*컨텐츠 주의사항*/
.cm_contents_info { padding:20px 30px; margin-bottom:30px; border-radius:10px; background:#f8f8f8; font-weight:400; font-size:16px; font-family:'Noto Sans KR'; box-sizing:border-box; }
.cm_contents_info .txt{ display:inline-block; width:100%; line-height:25px; }


/*게시판 상세*/
.cm_board_view { border-bottom:1px solid #ededed; }
.cm_board_view.bor0 { border:0; }
.cm_board_view .board_top { height:auto; padding:0 15px 25px; border-bottom:1px solid #ededed; }
.cm_board_view .board_top .txt_info { overflow:hidden; }
.cm_board_view .board_top .txt_info > * { vertical-align:middle; }
.cm_board_view .board_top .txt_info .cm_badge { margin-right:10px; vertical-align:text-bottom; }
.cm_board_view .board_top .txt_info .date { float:right; }
.cm_board_view .board_top .txt_info.add span { position:relative; }
.cm_board_view .board_top .txt_info.add span + span { margin-left:5px; padding-left:8px; }
.cm_board_view .board_top .txt_info.add span + span::before { display:block; position:absolute; content:''; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.cm_board_view .board_top .txt_tit { font-weight:700; }

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

/*게시판 상세 초기화*/
.cm_board_view .board_desc { position:relative; padding:50px 15px; text-align:left; border-bottom:1px solid #ededed; font-size:15px; line-height:22px; }
.cm_board_view .board_desc { font-size:initial;  }
.cm_board_view .board_desc > table tr td { text-align:inherit;  }
.cm_board_view .board_desc * { max-width:100%; margin:unset; padding:unset; font-family:unset; line-height:1.4; font-size:inherit; font-weight:inherit; } 
.cm_board_view .board_desc .title { all:unset; } 

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

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

.cm_board_view .board_desc table { display:table; margin:26px 0 20px; border-collapse:separate; box-sizing:border-box; text-indent:initial; border-spacing:2px;  }
.cm_board_view .board_desc table tr td { display:table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }
.cm_board_view .board_desc table tbody tr td { display: table-cell; padding:0.4rem; border:initial; text-align:initial; vertical-align:inherit; }

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

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

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

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

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


/*게시판*/
.cm_table_wrap { width:100%; border:1px solid #ededed; }
.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 , .cm_table_wrap .cm_seller_name { font-size:16px !important; }

.cm_table_wrap thead { border-top:2px solid #222; border-bottom:1px solid #ededed; text-align:center; }
.cm_table_wrap thead th{ height:50px; background:#fff; font:500 13px 'Noto Sans KR'; }
.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 #ededed; 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-size:15px; 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); margin: 5px 0 0 0; font:600 18px 'Noto Sans KR';  -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; 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; 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 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 .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 img{ display:block; width:auto; max-width:600px; min-width:100px; height:auto; margin:20px 0; }

.cm_table_wrap.tale_veiw tbody td.box_txt > div { margin-left:0!important; }



/*첨부파일*/
.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%); 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; text-align:left; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child { border: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.tale_veiw tbody .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 .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 .box_move button .im { margin:-2px 0 0 10px; color:#999; font-size:80%; vertical-align:middle; }
.cm_table_wrap.tale_veiw tbody .box_move .tit { display:inline-block; float:left; max-width:800px; margin:0 15px; font:600 16px/50px 'Noto Sasn KR'; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.cm_table_wrap.tale_veiw tbody .box_move .date { display:inline-block; float:left; 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; 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; text-align:left; font:500 16px/25px 'Noto Sans KR'; box-sizing:border-box; } 
.cm_table_wrap.table_write tbody td { padding:10px 30px; text-align:left; font:500 16px/25px 'Noto Sans KR'; 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 #f47626; background:#fff; color:#f47626; 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_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-shadow-color: inset 0px 0px 6px rgba(0,0,0,.3); scrollbar-face-color :#ddd; scrollbar-track-color:#f4f4f4;  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:#666; 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 !; 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; }


/*검색/마이페이지 필터*/
.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-size:15px; line-height:30px; overflow:hidden; }
.cm_info_desc .info_desc_txt { float:left; width:100%; height:auto; }
.cm_info_desc.cancel .info_desc_txt span:nth-child(2) { text-decoration:line-through; }
.cm_info_desc .info_desc_txt.info_period { width:50%; }
.cm_info_desc .info_desc_txt .tit { display:block; float:left; position:relative; width:70px; padding-left:10px; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .tit:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#222; }
.cm_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:5px; 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_info_desc .bull { position:relative; padding-left:15px;  }
.cm_info_desc .bull: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_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; float:left; width:33.3%; padding:0 48px 0 68px; 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-size:30px; line-height:56px; }

.cm_info_popup { display:inline-block; position:absolute; top:-15px; left:215px; width:auto; height:auto; padding:10px 20px; 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; width:1200px; height:370px; margin:0 auto; overflow:hidden; }
.cm_rader_wrap .btn_tooltip { position:absolute; left:0; top:0; 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:382px; height:300px; overflow:hidden; }

.cm_rader_wrap .rader_info { float:right; width:760px; height:110px; 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-size:15px; line-height:30px; }
.cm_rader_wrap .cm_present_info .present_info .txt strong { font-size:28px; line-height:30px; }

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



/*달력 > 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 #222; 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:#222; color:#fff!important; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td .ui-state-default.ui-state-active { border:1px solid #222; border:1px solid #222; color:#222; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar td.ui-state-disabled { background:#ededed; opacity:1; }
#ui-datepicker-div.ui-widget-content table.ui-datepicker-calendar 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 .ui-state-default { background:transparent; color:#ccc; }