@charset "UTF-8";
/*
    [제목] 종목 테마 공통 스타일 CSS
    [생성일] 2022-01-13
    [내용] 종목 테마에 사용되는 공통 스타일
           (속성 초기화, 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');}


/*속성 초기화*/
* { margin: 0px; padding: 0px; letter-spacing:-0.5px; 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:400 16px 'Noto Sans KR', sans-serif; }
body { min-width:1200px; -webkit-text-size-adjust: none; font-size:100% !important; word-wrap:break-word; word-break:break-all; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0; overflow:hidden; }
img { border-style: none; -ms-interpolation-mode:bicubic; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
fieldset {border:0;}
table, th, td { border: 0px; border-collapse: collapse; border-spacing:0;  }
ol, ul, ul li, ol li { list-style-type: none; list-style:none; }
input{ outline:0; }
input { -webkit-border-radius:0; outline:0; }
input[type=checkbox] { vertical-align:middle; }
input[type=radio] {vertical-align:middle; }
input[type=button] {-webkit-appearance:none; }
input[type=submit] {-webkit-appearance:none; -webkit-border-radius:0; }
input::-webkit-input-placeholder { color:#999; }
input:-ms-input-placeholder { color:#999; }
button { background:inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer; outline:0; -webkit-appearance:none; -webkit-border-radius:0; }
button:focus, button:active { padding:0; }
button:focus, button:active span { position:relative; }

select { -webkit-appearance:none; -webkit-border-radius:0; }
::selection, select:focus::-ms-value { background-color:transparent; color:#999; }
option:checked {background-color:transparent; color: #222;}
option:checked:hover, select:focus option:checked:hover { background-color: transparent; color: #222; }
textarea {resize:none; background:url(none); -webkit-border-radius:1px; -webkit-appearance:none; }
b, i { color:inherit; font-weight:700; }
em, i, address {font-style:normal; font-weight:normal;}
strong { color:inherit; font-weight:inherit; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus{ outline: none; }
a { outline: 0; color:inherit; cursor:pointer; }
*:focus {outline:0;}
*:visited {outline:0;}
*:active {outline:0;}
*:hover {outline:0;}

/*문서 공통화*/
.wrap { width:100%; min-width:1200px; height:auto; box-sizing:border-box; font-weight:400; font-size:15px; font-family:'Noto Sans KR' !important; letter-spacing:-0.33px;  }
.wrap .contents01 { width:1200px; padding:50px 0; margin:0 auto 0 auto; box-sizing:border-box; overflow:hidden;}
.wrap .contents02 { width:100%; padding:50px 0; background:#f4f5fa; box-sizing:border-box; overflow:hidden; }
.wrap .contents03 { width:100%; padding:50px 0; background:#fff; box-sizing:border-box; }
.wrap .hide { display:none !important; }

/*자동완성*/
.cm_auto_search { position:fixed; top:123px; right:calc(50% - 600px); width:1200px; padding:20px 15px; border:1px solid #ddd; border-radius:10px; background:#fff; }
.cm_auto_search .list_wrap .list_cont { height:35px; padding:1px 10px 0; font-size:13px; line-height:35px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.cm_auto_search .list_wrap .list_cont:first-child { margin-top:0; }
.cm_auto_search .list_wrap .list_cont:hover { border-radius:5px; background:#f4f5fa; }
.cm_auto_search .list_wrap .list_cont a { display:block; }

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


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

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


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

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

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

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


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


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


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


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


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


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


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

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

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

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


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

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

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

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

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


/*버튼*/
.cm_btn_line{ display:block; background:#fff; border:1px solid #ddd; color:#222; font:700 20px/50px 'Noto Sans KR'; text-align:center; cursor:pointer; }
.cm_btn_line.gray , .cm_btn_line.gray_hover{ border:1px solid #ddd; }
.cm_btn_line.orange , .cm_btn_line.orange_hover { border:1px solid #ff7500; }

.cm_btn_line.orange_hover:hover, .cm_btn_line.gray_hover:hover  { border:0; background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); color:#fff; }
.cm_btn_line .im { margin:-4px 0 0 5px; font-size:95%; vertical-align:middle; }
.cm_btn_line.ts { border:1px solid #e8343f; }

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

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

.cm_btn_bg.gr_or { background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8373d)); background-image:linear-gradient( to right,#ff7500,#e8373d); }
.cm_btn_bg.gr_or.vertical { background:#ff7500; background-image:-webkit-linear-gradient(top bottom, #ff7500 0%, #e8373d 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#ff7500), to(#e8373d)); background-image:linear-gradient(to bottom,#ff7500,#e8373d); }

.cm_btn_bg.gr_navy { background:#2e2e72; background-image:-webkit-linear-gradient(left right, #2e2e72 0%, #222259 100%); background-image:-webkit-gradient(linear, left, right, from(#2e2e72), to(#222259)); background-image:linear-gradient( to right,#2e2e72,#222259); }
.cm_btn_bg.gr_navy.vertical { background:#2e2e72; background-image:-webkit-linear-gradient(top bottom, #2e2e72 0%, #222259 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#2e2e72), to(#222259)); background-image:linear-gradient(to bottom,#2e2e72,#222259); }

.cm_btn_bg.gr_black { background:#222; background-image:-webkit-linear-gradient(left right, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, left, right, from(#454545), to(#222)); background-image:linear-gradient( to right,#454545,#222); }
.cm_btn_bg.gr_black.vertical { background:#222; background-image:-webkit-linear-gradient(top bottom, #454545 0%, #222 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#454545), to(#222)); background-image:linear-gradient(to bottom,#454545,#222); }

.cm_btn_bg.gr_white { border:1px solid #ddd; background:#fff; background-image:-webkit-linear-gradient(top bottom, #fff 0%, f3f3f3 100%); background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(f3f3f3)); background-image:linear-gradient( to bottom,#fff,#f3f3f3); color:#222; }

/*관심멘토*/
.cm_btn_interest { display:inline-block; width:83px; height:72px; background:#fff; color:#999; font:400 12px/20px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_interest .ic_circle{ display:block; width:28px; height:28px; margin:13px auto 5px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_interest .ic_circle .im { margin:2px 0 0 1px; color:#adb6c7; font-size:120%; vertical-align:middle; }
.cm_btn_interest.on .im { color:#e8373d !important; }
.cm_btn_interest.round01 { display:inline-block; width:auto; height:25px; padding:0 15px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#777; font:400 14px/22px 'Noto Sans KR'; box-sizing:border-box; cursor:pointer; }
.cm_btn_interest.round01 .im { margin:-2px 4px 0 0; font-size:90%; vertical-align:middle; }

/*멘토 소개 영상*/
.cm_btn_intro { display:inline-block; width:83px; height:72px; background:#fff; color:#999; font:400 12px/20px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.cm_btn_intro .ic_circle{ display:block; width:28px; height:28px; margin:13px auto 5px auto; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.cm_btn_intro .ic_circle .im { margin:2px 0 0 3px; color:#adb6c7; font-size:120%; vertical-align:middle; }
.cm_btn_intro.disabled { background:#f4f4f4 !important; color:#ccc !important; font-weight:400 !important; cursor:not-allowed !important; }
.cm_btn_intro.disabled .ic_circle{ opacity:0.5; }
.cm_btn_intro.round01 { width:auto; height:22px; padding:0 10px; border:1px solid #ddd; border-radius:15px;  background:#fff; color:#222; }

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

.cm_btn_katalk.round01 { display:inline-block; width:auto; height:22px; padding:0 10px; border-radius:15px; font: 400 12px/20px 'Noto Sans KR'; }
.cm_btn_katalk.round01 .im { margin-right:2px; }

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

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

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

/*목록*/
.cm_btn_list  { position:absolute; bottom:10px; right:0; width:64px; height:35px; margin-right:10px; border:1px solid #ddd; background:#fff; color:#444; font-size:16px; line-height:32px; }

/*더보기 버튼*/
.cm_btn_more { display:block; width:300px; height:50px; margin:50px auto; text-align:center; }

/*상세 페이지 구독버튼*/
.cm_view_subscribe { width:355px; height:192px; padding:20px 15px 15px 15px; margin-top:42px; border:2px solid #ff7500; background:#f8f8f8; }
.cm_view_subscribe .cm_btn_bg { height:50px; padding:7px 0; border-radius:8px; font-size:22px; line-height:36px; text-align:center; }

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

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


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

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

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

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

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

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

/*리본 라벨*/
.cm_badge_ribbon { position:absolute; width:95px; height:95px; top:0; left:0; overflow:hidden; }
.cm_badge_ribbon .cm_ribbon { position:absolute; top:10px; left:-42px; transform:rotate(-45deg); width:142px; height:38px; background:#f1f2f4; color:#fff; font:400 16px/36px 'Noto Sans KR'; text-align:center; }
.cm_badge_ribbon .cm_ribbon.blue { background:#2e2e72; }
.cm_badge_ribbon .cm_ribbon.red { background:#e8373d; }
.cm_badge_ribbon .cm_ribbon.gray { background:#999; }
.cm_badge_ribbon .cm_ribbon.hide { display:none; }
.cm_badge_ribbon.small .cm_ribbon{ top:8px; left:-45px; height:35px; font-size:13px; line-height:35px; }

/*개발 추가 영역으로 요청 후 삭제하기*/
.cm_ribbon.free,.label_vod_ribbon.hot {background-color:#e8373d;  }
.cm_ribbon.up {background-color:#2e2e72 }
.cm_ribbon.finish {background-color:#999; }
.cm_ribbon.soon {background-color:#ee8c01; letter-spacing:-1.5px; }

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

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

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


/*페이징*/
.cm_paging_wrap { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:30px; margin:30px auto; }
.cm_paging_wrap .cm_pageing { float:left; width:30px; height:30px; margin-right:5px; border:1px solid #ddd; background:#fff; color:#ddd; font:400 15px/30px 'Noto Sans KR'; box-sizing:border-box; text-align:center; overflow:hidden; cursor:pointer; }
.cm_paging_wrap .cm_pageing a {display:block; width:100%; height:100%; }
.cm_paging_wrap .cm_pageing.btn_num { width:auto; border:0; background:transparent; color:#777; }
.cm_paging_wrap .cm_pageing.btn_num a{ display:block; width:100%; height:100%; padding:0 10px; }
.cm_paging_wrap .cm_pageing.btn_num.selected { padding:0 10px; background:#eaeaea; color:#fff; cursor:default; }
.cm_paging_wrap .cm_pageing .im { font-size:80%; line-height:28px; }
.cm_paging_wrap .cm_pageing.btn_prev { margin-right:10px; }
.cm_paging_wrap .cm_pageing.btn_next { margin-left:5px; }
.cm_paging_wrap .cm_pageing.btn_frist .im:last-of-type { margin-left:-5px; }
.cm_paging_wrap .cm_pageing.btn_last { margin-right:0; }
.cm_paging_wrap .cm_pageing.btn_last .im:first-of-type { margin-right:-5px; }


/*탭 기본 디자인*/
.cm_tab { position:relative; width:1200px; height:60px; margin:0 auto; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; z-index:10;}
.cm_tab:before{ display:block; content:''; position:absolute; top:2px; right:0; width:2px; height:56px; background:#fff; z-index:2; }
.cm_tab .cm_tab_menu { float:left; position:relative; height:60px; border-top:1px solid #ddd; color:#999; font:400 20px/58px 'Noto Sans KR'; 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:57px; box-sizing:border-box; }
.cm_tab .cm_tab_menu:before { display:block; content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:21px; background:#ddd; }
.cm_tab .cm_tab_menu:last-child:before { display:none; }
.cm_tab .cm_tab_menu a { display:block; width:100%; height:100%; }
.cm_tab .cm_tab_menu .ic_new { display:inline-block; width:25px; height:25px; margin:-2px 0 0 8px; border-radius:50%; background:#ff7500; color:#fff; font-family:'BMJUA'; font-size:18px; line-height:27px; text-align:center; vertical-align:middle; }

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


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

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

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

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


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


/*멘토 승인 사유*/
.cm_mentor_reason li { float:left; position:relative; width:95px; height:90px; margin-right:10px; background:#f7f7f7; border:1px solid #eaeaea; text-align:center; font-size:15px; }
.cm_mentor_reason li i { display:block; height:60px; line-height:60px; vertical-align:middle; }
.cm_mentor_reason li span { display:block; height:30px; line-height:30px; vertical-align:middle; }
.cm_mentor_reason .reason {  font-weight:400; }
.cm_mentor_reason .reason i { background:url(/Images/sub/ic_mt_reason_off.png) no-repeat; }
.cm_mentor_reason .reason i.ic1 { background-position-y:0; }
.cm_mentor_reason .reason i.ic2 { background-position-y:-65px; }
.cm_mentor_reason .reason i.ic3 { background-position-y:-130px; }
.cm_mentor_reason .reason i.ic4 { background-position-y:-195px; }
.cm_mentor_reason .reason span { background:#eaeaea; color:#777; }
.cm_mentor_reason .on { font-weight:400; color:#222; background:#fff; border-color:#222; }
.cm_mentor_reason .on i { background:url(/Images/sub/ic_mt_reason_on.png) no-repeat; }
.cm_mentor_reason .on i.ic1 { background-position-y:0; }
.cm_mentor_reason .on i.ic2 { background-position-y:-65px; }
.cm_mentor_reason .on i.ic3 { background-position-y:-130px; }
.cm_mentor_reason .on i.ic4 { background-position-y:-195px; }
.cm_mentor_reason .on span {  background:#222; color:#fff; }


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

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


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


/*게시판*/
.cm_table_wrap { width:100%; border:0; table-layout:fixed; }
.cm_table_wrap img { max-width:100%; } 
.cm_table_wrap .txt_left { text-align:left !important; }
.cm_table_wrap .txt_center { text-align:center !important; }
.cm_table_wrap .txt_right { text-align:right !important; }
.cm_table_wrap .hide { display:none; }
.cm_table_wrap .cm_view_category { display:inline-block; height:30px; padding:0 30px; margin-right:20px; border:1px solid #2f2e72; border-radius:15px; background:#fff; font:600 15px/28px 'Noto Sans KR'; }
.cm_table_wrap .cm_user_name , .cm_table_wrap .cm_mentor_name { font-size:16px !important; }

.cm_table_wrap thead { border-top:1px solid #ddd; border-bottom:1px solid #ededed; text-align:center; }
.cm_table_wrap thead th{ min-height:50px; height:auto; padding:7px 15px; background:#f4f4f4; color:#777; font:400 15px/22px 'Noto Sans KR'; line-height:30px; }
.cm_table_wrap thead th + th { border-left:2px solid #fff; }

.cm_table_wrap tbody { text-align:center; }
.cm_table_wrap tbody td { padding:9px 10px; border-bottom:1px solid #ededed; background:#fff; font:400 15px/22px 'Noto Sans KR';  }

/*게시판 리스트-제목 말줄임*/
.cm_table_wrap.text_hidden { width:100%; table-layout:fixed; white-space:nowrap;  }
.cm_table_wrap.text_hidden tbody td { height:50%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }

/*게시판 리스트-사진있음*/
.cm_table_wrap.borad_photo td { text-align:center; }
.cm_table_wrap.borad_photo .desc { position:relative; }
.cm_table_wrap.borad_photo .desc td:nth-of-type(2) { text-align:left !important; }
.cm_table_wrap.borad_photo .cm_thumb_wrap { float:left; width:80px; height:80px; margin:0 15px 0 0; border:1px solid #ddd; border-radius:15px; overflow:hidden;  }
.cm_table_wrap.borad_photo .tit { display:-webkit-box; float:left; width:calc(100% - 95px); font:700 18px 'Noto Sans KR';  -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.cm_table_wrap.borad_photo .subtit { display:-webkit-box; float:left; width:calc(100% - 95px); margin: 2px 0 0 0; color:#777; font:400 15px 'Noto Sans KR';  -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; text-align:left; overflow:hidden; }
.cm_table_wrap.borad_photo .txt { float:left; width:calc(100% - 95px); margin: 0 0 8px 0; color:#999; }
.cm_table_wrap.borad_photo .txt span { display:inline-block; float:left; position:relative; width:auto; margin-right: 20px; }
.cm_table_wrap.borad_photo .txt span:before { display:block; position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:15px; background:#ededed; }
.cm_table_wrap.borad_photo .txt span:last-of-type { display:none; }

/*게시판 상세-테이블*/
.cm_table_wrap.tale_veiw thead th .cm_view_category { padding:0 10px; }
.cm_table_wrap.tale_veiw tbody tr { cursor:unset; }
.cm_table_wrap.tale_veiw tbody td { padding:35px 25px; font-family:'Noto Sans KR'!important; } 
.cm_table_wrap.tale_veiw tbody td table { all:initial; }
.cm_table_wrap.tale_veiw tbody td > * { word-break:break-all; } 
.cm_table_wrap.tale_veiw tbody td .box_tit { margin-top:20px; padding:30px 0; border:1px solid #ddd; border-radius:10px; background:#f8f8f8; box-sizing:border-box; font:700 25px 'Noto Sans KR'; } 
.cm_table_wrap.tale_veiw tbody td .box_txt { margin-top:30px; } 
.cm_table_wrap.tale_veiw tbody td .box_txt a { word-break:break-all; } 
.cm_table_wrap.tale_veiw tbody td .box_txt img{ display:block; width:auto; max-width:600px; min-width:100px; height:auto; margin:20px 0; }

/*게시판 상세 첨부파일*/
.cm_table_wrap tbody .cm_attached_wrap { position:relative; padding:0 !important; font:400 15px 'Noto Sans KR' !important; overflow:hidden; }
.cm_table_wrap tbody .cm_attached_wrap .tit { display:inline-block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin:0 !important; width:150px; padding-top:10px; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list { display:inline-block; float:right; width:calc(100% - 150px); }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li { padding:10px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:left; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:last-child { border-bottom:0; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li .im { margin:-2px 0 0 5px; color:#555; font-size:90%; vertical-align:middle; }
.cm_table_wrap tbody .cm_attached_wrap .attached_list li:hover { text-decoration:underline; }

/*게시판 상세 이전/다음 버튼*/
.cm_table_wrap.tale_veiw tbody tr td.box_move { height:50px; padding:0; border:1px solid #ddd; border-top:0; overflow:hidden; white-space:nowrap; cursor:pointer; }
.cm_table_wrap.tale_veiw tbody tr td.box_move button { float:left; width:105px; height:50px; border:0; background:#fff; color:#777; font:700 16px 'Noto Sans KR' !important;}
.cm_table_wrap.tale_veiw tbody tr td.box_move button .im { margin:-2px 0 0 10px; color:#999; font-size:80%; vertical-align:middle; }
.cm_table_wrap.tale_veiw tbody tr td.box_move .tit { display:inline-block; float:left; max-width:800px; margin:0 15px; font:700 16px/50px 'Noto Sans KR'; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.cm_table_wrap.tale_veiw tbody tr td.box_move .date { display:inline-block; float:left; width:auto; line-height:50px;}

/*게시판 글쓰기*/
.cm_table_wrap.table_write tbody { border-top:2px solid #222; border-bottom:1px solid #ddd; }
.cm_table_wrap.table_write tbody tr { cursor:unset; height:50px; }
.cm_table_wrap.table_write tbody th { padding:10px 30px !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f4f5fa; font:400 16px/25px 'Noto Sans KR'; text-align:left; letter-spacing:2px; }
.cm_table_wrap.table_write tbody td { padding:10px 30px !important; text-align:left; font:400 16px/25px 'Noto Sans KR' !important; box-sizing:border-box; }
.cm_table_wrap.table_write tbody td input + label { margin-left:10px; }


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


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


/*필터*/
.cm_filter_wrap { width:1200px; margin:0 auto; }
.cm_filter_wrap .filter_tit { font:700 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:#f8f8f8;  scrollbar-arrow-color:#f4f4f4; }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar { width: 10px; background: #ddd; }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar-track { background: #f4f4f4;  -webkit-box-shadow: inset 0px 0px 6px rgba(0,0,0,.3); }
.cm_filter_wrap .filter_cont .scroll_style::-webkit-scrollbar-thumb { margin-top:10px; background: #ddd; }

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

.cm_filter_wrap .box_filter .drag_grap { position:relative; width:100%; height:55px; padding:0 10px; margin-top:20px; box-sizing:border-box; overflow:hidden; }
.cm_filter_wrap .box_filter .drag_grap .irs-single { top:30px; background-color:transparent !; 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:400;}

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

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

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

.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:700; 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:400 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:700 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:400 15px/30px 'Noto Sans KR'; overflow:hidden; }
.cm_info_desc .info_desc_txt { float:left; width:100%; height:30px; }
.cm_info_desc .info_desc_txt.info_period { width:50%; }
.cm_info_desc .info_desc_txt .tit { display:block; float:left; position:relative; width:70px; padding-left:10px; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .tit:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:5px; height:5px; border-radius:50%; background:#222; }
.cm_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:700; box-sizing:border-box; }
.cm_info_desc .info_desc_txt .txt b { font-weight:700; }
.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:700; }

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

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

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


/*툴팁*/
.cm_tooltip_desc { display:none; position:fixed; max-width:400px; padding:10px 13px; border-radius:10px; background-color:rgba( 000, 000, 000, 0.8 ); color:#fff; box-sizing:border-box; text-align:left; z-index:100;}


/*댓글 폼*/
.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:400 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:400 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:400 15px/17px 'Noto Sans KR'; resize:none; box-sizing:border-box; }
.cm_reply_write .cm_btn_bg { float:left; width:10% !important; height:75px !important; margin-bottom:0 !important; border-radius:0 !important; font-size:18px; line-height:75px; cursor:pointer; }
.cm_reply_write .cm_btn_bg.btn_fast { position:absolute; right:29px; top:20px; width:8% !important; height:135px !important; }

/*댓글 내용*/
.cm_reply_list { width:100%; overflow:hidden; }
.cm_reply_list .reply_list {  background:#fff; box-sizing:border-box;  overflow:hidden; }

.cm_reply_list .reply_cont { display:block; position:relative; width:100%; padding:20px 30px; border:1px solid #ddd; border-top:0; box-sizing:border-box; overflow:hidden; }
.cm_reply_list .reply_cont textarea { display:block; float:left; width:90%; height:75px; padding:15px; border:1px solid #ddd; background:#fff; color:#999; font:400 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:400 15px/20px 'Noto Sans KR'; overflow:hidden; }

.cm_reply_list .reply_cont .box_reply_btn { position:absolute; top:20px; right:30px; max-width:212px; height:35px; overflow:hidden; }
.cm_reply_list .reply_cont .box_reply_btn li { float:left; width:64px; height:35px; margin-right:10px; border:1px solid #ddd; background:#fff; color:#444; font-size:16px; line-height:32px; text-align:center; overflow:hidden; cursor:pointer; }
.cm_reply_list .reply_cont .box_reply_btn li:last-child { margin-right:0; }
.cm_reply_list .reply_cont.change { width:100%; height:auto; }

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


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

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

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

/*팝업*/
.cm_popup_wrap { position:fixed; top:0; left:0; width:100%; height:100%; padding:0 15px; z-index:1001; word-break:keep-all; }
.cm_popup_wrap .cm_form { margin-left:0; }
.cm_popup_wrap.bg { background:rgba(000,000,000,0.7); }
.cm_popup_wrap.bg > .btn_close { position:absolute; right:15px; top:15px; width:32px; height:32px; color:#fff; text-align:center; }
.cm_popup_wrap.bg > .btn_close .im { font-size:24px; line-height:32px; }

.cm_popup_wrap .popup_img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.cm_popup_wrap .popup_img img { display:block; z-index:1; }
.cm_popup_wrap .popup_img .btn_close { position:absolute; right:-32px; top:0; color:#fff; }

.cm_popup_wrap .popup_player { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:800px; height:500px; border:5px solid #000; box-sizing:border-box; }
.cm_popup_wrap .popup_player .btn_close { position:absolute; right:-45px; top:-5px;  width:32px; height:32px; text-align:center; }
.cm_popup_wrap .popup_player .btn_close .im { color:#fff; font-size:24px; line-height:32px; }
.cm_popup_wrap .popup_player .box_player { width:100%; height:100%; overflow:visible !important; }
.cm_popup_wrap .popup_player .txt_noti { width:800px; height:35px; margin:10px 0 0 -5px; background:#000; color:#fff; font-family:'BMJUA'; line-height:35px; vertical-align:middle; text-align:center;letter-spacing:0; }

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

.cm_popup_wrap .popup_wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:420px; height:auto; padding:30px; background:#fff; border-radius:8px; font-family:'Noto Sans KR'; overflow:hidden; }
.cm_popup_wrap .popup_wrap.w600 { width:600px; }
.cm_popup_wrap .popup_wrap.w1016 { width:1016px;}
.cm_popup_wrap .popup_wrap .popup_top { position:relative; padding:0 32px; text-align:center; }
.cm_popup_wrap .popup_wrap .popup_top .btn_close { position:absolute; top:calc(50% - 10px); right:-10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:32px; height:32px; text-align:center; background: url(/Images/common/ic_close_b.png) no-repeat;}
.cm_popup_wrap .popup_wrap .popup_top .btn_close .im { font-size:24px; line-height:32px; }
.cm_popup_wrap .popup_wrap .popup_desc { max-height: 60vh; overflow-y: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;}


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

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

.cm_main_popup .box_close { display:block; margin-top:5px; }
.cm_main_popup .box_close li { display:block; position:relative; height:20px; }
.cm_main_popup .box_close li input { display:none; }
.cm_main_popup .box_close li label { float:left; padding-right:21px; margin-left:5px; color:#777; font-size:13px; line-height:20px; vertical-align:middle; cursor:pointer; }
.cm_main_popup .box_close li label::before { display:block; content:''; position:absolute; bottom:1px; right:5px; width:16px; height:17px; background:url('/Images/common/ic-smallcheck_main.png') no-repeat; }