@charset "UTF-8";
/*
    [제목] 핀업 뷰 페이지 CSS
    [생성일] 2020-05-19
    [내용] 핀업 뷰 페이지 에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

/*상세 공통화 스타일*/
.view_btn_floating { display:none; position:fixed; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:60px; padding:10px 15px;  background:#fff; z-index:11; }
.view_btn_floating::before { display:block; content:''; position:absolute; top:-40px; left:0; width:100%; height:40px; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #fff 100%); background-image:-webkit-gradient(linear, top, bottom, from(rgba(255,255,255,0)0%), to(rgba(255,255,255,1)100%)); background-image:linear-gradient( to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,1)100%); }
.view_btn_floating span { display:block; border-radius:8px; font-size:0.938rem; line-height:40px; text-align:center; }

.view_btn_floating .box_btn a { float:left; width:calc(50% - 5px); border-radius:8px; font-size:0.813rem; line-height:40px; }
.view_btn_floating .box_btn a.cm_btn_bg { margin-left:10px; }
.view_btn_floating .box_btn a.cm_btn_line { color:#ff7500; }
.view_btn_floating .box_btn a.btn_free_ex { display:block; width:100%!important; padding:10px 20px; border-radius:10px; border:1px solid #2e2e72 !important; background:#f4f5fa; color:#2e2e72; font-size:0.813rem; line-height:20px; font-weight:bold; text-align:center; cursor:pointer; }

/*상세 공통화 스타일*/


/*페이지별 상세 스타일*/
/*멘토 상세 리뉴얼*/
.analyst_view { background:#f4f5fa; }
.analyst_view .contents01{ background:#fff; overflow:unset; }
.analyst_view .contents01::after { display:block; content:''; clear:both; }

.analyst_view .box_effect { position:relative; height:auto; border:1px solid #ededed; border-radius:10px; background:#fff; overflow:hidden; }
.analyst_view .box_effect:before { content: ''; position:absolute; top:1px; left:1px; bottom:1px; width:100%; border-radius:8px; background:rgba(255,255,255,0.05); z-index:0; }
.analyst_view .box_effect > i { position:absolute; z-index:1;}
.analyst_view .box_effect > i:nth-child(1) { top:0; left:0; width:100%; height:1px; background:linear-gradient(to right, #777, #ddd); animation:main_coupon1 2s linear infinite; -webkit-animation:main_coupon1 2s linear infinite; }
.analyst_view .box_effect > i:nth-child(2) { top:0; right:0; width:1px; height:100%; background:linear-gradient(to bottom, #777, #ddd); animation:main_coupon2 1s linear infinite; -webkit-animation: main_coupon2 1s linear infinite; }
.analyst_view .box_effect > i:nth-child(3) { bottom:0; left:0; width:100%; height:1px; background:linear-gradient(to left, #777, #ddd); animation:main_coupon3 2s linear infinite; -webkit-animation:main_coupon3 2s linear infinite; }
.analyst_view .box_effect > i:nth-child(4) { top:0; left:0; width:1px; height:100%; background:linear-gradient(to top, #777, #ddd); animation:main_coupon4 1s linear infinite; -webkit-animation:main_coupon4 1s linear infinite; }

@keyframes main_coupon1 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@keyframes main_coupon2 {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
@keyframes main_coupon3 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
@keyframes main_coupon4 {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}

.analyst_view .box_live { position:relative; top:1px; left:1px; width:100%; height:65px; padding:10px 10px; z-index:3;}
.analyst_view .box_live .box_txt { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; height:20px; overflow:hidden; }
.analyst_view .box_live .box_txt .cm_badge { -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; margin-right:10px; vertical-align:text-bottom; }
.analyst_view .box_live .box_txt .cm_badge img { width:15px; height:10px; margin-top:0; margin-right:3px; vertical-align:middle; }
.analyst_view .box_live .box_txt .date { -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; line-height:20px; }
.analyst_view .box_live .box_tit { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.analyst_view .box_mentor { position:relative; }
.analyst_view .box_mentor .box_info { position:relative; padding-left:0; }
.analyst_view .box_mentor .box_info.profile { padding-left:85px; }
.analyst_view .box_mentor .box_info .img_profile { position:absolute; top:0; left:0; width:75px; height:70px; z-index:0; }
.analyst_view .box_mentor .box_info.profile .img_profile { top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.analyst_view .box_mentor .box_info .box_btn { position:relative; overflow:hidden; z-index:1; }
.analyst_view .box_mentor .box_info .box_btn .cm_btn_interest { float:left; padding:0; border:0; color:#777; line-height:20px; }
.analyst_view .box_mentor .box_info .box_btn .ic_dot { float:left; margin:9px 5px 0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.analyst_view .box_mentor .box_info .box_btn .btn_intro { display:inline-block; float:left; line-height:20px;  }
.analyst_view .box_mentor .box_info .box_btn .btn_intro .im { margin:0 0 0 5px; color:#ccc; font-size:90%; vertical-align:middle; }

.analyst_view .box_mentor .box_info .box_name { position:relative; padding-right:30px; z-index:1; }
.analyst_view .box_mentor .box_info .box_name .cm_mentor_name { font-size:0.938rem; line-height:25px;  }
.analyst_view .box_mentor .box_info .box_name .cm_btn_share { display:block; position:absolute; top:0; right:0; width:20px; height:25px;  background:url('/images/common/ic-share_analyst.png') no-repeat; background-size:contain; }

.analyst_view .box_mentor .box_info .box_slogan { position:relative; display:inline; width:100%; z-index:1; word-break:keep-all; text-decoration:underline; text-underline-position :from-font; text-decoration-color:#ffdcbf; -webkit-text-decoration-color:#ffdcbf; text-decoration-thickness:5px; }

.analyst_view .box_mentor .box_video { position:relative; width:100%; height:auto; border-radius:10px; overflow:hidden; }
.analyst_view .box_mentor .box_video a { position:relative; display:block; width:100%; height:100%; }
.analyst_view .box_mentor .box_video a:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.3); z-index:0; }
.analyst_view .box_mentor .box_video img { display:block; width:100%; height:auto;}
.analyst_view .box_mentor .box_video .ic_circle { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:30px; height:30px; border:1px solid #fff; border-radius:50%; overflow:hidden; z-index:1; }
.analyst_view .box_mentor .box_video .ic_circle .im { position:absolute; top:50%; left:55%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:70%; vertical-align:middle; }

.analyst_view .box_mentor .box_comment { position:relative; width:100%; height:auto; padding:10px 15px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#fff; text-align:center; overflow:hidden; }
.analyst_view .box_mentor .box_comment span { word-break:keep-all;}

.analyst_view .box_mentor .box_service { position:relative; padding:10px; border-radius:10px; background:#f4f5fa; }
.analyst_view .box_mentor .box_service h4.cm_txt { font-weight:700; }
.analyst_view .box_mentor .box_service .btn_alarm { position:absolute; top:11px; right:10px; }
.analyst_view .box_mentor .box_service .btn_alarm .im { margin:0 0 0 3px; color:#ccc; font-size:90%; vertical-align:middle; }

.analyst_view .box_mentor .box_service .list_wrap { width:100%; height:auto; overflow:hidden; }
.analyst_view .box_mentor .box_service .list_wrap .list_cont { float:none; height:auto; background:unset; margin-top:10px; overflow:hidden; }
.analyst_view .box_mentor .box_service .list_wrap .list_cont .cm_badge { background:#fff; }
.analyst_view .box_mentor .box_service .list_wrap .list_cont .cm_smtxt { width:100%; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.analyst_view .box_mentor .box_service .list_wrap .list_cont.list_none { position:relative; height:auto; margin-top:10px; padding:0; text-align:center;  }
.analyst_view .box_mentor .box_service .list_wrap .list_cont.list_none .cm_smtxt { height:auto; text-overflow:unset; white-space:unset; }

.analyst_view .box_contect { position:relative; }
.analyst_view .box_contect .box_channel { position:relative; overflow:hidden; }
.analyst_view .box_contect .box_channel .cm_btn.line_gray { display:block; width:100%; height:30px; margin-top:10px; font-size:0.813rem; line-height:30px; border-radius:5px; text-align:center; }
.analyst_view .box_contect .box_channel .ic { display:inline-block; width:30px; height:30px; margin:0 5px 0 0; background:url('/images/sub/ic_channel.png') no-repeat; background-size:cover; overflow:hidden; vertical-align:middle; }
.analyst_view .box_contect .box_channel .ic.youtube { background-position-x:-30px; }
.analyst_view .box_contect .box_channel .ic.instargram { background-position-x:0; }
.analyst_view .box_contect .box_channel .ic.facebook { background-position-x:-60px; }
.analyst_view .box_contect .box_channel .ic.blog { background-position-x:-90px; }
.analyst_view .box_contect .box_channel .ic.chatting { width:64px; height:25px; margin-top:-2px; background-position-x:-100px; }

.analyst_view .box_contect .box_channel .box_sns { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:center; gap:25px; }
.analyst_view .box_contect .box_channel .box_sns a { -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; height:30px; margin:0; font-size:0.813rem; line-height:30px; text-align:center; }
.analyst_view .box_contect .box_channel .box_sns a .ic { margin-right:0; }

.analyst_view .box_cont { position:relative; }
.analyst_view .box_cont::after { display:block; content:''; clear:both; }
.analyst_view .box_cont .cm_subtit { font-weight:700; overflow:hidden; }
.analyst_view .box_cont .cm_subtit .im { margin:0 0 0 5px; color:#ccc; font-size:90%; vertical-align:middle; }
.analyst_view .box_cont .cm_subtit .btn_more { float:right; margin-top:6px; }
.analyst_view .box_cont .cm_subtit .btn_more .im { margin:0 0 0 3px; color:#ccc; font-size:80%; vertical-align:middle; }
.analyst_view .box_cont .list_wrap  { overflow:visible;width: 100%;margin-top: 10px;}
.analyst_view .box_cont .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
.analyst_view .box_cont .list_wrap .item {flex: 0 0 calc(50% - 5px);padding-right: 10px;}
.analyst_view .box_cont .list_wrap .list_cont.vertical01 { width:100%; margin:0; }
.analyst_view .box_cont .list_wrap .list_cont.vertical01 .cm_thumb_wrap { height:auto; }
/*
.analyst_view .box_cont .list_wrap .slick-list { overflow:visible; }
.analyst_view .box_cont .list_wrap .slick-list .list_cont.vertical01 { margin:0 5px; }
.analyst_view .box_cont .slick-slider .slick-list{ margin:0 -5px; }
*/
.analyst_view .box_cont .mentor_movie .list_wrap .item {flex: 0 0 calc(80% - 10px);padding-right: 10px;}

.analyst_view .box_cont + .box_cont { margin-top:30px;}
.analyst_view .box_cont.box_youtude { margin-top:0; margin-bottom:30px; }
.analyst_view .box_cont.box_contents { margin-top:0; }

.analyst_view .box_cont .cm_reply_slide { position:relative; height:auto; padding-bottom:20px; overflow:unset; }
.analyst_view .box_cont .cm_reply_slide .slick-list { overflow:visible; }

.analyst_view .box_cont .cm_reply_slide .cm_reply_list { position:relative; height:auto; margin:0;  }
.analyst_view .box_cont .cm_reply_slide .box_reply { height:207px; }
.analyst_view .box_cont .cm_reply_slide .box_reply .desc { height:100px; -webkit-line-clamp:5; }
.analyst_view .box_cont .cm_reply_slide .box_reply img { display:none; }
.analyst_view .box_cont .cm_reply_slide .date { position:absolute; bottom:0; right:0;}


/*검색페이지*/
.search_view {}
.search_view .cm_subtit { font-weight:700; word-break:keep-all; }
.search_view .cm_subtit + .cm_smtxt { word-break:keep-all; }
.search_view .list_wrap { }
.search_view .list_wrap li { margin-bottom:10px; height:30px; color:#777; font-size:0.813rem; line-height:28px; white-space:nowrap; }
.search_view .list_wrap li:last-child { margin-bottom:0; }
.search_view .list_wrap li a { display:inline-block; max-width:100%; height:30px; padding:0 15px; border-radius:15px; border:1px solid #ddd; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.search_view .list_wrap li.list_none { width:100%; height:150px; padding:65px 0; border-radius:10px; background:#f8f8f8; color:#777; font-size:0.813rem; text-align:center; }



/* TF_멘토 알아보기*/
.tf_mentor { max-width:480px; margin:0 auto; }
.tf_mentor .contents01 { padding:40px 20px; }
.tf_mentor .contents02 { padding:40px 0; }
.tf_mentor .contents02 img { display:block; width:100%; height:auto; }

.tf_mentor .cm_tit strong { display:inline-block; position:relative; padding:0 1px; }
.tf_mentor .cm_tit strong:before { display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:10px; background:#ff7500; z-index:-1; }

.tf_mentor .box_btn { overflow:hidden; }
.tf_mentor .box_btn a { width:100%; height:35px; border-radius:7px; font-weight:600; font-size:0.813rem; line-height:34px; text-align:center; }
.tf_mentor .box_btn a .im { margin:0 5px 0 0; font-size:80%; vertical-align:middle; }

.tf_mentor .scene01 { position:relative; height:calc(100vh - 115px); padding:0; background:url('/images/sub/tf_mt_mainbanner.jpg') no-repeat center 0; background-size:auto 100%; color:#fff; overflow:hidden; word-break:keep-all; }
.tf_mentor .scene01 .box_cont { position:absolute; top:9%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; padding:0 20px; }
.tf_mentor .scene01 .cm_tit_35 { opacity:0; }
.tf_mentor .scene01 .cm_txt { opacity:0; }
.tf_mentor .scene01 .cm_xsmtxt { opacity:0; }
.tf_mentor .scene01 .box_btn { opacity:0; margin:0 auto; text-align:center;}
.tf_mentor .scene01 .box_btn a { display:inline-block; width:calc(45% - 5px); }
.tf_mentor .scene01 .box_btn a:first-of-type { margin-right:10px;}
.tf_mentor .scene01 .box_ic { position:absolute; bottom:3.81%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:53px; }
.tf_mentor .scene01 .box_ic .ic_txt { display:block; width:66px; height:23px; margin-bottom:10px; border:1px solid #fff; border-radius:12px; color:#fff; font-size:0.938rem; line-height:22px; }
.tf_mentor .scene01 .box_ic .ic_scroll { display:block; width:15px; height:20px; margin:0 auto; background:url('/images/sub/ic_scroll_arrow.png') no-repeat; background-size:100% auto; }

.tf_mentor .scene01.animation .cm_tit_35  { opacity:0; animation:tf_show_01 0.6s 0.3s 1 forwards linear; -webkit-animation:tf_show_01 0.6s 0.3s 1 forwards linear; }
.tf_mentor .scene01.animation .cm_txt { animation:tf_show_01 0.6s 0.8s 1 forwards linear; -webkit-animation:tf_show_01 0.6s 0.8s 1 forwards linear; }
.tf_mentor .scene01.animation .cm_xsmtxt { animation:tf_show_02 0.6s 0.8s 1 forwards linear; -webkit-animation:tf_show_02 0.6s 0.8s 1 forwards linear; }
.tf_mentor .scene01.animation .box_btn { opacity:0; animation:tf_show_01 0.6s 1.4s 1 forwards linear; -webkit-animation:tf_show_01 0.6s 1.4s 1 forwards linear; }
.tf_mentor .scene01.animation .box_ic .ic_scroll { animation:tf_show_03 0.8s 0.5s infinite linear; -webkit-animation:tf_show_03 0.8s 0.5s infinite linear; }

.tf_mentor .scene02 { overflow:visible; }
.tf_mentor .scene02 .cm_tit  { opacity:0; }
.tf_mentor .scene02 .cm_smtxt  { opacity:0; }
.tf_mentor .scene02 .qualify_wrap { opacity:0; }
.tf_mentor .scene02 .qualify_wrap li { position:relative; float:left; width:calc(50% - 5px); height:auto; margin-right:10px; margin-top:10px; border:1px solid #ddd; border-radius:50%; background:#fff; box-shadow:5px 5px 15px rgba(000, 000, 000, 0.1); text-align:center; } 
.tf_mentor .scene02 .qualify_wrap li:nth-child(1) { margin-top:0; }
.tf_mentor .scene02 .qualify_wrap li:nth-child(2) { margin-top:0; }
.tf_mentor .scene02 .qualify_wrap li:nth-child(2n) { margin-right:0; }
.tf_mentor .scene02 .qualify_wrap li .box_txt { position:absolute; top:41.07%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:80%; word-break:keep-all; } 
.tf_mentor .scene02 .qualify_wrap li .cm_txt { font-weight:600; margin-bottom:2.36%; } 
.tf_mentor .scene02 .qualify_wrap li img { display:block; width:100%; height:auto; } 
.tf_mentor .scene02 .qualify_wrap:after { display:block; content:''; clear:both; }

.tf_mentor .scene02.animation .cm_tit  { animation:tf_show_01 0.6s 0.3s 1 forwards linear; -webkit-animation:tf_show_01 0.6s 0.3s 1 forwards linear; }
.tf_mentor .scene02.animation .cm_smtxt  { animation:tf_show_04 0.6s 0.8s 1 forwards linear; -webkit-animation:tf_show_04 0.6s 0.8s 1 forwards linear; }
.tf_mentor .scene02.animation .qualify_wrap { animation:tf_show_05 0.6s 0.8s 1 forwards linear; -webkit-animation:tf_show_05 0.6s 0.8s 1 forwards linear; }

.tf_mentor .scene03 { position:relative; overflow:visible; }
.tf_mentor .scene03:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#f4f5fa; z-index:-1; }
.tf_mentor .scene03:after { display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:60px; background:#f4f5fa; z-index:0; }
.tf_mentor .scene03 .box_btn { position:relative; margin-top:60px; background:#f4f5fa; overflow:visible; z-index:2; }
.tf_mentor .scene03 .box_btn:after { display:block; content:''; clear:both; }
.tf_mentor .scene03 .box_btn a { box-shadow:5px 5px 15px rgba(000, 000, 000, 0.1); }
.tf_mentor .scene03 .box_btn a:active {  background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8383c)); background-image:linear-gradient( to right,#ff7500,#e8383c); color:#fff; }

.tf_mentor .scene03 .ic_indicator_01 { position:relative; top:auto; left:auto; width:100%; height:10px; text-align:center; z-index:10; }
.tf_mentor .scene03 .ic_indicator_01 li { display:inline-block; position:relative; width:10px; height:10px; margin:0 5px; border-radius:50%; background:#ddd; overflow:hidden; cursor:pointer; z-index:1; }
.tf_mentor .scene03 .ic_indicator_01 li:first-child { margin-top:0; }
.tf_mentor .scene03 .ic_indicator_01 li.slick-active { background:#ff7500; }
.tf_mentor .scene03 .ic_indicator_01 li button { display:block; width:100%; height:100%; background:transparent!important; color:transparent!important; }

.tf_mentor .scene03 .step_wrap { position:relative; width:100%; height:234px; margin-top:30px; z-index:1;}
.tf_mentor .scene03 .step_wrap .draggable { height:234px; border-radius:20px; box-shadow:3px 3px 8px rgba(000,000,000,0.1); overflow:hidden; }
.tf_mentor .scene03 .step_wrap .embla__container { display:flex; height:234px; }
.tf_mentor .scene03 .step_wrap .embla__slide { flex:0 0 100%; min-width:0; }
.tf_mentor .scene03 .step_wrap .box_setp { float:left; width:100%; height:234px; padding:20px 15px; background:#fff;  }
.tf_mentor .scene03 .step_wrap .box_setp .cm_txt { line-height:26px; }
.tf_mentor .scene03 .step_wrap .box_setp .cm_subtit { display:block; position:relative; padding-bottom:18px; font-weight:600; }
.tf_mentor .scene03 .step_wrap .box_setp .cm_subtit:before { display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#222; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc { margin-top:15px; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li span { display:block; font-size:0.688rem; line-height:16px; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li .tit { position:relative; padding-left:15px; color:#777; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li .tit .im { position:absolute; left:0; top:2px; font-size:90%; vertical-align:middle; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li .tit strong { font-weight:600; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li .txt { padding-left:15px; font-weight:600; font-size:0.688rem; line-height:16px; }
.tf_mentor .scene03 .step_wrap .box_setp .step_desc li .txt.cm_txt { margin-top:22px; font-size:0.938rem; line-height:22px; }

.tf_mentor .scene03 .box_keyword { display:-webkit-box; width:100%; height:auto; margin-top:7px; margin-left:-3px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tf_mentor .scene03 .box_keyword li { display:inline-block; padding:0 6px; margin:5px 3px 0 3px; border:1px solid #ff7500; border-radius:11px; font-size:0.813rem; line-height:21px; }
.tf_mentor .scene03 .box_keyword li strong { color:#ff7500; }
.tf_mentor .scene03 .box_keyword li:last-child { position:relative;  }
.tf_mentor .scene03 .box_keyword li:last-child:before { display:inline-block; content:'...'; position:absolute; top:0; right:-15px; }

.tf_mentor .scene04 { height:550px; overflow:hidden; }
@media (max-width : 360px){
    .tf_mentor .scene04 { height:auto; overflow:hidden; }
}
.tf_mentor .scene04 .cm_tit { opacity:0; }
.tf_mentor .scene04 .reason_wrap { width:100%; height:auto; overflow:hidden; }
.tf_mentor .scene04 .reason_wrap li { width:100%; margin-top:0; opacity:0; overflow:hidden; }
.tf_mentor .scene04 .reason_wrap li .ic_num { display:block; float:left; width:50px; height:44px; margin-right:10px; color:#eaeaea; font-weight:800; font-size:3.125rem; font-style:italic; line-height:44px; text-align:center; }
.tf_mentor .scene04 .reason_wrap li .cm_subtit { display:block; float:left; width:calc(100% - 65px); }
.tf_mentor .scene04 .reason_wrap li small { display:block; float:left; margin-top:5px; width:calc(100% - 65px); }
.tf_mentor .scene04 .reason_wrap li p { display:block; float:left; position:relative; width:100%; padding-top:9px; padding-left:65px; margin-top:13px; }
.tf_mentor .scene04 .reason_wrap li p:before { display:block; content:''; position:absolute; left:0; top:0; width:100%; height:2px; background:#222; }

.tf_mentor .scene04.animation .cm_tit{ animation:tf_show_01 0.6s 0.3s 1 forwards linear; -webkit-animation:tf_show_01 0.6s 0.3s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(1) { animation:tf_show_06 0.5s 0.8s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 0.8s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(1) p:before { width:0; animation:tf_show_07 0.5s 1s 1 forwards linear; -webkit-animation:tf_show_07 0.5s 1s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(2) { animation:tf_show_06 0.5s 1.5s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 1.5s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(2) p:before { width:0; animation:tf_show_07 0.5s 1.7s 1 forwards linear; -webkit-animation:tf_show_07 0.5s 1.7s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(3) { animation:tf_show_06 0.5s 2.3s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 2.3s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(3) p:before { width:0; animation:tf_show_07 0.5s 2.5s 1 forwards linear; -webkit-animation:tf_show_07 0.5s 2.5s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(4) { animation:tf_show_06 0.5s 3s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 3s 1 forwards linear; }
.tf_mentor .scene04.animation .reason_wrap li:nth-child(4) p:before { width:0; animation:tf_show_07 0.5s 3.2s 1 forwards linear; -webkit-animation:tf_show_07 0.5s 3.2s 1 forwards linear; }

.tf_mentor .scene05 { position:relative; padding-bottom: 70px; background-color:transparent; overflow:hidden; }
.tf_mentor .scene05:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#ffbc66 ; background-size:auto 100%; z-index:-1; }

.tf_mentor .scene05 .ic_indicator_02 { position:absolute; top:241px; left:0; width:100%; height:auto; z-index:6; text-align:center; overflow:hidden; }
.tf_mentor .scene05 .ic_indicator_02 li{ display:inline-block; position:relative; width:10px; height:10px; margin:3px 5px; border-radius:50%; background-color: #fff; overflow:hidden; cursor:pointer; }
.tf_mentor .scene05 .ic_indicator_02 li.slick-active { background:#ff7500; margin:3px 5px; }
.tf_mentor .scene05 .ic_indicator_02 li button { display:block; width:100%; height:100%; color:transparent!important; }

.tf_mentor .scene05 .mentor_wrap { width:100%; height:221px; margin:0 auto; z-index:5; }
.tf_mentor .scene05 .mentor_wrap .draggable { overflow:visible; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc { float:left; position:relative; width:290px; height:221px; padding:20px 15px; margin:0 15px; border-radius:0 66px 0 0; background:#fff; overflow:hidden; opacity:0.8; }

.tf_mentor .scene05 .mentor_wrap .mentor_desc:before { display:block; content:''; position:absolute; left:15px; top:20px; width:18px; height:20px; background:url('/images/sub/ic_quotes.png') no-repeat; background-size:100% auto; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc:after { display:block; content:''; position:absolute; left:15px; top:126px; transform:rotate(-180deg); width:18px; height:20px; background:url('/images/sub/ic_quotes.png') no-repeat; background-size:100% auto; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc:first-child { margin-left:0; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .cm_txt { position:relative; width:168px; height:66px; margin-top:30px; overflow:hidden; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .cm_txt span { display:-webkit-box; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:66px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:keep-all; overflow:hidden; }

.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more { position:absolute; bottom:20px; left:15px; width:auto; height:35px; border-radius:10px; overflow:hidden; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .hover_txt { display:block; position:absolute; top:0; left:0; width:0; background:#ff7500; background-image:-webkit-linear-gradient(left right, #ff7500 0%, #e8383c 100%); background-image:-webkit-gradient(linear, left, right, from(#ff7500), to(#e8383c)); background-image:linear-gradient( to right,#ff7500,#e8383c); color:#fff; font-size:0.938rem; line-height:35px;  text-align:center; overflow:hidden; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .hover_txt span { opacity:0; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .hover_txt .im { margin:-3px 5px 0 5px; font-size:0.938rem; vertical-align:middle; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .hover_txt .im.im-angle-right { margin-left:10px; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .cm_mentor_name { display:inline-block; font-size:0.938rem; line-height:35px; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .cm_mentor_name .im-user-male { margin-right:5px; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .btn_more .cm_mentor_name .im-angle-right { margin:-3px 0 0 3px; }

.tf_mentor .scene05 .mentor_wrap .mentor_desc .mentor_img { position:absolute; bottom:0; right:15px; width:120px; height:170px; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc .mentor_img img{ display:block; height:100%; }

.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-active { opacity:0.6; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-current { border:3px solid #ff7500; box-shadow:3px 3px 15px rgba(000,000,000,0.2); opacity:1; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-current .btn_more { width:calc(100% - 30px); }
.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-current .btn_more .hover_txt { animation:tf_show_07 0.5s 0.2s 1 forwards linear; -webkit-animation:tf_show_07 0.5s 0.2s 1 forwards linear; }
.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-current .btn_more .hover_txt span { animation:tf_show_04 0.5s 0.8s 1 forwards linear; -webkit-animation:tf_show_04 0.5s 0.8s 1 forwards linear; }

.tf_mentor .scene05 .mentor_wrap .mentor_desc.slick-current + li { opacity:0.6; }

/* 멘토 신청 이후 프로세스 */
.tf_mentor .scene05 { height:auto; padding-bottom:70px; background:none; overflow:visible; background: #f4f5fa; }
.tf_mentor .scene05:before { display:none; }
.tf_mentor .scene05 .cm_tit { text-align:center; }
.tf_mentor .scene05 .process_wrap { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; width:100%; }
.tf_mentor .scene05 .process_wrap li { width:calc(50% - 5px); padding:20px 14px; border-radius:20px; background:#fff; text-align:center; box-sizing:border-box; }
.tf_mentor .scene05 .process_wrap li small { display:block; margin-bottom:10px; color:#999; }
.tf_mentor .scene05 .process_wrap li .cm_txt.cm_color_or { font-weight:700; font-size:0.938rem; line-height:22px; word-break:keep-all; }
.tf_mentor .scene05 .process_wrap li .cm_xsmtxt { word-break:keep-all; }
.tf_mentor .scene05.animation .process_wrap li:nth-child(1) { opacity:0; animation:tf_show_06 0.5s 1.0s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 1.0s 1 forwards linear; }
.tf_mentor .scene05.animation .process_wrap li:nth-child(2) { opacity:0; animation:tf_show_06 0.5s 1.3s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 1.3s 1 forwards linear; }
.tf_mentor .scene05.animation .process_wrap li:nth-child(3) { opacity:0; animation:tf_show_06 0.5s 1.6s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 1.6s 1 forwards linear; }
.tf_mentor .scene05.animation .process_wrap li:nth-child(4) { opacity:0; animation:tf_show_06 0.5s 1.9s 1 forwards linear; -webkit-animation:tf_show_06 0.5s 1.9s 1 forwards linear; }

.tf_mentor .scene06  { padding-bottom:55px; overflow:hidden; }
.tf_mentor .scene06 .box_bn { overflow:hidden; }
.tf_mentor .scene06 .box_bn li { float:left; width:50%; height:auto; overflow:hidden; }
.tf_mentor .scene06 .box_bn li * { display:block; width:100%; height:auto; }

@keyframes tf_show_01 {
    0% { opacity:0; margin-top:50px; }
    100% { opacity:1; margin-top:0; }
}

@keyframes tf_show_02 {
    0% { opacity:0; }
    100% { opacity:0.5; }
}

@keyframes tf_show_03 {
    0% { margin-top:10px; }
    50% { margin-top:20px; }
    100% { margin-top:10px; }
}

@keyframes tf_show_04 {
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes tf_show_05 {
    0% { opacity:0; margin-top:100px; }
    100% { opacity:1; margin-top:0; }
}

@keyframes tf_show_06 {
    0% { opacity:0; margin-top:40px; }
    100% { opacity:1; margin-top:20px; }
}

@keyframes tf_show_07 {
    0% { width:0; }
    100% { width:100%; }
}

@keyframes tf_show_08 {
    100% { opacity:1; margin-top:5px; }
}

@keyframes tf_show_09 {
    0% { width:auto; }
    100% { width:calc(100% - 70px); }
}
 
@keyframes tf_show_10 {
    0% { opacity:1; }
    100% { display:none; opacity:0; }
}
     

/**/
.board_view .btn_list { float:right; width:60px; height:30px; margin:30px 0 0 0; clear:both; line-height:28px; }
.board_view .box_detail h2 .im { width:auto !important; margin-top:0 !important; font-family:'iconmonstr-iconic-font'!important; }
    

/*추천종목*/
.stock_view .cm_present_info { background:#fff; border:0; }
.stock_view .cm_mentor_emblem { position:absolute; right:15px; top:30px; }
.stock_view .cm_mentor_emblem li { margin:0 0 0 8px; }
.stock_view .cm_mentor_emblem li:first-child { margin:0; }

.stock_view .cm_mentor_name { display:inline-block; margin:10px 10px 0 0; vertical-align:middle; }
.stock_view .cm_btn_interest { margin-top:10px; vertical-align:middle; }
.stock_view .cm_view_cont .box_subject.paid_detail_compact_subject .cm_mentor_name { display:block; margin:0; }
.stock_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .box_btn .cm_btn_interest { margin-top:0; }
.stock_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .box_btn .cm_btn_appraisal,
.stock_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .box_btn .paid_detail_compact_action_btn { margin-top:0; }

.stock_view .info_tit { display:block; margin:15px 0 5px 0; font-size:0.813rem; font-weight:500; }
.stock_view .noti { display:inline-block; width:100%; margin-top:10px; text-align:center;}
.stock_view .stock_graph + .noti { padding-top:10px; border-top:1px solid #ddd; }

.stock_view .box_subject { overflow:hidden; }
.stock_view .box_subject .cm_xsmtxt { float:left; }
.stock_view .box_subject .cm_tendency { float:right; margin-right:0; }
.stock_view .box_subject .cm_subtit { display:inline-block; width:100%; margin:5px 0 15px 0; font-weight:700; clear:both; }
.stock_view.paid_detail .cm_view_cont .box_subject .cm_subtit { margin:0 0 10px 0; }
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor { margin-top:0; }
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .cm_mentor_name { display:block; margin:0; line-height:21px; }
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn { align-items:center; gap:0 6px; margin-top:4px; overflow:visible; }
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn .cm_btn_interest,
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn .cm_btn_appraisal,
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn .paid_detail_compact_action_btn { margin-top:0; }
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn .cm_btn_appraisal,
.stock_view.paid_detail .cm_view_cont .box_subject .box_mentor.paid_detail_report_mentor .box_btn .paid_detail_compact_action_btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:25px;
    padding:0 8px;
    line-height:23px;
    vertical-align:top;
}

.stock_view .box_scroll { position:relative; }
.stock_view .box_scroll .cm_subtit { margin-bottom:10px; font-weight:700; }
.stock_view .box_scroll .cm_subtit .btn_apply { float:right; height:26px; padding:0 10px; font-size:0.813rem; line-height:26px; text-align:center; box-sizing:border-box; }


.stock_view .box_cont { padding: 20px 15px; border:1px solid #ededed; border-top:2px solid #222; background:#fff; color:#555; font-size:0.813rem; line-height:20px; }
.stock_view .box_cont .desc_tit { margin-bottom:5px; font-size:0.938rem; font-weight:700;}
.stock_view .box_cont.txt * {font-size:inherit !important; }
.stock_view .box_cont.txt .txt_area * { width:100% !important; min-width:100% !important; font-size:inherit !important; font-family:'Noto Sans KR' !important; word-break:break-word; word-wrap:break-word; }
.stock_view .box_cont.txt .txt_area table { table-layout:fixed; }
.stock_view .box_cont.txt .txt_area table td { position:relative; overflow:hidden; }
.stock_view .box_cont.txt .txt_area table td img { width:auto; min-width:unset;}

.stock_view .dis_hidden { display:none; }


.stock_view .contents02 { position:relative; padding-top:40px; }
.stock_view .tab_wrap { position:absolute; top:0; width:100%; height:auto; overflow:hidden; overflow-x:scroll; z-index:10; -ms-overflow-style:none; scrollbar-width: none; }
.stock_view .tab_wrap::-webkit-scrollbar { display:none; }
.stock_view .cm_tab { display:inline-block; height:auto; border-bottom:0; text-align:center; }
.stock_view .cm_tab .cm_tab_menu { display:inline-block; float:left; height:auto; border-top:0; }
.stock_view .cm_tab .cm_tab_menu a { padding:0 15px; border-bottom:0; }
.stock_view .cm_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }


.stock_view .box_contents { padding:15px; margin-bottom:10px; border:1px solid #ddd; border-top:2px solid #222; background:#fff; box-sizing:border-box; overflow:hidden; }
.stock_view .box_contents.desc { padding-bottom:20px; border:1px solid #ddd; }

.stock_view .box_contents .tit { display:block; color:#777; font-size:0.813rem; text-align:center; }
.stock_view .box_contents .tit  strong { margin-left:7px; }
.stock_view .box_contents .cm_present_info.bg { margin-top:10px; background:#f8f8f8; border:0; }

.stock_view .box_contents .btn_subscribe { width:100%; height:40px; margin-top:10px; border-radius:10px; }
.stock_view .box_contents .btn_subscribe span{ width:100%; height:40px; margin-top:10px; border-radius:10px; }
.stock_view .box_contents .btn_subscribe span { margin-right:5px; }
.stock_view .box_contents .btn_subscribe .im { margin:0 3px 0 0; font-size:80%; }
.stock_view .box_contents .btn_subscribe .im-care-down { margin:-5px 3px 0 0; }

.stock_view .box_contents .stock_name { display:block; width:100%; margin:0px 0 10px 0; font-size:0.938rem; font-weight:700; text-align:center; }
.stock_view .box_contents .btn_stock_detail { text-decoration:underline }
.stock_view .box_contents .stock_name small { position:relative; margin:0 0 0 5px; font-size:0.688rem; font-weight:500; vertical-align:bottom; }
.stock_view .box_contents .cm_tendency.edit { position:absolute; left:50%; transform:translateX(-50%); }
.stock_view .box_contents .stock_price_info { height:35px; border-radius:10px; background:#f8f8f8; text-align:center; overflow:hidden; }
.stock_view .box_contents .stock_price_info .tit { display:inline-block; margin:1px 10px 0 0; line-height:35px; vertical-align:middle; }
.stock_view .box_contents .stock_price_info .price_info { display:inline-block; font-size:0.938rem; line-height:35px; vertical-align:middle; }
.stock_view .box_contents .box_desc.keyword { height:auto; min-height:35px; margin:5px 0 20px 0; border-radius:10px; background:#f8f8f8; text-align:center; overflow:hidden; }
.stock_view .box_contents .box_desc.keyword li { display:inline-block; margin-right:10px; font-size:0.938rem; line-height:35px; }
.stock_view .box_contents .box_desc.keyword li:last-child { margin-right:0; }

.stock_view .box_contents .stock_graph { overflow:hidden; }
.stock_view .box_contents .stock_graph .graph_img { position:relative; float:left; width:50%; height:auto; text-align:center; overflow:hidden; }
.stock_view .box_contents .stock_graph .graph_img img{ display:inline-block; height:125px; margin-top:25px; }
.stock_view .box_contents .stock_graph .graph_img_info { position:absolute; top:0; left:0; width:100%; font-size:0.688rem; line-height:25px; text-align:center; }
.stock_view .box_contents .stock_graph .graph_img_info.up strong { color:#e8373d; }
.stock_view .box_contents .stock_graph .graph_img_info.down  strong { color:#373fe8; }
.stock_view .box_contents .stock_graph .graph_img_info b { font-weight:700; }
.stock_view .box_contents .stock_graph .graph_img_info strong { margin:-2px 0 0 3px; font-size:0.688rem; vertical-align:middle; }
.stock_view .box_contents .stock_graph .graph_img_info strong .im { margin:0 0 0 5px; font-size:80%; vertical-align:middle; }

.stock_view .box_contents .stock_graph .graph_img .state_txt { display:block; position:absolute; width:88px; height:20px; top:52%; left:calc(50% - 50px); transform:rotate(-19deg); color:#fff; font-size:0.813rem; text-align:center; letter-spacing:1px; line-height:20px;}
.stock_view .box_contents .stock_graph .graph_img .state_txt.dis_none { display:none;}

.stock_view .box_contents .stock_graph .graph_value { float:left; width:50%; margin-top:18px; text-align:left; overflow:hidden; }
.stock_view .box_contents .stock_graph .graph_value li { padding-left:10px; box-sizing:border-box; overflow:hidden; }
.stock_view .box_contents .stock_graph .graph_value span { display:inline-block; float:left; width:auto; font-size:0.813rem; }
.stock_view .box_contents .stock_graph .graph_value span.value { float:right; width:auto; }

.stock_view .box_contents .stock_graph .graph_value li:nth-child(1) .value { font-weight:700; }
.stock_view .box_contents .stock_graph .graph_value li:nth-child(2) { margin-top:20px; }
.stock_view .box_contents .stock_graph .graph_value li:nth-child(3) { margin-top:2px; }
.stock_view .box_contents .stock_graph .graph_value li:nth-child(4) { margin-top:2px; }
.stock_view .box_contents .stock_graph .graph_value li:nth-child(5) { margin-top:15px; }
.stock_view .box_contents .stock_graph .graph_value li:nth-child(5) .value { font-weight:700; }

.stock_view .box_contents .stock_etc { margin-top:20px; overflow:hidden; }
.stock_view .box_contents .stock_etc li { float:left; width:50%; text-align:center; }
.stock_view .box_contents .stock_etc li:nth-child(2n) { border-left:1px solid #ddd; }

.stock_view .box_contents .stock_etc li .chart_tit { height:28px; background:#f8f8f8; color:#777; font-size:0.688rem; line-height:28px;  }
.stock_view .box_contents .stock_etc li:nth-child(1) .chart_tit { border-top:1px solid #ddd; }
.stock_view .box_contents .stock_etc li:nth-child(2) .chart_tit { border-top:1px solid #ddd; }

.stock_view .box_contents .stock_etc li .chart_value { height:32px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.813rem; line-height:30px;}

.stock_view .non_list { width:100%; height:200px !important; padding:0 !important; border:1px solid #ddd; background:transparent !important; color:#777; font-size:0.938rem !important; text-align:center; line-height:200px; }
.stock_view .cm_paging_wrap { margin-bottom:20px; }
.stock_view .re_guide { color:#777; font-size:0.813rem; }

.stock_view .box_scroll .box_cont.mentor .mentorAS_Area .cm_txt { border-top:0; }

.stock_view .box_scroll.qna .box_cont { padding:0; border:0; background-color:transparent; }
.stock_view .box_scroll.qna .cm_reply_wrap { margin-top:10px; border-top:2px solid #222; background-color:transparent; }
.stock_view .box_scroll.qna .cm_reply_wrap li.reply_list { background:#fff; }
.stock_view .box_scroll.qna .cm_reply_wrap .cm_reply_write { border-top:0; }

.stock_view .box_scroll.qna .cm_reply_wrap { border:0; }
.stock_view .box_scroll.qna .cm_reply_wrap .cm_reply_write { width:100%; height:auto; padding:0; border:0; overflow:hidden; }
.stock_view .box_scroll.qna .cm_reply_wrap .cm_reply_write textarea { display:block; float:none; width:100%; min-height:126px; padding:15px; border:1px solid #ddd; color:#222; font-size:0.813rem; line-height:20px; }
.stock_view .box_scroll.qna .cm_reply_wrap .cm_reply_write textarea::placeholder { color:#999; }
.stock_view .box_scroll.qna .cm_reply_wrap .cm_reply_write .cm_btn_bg { display:block; float:none; width:100%; height:40px; margin:15px 0 0; border:1px solid #222 !important; border-radius:10px; background:#fff !important; color:#222; font-weight:700; font-size:0.938rem; line-height:40px; }

.stock_view .box_scroll.qna .cm_reply_list { border:0; border-top:1px solid #ededed; margin-top:30px; }
.stock_view .box_scroll.qna .cm_reply_list .reply_cont { border-color:#ededed; }
.stock_view .box_scroll.qna .cm_reply_list .reply_cont .cm_btn_block { top:12px; right:0; }

.stock_view .box_scroll.qna .cm_reply_wrap .box_reply_btn { margin-top:10px; border:0; background-color:transparent; text-align:right;}
.stock_view .box_scroll.qna .cm_reply_wrap .box_reply_btn li { display:inline-block; float:none; width:auto; height:25px; padding:0 10px; margin-left:10px; border:0; border-radius:5px; background:#ededed; color:#777; font-size:0.813rem; line-height:25px; }

.stock_view .box_scroll.qna .cm_reply_list .reply_cont.change { height:auto;  overflow:hidden; }
.stock_view .box_scroll.qna .cm_reply_list .reply_cont.reply { height:auto;  overflow:hidden; }

.stock_view .box_scroll.qna .cm_reply_list .reply_cont textarea { display:block; float:none; width:100%; height:126px; margin-bottom:10px; color:#222; background:#fff; }
.stock_view .box_scroll.qna .cm_reply_list .reply_cont textarea::placeholder { color:#999; }
.stock_view .box_scroll.qna .cm_reply_list .reply_cont .cm_btn_bg { display:block; float:right; width:auto; height:25px; padding:0 10px;  height:25px !important; border-radius:5px; background:#ededed; color:#777; font-size:0.813rem; line-height:25px; }

.stock_view .box_scroll.qna cm_reply_list .cm_reply_list .reply_cont .cm_btn_block .box_popup_btn{ top:0 !important; right:25px !important; }
.stock_view .box_scroll.qna .cm_paging_wrap { padding:0;}

.stock_view .box_scroll.review .cm_accordion_list { border-top:2px solid #222; }
.stock_view .box_scroll.review .cm_accordion_list .cm_accordion_cont { padding:0 15px; }
.stock_view .box_scroll.review .cm_paging_wrap { padding:0;}

@media only screen and (max-width:320px) {
    .stock_view .box_contents .stock_graph .graph_img img { width:100%; height:auto; }
    .stock_view .box_contents .stock_graph .graph_img .state_txt  { top:52%; }
    .stock_view .box_contents .stock_graph .graph_value span { display:inline-block; float:left; width:auto; letter-spacing:-1px; }
    .stock_view .box_contents .stock_graph .graph_value li:nth-child(2) { margin-top:10px; }
    .stock_view .box_contents .stock_graph .graph_value li:nth-child(3) { margin-top:0px; }
    .stock_view .box_contents .stock_graph .graph_value li:nth-child(4){ margin-top:0px; }
    .stock_view .box_contents .stock_graph .graph_value li:nth-child(5) { margin-top:10px }
    .stock_view .box_contents .stock_graph + .noti { text-align:left; }
}


/*검색기&지표*/
.finder_view { position:relative; word-break:keep-all; overflow:unset; }
.finder_view .contents03.cm_view_cont { overflow:visible; }
.finder_view .contents03.cm_view_cont .box_tab { z-index:20; }
.finder_view .list_cont.vertical01 .cm_thumb_wrap { height:auto; }
.finder_view .box_write .cm_input { width:100%; }
.finder_view .box_write textarea { width:100%; height:370px; padding:15px; border:1px solid #ddd; font-size:0.813rem; }


/*골든시그널 상세*/
.golden_view { max-width:480px; margin:0 auto; }
.golden_view .cm_bn { background:#f4f5fa; }
.golden_view .cm_bn img {display:block; width:100%; z-index:1; }
.golden_view .cm_bn .box_cont { position:absolute; top:7.25%; left:15px;  }
.golden_view .cm_bn .box_cont .cm_tit small { font-size:60%; font-weight:500; font-style:italic; }

.golden_view .cm_bn.bottom {  height:auto; }
.golden_view .cm_bn.bottom a { position:absolute; bottom:30.81%; left:25px; width:calc(100% - 50px); height:18.18%; background:#222; opacity:0; }
.golden_view .cm_bn.bottom a + a { bottom:7.636%; }

.golden_view .cm_view_subscribe { position:relative; width:calc(100% - 30px); margin-left:15px; margin-top:-10.011%; z-index:2; }
.golden_view .cm_view_subscribe + .cm_view_subscribe { margin-top:15px; margin-bottom:30px; }
.golden_view .cm_view_subscribe .btn_free_ex { display:block; padding:15px 20px; margin-top:10px; border-radius:10px; border:1px solid #2e2e72 !important; background:#f4f5fa; color:#2e2e72; font-size:0.813rem; line-height:20px; font-weight:bold; text-align:center; cursor:pointer; }

.golden_view .contents01.chat ul { overflow:hidden; }
.golden_view .contents01.chat li:first-child { float:left; line-height:22px; }
.golden_view .contents01.chat .btn_down { display:inline-block; float:right; padding:0 10px; margin-left:5px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#222; font-size:75%; line-height:20px; }
.golden_view .contents01.chat .btn_down .im { margin:0 0 0 5px; color:#999; font-size:90%; vertical-align:middle; }

.golden_view .cm_smtxt { word-break:keep-all; }
.golden_view .cm_smtxt + .date { text-align:right; }

.golden_view .contents01 .cm_subtit { font-weight:600; }
.golden_view .contents01 + .contents01 { padding-top:0; }
.golden_view .contents01 + .contents03 { padding-top:0; }
.golden_view .contents01 + .contents03 > .cm_subtit { padding:0 15px; }

.golden_view .cm_subtit:before { display:block; content:''; clear:both; }
.golden_view .cm_subtit .btn_apply{ float:right; width:70px; height:23px; margin-top:2px; font-size:0.813rem; line-height:23px; text-align:center; }

.golden_view .contents01 .box_justfy li { overflow:hidden; }
.golden_view .contents01 .box_justfy li span { display:block; float:left;}
.golden_view .contents01 .box_justfy li .label {width:55px; color:#222; text-align:justify; text-align-last:justify;}
.golden_view .contents01 .box_justfy li .value { width:calc(100% - 65px); margin-left:10px; }

.golden_view .contents01.summary .list_wrap {  display:-webkit-box;  display:flex; height:auto; padding:11px 0 10px; border:1px solid #ddd; border-top:2px solid #222; }
.golden_view .contents01.summary .list_wrap .list_cont { flex:1 1 auto; -webkit-box-flex:1; position:relative; height:auto; border-right:1px solid #ddd; text-align:center; overflow:hidden; }
.golden_view .contents01.summary .list_wrap .list_cont { flex:1 1 auto; -webkit-box-flex:1; position:relative; height:auto; border-right:1px solid #ddd; text-align:center; overflow:hidden; }
.golden_view .contents01.summary .list_wrap .list_cont:last-child { border-right:0; }
.golden_view .contents01.summary .list_wrap .list_cont span { display:block; line-height:26px; }
.golden_view .contents01.summary .list_wrap .list_cont .label{ font-size:0.813rem; line-height:20px; }
.golden_view .contents01.summary .list_wrap .list_cont .label .im { margin:-2px 0 0 3px; font-size:90%; vertical-align:middle; cursor:pointer; }
.golden_view .contents01.summary .list_wrap .list_cont .value { margin-top:3px; color:#e8373d; font-size:1.125rem; }
.golden_view .contents01.summary .list_wrap .list_cont .value small { font-size:0.813rem; }

.golden_view .slide_nav + .btn_popup { display:block; height:34px; padding:0 11px; border:1px solid #ddd; background:#f8f8f8; font-size:80%; line-height:34px; }
.golden_view .slide_nav + .btn_popup .im { float:right; color:#999; font-size:90%; line-height:34px; }

.golden_view .contents03.simulation .tab_cont { display:none; padding:20px 15px 0; }
.golden_view .contents03.simulation .tab_cont.on { display:block; }

.golden_view .contents03.simulation .tab_cont .cm_table_wrap thead th { padding:17px 5px; background:#f8f8f8; color:#222; font-size:95%; line-height:20px; }
.golden_view .contents03.simulation .tab_cont .cm_table_wrap thead th .im { margin:0 0 0 3px; font-size:80%; vertical-align:middle; }

.golden_view .contents03.simulation .tab_cont .cm_table_wrap tbody tr > * { padding:5px; font-size:100%; } 
.golden_view .contents03.simulation .tab_cont .cm_table_wrap tbody tr:first-child > * { background:#ffefef; } 
.golden_view .contents03.simulation .tab_cont .cm_table_wrap tbody tr th { border-bottom:1px solid #ddd; color:#999; font-size:80%; font-weight:500; line-height:20px; } 
.golden_view .contents03.simulation .tab_cont .cm_table_wrap tbody tr td span { display:block; font-size:80%; line-height:20px; } 
.golden_view .contents03.simulation .box_noti { width:calc(100% - 30px); margin-left:15px; border-top:0; }

.golden_view .contents01.review .list_wrap { border-top:2px solid #222; }

.golden_view .contents01.box_video a { display:block; }
.golden_view .contents01.box_video a:first-child { padding-bottom:10px; background:#fff; }
.golden_view .contents01.box_video a:last-child { padding-top:10px; background:#fff; }

/*골든시그널_이슈종목*/
.golden_view .slide_nav { position:relative; width:100%; border-top:2px solid #222; overflow:hidden; }
.golden_view .slide_nav .slick-list.draggable{ height:auto !important; }
.golden_view .slide_nav .slick-track { width:100%!important; transform:none !important; -webkit-transform:none !important; }
.golden_view .slide_nav .slick-cloned { display:none !important; }
.golden_view .slide_nav li  { width:100%; padding:10px; border-bottom:1px solid #ddd; overflow:hidden; }
.golden_view .slide_nav li .box_active { position:relative; display:none; }
.golden_view .slide_nav li .box_active dt { display:block; margin-bottom:10px; overflow:hidden; }
.golden_view .slide_nav li .box_active dt .num { float:left; width:22px; height:22px; padding-right:3px; border-radius:4px; background:#ff7500; color:#fff; font-weight:700; font-style:italic; font-size:95%; text-align:center; line-height:22px; }
.golden_view .slide_nav li .box_active dt .stock { display:-webkit-box; float:left; height:22px; width:calc(100% - 120px); margin-left:5px; font-size:95%; font-weight:600; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word; }
.golden_view .slide_nav li .box_active dt .category { float:right; font-size:70%; line-height:22px; }
.golden_view .slide_nav li .box_active dd { display:block; overflow:hidden; }
.golden_view .slide_nav li .box_active dd .label { line-height:22px;  }
.golden_view .slide_nav li .box_active dd .value { float:right; color:#e8373d; font-size:110%; font-weight:normal; line-height:22px; text-align:right; }
.golden_view .slide_nav li .box_active dd .value small { font-size:75%; }
.golden_view .slide_nav li .box_active dd + dd { margin-top:5px; }
.golden_view .slide_nav li .box_active dd img { display:block; width:100%; height:auto; max-height:156px; margin-top:10px;}

.golden_view .slide_nav li .box_defult { display:block; position:relative; color:#999; overflow:hidden; }
.golden_view .slide_nav li .box_defult .num { display:inline-block; float:left; margin-right:10px; font-size:95%; font-style:italic; font-weight:700; vertical-align:middle; }
.golden_view .slide_nav li .box_defult .stock { display:-webkit-box; float:left; max-width:calc(100% - 120px); height:22px; font-size:95%; font-weight:600; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }
.golden_view .slide_nav li .box_defult .value { display:inline-block; float:right; font-size:110%;  text-align:right; }
.golden_view .slide_nav li .box_defult .value small { font-size:75%; }

.golden_view .slide_nav li.slick-current .box_active { display:block; }
.golden_view .slide_nav li.slick-current .box_defult { display:none; }
    
/*골든시그널_상품 리스트  */
.golden_view .list_wrap.product .list_cont { padding:20px 10px; margin-top:10px; border:1px solid #ddd; border-top:2px solid #222; background:#f8f8f8; }
.golden_view .list_wrap.product .list_cont:first-child { margin-top:0; }
.golden_view .list_wrap.product .list_cont .cm_txt { display:block; position:relative;  }
.golden_view .list_wrap.product .list_cont .cm_txt .badge { display:inline-block; position:absolute; top:0; right:10px; height:24px; padding:0 9px; margin:-2px 0 0 11px; border-radius:12px; background:#ff7500; background-image:linear-gradient(125deg, #ff7500, #e8383c 60%); color:#fff; font-size:100%; line-height:24px; vertical-align:middle; }
.golden_view .list_wrap.product .list_cont .cm_subtit { display:block; font-weight:600; }
.golden_view .list_wrap.product .list_cont .cm_subtit small { font-style:italic; font-size:60%; font-weight:500; }
.golden_view .list_wrap.product .list_cont .btn_detail { display:block; width:100%; height:50px; border-radius:8px; font-size:115%; line-height:50px; text-align:center; }
.golden_view .list_wrap.product .list_cont .btn_detail .im { margin:0 0 0 3px; font-size:90%; vertical-align:middle; }

.golden_view .list_wrap.product .list_cont .box_info { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-lines: multiple; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-flow :row wrap; -webkit-flex-direction:row;  width:100%; border-radius:10px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.golden_view .list_wrap.product .list_cont .box_info li { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; float:left; width:50%; padding:20px 10px 10px;  }
.golden_view .list_wrap.product .list_cont .box_info li:nth-child(1) { border-bottom:1px solid #ddd;  }
.golden_view .list_wrap.product .list_cont .box_info li:nth-child(2) { border-bottom:1px solid #ddd; }
.golden_view .list_wrap.product .list_cont .box_info li:nth-child(3) { width:100%; }
.golden_view .list_wrap.product .list_cont .box_info li span { display:block; text-align:center; }
.golden_view .list_wrap.product .list_cont .box_info li .label { font-size:0.813rem; line-height:20px; }
.golden_view .list_wrap.product .list_cont .box_info li .label .im { margin:0 0 0 3px; font-size:80%; vertical-align:middle; }
.golden_view .list_wrap.product .list_cont .box_info li .value { color:#e8373d; font-size:1.125rem; line-height:26px; }
.golden_view .list_wrap.product .list_cont .box_info li .value small { font-size:0.813rem; }

.golden_view .list_wrap.product .list_cont .box_price { padding-top:21px; border-top:1px solid #ddd; overflow:hidden; }
.golden_view .list_wrap.product .list_cont .box_price .label { float:left; color:#777; font-size:80%; line-height:20px; }
.golden_view .list_wrap.product .list_cont .box_price .value { float:right; color:#e8373d; font-size:125%; line-height:26px; }
.golden_view .list_wrap.product .list_cont .box_price .value small { font-size:75%; }
.golden_view .list_wrap.product .list_cont .box_price .value del { margin-right:7px; color:#222; font-size:55%; font-family:'Noto Sans KR'; }
.golden_view .list_cont.pack .cm_txt small { font-style:italic; font-size:85%; }
  
/*골든시그널_투자 가이드*/
.golden_view .box_slide { position:relative; }
.golden_view .box_slide .btn_arrow { position:absolute; top:35.994%; width:24px; height:24px; text-align:center; z-index:3; }
.golden_view .box_slide .btn_arrow.btn_prev { left:0; }
.golden_view .box_slide .btn_arrow.btn_next { right:0; }
.golden_view .box_slide .btn_arrow .im { color:#777; font-size:90%; line-height:24px; }

.golden_view .slied_guide { width:100%;  padding-top:25px; border-top:2px solid #222;  overflow:hidden; z-index:2; }
.golden_view .slied_guide li { float:left; width:100%; overflow:hidden;}
.golden_view .slied_guide li .img_phone { display:block; width:232px; height:auto; margin:0 auto; }
.golden_view .slied_guide li .box_desc{ display:block; height:auto; text-align:center; word-break:keep-all; }
.golden_view .slied_guide li .cm_subtit i { font-style:italic; font-weight:600; }
.golden_view .slied_guide li .cm_subtit i { font-style:italic; font-weight:600; }
.golden_view .slied_guide li .cm_subtit b { font-weight:600; }

/*골든시그널_안내*/
.golden_view .box_noti { padding:10px; border:1px solid #ddd; background:#f8f8f8; }
.golden_view .box_noti li { display:block; position:relative; padding-left:6px; margin-top:5px; color:#777; font-size:80%; line-height:20px; word-break:keep-all; overflow:hidden; }
.golden_view .box_noti li:first-child { margin-top:0; }
.golden_view .box_noti li:before { display:block; content:''; position:absolute; left:0; top:8px; width:3px; height:3px; border-radius:50%; background:#777; }
.golden_view .box_noti li small { font-size:90%; line-height:16px; }
    
/*골든시그널_툴팁*/
.golden_view .cm_tooltip_desc { max-width:calc(100% - 105px); }
.golden_view .cm_tooltip_desc .tooltip_article{ margin-top:0; margin-left:0; font-size:75%; line-height:18px;  }


/*이용후기 상세*/
.review_view .cm_board_view .txt_info { padding-right:30px; }
.review_view .cm_board_view .board_top .txt_info .cm_user_name { margin-left:0; }
.review_view .cm_board_view .cm_btn_block { top:28px; }
.review_view .box_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:10px; justify-content:space-between; overflow:hidden; }
.review_view .box_btn.bottom .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; line-height:45px; border-radius:5px; text-align:center; }
.review_view .box_btn.bottom .cm_btn.btn_list { flex:unset; float:right; width:auto; height:30px; padding:0 15px; margin-left:auto; border-radius:0; font-size:0.813rem; line-height:30px; } 


/*교육 상세*/
body:has(.education_view .cm_view_cont .cm_contents .box_tab) {overflow: visible !important;}
.education_view { overflow:visible !important; }
.education_view .cm_view_cont .cm_contents .box_tab { top: 0; background:#fff; border-bottom:1px solid #ddd; z-index:19; }

.education_view .list_wrap.lecture { padding:5px 15px; background:#f8f8f8; overflow:hidden;}
.education_view .list_wrap.lecture li { position:relative; padding:10px 0;  }
.education_view .list_wrap.lecture li + li { border-top:1px dashed #ddd;  }

.education_view .list_wrap .list_cont.horizon02.has_ic .txt_desc { height:auto; align-self:center;  }
.education_view .list_wrap .list_cont.horizon02.has_ic .txt_desc .cm_badge { margin-right:3px; vertical-align:middle; }
.education_view .list_wrap .list_cont.horizon02.has_ic .icon.live { background-position-x:-250px; }
.education_view .list_wrap .list_cont.horizon02.has_ic .icon.live.off { background-position-x:-50px; }
.education_view .cm_view_cont .cm_contents .box_view { padding-top:0 !important; }

.education_view .cm_view_cont .cm_contents .box_view .box_bn_benefit { display:block; }
.education_view .cm_view_cont .cm_contents .box_view .box_bn_benefit img { display:block; width:100%; height:auto; }

.education_view .box_cont { overflow:hidden; }
.education_view .box_cont .desc_list { position:relative; padding:15px 10px; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.education_view .box_cont .desc_list .tit { display:block; width:100%; font-size:0.813rem; font-weight:600; }
.education_view .box_cont .desc_list .tit .free { margin-right:8px; color:#e8373d; }
.education_view .box_cont .desc_list .txt { display:block; width:100%; font-size:0.813rem; }

.education_view .box_cont .desc_list div { float:left; }
.education_view .box_cont .desc_list .box_desc { position:relative; overflow:hidden; }
.education_view .box_cont .desc_list .box_ic { position:absolute; top:50%; left:0px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:60px; height:45px; margin-right:10px; border-radius:10px; background:#f8f8f8; color:#fff; font-size:0.813rem; font-weight:700; line-height:45px; text-align:center; overflow:hidden; }

.education_view .box_cont .desc_list .box_txt { width:calc(100% - 70px); min-height:45px; }
.education_view .box_cont .desc_list .box_txt .tit { display:inline-block; width:100%; font-size:0.938rem; }
.education_view .box_cont .desc_list .box_txt .tit .txt_free { display:inline-block; margin-left:15px; color:#ff7500;  }
.education_view .box_cont .desc_list .box_txt .subtit { display:inline-block; width:100%; color:#777; font-weight:500; font-size:1.125rem; }
.education_view .box_cont .desc_list .box_txt .cm_txt { margin-top:2px; }
.education_view .box_cont .desc_list .box_txt .txt { display:inline-block; width:100%; color:#999; font-size:0.813rem; }
.education_view .box_cont .desc_list .box_txt .date { display:inline-block; margin-top:5px; color:#999; font-size:0.813rem; }
.education_view .box_cont .desc_list .cm_btn { float:left; width:100%; height:35px; margin-top:10px; border-radius:5px; font-size:0.813rem; font-weight:bold; line-height:30px; text-align:center; }
.education_view .box_cont .desc_list .cm_btn_bg { float:left; width:100%; height:35px; margin-top:10px; border-radius:5px; font-size:0.813rem; font-weight:bold; line-height:30px; text-align:center; }

.education_view .box_cont .desc_list.add { height:35px; padding:0 10px; border-top:0; background:#f8f8f8; }
.education_view .box_cont .desc_list.add .btn_list { float:right; width:auto; height:34px; margin:0; font-size:0.813rem; line-height:34px; vertical-align:middle; }
.education_view .box_cont .desc_list.add .btn_list input { float:left; height:34px; }
.education_view .box_cont .desc_list.add .btn_list .im { margin:0 0 0 0; font-size:80%; vertical-align:middle; }
.education_view .box_cont .desc_list.add .date { color:#777; font-size:0.813rem; line-height:35px; }

.education_view .box_cont .cm_reply_list { margin-top:0 !important; }
.education_view .box_cont .cm_reply_write + div { margin-top:30px !important; }
.education_view .view_btn_floating  { display:none !important; }
.education_view .cm_subscribe .box_btn .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; font-weight:700; text-align:center; }

.education_view .cm_tab { height:100%; }
.education_view .cm_tab .cm_tab_menu { height:100%; }

/*투자 인사이트 상세 */
.investment_view { position:relative; word-break:keep-all; overflow:unset; }
.investment_view .cm_tab { height:40px; }
.investment_view .cm_tab .cm_tab_menu { height:100%; }
.investment_view img { display:block; max-width:100%;}
.investment_view .contents03.cm_view_cont { overflow:visible; }
.investment_view .contents03.cm_view_cont::after { display:block; content:''; clear:both; }
.investment_view .contents03.cm_view_cont .box_tab { z-index:20; }

.investment_view .cm_form.select { float:none; width:100%; height:45px; margin:0; font-size:95%; line-height:45px; }

.investment_view .cm_form_wrap .cm_form.select { float:left; width:95px; height:45px; line-height:45px; }
.investment_view .cm_form_wrap .cm_form.text02 { width:calc(100% - 175px); height:45px; margin:0 10px; line-height:45px;  }
.investment_view .cm_form_wrap .cm_btn_bg { width:60px; height:45px; font-size:95%; line-height:45px; }

.investment_view .non_list { padding:80px 15px; border-bottom:1px solid #ededed; color:#999; font-size:70%; line-height:16px; text-align:center; }
.investment_view .box_report .non_list { border-top:1px solid #ededed; }

.investment_view .list_wrap.swiper-wrapper { width:auto; overflow:visible; }

.investment_view .box_chatting .list_wrap.sample .list_cont { position:relative; width:auto; height:auto; border-radius:10px; border:1px solid #ededed; text-align:center; cursor:pointer; overflow:hidden; }
.investment_view .box_chatting .list_wrap.sample .list_cont .ic_badge { position:absolute; top:15px; left:15px; height:15px; display:inline-block; height:20px; padding:0 8px; border:1px solid #2e2e72; border-radius:3px; background:#fff; color:#2e2e72; font-size:0.688rem; line-height:18px; z-index:1; }
.investment_view .box_chatting .list_wrap.sample .list_cont .cm_smtxt { display:block; position:absolute; bottom:10px; width:100%; padding:0 10px; z-index:1; }
.investment_view .box_chatting .list_wrap.sample .list_cont img { display:block; width:100%; height:auto; }

.investment_view .box_chatting .list_wrap.subscribe  { padding:0; }
.investment_view .box_chatting .list_wrap.subscribe .list_cont { width:100%; padding:15px; margin-top:10px; border-radius:10px; background-color:#f8f8f8; }
.investment_view .box_chatting .list_wrap.subscribe .list_cont:first-child { margin-top:0; }
.investment_view .box_chatting .list_wrap.subscribe .list_cont .cm_txt small { font-size:0.688rem; }
.investment_view .box_chatting .list_wrap.subscribe .list_cont .cm_txt + .cm_smtxt { width:100%; height:30px; border-radius:5px; background:#fff; line-height:30px; text-align:center; }
.investment_view .box_chatting .list_wrap.subscribe .list_cont .btn_move { width:100%; height:30px; margin:0 auto; border-radius:5px; font-size:80%; line-height:28px; text-align:center; }

.investment_view .list_cont.vertical01 { display:block; position:relative; flex-shrink: 0; flex-basis:auto; }
.investment_view .list_cont.vertical01 a { display:block; width:100%; }
.investment_view .list_cont.vertical01 .cm_thumb_wrap { display:block; position:relative; height:auto; border-radius:10px; background-color:#f8f8f8; }
.investment_view .list_cont.vertical01 .cm_thumb_wrap .ic_circle{ display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:20px; height:20px; border:1px solid #fff; border-radius:50%; overflow:hidden; }
.investment_view .list_cont.vertical01 .cm_thumb_wrap .ic_circle .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:70%; vertical-align:middle; }
.investment_view .list_cont.vertical01.disabled .cm_color_or { color:#999 !important; }
.investment_view .list_cont.vertical01.disabled .cm_color_bk { color:#999 !important; }
.investment_view .list_cont.vertical01.disabled .cm_color_dg { color:#999 !important; }

.investment_view .cm_board_view { border-bottom:0; }

.investment_view .box_btn.bottom { display:block; position:relative; width:100%; margin-top:15px; overflow:hidden; }
.investment_view .box_btn.bottom .cm_btn_line { display:block; float:right; width:60px; height:25px; margin:0; border:1px solid #ddd; font-size:80%; line-height:25px; }
.investment_view .box_btn.bottom .cm_btn_line.btn_view { float:left; width:66px; }

.investment_view .box_report .cm_reply_wrap { margin-top:20px; }
.investment_view .box_report .cm_reply_list { margin-top:30px; }

.investment_view .box_qna .cm_reply_list { margin-top:30px; }
   

/*멘토멤버십 상세*/
.membership_view { position:relative; word-break:keep-all; overflow:unset; }
.membership_view img { display:block; max-width:100%;}

.membership_view .list_none { width:100%; height:150px; padding:65px 15px; border-radius:10px; background:#f8f8f8; text-align:center; }
.membership_view .list_none + .box_cont { margin-top:30px }

.membership_view .contents03.cm_view_cont { overflow:visible; }
.membership_view .contents03.cm_view_cont::after { display:block; content:''; clear:both; }
.membership_view .contents03.cm_view_cont .box_tab { z-index:20; }
.membership_view .contents03.cm_view_cont select{  float:none; }

.membership_view .cm_contents .box_view .box_addinfo.box_notice { padding-right:20px !important; }
.membership_view .cm_contents .box_view .box_addinfo.box_notice +.box_cont.box_addinfo { margin-top:30px!important; }
.membership_view .cm_contents .box_view .box_addinfo.box_notice .cm_subtit { margin-bottom:0; }
.membership_view .cm_contents .box_view .box_addinfo.box_notice .list_wrap { width:100%; }
.membership_view .cm_contents .box_view .box_addinfo.box_notice .list_wrap li { height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.membership_view .box_chatting .list_wrap.subscribe  { padding:0; }
.membership_view .box_chatting .list_wrap.subscribe .list_cont { width:100%; padding:15px; margin-top:10px; border-radius:10px; background-color:#f8f8f8; }
.membership_view .box_chatting .list_wrap.subscribe .list_cont:first-child { margin-top:0; }
.membership_view .box_chatting .list_wrap.subscribe .list_cont .cm_txt + .cm_smtxt { width:100%; height:30px; border-radius:5px; background:#fff; line-height:30px; text-align:center; }
.membership_view .box_chatting .list_wrap.subscribe .list_cont .btn_move { display:block; width:100%; height:30px; margin:0 auto; border-radius:5px; font-size:0.813rem; line-height:28px; text-align:center; }
.membership_view .box_chatting .list_wrap.subscribe .list_cont .btn_move i { display:inline-block; width:53px; height:16px; margin-right:5px; background:url('/images/sub/logo_finupchat.png') no-repeat;  background-size:contain; vertical-align:text-top; }

.membership_view .box_board .cm_form_wrap .cm_form.select { float:left; width: 100px; }
.membership_view .box_board .cm_form_wrap .cm_form.text01 { width:calc(100% - 180px); margin-left:10px; }
.membership_view .box_board .cm_form_wrap .cm_form.cm_btn { width:60px; margin-left:10px; padding:0; text-align:center; }

.membership_view .box_board .box_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:10px; justify-items: overflow:hidden; }
.membership_view .box_board .box_btn.bottom .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; border-radius:5px; text-align:center; }
.membership_view .box_board .box_btn.bottom .cm_btn.btn_list { flex:unset; float:right; width:auto; height:30px; padding:0 15px; margin-left:auto; border-radius:0; font-size:0.813rem; line-height:30px; } 

.membership_view .box_board .cm_reply_wrap { margin-top:20px; }
.membership_view .box_board .cm_reply_list { margin-top:30px; }

.membership_view .box_write .cm_input { width:100%; }
.membership_view .box_write textarea { width:100%; height:370px; padding:15px; border:1px solid #ddd; font-size:0.813rem; }


/*핀업챗 가이드*/
.chatguide_view { width:100%; min-width:0; max-width:500px; font-size:16px; }
.chatguide_view .cm_tab {  display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; position:relative; width:100%; height:58px; border-top:1px solid #ddd; align-items:stretch; align-self:center; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none;}
.chatguide_view .cm_tab::-webkit-scrollbar {display: none; }
.chatguide_view .cm_tab.flex_wrap { width:100%; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.chatguide_view .cm_tab:before { display:none; }

.chatguide_view .cm_tab .cm_tab_menu { display:inline-flex; height:auto; padding:5px 15px; margin:1px 0; font-size:0.813rem !important; line-height:20px; justify-content:center; white-space:nowrap; align-items:center;}
.chatguide_view .cm_tab.flex_wrap .cm_tab_menu  { display:flex; flex:1; }
.chatguide_view .cm_tab .cm_tab_menu.on { margin: 0; }
.chatguide_view .cm_tab .cm_tab_menu:before { height:33px; }

.chatguide_view .contents01 { width:100%; padding:15px; }

.chatguide_view .box_set { height:60px; padding:0 15px; background:#f4f5fa; overflow:hidden; }
.chatguide_view .box_set span { font-size:0.938rem; font-weight:400; line-height:60px; }
.chatguide_view .box_set .btn_set { float:right; margin-top:15px; overflow:hidden; }
.chatguide_view .box_set .btn_set li { float:left; width:80px; height:30px; margin-left:10px; border-radius:20px; background:#ddd; color:#999; font-size:0.813rem; line-height:29px; text-align:center; }
.chatguide_view .box_set .btn_set li:first-child { margin-left:0; }
.chatguide_view .box_set .btn_set li.on { background:#222; color:#fff; }

.chatguide_view .box_guide { display:none; }
.chatguide_view .box_guide.on { display:block; }

.chatguide_view .box_guide .cm_tab.fixed { position:fixed; top:0; left:0; max-width:480px; }
.chatguide_view .box_guide .cm_tab.fixed +  .contents01 { margin-top:55px; }

.chatguide_view .box_cont { display:none; }
.chatguide_view .box_cont.on { display:block; }
.chatguide_view .box_cont .box_tit { position:relative; padding:12px 50px 12px 12px; border-bottom:1px solid #ddd; font-weight:400; font-size:0.938em; line-height:22px; overflow:hidden; cursor:pointer; }
.chatguide_view .box_cont .box_tit .im { position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:85%; }
.chatguide_view .box_cont .box_tit + .box_desc { display:none; position:relative; padding-bottom:30px; border-bottom:1px solid #ddd; }
.chatguide_view .box_cont .box_tit + .box_desc img { display:block; width:100%; max-width:480px; height:auto; margin:0 auto; -ms-interpolation-mode:unset; }
.chatguide_view .box_cont .box_tit + .box_desc dl { position:relative; padding:15px; border-radius:15px; background:#f4f5fa; font-size:0.938rem; line-height:22px; word-break:keep-all; }
.chatguide_view .box_cont .box_tit + .box_desc dl dd { position:relative; padding-left:25px;  }
.chatguide_view .box_cont .box_tit + .box_desc dl dd  .cm_color_dg { font-size:0.938rem; line-height:22px; }
.chatguide_view .box_cont .box_tit + .box_desc dl dd + dd { margin-top:15px; }
.chatguide_view .box_cont .box_tit + .box_desc dl dd .im { position:absolute; left:0; top:2px; font-size:100%; line-height:22px; }
.chatguide_view .box_cont .box_tit + .box_desc dl dd .ic { position:absolute; left:0; top:4px; width:16px; height:16px; border-radius:50%; background:#222; color:#fff; font-weight:700; font-size:0.688rem; text-align:center; line-height:15px; }

    

/*럭키박스 */
.luckybox_view { overflow:visible; }
.luckybox_view .contents01 { padding:10px 15px; overflow:visible; }
.luckybox_view .contents02 { position:relative; padding:0; }

.luckybox_view .cm_badge.common { color:#3361BA; }
.luckybox_view .cm_badge.rare { color:#33AABA; }
.luckybox_view .cm_badge.epic { color:#66BA33; }
.luckybox_view .cm_badge.unique { color:#BA9433; }
.luckybox_view .cm_badge.legendary { color:#BA5333; }

/*
.luckybox_view .box_personal_wrap { position:sticky; top:0; left:0; background:#fff; z-index:10; }
*/

.luckybox_view .box_personal { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; align-self:center; }
.luckybox_view .box_personal .box_point { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:0 15px; align-items:center; align-self:center; }
.luckybox_view .box_personal .box_point hr { display:block; width:1px; height:10px; border:0; background:#ededed; }
.luckybox_view .box_personal .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:0 10px; align-items:center; align-self:center; }
.luckybox_view .box_personal .box_btn .btn_alarm { display:block; width:18px; height:18px; background:url('/images/LuckyBox/ic-regular-bell.png') no-repeat; background-size:100%; }
.luckybox_view .box_personal .box_btn .btn_mypage { display:block; width:18px; height:18px; background:url('/images/LuckyBox/ic-regular-user.png') no-repeat; background-size:100%; }

.luckybox_view .box_personal + hr { display:block; width:100%; height:1px; margin:10px auto; border:0; background:#ededed; }

.luckybox_view .box_graph { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; gap:0 20px; align-items:center; align-self:center;  }
.luckybox_view .box_graph .cm_xsmtxt { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; }
.luckybox_view .box_graph .cm_xsmtxt strong { color:#b033ba; }

.luckybox_view .box_graph .box_range { display:block; -webkit-flex:1 1 auto; max-width:150px; }
.luckybox_view .box_graph .box_range .box_bar { width:100%; height:6px; border-radius:3px; background:#ccc; }
.luckybox_view .box_graph .box_range .box_bar .bar { width:50%; height:100%; border-radius:6px; background:#b033ba; }

.luckybox_view .box_graph .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 10px; }
.luckybox_view .box_graph .box_btn .cm_btn { display:inline-block; -webkit-flex:1 0 66px; -ms-flex:1 0 66px; flex:1 0 66px; width:66px; height:25px; padding:0 10px; border-radius:3px; font-size:0.75rem; line-height:24px; text-align:center; white-space:nowrap; }
.luckybox_view .box_graph .box_btn .cm_btn.bg_point { position:relative; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; width:auto; color:#fff; background-image: linear-gradient(to right, #b033ba, #692a6f); }
/*
.luckybox_view .box_graph .box_btn .cm_btn.bg_point:before { display:block; content:'무료 상자를 열어 보세요'; position:absolute; top:-22px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:2px 5px 2px; border-radius:3px; background:#222; color:#fff; font-size:0.6875rem; line-height:16px !important; box-shadow:2px 2px 5px 0 rgba(0,0,0,0.3); overflow:hidden; z-index:2; }
.luckybox_view .box_graph .box_btn .cm_btn.bg_point:after { display:block; content:''; position:absolute; top:-10px; left:50%; transform:rotate(-45deg) translateX(-50%); -webkit-transform:rotate(-45deg) translateX(-50%); width:9px; height:9px; background:#222; z-index:2; }
*/
.luckybox_view .box_visual { position:relative; height:calc(100vh - 148px); height:calc(100dvh - 148px); overflow:hidden;  transition:height 0.2s linear; }
.luckybox_view .box_visual .box_luckybox_item { position:relative; height:100%; }
.luckybox_view .box_visual .box_luckybox_item li { position:relative;height:calc(100vh - 148px); height:calc(100dvh - 148px); }
.luckybox_view .box_visual .box_luckybox_item .box_img { position:absolute; top:0; left:0; width:100%; height:calc(100vh - 148px); height:calc(100dvh - 148px); z-index:0; }
.luckybox_view .box_visual .box_luckybox_item .box_img img { width:100%; height:100%; object-fit:cover;  z-index:2; }
/*
.luckybox_view .box_visual .box_luckybox_item .box_img video { width:100%; height:100%; object-fit:cover; }

.luckybox_view .box_visual .box_luckybox_item .slick-list { height:100%; }
.luckybox_view .box_visual .box_luckybox_item .slick-list .slick-track{ height:100%; }
.luckybox_view .box_visual .box_luckybox_item .box_gold { display:block; position:relative; width:100%; height:100% !important; background-image: linear-gradient(to bottom, #6a4c1e, #e1c191, #180d00); }
.luckybox_view .box_visual .box_luckybox_item .box_platinum { display:block; position:relative; width:100%; height:100% !important; background-image: linear-gradient(to bottom, #692a6f, #b991bd, #000);}

.luckybox_view .box_visual .box_luckybox_item .box { position:absolute; left:50%; bottom:43%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:45%; height:auto; z-index:3; animation:luckybox_updown01 1s infinite linear alternate forwards, luckybox_rotate 1s infinite linear alternate forwards; -webkit-animation:luckybox_updown01 1s infinite linear alternate forwards, luckybox_rotate 1s infinite linear alternate forwards;}
.luckybox_view .box_visual .box_luckybox_item .deco { position:absolute;  left:51%; bottom:43%;  transform:translateX(-50%); -webkit-transform:translateX(-50%); width:78%; height:auto; z-index:2; animation:luckybox_updown01 1.5s infinite linear alternate forwards; -webkit-animation:luckybox_updown01 1.5s infinite linear alternate forwards; }
.luckybox_view .box_visual .box_luckybox_item .deco_txt { position:absolute;  left:51%; bottom:43%;  transform:translateX(-50%); -webkit-transform:translateX(-50%); width:78%; height:auto; z-index:1; }
.luckybox_view .box_visual .box_luckybox_item .shadow { position:absolute; left:19%; bottom:30%; width:66%; height:auto; z-index:1; mix-blend-mode:multiply; }

@keyframes luckybox_updown01 {
    0% { bottom: 43%; }
    100% { bottom: 40%; }
}

@keyframes luckybox_rotate{
    0% { transform:translateX(-50%) rotate(-5deg); -webkit-transform:translateX(-50%) rotate(-5deg); }
    50% { transform:translateX(-50%) rotate(0deg);  -webkit-transform:translateX(-50%) rotate(-5deg); }
    100% { transform:translateX(-50%) rotate(5deg); -webkit-transform:translateX(-50%) rotate(-5deg); }
}*/

.luckybox_view .box_visual .box_luckybox_item .box_btn_open { position:absolute; bottom:19%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%;  }
.luckybox_view .box_visual .box_luckybox_item .box_btn_open .cm_txt { color:#fff; font-weight:500; }
.luckybox_view .box_visual .box_luckybox_item .box_btn_open .btn_open { display:block; width:300px; height:35px; max-height:50px; margin:0 auto; border-radius:5px; color:#000; font-weight:700; letter-spacing:1px; font-size:0.938rem;  background:linear-gradient( 270deg, #b033ba, #ffea91); background-size:150% 150%; animation: luckbox_btn_bg 10s alternate infinite; -webkit-animation: luckbox_btn_bg 3s alternate infinite; z-index:4; }
@keyframes luckbox_btn_bg {
    0% { background-position:0% 50%; }
    50% { background-position:100% 50%; }
    100% { background-position:0% 50%; }
}


.luckybox_view .box_visual .box_luckybox_item .box_luckybox_name { position:absolute; top:12.45%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:130px; color:#fff; text-align:center; z-index:3;} 
.luckybox_view .box_visual .box_luckybox_item .box_luckybox_name.cm_subtit { display:none; font-weight:700; }

.luckybox_view .box_visual .box_arrow { display:none; position:absolute; top:12.45%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:178px; height:24px; z-index:2; }
.luckybox_view .box_visual .box_arrow .btn_arrow { position:absolute; left:0; width:24px; height:24px; background:url(/images/common/ic-slide-arrow.png)no-repeat; background-size:cover; }
.luckybox_view .box_visual .box_arrow .btn_arrow.btn_next { left:auto; right:0; background-position-x:-24px; }
.luckybox_view .box_visual .box_arrow .btn_arrow.slick-disabled { opacity:0.25; }

.luckybox_view .box_bn { position:absolute; left:0; bottom:0; width:100%; height:60px; transition:display 0.2s linear; }
.luckybox_view .box_bn img { display:block; width:100%; height:100%; margin:0 auto; }
.luckybox_view .box_bn .btn_close { display:block; position:absolute; top:10px; right:10px; width:16px; height:16px; }

.luckybox_view .box_visual_open { position:relative; height:calc(100vh - 102px); height:calc(100dvh - 102px); overflow:hidden; }
.luckybox_view .box_visual_open li { position:relative; height:calc(100vh - 102px); height:calc(100dvh - 258px); }
.luckybox_view .box_visual_open .box_img { display:block; position:absolute; top:20px; left:0; width:100%; height:calc(100vh - 258px); height:calc(100dvh - 258px); }
.luckybox_view .box_visual_open .box_img img { width:100%; height:100%; object-fit:cover;  }
/*
.luckybox_view .box_visual_open .box_img.gold  {background-image: linear-gradient(to bottom, #6a4c1e, #e1c191, #180d00);  }
.luckybox_view .box_visual_open .box_img.platinum  {background-image: linear-gradient(to bottom, #692a6f, #b991bd, #000); }
*/
.luckybox_view .box_visual_open .box_img .box { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:45%; height:auto; z-index:3;  animation:luckybox_updown02 1s infinite linear alternate forwards, luckybox_rotate02 1s infinite linear alternate forwards; -webkit-animation:luckybox_updown02 1s infinite linear alternate forwards, luckybox_rotate02 1s infinite linear alternate forwards; }
.luckybox_view .box_visual_open .box_img .deco { position:absolute;  left:51%; top:50%;  transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:78%; height:auto; z-index:2; animation:luckybox_updown02 1.5s infinite linear alternate forwards; -webkit-animation:luckybox_updown02 1.5s infinite linear alternate forwards; }
.luckybox_view .box_visual_open .box_img .deco_txt { position:absolute; left:51%; top:50%;  transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:78%; height:auto; z-index:1; }
.luckybox_view .box_visual_open .box_img .shadow { position:absolute; left:19%; bottom:5%; width:66%; height:auto; z-index:1; mix-blend-mode:multiply; }


@keyframes luckybox_rotate02{
    0% { transform:translate(-50%, -50%) rotate(-5deg); -webkit-transform:translate(-50%, -50%) rotate(-5deg);}
    50% { transform:translate(-50%, -50%) rotate(0deg);  -webkit-transform:translate(-50%, -50%) rotate(0deg); }
    100% { transform:translate(-50%, -50%) rotate(5deg);  -webkit-transform:translate(-50%, -50%) rotate(0deg); }
}

@keyframes luckybox_updown02 {
    0% { top:50%; }
    100% { top:52%; }
}

.luckybox_view .box_option { position:absolute; bottom:0; left:0; width:100%; height:auto; padding:15px; background:#fff; z-index:10; }
.luckybox_view .box_option .box_kind { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:0 10px; display:none; }
.luckybox_view .box_option .box_kind input { display:none; }
.luckybox_view .box_option .box_kind input + label { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex:1 1 calc(50% - 5px); -ms-flex:1 1 calc(50% - 5px); flex:1 1 calc(50% - 5px); padding:10px; border:1px solid #ddd; border-radius:5px; text-align:center; cursor:pointer; flex-direction: column; justify-content: center; align-self:stretch;  }
.luckybox_view .box_option .box_kind input + label .cm_txt { font-weight:700 !important; }
.luckybox_view .box_option .box_kind input:checked + label { border:1px solid #222; }

.luckybox_view .box_option .box_amount { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 10px; }
.luckybox_view .box_option .box_amount .box_value { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 5px;  }
.luckybox_view .box_option .box_amount .box_value input { display:none; }
.luckybox_view .box_option .box_amount .box_value input + label { width:45px; height:25px; border-radius:3px; border:1px solid #ddd; font-size:0.75rem; line-height:25px; text-align:center; cursor:pointer; }
.luckybox_view .box_option .box_amount .box_value input:checked + label { border:1px solid #222; }

.luckybox_view .box_option .box_price  { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 10px; }
.luckybox_view .box_option .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 10px;  }
.luckybox_view .box_option .box_btn .cm_btn { -webkit-flex:1 1 45%; -ms-flex:1 1 45%; flex:1 1 45%; height:40px; border-radius:5px; font-size:0.938rem; line-height:22px; }

.luckybox_view .box_notice { position:absolute; top:0; left:0; width:100%; height:30px; padding:7px 15px 7px 40px; background:#222; overflow:hidden;  z-index:4; }
.luckybox_view .box_notice a { display:inline-block; overflow:hidden; }
.luckybox_view .box_notice a + a{ margin-left:40px; }
.luckybox_view .box_notice .ic { position:absolute; top:50%; left:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:15px; height:15px; background:url('/images/LuckyBox/ic-regular-megaphone.png') no-repeat; background-size:100%;  }
.luckybox_view .box_notice span { display:inline-block; }

.luckybox_view .box_navigation { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; align-items:center; align-self:center; gap:0 30px; position:sticky; bottom:0; left:0; width:100%; padding:10px; background:#fff; }
.luckybox_view .box_navigation li { -webkit-flex:1 0 40px; -ms-flex:1 0 40px; flex:1 0 40px; }
.luckybox_view .box_navigation a { display:block; width:auto; height:100%; margin:auto; cursor:pointer; }
.luckybox_view .box_navigation .ic { display:block; width:24px; height:24px; margin:0 auto 4px; }
.luckybox_view .box_navigation p{ display:block; font-size:0.5625rem; line-height:12px; text-align:center; }

.luckybox_view .box_filter { position:relative; padding-right:30px; }
.luckybox_view .box_filter .btn_align { display:block; position:absolute; top:0; right:0; width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%; }

.luckybox_view .list_cont.horizon03 .cm_thumb_wrap { border-radius:5px; }
.luckybox_view .list_cont.horizon03:first-child { border-top:1px solid #ededed; }
.luckybox_view .list_cont.horizon03 strong { color:#b033ba; }

.luckybox_view .box_inventory_btn { display:-webkit-box; display:-ms-flexbox; display:flex; position:fixed; bottom:0; left:0; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; align-items:center; gap:0 10px; width:100%; padding:15px; background:#fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }
.luckybox_view .box_inventory_btn .cm_btn { -webkit-flex:1 1 33.33%; -ms-flex:1 1 33.33%; flex:1 1 33.33%; height:40px; border-radius:5px; }
.luckybox_view .box_inventory_btn .cm_btn small { vertical-align:baseline; }

.luckybox_view.inventory .contents01 { min-height:calc(100vh - 270px); min-height:calc(100dvh - 270px); padding-bottom:70px !important; }
.luckybox_view.inventory .box_tab { width:calc(100% + 30px); padding:0 15px; margin-left:-15px; overflow-x:auto; -ms-overflow-style: none; scrollbar-width: none; }
.luckybox_view.inventory .box_tab::-webkit-scrollbar { display: none; }
.luckybox_view.inventory .cm_tab.round_style { transform: translate(0, 0); display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; width:min-content; margin:unset; }
.luckybox_view.inventory .cm_tab.round_style .cm_tab_menu { white-space:nowrap;  }
.luckybox_view.inventory .list_wrap.flex_column .list_cont.horizon03 dl{ gap:0; }
.luckybox_view.inventory .list_wrap.flex_column .list_cont.horizon03 dl .box_badge { display:-webkit-box; display:-ms-flexbox; display:flex; height:auto; margin-top:5px; }
.luckybox_view.inventory .list_wrap.flex_column .list_cont.horizon03 dl .box_badge .cm_badge {  margin-left:0; }
.luckybox_view.inventory .list_wrap.flex_column .list_cont.horizon03 dl .box_badge .cm_badge + .cm_badge { margin-left:5px; }

.luckybox_view.news .list_cont.horizon03 { padding-right:0; cursor:default; }
.luckybox_view.news .list_cont.horizon03  strong { color:#b033ba; }
.luckybox_view.news .list_cont.horizon03 .cm_thumb_wrap{ cursor:pointer; }

.luckybox_view.notice .cm_board_view { border-top:1px solid #ededed; }

.luckybox_view.mypage .box_possession { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; gap:0 10px; justify-content:space-between; }
.luckybox_view.mypage .box_possession li { width:calc(50% - 5px); height:40px; padding:9px 5px; border-radius:5px; background:#fff; color:#b033ba; font-size:0.938rem; font-weight:700; line-height:22px; text-align:center; }

.luckybox_view.mypage .btn_charge { width:100%; height:40px; border-radius:5px; color:#fff; font-size:0.938rem; font-weight:700; line-height:40px; text-align:center;  background-image:linear-gradient(to right, #b033ba 0%, #692a6f 100%); }

.luckybox_view.mypage .bort { border-top:2px solid #222; }
.luckybox_view.mypage .box_tit { padding:15px 0; }
.luckybox_view.mypage .box_align { position:relative; width:calc(100% + 30px); min-height:40px; margin-left:-15px; padding:10px 15px; background:#f8f8f8; }
.luckybox_view.mypage .box_align .btn_align { display:block; position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:20px; height:20px; background:url('/images/common/ic_filter.png') no-repeat; background-size:100%;   }
.luckybox_view.mypage .box_align .btn_arrow { display:block; position:absolute; top:50%; left:calc(50% - 75px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:24px; height:24px; background:url('/images/common/ic-slide-arrow.png'); background-size:cover; }
.luckybox_view.mypage .box_align .btn_arrow.btn_next { left:auto; right:calc(50% - 75px); background-position-x:-24px; }
.luckybox_view.mypage .box_align .btn_arrow.slick-disabled { opacity:0.25; }
.luckybox_view.mypage .box_align .box_date { display:block; width:75px; margin:0 auto; text-align:center; }

.luckybox_view.mypage .list_wrap .list_cont.horizon01 { cursor:default; }
.luckybox_view.mypage .list_wrap .list_cont.horizon01 .box_flex { justify-content:space-between; }
.luckybox_view.mypage .list_wrap .list_cont.horizon01 .box_flex .box_value { display:block; -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; width:100px; padding:0 !important; text-align:right; }

.luckybox_view.mypage .list_wrap .detail_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px 0; }
.luckybox_view.mypage .list_wrap .detail_wrap .box_detail { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; gap:0 10px; width:100%; justify-content:space-between; align-items:flex-start; align-self:center; }
.luckybox_view.mypage .list_wrap .detail_wrap .box_detail .grade { display:block; -webkit-flex:0 0 60px; -ms-flex:0 0 60px; flex:0 0 60px; width:60px;  }
.luckybox_view.mypage .list_wrap .detail_wrap .box_detail .item { display:block;  -webkit-flex:1 1 calc(100% - 120px); -ms-flex:1 1 calc(100% - 120px); flex:1 1 calc(100% - 120px); }
.luckybox_view.mypage .list_wrap .detail_wrap .box_detail .state { display:block; -webkit-flex:0 0 20px; -ms-flex:0 0 20px; flex:0 0 30px; width:20px; text-align:right; }

/*
.view { overflow:hidden; }

.view .cm_badge_wrap { float:left; width:100%; margin-bottom:5px; }
.view .cm_badge_wrap .date , .view .cm_badge_wrap .data { float:right; margin-right:0; line-height:20px;}

.view .cm_subtit { margin-bottom:10px; line-height:24px; font-weight:700 }
.view .cm_subtit .im { margin:0px 0 0 5px; color:#222; font-size:18px; vertical-align:middle; }
.view .cm_txt { line-height:20px; }
.view .cm_txt { line-height:20px; }

.view_info { position:relative; min-height:60px; margin-bottom:10px; overflow:hidden; clear:left;}
.view_info .tit { display:block; width:calc(100% - 75px); font-weight:700; font-size:0.938rem; line-height:22px; }
.view_info .mentor_slogan { display:block; width:calc(100% - 75px); color:#777; font-size:0.813rem; line-height:20px; }
.view_info .cm_mentor_name { display:inline-block; margin-top:20px; }
.view_info .cm_btn_interest { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.view_cont { padding:15px; background:#fff; box-sizing:border-box; overflow:hidden;  }
.view_cont .noti { display:block; color:#999; text-align:center; }
    */
/*


.view_desc_wrap { position:relative; overflow:hidden; }
.view_desc_wrap img { display:block; width:100%; height:auto; }
.view_desc_wrap:first-of-type { margin-top:0; }
.view_desc_wrap .cm_subtit { margin-bottom:10px; }
.view_desc_wrap .cm_subtit .btn_write { float:right; height:26px; padding:0 10px; font-size:0.813rem; line-height:26px; text-align:center; box-sizing:border-box; }

.view_desc { border:1px solid #ddd; background:#fff; overflow:hidden; }
.view_desc img { display:block; width:100%; }
.view_desc.txt { padding:20px 15px; border-top:2px solid #222; background:#fff; color:#555; font-size:0.813rem; font-family:'Noto Sans KR' !important; line-height:20px; }
.view_desc.txt p { font-size:0.813rem; font-family:'Noto Sans KR' !important; }
.view_desc.txt div { height:auto !important; }
.view_desc.txt div iframe { height:auto !important; }
.view_desc.bg_img { padding:0; border:0; }
.view_desc.interview { border-top:2px solid #222; }
.view_desc.interview .interview_list { display:none; border-top:1px solid #ddd; }
.view_desc.interview .interview_list:nth-child(1) { display:block; }
.view_desc.interview .interview_list:nth-child(2) { display:block; }
.view_desc.interview .interview_list:first-child {  border-top:0; }
.view_desc.interview .question { min-height:34px; padding:8px 15px; border-bottom:1px solid #ddd; background:#f8f8f8; color:#222; font-size:0.938rem; font-weight:600; box-sizing:border-box; line-height:22px; overflow:hidden; }
.view_desc.interview .question strong { margin-right:5px; }
.view_desc.interview .answer { padding:15px; color:#777; font-size:0.813rem; line-height:22px; box-sizing:border-box; }
.view_desc.interview .answer * { font-family:'Noto Sans KR' !important; font-size:0.813rem !important; }
.view_desc.interview .answer img { margin:5px 0; }
    */
/*테이블 뷰폼
.board_view  h3.cm_txt > .im { padding:-2px 3px 0 0; font-size:90%; vertical-align:middle; }
.board_view .cm_table_wrap .box_detail h2 { width:100%; padding:15px; margin-bottom:10px; border:1px solid #d9ddee; border-radius:10px; background:#eaedfb; color:#4e2cb1; font-size:1.125rem; line-height:25px; }
.board_view .cm_table_wrap .box_detail h2 .im { margin:0 5px 0 0; vertical-align:middle; }
.board_view .cm_table_wrap .box_detail p { font-size:100%; font-family:'Noto Sans KR'; line-height:normal; }
.board_view .cm_table_wrap .box_detail p span { font-family:'Noto Sans KR' !important; line-height:normal; }
.board_view .cm_table_wrap .box_detail .noti { display:block; margin:20px 0 0 0; color:#999; font-size:0.813rem; }
.board_view .cm_table_wrap .cm_form.select { background-position:95% center; }
.board_view .box_btn.bottom { margin:30px 0; overflow:hidden; }
.board_view .box_btn.bottom .cm_btn_line { float:left; width:60px; height:28px; line-height:28px; }
.board_view .box_btn.bottom .cm_btn_line a { display:block; }
.board_view .box_btn.bottom .cm_btn_bg { float:left; width:60px; height:28px; line-height:30px; }
.board_view .box_btn.bottom .cm_btn_bg a { display:block; }
.board_view .box_btn.bottom .btn_next { margin-left:10px; }
.board_view .box_btn.bottom .btn_reset { margin-left:10px; }
.board_view .box_btn.bottom .btn_list { float:right; }
.board_view .noti { margin-bottom:30px; font-size:0.813rem; line-height:20px; }
.board_view .box_detail * { width:100% !important; margin-left:0 !important; font-family:'Noto Sans KR' !important; word-break:break-word; word-wrap:break-word;  }
.board_view .box_detail .btn_recommend { width:150px !important; height:40px; margin:25px auto !important; border-radius:10px; font-size:95%; line-height:40px; text-align:center; }
.board_view .box_detail img { width:100% !important; min-width:100%; max-width:100%; height:auto; }
.board_view .box_detail .cm_btn_interest { position:relative; left:calc(50% - 75px); width:150px !important; height:38px; margin:25px auto !important; border-radius:10px; font-size:0.938rem; line-height:38px; text-align:center; }
.board_view .box_detail .cm_btn_interest .im { width:auto !important; margin-top:0 !important; font-family:'iconmonstr-iconic-font'!important; }

*/
/*아카데미 뷰
.education_view.detail_view { margin-bottom:125px; }
.education_view.detail_view .cm_paging_wrap { margin-bottom:0 !important; }
.education_view.detail_view .contents01 .view_desc_wrap { margin-bottom:30px !important; }
  
.education_view .cm_thumb_wrap { min-height:100px; margin-top:15px; border-radius:0; }
.education_view .cm_thumb_wrap .cm_btn_curri { position:absolute; left:15px; bottom:10px; line-height:25px; }
.education_view .view_cont { padding:0; overflow:visible }
.education_view .view_cont:after { display:block; content:''; clear:both; }
.education_view .info_desc { position:relative; padding:20px 15px 25px 15px; border:1px solid #ddd; border-bottom:0; box-sizing:border-box; }
.education_view .cm_info_desc .tit { width:80px; padding-left:10px; }
.education_view .cm_info_desc .txt { float:left; width:calc(100% - 90px); margin:0; font-weight:500; font-size:0.813rem; vertical-align:middle;  }
.education_view .cm_info_desc .txt > span { display:inline-block; float:left; margin-right:5px; font-size:0.813rem; }
.education_view .cm_info_desc .txt .cm_badge { display:inline-block; float:none; margin-left:5px; color:#222!important; font-size:0.813rem; line-height:20px; vertical-align:middle; }
.education_view .cm_btn_appraisal { position:absolute; top:10px; right:15px; }
.education_view.paid_detail .cm_view_cont .box_subject .cm_subtit { margin:0 0 10px 0; }
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor { margin-top:0; }
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .cm_mentor_name { margin:0; line-height:21px; }
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn { align-items:center; gap:0 6px; margin-top:4px; overflow:visible; }
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .cm_btn_interest,
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .cm_btn.line_gray,
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .cm_btn_appraisal,
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .paid_detail_compact_action_btn { margin-top:0; }
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .cm_btn_appraisal,
.education_view.paid_detail .cm_view_cont .box_subject .box_mentor .box_btn .paid_detail_compact_action_btn {
    position:static;
    top:auto;
    right:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:44px;
    height:25px;
    padding:0 8px;
    line-height:23px;
    vertical-align:top;
}
.education_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .cm_btn_appraisal,
.education_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .paid_detail_compact_action_btn {
    position:static;
    top:auto;
    right:auto;
    margin-top:0;
}
.education_view .cm_view_cont .box_subject.paid_detail_compact_subject .cm_mentor_name { margin:0; }
.education_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .box_btn .cm_btn_interest,
.education_view .cm_view_cont .box_subject.paid_detail_compact_subject .box_mentor.paid_detail_compact_mentor .box_btn .cm_btn.line_gray {
    margin-top:0;
}
.education_view .noti { margin:15px 0 0 0; }
.education_view .btn_subscribe { width:100%; height:50px; margin-top:15px; border-radius:10px; font-size:0.938rem; line-height:50px; }
.education_view .btn_subscribe small { margin-left:5px; font-weight:400; font-size:0.813rem; }
.education_view .btn_subscribe small.small { margin:0; font-size:0.688rem; }

.education_view .box_bn_benefit { margin-top:15px; overflow:hidden; }
.education_view .box_bn_benefit img { display:block; width:100%; height:auto; }

.education_view .info_desc.event { padding:0 15px 15px 15px; margin:-10px 0 0 0;  border-top:0; border-bottom:0; text-align:center; }
.education_view .info_desc.event .box_move { display:inline-block; width:100%; height:auto; padding:5px 0; border:1px dashed #e8373d; border-radius:5px; background:#ffefef; line-height:25px; }
.education_view .info_desc.event .ic_badge { width:auto; height:25px; padding:2px 10px; margin-right:5px; background:#e8373d; color:#fff!important; border-radius:15px; font-size:0.813rem; }
.education_view .info_desc.event .txt { display:inline-block; margin-top:-3px; font-weight:500; font-size:0.813rem; vertical-align:middle; }
.education_view .info_desc.event .txt .im { margin:-1px 0 0 3px; font-size:100%; vertical-align:middle; }

.education_view .info_desc.add { display:-webkit-box; display:-ms-flexbox; display:flex; padding:0; height:50px; border-bottom:1px solid #ddd; }
.education_view .info_desc.add .cm_btn_line { float:left; -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; height:100%; border:0; }
.education_view .info_desc.add .cm_btn_line + .cm_btn_line { border-right:1px solid #ddd; }
.education_view .info_desc.add .cm_btn_line .im { margin:-1px 5px 0 0; }
.education_view .info_desc.add .cm_btn_line .num { display:inline-block; margin-top:-2px; margin-left:10%; font-size:0.938rem; vertical-align:middle; }

.education_view .memtor_comment { margin-top:20px; overflow:hidden; }
.education_view .memtor_comment .cm_txt { display:block; margin-bottom:5px; text-align:left; font-weight:700; }
.education_view .memtor_comment .cm_txt .im { position:relative; top:1px; margin:1px 5px 0 0; font-size:90%; vertical-align:initial; }
.education_view .memtor_comment .cm_smtxt { line-height:21px; }

.education_view .box_bn { width:100%; padding:15px; margin:0 auto 30px auto; border-radius:10px; background:#f8f8f8; letter-spacing:normal; overflow:hidden; }
.education_view .box_bn .bn_type { float:left; width:60px; height:60px; padding-top:10px; border-radius:10px; border:1px solid #ddd; color:#ff7500; text-align:center; overflow:hidden;}
.education_view .box_bn .box_btn { float:left; width:calc(100% - 75px); margin-left:15px; }
.education_view .box_bn .box_btn button { display:block; float:left; position:relative; width:calc(50% - 5px); height:60px; margin-right:10px; border:1px solid #eee; border-radius:10px; background-color:#fff; color:#444; box-sizing:border-box; box-shadow:1px 1px 3px rgba(000,000,000,0.1); overflow:hidden; }
.education_view .box_bn .box_btn button:last-of-type { margin-right:0; }
.education_view .box_bn .box_btn button .im { margin:0 3px 0 0; color:#ff7500; font-size:90%; vertical-align:middle; }

.education_view .view_desc_wrap.intro { margin-bottom:30px; }
.education_view .view_desc_wrap.intro div { height:auto !important; }
.education_view .view_desc_wrap.intro img + br { display:none; }
.education_view .view_desc_wrap.intro img + br + br { display:none; }

.education_view .box_tab { width:100%; border-bottom:1px solid #ddd; border-top:0; background:#fff; overflow-x:auto; -ms-overflow-style: none;  }
.education_view .box_tab.fixed { position:fixed; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);  z-index:10; }

.education_view .box_tab::-webkit-scrollbar { display: none; }
.education_view .box_tab .cm_tab::before { display: none; }
.education_view .box_tab .cm_tab_menu { width:auto !important; padding:0 15px; border-bottom:0; }
.education_view .box_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }

.education_view .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.education_view .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_view .free_vod_detail_view { padding:15px 0 0; }
.education_view .free_vod_detail_view .box_subject { width:100%; }
.education_view .free_vod_detail_view .cm_contents .box_tab { width:100%; }
.education_view .free_vod_detail_view .cm_contents .box_view { padding:0 15px 30px !important; }
.education_view .free_vod_detail_view .cm_contents .box_view .box_cont { margin-top:0; }

.education_view .free_lecture_detail_view { padding:15px 0 0; }
.education_view .free_lecture_detail_view .box_subject { width:100%; }
.education_view .free_lecture_detail_view .cm_contents .box_tab { width:100%; }
.education_view .free_lecture_detail_view .cm_contents .box_view { padding:0 15px 30px !important; }
.education_view .free_lecture_detail_view .cm_contents .box_view .box_cont { margin-top:0; }
/*아카데미 강의소개
.education_view .view_desc li { height:80px; box-sizing:border-box; border:1px solid #ccc; border-bottom:0; overflow:hidden; }
.education_view .view_desc li:last-child { border-bottom:1px solid #ccc; }
.education_view .view_desc li div { float:left; position:relative; overflow:hidden; }
.education_view .view_desc li .box_img { width:100px; height:100%; border-right:1px solid #ccc; box-sizing:border-box; text-align:center; }
.education_view .view_desc li .box_img img { display:inline-block; margin-top:14px; width:30px; height:auto; vertical-align:middle; }
.education_view .view_desc li .box_img .tit { display:inline-block; font-size:0.938rem; font-weight:700; vertical-align:middle; }
.education_view .view_desc li .box_info_desc { width:calc(100% - 100px); height:100%; padding:5px 0; background:#f8f8f8; font-size:0.688rem; line-height:16px; }
.education_view .view_desc li .box_info_desc .txt { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; padding:0 10px; }
.education_view .view_desc li.non_data { opacity:0.4; }



.education_view .view_desc_list + .view_desc_list { margin-top:30px; }

.education_view .view_desc_list + .view_desc_wrap { margin-top:30px; }
*/
/*아카데미 구독회원게시판
.education_view .cm_form_wrap { margin-bottom:10px; }
.education_view .btn_write { width:100%; height:40px; margin:10px auto 20px auto; border-radius:10px; font-size:0.938rem; text-align:center; clear:both; }
.education_view .list_cont.horizon05 .tit { height:auto; }

.education_view .box_btn.bottom { margin:30px 0 50px 0; overflow:hidden; }
.education_view .box_btn.bottom .cm_btn_line { float:left; width:60px; height:30px; line-height:28px; }
.education_view .box_btn.bottom .cm_btn_line a { display:block; }
.education_view .box_btn.bottom .cm_btn_bg { float:left; width:60px; height:30px; line-height:30px; }
.education_view .box_btn.bottom .cm_btn_bg a { display:block; }
.education_view .box_btn.bottom .btn_next { margin-left:10px; }
.education_view .box_btn.bottom .btn_reset { margin-left:10px; }
.education_view .box_btn.bottom .btn_list { float:right; }
.education_view .btn_submit { width:150px; height:40px; margin:30px auto 20px auto; background:#222; color:#fff; font-size:0.938rem; line-height:40px; text-align:center; }
.education_view .view_cont .info_desc .cm_info_desc .bull::before { margin:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.education_view .cm_subtit .btn_write { display:inline-block; float: right; width:auto; height: 26px; padding: 0 10px; margin:0; border-radius:0; font-size:0.813rem; line-height: 26px; text-align: center; box-sizing: border-box; }
    */
/*멘토 무료 특강
.free_view .contents01 { padding:20px 15px 30px 15px; }
.free_view .contents02 { padding:30px 0 50px 0; }
.free_view .view_info .cm_subtit { margin-bottom:0; font-weight:700; font-size:1.125rem; line-height:22px; clear:both; }
.free_view .cm_txt { margin-top:2px; color:#777; font-size:0.938rem; line-height:20px; }
.free_view .cm_mentor_name { display:block; margin:10px 0 15px 0; }
.free_view .cm_thumb_wrap { display:block; margin:10px 0 15px 0; }
.free_view .list_cont.horizon02 .cm_thumb_wrap { margin:0 10px 0 0; }
*/
/*멘토 상세
.mentor_view .cm_mentor_name { margin:0 10px 0 0; vertical-align:middle; }
.mentor_view .cm_btn_katalk { margin-top:-2px; vertical-align:middle; line-height:20px; }
.mentor_view .mentor_slogan { margin:5px 0 20px 0; }
.mentor_view .cm_mentor_reason { border:1px solid #ddd; border-top:0; background:#fff;}
.mentor_view .cm_tendency_wrap { margin-bottom:15px; }
.mentor_view .cm_tendency_wrap .cm_badge { height:17px; padding:0 8px; font-size:0.813rem; line-height:19px; }
.mentor_view .cm_info_desc { width:calc(100% - 120px);}

.mentor_view .view_cont { position:relative; border:1px solid #ddd; border-top:2px solid #222; box-sizing:border-box; }
.mentor_view .view_cont .cm_thumb_wrap { position:absolute; top:15px; right:15px; width:60px; height:60px; border-radius:10px; border:1px solid #ddd; }
.mentor_view .view_cont .cm_thumb_wrap img { height:100%; }
.mentor_view .view_cont .mentor_img { position:absolute; bottom:0; right:0; width:135px; height:90%; max-height:135px; overflow:hidden; }
.mentor_view .view_cont .mentor_img img { display:block; position:absolute; bottom:0; right:0; height:100%; max-height:135px; }

.mentor_view .view_cont.img { padding:0; border:1px solid #ddd; }
.mentor_view .view_cont.img img { display:block; width:100%; height:auto; }

.mentor_view .btn_more {  width:100%; margin-top:10px; font-size:0.938rem; text-align:center; }
.mentor_view .btn_more .im {  margin:0 3px; font-size:80%; }
.mentor_view .box_view_detail { position:relative; overflow:hidden; }
.mentor_view .cm_tab.num04.min_menu { text-align:center; }
.mentor_view .cm_tab.num04.min_menu li { display:inline-block; float:none; }
.mentor_view .cm_tab { border-top:1px solid #ddd; }
.mentor_view .cm_tab .cm_tab_menu { border-bottom:0; }
.mentor_view .cm_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }

.mentor_view .review_slide{ display:block; width:100%; height:103px; overflow:hidden;}
.mentor_view .review_slide .review_slide_list{ display:block; width:100%; height:103px; padding:14px 15px; box-sizing:border-box; overflow:hidden;}
.mentor_view .review_slide .review_slide_list .review_desc{ float:left; width:calc(100% - 80px); height:75px; overflow:hidden;}
.mentor_view .review_slide .review_slide_list .review_desc .tit{ width:100%; height:20px; color:#222; font-size:0.813rem; font-weight:700; line-height:18px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }
.mentor_view .review_slide .review_slide_list .review_desc .article{ width:100%; height:35px; margin-top:3px; color:#777; font-size:0.688rem; font-weight:500; line-height:17px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; }
.mentor_view .review_slide .review_slide_list .review_desc .date{ width:100%; height:16px; margin-top:2px; color:#999; font-size:0.688rem; line-height:14px; }
.mentor_view .review_slide .review_slide_list .review_desc .date strong:before{ content:''; display:inline-block;  width:1px; height:12px; margin:0 8px; background-color:#999; vertical-align:middle; }
.mentor_view .review_slide .review_slide_list .img_area{ float:right; position:relative; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:60px; height:60px; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.mentor_view .review_slide .review_slide_list .img_area img{position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:auto; height:100%; }

.mentor_view .cm_info_desc span { float:none; }
.mentor_view .list_cont.horizon04 .cm_badge_wrap { margin-bottom:0;}
*/


/*주식리딩 상세
.leading_view .contents01 { padding:20px 15px 30px; }
.leading_view .contents02 { padding:0; padding-bottom:50px; }
.leading_view .contents02 .cm_subtit { padding:0; font-weight:700; }
.leading_view .contents02 .cm_subtit .btn_detail { font-weight:500; }
.leading_view .contents02 > .cm_xsmtxt { padding:0;  }
.leading_view .contents02 .cm_xsmtxt.non { padding:0; }
.leading_view .contents02.subscribe { padding:0; }

.leading_view .view_info { min-height:inherit; margin:0; }
.leading_view .view_info .cm_mentor_name { margin:0; line-height:25px; }
.leading_view .view_info .cm_mentor_name .im-angle-right { margin-left:3px; }
.leading_view .view_info .btn_guide { float:right; height:25px; padding:0 10px; border:1px solid #ddd; background:#fff; color:#777; font-size:0.813rem; line-height:23px; }
.leading_view .view_info .box_tit { color:#777; font-size:0.813rem; line-height:20px; }

.leading_view .view_cont { position:relative; padding:15px; border:1px solid #ddd; border-top:2px solid #222; border-bottom:0; }
.leading_view .view_cont .cm_info_desc { width:65%; min-height:70px; }
.leading_view .view_cont .cm_info_desc .bull{ display:block; width:100%; }
.leading_view .view_cont .cm_thumb_wrap { position:absolute; top:15px; right:15px; width:58px; height:58px; border:1px solid #ddd; border-radius:3px; overflow:hidden; }
.leading_view .view_cont .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.leading_view .view_cont .mentor_img { position:absolute; bottom:0; right:0; width:37%; height:131px; }
.leading_view .view_cont .mentor_img img { position:absolute; bottom:0; left:0; max-height:131px; }

.leading_view .view_desc_wrap { padding:0 15px; }
.leading_view .view_desc_wrap.bg { padding:30px 15px; background:#f8f8f8;  }

.leading_view .view_desc_wrap .cm_subtit { overflow:hidden; }
.leading_view .view_desc_wrap .cm_subtit .im { margin:0 0 0 5px; font-size:95%; vertical-align:middle; }
.leading_view .view_desc_wrap .cm_subtit .btn_detail{ display:inline-block; float:right; height:20px; padding:0 10px; margin-top:3px; margin-left:5px; border:1px solid #ddd; border-radius:5px; font-size:0.688rem; line-height:20px; }
.leading_view .view_desc_wrap .cm_subtit .btn_brodcast { display:inline-block; float:right; height:20px; padding:0 10px; margin-top:3px; border:1px solid #ddd; border-radius:5px; font-size:0.688rem; line-height:20px; }
.leading_view .view_desc_wrap .cm_subtit .btn_brodcast i { display:inline-block; margin:0 5px 0 0; width:3px; height:3px; border-radius:50%; background-color:#e8383c; vertical-align:middle; }

.leading_view .view_desc_wrap .cm_subtit .box_btn { display:inline-block; float:right; width:auto; height:auto; padding:0; margin:0; border:0; overflow:hidden; }
.leading_view .view_desc_wrap .cm_subtit .box_btn .btn_detail { float:left; }
.leading_view .view_desc_wrap .cm_subtit .box_btn .btn_brodcast { float:left; }

.leading_view .view_desc_wrap .cm_subtit .box_arrow { float:right; width:47px; height:24px; margin-top:2px; border:1px solid #ddd; background:#fff; overflow:hidden; }
.leading_view .view_desc_wrap .cm_subtit .box_arrow li { float:left; position:relative; width:50%; height:25px; cursor:pointer; }
.leading_view .view_desc_wrap .cm_subtit .box_arrow li.btn_left { border-right:1px solid #ddd; }
.leading_view .view_desc_wrap .cm_subtit .box_arrow li a { display:block; }
.leading_view .view_desc_wrap .cm_subtit .box_arrow li .im { position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:80%; margin:0; }
.leading_view .view_desc_wrap .cm_subtit .btn_more { float:right; width:24px; height:24px; margin-top:2px; color:#999; text-align:right; }
.leading_view .view_desc_wrap .cm_subtit .btn_more .im { font-size:18px; line-height:24px; }
.leading_view .view_desc_wrap .cm_subtit .btn_write { float:right;  width:70px; height:23px; margin-top:2px; font-size:0.813rem; line-height:23px; text-align:center; }

.leading_view .view_desc_wrap .cm_reply_slide.style02 .cm_reply_list .cm_user_name { overflow:visible; }

.leading_view .view_desc_wrap.recent { padding: 0;}
.leading_view .view_desc_wrap.recent .cm_subtit { padding:0 15px;}

.leading_view .cm_tooltip_desc .tooltip_article{ margin-top:0; margin-left:0; font-size:0.688rem; line-height:16px;  }

.leading_view .box_stock { width:100%; height:80px; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style: none; }
.leading_view .box_stock::-webkit-scrollbar { display:none; }
.leading_view .box_stock .list_wrap { padding:0 15px; }
.leading_view .box_stock li { float:left; width:120px; height:80px; padding:15px 10px; margin-left:10px; border:1px solid #ddd; border-top:2px solid #222; }
.leading_view .box_stock li:first-child { margin-left:0; }
.leading_view .box_stock li span { display:block; text-align:center; }
.leading_view .box_stock li .value { color:#777; font-size:0.938rem; line-height:22px; }
.leading_view .box_stock li .stock  { display:-webkit-box; margin-top:5px; font-size:0.813rem; line-height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.leading_view .box_stock.non_data { width:calc(100vw - 30px); height:80px; padding:15px 10px; border:1px solid #ddd; border-top:2px solid #222; color:#999; font-size:0.813rem; line-height:47px; text-align:center; }

.leading_view .box_leading { position:relative; width:100%; height:240px; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.leading_view .box_leading img { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto; }
.leading_view .box_leading.non_data { display:block; width:100%; height:auto; color:#999; font-size:0.813rem; line-height:237px; text-align:center;}

.leading_view .box_freebrod .view_desc_list { border:1px solid #ddd; border-top:2px solid #222; border-bottom:0; overflow:hidden; }
.leading_view .box_freebrod .view_desc_list .desc_list { position:relative; padding:15px 10px; border-bottom:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.leading_view .box_freebrod .view_desc_list .desc_list .tit { display:block; width:100%; font-size:0.938rem; font-weight:600; }
.leading_view .box_freebrod .view_desc_list .desc_list .tit .free { margin-right:8px; color:#e8373d; }
.leading_view .box_freebrod .view_desc_list .desc_list .txt { display:block; width:100%; font-size:0.813rem; }

.leading_view .box_freebrod .view_desc_list div { float:left; }
.leading_view .box_freebrod .view_desc_list .box_desc { position:relative; overflow:hidden; }
.leading_view .box_freebrod .view_desc_list .box_ic { position:absolute; top:50%; left:0px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:60px; height:45px; margin-right:10px; border-radius:10px; background:#f8f8f8; color:#fff; font-size:85%; font-weight:700; line-height:45px; text-align:center; overflow:hidden; }

.leading_view .box_freebrod .view_desc_list .box_txt { width:calc(100% - 70px); min-height:45px; }
.leading_view .box_freebrod .view_desc_list .box_txt .tit { display:inline-block; width:100%; font-size:0.938rem; }
.leading_view .box_freebrod .view_desc_list .box_txt .tit .txt_free { display:inline-block; margin-left:15px; color:#ff7500;  }
.leading_view .box_freebrod .view_desc_list .box_txt .subtit { display:inline-block; width:100%; color:#777; font-weight:500; font-size:1.125rem; }
.leading_view .box_freebrod .view_desc_list .box_txt .txt { display:inline-block; width:100%; color:#999; font-size:0.813rem; }
.leading_view .box_freebrod .view_desc_list .box_txt .date { display:inline-block; margin-top:5px; color:#999; font-size:0.813rem; }
.leading_view .box_freebrod .view_desc_list .cm_btn_bg { float:left; width:100%; height:30px; margin-top:10px; border-radius:8px; font-size:0.938rem; line-height:30px; text-align:center; }

.leading_view .box_freebrod .view_desc_list .desc_list.add { height:35px; padding:0 10px; border-top:0; background:#f8f8f8; }
.leading_view .box_freebrod .view_desc_list .desc_list.add .btn_list { float:right; width:auto; height:34px; margin:0; font-size:0.813rem; line-height:34px; vertical-align:middle; }
.leading_view .box_freebrod .view_desc_list .desc_list.add .btn_list.align_left { float:left; }
.leading_view .box_freebrod .view_desc_list .desc_list.add .btn_list input { float:left; height:34px; }
.leading_view .box_freebrod .view_desc_list .desc_list.add .btn_list .im { margin:-2px 0 0 3px; font-size:80%; color:#ccc; vertical-align:middle; }
.leading_view .box_freebrod .view_desc_list .desc_list.add .date { color:#777; font-size:0.813rem; line-height:35px; }
.leading_view .box_freebrod .view_desc_list .non_list { height:150px; border-bottom:1px solid #ddd; color:#999; font-size:0.813rem; line-height:150px; text-align:center; }

.leading_view .cm_reply_slide.style02 .box_desc { background:#fff; border:0px solid #ddd;  }

.leading_view .list_wrap .list_cont.vertical01 { float:left; width:calc(50% - 5px); height:auto; margin:10px 0 0 10px;}
.leading_view .list_wrap .list_cont.vertical01:first-child { margin-top:0; }
.leading_view .list_wrap .list_cont.vertical01:nth-child(2) { margin-top:0; }
.leading_view .list_wrap .list_cont.vertical01:nth-child(2n-1) { margin-left:0; }
.leading_view .list_wrap .list_cont.vertical01 .cm_thumb_wrap img { display:block; }
.leading_view .list_wrap .list_cont.vertical01 .cm_thumb_wrap .ic_circle { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:20px; height:20px; border:1px solid #adb6c7; border-radius:50%; overflow:hidden; }
.leading_view .list_wrap .list_cont.vertical01 .cm_thumb_wrap .ic_circle .im { position:absolute; top:50%; left:55%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:70%; vertical-align:middle; }
.leading_view .list_wrap .list_cont.vertical01 .box_info { margin:0; padding-top:10px; }
.leading_view .list_wrap .list_cont.vertical01 .box_info .cm_smtxt { display:-webkit-box; height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.leading_view .list_wrap .list_cont.vertical01 .box_info .cm_xsmtxt { display:-webkit-box; height:32px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.leading_view .list_wrap .list_cont.vertical01.non_list { width:100%; margin:0; height:auto!important; }
.leading_view .list_wrap .list_cont.vertical01.non_list .txt { padding:30px 0; color:#999; font-size:0.813rem; line-height:20px; text-align:center; }

.leading_view .view_desc_wrap.mentor_vedio { padding: 0;}
.leading_view .view_desc_wrap.mentor_vedio .cm_subtit { padding:0 15px;}
.leading_view .mentor_vedio .box_vedio { width:100%; height:150px; overflow-y:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; -ms-overflow-style: none; }
.leading_view .mentor_vedio .box_vedio::-webkit-scrollbar { display:none; }
.leading_view .mentor_vedio .box_vedio .list_wrap { padding:0 15px; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01 { float:left; width:120px; height:150px; margin:0; margin-left:10px; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01:first-child { margin-left:0; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01 .cm_thumb_wrap { height:auto; background:#f8f8f8; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01.non_list .cm_thumb_wrap { height:68px; background:#f8f8f8; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01.non_list .cm_thumb_wrap .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#ddd; font-size:90%; }
.leading_view .mentor_vedio .box_vedio .list_cont.vertical01.non_list dd.cm_xsmtxt { height:60px; margin:0; color:#999; line-height:60px; }

.leading_view .box_member .view_desc { border-top:2px solid #222; }
.leading_view .box_member .cm_user_name { font-size:0.938rem; font-weight:700; }

.leading_view .view_desc .member_info { padding:15px 10px; border-bottom:1px solid #ddd; }
.leading_view .view_desc .member_info .box_period li { overflow:hidden; }
.leading_view .view_desc .member_info .box_period li span { display:block; float:left; font-size:0.813rem; line-height:20px; }
.leading_view .view_desc .member_info .box_period li .label { position:relative; width:75px; padding-left:10px; }
.leading_view .view_desc .member_info .box_period li .label:before { position:absolute; content:' '; top:9px; left:0; width:3px; height:3px; border-radius:50%; background:#777; }
.leading_view .view_desc .member_info .box_period li .period { font-weight:600; }
.leading_view .view_desc .member_info .box_noti { margin-top:10px; }
.leading_view .view_desc .member_info .box_noti a span { font-weight:600; }
.leading_view .view_desc .member_info .box_noti a span .im { margin:-2px 0 0 0; font-size:90%; vertical-align:middle; }

.leading_view .view_desc .cont_info { padding:15px 10px; }
.leading_view .view_desc .cont_info ul { display:flex; position:relative; }
.leading_view .view_desc .cont_info ul li { position:relative; flex:1 1 auto; height:85px; padding:5px 5px 10px 5px; margin:0 5px; border-radius:10px; background:#f8f8f8; }
.leading_view .view_desc .cont_info ul li .broadcast { font-size:0.813rem; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:100%; text-align:center; }
.leading_view .view_desc .cont_info ul li .ic { display:block; width:45px; height:45px; margin:0 auto; border-radius:50%; background:#fff url('/images/sub/ic_leading_menber.jpg') no-repeat 1px 0; background-size:cover; }
.leading_view .view_desc .cont_info ul li.box_ic02 .ic { background-position: -45px 2px; }
.leading_view .view_desc .cont_info ul li.box_ic03 .ic { background-position: -90px 2px; }
.leading_view .view_desc .cont_info ul li.box_ic04 .ic { background-position: -135px 2px; }
.leading_view .view_desc .cont_info ul li.box_ic05 .ic { background-position: -180px 2px; }
.leading_view .view_desc .cont_info ul li .btn_move { display:block; width:100%; height:20px; margin:0 auto; margin-top:5px; border:1px solid #ddd; background:#fff; font-size:0.813rem; line-height:18px; text-align:center; }

.leading_view .cm_table_wrap { width:auto !important; min-width:100%; max-width:none; border-top:2px solid #222; table-layout:fixed; }
.leading_view .cm_table_wrap tr td { padding:15px; text-align:left; color:#777; border-top:1px solid #ddd ; }
.leading_view .cm_table_wrap tr:first-child td{border-top:0 ;}
.leading_view .cm_table_wrap tr td:first-of-type { padding:15px 0; }
.leading_view .cm_table_wrap tr .ic_noti { font-size:0.688rem; }
.leading_view .cm_table_wrap tr.noti td { background:#ffefef; }
.leading_view .cm_table_wrap tr.noti td:first-of-type { padding:15px 0;}
.leading_view .cm_table_wrap tr.noti td .ic_noti { display:inline-block; width:auto; height:18px; padding:0 4px; border-radius:3px; background:#e8383c; color:#fff; font-size:0.813rem; line-height:18px; text-align:center; }

.leading_view .cm_table_wrap .cm_xsmtxt { display:block; margin:5px 0; }
.leading_view .cm_table_wrap .cm_user_name { display:inline-block; font-size:0.688rem !important; line-height:20px; margin-right:5px; }
.leading_view .cm_table_wrap .cm_user_name + .date { display:inline-block; position:relative; padding-left:5px; font-size:0.688rem; line-height:20px; vertical-align:middle; }
.leading_view .cm_table_wrap .cm_user_name + .date:before { display:block; content:''; position:absolute; top:3px; left:0; width:1px; height:15px; background:#ddd; }
.leading_view .cm_table_wrap .non_data td { padding:15px 10px; color:#999; font-size:0.813rem; line-height:20px; text-align:center; }
.leading_view .view_desc_wrap .cm_paging_wrap { margin:30px auto 0 auto; padding:0; }
*/

/* 주식리딩_주벤져스 영역 스타일 변경
.content_wrap.subscribe_member_board.style_juvengers { padding:30px 15px 0; }
.content_wrap.subscribe_member_board.style_juvengers .cm_subtit { padding-top:30px; margin-top:0!important; }
.cm_tab_wrap.style_pad .box_tab { border:1px solid #ddd; }
.cm_tab_wrap.style_pad .box_tab .cm_tab li { border-top:0; }
.cm_tab_wrap.style_pad .box_tab .cm_tab li.on { border-top:2px solid #ff7500; }
.cm_tab_wrap.style_pad .btn_more { border-top:0; }
     */

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

/*멘토의시선 엿보기
.stock_market_view .cm_table_wrap .list_cont { margin-top:10px; border:1px solid #ddd; border-radius:10px; }
.stock_market_view .cm_table_wrap .list_cont .info { overflow:hidden; }
.stock_market_view .cm_table_wrap .list_cont .info .cm_mentor_name { float:left; margin-right:10px; font-size:0.938rem; }
.stock_market_view .cm_table_wrap .list_cont .info .cm_badge { float:left; height:15px; margin-top:2px; font-size:0.813rem; line-height:17px; overflow:hidden; }

/*이용후기 상세
.review_view .contents01 { padding-bottom:30px; }
.review_view .box_detail .btn_recommend { width:150px !important; height:40px !important; margin:25px auto 10px auto!important; border-radius:10px; color:#fff!important; font-size:0.938rem!important; line-height:40px !important; text-align:center; }
.review_view .cm_table_wrap.table_view .tit { padding-right:40px; }
*/
/*이용후기 작성
.review_view td .cm_form.select { background-position:95% center; }
.review_view .btn_submit{ width:150px; height:40px; margin:30px auto 0 auto; font-size:0.938rem; line-height:40px; text-align:center; }
.review_view .cm_form.textarea{ overflow:hidden; }
.review_view .box_btn.bottom { margin:25px 0 0!important; }
    */
/*프리미엄 추천종목 HOME
.premium_view .cm_subtit { font-size:1.125rem; font-weight:700; }

.premium_view .box_tab { display:inline-block; width:100%; margin:30px 0 0 0; clear:right; }
.premium_view .box_tab .tab_cont { display:block; float:left; position:relative; width:calc(50% - 5px); padding:20px 15px; margin-right:10px; border-radius:20px; background:#fff; box-sizing:border-box; box-shadow:3px 3px 10px rgba(000,000,000, 0.2); overflow:hidden;}
.premium_view .box_tab .tab_cont:last-child { margin-right:0; }

.premium_view .box_tab .tab_cont .ic { display:block; width:60px; height:60px; margin:0 auto; background:url('/images/sub/premium_tab_ic_1.jpg') no-repeat; background-size:cover; }
.premium_view .box_tab .tab_cont:last-child .ic { background:url('/images/sub/premium_tab_ic_2.jpg') no-repeat;  background-size:cover;  }

.premium_view .box_tab .tab_cont .subtit { margin-top:15px; color:#777; font-size:0.813rem; text-align:center; }
.premium_view .box_tab .tab_cont .tit { margin-top:3px; font-weight:700; font-size:0.938rem; text-align:center; }
.premium_view .box_tab .tab_cont .btn_move { width:100%; height:32px; margin-top:10px; border-radius:7px; font-size:0.938rem; }

.premium_view .cm_bn .box_tab { position:absolute; left:15px; bottom:0; width:calc(100% - 30px); padding-bottom:50px; margin:0; }
@media only screen and (max-width:320px) {
 .premium_view .box_tab .tab_cont { height:225px; }
 .premium_view .box_tab .tab_cont .btn_move { position:absolute; left:15px; bottom:20px; width:calc(100% - 30px); }
}
    */
/*프리미엄 추천종목 TOP3, MY멘토
.premium_view { position:relative; }
.premium_view .view_desc { padding:20px 15px; }
.premium_view .view_desc .box_graph { overflow:hidden; }
.premium_view .view_desc .box_graph li { position:relative; float:left; width:calc(50% - 10px); height:auto; margin-right:20px; overflow:hidden; }
.premium_view .view_desc .box_graph li:last-child { margin-right:0; }
.premium_view .view_desc .box_graph li .box_txt { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; }
.premium_view .view_desc .box_graph li .box_txt .tit { display:block; color:#333; font-size:0.938rem; }
.premium_view .view_desc .box_graph li .box_txt .score { display:block; margin-top:5px; font-size:1.125rem; font-weight:700; }
.premium_view .view_desc .box_graph li .box_txt .score  small { font-size:1.125rem; }

.premium_view .view_desc .box_bata { margin-top:20px; border-radius:10px; overflow:hidden; }
.premium_view .view_desc .box_bata li { float:left; width:50%; padding:20px 0 10px 0; background:#f8f8f8; text-align:center; }
.premium_view .view_desc .box_bata li:nth-child(1) { border-bottom:1px solid #ddd; }
.premium_view .view_desc .box_bata li:nth-child(2) { border-bottom:1px solid #ddd; }
.premium_view .view_desc .box_bata li .tit { display:block; color:#333; font-size:0.938rem; }
.premium_view .view_desc .box_bata li .score { display:block; margin-top:5px; font-size:1.125rem; font-weight:700; }

.premium_view .box_alarm { margin-left:15px;}
.premium_view .list_cont.vertical04 { width:330px; height:204px; margin-left:10px; }
.premium_view .list_cont.vertical04:first-child { margin-left:0; }
.premium_view .list_cont.vertical04 .cm_info_desc .info_desc_txt { margin-top:5px; }
.premium_view .list_cont.vertical04 .cm_info_desc .info_desc_txt:first-child { margin-top:0; }
.premium_view .list_cont.vertical04 .cm_info_desc .info_desc_txt .tit { padding-left:10px; font-size:0.813rem; }
.premium_view .list_cont.vertical04 .cm_info_desc .info_desc_txt .txt { width:calc(100% - 100px)!important; margin:0; font-size:0.813rem; text-align:right;}

.premium_view .list_cont.vertical04.bn_soon { height:177px; border:1px dashed #ddd; padding:0; }
.premium_view .list_cont.vertical04.bn_soon img { width:100%; height:100%; }
.premium_view .list_cont.vertical04.btn_all { width:348px; height:177px; padding:0; border:1px dashed #ddd; background-color:transparent; text-align:center; }
.premium_view .list_cont.vertical04.btn_all .cm_btn_ic { width:100%; height:100%; line-height:175px; }

.premium_view .add_list { padding:30px 0; }
.premium_view .add_list .list_cont.vertical04 { height:177px; background:#fff; margin-bottom:0 !important; }
.premium_view .add_list .cm_txt { padding:0 10px; }
.premium_view .add_list .cm_subtit .cm_btn_line { float:right; width:120px; height:28px; font-size:0.813rem; line-height:26px; text-align:center; overflow:hidden; }
.premium_view .add_list .cm_txt { padding:0 15px; margin-top:5px; margin-bottom:10px; color:#777; font-size:0.938rem; }
.premium_view .add_list .box_noti { padding:0 15px; margin-top:30px; margin-bottom:20px; }
.premium_view .add_list .box_noti .cm_txt { padding:0; margin-bottom:10px; }
.premium_view .add_list .box_noti .cm_xsmtxt { color:#777; line-height:20px; }
.premium_view .add_list .cm_mentor_name { display:block; }

.premium_view .btn_floating { position:fixed; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:60px; padding:10px 15px;  background:#fff; z-index:11; }
.premium_view .btn_floating::before { display:block; content:''; position:absolute; top:-40px; left:0; width:100%; height:40px; background-image:-webkit-linear-gradient(top bottom, #fff 0%, #fff 100%); background-image:-webkit-gradient(linear, top, bottom, from(rgba(255,255,255,0)0%), to(rgba(255,255,255,1)100%)); background-image:linear-gradient( to bottom,rgba(255,255,255,0)0%,rgba(255,255,255,1)100%); }
.premium_view .btn_floating button {display:block; width:100%; border-radius:8px; font-size:0.938rem; line-height:40px; text-align:center; }

@media only screen and (max-width:320px) {
    .premium_view .list_cont.vertical04 { width:290px !important; }
}
*/
/*패키지 뷰 공통
.package_view { overflow:hidden; }
.package_view .box_bn { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:auto; text-align:center; overflow:hidden; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .package_view .box_bn img {display:inline-block; text-align:center;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .package_view .box_bn img {display:inline-block; width:100%; text-align:center; }}

.package_view .box_btn { position:absolute; top:39%; width:100%; height:15%; box-sizing:border-box; text-align:center; overflow:hidden; }

.package_view .btn_subscribe { display:inline-block; position:relative; left:auto; top:auto; width:calc(100% - 20px); height:100%; border-radius:30px; background:rgba( 252, 252, 253, 0.8 ); box-sizing:border-box; box-shadow:3px 2px 3px rgba(000,000,000,0.2);  overflow:hidden; }
.package_view .btn_subscribe .im { margin-top:0; margin-right:5px; font-size:95%; vertical-align:middle; }
.package_view .btn_subscribe small { font-size:0.688rem; font-weight:500; }
.package_view .btn_subscribe span { display:block; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto; font-size:0.938rem; }

.package_view .btn_subscribe.not { color:#666; }
.package_view .btn_subscribe.keep { color:#ee3128; }
.package_view .btn_subscribe.keep small{ color:#222; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .package_view .btn_subscribe span small { font-size:0.938rem; }
}
*/
/*게임조아의 조언 서비스 HOME
.gamejoa_view { overflow:hidden; }
.gamejoa_view .box_noti { padding:15px; background:#ededed; color:#ff7500; font-size:0.813rem; line-height:normal; }
.gamejoa_view .cm_tab_wrap .cm_tab { border-bottom:1px solid #ddd; }
.gamejoa_view .cm_tab_wrap .cm_tab .cm_tab_menu { border-bottom:0; }
.gamejoa_view .cm_tab_wrap .cm_tab .cm_tab_menu.on { border-bottom:2px solid #ff7500; }

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .gamejoa_view .box_bn img {display:inline-block; text-align:center;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .gamejoa_view .box_bn img {display:inline-block; width:100%; text-align:center; }}

.gamejoa_view .box_btn { top:49%; height:42%; }

.gamejoa_view .btn_subscribe {  }
.gamejoa_view .btn_subscribe span { font-size:0.938rem; }

.gamejoa_view .box_service_info { margin-bottom:20px; }
.gamejoa_view .box_service_info .service_list { float:left; position:relative; width:300px; margin-left:10px; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.gamejoa_view .box_service_info .service_list:first-child { margin-left:0; }
.gamejoa_view .box_service_info .service_list img { height:130px; }
.gamejoa_view .box_service_info .service_list .tit { height:50px; line-height:50px; font-size:0.938rem; text-align:center; }
.gamejoa_view .box_service_info .service_list .after_tit { position:absolute; top:90px; width:100%; height:40px; background:rgba(252,252,253,0.8); line-height:40px; text-align:center; }
.gamejoa_view .box_service_info .list_desc { height:95px; padding:10px; box-sizing:border-box; }
.gamejoa_view .box_service_info .list_desc li { height:25px; color:#222; font-size:0.813rem; line-height:25px; }
.gamejoa_view .box_service_info .list_desc li a:before { float:left; content:'\00b7'; margin-right:3px; color:#222 }
.gamejoa_view .box_service_info .list_desc li .tit_txt { display:-webkit-box; float:left; max-width:215px; height:25px; margin-right:5px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.gamejoa_view .box_service_info .list_desc li .new{ background: url('/images/sub/gamejoa/new.png' )no-repeat; background-size:cover; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin:0 0 1px 3px; overflow: hidden; font-size: 0; }

.gamejoa_view .list_cont.horizon05 .tit{ height:20px; -webkit-line-clamp:1; white-space:nowrap; }
.gamejoa_view .list_cont.horizon05 .tit .ic { display:inline-block; height:18px; padding:0 8px; margin:-4px 3px 0 0; border-radius:3px; color:#fff; font-size:0.688rem; line-height:18px; vertical-align:middle; overflow:hidden; }
.gamejoa_view .list_cont.horizon05 .tit .ic.new { background:#ff7500; }
.gamejoa_view .list_cont.horizon05 .tit .ic.noti { background:#2e2e72; }
.gamejoa_view .btn_write { width:100%; height:40px; margin:10px auto 20px auto; border-radius:10px; font-size:0.813rem; text-align:center; clear:both; }

*/


/*초보투자 가이드
.beginner_guide { max-width:480px; margin:0 auto; }
.beginner_guide .contents01 { position:relative; padding:60px 20px; }
.beginner_guide .contents02 { position:relative; padding:60px 20px; background:#f4f5fa; }
.beginner_guide .contents03 { position:relative; padding:60px 0; background:#f4f5fa; }
.beginner_guide img { display:block; }

.beginner_guide .cm_tit { position:relative; opacity:0; }
.beginner_guide .cm_smtxt { position:relative; opacity:0; }

.beginner_guide .list_wrap { position:relative; width:100%; overflow:unset; opacity:0; }
.beginner_guide .list_wrap.more { display:none; margin-top:15px; opacity:1; animation:none !important; }
.beginner_guide .list_wrap:after { display:block; content:''; clear:both; }
.beginner_guide .list_wrap .list_cont { float:left; width:calc(50% - 8px); margin-right:15px; margin-top:15px; background-color:transparent; overflow:hidden; }
.beginner_guide .list_wrap .list_cont:nth-child(1) { margin-top:0; }
.beginner_guide .list_wrap .list_cont:nth-child(2) { margin-top:0; }
.beginner_guide .list_wrap .list_cont:nth-child(2n) { margin-right:0; }
.beginner_guide .list_wrap .list_cont .box_desc { padding:15px 0 0 0; }
.beginner_guide .list_wrap .list_cont .box_desc .cm_smtxt { display:-webkit-box; height:44px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden }
.beginner_guide .list_wrap .list_cont .box_desc dd { text-align:left; }
.beginner_guide .list_wrap .list_cont .box_desc dd .cm_mentor_name { display:inline-block; color:#999; font-size:0.813rem; line-height:20px; }
.beginner_guide .list_wrap .list_cont .box_desc dd .cm_mentor_name .im { vertical-align:middle; }

.beginner_guide .btn_more { display:block; width:120px; height:30px; margin:20px auto 0; color:#777; font-size:0.938rem; line-height:30px; text-align:center; opacity:0; }
.beginner_guide .btn_more .im { margin-top:-2px; margin-left:3px; font-size:90%; vertical-align:middle; }

.beginner_guide .box_nav { width:100%; padding:16px 20px; background:#fff; overflow-y:auto; -ms-overflow-style:none; scrollbar-width: none; }
.beginner_guide .box_nav::-webkit-scrollbar { display: none; }
.beginner_guide .box_nav ul { min-width:470px; width:auto; }
.beginner_guide .box_nav ul:after { display:block; content:''; clear:both; }
.beginner_guide .box_nav .nav_step { display:block; float:left; width:84px; height:40px; margin-right:10px; border:1px solid #ededed; border-radius:20px; background:#fff; color:#999; font-size:0.938rem; line-height:38px; text-align:center; }
.beginner_guide .box_nav .nav_step:last-child { margin-right:0; }
.beginner_guide .box_nav .nav_step.on { border:1px solid #fff; 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; font-size:0.938rem; font-weight:600; box-shadow:5px 5px 15px rgba(000,000,000, 0.1);  }

.beginner_guide .js_tab.fixed { position:fixed; top:0; left:0; z-index:10; }
.beginner_guide .js_tab.fixed + .contents01 { margin-top:72px; }

.beginner_guide .scene01 { position:relative; height:calc(100vh - 115px); padding:0; background:url('/images/GuideBeginner/guidebeginner_bg.jpg') no-repeat center 0; background-size:auto 100%; overflow:hidden; word-break:keep-all; }
.beginner_guide .scene01 .page_tit { width:55.64%; height:auto; margin:12% auto 7%; opacity:0; }
.beginner_guide .scene01 .cm_smtxt { margin-bottom:7%; text-shadow:2px 2px 2px rgba(000,000,000, 0.2); opacity:0.8; text-align:center; opacity:0; }

.beginner_guide .scene01 .box_btn { position:relative; text-align:center; opacity:0; }
.beginner_guide .scene01 .box_btn li { display:inline-block; position:relative; width:27.77%; height:auto; margin:0 5px; border:1px solid #ededed; border-radius:50%; overflow:hidden; }
.beginner_guide .scene01 .box_btn li img { width:100%; }
.beginner_guide .scene01 .box_btn li .box_ic { position:absolute; top:17%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:29.33%; height:29.33%; }
.beginner_guide .scene01 .box_btn li .box_ic img { width:100%; }
.beginner_guide .scene01 .box_btn li .box_ic i { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step01 { background:url('/images/GuideBeginner/guidebeginner_ic_ani01.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step02_01 { background:url('/images/GuideBeginner/guidebeginner_ic_ani02_01.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step02_02 { background:url('/images/GuideBeginner/guidebeginner_ic_ani02_02.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step03_01 { background:url('/images/GuideBeginner/guidebeginner_ic_ani03_01.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step03_02 { background:url('/images/GuideBeginner/guidebeginner_ic_ani03_02.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step03_03 { background:url('/images/GuideBeginner/guidebeginner_ic_ani03_03.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step04 { background:url('/images/GuideBeginner/guidebeginner_ic_ani04.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step05_01 { background:url('/images/GuideBeginner/guidebeginner_ic_ani05_01.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .box_ic .ic_step05_02 { background:url('/images/GuideBeginner/guidebeginner_ic_ani05_02.png') no-repeat; }
.beginner_guide .scene01 .box_btn li .txt  { position:absolute; bottom:17%; width:100%; font-size:0.688rem; line-height:16px; text-align:center; }
.beginner_guide .scene01 .box_btn li:last-child { margin-right:0; }

.beginner_guide .scene01 .box_ic { position:absolute; bottom:3.81%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); height:53px; }
.beginner_guide .scene01 .box_ic .ic_txt { display:block; width:66px; height:23px; margin-bottom:10px; border:1px solid #222; border-radius:12px; color:#222; font-size:0.938rem; line-height:22px; text-align:center; }
.beginner_guide .scene01 .box_ic .ic_scroll { display:block; width:15px; height:20px; margin:0 auto; background:url('/images/GuideBeginner/guidebeginner_scroll.png') no-repeat bottom; background-size:100% auto; }

.beginner_guide .scene01 .box_btn li .box_ic i{ opacity:0; }
.beginner_guide .scene01 .box_btn li .ic_step01 { top:auto; bottom:0; height:40px; animation:beginner_guide05 1s 0s infinite forwards linear; -webkit-animation:beginner_guide05 1s 0s infinite forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step02_01 { animation:beginner_guide03 2s 0s infinite forwards linear; -webkit-animation:beginner_guide03 2s 0s infinite forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step02_02 { height:0; top:auto; bottom:0; animation:beginner_guide05 1s 0s 1 forwards linear; -webkit-animation:beginner_guide05 1s 0s 1 forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step03_01 { height:0; top:auto; bottom:0; animation:beginner_guide05 1s 0s 1 forwards linear; -webkit-animation:beginner_guide05 1s 0s 1 forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step03_02 { height:0; top:auto; bottom:0;  animation:beginner_guide05 1s 0.5s 1 forwards linear; -webkit-animation:beginner_guide05 1s 0.5s 1 forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step03_03 { height:0; top:auto; bottom:0; animation:beginner_guide05 1s 1s 1 forwards linear; -webkit-animation:beginner_guide05 1s 1s 1 forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step04 { animation:beginner_guide06 1s 0s infinite forwards linear; -webkit-animation:beginner_guide06 1s 0s infinite forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step05_01 { animation:beginner_guide03 1s 0.5s infinite forwards linear; -webkit-animation:beginner_guide03 1s 0.5s infinite forwards linear; }
.beginner_guide .scene01 .box_btn li .ic_step05_02 { animation:beginner_guide03 1s 0s infinite forwards linear; -webkit-animation:beginner_guide03 1s 0s infinite forwards linear; }

.beginner_guide .scene02 { padding-top:30px; }
.beginner_guide .scene02 .non_bg { border:none; border-radius:0; background:transparent; box-shadow:none; }
.beginner_guide .scene02 .box_slide .slide_cont { position:relative; width:100%; overflow:hidden; }
.beginner_guide .scene02 .box_slide .slide_cont a { display:block; width:100%; padding:15px 0 30px 15px; }
.beginner_guide .scene02 .box_slide .slide_cont a span { display:block; }
.beginner_guide .scene02 .box_slide .slide_cont .btn_move { display:inline-block; margin-top:15px; border-bottom:1px solid #ddd; line-height:16px; }
.beginner_guide .scene02 .box_slide .slide_cont .ic { position:absolute; bottom:0; right:0; width:50px; height:50px; background:url('/images/GuideBeginner/guidebeginner_ic_link.png') no-repeat; background-size:cover; background-position:0 0; }
.beginner_guide .scene02 .box_slide .slide_cont.academy .ic { background-position-x:-50px; }
.beginner_guide .scene02 .box_slide .slide_cont.vod .ic { background-position-x:-100px; }
.beginner_guide .scene02 .box_slide .slick-dots { display:inline-block; position:absolute; bottom:auto; top:10px; right:0; width:auto; height:10px; }
.beginner_guide .scene02 .box_slide .slick-dots li { display:block; float:left; width:5px; height:5px; margin:0 3px; }
.beginner_guide .scene02 .box_slide .slick-dots li button:before { display:none; }
.beginner_guide .scene02 .box_slide .slick-dots li button { display:block; width:5px; height:5px; border-radius:50%; background:#ddd; }
.beginner_guide .scene02 .box_slide .slick-dots li.slick-active button { background:#ff7500; }

.beginner_guide .scene07 {}
.beginner_guide .scene07 .cm_tit { padding:0 20px; opacity:1; }
.beginner_guide .scene07 .cm_smtxt { padding:0 20px; opacity:1; }
.beginner_guide .scene07 .box_btn { height:auto; overflow:hidden; }

.beginner_guide .scene07 .box_btn .btn_cont { float:left; position:relative; margin-top:17px; margin-left:15px; border-radius:15px; background:#fff; overflow:hidden; }
.beginner_guide .scene07 .box_btn .btn_cont .box_hover { position:relative; width:146px; height:110px; padding:15px; background-color:transparent; z-index:1; }
.beginner_guide .scene07 .box_btn .btn_cont .box_hover .cm_txt { font-weight:600; word-break:keep-all; }
.beginner_guide .scene07 .box_btn .btn_cont .box_hover .cm_xsmtxt { display:none; word-break:keep-all; }
.beginner_guide .scene07 .box_btn .btn_cont .ic { position:absolute; bottom:10px; right:10px; width:50px; height:50px; background:url('/images/GuideBeginner/guidebeginner_ic_link.png') no-repeat; background-size:cover; background-position:0 0; }
.beginner_guide .scene07 .box_btn .btn_cont.academy .ic { background-position-x:-50px; }
.beginner_guide .scene07 .box_btn .btn_cont.vod .ic { background-position-x:-100px; }

.beginner_guide .scene07 .box_btn .slick-list { padding-bottom:20px !important; }
.beginner_guide .scene07 .box_btn .btn_cont.slick-center { margin-top:0; box-shadow:5px 5px 15px rgba(000,000,000,0.1); }
.beginner_guide .scene07 .box_btn .btn_cont.slick-center .box_hover { width:140px; height:150px; padding:15px; border-radius:15px; z-index:1; }
.beginner_guide .scene07 .box_btn .btn_cont.slick-center .box_hover .cm_xsmtxt { display:block; word-break:keep-all; }

.beginner_guide .scene07 .box_btn .slick-dots { position:relative; height:6px; padding:10px 0; margin-bottom:0; margin-top:-20px; border:1px solid transparent; text-align:center; line-height:6px; overflow:hidden; }
.beginner_guide .scene07 .box_btn .slick-dots li { display:inline-block; width:6px; height:6px; margin:0 4px; border-radius:50%; border-radius:50%; overflow:hidden; }
.beginner_guide .scene07 .box_btn .slick-dots li button { display:block; width:6px; height:6px; color:transparent; background:#ddd; line-height:6px; }
.beginner_guide .scene07 .box_btn .slick-dots li.slick-active button { display:block; width:6px; height:6px; color:transparent; background:#ff7500;  }

.beginner_guide .animation .page_tit { animation:beginner_guide01_01 0.6s 0.3s 1 forwards linear; -webkit-animation:beginner_guide01_01 0.6s 0.3s 1 forwards linear; }
.beginner_guide .animation .cm_smtxt { animation:beginner_guide01_02 0.6s 0.8s 1 forwards linear; -webkit-animation:beginner_guide01_02 0.6s 0.8s 1 forwards linear; }
.beginner_guide .animation .box_btn { animation:beginner_guide01_03 0.6s 1.4s 1 forwards linear; -webkit-animation:beginner_guide01_03 0.6s 1.4s 1 forwards linear; }

.beginner_guide .animation .cm_tit { animation:beginner_guide02 0.6s 0.3s 1 forwards linear; -webkit-animation:beginner_guide02 0.6s 0.3s 1 forwards linear; }
.beginner_guide .animation .cm_smtxt { animation:beginner_guide02 0.6s 0.8s 1 forwards linear; -webkit-animation:beginner_guide02 0.6s 0.8s 1 forwards linear; }
.beginner_guide .animation .list_wrap { animation:beginner_guide03 0.6s 1.4s 1 forwards linear; -webkit-animation:beginner_guide03 0.6s 1.4s 1 forwards linear;  }
.beginner_guide .animation .list_wrap.more { animation:none; -webkit-animation:none; }
.beginner_guide .animation .list_wrap + .btn_more { animation:beginner_guide03 0.6s 1.4s 1 forwards linear; -webkit-animation:beginner_guide03 0.6s 1.4s 1 forwards linear; }
.beginner_guide .animation .box_slide { animation:beginner_guide03 0.6s 0.8s 1 forwards linear; -webkit-animation:beginner_guide03 0.6s 0.8s 1 forwards linear; }

@keyframes beginner_guide01_01 {
    0% { opacity:0; margin-top:20%; }
    100% { opacity:1; margin-top:12%; }
}
@keyframes beginner_guide01_02 {
    0% { opacity:0; margin-top:14%; }
    100% { opacity:1; margin-top:0; }
}

@keyframes beginner_guide01_03 {
    0% { opacity:0; margin-top:14%; }
    100% { opacity:1; margin-top:0; }
}

@keyframes beginner_guide02 {
    0% { opacity:0; margin-top:50px; }
    100% { opacity:1; margin-top:0; }
}

@keyframes beginner_guide03 {
    0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes beginner_guide04 {
    0% { opacity:0;  margin-top:50px;}
    100% { opacity:0.8; margin-top:0; }
}

@keyframes beginner_guide05 {
    100% { opacity:1; height:100%; }
}

@keyframes beginner_guide06 {
    0% { opacity:1; transform:rotate(0deg);}
    25% { opacity:1; transform:rotate(10deg);}
    50% { opacity:1; transform:rotate(0deg);}
    75% { opacity:1; transform:rotate(-10deg);}
    100% { opacity:1; transform:rotate(0deg); }
}

*/
/*인바이유
.inbyu .inbyu_title {background-color:#fff; margin:10px; padding:20px 10px; box-sizing:border-box; font-family:NanumSquare;}
.inbyu .inbyu_title h3{font-size:1.125rem; color:#333; font-weight:bold; margin-bottom:15px;}
.inbyu .inbyu_title .title_txt {font-size:0.813rem; line-height:23px;}
.inbyu .inbyu_title .title_txt span{color:#1e489f;}
.inbyu .inbyu_title .title_txt a {margin:0; padding:0; display:inline-block; position:relative; left:-3px;}
.inbyu .inbyu_title .title_txt img{height:30px; float:left;}

.inbyu .contents {letter-spacing:-0.25px; margin:10px;}
.inbyu .contents ul, .inbyu .contents ol, .inbyu .contents li{box-sizing:border-box; }
.inbyu .contents ul{width:100%; border:1px solid #ddd; margin-bottom:10px; background-color:#fff; }
.inbyu .contents .contents_box .inbyu_img { width:100%; overflow:hidden; height:auto; max-height:300px; }
.inbyu .contents .contents_box .inbyu_img img { display:inline-block; position:relative; width:100%;}

.inbyu .contents .contents_box .inbyu_txt .contents_tit{ padding:20px 10px 10px 10px;font-family:NanumSquare; font-size:23px; font-weight:bold; color:#11bdfb;}
.inbyu .contents .contents_box .inbyu_txt .contents_note {padding:0 10px 20px 10px; font-family:'Noto Sans KR'; font-size:0.813rem; color:#4c4c4c; line-height:21px; }

.inbyu .contents .contents_box .inbyu_txt .content_price { padding:0 10px; color:#666;  margin-bottom:10px; font-family:NanumGothic; font-size:0.688rem;}
.inbyu .contents .contents_box .inbyu_txt .content_price strong{color:#333; font-size:1.125rem;}
.inbyu .contents .contents_box .inbyu_txt .content_price small{ color:#666; font-size:0.688rem; text-decoration: line-through;}
.inbyu .contents .contents_box .inbyu_txt .content_price .red{color:#d43232;}

.inbyu .contents .contents_box .inbyu_txt .btn{ position:relative; padding:0; width:100%; }
.inbyu .contents .contents_box .inbyu_txt .btn a { display:block; width:100%; background-color:#11bdfb; color:#fff; height:40px; text-align:center; font-family:NanumSquare; font-size:1.125rem; line-height:40px;}

.inbyu .notice_box {position:relative; padding:5px 10px 10px 10px; border:1px solid #dae2f0; background-color:#f3f9ff; margin:10px; box-sizing:border-box;}
.inbyu .notice_box h5 {position:absolute; top:0; left:0; height:20px; border-bottom-right-radius:10px; background:#005bb0; padding:5px 10px; text-align:center; font-family:NanumGothic; font-size:0.688rem; color:#fff;}
.inbyu .notice_box h5 i {display:inline-block; vertical-align:middle; margin-right:7px;}
.inbyu .notice_box .note_text {margin:33px 0 0 5px; color:#777777; font-family:Gulim; font-size:0.688rem;}
.inbyu .notice_box .note_text li {line-height:18px; list-style:decimal; list-style-position:inside;}
    */
/*멘토 챌린지 리그
.league_view { padding:0; box-sizing:border-box; }
.league_view .cm_txt { font-weight:700; margin-bottom:10px; }
.league_view .cm_txt { line-height:21px; }
.league_view .cm_txt b { font-weight:600; }
.league_view .btn_move { width:100%; height:40px; margin:20px 0; border-radius:10px; font-size:0.938rem; text-align:center; line-height:40px; }
.league_view .box_top {  width:100%; height:50px; margin-bottom:20px; }
.league_view .btn_submit { width:100%; height:50px; font-size:0.938rem; text-align:center; line-height:50px; }
.league_view .txt { margin-top:5px; color:#777; font-size:0.813rem; }
.league_view .noti { margin-top:20px; }
.league_view .box_info .box_txt { width:100%; height:35px; border-radius:10px; background:#f4f5fa; font-size:0.938rem; line-height:35px; text-align:center; }
.league_view .cm_info_desc { margin-top:20px; }
.league_view .cm_info_desc .info_desc_txt span { margin-top:5px; color:#777; font-size:0.813rem;  }
.league_view .cm_info_desc .info_desc_txt .bull:before { background:#777;  }
    */

/* 무료 추천 테마 종목표시 
.free_thema .item_stockname { display:inline-block; position:relative; top:8px; max-width:38%; padding: 0px 10px; border:1px solid #e8373d; border-radius:5px; color:#e8373d; font-size:0.688rem; font-weight:600; text-align:center; box-sizing:border-box; word-wrap:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.free_thema .item_stockname:last-child { margin:0 0 0 5px; }
.free_thema .cm_table_wrap td.box_item_stockname { text-align:left; }

.free_thema .cm_table_wrap .item_stockname_wrap { width:100%; height:auto; padding:15px; background:#f8f8f8; border-radius:15px; box-sizing:border-box; overflow:hidden; clear:both; }
.free_thema .cm_table_wrap .item_stockname_wrap .cm_txt { display:block; margin-bottom:10px; font-weight:700; }
.free_thema .cm_table_wrap .item_stockname_wrap .cm_txt .im { font-size:90%; vertical-align:middle;}
.free_thema .cm_table_wrap .item_stockname_wrap .item_stockname { float:left; top:0; width:auto!important; max-width:52%!important; background:#e8373d; margin:5px 5px 0 0; color:#fff; font-size:0.688rem;  font-weight:600; word-wrap:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.free_thema .no_before .cm_table_wrap.table_view th .item_stockname { top:4px; }
.free_thema .no_before .cm_table_wrap.table_view th .data:before { display:none; }
.free_thema .no_before .cm_table_wrap.table_view th .data { margin-top:10px; padding-left:0; }
    */

/*핀업챗 골든시그널 종목상세*/
.golden_stock { min-height:100vh; overflow:hidden; }
.golden_stock .box_top { position:relative; padding:13px 54px 13px 15px; border-bottom:1px solid #ddd; overflow:hidden; }
.golden_stock .box_top .badge { display:inline-block; padding:1px 5px; margin:2px 14px 0 0; border:1px solid #ccc; color:#555; font-size:80%; line-height:18px; }
.golden_stock .box_top .stock { display:inline-block; font-size:100%; line-height:26px; }
.golden_stock .box_top .stock small { margin-left:5px; font-size:75%; }
.golden_stock .box_top .btn_prev { position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:54px; height:39px; }
.golden_stock .box_top .btn_prev img { display:block; }

.golden_stock .contents01 { padding:20px 15px 50px; }
.golden_stock .box_sign { border:1px solid #ddd; border-radius:15px; overflow:hidden; }
.golden_stock .box_sign .box_stock { padding:15px 15px 10px; background:#f8f8f8; }
.golden_stock .box_sign .box_stock .badge { display:inline-block; height:20px; margin-left:-5px; margin-right:10px; padding:0 12px; border-radius:5px; background:#e8373d; color:#fff; font-size:80%; line-height:20px; vertical-align:middle; }
.golden_stock .box_sign .box_stock .date { color:#999; font-size:80%; line-height:20px; vertical-align:middle; }
.golden_stock .box_sign .box_stock .value { margin-top:10px; font-size:125%; font-weight:bold; line-height:20px; }
.golden_stock .box_sign .box_stock .value small { margin-right:5px; font-size:65%; font-weight:500; }
.golden_stock .box_sign .box_stock .value strong { margin-left:5px; }
.golden_stock .box_sign .box_stock .value .im { margin-right:3px; font-size:90%; vertical-align:middle; }
.golden_stock .box_sign .box_info { padding:7px 15px 12px;}
.golden_stock .box_sign .box_info li { position:relative; padding-left:8px; color:#777; font-size:80%; line-height:20px; }
.golden_stock .box_sign .box_info li:before { display:block; content:''; position:absolute; top:9px; left:0; width:2px; height:2px; border-radius:50%; background:#777; }
.golden_stock .box_sign .box_warning { padding:0 15px 15px 12px; overflow:hidden; }
.golden_stock .box_sign .box_warning span { display:inline-block; padding:1px 10px; margin:3px; border:1px solid #e8373d; color:#e8373d; font-size:12px; line-height:18px; }

.golden_stock .box_cont { margin-top:27px; }
.golden_stock .box_cont h3 { margin-bottom:11px; font-size:100%; line-height:22px; font-weight:bold; line-height:17px; }
.golden_stock .box_cont .add_txt { margin-top:14px; font-size:75%; line-height:17px; }
.golden_stock .box_cont .add_txt + .add_txt { margin-top:6px; }

.golden_stock .box_cont table { width:100%; border:1px solid #ddd; font-size:80%; line-height:20px; text-align:center; vertical-align:middle; table-layout:fixed; }
.golden_stock .box_cont table tr > * { padding:5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.golden_stock .box_cont table tr:last-of-type > * { border-bottom:0; }
.golden_stock .box_cont table tr th { background:#f8f8f8; color:#555; font-weight:500; }
.golden_stock .box_cont table tr td { color:#777; }
.golden_stock .box_cont table tr td:last-of-type { border-right:0; }
.golden_stock .box_cont table tr td .label { display:block; }
.golden_stock .box_cont table tr td .value { display:block; }
.golden_stock .box_cont table tr td .value .im { margin-right:2px; font-size:90%; vertical-align:middle; }

.golden_stock .box_cont .box_chart { width:100%; height:168px; overflow:hidden; }

.golden_stock .box_cont .list_wrap .list_cont { position:relative; padding:10px 15px; margin-top:10px; border:1px solid #ddd; border-radius:15px; position:center; }
.golden_stock .box_cont .list_wrap .list_cont:first-child { margin-top:0; }
.golden_stock .box_cont .list_wrap .list_cont dt { display:-webkit-box; max-height:44px; margin-bottom:10px; font-size:95%; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.golden_stock .box_cont .list_wrap .list_cont dd { display:-webkit-box; max-height:32px; color:#777; font-size:75%; line-height:16px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.golden_stock .box_cont .list_wrap .list_cont dd + dd { margin-top:12px; -webkit-line-clamp:2; }
.golden_stock .box_cont .list_wrap .list_cont dd .source { display:inline-block; position:relative; padding-right:6px; margin-right:5px; vertical-align:middle; }
.golden_stock .box_cont .list_wrap .list_cont dd .source:before { display:block; content:''; position:absolute; top:2px; right:0; width:1px; height:12px; background:#ddd; }
.golden_stock .box_cont .list_wrap .list_cont dd .date { vertical-align:middle; }

.golden_stock .box_cont .list_wrap .list_cont.have_img .box_thumb { position:absolute; top:10px; right:15px; width:60px; height:40px; border:1px solid #ddd; overflow:hidden; }
.golden_stock .box_cont .list_wrap .list_cont.have_img .box_thumb img { display:block; max-width:100%; width:auto; height:100%; margin:0 auto; }

.golden_stock .box_cont .list_wrap .list_cont.have_img dt { width:calc(100% - 80px); height:44px; }

 
/*선정 종목 상세
.tssa_stock_view h2.cm_txt { font-weight:600; }

.tssa_stock_view .box_noti { position:relative; padding:16px 20px; background:#ededed; overflow:hidden; }
.tssa_stock_view .box_noti .im { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:155%; }
.tssa_stock_view .box_noti .cm_xsmtxt { padding-left:36px; word-break:keep-all; }

.tssa_stock_view .contents01 { padding:30px 20px; padding-bottom:71px; }
.tssa_stock_view .contents01.bg { padding:30px 20px; }
.tssa_stock_view .contents01.bg .box_cont { overflow:hidden; }
.tssa_stock_view .contents01.bg .box_cont .cm_thumb_wrap { float:left; width:60px; height:60px; margin-right:10px; border-radius:5px; border:1px solid #ededed; overflow:hidden; }
.tssa_stock_view .contents01.bg .box_cont .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.tssa_stock_view .contents01.bg .box_cont .box_info { float:left; width:calc(100% - 70px); height:60px; padding:0 8px; border-radius:5px; background:#fff; overflow:hidden; }
.tssa_stock_view .contents01.bg .box_cont .box_info .ic_emblem { float:left; width:38px; height:43px; margin:10px 10px 6px 0; background:url('/images/sub/ic-emblem-pro.png') no-repeat center; background-size:contain;  }
.tssa_stock_view .contents01.bg .box_cont .box_info .cm_xsmtxt { float:left; display:block; width:calc(100% - 50px); margin-top:13px; color:#e8343f; }
.tssa_stock_view .contents01.bg .box_cont .box_info .cm_smtxt  { float:left; width:calc(100% - 50px); }
.tssa_stock_view .contents01.bg .box_cont .box_info .ic_emblem.ama { background:url('/images/sub/ic-emblem-ama.png') no-repeat center; background-size:contain; }
.tssa_stock_view .contents01.bg .box_cont .box_info .ic_emblem.ama + .cm_xsmtxt { color:#ff9303; }
.tssa_stock_view .contents01.bg .box_cont .box_info .ic_emblem.rok { background:url('/images/sub/ic-emblem-rookie.png') no-repeat center; background-size:contain; }
.tssa_stock_view .contents01.bg .box_cont .box_info .ic_emblem.rok + .cm_xsmtxt { color:#26dc71; }

.tssa_stock_view .cm_btn_interest { display:block; position:relative; width:100%; height:30px; border:1px solid #ddd; border-radius:15px; background:#fff; box-sizing:border-box; text-align:center; }
.tssa_stock_view .cm_btn_interest .cm_smtxt { color:#999; line-height:30px; vertical-align:middle; }
.tssa_stock_view .cm_btn_interest .ic_circle{ display:inline-block; position:relative; width:16px; height:16px; margin:0 5px 0 0; border:1px solid #adb6c7; border-radius:50%; text-align:center; overflow:hidden; vertical-align:middle; }
.tssa_stock_view .cm_btn_interest .ic_circle .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:30%; line-height:16px; }
.tssa_stock_view .cm_btn_interest.on .im { color:#e8343f !important; }

.tssa_stock_view .box_view_detail { padding:15px 0; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.tssa_stock_view .box_view_detail .box_value { text-align:center; overflow:hidden; }
.tssa_stock_view .box_view_detail .box_value .label { display:block; color:#777; font-size:80%; line-height:22px; }
.tssa_stock_view .box_view_detail .box_value .value { display:block; font-size:0.938rem; line-height:22px; }
.tssa_stock_view .box_view_detail .box_value .value.up { color:#e8343f !important; }
.tssa_stock_view .box_view_detail .box_value .value.down { color:#5e6b9e !important; }
.tssa_stock_view .box_view_detail .box_value .value.profit { color:#f5634a !important; }
.tssa_stock_view .box_view_detail .box_value .value.loss { color:#22a5df !important; }

.tssa_stock_view .box_view_detail .box_value.goal { margin-bottom:10px; }
.tssa_stock_view .box_view_detail .box_value.goal span { display:inline-block; vertical-align:middle; }
.tssa_stock_view .box_view_detail .box_value.goal .label { margin-right:15px; }

.tssa_stock_view .box_view_detail .box_value.add { display:flex; padding:10px 0; border-radius:10px; background:#f8f8f8; }
.tssa_stock_view .box_view_detail .box_value.add li { flex:1 1 auto; height:40px; border-right:1px solid #ddd; }
.tssa_stock_view .box_view_detail .box_value.add li .label { line-height:18px; }
.tssa_stock_view .box_view_detail .box_value.add li .value { margin-top:2px; font-size:125%; line-height:20px; }
.tssa_stock_view .box_view_detail .box_value.add li .value small { font-size:75%;}
.tssa_stock_view .box_view_detail .box_value.add li:nth-child(3) { border-right:0; }
.tssa_stock_view .box_view_detail .box_value.add li:nth-child(3) .value { font-size:95%; color:#666; }
 
.tssa_stock_view .box_stock_info { padding:20px 15px; margin-top:15px; border-radius:10px; background:#fff8f8; }
.tssa_stock_view .box_stock_info .cm_subtit { display:inline-block; margin-right:3px; font-weight:700; vertical-align:middle }
.tssa_stock_view .box_stock_info .cm_subtit + .cm_smtxt { display:inline-block; line-height:26px; vertical-align:middle }
.tssa_stock_view .box_stock_info .box_desc { margin-top:10px; }
.tssa_stock_view .box_stock_info .box_desc li { position:relative; padding-left:16px; margin-top:3px; overflow:hidden; }
.tssa_stock_view .box_stock_info .box_desc li:first-child { margin-top:0; }
.tssa_stock_view .box_stock_info .box_desc li:before { display:block; content:''; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#555; }
.tssa_stock_view .box_stock_info .box_desc li span { display:block; font-size:95%; line-height:22px; }
.tssa_stock_view .box_stock_info .box_desc li .label { float:left; width:80px; color:#555; text-align:justify; text-align-last:justify; }
.tssa_stock_view .box_stock_info .box_desc li .value { float:right; max-width:calc(100% - 90px); padding:2px 0 0 0; }
.tssa_stock_view .box_stock_info .box_desc li .value small { font-size:85%; }

.tssa_stock_view .box_stock_reason { padding:15px 0 30px 0; border-bottom:1px solid #ddd; }
.tssa_stock_view .box_stock_reason .box_keyword { margin-left:-5px; overflow:hidden; }
.tssa_stock_view .box_stock_reason .box_keyword li { display:inline-block; height:25px; padding:0 15px; margin:5px; border:1px solid #e8343f; border-radius:13px; font-weight:600; font-size:80%; line-height:25px; }
.tssa_stock_view .box_stock_reason .box_txt { font-size:80%; line-height:22px; }

.tssa_stock_view .box_company { max-height:318px; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; overflow-y:auto; }

.tssa_stock_view .box_btn { position:relative; bottom:auto; overflow:hidden; }
.tssa_stock_view .box_btn .btn_list { display:block; float:right; width:60px; height:30px; border:1px solid #ddd; background:#fff; font-size:75%; line-height:30px; text-align:center; }

.tssa_stock_view .box_btn.js_fixed { position:fixed; left:0; bottom:0; width:100%; padding:10px 20px 20px 20px; background:#fff; }
.tssa_stock_view .box_btn .cm_btn_line { display:block; float:left; width:calc(50% - 5px); height:40px; margin-right:10px; font-size:80%; line-height:40px; }
.tssa_stock_view .box_btn .cm_btn_line strong { display:inline-block; margin-left:5px; line-height:40px; vertical-align:middle; }
.tssa_stock_view .box_btn .cm_btn_bg { display:block; float:left; width:calc(50% - 5px); height:40px; font-size:80%; line-height:40px; }
.tssa_stock_view .box_btn .cm_btn_bg .im { font-size:90%; }
    */

/*핀업 스탁 강의 소개페이지
.eduintro_view .cm_bn { position:relative; }
.eduintro_view .cm_bn .box_tit { display:block; position:absolute; top:13.33%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; color:#fff; text-align:center; z-index:1; }
.eduintro_view .cm_bn .box_tit > * { font-weight:500; }
.eduintro_view .cm_bn .box_tit b { font-weight:700; }
.eduintro_view .cm_bn .cm_bn_img { z-index:0;}

.eduintro_view .contents01 { padding:30px 15px; overflow:visible; }
.eduintro_view .contents01:after { display:block; content:''; clear:both; }
.eduintro_view .contents02 { padding:30px 0; }
.eduintro_view .contents02 .cm_subtit { padding: }
.eduintro_view .contents02 .box_cont { position:relative; }
.eduintro_view .contents02 .box_cont h3 { padding:0 20px; word-break:keep-all; }
.eduintro_view .contents02 .box_cont h2 { padding:0 20px; word-break:keep-all; }
.eduintro_view .contents02 .box_cont + .box_cont { margin-top:50px; }

.eduintro_view .list_wrap .list_cont.thumb { position:relative; width:305px; cursor:pointer; }
.eduintro_view .list_wrap .list_cont.thumb .cm_thumb_wrap { width:100%; border-radius:10px; }
.eduintro_view .list_wrap .list_cont.thumb .cm_thumb_wrap .badge { position:absolute; top:15px; left:15px; height:20px; padding:0 8px; border-radius:3px; background:#e8373d; color:#fff; font-size:70%; line-height:20px; }
.eduintro_view .list_wrap .list_cont.thumb .box_tit { display:-webkit-box; height:44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.eduintro_view .list_wrap .list_cont.thumb .box_category .im { margin:0 2px 0 0; font-size:85%; vertical-align:middle;}
.eduintro_view .list_wrap .list_cont.thumb .box_category .ic_dot { display:inline-block; margin:-1px 5px 0; color:#ccc; vertical-align:middle; }

.eduintro_view .list_wrap .list_cont.service { display:table; float:none; position:relative; width:100%; min-height:70px; overflow:hidden; }
.eduintro_view .list_wrap .list_cont.service .ic { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:70px; height:70px; border-radius:10px; background:url('/images/sub/tf_edu_ic_service01.png') no-repeat 0 0; background-size:contain; }
.eduintro_view .list_wrap .list_cont.service .ic_service02 { background-image:url('/images/sub/tf_edu_ic_service02.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service03 { background-image:url('/images/sub/tf_edu_ic_service03.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service04 { background-image:url('/images/sub/tf_edu_ic_service04.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service05 { background-image:url('/images/sub/tf_edu_ic_service05.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service06 { background-image:url('/images/sub/tf_edu_ic_service06.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service07 { background-image:url('/images/sub/tf_edu_ic_service07.png'); }
.eduintro_view .list_wrap .list_cont.service .ic_service08 { background-image:url('/images/sub/tf_edu_ic_service08.png'); }
.eduintro_view .list_wrap .list_cont.service .box_txt { display:table-cell; min-height:70px; padding-left:80px; margin-left:10px; vertical-align:middle; }
.eduintro_view .list_wrap .list_cont.service .box_txt .cm_smtxt {  word-break:keep-all; }
.eduintro_view .list_wrap .list_cont.service .box_txt .cm_smtxt a { word-break:keep-all; }
.eduintro_view .list_wrap .list_cont.service .box_txt .cm_smtxt .im { margin:0 0 0 3px; color:#777; font-size:90%; vertical-align:middle; }
.eduintro_view .list_wrap .list_cont.service .box_txt .cm_smtxt .ic_important { font-size:90% !important; }

.eduintro_view .btn_move { width:180px; height:30px; margin:0 auto; border-radius:5px; color:#fff; font-size:70%; font-weight:700; line-height:normal; }
.eduintro_view .btn_move .im { margin:0 0 0 3px; font-size:90%; vertical-align:middle; }

.eduintro_view .ic_best { display:inline-block; color:#ff7500; font-size:80%; line-height:26px; font-style:italic; }
.eduintro_view .ic_important { display:inline-block; height:20px; padding:0 8px; margin-right:10px; border-radius:3px; background:#ffefef; color:#e8373d; font-size:70%; line-height:20px; vertical-align:middle; }

.eduintro_view .box_review  { position:relative; }
.eduintro_view .box_review > * { display:block; position:relative; width:100%; margin:0 auto; text-align:center; }

.eduintro_view .box_review .list_wrap { width:100%; height:auto; text-align:left; overflow:visible; }
.eduintro_view .box_review .list_wrap .slick-list { overflow:visible !important; }
.eduintro_view .box_review .list_wrap .list_cont { position:relative; height:220px; padding:15px; margin:0 7px; background:#fff; border-radius:10px; opacity:0.6; overflow:hidden; }
.eduintro_view .box_review .list_wrap .list_cont .box_tit { display:-webkit-box !important; font-weight:500; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.eduintro_view .box_review .list_wrap .list_cont .box_desc { display:-webkit-box !important; height:96px; font-weight:500; -webkit-line-clamp:6; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.eduintro_view .box_review .list_wrap .list_cont .btn_move { display:inline-block; height:30px; border-radius:5px; color:#777; font-size:70%; line-height:30px; }
.eduintro_view .box_review .list_wrap .list_cont .btn_move .im { margin:0 0 0 3px; font-size:90%; vertical-align:middle; }

.eduintro_view .box_review .list_wrap .list_cont.slick-current { opacity:1; box-shadow: 4.1px 2.9px 14.3px 0.8px rgba(0, 0, 0, 0.1); }
.eduintro_view .box_review .list_wrap .list_cont.slick-current .btn_move { display:block; width:100%; background:#ff7500; color:#fff; text-align:center; }

.eduintro_view .box_lecture { position:relative; word-break:keep-all; }
.eduintro_view .box_lecture > .cm_smtxt { text-align:center; }
.eduintro_view .box_lecture > .cm_tit { text-align:center; }

.eduintro_view .box_lecture .box_nav { position:relative; left:-20px; width:calc(100% + 40px); height:auto; padding:15px; background:#fff; overflow-x:auto; z-index:10; }
.eduintro_view .box_lecture .box_nav::-webkit-scrollbar { display: none; }
.eduintro_view .box_lecture .box_nav.fixed { position:fixed; top:0; left:0; width:100%; }

.eduintro_view .box_lecture .box_nav ul { display:inline-block; min-width:462px; width:auto; }
.eduintro_view .box_lecture .box_nav ul:after { display:block; content:''; clear:both; }
.eduintro_view .box_lecture .box_nav li { display:inline-block; height:40px; padding:0 15px; border:1px solid #ededed; border-radius:20px; color:#777; font-size:95%; line-height:40px; cursor:pointer; }
.eduintro_view .box_lecture .box_nav li + li { margin-left:10px; }
.eduintro_view .box_lecture .box_nav li.on { 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; font-weight:700; box-shadow:5px 5px 15px rgba(000,000,000, 0.1);  }

.eduintro_view .box_lecture .box_dialogue { position:relative; width:100%; min-height:60px; padding:10px; border:1px solid #ff7500; border-radius:0 30px 30px 30px; background:#fff; color:#222; text-align:center; box-shadow:4.1px 2.9px 14.3px 0.8px rgba(0, 0, 0, 0.1); }
.eduintro_view .box_lecture .box_dialogue .ic { display:inline-block; width:40px; height:40px; margin-right:5px; background:url(/images/sub/tf_edu_ic_user01.png) no-repeat 0 0; background-size:contain; vertical-align:middle; }
.eduintro_view .box_lecture .box_dialogue .ic_user02 { background-image:url('/images/sub/tf_edu_ic_user02.png'); }
.eduintro_view .box_lecture .box_dialogue .ic_user03 { background-image:url('/images/sub/tf_edu_ic_user03.png'); }
.eduintro_view .box_lecture .box_dialogue .ic_user04 { background-image:url('/images/sub/tf_edu_ic_user04.png'); }
.eduintro_view .box_lecture .box_dialogue .ic_user05 { background-image:url('/images/sub/tf_edu_ic_user05.png'); }
.eduintro_view .box_lecture .box_dialogue > span { display:inline-block; max-width:calc(100% - 45px); text-align:left; vertical-align:middle; }

.eduintro_view .box_scene h3.cm_subtit { font-weight:700; }
.eduintro_view .box_scene { margin-top:30px; border-top:1px solid #ededed; }
.eduintro_view .box_scene.scene01 { margin-top:0; border-top:0; }
.eduintro_view .box_scene.scene01 .list_wrap .list_cont.free { float:none; }
.eduintro_view .box_scene.scene01 .list_wrap .list_cont.free .cm_thumb_wrap { float:left; width:130px; height:70px; border-radius:10px; }
.eduintro_view .box_scene.scene01 .list_wrap .list_cont.free .cm_thumb_wrap img { display:block; width:100%; height:auto; }
.eduintro_view .box_scene.scene01 .list_wrap .list_cont.free .badge { display:inline-block; float:left; height:20px; padding:0 8px; margin-left:15px; border-radius:3px; background:#e8373d; color:#fff; font-size:70%; line-height:20px; }
.eduintro_view .box_scene.scene01 .list_wrap .list_cont.free .box_tit { display:-webkit-box; float:left; width:calc(100% - 145px); height:44px; margin-left:15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }

.eduintro_view .box_scene.scene01 .box_live { margin-top:15px; }
.eduintro_view .box_scene.scene01 .box_live.non_live { padding-top:0; border-top:0; }
.eduintro_view .box_scene.scene01 .box_live h4.cm_txt { font-weight:600; }
.eduintro_view .box_scene.scene01 .box_live .cm_thumb_wrap { width:100%; border-radius:10px; }
.eduintro_view .box_scene.scene01 .box_live .cm_thumb_wrap .badge { position:absolute; top:15px; left:15px; height:20px; padding:0 8px; border-radius:3px; background:#e8373d; color:#fff; font-size:70%; line-height:20px; }
.eduintro_view .box_scene.scene01 .box_live .box_tit { display:-webkit-box; max-height:44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow:ellipsis; overflow:hidden; }
.eduintro_view .box_scene.scene01 .box_live .box_category .im { margin:0 2px 0 0; font-size:85%; vertical-align:middle;}
.eduintro_view .box_scene.scene01 .box_live .box_category .ic_dot { display:inline-block; margin:-1px 5px 0; color:#ccc; vertical-align:middle; }

.eduintro_view .box_scene.scene02  h3.cm_smtxt { font-weight:700; }
.eduintro_view .box_scene.scene02 .list_wrap.subject .list_cont.service { float:left; width:50%; } 
.eduintro_view .box_scene.scene02 .list_cont.service { overflow:visible; } 
.eduintro_view .box_scene.scene02 .list_cont.service:before { display:block; content:''; clear:both; } 
.eduintro_view .box_scene.scene02 .list_cont.service.arrow:after  { display:block; content:''; position:absolute; top:-20px; left:30px; width:10px; height:20px; background:url(/images/sub/tf_edu_ic_service02_arrow.png) no-repeat; background-size:contain;  }

.eduintro_view .box_scene.scene03 .img_phone { display:block; width:100%; height:auto; }
.eduintro_view .box_scene.scene03 .list_wrap .list_cont.service .box_txt{ margin-top:13px; }

.eduintro_view .box_scene.scene04 .bg_arrow { display:inline-block; position:relative; }
.eduintro_view .box_scene.scene04 .bg_arrow::after { display:block; content:''; position:absolute; bottom:0; right:-142px; width:127px; height:45px; background:url('/images/sub/tf_edu_report_arrow.png') no-repeat bottom right; background-size:contain; }

.eduintro_view .box_scene.scene04 > img { display:block; width:135px; height:50px; }
.eduintro_view .box_scene.scene04 .box_report { position:relative; width:100%; border-radius:10px; border:1px solid #ededed; overflow:hidden; }
.eduintro_view .box_scene.scene04 .box_report .box_time { height:30px; padding:0 20px; background:#fafafa; color:#777; font-size:70%; line-height:30px; text-align:right; }
.eduintro_view .box_scene.scene04 .box_report .box_time .im { margin:-2px 3px 0 0; font-size:90%; vertical-align:middle; }
.eduintro_view .box_scene.scene04 .box_report li { float:left; height:auto; }
.eduintro_view .box_scene.scene04 .box_report li img { display:block; width:100%; height:auto; }

.eduintro_view .box_scene.scene04 .box_finup { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding-left:53px; }
.eduintro_view .box_scene.scene04 .box_finup img { position:absolute; top:4px; left:0; width:auto; height:32px; }

.eduintro_view .box_recomend h2.cm_subtit { font-weight:700; }
.eduintro_view .box_recomend .box_tab { width:100%; padding-left:15px; overflow-x:auto; }
.eduintro_view .box_recomend .box_tab::-webkit-scrollbar { display: none; }
.eduintro_view .box_recomend .box_tab ul { display:inline-block; margin-right:20px; }

.eduintro_view .box_recomend hr { display:block; width:calc(100% - 40px); height:1px; margin:15px auto; background:#222; } 
.eduintro_view .box_recomend .swiper .list_wrap { overflow:visible; } 

.eduintro_view .box_intro .cm_tit{ text-align:center; }
.eduintro_view .box_intro ol { overflow:hidden; }
.eduintro_view .box_intro ol .intro_cont { float:left; text-align:center; word-break:keep-all; }
.eduintro_view .box_intro ol .intro_cont .cm_txt { display:block; }
.eduintro_view .box_intro ol .intro_cont .cm_txt { word-break:keep-all; }

.eduintro_view .box_intro ol .slick-dots { margin-bottom:0; margin-top:20px; }
.eduintro_view .box_intro ol .slick-dots li { width:10px; height:10px; margin:0 3px; border-radius:50%; overflow:hidden; }
.eduintro_view .box_intro ol .slick-dots li button { display:block; width:100%; height:100%; background:#ddd; }
.eduintro_view .box_intro ol .slick-dots li.slick-active button { background:#ff7500; }
.eduintro_view .box_intro ol .slick-dots li button:before { display:none; }

.eduintro_view .box_member { padding-bottom:0; background:url('/images/sub/tf_edu_banner.png') no-repeat center top; background-size:100% 100%; color:#fff; }
.eduintro_view .box_member .box_value .box_count { font-weight:700; font-size:280%; line-height:60px; vertical-align:middle; }
.eduintro_view .box_member .box_value .box_count small { font-size:55%; }
.eduintro_view .box_member .box_value .date { color:#ccc; }

.eduintro_view .box_member .box_data { display:-webkit-box; display:-ms-flexbox; display:flex; min-height:82px; padding:15px 0; background:rgba(000,000,000,0.6); }
.eduintro_view .box_member .box_data li { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; position:relative; padding:0 15px; }
.eduintro_view .box_member .box_data li + li:before { display:block; content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#777; opacity:0.4; }
.eduintro_view .box_member .box_data li .label { display:block; }
.eduintro_view .box_member .box_data li .label .im { margin:-1px 3px 0 0; font-size:90%; vertical-align:middle; }
.eduintro_view .box_member .box_data li .value { display:block; vertical-align:middle; }
.eduintro_view .box_member .box_data li .value small { font-size:70%; }

.eduintro_view .box_bottom .box_btn { position:relative; width:100%; padding:25px 15px; border-radius:10px; border:1px solid #ededed; overflow:hidden; word-break:keep-all; }
.eduintro_view .box_bottom .box_btn + .box_btn { margin-top:15px; }
.eduintro_view .box_bottom .box_btn .cm_btn_bg { width:100%; padding:10px; border-radius:5px; color:#fff; font-size:80%; font-weight:700; line-height:20px; word-break:keep-all; }
    */


/*강의 기획전 상세
.exhibition_view .contents02 { padding: 30px 0; }
.exhibition_view .contents02 + .contents02 { padding-top:0; }
.exhibition_view .box_img img { display:block; width:100%; height:auto; }
.exhibition_view .cm_subtit { padding:0 15px; font-weight:600; }
.exhibition_view .cm_subtit .im { margin:0 0 0 5px; font-size:95%; vertical-align:middle; }
.exhibition_view .cm_subtit + .cm_xsmtxt { padding:0 15px; }
.exhibition_view .cm_tooltip_desc  { max-width:80%; }
.exhibition_view .cm_tooltip_desc .tooltip_article { margin-top:0; margin-left:0; font-size:0.813rem; line-height:20px; }
    */

/*자유게시판 글쓰기*/
.freeboard_write .cm_subtit { position:relative; font-weight:700; word-break:keep-all; }
.freeboard_write .box_btn.bottom { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; gap:10px; justify-content:space-between; overflow:hidden; }
.freeboard_write .box_btn.bottom .cm_btn { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; height:45px; line-height:45px; border-radius:5px; text-align:center; }
.freeboard_write .box_btn.bottom .cm_btn.btn_list { flex:unset; float:right; width:auto; height:30px; padding:0 15px; margin-left:auto; border-radius:0; font-size:0.813rem; line-height:30px; } 

/*자유게시판 상세*/
.freeboard_view .board_top .category { display:block; width:70%; text-overflow:ellipsis; white-space:nowrap; line-height:25px; overflow:hidden; }
.freeboard_view .board_top .btn_move { position:absolute; top:15px; right:15px; display:block; width:auto; height:25px; padding:0 10px; border-radius:5px; font-size:13px; font-weight:normal; line-height:25px; }
.freeboard_view .board_top .txt_info { display:-webkit-box; display:-ms-flexbox; display:flex; justify-content:space-between; }
.freeboard_view .board_top .txt_info.add {justify-content:flex-start; }
.freeboard_view .board_top .txt_info .cm_user_name { margin:0;   }
.freeboard_view .board_top .txt_tit .tit .cm_badge { margin-right:5px; vertical-align:text-bottom; }

.freeboard_view .board_desc  { border-bottom:0; }

.freeboard_view .board_btn .btn_next { border-bottom:1px solid #ededed !important; }
.freeboard_view .board_btn.add { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; flex-direction:column; gap:30px 0; padding:0 15px 30px; border-bottom:1px solid #ededed; align-items:flex-start;  }
.freeboard_view .board_btn.add .btn_link { padding:1px; font-size:0.813rem; line-height:20px; }
.freeboard_view .board_btn.add .btn_link .cm_user_name { color:#222; font-weight:bold; font-size:0.813rem; }
.freeboard_view .board_btn.add .btn_link .im-angle-right { margin:-2px 0 0 3px; font-size:90%; vertical-align:middle; }
.freeboard_view .board_btn.add .box_btn { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:nowrap; gap:0 20px; justify-content:center; align-self:center; }
.freeboard_view .board_btn.add .box_btn .cm_btn { width:150px; height:40px; border-radius:5px; font-size:0.938rem; line-height:40px; }
.freeboard_view .board_btn.add .box_btn .cm_btn .im { color:#ccc; margin-right:10px; }
.freeboard_view .board_btn.add .box_btn .cm_btn.on .im { color:#e8373d; animation: beating .5s 1 alternate; -webkit-animation: beating .5s 1 alternate; }

.freeboard_view .box_cont .cm_subtit { font-weight:700; }
.freeboard_view .box_cont .cm_subtit .im { margin-top:-2px; margin-left:5px; font-size:90%; vertical-align:middle; }
.freeboard_view .box_cont .list_wrap { border-top:2px solid #222; }
.freeboard_view .box_cont .list_wrap .list_cont.horizon04 { padding:15px !important; }
.freeboard_view .box_cont .list_wrap .list_cont.horizon04.on { background:#f8f8f8; }
.freeboard_view .box_cont .list_wrap .list_cont.horizon04.on dl .box_txt.row2.cm_txt{ font-weight:bold !important; }

.freeboard_view .box_cont.cm_contents  cm_reply_list{  }

.freeboard_view .cm_view_cont { display:-webkit-box; display:-ms-flexbox; flex-direction:column; display:flex; gap:30px 0; }
.freeboard_view .cm_view_cont .cm_contents .cm_reply_list { margin-top:15px !important }
.freeboard_view .cm_view_cont .cm_contents .cm_reply_wrap .cm_reply_write { margin-top:15px !important }

@keyframes beating {
    0% {transform: scale(1);}
    40% {transform: scale(1.5);}
    70% {transform: scale(0.9);}
    100% {transform: scale(1);}
  }

/*페이지별 상세 스타일*/