@charset "UTF-8";
/*
    [제목] 핀업 스탁 모바일 리스트 페이지 CSS
    [생성일] 2020-05-19
    [내용] 핀업 스탁 모바일 리스트 페이지에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
/*리스트 공통화 스타일*/
.list_wrap { width:100%; height:auto; overflow:hidden; }
.list_wrap.flex_row { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:20px 10px; flex-direction:row;}
.list_wrap.flex_row .item { padding-right: 0 !important;}
.list_wrap.flex_column { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; }
/*
.popup_analyst_list .list_wrap {width: 100%;}

.popup_analyst_list .list_wrap .container {display: flex;
    touch-action: pan-y pinch-zoom;
}

.popup_analyst_list .list_wrap .item {
    flex: 0 0 calc(50% - 5px);
    padding-right: 10px;
}
 */
/*리스트 없을때*/
.list_cont.list_none { width:100%; height:150px; padding:65px 0; border-radius:10px; background:#f8f8f8; color:#777; font-size:0.813rem; text-align:center; }

/*테이블 형태의 리스트에서 사용*/
.list_cont.list_none.has_bor { background:unset; border-radius:0; border:1px solid #ededed; border-top:0; justify-content:center; }

/*테이블 형태일때 레이블영역*/
.list_cont.box_head { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 20px;  width:100%; max-width:1200px; padding:15px;  border:1px solid #ededed; border-top:2px solid #222; }
.list_cont.box_head > span { -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex: 1 1 auto; text-align:center; }

/*[.list_cont.vertical01 ] 리스트 공통화 ver썸네일O*/
.list_cont.vertical01 { width:100%; height:auto; cursor:pointer; }
.list_cont.vertical01 .cm_thumb_wrap { position:relative; width:100%; height:80px; min-height:80px; border:1px solid #ededed; border-radius:10px; background-color:#fff!important; overflow:hidden; }
.list_cont.vertical01 .cm_thumb_wrap .cm_badge { z-index:1; }
.list_cont.vertical01 .cm_thumb_wrap img { display:block; width:100%; height:auto; z-index:0; }

/*썸네일 비율 16:9일때*/
.list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 { height:auto; padding-top:56.25%; }
.list_cont.vertical01 .cm_thumb_wrap.thumb_16_9 img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto; }

.list_cont.vertical01 dl { display:-webkit-box; display:-ms-flexbox; display:flex; gap: 0; flex-wrap:wrap; flex-direction:column; width:100%; margin-top:5px; }
.list_cont.vertical01 dl > * { position:relative; overflow:hidden; }

.list_cont.vertical01 dl .cm_mentor_name { font-size:0.688rem; line-height:16px; }
.list_cont.vertical01 dl .cm_user_name { font-size:0.688rem; line-height:16px; }

.list_cont.vertical01 dl .box_txt { -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; }

.list_cont.vertical01 dl .box_txt.row1 { display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.vertical01 dl .box_txt.row2 { display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  }
.list_cont.vertical01 dl .box_txt.row1.cm_smtxt { height:20px; }
.list_cont.vertical01 dl .box_txt.row2.cm_smtxt { max-height:40px; }
.list_cont.vertical01 dl .box_txt.row1.cm_xsmtxt { height:16px; }
.list_cont.vertical01 dl .box_txt.row2.cm_xsmtxt { max-height:32px; }

.list_cont.vertical01 dl .box_txt.add span { display:inline-block; float:left; }
.list_cont.vertical01 dl .box_txt.add span + span { margin-left:5px; }

.list_cont.vertical01 dl .box_name .category { display:inline-block; position:relative; float:left; height:16px; padding-right:7px; margin-right:3px; font-size:0.688rem; line-height:16px; }
.list_cont.vertical01 dl .box_name .category::after { display:block; content:''; position:absolute; top:7px; right:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.list_cont.vertical01 dl .box_name .cm_mentor_name { float:left; font-size:0.688rem; line-height:16px; }

.list_cont.vertical01.disabled .cm_thumb_wrap:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.7); z-index:5; }
.list_cont.vertical01.disabled .cm_txt { color:#999 !important; }
.list_cont.vertical01.disabled .cm_smtxt { color:#999 !important; }

.list_cont.vertical01.mentor { position:relative; height:95px; border-radius:10px; border:1px solid #ededed; background:#fff; }
.list_cont.vertical01.mentor dl { margin-top:0; }
.list_cont.vertical01.mentor dl .cm_xsmtxt { width:calc(100% - 50px) !important; margin-top:0;font-weight: 400;font-size: 0.688rem;line-height: 16px;font-family: 'Noto Sans KR';}
.list_cont.vertical01.mentor .cm_thumb_wrap { position:absolute; bottom:10px; right:10px; width:40px; height:40px !important; min-height:unset !important; border-radius:50%; }
.list_cont.vertical01.mentor .cm_mentor_name { font-size:0.813rem; line-height:20px; }

/*[.list_cont.horizon01] 리스트 공통화 ver썸네일X : 추천종목,검색 결과 리스트*/
.list_cont.horizon01 { width:100%; position:relative; padding:15px 0; border-bottom:1px solid #ededed; overflow:hidden; cursor:pointer; }
.list_cont.horizon01 .box_flex { display:-webkit-box; display:-ms-flexbox; display:flex; align-items:center; }
.list_cont.horizon01 .box_flex .box_objective { -webkit-flex:0 0 calc(100% - 100px); -ms-flex:0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); width:calc(100% - 100px);  }
.list_cont.horizon01 .box_flex .box_state {  -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex: 0 0 100px; width:100px;  }
.list_cont.horizon01 .box_flex .box_value { display:-webkit-box; display:-ms-flexbox; display:flex;  -webkit-flex:1 1 30%; -ms-flex:1 1 30%; flex:1 1 30%; padding:0 10px; height:20px; justify-content:space-between; }
.list_cont.horizon01 .box_flex .box_value + .box_value { border-left:1px solid #ededed; }
.list_cont.horizon01 .box_flex .box_value > span  { -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex: 1 0 auto; color:#777; }
.list_cont.horizon01 .box_flex .box_value > span.cm_xsmtxt  { line-height:20px; }
.list_cont.horizon01 .box_flex .box_value > span.cm_smtxt  { text-align:right; }
.list_cont.horizon01 .box_flex.add { background:#f8f8f8; padding:10px 5px; border-radius:10px; }

/*[.list_cont.horizon02] 리스트 공통화 ver썸네일X : 멤버십, 강의, 리포트, VOD, 검색기&지표*/
.list_cont.horizon02 { float:none; width:100%; position:relative; padding:15px 0; border-bottom:1px solid #ededed; overflow:hidden; cursor:pointer; }
.list_cont.horizon02:first-child { border-top:1px solid #ededed; }
.list_cont.horizon02 .txt_info { overflow:hidden; }
.list_cont.horizon02 .txt_info .ic_badge { display:inline-block; float:left; height:20px; padding:0 10px; margin-right:5px; border-radius:3px; border:1px solid #2e2e72; color:#2e2e72; font-size:0.688rem; line-height:18px; }
.list_cont.horizon02 .txt_info .ic_badge.noti { border:0; background:#e8373d; color:#fff; line-height:20px; }
.list_cont.horizon02 .txt_info .ic_badge.free { border:1px solid #e8373d; color:#e8373d; }
.list_cont.horizon02 .txt_info .cm_badge { float:left; margin-right:10px; vertical-align:text-bottom; }
.list_cont.horizon02 .txt_info .cm_user_name { float:left; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.list_cont.horizon02 .txt_info .cm_mentor_name { float:left; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.list_cont.horizon02 .txt_info .date { float:right; line-height:20px; }
.list_cont.horizon02 .txt_info.add span { display:inline-block; position:relative; height:17px; overflow:hidden; }
.list_cont.horizon02 .txt_info.add span + span { margin-left:5px; padding-right:1px; padding-left:8px; }
.list_cont.horizon02 .txt_info.add span + span::before { display:block; position:absolute; content:''; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.list_cont.horizon02 .txt_desc { display:block; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.horizon02 .txt_desc.rowfull {  height:auto;   text-overflow:unset; white-space:unset;  }

.list_cont.horizon02.has_ic { padding:15px 65px 15px 0; }
.list_cont.horizon02.has_ic .icon { position:absolute; top:15px; right:0; width:50px; height:52px; background:url('/images/sub/ic_vedio_emeblem.png?v202405171800') no-repeat;  background-size:auto 52px; }
.list_cont.horizon02.has_ic .icon.live { background-position-x:0; }
.list_cont.horizon02.has_ic .icon.live.off { background-position-x:-50px; }
.list_cont.horizon02.has_ic .icon.youtube { background-position-x:-100px; }
.list_cont.horizon02.has_ic .icon.youtube.off { background-position-x:-150px; }
.list_cont.horizon02.has_ic .icon.vod { background-position-x:-200px; }
.list_cont.horizon02.has_ic .icon.none { border-radius:10px; background:#f8f8f8; color:#222; font-size:0.813rem; font-weight:700; }
.list_cont.horizon02.has_ic .icon.none span { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; line-height:20px; }
.list_cont.horizon02.has_ic .cm_btn { width:calc(100% + 65px); height:35px; border-radius:5px; font-size:0.813rem; font-weight:bold; }

/*럭키박스 > 인벤토리 리스트*/
.list_cont.horizon03 { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; gap:0 10px; float:none; align-items:center; width:100%; padding:15px 34px 15px 0; border-bottom:1px solid #ededed; overflow:hidden; cursor:pointer; }
.list_cont.horizon03 .box_chk { -webkit-flex:0 0 16px; -ms-flex:0 0 16px; flex:0 0 16px; height:16px; }
.list_cont.horizon03 .box_chk label { height:24px; }

.list_cont.horizon03 .cm_thumb_wrap { -webkit-flex:0 0 80px; -ms-flex:0 0 80px; flex:0 0 80px; width:80px; height:auto; }
.list_cont.horizon03 .btn_detail { position:absolute; top:15px; right:0; width:24px; height:24px; background:url('/images/LuckyBox/ic_menu.png') no-repeat; background-size:100%; }
.list_cont.horizon03 .btn_del { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/images/LuckyBox/ic-regular-xmark-gray.png') no-repeat; background-size:100%; }
.list_cont.horizon03 .btn_more { display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; text-align:center; }
.list_cont.horizon03 .btn_more .im { color:#999; font-size:0.813rem; line-height:24px; }

.list_cont.horizon03 dl { display:-webkit-box; display:-ms-flexbox; display:flex; gap:5px 0; flex-wrap:wrap; flex-direction:column; width:100%; }
.list_cont.horizon03 dl > * { position:relative; overflow:hidden; }
.list_cont.horizon03 dl .cm_badge  { display:inline-block; height:16px; padding:0 5px; margin-left:10px; line-height:16px; vertical-align:middle; }
.list_cont.horizon03 dl .winner { position:relative; margin-left:3px; padding-left:6px; color:#777; font-size:0.688rem; line-height:16px; }
.list_cont.horizon03 dl .winner:before { display:block; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#ccc; }

.list_cont.horizon03 dl .box_txt.row1 { display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.horizon03 dl .box_txt.row2 { display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  }
.list_cont.horizon03 dl .box_txt.row1.cm_smtxt { height:20px; }
.list_cont.horizon03 dl .box_txt.row2.cm_smtxt { max-height:40px; }
.list_cont.horizon03 dl .box_txt.row1.cm_xsmtxt { height:16px; }
.list_cont.horizon03 dl .box_txt.row2.cm_xsmtxt { max-height:32px; }

.list_cont.horizon03.on dl .cm_smtxt { font-weight:700; }


/*[.list_cont.horizon04] 리스트 공통화 : 자유게시판*/
.list_cont.horizon04 { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; padding:15px 0; gap:10px 10px; border-bottom:1px solid #ededed; cursor:pointer; }
.list_cont.horizon04 .txt_info { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:0 10px; justify-content:flex-start; }
.list_cont.horizon04 .txt_info .cm_badge { align-self:center;  }
.list_cont.horizon04 .txt_info .cm_user_name { font-size:0.813rem; line-height:20px; vertical-align:middle; align-self:center;}
.list_cont.horizon04 .txt_info .cm_mentor_name { font-size:0.813rem; line-height:20px; vertical-align:middle; align-self:center;}
.list_cont.horizon04 .txt_info .date { margin-left:auto; }

.list_cont.horizon04 .txt_info.add { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 3px; color:#999; font-size:0.688rem; line-height:16px; align-items:center; }
.list_cont.horizon04 .txt_info.add span { display:inline-block; position:relative; height:17px; overflow:hidden; }
.list_cont.horizon04 .txt_info.add span + span { margin-left:5px; padding-right:1px; padding-left:8px; }
.list_cont.horizon04 .txt_info.add span + span::before { display:block; position:absolute; content:''; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; width:3px; height:3px; border-radius:50%; background:#ccc; }

.list_cont.horizon04 dl { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; -webkit-flex:1 0 calc(100% - 75px); -ms-flex:1 0 calc(100% - 75px); flex:1 0 calc(100% - 75px); gap:5px 0;}

.list_cont.horizon04 dl .box_txt.row2 { display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;  }
.list_cont.horizon04 dl .box_txt.row2.cm_txt { max-height:44px; }

.list_cont.horizon04 dl .box_name { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 15px; }
.list_cont.horizon04 dl .box_name span { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 3px; color:#999; font-size:0.688rem; line-height:16px; align-items:center; }
.list_cont.horizon04 dl .box_name span i { margin:0; align-self:center; }
.list_cont.horizon04 dl .box_name span .ic_heart { display:block; width:12px; height:12px; background:url('/images/common/ic_heart_regular.png')no-repeat; background-size:contain; align-self:center; }
.list_cont.horizon04 dl .box_name span .ic_comment { display:block; width:16px; height:16px; background:url('/images/common/ic_comment_regular.png')no-repeat; background-size:contain; align-self:center; }

.list_cont.horizon04 .cm_thumb_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; position:relative; width:65px; height:65px; border-radius:10px; overflow:hidden; align-self: flex-start; }
.list_cont.horizon04 .cm_thumb_wrap img { aspect-ratio:auto 65/65; align-self:center; }
.list_cont.horizon04 .cm_thumb_wrap::after { position:absolute; content:''; top:0; left:0; bottom:0; right:0; border-radius:10px; border:1px solid #ededed; }



/*리스트 공통화 스타일*/


/*페이지별 리스트 스타일*/
/*멘토 소개*/
.analyst_list h2.cm_subtit { font-weight:700; }
.analyst_list h2.cm_subtit + .cm_smtxt { word-break:keep-all; }
.analyst_list .box_slide .list_wrap { padding:0; overflow:visible; }
.analyst_list .box_slide .slick-slide { margin:0 5px; }
.analyst_list .box_slide .slick-list { margin:0 -5px; overflow:visible; }

.analyst_list .cm_form_wrap { position:relative; width:100%; }
.analyst_list .cm_form_wrap .cm_search_wrap { width:calc(100% - 50px); }
.analyst_list .cm_form_wrap .btn_align { display:block; position:absolute; top:10px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }

.analyst_list .box_search { position:relative; width:calc(100% - 30px); margin-left:15px; padding:20px; border-radius:10px; background:#f4f5fa; }
.analyst_list .box_search  .cm_form { float:none; width:100%; height:28px; padding:0; padding-right:28px; padding-bottom:8px; border-bottom:1px solid #222; background-color:transparent; font-size:80%; line-height:20px;  }
.analyst_list .box_search  .btn_search { position:absolute; top:20px; right:20px; width:18px; height:18px; text-align:center; }
.analyst_list .box_search  .btn_search .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#222; font-size:100%; }

.analyst_list .box_search .box_auto_search { position:absolute; top:75px; left:50%; transform:translateX(50%); -webkit-transform:translateX(-50%); width:100%; padding:15px; border:1px solid #ddd; border-radius:10px; background:#fff; box-shadow:2px 4px 4px 0 rgba(000,000,000, 0.3); z-index:99; }
.analyst_list .box_search .box_auto_search .list_wrap { width:100%; padding:0; }
.analyst_list .box_search .box_auto_search .list_wrap .list_cont { float:none; width:100%; padding:0 30px; font-size:80%; line-height:30px; }
.analyst_list .box_search .box_auto_search .list_wrap .list_cont:active { border-radius:15px; background:#f4f5fa; cursor:pointer; }

.analyst_list .cm_filter_wrap { padding:0 15px; } 
.analyst_list .cm_filter_wrap .cm_form.select { border:1px solid #ddd; }
.analyst_list .cm_filter_wrap .cm_form.select + .cm_form.select { border-left:0; }
/*
.analyst_list .list_cont.vertical01 .cm_thumb_wrap { height:90px; }
.analyst_list .list_cont.vertical01 .cm_thumb_wrap img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto; height:95%; }
.analyst_list .list_cont.vertical01 .cm_thumb_wrap .non_profile { position:relative; bottom:unset !important; left:unset!important; transform:unset!important; width:auto; height:100%; margin:0 auto; }
.analyst_list .list_cont.non_list { width:calc(100% - 30px); margin-left:15px;}
*/
.analyst_list .btn_more { display:block; width:100px; margin:0 auto; color:#999; font-size:0.813rem; line-height:20px; text-align:center; }
.analyst_list .btn_more .im { margin:0 0 0 7px; font-size:90%; vertical-align:middle; }

.analyst_list .btn_ic { display:block; width:100px; margin:0 auto; color:#999; font-size:0.813rem; line-height:20px; text-align:center; }
.analyst_list .btn_ic .im { margin:0 0 0 7px; font-size:90%; vertical-align:middle; }


/*유튜브 리스트*/
.youtube_list .cm_subtit { height:auto; line-height:40px; font-weight:700; overflow:hidden; }
.youtube_list .cm_subtit + .cm_smtxt { word-break:keep-all; }
.youtube_list .cm_select { display:block; width:100%; height:40px; font-size:0.813rem; line-height:38px; }

.youtube_list .list_wrap.live .list_cont.vertical01 { position:relative; }
.youtube_list .list_wrap.live .list_cont.vertical01:nth-child(1) { margin-top:0;  }
.youtube_list .list_wrap.live .list_cont.vertical01:nth-child(2) { margin-top:0;  }
.youtube_list .list_wrap.live .list_cont.vertical01:nth-child(2n) { margin-right:0;  }
.youtube_list .list_wrap.live .list_cont.vertical01 .cm_thumb_wrap { width:100px; height:100px; margin:0 auto; border-radius:50%; overflow:hidden; }
.youtube_list .list_wrap.live .list_cont.vertical01 .box_txt { text-align:center; }
.youtube_list .list_wrap.live .list_cont.vertical01 .cm_badge { display:none; }
.youtube_list .list_wrap.live .list_cont.vertical01.on .cm_badge { display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:1; }


/*무료 리포트(이슈테마/투자상식)*/
.report_list .cm_subtit { font-weight:700; word-break:keep-all; }
.report_list .cm_subtit  + .cm_smtxt { word-break:keep-all; }
.report_list .list_wrap .list_cont.vertical01 .cm_thumb_wrap img { height:100%; }

/*리포트*/
.investment_list .cm_subtit { font-weight:700; word-break:keep-all; }
.investment_list .cm_subtit + .cm_smtxt { word-break:keep-all; }
.investment_list .list_cont.vertical01 .cm_thumb_wrap { height:auto; }


/*무료강의 리스트*/
.education_list .cm_subtit { position:relative; font-weight:700;  word-break:keep-all;  }
.education_list .cm_subtit .btn_align { display:block; position:absolute; top:3px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }
.education_list .cm_subtit + .cm_smtxt { word-break:keep-all; }
.education_list .cm_subtit .im { margin:0 0 0 5px; font-size:95%; vertical-align:middle; }
.education_list .cm_subtit .im.im-bell { float:right; margin:3px 0 0 5px; }
.education_list .cm_subtit .im.im-calendar { margin:3px 15px 0 5px;  }
.education_list .cm_form_wrap { width:100%; }
.education_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.education_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }
.education_list .list_cont.vertical01 .cm_thumb_wrap { height:auto; }


/*튜토리얼 리스트*/
.tutorial_list { overflow:visible !important; }
.tutorial_list .contents01 { overflow:visible !important; }
.tutorial_list .cm_subtit { font-weight:700; }
.tutorial_list .cm_subtit + .cm_smtxt { word-break:keep-all; }
.tutorial_list .box_filter { position:sticky; left:0; top:0; width:100%; height:auto; padding:10px 0; background:#fff; z-index:10; }
.tutorial_list .box_filter .list_wrap { width:calc(100% + 30px); margin-left:-15px; gap:0 5px; padding:0 15px; flex-wrap:nowrap; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; }
.tutorial_list .box_filter .list_wrap::-webkit-scrollbar { display:none; }
.tutorial_list .box_filter .list_wrap .list_cont { display:inline-flex; flex-direction:column; position:relative; padding:0 10px; align-items:center; }
.tutorial_list .box_filter .list_wrap .list_cont .cm_thumb_wrap { width:60px; height:60px; border-radius:50%; border:1px solid #ededed; }
.tutorial_list .box_filter .list_wrap .list_cont .cm_mentor_name { font-size:0.688rem; line-height:16px; white-space:nowrap; }
.tutorial_list .box_filter .list_wrap .list_cont.on .cm_thumb_wrap { border:1px solid #ff7500; }
.tutorial_list .box_filter .list_wrap .list_cont.on .cm_mentor_name { color:#ff7500; }


/*멘토멤버십 리스트*/
.membership_list { }
.membership_list .cm_subtit { position:relative; }
.membership_list .cm_subtit .btn_align { display:block; position:absolute; top:3px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }
.membership_list .cm_form_wrap { width:100%; }
.membership_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.membership_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }
.membership_list .cm_subtit { font-weight:700; word-break:keep-all; }
.membership_list .cm_subtit + .cm_smtxt { word-break:keep-all; }
.membership_list .cm_select { display:block; width:100%; }
.membership_list .list_cont.vertical01 .cm_thumb_wrap { height:auto; }


/*로보어드바이저*/
.robo_list {  }
.robo_list .cm_subtit { font-weight:700; word-break:keep-all; }
.robo_list h4.cm_smtxt { word-break:keep-all; }
.robo_list .list_cont.vertical01 .cm_thumb_wrap { height:auto; }


/*검색 결과 리스트*/
.search_list{}
.search_list .list_cont.vertical01 .cm_thumb_wrap { height:auto; }
.search_list .cm_form_wrap { width:100%; }
.search_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.search_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }
.search_list .list_wrap.flex_column { border-bottom:1px solid #ededed; }
.search_list .list_cont.horizon01 { border-top:1px solid #ededed; border-bottom:0;  }
.search_list .list_cont.horizon01 .cm_satisfaction .im { vertical-align:baseline; }
.search_list .list_cont.horizon01 .cm_mentor_name { font-size:0.688rem; line-height:16px; }

.search_list .list_cont.vertical01 .cm_thumb_wrap { height:90px; }
.search_list .list_cont.vertical01 .cm_thumb_wrap img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto; height:95%; }
.search_list .list_cont.vertical01 .cm_thumb_wrap .non_profile { position:relative; bottom:unset !important; left:unset!important; transform:unset!important; width:auto; height:100%; margin:0 auto; }


/*무료 종목*/
.stock_list {}
.stock_list .cm_subtit { font-weight:700; word-break:keep-all; }
.stock_list h4.cm_smtxt { word-break:keep-all; }
.stock_list .cm_form_wrap { position:relative; width:100%; }
.stock_list .cm_form_wrap .cm_search_wrap { width:calc(100% - 50px); }
.stock_list .cm_form_wrap .btn_align { display:block; position:absolute; top:10px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }
.stock_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.stock_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }

.stock_list .list_wrap { border-top:1px solid #ededed; }
.stock_list .list_cont.horizon01 .box_state span { color:#777; }
.stock_list .list_cont.horizon01 .cm_badge_wrap .cm_mentor_name { color:#777; font-size:0.688rem; line-height:20px; }
.stock_list .list_cont.horizon01 .cm_badge_wrap .cm_user_name { color:#777; font-size:0.688rem; line-height:20px; }


/*검색기&지표*/
.finder_list {}
.finder_list .cm_subtit { position:relative; font-weight:700; word-break:keep-all; }
.finder_list .cm_subtit .btn_align { display:block; position:absolute; top:3px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }
.finder_list h4.cm_smtxt { word-break:keep-all; }
.finder_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.finder_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }


/*이용후기  */
.review_list .contents01 { padding-bottom:20px ; }
.review_list .contents01.bg { padding-bottom:30px ; }
.review_list .contents01.bg img { display:block; width:100%; max-width:480px; height:auto; margin:0 auto; }
.review_list .contents02 { padding:30px 0; }
.review_list .contents02 .cm_subtit { padding:0 15px; margin-bottom:12px; font-weight:700; }
.review_list .cm_subtit i { font-weight:inherit; font-style:italic; }

.review_list .cm_bn { height:auto; background:-webkit-linear-gradient(right, #e8383c, #ffaf59, #22a5df, #5e5eaa, #00856e); background:linear-gradient( 270deg, #e8383c, #ffaf59, #22a5df, #5e5eaa, #00856e); background-size:500% 500%; animation: review_bn_bg 20s infinite; -webkit-animation: review_bn_bg 20s infinite; }
@keyframes review_bn_bg {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}
.review_list .cm_bn img { display:block; width:100%; max-width:480px; margin:0 auto; }
.review_list .cm_tab.fixed { position:fixed; top:0; left:0 }
.review_list .cm_tab.fixed + .cm_reply_slide { margin-top:67px !important; }

.review_list .cm_reply_slide { width:100%; max-width:480px; height:314px; margin:15px auto 0 auto; overflow:hidden; }
.review_list .cm_reply_slide .cm_reply_list { float:left; width:100%; height:auto; margin:0 15px 25px 15px; }
.review_list .cm_reply_slide .cm_reply_list .box_reply { height:auto; padding:15px; background:#fff; }
.review_list .cm_reply_slide .cm_reply_list .box_reply .category { display:block; margin-top:12px; font-size:0.813rem; }
.review_list .cm_reply_slide .cm_reply_list .box_reply .category strong{ font-size:95%; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.review_list .cm_reply_slide .cm_reply_list .box_reply .tit { margin-top:0; }
.review_list .cm_reply_slide .cm_reply_list .box_reply .cm_thumb_wrap { float:left; margin-top:15px; width:80px; height:80px; border:1px solid #ddd; }
.review_list .cm_reply_slide .cm_reply_list .box_reply .desc { display:-webkit-box; float:right; margin-top:10px; width:calc(100% - 90px); height:140px; font-size:80%; line-height:20px; text-align:left; text-overflow:ellipsis; -webkit-line-clamp:7; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.review_list .cm_reply_slide .cm_reply_list .cm_user_name { font-size:0.813rem; margin-top:5px; }
.review_list .cm_reply_slide .slick-dots { bottom:0; }


.review_list .cm_form_wrap { margin-bottom:20px; }
.review_list .cm_form_wrap .cm_form.cm_btn_bg a { display:block; width:100%; height:100%; line-height:45px; }
.review_list .cm_form_wrap .cm_form.select { background-position:95% center; }

.review_list .cm_btn_bg { width:240px; height:40px; margin:15px auto 0 auto;  border-radius:20px; font-size:115%; line-height:40px; }

.review_list .cm_paging_wrap { margin-bottom:20px; }


/*유료서비스 모아보기*/
.paidservice_list {}
.paidservice_list .cm_subtit { font-weight:700; word-break:keep-all; }
.paidservice_list h4.cm_smtxt { word-break:keep-all; }
.paidservice_list .cm_form_wrap { position:relative; width:100%; }
.paidservice_list .cm_form_wrap .cm_search_wrap { width:calc(100% - 50px); }
.paidservice_list .cm_form_wrap .btn_align { display:block; position:absolute; top:10px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }
.paidservice_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%;  }
.paidservice_list .cm_form_wrap .cm_select + .cm_select { border-left:0;  }

.paidservice_list .list_wrap { border-top:1px solid #ededed; }

.paidservice_list .list_cont.horizon01 .box_flex .box_service { -webkit-flex:0 0 calc(100% - 100px); -ms-flex:0 0 calc(100% - 100px); flex: 0 0 calc(100% - 100px); width:calc(100% - 100px);  }
.paidservice_list .list_cont.horizon01 .box_flex .box_price {  -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex: 0 0 100px; width:100px;  }

.paidservice_list .list_cont.horizon01 .box_state span { color:#777; }
.paidservice_list .list_cont.horizon01 .cm_badge_wrap .cm_mentor_name { color:#777; }

.paidservice_list .list_cont.horizon01 .cm_badge { width:auto; margin-right:5px; vertical-align:middle; }



/*
.list_wrap { overflow:hidden; }
.list_wrap .list_cont { position:relative; box-sizing:border-box; overflow:hidden; }
.list_wrap .list_cont .list_info { border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.list_wrap .list_cont .cm_thumb_wrap .cm_btn_curri { position:absolute; bottom:10px; left:15px; background:#fff; color:#555; line-height:25px; }
.list_cont.non_list { width:100%; height:150px !important; padding:0 !important; border:1px solid #ddd; background:transparent !important; color:#999; font-size:13px !important; text-align:center; line-height:150px; }
.list_cont.non_data { width:100%; height:150px !important; padding:0 !important; border:1px solid #ddd; background:transparent !important; color:#999; font-size:13px !important; text-align:center; line-height:150px; }

    */

/*프리미엄 패키지 리스트
.list_wrap.preimium_wrap img { display:block; width:100%; }
.list_wrap.preimium_wrap .list_cont { margin-bottom:10px; }
    */

/*투자아카데미, 강연 VOD 리스트
.list_cont.vertical01 { padding:15px; margin-bottom:10px; background:#fff; }
.list_cont.vertical01:last-child { margin-bottom:0; }
.list_cont.vertical01 .cm_badge_wrap { float:left; width:auto; margin-bottom:5px; }
.list_cont.vertical01 .cm_satisfaction { float:right; clear:right; }
.list_cont.vertical01 .data { display:block; float:right; width:auto; height:20px; margin-bottom:10px; color:#989898; font-size:80%;line-height:20px; clear:right; }
.list_cont.vertical01 .list_info { position:relative; width:100%; height:auto; padding:10px 15px; }
.list_cont.vertical01 .list_info .cm_mentor_name { display:block; width:auto; height:20px; line-height:20px; }
.list_cont.vertical01 .list_info .cm_mentor_name a { display:block; width:auto; height:100%; }
.list_cont.vertical01 .list_info .cm_txt { display:block; display:-webkit-box; float:left; width:calc(100% - 55px); height:15px; margin-top:3px; color:#777; line-height:15px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.vertical01 .list_info .cm_txt.wide { width:100%;  }
.list_cont.vertical01 .list_info .cm_btn_intro { position:absolute; top:0; right:0; height:100%; border-left:1px solid #ddd; font-size:0.688rem; }
.list_cont.vertical01 .cm_thumb_wrap { min-height:100px; border:1px solid #ddd; border-top:0; border-radius:0; box-sizing:border-box; }
    */

/*추천종목 리스트
.list_cont.vertical02 { padding:15px 15px; border:1px solid #ddd; border-bottom:0; }
.list_cont.vertical02:last-child { border-bottom:1px solid #ddd; }
.list_cont.vertical02 .cm_mentor_name { float:left; margin-right:10px; }
.list_cont.vertical02 .cm_txt { display:block; display:-webkit-box; float:left; width:calc(100% - 70px); height:15px; margin-top:15px; color:#555; line-height:15px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-break:keep-all; overflow:hidden; clear:both; }
.list_cont.vertical02 .cm_mentor_emblem { position:absolute; top:15px; right:10px; }
.list_cont.vertical02 .box_price { display:inline-block; width:100%; margin-top:10px; }
.list_cont.vertical02 .box_price .tit { font-size:0.813rem; line-height:17px; vertical-align:middle; }
.list_cont.vertical02 .box_price .price { display:inline-block; margin:0 0 0 5px; font-size:0.938rem; line-height:17px; vertical-align:middle; }
.list_cont.vertical02 .box_price .cm_badge { display:inline-block; float:none; margin:0px 0 0 5px; line-height:18px; vertical-align:middle; }
.list_cont.vertical02 .box_desc { height:60px; padding:12px 0 10px 0; margin-top:20px; border-radius:10px; background:#f8f8f8; box-sizing:border-box; overflow:hidden; }
.list_cont.vertical02 .box_desc .desc { float:left; width:33.3%; border-right:1px solid #ddd; text-align:center; box-sizing:border-box; }
.list_cont.vertical02 .box_desc .desc:last-child { border:0; }
.list_cont.vertical02 .box_desc .desc span { display:block; width:100%; }
.list_cont.vertical02 .box_desc .desc .tit { margin-bottom:5px; color:#777; font-size:0.813rem; line-height:15px; }
.list_cont.vertical02 .box_desc .desc .txt { font-size:150%; line-height:20px; }
.list_cont.vertical02 .box_desc .desc .txt small { font-size:65%; }
.list_cont.vertical02 .btn_subscribe { width:100%; height:40px; margin-top:10px; border-radius:10px; font-size:95%; line-height:38px; text-align:center; }
.list_cont.vertical02 .cm_btn_bg { line-height:40px; }
.list_cont.vertical02 .btn_subscribe span { margin-right:5px; }
.list_cont.vertical02 .btn_subscribe span .im { margin:0 3px 0 0; font-size:80%; }
*/

/*주식리딩 리스트
.list_cont.vertical03 { position:relative; width:100%; height:200px; padding:0 20px; margin:0 5px; border-top:2px solid #222; background:#fff; cursor:pointer; box-shadow:2px 5px 5px rgba(000,000,000,0.1); }
.list_cont.vertical03:first-child { margin-left:0; }
.list_cont.vertical03 .badge { position:absolute; top:17px; left:20px; height:20px; padding:0 4px; border:1px solid #ddd; color:#ff7500; font-size:0.688rem; line-height:18px;  }
.list_cont.vertical03 .value { position:absolute; top:9px; right:20px; color:#e8373d; font-size:1.125rem; font-weight:normal; line-height:36px; }
.list_cont.vertical03 .value small { font-size:1.125rem; }
.list_cont.vertical03 .cm_mentor_name { display:block; margin:67px 0 12px 0; }
.list_cont.vertical03 .cm_txt { float:none; width:100%; height:44px; margin-top:12px; color:#555; -webkit-line-clamp: 2; }
.list_cont.vertical03 .info_desc { position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:86%; height:45px; border-radius:15px 15px 0 0; background:#f8f8f8; color:#222; font-size:0.813rem; line-height:45px; text-align:center; }
.list_cont.vertical03 .info_desc li { display:inline-block; margin-right:20px; }
.list_cont.vertical03 .info_desc li:last-of-type { margin-right:0; }
@media only screen and (min-width:650px){
}*/


/*프리미엄 추천종목 리스트
.list_cont.vertical04 { padding:20px 15px; margin-bottom:15px; border:1px solid #ddd; border-top:2px solid #222; box-sizing:border-box; }
.list_cont.vertical04:last-child { margin-bottom:0; }
.list_cont.vertical04 .date { position:absolute; top:7px; right:15px; font-size:80%; }
.list_cont.vertical04 .date .im { margin:0 5px 0 0; font-size:90%; vertical-align:middle; }
.list_cont.vertical04 .box_info { width:100%; height:30px; padding:0 15px; margin-top:10px; border-radius:10px; background:#f8f8f8; line-height:30px; box-sizing:border-box; overflow:hidden; }
.list_cont.vertical04 .box_info .stock { float:left; font-size:100%; }
.list_cont.vertical04 .box_info .data { float:right; font-size:0.938rem; line-height:30px; font-weight:600; }
.list_cont.vertical04 .cm_info_desc { margin-top:10px; }
.list_cont.vertical04 .cm_info_desc.bg { float:left; width:calc(100% - 110px); padding:15px 13px; border-radius:10px; background:#f8f8f8; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt {  margin-top:3px; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt:first-child {  margin-top:0; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .tit { width:auto; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .txt { float:right; width:auto; margin:4px 0 0 0;  }
.list_cont.vertical04 .cm_info_desc.bg .bull { padding-left:10px;  }
.list_cont.vertical04 .cm_thumb_wrap { float:right; width:99px; height:99px; margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.list_cont.vertical04 .cm_thumb_wrap img { width:100%; height:100%; }
.list_cont.vertical04 .mentor_img { position:absolute; bottom:0; right:-20px; width:135px; height:90%; overflow:hidden; }
.list_cont.vertical04 .mentor_img img { display:block; position:absolute; bottom:0; right:0; height:90%; }
    */

/*추천종목 상세 > 유사멘토
.list_cont.vertical05 { float:left; position:relative; width:calc(34% - 10px); height:127px; margin-right:10px; border:1px solid #ddd; border-top:2px solid #222; background:#fff; box-sizing:border-box; text-align:center; overflow:hidden; }
.list_cont.vertical05:last-child { margin-right:0; }
.list_cont.vertical05 .cm_thumb_wrap { width:50px; height:50px; margin:14px auto 10px auto; border:1px solid #ddd; border-radius:5px; }
.list_cont.vertical05 .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.list_cont.vertical05 .cm_btn_line { width:100%; height:23px; margin-top:5px; border:0; border-top:1px solid #ddd; color:#999; font-size:80%; line-height:26px }
.list_cont.vertical05 .cm_btn_line .im { margin-top:0; font-size:80%; }

.list_cont.vertical05.bn {position:relative; padding:0; background-color:#e5e6f6;}
.list_cont.vertical05.bn.big { width:calc(66.6% - 10px); }
.list_cont.vertical05.bn a {display:block; width:100%; height:100%; }
.list_cont.vertical05.bn a img{position:absolute; left:50%; transform:translate(-50%); width:auto; height:100%; }
    */

/*선물투자 리스트*/

    
/*이벤트
.list_cont.vertical07 { position:relative; width:100%; height:330px; margin-bottom:20px; }
.list_cont.vertical07:last-child { margin-bottom:0; }
.list_cont.vertical07 .cm_thumb_wrap { height:70.7%; }
.list_cont.vertical07 .cm_thumb_wrap img { width:100%; height:100%; }
.list_cont.vertical07 .list_info { position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 40px); height:120px; padding:15px; border:0; background:#fff; text-align:center; z-index:1; }
.list_cont.vertical07 .list_info .tit { display:-webkit-box; margin:5px auto 15px auto; font-size:110%; font-weight:700; line-height:25px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; }
.list_cont.vertical07 .list_info .period { color:#777; font-size:90%; font-weight:400; }
.list_cont.vertical07 .list_info .period.end { color:#bbb; text-decoration:line-through; }
.list_cont.vertical07 .list_info .period .im { margin:0 7px 0 0; font-size:80%; vertical-align:middle; }
    */

/*충전소 리스트
.list_cont.vertical08 img { display:block; width:100%; }
.list_cont.vertical08 .list_cont { margin-bottom:10px; }
    */


/*메인 무료강의/아카데미/강연VOD
.list_cont.vertical10 { float:left; width:155px; overflow:hidden; }
.list_cont.vertical10 + .list_cont.vertical10 { margin-left:10px; }
.list_cont.vertical10 .cm_thumb_wrap .cm_badge_wrap { position:absolute; top:10px; left:10px; }
.list_cont.vertical10 .cm_thumb_wrap .ribbon{display:block; position:absolute; top:0; left:15px; width:40px; height:57px; color:#fff; font-size:75%; text-align:center; overflow:hidden;}
.list_cont.vertical10 .cm_thumb_wrap .ribbon.due{ padding-top:5px; background:url('/images/common/bg_academy_ribbon.png') no-repeat; background-size:cover;}
.list_cont.vertical10 .cm_thumb_wrap .ribbon.due .dday { font-weight:normal; font-size:125%;}
.list_cont.vertical10 .box_category .ic_dot { display:inline-block; margin:-1px 3px 0; color:#ccc; vertical-align:middle; }
.list_cont.vertical10 .box_category .cm_mentor_name { display:inline-block; line-height:16px; font-size:90%; vertical-align:middle; }
.list_cont.vertical10 .box_desc { display:-webkit-box; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
    */

/*멘토소개
.list_cont.vertical11 { position:relative; width:100%; padding:20px 15px; border:1px solid #ddd; }
.list_cont.vertical11 + .list_cont.vertical11 { border-top:0; }
.list_cont.vertical11 .box_txt { position:relative; padding-right:70px; padding-bottom:10px; border-bottom:1px solid #ddd; }
.list_cont.vertical11 .box_txt .cm_mentor_name { display:inline-block; line-height:22px; vertical-align:middle; }
.list_cont.vertical11 .box_txt .cm_badge { display:inline-block; float:none; width:38px; height:17px; padding:0; margin-left:15px; margin-right:0; border:1px solid #ddd; font-size:70%; line-height:17px; text-align:center; vertical-align:middle; box-sizing:content-box; }
.list_cont.vertical11 .box_txt .cm_smtxt { display:-webkit-box; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; word-break:keep-all; }
.list_cont.vertical11 .cm_thumb_wrap { position:absolute; top:20px; right:15px; width:60px; height:60px; overflow:visible; }
.list_cont.vertical11 .cm_thumb_wrap:before { display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:80px; height:80px; background:#fff; z-index:0 }
.list_cont.vertical11 .cm_thumb_wrap img { position:relative; height:100%; border:1px solid #ddd; border-radius:10px; z-index:1; }
.list_cont.vertical11 .box_career { width:100%; overflow:hidden; }
.list_cont.vertical11 .box_career li { position:relative; height:20px; padding-left:13px; font-size:80%; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_cont.vertical11 .box_career li:before { display:block; content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#777; }
.list_cont.vertical11 .cm_mentor_emblem { display:block; width:100%; min-width:286px; padding-left:34px; }
.list_cont.vertical11 .cm_mentor_emblem li { margin-left:0 !important; margin-right:33px; }
.list_cont.vertical11 .box_hover { display:none; position:absolute; top:0; left:0; width:100%; height:100%; padding:70px 40px; background:rgba(000,000,000,0.85); }
.list_cont.vertical11 .box_hover .cm_txt { font-weight:700; }
.list_cont.vertical11 .box_hover .cm_txt { display:-webkit-box; max-height:66px; color:#fff; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }
.list_cont.vertical11 .box_hover .cm_btn_bg { display:block; width:150px; height:40px; margin:0 auto; border-radius:8px; font-size:15px; line-height:22px; }
.list_cont.vertical11:hover .box_hover { display:block; }
    */

/*LIVE 특강 리스트
.list_cont.horizon01 { padding:15px 15px 13px 15px; border:1px solid #ddd; border-bottom:0; background:#fff; }
.list_cont.horizon01:last-child { border-bottom:1px solid #ddd; }
.list_cont.horizon01 .cm_txt { display:block; display:-webkit-box; width:100%; height:15px; margin-top:3px; margin-bottom:5px; color:#777; line-height:15px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon01 .cm_btn_intro { position:absolute; top:10px; right:10px; }
.list_cont.horizon01 .state { display:inline-block; width:60px; height:20px; margin-right:8px; border-radius:9px; background:#ccc; color:#fff; font-size:0.813rem; line-height:20px; text-align:center; vertical-align:middle; }
.list_cont.horizon01 .state.cm_badge { float:none; width:auto; border-radius:0; background:#e8373d; line-height:16px; }
.list_cont.horizon01 .ic_youtude { margin:3px 8px 0 0; color:#e8373d; font-size:100%; vertical-align:middle; }
.list_cont.horizon01 .date { display:inline-block; font-size:0.813rem; }
.list_cont.horizon01 .txt { position:absolute; right:10px; bottom:10px; font-size:0.688rem; }

.list_cont.horizon01.on .state { background:#ee3128; }
.list_cont.horizon01 .box_coupon { display:block; width:100%; padding:5px 10px; margin-bottom:5px; border:0; border-radius:10px; background:#f8f8f8; overflow:hidden; }
.list_cont.horizon01 .box_coupon .cm_color_or { margin-right:5px; font-weight:700; }
    */
/*초보투자가이드, 무료투자상식 리스트
.list_cont.horizon02 { height:68px; padding:0 15px; margin-bottom:15px; }
.list_cont.horizon02:last-child { margin-bottom:0; }
.list_cont.horizon02 .cm_thumb_wrap { float:left; width:120px; height:68px; margin-right:10px; }
.list_cont.horizon02 .cm_thumb_wrap img { height:100%; }
.list_cont.horizon02 .cm_thumb_wrap .cm_thumb_time{ left:unset; right:5px; bottom:5px; height:20px; line-height:20px; }
.list_cont.horizon02 .tit { display:block; display:-webkit-box; float:left; width:calc(100% - 130px); height:42px; font-size:0.938rem; font-weight:600; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon02 .tit .btn_tooltip { margin:-2px 0 0 3px; font-size:90%; vertical-align:middle; line-height:20px; }
.list_cont.horizon02 .cm_mentor_name { display:inline-block; margin-top:10px; }
.list_cont.horizon02 .txt { display:inline-block; margin-top:8px; font-size:80%; }
    */

/*멘토소개
.list_cont.horizon03 { padding:15px; border-bottom:1px solid #ddd; }
.list_cont.horizon03:first-child { border-top:1px solid #ddd; }
.list_cont.horizon03 .cm_thumb_wrap { float:left; width:55px; height:55px; margin-right:15px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box; }
.list_cont.horizon03 .cm_thumb_wrap img { height:100%; }
.list_cont.horizon03 .box_info { overflow:hidden; }
.list_cont.horizon03 .box_info .cm_mentor_name { float:left; margin-right:10px; }
.list_cont.horizon03 .box_info .cm_badge { float:left; height:15px; margin-top:2px; font-size:75%; line-height:17px; overflow:hidden; }
.list_cont.horizon03 .box_info .cm_tendency_wrap { float:right; }
.list_cont.horizon03 .box_info .cm_tendency_wrap .cm_tendency{ margin:0 0 0 5px;}

.list_cont.horizon03 .cm_txt { display:block; display:-webkit-box; width:calc(100% - 140px); margin-top:3px; font-size:75%; color:#777; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon03 .cm_mentor_emblem { position:absolute; right:15px; top:15px; }
.list_cont.horizon03 .cm_mentor_emblem li { margin-right:0; }

.list_cont.horizon03 .cm_btn_line { float:left; width:50%; height:40px; margin-top:10px; border-radius:0; font-size:95%; line-height:40px; }
.list_cont.horizon03 .cm_btn_line.disabled { background:#f4f4f4; color:#ccc; }
*/

/*멘토 무료 채팅
.list_cont.horizon03.openkakao { background:#fff; }
.list_cont.horizon03.openkakao .cm_thumb_wrap { margin-top:10px; }
.list_cont.horizon03.openkakao .cm_txt { width:calc(100% - 70px); height:55px; margin-top:10px; font-size:0.813rem; line-height:18px; -webkit-line-clamp:3; }
.list_cont.horizon03.openkakao .cm_btn_line { width:100%; height:40px; margin-top:10px; border-radius:10px; font-size:95%; line-height:38px; }
    */



/*무료 추천 테마, 이용후기 리스트
.list_cont.horizon05 { padding:15px 0; border:1px solid #ddd; border-top:0; }
.list_cont.horizon05:first-child { border-top:1px solid #ddd; }
.list_cont.horizon05 .box_info { width:calc(100% - 38px); padding-left:15px; }
.list_cont.horizon05 .tit { display:block; display:-webkit-box; width:100%; height:40px; font-size:0.938rem; line-height:21px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden; }
.list_cont.horizon05 .cm_mentor_name { display:inline-block; position:relative; margin:4px 8px 0 0; line-height:20px; vertical-align:middle; }
.list_cont.horizon05.no_before .data { padding-left:0; }
.list_cont.horizon05.no_before .data:before { display:none; }
.list_cont.horizon05 .data { display:inline-block; position:relative; padding-left:11px; margin:3px 8px 0 0; color:#777; font-size:0.813rem; line-height:13px; vertical-align:middle; }
.list_cont.horizon05 .data:before { position:absolute; content:''; top:2px; left:0; width:1px; height:10px; background:#ddd; }
.list_cont.horizon05 .data.non_line { padding-left:0; }
.list_cont.horizon05 .data.non_line:before { display:none; }
.list_cont.horizon05 .ic_arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#ccc; font-size:18px; clear:right; }

.list_cont.horizon05 .category { display:block; display:-webkit-box; height:20px; color:#ff7500; font-size:95%; line-height:20px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon05 .category + .box_tit { overflow:hidden;  }
.list_cont.horizon05 .category + .box_tit .tit { float:left; width:auto; max-width:calc(100% - 25px); height:20px; padding-right:2px; -webkit-line-clamp:1; box-sizing:border-box;  }
.list_cont.horizon05 .ic_new { display:inline-block; float:left; width:14px; height:14px; margin:3px 0 0 5px; border-radius:50%; background:#ff7500; color:#fff; font-size:65%; line-height:14px; text-align:center; overflow:hidden; }

.list_cont.horizon05 .box_user_info { height:34px; padding:0 15px; margin-top:15px; background:#f8f8f8; overflow:hidden; }
.list_cont.horizon05 .box_user_info .cm_user_name { color:#222; line-height:37px; }
.list_cont.horizon05 .box_user_info .date { float:right; line-height:35px; }

.list_cont.horizon05.reiew { padding:15px 0 0 0; }
.list_cont.horizon05.reiew .box_info { width:100%; }

.list_cont.horizon05.have_img .box_info { width:calc(100% - 65px); }
.list_cont.horizon05.have_img .cm_thumb_wrap { position:absolute; top:22px; right:0; width:53px; height:53px; margin-right:15px; border:1px solid #ddd; border-radius:5px; }
.list_cont.horizon05.have_img .cm_thumb_wrap img { width:100%; height:100%; }
@media only screen and (max-width:320px){
   .list_cont.horizon05.have_img .box_info .cm_mentor_name { display:block; }
}
*/

/*주식리딩 리스트
.list_cont.horizon06 { float:none; position:static; }
.list_cont.horizon06 td { padding:15px; border-bottom:1px solid #ddd; }
.list_cont.horizon06 td.ranking { width:auto; height:auto; padding:15px 0 0 0;  color:#999; line-height:22px; font-size:115%; font-style:italic; text-align:right; font-weight:bold; vertical-align:top; }
.list_cont.horizon06 .ic_badge { display:inline-block; height:20px; padding:0 5px; margin-top:0; margin-bottom:5px; background:#fff; border:1px solid #ddd; color:#e8373d; font-family:'Noto Sans KR'; font-size:75%; line-height:18px; vertical-align:middle; overflow:hidden; } 
.list_cont.horizon06 .box_mentor { overflow:hidden; }
.list_cont.horizon06 .box_mentor .cm_mentor_name { display:inline-block; float:left; margin-right:15px; line-height:22px; }
.list_cont.horizon06 .box_mentor .cm_satisfaction { display:inline-block; float:right; line-height:22px; }
.list_cont.horizon06 .info_desc { overflow:hidden; }
.list_cont.horizon06 .info_desc li { display:inline-block; float:left; margin-right:3px; color:#999; font-size:0.833rem; line-height:20px; }
.list_cont.horizon06 .info_desc li strong { color:#222 !important; }
.list_cont.horizon06 .box_stock { padding:5px 15px; border-radius:10px; background:#f8f8f8; overflow:hidden; }
.list_cont.horizon06 .box_stock .cm_smtxt { display:-webkit-box; float:left; width:calc(100% - 80px); height:16px; line-height:16px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.list_cont.horizon06 .box_stock .value { display:block; float:right; margin-left:8px; color:#999; font-size:95%; line-height:16px; }
.list_cont.horizon06 .box_stock .value small { font-size:70%; }
    */

/*투자 인사이트 > 메인 리스트
.list_cont.horizon07 { float:none; padding:15px; margin-top:15px; background:#fff; }
.list_cont.horizon07:first-child{ margin-top:0; }
.list_cont.horizon07 .cm_txt { display:-webkit-box; height:22px; margin-top:5px; padding:0 10px; font-weight:600; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon07 .box_info { padding:10px 10px; margin-top:5px; border:0; border-radius:10px; background:#f8f8f8; overflow:hidden; }
.list_cont.horizon07 .box_info strong { margin-right:5px; font-weight:700; }
.list_cont.horizon07 .box_info .cm_smtxt { display:-webkit-box; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.horizon07 .box_user_info {  padding:0 10px;  overflow:hidden; }
.list_cont.horizon07 .box_user_info .cm_mentor_name { float:left; padding-top:0; line-height:22px; }
.list_cont.horizon07 .box_user_info .date { float:left; position:relative; margin-left:10px; padding-left:11px; line-height:22px; }
.list_cont.horizon07 .box_user_info .date:before { display:block; position:absolute; content:''; left:0; top:3px; width:1px; height:14px; background:#ddd; }
.list_cont.horizon07 .badge { display:inline-block; width:60px; height:20px; margin-top:10px; border:1px solid #ddd; background:#fff; font-size:75%; line-height:20px; text-align:center; }
.list_cont.horizon07 .badge.free { border:0; background:#ff7500; color:#fff;  }
.list_cont.horizon07 .badge + .badge { margin-left:5px;  }
    */

/*투자 인사이트 > 상세 홈 리포트 게시판
.list_cont.horizon08 { position:relative; width:100%; padding:10px 15px; border-bottom:1px solid #ddd; overflow:hidden; }
.list_cont.horizon08:first-child { border-top:1px solid #ddd; }

.list_cont.horizon08 .box_ic { display:-webkit-box; height:24px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; overflow:hidden; }
.list_cont.horizon08 .box_ic .ic { display:inline-block; height:22px; padding:0 8px; margin-right:10px; border-radius:3px; border:1px solid #ddd; background:#fff; color:#222; font-size:80%; line-height:23px; overflow:hidden; vertical-align:middle; }
.list_cont.horizon08 .box_ic .cm_smtxt { float:right; line-height:22px; }
.list_cont.horizon08 .box_ic .cm_txt { margin:0; line-height:22px; }

.list_cont.horizon08 .box_ic + .cm_txt { display:-webkit-box; height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; overflow:hidden;  }
.list_cont.horizon08 .cm_smtxt { display:-webkit-box; height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; word-wrap:break-word; overflow:hidden; }
.list_cont.horizon08 .box_ic + .cm_smtxt { margin-top:5px; }

.list_cont.horizon08 .data { font-size:80%; line-height:20px; }
.list_cont.horizon08 .data + .data { position:relative; margin-left:10px; padding-left:10px; }
.list_cont.horizon08 .data + .data::before { display:block; content:''; position:absolute; left:0; top:2px; width:1px; height:13px; background:#ddd; }

.list_cont.horizon08.noti { background:#ffefef; }
.list_cont.horizon08.noti .box_ic .ic { border:0; background:#e8383c; color:#fff; }

.list_cont.horizon08.sample { background:#f4f5fa; }
.list_cont.horizon08.sample .box_ic .ic { border:0; background:#2e2e72; color:#fff; }
    */

/*horizon09 - 선정종목리스트
.list_cont.horizon09 { position:relative; padding:20px; border-bottom:1px solid #ddd; overflow:hidden; }
.list_cont.horizon09:first-child { border-top:1px solid #ddd; }
.list_cont.horizon09:first-child.non_list { border-bottom:0; }
.list_cont.horizon09 .cm_txt { display:-webkit-box; height:22px; font-weight:600; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; z-index:2; }
.list_cont.horizon09 .cm_txt .cm_color_dg { font-size:85%; }
.list_cont.horizon09 .box_stock { float:left; width:calc(100% - 70px); margin-top:10px; z-index:2; }
.list_cont.horizon09 .box_stock > * { float:left; }
.list_cont.horizon09 .box_stock .cm_thumb_wrap { width:40px; height:40px; margin-right:10px; border:1px solid #ededed; border-radius:5px; overflow:hidden; }
.list_cont.horizon09 .box_stock .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.list_cont.horizon09 .box_stock .cm_smtxt { display:-webkit-box; width:calc(100% - 50px); height:20px; margin-bottom:3px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.list_cont.horizon09 .box_stock .box_value { width:100%; margin-top:5px; overflow:hidden; }
.list_cont.horizon09 .box_stock .box_value li { display:inline-block; height:20px; vertical-align:middle; line-height:20px; overflow:hidden; }
.list_cont.horizon09 .box_stock .box_value li:first-child { display:inline-block;}
.list_cont.horizon09 .box_stock .box_value li:last-child { padding-left:10px; }
.list_cont.horizon09 .box_stock .box_value li .label { display:block; float:left; width:auto; margin-right:10px; color:#777; font-size:70%; line-height:20px; }
.list_cont.horizon09 .box_stock .box_value li .value { display:block; float:left; width:auto; font-size:95%; line-height:20px; }
.list_cont.horizon09 .box_stock .box_value li:first-child .value { position:relative; padding-right:12px; }
.list_cont.horizon09 .box_stock .box_value li:first-child .value:before { display:block; content:''; position:absolute; top:4px; right:0; width:1px; height:12px; background:#ddd; }
.list_cont.horizon09 .box_stock .box_value li .value small { font-size:75%; }
.list_cont.horizon09 .box_state { position:absolute; top:55px; right:20px; width:70px; color:#666; font-size:95%; line-height:22px; text-align:right; z-index:1; }
.list_cont.horizon09 .box_state.up { color:#e8373d !important; }
.list_cont.horizon09 .box_state.down { color:#373fe8 !important; }
.list_cont.horizon09 .box_state.profit { color:#f5634a !important; }
.list_cont.horizon09 .box_state.loss { color:#22a5df !important; }
.list_cont.horizon09 .box_state .cm_xsmtxt { display:block; margin-top:15px; }
.list_cont.horizon09 .box_state .value { display:block; float:left; width:100%; font-size:95%; line-height:20px; }
.list_cont.horizon09 .box_state .value small { font-size:75%; }
.list_cont.horizon09 .box_state .value .im { margin:0 3px 0 0; font-size:80%; vertical-align:middle; }
.list_cont.horizon09 .box_state .value.up { color:#e8373d !important; }
.list_cont.horizon09 .box_state .value.down { color:#373fe8 !important; }
    */

/*horizon10 - 골든시그널 FAQ 아코디언
.list_cont.horizon10 { width:100%; height:auto; border-bottom:1px solid #ddd; overflow:hidden; }
.list_cont.horizon10 .box_tit { position:relative; padding:16px 38px 16px 15px; font-size:95%; font-weight:500; line-height:22px; }
.list_cont.horizon10 .box_tit .im { position:absolute; top:50%; right:27px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:80%; }
.list_cont.horizon10 .box_desc { display:none; position:relative; padding:16px 15px; border-top:1px solid #ddd; color:#777; font-size:80%; line-height:20px; word-break:keep-all; }
.list_cont.horizon10 .box_desc * { font-weight:500; font-size:100%; line-height:20px; }
.list_cont.horizon10 .box_desc img { max-width:100%; height:auto; }
    */


/*무료 추천 테마, 멘토의 시선 엿보기 리스트 랭킹 부분
.list_cont.list_rank { height:45px; padding:0 15px; border:1px solid #ddd; border-bottom:0; background:#fff; line-height:45px; }
.list_cont.list_rank .num { display:block; float:left; width:25px; height:25px; margin:10px 10px 0 0; border-radius:5px; color:#fff; font-size:95%; line-height:25px; text-align:center; overflow:hidden; }
.list_cont.list_rank .txt { display:block; display:-webkit-box; float:left; width:calc(100% - 100px); font-size:95%; line-height:44px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.list_rank .date {display:block; float:right; width:51px; line-height:44px; text-align:right; }
.list_cont.list_rank:last-child { border-bottom:1px solid #ddd; }
.list_cont.list_rank:last-child .txt { line-height:43px; }
.list_cont.list_rank:last-child .date { line-height:43px; }
    */

/*--S : 페이지 스타일--*/
/*멘토의 시선 엿보기
.stock_market .cm_subtit { margin-bottom:10px; overflow:hidden; }
.stock_market .date { float:right; font-size:70%; line-height:26px; }
.stock_market .list_cont.list_rank a { display:block; }
.stock_market .noti { font-size:80%; line-height:20px; }
.stock_market .cm_form.select { float:none; padding-left:5%; background-position:95% center; }
    */



/*멘토 무료 특강
.free_education .cm_form_wrap { padding:0 15px; margin-bottom:15px; }
.free_education .cm_form.select { width:calc(50% - 5px); background-color:#fff; }
.free_education .cm_form.select:last-of-type { margin-left:10px; }

.free_education .box_tab { position:relative; width:100%; border-top:0; border-bottom:1px solid #ddd; background:#fff; overflow:hidden; overflow-x:auto; -ms-overflow-style:none; }
.free_education .box_tab::-webkit-scrollbar { display: none; }
.free_education .box_tab .cm_tab { width:auto; border-top:0; margin:0; }
.free_education .box_tab .cm_tab_menu {padding:0 25px; border-bottom:0; }
.free_education .box_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }

.free_education .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.free_education .box_tab .cm_tab.addflex .cm_tab_menu{ -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; padding:0; }*/
/*

@media only screen and (max-width:370px){
.free_education .box_tab .cm_tab { float:left; width:370px; margin:0 auto; border:0; }
.free_education .box_tab .cm_tab_menu { padding:0 27px; }

}

.free_education .box_align { padding:0 15px; margin-top:10px; margin-bottom:10px; overflow:hidden; }
.free_education .box_align .cm_chk + label { float:left; margin:4px 0 }
.free_education .box_align .ic_filter { float:right; width:25px; height:25px; background: url(/images/common/ic_filter.png) no-repeat; background-size:contain; }

    */
/*멘토 무료 채팅
.opentalk_list .contents01 { padding:15px 15px 30px;}
.opentalk_list .tab_cont { display:none; font-family:'scdream'; font-weight:500; text-align:center; word-break:keep-all; }
.opentalk_list .tab_cont.on { display:block; }
.opentalk_list .tab_cont * { font-family:'scdream','Noto Sans KR'; }
.opentalk_list .tab_cont h3 {  }
.opentalk_list .tab_cont h3 strong { font-weight:600;  }
.opentalk_list .tab_cont span { display:inline-block; color:#777; }
.opentalk_list .tab_cont span strong { color:#222; }
.opentalk_list .tab_cont .box_ic li { display:block; width:200px; height:50px; margin:10px auto 0; border:1px solid #ddd; border:1px solid #ededed; border-radius:20px; background:#fff; line-height:50px; box-shadow:1px 1px 5px rgba(000,000,000,0.05);  }
.opentalk_list .tab_cont .box_ic li:first-child { margin-top:0; }
.opentalk_list .tab_cont .box_ic li .ic { display:inline-block; width:36px; height:36px; margin:0 auto 5px; background:url('/images/sub/m_ic_freechatting_01.jpg') no-repeat; background-size:cover; background-position:0 0; line-height:50px; vertical-align:middle; }
.opentalk_list .tab_cont .box_ic li:nth-child(2) .ic { background-position:-36px 0; }
.opentalk_list .tab_cont .box_ic li:nth-child(3) .ic { background-position:-72px 0; }
.opentalk_list .tab_cont .box_ic li span { font-size:80%; margin-right:8px; }

.opentalk_list .tab_cont .box_desc { display:block; min-height:100px; padding:15px; border:1px solid #ededed; border-radius:20px; background:#fff; box-shadow:1px 1px 5px rgba(000,000,000,0.05); word-break:keep-all; overflow:hidden; }
.opentalk_list .tab_cont .box_desc dt { font-size:80%; line-height:20px; }
.opentalk_list .tab_cont .box_desc dd { color:#777; font-size:75%; line-height:16px; }

.opentalk_list .contents02.bg { padding:30px 0; }
.opentalk_list .contents02.bg .cm_subtit { padding:0 15px; font-weight:700; }
.opentalk_list .list_wrap .non_data { width:calc(100% - 30px); height:auto; padding:50px 20px; margin-left:15px; border:1px solid #ddd; color:#999; font-size:80%; line-height:20px; text-align:center; }
*/

/*무료 추천 테마
.free_thema .cm_subtit { margin-bottom:10px; font-weight:700; overflow:hidden; }
.free_thema .date { float:right; font-size:0.813rem; font-weight:400; line-height:26px; }
.free_thema .list_cont.list_rank a { display:block; }
.free_thema .noti { margin-top:10px; font-size:0.813rem; line-height:20px; }
.free_thema .cm_form.select { float:none; background-position:95% center; }
    */


  

/*투자아카데미
.education_list .cm_reply_slide { height:240px; }
.education_list .cm_reply_slide .slick-dots { bottom:0; }
.education_list .cm_subtit { font-weight:700; margin-bottom:15px; }
.education_list .cm_subtit .box_ic { float:right; width:auto; }
.education_list .cm_subtit .im { margin:0 0 0 5px; font-size:95%; vertical-align:middle; }
.education_list .cm_subtit .im.im-bell { float:right; margin:3px 0 0 5px; }
.education_list .cm_subtit .im.im-calendar { margin:3px 15px 0 5px;  }
.education_list .box_bn img { display:block; width:100%; height:auto; }
.education_list .list_wrap { margin-top:10px; }

.education_list .box_tab { position:relative; width:100%; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#fff; overflow:hidden; overflow-x:auto; -ms-overflow-style:none; }
.education_list .box_tab::-webkit-scrollbar { display: none; }
.education_list .box_tab .cm_tab { border-top:0; margin:0; }
.education_list .box_tab .cm_tab_menu {padding:0 25px; border-bottom:0; }
.education_list .box_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }

.education_list .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.education_list .box_tab .cm_tab.addflex .cm_tab_menu{ -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; padding:0; }
*/
/*
.education_list .box_tab .cm_tab_menu { width:25%; }

@media only screen and (max-width:370px){
.education_list .box_tab .cm_tab { float:left; width:370px; margin:0 auto; border:0; }
.education_list .box_tab .cm_tab_menu { padding:0 27px; }

}*/
/*
.education_list .tab_info { display:block; position:relative; width:100%; margin:10px auto 0 auto; text-align:center; overflow:hidden; }
.education_list .tab_info > li { float:left; width:100%; box-sizing:border-box; z-index:1; }
.education_list .tab_info > li:last-child { border:0; }
.education_list .tab_info .box_tit  { font-weight:700; }
.education_list .tab_info .box_tit .im { margin:0 5px 0 0; font-size:75%; vertical-align:middle; }
.education_list .tab_info .box_txt { color:#777; }

.education_list .tab_info .slick-dots { position:absolute; top:8px; right:15px; width:auto; height:auto; margin:0; z-index:2;}
.education_list .tab_info .slick-dots li { display:inline-block; width:5px; height:5px; margin:0 3px; border-radius:50%; overflow:hidden; }
.education_list .tab_info .slick-dots li button { display:block; width:5px; height:5px; background:#ddd; }
.education_list .tab_info .slick-dots li.slick-active button { background:#ff7500; }

.education_list .box_align { padding:0 15px; margin-top:10px; overflow:hidden; }
.education_list .box_align input[type=checkbox] { display:none; }
.education_list .box_align input[type=checkbox] + label { display:block; float:left; position:relative; padding-left:28px; margin:4px 0; font-size:95%; line-height:18px; vertical-align:middle; box-sizing:border-box; }
.education_list .box_align input[type=checkbox] + label.wide { max-width:100%; }
.education_list .box_align input[type=checkbox] + label:before { display:block; content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/images/common/ic_checkbox.jpg') no-repeat 0 0; background-size:100% auto; }
.education_list .box_align input[type=checkbox]:checked + label:before { background-position:0 -18px; }
.education_list .box_align .ic_filter { float:right; width:25px; height:25px; background: url(/images/common/ic_filter.png) no-repeat; background-size:contain; }

    */
/*LIVE 지난 방송
.education_list .list_wrap .list_cont.horizon01.add:last-of-type { border-bottom:1px solid #ddd; }
    */
/*LIVE 특강 리스트 없을 때
.education_list .non_data { padding:20px 10px; border:1px solid #ddd; border-left:0; border-right:0; background:#fff; color:#999; font-size:90%; line-height:22px; text-align:center; overflow:hidden; }
.education_list .non_data .im { margin:0 5px 0 0; font-size:85%; vertical-align:middle; }
.education_list .list_cont.horizon03.openkakao { background:#fff; }*/



/*추천종목
.stock_list .cm_bn span { display:inline-block; width:100%; height:30px; background:#f4f5fa; font-size:90%; line-height:30px; text-align:center; }
.stock_list .cm_bn span .im { margin:0 0 0 5px; font-size:90%; vertical-align:middle; }

.stock_list .box_bn { display:-webkit-box; display:-ms-flexbox; display:flex; gap:10px 0; flex-wrap:wrap; flex-direction:column; }
.stock_list .box_bn li {  position:relative; }
.stock_list .box_bn li img { display:block; width:100%; }
.stock_list .box_bn .bn_cont_01 { border-radius:10px; padding:10px; overflow:hidden; }
.stock_list .box_bn .bn_cont_01 .ic { display:inline-block; width:58px; height:37px; margin-right:5px; vertical-align:middle; }
.stock_list .box_bn .bn_cont_01 .cm_txt { display:inline-block; vertical-align:middle;  }

.stock_list .box_bn .bn_cont_02 { padding:15px; border:1px solid #ddd; border-radius:10px; cursor:pointer;  }
.stock_list .box_bn .bn_cont_02 .ic { display:block; position:absolute; top:18px; right:15px; width:45px; height:40px; }
.stock_list .box_bn .bn_cont_02 .cm_txt { padding-right:55px; }
.stock_list .box_bn .bn_cont_02 .cm_smtxt { padding-right:55px; }
.stock_list .box_bn .bn_cont_02 .cm_xsmtxt { position:relative; }
.stock_list .box_bn .bn_cont_02 .cm_xsmtxt .im { position:absolute; right:0; bottom:0; font-size:90%; }

.stock_list .cm_subtit { font-weight:700; padding:0 15px; overflow:hidden;}
.stock_list .cm_subtit .cm_tab.text_style { float:right; margin-top:5px; font-size:90%; z-index:2; }
.stock_list .cm_cont_slide { display:none; padding-left:10px; margin:10px 0 20px 0; }
.stock_list .cm_cont_slide.on { display:block; }
.stock_list .cm_cont_slide .cm_cont_list.style01 { background:#fff; }

.stock_list .cm_form.select { background-color:#fff; }
.stock_list .cm_form.select.ic_filter { background-color:#fff; }
.stock_list .list_cont.vertical02:nth-last-child(2) { border-bottom:1px solid #ddd; }
.stock_list .cm_paging_wrap { padding:0 15px; }

.stock_list .list_cont.vertical02 { background:#fff; }
.stock_list .list_cont.vertical02 .box_desc .desc .txt { font-size:0.938rem; line-height:20px; font-weight:700; }
.stock_list .cm_paging_wrap { margin:30px 0 0 0;}
    */

/*주식리딩
.leading_list .contents01 { position:relative; padding:30px 15px; }
.leading_list .cm_subtit { font-weight:bold; }
.leading_list .cm_subtit .im { font-size:95%; vertical-align:middle; }
.leading_list .list_wrap.ranking { width:83%; height:auto; margin:0 auto; overflow:visible; }
.leading_list .list_wrap.ranking .slick-list { overflow:visible; }
.leading_list .list_wrap.ranking .slick-list .slick-center{ border-top:2px solid #ff7500; }
.leading_list .list_wrap.ranking .slick-dots { margin:0; line-height:10px; }
.leading_list .list_wrap.ranking .slick-dots li { display:inline-block; width:10px; height:10px; margin:0 3px; margin-top:30px; border-radius:50%; background:#ddd; }
.leading_list .list_wrap.ranking .slick-dots li.slick-active { background:#ff7500; }
.leading_list .list_wrap.ranking .slick-dots li button { display:block; width:100%; height:100%; }
.leading_list .list_wrap.ranking .slick-dots li button:before{  display:none; }

.leading_list .box_arrow { position:absolute; top:32px; right:15px;  width:47px; height:24px; border:1px solid #ddd; overflow:hidden; }
.leading_list .box_arrow li { float:left; position:relative; width:50%; height:24px; cursor:pointer; }
.leading_list .box_arrow li.btn_left { border-right:1px solid #ddd; }
.leading_list .box_arrow li .a { display:block; }
.leading_list .box_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:80%; }

.leading_list .contents02.leading { padding:0; padding-bottom:45px; margin-top:25px; }
.leading_list .contents02.leading .cm_subtit { padding:0 15px; line-height:40px; }
.leading_list .contents02.leading .cm_subtit .ic_filter { float:right; width:160px; height:40px; font-size:0.938rem; line-height:38px; }

.leading_list .contents02.leading .cm_tooltip_desc { width:calc(100% - 30px); }
.leading_list .contents02.leading .cm_tooltip_desc .tooltip_article li { height:auto; }
.leading_list .contents02.leading .list_wrap { width:auto; min-width:100%; max-width:none; table-layout:fixed; border-top:1px solid #ddd; }
.leading_list .contents02.leading .btn_more { display:block; width:97px; height:22px; margin:0 auto; color:#999; font-size:95%; line-height:22px; text-align:center; }
.leading_list .contents02.leading .btn_more .im { margin:0 0 0 5px; font-size:85%; vertical-align:middle; }
*/

/*검색결과 리스트
.search_list .box_search { position:relative; height:35px; }
.search_list .box_search .cm_form { height:35px; padding:0 0 0 30px; border:0; border-bottom:2px solid #222; color:#222; font-size:100%; line-height:35px; }
.search_list .box_search .cm_form::-webkit-input-placeholder { color:#999; }
.search_list .box_search .cm_form:-ms-input-placeholder { color:#999;; }
.search_list .box_search .im { position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:130%; }
.search_list .list_wrap { margin-top:10px; border-bottom:1px solid #ddd;  }
.search_list .list_cont.non_list { border:0; border-top:1px solid #ddd; }
.search_list .list_cont .cm_satisfaction {  }
.search_list .list_cont .cm_badge.gray_or { line-height:22px !important; }
.search_list .list_cont.horizon03 { min-height:35px; }
.search_list .cm_paging_wrap { margin-bottom:20px; }
*/

/*선물 투자
.futures_list .box_service_info { overflow:hidden; }
.futures_list .box_service_info .service_info { float:left; width:50%; height:40px; padding:0 15px; border:1px solid #ddd; background:#fff; font-size:90%; line-height:40px; overflow:hidden; }
.futures_list .box_service_info .service_info:nth-child(2n) { border-left:0; }
.futures_list .box_service_info .service_info:nth-child(3) { border-top:0; line-height:39px; }
.futures_list .box_service_info .service_info:nth-child(4) { border-top:0; line-height:39px; }
.futures_list .box_service_info .service_info .im { float:right; margin-top:11px; font-size:18px; }
@media only screen and (max-width:320px){
   .futures_list .box_service_info .service_info:nth-child(4) { font-size:80%; }
   .futures_list .box_service_info .service_info:nth-child(4) .im { margin-top:16px; }
}

.futures_list .cm_bn .list_wrap { margin-top:-20%; }
@media only screen and (min-width:768px){
    .futures_list .cm_bn .list_wrap { margin-top:-10%; }
}
.futures_list .btn_more { width:100%; height:40px; margin:30px 0 20px 0; border-radius:10px; line-height:38px; }
.futures_list .btn_more .im { margin:-2px 0 0 5px; }
.futures_list .list_wrap.oversea .list_cont.vertical01 { height:200px; }
.futures_list .list_wrap.oversea .list_cont.vertical01 .tit{ height:auto; max-height:40px; }
.futures_list .list_wrap .list_cont.vertical01 { background:#fff; margin-bottom:20px; }

.futures_list .list_wrap .list_cont.vertical01 { margin-top:10px; margin-bottom:0; }
.futures_list .list_wrap .list_cont.vertical01 .cm_btn_intro .ic_circle { position:relative; width:25px; height:25px; border:0; background:#fae100; }
.futures_list .list_wrap .list_cont.vertical01 .cm_btn_intro .ic_circle .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); margin:0 0 0 0; color:#3c1e1e; font-size:140%; line-height:normal; vertical-align:middle; }
.futures_list .list_wrap .list_cont.vertical01 .list_info .cm_btn_intro.disabled { background:#fff !important; }

.futures_list .box_bn { width:100%; height:auto; padding:0 0; margin:0 auto; overflow:hidden; cursor:pointer; }
.futures_list .box_bn img { display:block; width:100%; height:auto; }
.futures_list .box_folding { display:none; position:relative; width:100%; height:auto; padding:0; margin:0 auto; overflow:hidden; }
.futures_list .box_folding a { position:absolute; top:40.412%; left:5.555%; width:88.888%; height:8.912%; }
.futures_list .box_folding img { display:block; width:100%; height:auto; }
    */

/*챌린지 리그 리스트
.league_list .cm_form.select { float:none; background-position:97% center; }
.league_list .cm_form_wrap .cm_form.select { float:left; width:calc(50% - 5px); background-position:95% center; }
.league_list .cm_form_wrap .btn_mentor { float:left; width:calc(50% - 5px); height:45px; border-radius:10px; font-weight:500; font-size:90%; line-height:45px; text-align:center; }
.league_list .noti { margin-top:10px; clear:both; }
.league_list .list_wrap { margin-top:20px; }
.league_list .list_wrap .rank { float:none; margin-left:15px; }
.league_list .list_wrap .box_info { margin-top:5px; overflow:hidden; }
.league_list .list_wrap .box_info .cm_mentor_name { float:left; margin-top:0; font-size:100%; line-height:20px; }
.league_list .list_wrap .box_user_info span{ line-height:34px; }
.league_list .list_wrap .box_user_info span.stock { font-size:90%; }
.league_list .list_wrap .box_user_info span.score { float:right;  font-size:100%; line-height:36px; }
.league_list .list_wrap .cm_thumb_wrap { position:absolute; top:15px; right:15px; width:45px; height:45px; border:1px solid #ddd; border-radius:10px; background:url('/images/common/best_review_thumb.jpg') no-repeat; background-size:180%; background-position:center center; }
*/

/* 무료 추천 테마 하단 배너 
.bn_sub_bottom { display:block; width:100%; height:75px; max-width:480px; overflow:hidden; clear:both; }
.bn_sub_bottom .bn_img { display:inline-block; width:50%; float:left; margin-right:0; }
.bn_sub_bottom .bn_img img { display:block; width:100%; height:75px; }
.bn_sub_bottom .bn_img.ver_full { display:block; width:100%; }
*/

/*투자 인사이트 리스트(메인)
.investment_list .contents01 { position:relative; padding:30px 15px; }
.investment_list .contents01.bg { position:relative; padding:30px 0; }
.investment_list .contents02 { position:relative; padding:30px 0; }
.investment_list .contents02 .cm_subtit { padding-left:15px; font-weight:600; }
.investment_list .contents02.box_bn { position:relative; padding:30px 15px; }

.investment_list .cm_paging_wrap { padding:0 15px; }

.investment_list .contents02.box_bn + .contents02 { padding-top:15px; }
.investment_list .contents02 .btn_move { display:block; position:absolute; left:50%; transform:translateX(-50%);  -webkit-transform:translateX(-50%); width:30.303%; height:5.4249%; background:#ff7500; opacity:0; z-index:2; }
.investment_list .contents02 .btn_move.aos { top:62%; }
.investment_list .contents02 .btn_move.ios { top:62%; }

.investment_list .contents02 img { display:block; width:100%;  z-index:2; }

.investment_list .box_arrow { position:absolute; top:32px; right:15px; width:47px; height:24px; overflow:hidden; }
.investment_list .box_arrow li { float:left; position:relative; width:50%; height:24px; border:1px solid #ddd; background:#fff; cursor:pointer; }
.investment_list .box_arrow li.btn_left { border-right:0; }
.investment_list .box_arrow li .a { display:block; }
.investment_list .box_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding-top:3px; font-size:80%; }

.investment_list .cm_reply_slide.style02  { width:calc(100% - 20px); margin-left:10px; }
.investment_list .cm_reply_slide.style02 .cm_reply_list { height:auto !important; margin:0 5px;  }
.investment_list .cm_reply_slide.style02 .cm_reply_list .cm_mentor_name + .date, .investment_list .cm_reply_slide.style02 .cm_reply_list .cm_user_name + .date { line-height:22px; vertical-align:top; }
.investment_list .cm_reply_slide.style02 .cm_reply_list .cm_smtxt{ color:#777; }
.investment_list .cm_reply_slide.style02 .cm_reply_list .box_desc { border:0; background:#f8f8f8; }

.investment_list .contents01 .cm_filter_wrap.block01 .cm_form.select { margin:0 !important; border:1px solid #ddd; background-color:#fff; }
.investment_list .contents01 .cm_filter_wrap.block01 .cm_form.select:first-of-type { border-right:0; }
*/


/*골든시그널 리스트
.golden_list { max-width:480px; margin:0 auto; }

.golden_list .contents01 + .contents01 { padding-top:0; }
.golden_list .contents02 { padding:0; }

.golden_list .cm_bn { background:#f4f5fa; }
.golden_list .cm_bn img { width:100%; z-index:1; }
.golden_list .cm_bn .box_cont { position:absolute; top:7.25%; left:15px;  }
.golden_list .cm_bn .box_intro { position:relative; width:calc(100% - 30px); padding:0 22px; margin-top:-9.55%; margin-left:15px; margin-bottom:30px; border-radius:10px; background:#fff; box-shadow:3px 3px 5px rgba(000,000,000,0.05); z-index:2; }
.golden_list .cm_bn .box_intro li { padding:16px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.golden_list .cm_bn .box_intro li:last-child { border-bottom:0; }
.golden_list .cm_bn .box_intro li .ic { display:block; float:left; width:30px; height:30px; margin-top:6px; background:url('/images/sub/goldensignal/ic_golden_01.png') no-repeat 0 0; background-size:cover; }
.golden_list .cm_bn .box_intro li:nth-child(2) .ic { background-position-x:-30px; }
.golden_list .cm_bn .box_intro li:nth-child(3) .ic { background-position-x:-61px; }
.golden_list .cm_bn .box_intro li > span { display:block; float:right; width:calc(100% - 45px); text-align:left; }
.golden_list .cm_bn .box_intro li > span .cm_xsmtxt { float:right; }
.golden_list .cm_bn .box_intro li .cm_txt .cm_xsmtxt { line-height:22px; }
.golden_list .cm_bn .box_intro li .cm_txt { font-weight:600; }
.golden_list .cm_bn .box_intro li .cm_txt .cm_xsmtxt { line-height:24px; }

.golden_list .cm_bn .box_intro li:last-child .cm_txt{ font-weight:400; }
.golden_list .cm_bn .box_intro li:last-child .cm_txt.cm_color_red{ font-weight:700; }

.golden_list .cm_bn.bottom { display:none; }
.golden_list .cm_bn.bottom.on { display:block; }

.golden_list .slied_review { height:auto; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.golden_list .slied_review li { position:relative; height:auto; padding:10px; cursor:pointer; }
.golden_list .slied_review li .cm_txt { display:block; }
.golden_list .slied_review li .cm_smtxt { display:-webkit-box; height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden;}
.golden_list .slied_review li .cm_user_name { font-size:95%; }

.golden_list .tab_cont { display:none; position:relative; padding:30px 15px; }
.golden_list .tab_cont.on { display:block; }

.golden_list .tab_cont.method .cm_subtit { font-weight:700; }
.golden_list .tab_cont.method .list_wrap.provide { }
.golden_list .tab_cont.method .list_wrap.provide .list_cont { position:relative; padding-top:4px; padding-left:40px; margin-top:10px; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont:first-child { margin-top:0; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont .ic { display:block; position:absolute; top:0; left:0; width:30px; height:30px; background:url('/images/sub/goldensignal/ic_golden_02.png') no-repeat 0 0; background-size:cover; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont:nth-child(2) .ic { background-position-x:-30px; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont:nth-child(3) .ic { background-position-x:-60px; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont:nth-child(4) .ic { background-position-x:-90px; }
.golden_list .tab_cont.method .list_wrap.provide .list_cont .cm_txt { font-weight:600; }

.golden_list .tab_cont.faq { padding:0; }

.golden_list.btn_floating { display:none; position:fixed; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:60px; padding:10px 41px 8px 15px; color:#fff; text-align:left; z-index:11; }
.golden_list.btn_floating .cm_xsmtxt { display:block; }
.golden_list.btn_floating .cm_subtit { display:block; }
.golden_list.btn_floating .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:90%; }

    */
/*골든시그널 상세와 함께 쓰는 스타일*/

/*선정 종목 리스트
.tssa_stock_list .contents01 { padding:30px 20px; }
.tssa_stock_list .contents02 { padding-top:0; padding-bottom:50px; }
.tssa_stock_list .contents02 .cm_paging_wrap { margin-bottom:0; }

.tssa_stock_list .cm_subtit { display:block; overflow:hidden; }
.tssa_stock_list .cm_subtit .im { margin:0 3px 0 0; font-size:85%; vertical-align:middle; }
.tssa_stock_list .cm_subtit .cm_tab { float:right; height:22px; padding:0; margin-top:4px; }
.tssa_stock_list .cm_subtit .cm_tab .cm_tab_menu {  height:22px; line-height:22px; }

.tssa_stock_list .cm_ranking_list { border-top:2px solid #222; }
.tssa_stock_list .cm_ranking_list tbody tr td:first-of-type { border-left:0; }
.tssa_stock_list .cm_ranking_list tbody tr td:last-of-type { padding-left:0; padding-right:13px; color:#222; text-align:right; }
.tssa_stock_list .cm_ranking_list thead tr th:first-of-type { padding-left:15px; }
.tssa_stock_list .cm_ranking_list .box_order .order { padding:10px; }
.tssa_stock_list .cm_ranking_list .box_order .order .top3 { width:30px; height:30px; font-size:0.813rem; line-height:30px; }
.tssa_stock_list .cm_ranking_list .box_challenger { padding:0; }
.tssa_stock_list .cm_ranking_list .box_challenger .cm_txt { color:#222; font-weight:600; }

.tssa_stock_list .box_noti { position:relative; padding:16px 20px; background:#ededed; overflow:hidden; }
.tssa_stock_list .box_noti .im-warning-circle { position:absolute; top:28px; font-size:155%; }
.tssa_stock_list .box_noti .cm_xsmtxt { padding-left:36px; word-break:keep-all; }
.tssa_stock_list .box_noti .btn_move { display:block; height:30px; border-radius:20px; background:#fff; font-size:80%; line-height:30px; text-align:center; }
.tssa_stock_list .box_noti .btn_move .im { margin: 0 0 0 3px; font-size:90%; vertical-align:middle; }

.tssa_stock_list .cm_form_wrap { height:40px; padding:0 20px; overflow:hidden; }
.tssa_stock_list .cm_form_wrap .cm_form.select { float:left; width:85px; height:40px; font-size:80%; line-height:40px; }
.tssa_stock_list .cm_form_wrap .cm_form.text01 { float:left; width:calc(100% - 165px); margin:0 10px; height:40px; }
.tssa_stock_list .cm_form_wrap .cm_btn_bg { float:left; width:60px; height:40px; font-size:80%; line-height:40px; text-align:center; }
.tssa_stock_list .cm_form_wrap  + .cm_form_wrap .cm_form.select { width:50%; }
.tssa_stock_list .cm_form_wrap  + .cm_form_wrap .cm_form.select:first-of-type { border-right:0; }
    */

/*
.exhibition_list {  }
.exhibition_list .list_wrap .list_cont { width:100%; margin:15px 0 0 0; overflow:hidden; }
.exhibition_list .list_wrap .list_cont:first-child { margin:0; }
.exhibition_list .list_wrap .list_cont .box_desc { padding:15px; border:1px solid #ddd; text-align:center; word-break:keep-all; }
.exhibition_list .list_wrap .list_cont .box_desc .cm_txt { display:-webkit-box; max-height:44px; font-weight:600; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.exhibition_list .list_wrap .list_cont .box_desc .im { margin:0 5px 0 0; font-size:90%; vertical-align:middle; }
    */

/*자유게시판*/
.freeboard_list { overflow:visible; }
.freeboard_list .contents01 {overflow:visible; }
.freeboard_list .contents01 h2.cm_subtit { position:relative; font-weight:bold; }
.freeboard_list .contents01 h2.cm_subtit .btn_align { display:block; position:absolute; top:3px; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }

.freeboard_list .contents01.flex_column { display:-webkit-box; display:-ms-flexbox; display:flex; flex-direction:column; gap:30px 0; }

.freeboard_list .cm_tab { display:-webkit-box; display:-ms-flexbox; display:flex; position:sticky; flex-wrap:nowrap; top:0; left:0; height:auto; padding:10px 15px; background:#fff; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;  }
.freeboard_list .cm_tab::-webkit-scrollbar { display: none; }
.freeboard_list .cm_tab .cm_tab_menu { white-space:nowrap; }

.freeboard_list .cm_form_wrap { position:relative; width:100%; }
.freeboard_list .cm_form_wrap .cm_select { -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex: 0 1 50%; width:50%; }

.freeboard_list .box_popular { width:100%; height:auto; padding:15px; border-radius:15px; background:#f8f8f8; }

.freeboard_list .box_popular h4 { display:-webkit-box; display:-ms-flexbox; display:flex; gap:0 5px; font-weight:bold; }
.freeboard_list .box_popular h4 .ic_fire { width:18px; height:18px; background:url('/images/sub/ic_fire.png') no-repeat; background-size:contain; align-self:center; }
.freeboard_list .box_popular h4 .im { margin:3px 0 0 0; margin-left:auto; font-size:95%; color:#ccc; align-self:center; }
.freeboard_list .box_popular .list_wrap { display:none; }
.freeboard_list .box_popular .list_wrap .list_cont.horizon04 { display:-webkit-box; display:-ms-flexbox; display:flex; float:none; overflow:visible; background:transparent; box-sizing:border-box; }
.freeboard_list .box_popular .list_wrap .list_cont.horizon04:first-child { margin-top:10px; border-top:1px solid #ededed; }
.freeboard_list .box_popular .list_wrap .list_cont.horizon04:last-child { border-bottom:0; padding-bottom:0; }

.freeboard_list .box_title { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:10px 0; justify-content:flex-end; }
.freeboard_list .box_title h3.cm_txt { display:inline-flex; flex:1 1 auto; flex-wrap:nowrap; line-height:22px; }
.freeboard_list .box_title h3.cm_txt .cm_user_name { color:#222; font-size:0.938rem; font-weight:bold; line-height:22px;  }
.freeboard_list .box_title .cm_select { flex:1 1 auto; width:auto; }

.freeboard_list .box_list .list_wrap { border-top:1px solid #ededed; }

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

.freeboard_list .btn_write { position:fixed; right:15px; bottom:90px; width:77px; height:38px; border-radius:5px; color:#fff; font-size:0.938rem; line-height:38px; }

/*--E : 페이지 스타일--*/