﻿/*
    [제목] 핀업 리스트 CSS
    [생성일] 2020-04-06
    [내용] 핀업 리스트 페이지에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

/*리스트 레이아웃 스타일*/
.list_wrap { width:1200px; height:auto; overflow:hidden; }
.list_cont { float:left; background:#fff; box-sizing:border-box; overflow:hidden; } 
.list_cont.non_list { width:100%; height:200px !important; padding:0 !important; border:1px solid #ddd; background:transparent !important; color:#777; font-size:16px !important; text-align:center; line-height:200px; } 
.list_cont.list_hidden { display:none !important; } 
.list_cont .cm_badge_wrap { display:block; float:left; }
.list_cont .cm_satisfaction { display:block; float:right; height:25px; line-height:25px; }
.list_cont .cm_mentor_name image { margin-top:-6px; font-size:80%; }
.list_cont .cm_txt{ display:block; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.list_cont .list_info { float:left; width:100%; height:75px; margin-top:10px; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.list_cont .list_info .cm_btn_intro { float:right; }
.list_cont .list_info .list_info_tit { float:left; width:calc(100% - 83px); height:100%; padding:13px; border-right:1px solid #ddd; box-sizing:border-box;}


/*마이페이지 리스트(참여한 펀딩)*/
.list_cont.horizon02 { position:relative; width:100%; padding:25px 10px; border:0; border-bottom:1px solid #ddd; overflow:hidden; cursor:pointer; }
.list_cont.horizon02 .cm_thumb_wrap { float:left; position:relative; width:343px; height:196px; border:1px solid #ddd; overflow:hidden; }
.list_cont.horizon02 .cm_thumb_wrap img { display:block; width:100%; height:auto; }
.list_cont.horizon02 .box_info { float:left; width:calc(100% - 400px); margin-left:50px; }
.list_cont.horizon02 .box_info .cm_badge_wrap { float:none; width:100%; height:auto; margin-bottom:5px; overflow:hidden; }
.list_cont.horizon02 .box_info .cm_badge { display:inline-block; float:left; height:25px; padding:0 10px; font-size:13px; line-height:25px; box-sizing:content-box; }
.list_cont.horizon02 .box_info span.cm_badge { float:none; }
.list_cont.horizon02 .box_info .cm_badge.bg { height:27px; line-height:27px; }
.list_cont.horizon02 .box_info .tit { display:block; display:-webkit-box;  width:100%; max-height:50px; margin:10px 0 20px 0; font-size:18px; font-weight:600; line-height:25px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; clear:both; }
.list_cont.horizon02 .box_info .cm_info_desc  { padding:0; margin:0; }
.list_cont.horizon02 .box_info .cm_info_desc li { height:22px; margin-top:10px; }
.list_cont.horizon02 .box_info .cm_info_desc li:first-child { margin-top:0; }
.list_cont.horizon02 .box_info .cm_info_desc span { display:block; height:22px; font:500 15px/22px 'Noto Sans KR'; }
.list_cont.horizon02 .box_info .cm_info_desc span.tit { width:200px; padding-left:15px; margin:0; color:#777;  }
.list_cont.horizon02 .box_info .cm_info_desc span.tit:before { background:#777; }
.list_cont.horizon02 .box_info .cm_info_desc span.txt { width:calc(100% - 200px); }
.list_cont.horizon02 .box_info .cm_info_desc span.txt a { display:inline-block; width:auto; height:100%; /*border-bottom:1px solid #222;*/ z-index:1;}


/*검색 결과 리스트/마이페이지 리스트*/
.list_cont.horizon03 { position:relative; width:100%; padding:19px 24px; border-bottom:1px solid #ededed; background:#fff; box-sizing:border-box; }
.list_cont.horizon03:first-child { border-top:1px solid #ededed; }
.list_cont.horizon03 .cm_badge_wrap { float:left; width:87%; height:auto; }
.list_cont.horizon03 .cm_badge.radar { background:#b71e4e; color:#fff; }
.list_cont.horizon03 .cm_badge.navy { padding:0 15px; }
.list_cont.horizon03 .cm_badge.successrate { padding:0 10px; }
.list_cont.horizon03 .cm_tendency { height:25px; line-height:24px; }
.list_cont.horizon03 .cm_satisfaction { float:left; margin-left:15px; font-size:16px; }

.list_cont.horizon03 .list_info{ float:left; width:87%;  height:auto; border:0; }
.list_cont.horizon03 .list_info .tit { float:left; width:100%; font-weight:500; font-size:15px; line-height:22px; }
.list_cont.horizon03 .list_info .cm_mentor_name { display:inline-block;  margin-top:5px; }

.list_cont.horizon03 .list_sate { position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:13%; height:auto; margin:0; text-align:center; }
.list_cont.horizon03 .list_sate .list_sate_txt{ display:inline-block; font-size:16px;  }
.list_cont.horizon03 .list_sate .list_sate_txt .cm_smtxt{ display:block; margin-top:5px; color:#999; line-height:16px;}
.list_cont.horizon03 .list_sate .list_sate_txt .cm_smtxt strong{ font-weight:500; color:#ff7500 !important; }


/*마이페이지 리스트*/
.list_cont.horizon05 { float:inherit; width:100%; border-bottom:1px solid #ededed; background:#fff; box-sizing:border-box; }
.list_cont.horizon05 .box_sate { vertical-align:middle; text-align:center; }
.list_cont.horizon05 .box_sate .ic_sate { display:inline-block; width:85px; height:35px; border:1px solid #ddd; border-radius:5px; font-size:15px; line-height:33px; text-align:center; }

.list_cont.horizon05 .box_info { height:auto; padding:15px 0; border:0; }
.list_cont.horizon05 .box_info.small {  width:31%; height:auto; margin-left:11.7%; border:0; }
.list_cont.horizon05 .box_info .tit { display:block; margin:5px 0; font-size:15px; font-weight:500; line-height:22px; }
.list_cont.horizon05 .box_info .cm_smtxt { display:block; }
.list_cont.horizon05 .box_info .cm_txt { display:block; }

.list_cont.horizon05 .box_pay { font-size:15px; text-align:center; }
.list_cont.horizon05 .box_point { display:table-cell; font-size:15px; text-align:center; }
.list_cont.horizon05 .box_method { font-size:15px; text-align:center; }
.list_cont.horizon05 .box_sum { font-size:13px; text-align:center; }


/*마이페이지 펀딩 (추천리스트, 관심 펀딩)*/
.list_cont.vertical01 { float:left; width:300px; height:auto; margin-right:20px; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; }
.list_cont.vertical01:last-child { margin-right:0; }
.list_cont.vertical01 .cm_thumb_wrap { display:block; position:relative; height:auto; padding-top:50%; background:#f1f2f4; overflow:hidden; }
.list_cont.vertical01 .cm_thumb_wrap .category { position:absolute; right:15px; top:15px; height:25px; padding:0 10px; background:rgba(000,000,000, 0.4); color:#fff; font-size:16px; text-shadow:1px 1px 2px rgba(000,000,000,0.3); line-height:25px; z-index:5; }
.list_cont.vertical01 .cm_thumb_wrap img { display:block; position:absolute; top:0; width:100%; height:auto; }

.list_cont.vertical01 .box_info { padding:15px 20px; border-top:1px solid #ddd; background:#fff; overflow:hidden; }
.list_cont.vertical01 .seller { display:block; height:20px; margin-bottom:8px; color:#777; font-size:16px; line-height:20px; overflow:hidden; }
.list_cont.vertical01 .tit { display:block; height:48px; display:-webkit-box; font:600 18px/24px 'Noto Sans KR'; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.list_cont.vertical01 .data { display:block; height:20px; margin-top:10px; color:#777; font-size:16px; line-height:21px; }
.list_cont.vertical01 .data strong { margin-right:8px; color:#029e6e; font-size:137.5%; vertical-align:middle; }


/*이벤트 리스트*/
.list_cont.vertical06 { position:relative; width:380px; height:410px; padding:0; margin:50px 25px 0 0; box-sizing:border-box; }
.list_cont.vertical06:nth-child(1) { margin-top:0; }
.list_cont.vertical06:nth-child(2) { margin-top:0; }
.list_cont.vertical06:nth-child(3) { margin-top:0; }
.list_cont.vertical06:nth-child(3n) { margin-right:0; }
.list_cont.vertical06 .cm_thumb_wrap { width:100%; height:270px; }
.list_cont.vertical06 .list_info { position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:340px; height:170px; padding:20px; border:0; background:#fff; text-align:center; box-sizing:border-box; z-index:1; }
.list_cont.vertical06 .list_info .category { display:inline-block; width:110px; height:30px; border:1px solid #00856e; border-radius:50px; color:#00856e; font:400 15px/28px 'Noto Sans KR';  }
.list_cont.vertical06 .list_info .category.cm_color_finup { border:1px solid #2e2e72; color:#2e2e72; }
.list_cont.vertical06 .list_info .category.cm_color_stock { border:1px solid #ff7500; color:#ff7500; }
.list_cont.vertical06 .list_info .category.cm_color_radar { border:1px solid #b71e4e; color:#b71e4e; }
.list_cont.vertical06 .list_info .category.cm_color_starter { border:1px solid #22a5df; color:#22a5df; }
.list_cont.vertical06 .list_info .category.cm_color_funding { border:1px solid #00856e; color:#00856e; }
.list_cont.vertical06 .list_info .category.cm_color_tssa { border:1px solid #e8343f; color:#e8343f; }

.list_cont.vertical06 .list_info .tit { display:block; position:relative; width:300px; height:60px; margin:10px auto; font:600 20px/30px 'Noto Sans KR'; text-align:center; overflow:hidden; }
.list_cont.vertical06 .list_info .tit  span { display:-webkit-box; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(); width:100%; max-height:60px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.list_cont.vertical06 .list_info .period { color:#777; font:300 17px 'Noto Sans KR'; }
.list_cont.vertical06 .list_info .period .im { margin-right:7px; font-size:80%; }


/*마이페이지-프리미엄 종목 알림*/
.list_cont.vertical07 { position:relative; width:364px; height:auto; padding:20px; margin:20px 23px 0 0 ; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.list_cont.vertical07:nth-child(1){ margin-top:0; }
.list_cont.vertical07:nth-child(2){ margin-top:0; }
.list_cont.vertical07:nth-child(3){ margin-top:0; }
.list_cont.vertical07:nth-child(3n){ margin-right:0; }
.list_cont.vertical07 .cm_mentor_name { font-size:15px; }
.list_cont.vertical07 .cm_mentor_name .im-angle-right { margin:-5px 2px 0 0; }
.list_cont.vertical07 .cm_info_desc { width:195px; height:110px; padding:10px 20px; border-radius:15px; background:#f8f8f8; box-sizing:border-box; }
.list_cont.vertical07 .cm_info_desc .info_desc_txt{ margin-top:5px; }
.list_cont.vertical07 .cm_info_desc .info_desc_txt:nth-child(1){ margin-top:0; }
.list_cont.vertical07 .cm_info_desc .tit{ width:100px; font-size:15px; line-height:22px; } 
.list_cont.vertical07 .cm_info_desc .txt { width:calc(100% - 95px); font-size:15px; line-height:22px; text-align:right; }
.list_cont.vertical07 .mentor_img { position:absolute; bottom:0; right:0; width:130px; height:170px; overflow:hidden; }
.list_cont.vertical07 .mentor_img img{ display:block; height:100%; }
.list_cont.vertical07 .cm_thumb_wrap { position:absolute; bottom:20px; right:20px; width:110px; height:110px; border-radius:10px; }
.list_cont.vertical07 .cm_smtxt { position:absolute; top:10px; right:10px; display:block; float:right; text-align:right; font:normal 13px 'Noto Sans KR'; }
.list_cont.vertical07 .cm_smtxt .im { font-size:80%; margin-right:5px; }
.list_cont.vertical07 .stockname { display:block; width:100%; height:35px; padding:3px 15px; margin-top:10px; background:#f8f8f8; border-radius:10px; box-sizing:border-box; }
.list_cont.vertical07 .stockname .name { display:inline-block; font-size:15px; line-height:26px; font-weight:700; }
.list_cont.vertical07 .stockname .badge { float:right; font-size:15px; line-height:26px;}
.list_cont.vertical07.bn_soon { border:1px dashed #ddd; padding:0; }



/*페이지 스타일*/
/*이벤트*/
.event_list .cm_tit { margin-bottom:30px; overflow:hidden; }
.event_list .cm_tab.text_style { margin-top:5px; float:right; }
.event_list .list_wrap { margin-top:50px;}
.event_list .list_wrap .cm_thumb_wrap .end { position:absolute; top:0; }
.event_list .list_wrap .list_info .period.end { color:#bbb !important; text-decoration:line-through; }
.event_list .list_wrap .non_list .im { margin:-3px 5px 0 0; font-size:100%; vertical-align:middle; }
.event_list .cm_table_wrap tr td .category { display:inline-block; width:110px; height:30px; border:1px solid #262961; border-radius:50px; font:400 15px/28px 'Noto Sans KR';  }
.event_list .cm_table_wrap tr td.non_date { height:200px; color:#777; font-size:16px !important; }
.event_list .cm_table_wrap tr td.non_date .im { margin:-3px 5px 0 0; font-size:100%; vertical-align:middle; }


/*고객센터*/
.help_list .cm_tit { margin-bottom:30px; overflow:hidden; }
.help_list .tab_service { float:left; width:800px; height:150px; overflow:hidden; }
.help_list .tab_service .tab_service_menu { float:left; width:266px; height:100%; padding:35px 0 30px 0; border:1px solid #ddd; font:500 18px 'Noto Sans KR'; box-sizing:border-box; text-align:center; cursor:pointer; }
.help_list .tab_service .tab_service_menu:nth-child(2) { border-right:0; border-left:0; }
.help_list .tab_service .tab_service_menu .ic { display:inline-block; width:56px; height:55px; background:url('/Images/ServiceCenter/faq_icon.png') no-repeat 0 -55px; overflow:hidden; }
.help_list .tab_service .tab_service_menu:nth-child(2) .ic { background-position-x:-56px; }
.help_list .tab_service .tab_service_menu:nth-child(3) .ic { width:65px; background-position-x:-112px; }

.help_list .tab_service .tab_service_menu .txt { display:inline-block; width:100%; }

.help_list .tab_service .tab_service_menu.on { background-color:#2e2e72; }
.help_list .tab_service .tab_service_menu.on .ic { background-position-y:0; }
.help_list .tab_service .tab_service_menu.on .txt { color:#fff; }

.help_list .box_service_info { float:right; width:390px; height:150px; padding:35px 30px; margin-bottom:50px; background:url('/Images/ServiceCenter/service_center.png') no-repeat 277px center #f8f8f8; box-sizing:border-box; clear:right; }
.help_list .box_service_info .tit { display:block; margin-bottom:13px; font-size:23px; font-weight:600; line-height:23px; }
.help_list .box_service_info .txt { display:block; color:#666; font-size:17px; line-height:22px; }
.help_list .cm_tab.round_style { width:100%; height:auto; padding:20px 0; margin-top:50px; background:#f8f8f8; text-align:center; box-sizing:border-box; }
.help_list .cm_tab.round_style .cm_tab_menu { display:inline-block; float:none; width:auto; padding:0 15px; background:#fff; box-sizing:border-box; }
.help_list .cm_tab.round_style .cm_tab_menu.on { background:#2e2e72; }
.help_list .cm_tab.round_style .cm_tab_menu:hover { background:#2e2e72; }
.help_list .box_list { background:#f8f8f8; }
.help_list .list_wrap.faq { padding:0 30px; box-sizing:border-box; }
.help_list .list_wrap.faq .list_cont { width:100%; margin:0 0 7px 0; border-bottom:1px solid #ddd; }
.help_list .list_wrap.faq .list_cont:last-child { margin-bottom:0; }
.help_list .list_wrap.faq .list_cont .tit { padding:15px 20px; font-size:17px; cursor:pointer; }
.help_list .list_wrap.faq .list_cont .tit .im { float:right; margin-top:3px; font-size:17px; vertical-align:middle; }
.help_list .list_wrap.faq .list_cont .desc { display:none; padding:30px 20px; font-size:15px; line-height:22px; border-top:1px solid #ddd; }

.help_list .cm_paging_wrap { margin:30px auto 20px auto; }

.help_list .box_search { width:100%; overflow:hidden;}
.help_list .box_search .cm_form_wrap { float:left; }
.help_list .box_search .cm_form_wrap .cm_form.text02 { margin-left:0; }
.help_list .box_search .cm_tab.text_style { float:right; height:40px; }

.help_list .cm_table_wrap td .ic { margin:-2px 5px 0 0; color:#ff7500; font-size:95%; vertical-align:middle; }
 td .ic_new { display:inline-block; width:40px; height:22px; margin:-2px 0 0 10px; border-radius:3px; background:#ff7500; color:#fff; font-size:13px; font-weight:normal; line-height:22px; vertical-align:middle; text-align:center; }
 td .ic_noti { display:inline-block; width:40px; height:22px; margin:-2px 10px 0 0; border-radius:3px; background:#e8373d; color:#fff; font-size:13px; font-weight:normal; line-height:22px; vertical-align:middle; text-align:center; }
.help_list .cm_table_wrap .cm_form.textarea { height:300px; }
.help_list .cm_table_wrap.table_write .box_attached { padding-left:10px; }
.help_list .cm_table_wrap.table_write .box_attached li { padding:2px 0; box-sizing:border-box; }
.help_list .cm_table_wrap.table_write .box_attached li .im { margin:-2px 0 0 10px; color:#555; font-size:70%; vertical-align:middle; }
.help_list .btn_submit { width:200px; height:40px; margin:50px auto 0 auto; font-size:15px; line-height:35px; text-align:center; }


/*마이페이지*/
.mypage_list { width:940px; min-width:unset; float:left; }
.mypage_list .contents01 { width:940px; padding:0 0 0 0; }
.mypage_list .cm_tit { margin-bottom:25px; }
.mypage_list .cm_tit .category { display:inline-block; position:relative; padding-left:11px; margin:0 0 0 10px; }
.mypage_list .cm_tit .category:before { display:block; content:''; position:absolute; top:8px; left:0; width:1px; height:25px; background:#ddd; }
.mypage_list .cm_tab { width:100%; margin-bottom:15px; }
.mypage_list .cm_tab.num03 li { width:33.3%; }
.mypage_list .cm_tab.num03 li.on { border-top:2px solid #222; }
.mypage_list .cm_paging_wrap { margin-bottom:0; }

.mypage_list .box_point { 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; margin-bottom:50px; overflow:hidden; }
.mypage_list .box_point .box_info { position:relative; padding:20px 15px; border-radius:5px; box-sizing:border-box; overflow:hidden; }
.mypage_list .box_point .box_info .tit { display:inline-block; width:100%; font-size:17px; }
.mypage_list .box_point .box_info .txt { display:inline-block; width:100%; margin-top:5px; font-weight:600; font-size:22px; }
.mypage_list .box_point .box_info .txt.point { font-weight:normal; font-size:24px; }
.mypage_list .box_point .box_info .btn_submit { position:absolute; top:20px; right:15px; height:25px; padding:0 10px; border-radius:15px; font-weight:500; font-size:14px; line-height:25px; box-sizing:border-box; text-align:center; }
.mypage_list .box_point .box_info .cm_btn_line.btn_submit { line-height:23px; }

.mypage_list .box_point .box_info.hold { -webkit-flex:0 0 300px; -ms-flex:0 0 300px; flex:0 0 300px; width:300px; height:100px; width:300px; border:1px solid #222; }
.mypage_list .box_point .box_info.refund { -webkit-flex:0 0 250px; -ms-flex:0 0 250px; flex:0 0 250px; width:250px; height:100px; margin-right:5px; background:#f8f8f8;  }
.mypage_list .box_point .box_info.noti { -webkit-flex:0 0 365px; -ms-flex:0 0 365px; flex:0 0 365px; width:365px; padding:0; }
.mypage_list .box_point .box_info.noti .txt { display:block; margin:0; font-size:13px; line-height:20px; }

.mypage_list .box_filter { margin-bottom:20px; overflow:hidden; }
.mypage_list .box_filter .cm_form_wrap { float:left; width:auto; height:35px; }
.mypage_list .box_filter .cm_form_wrap .cm_form { margin-left:0; line-height:35px; }

.mypage_list .box_filter .box_date { float:left; width:auto; overflow:hidden; }
.mypage_list .box_filter .box_date .btn_date { float:left;  width:99px; height:35px; border-right:0; font-size:15px; line-height:33px; text-align:center; }
.mypage_list .box_filter .box_date .btn_date:last-of-type { border-right:1px solid #ddd; }
.mypage_list .box_filter .box_date .cm_form.text02 { text-align:center; }
.mypage_list .box_filter .box_date .cm_form.cm_btn_ic { right:10px; }
.mypage_list .box_filter .box_date .box_txt { display:inline-block; float:left; width:11px; text-align:center; line-height:35px; vertical-align:middle; overflow:hidden; }

.mypage_list .box_filter .cm_form.cm_btn_bg { display:block; float:left; width:80px; height:35px !important; margin-left:10px; background:#222; color:#fff; font-weight:500; font-size:15px; line-height:35px !important; text-align:center; }
.mypage_list .box_filter .cm_form.select { float:left; background-position:142px 15px; }

.mypage_list .cm_filter_wrap { width:100%; }
.mypage_list .cm_filter_wrap .box_detail{ padding:20px 0 30px 0; }
.mypage_list .cm_filter_wrap .cm_subtit.btn_more{ padding:10px 0 7px 0; cursor:pointer; }
.mypage_list .cm_filter_wrap .txt_period { display:inline-block; width:80%; height:27px; vertical-align:middle; }
.mypage_list .cm_filter_wrap .txt{ display:inline-block; width:15%; height:27px; vertical-align:middle; text-align:right; }
.mypage_list .cm_filter_wrap .box_ic { margin-left:0; clear:right; }
.mypage_list .cm_filter_wrap .btn_input { margin:0 8px 10px 0; }
.mypage_list .cm_filter_wrap .btn_input.on { border:1px solid #222; background:#fff; color:#222; }
.mypage_list .cm_filter_wrap .box_date { display:inline-block; width:auto; height:35px; vertical-align:top; }
.mypage_list .cm_filter_wrap .box_date .cm_form_wrap { display:inline-block; width:auto; height:35px; }
.mypage_list .cm_filter_wrap .box_date .box_txt { display:inline-block; width:11px; height:45px; text-align:center; line-height:35px; vertical-align:top; overflow:hidden; }
.mypage_list .cm_filter_wrap .box_btn { margin:20px 0 0 0; text-align:center; }
.mypage_list .cm_filter_wrap .box_btn .cm_btn_bg { display:inline-block; width:172px; height:35px; font-size:15px; line-height:35px; text-align:center; }
.mypage_list .cm_filter_wrap .box_btn .cm_btn_bg.gray { margin-right:8px; border:1px solid #ddd; color:#222; line-height:33px; }

.mypage_list .list_wrap { width:100%; border-top:1px solid #ededed;  overflow:visible; }
.mypage_list .list_wrap .non_list { width:100%; height:200px !important; padding:0 !important; border-bottom:1px solid #ededed; background:transparent !important; color:#777; font-size:15px !important; text-align:center;  }
.mypage_list .list_wrap .list_cont.horizon03 { float:inherit; width:100%; text-align:center; }
.mypage_list .list_wrap .list_cont.horizon03 td { padding:15px 10px; }
.mypage_list .list_wrap .list_cont.horizon03 .list_info { float:inherit; width:45%; text-align:left; }
.mypage_list .list_wrap .list_cont.horizon03 .tit { margin-top:10px; }
.mypage_list .list_wrap .list_cont.horizon03 .cm_mentor_name { cursor:pointer; font-size:15px; line-height:22px; }
.mypage_list .list_wrap .list_cont.horizon03 .cm_txt.point { font-size:15px; }
.mypage_list .list_wrap .list_cont.horizon03 .date { display:inline-block; margin-top:10px; }
.mypage_list .list_wrap .list_cont.horizon03 .btn_link { width:130px; height:30px; margin-bottom:5px; color:#555; border-radius:5px; font-size:13px; line-height:28px; text-align:center; }
.mypage_list .list_wrap .list_cont.horizon03 .cm_btn_bg.btn_link { line-height:30px; }
.mypage_list .list_wrap .list_cont.horizon03 .btn_link.cm_btn_bg.gray { color:#ccc; }
.mypage_list .list_wrap .list_cont.horizon03 .btn_link:last-of-type { margin-bottom:0; }
.mypage_list .list_wrap .list_cont.horizon03 .btn_link .im { margin:-2px 5px 0 0; font-size:90%; vertical-align:middle; }
.mypage_list .list_wrap .list_cont.horizon03 .btn_link .ic { display:inline-block; width:12px; height:12px; margin-right:5px; background:url('/Images/Common/ic-heart.png') no-repeat; background-position-x:0; vertical-align:middle }

.mypage_list .cm_bn { width:100%; height:150px; margin-top:30px; overflow:hidden; }
.mypage_list .cm_bn img { display:block; width:100%; }


/*마이페이지 > 결제 내역*/
.mypage_list.order_list .box_auto  { padding:20px 15px; margin-bottom:30px; background:#f8f8f8; }
.mypage_list.order_list .box_auto .list_wrap { margin-top:20px; }
.mypage_list.order_list .box_auto .list_wrap .list_cont { float:inherit; font-size:14px; border-bottom:1px solid #ddd; }
.mypage_list.order_list .box_auto .list_wrap .list_cont td { padding:10px 5px; text-align:center; }
.mypage_list.order_list .box_auto .list_wrap .list_cont td.non { text-decoration:line-through; }
.mypage_list.order_list .box_auto .list_wrap .list_cont td .im { margin:-2px 3px 0 0; font-size:85%; vertical-align:middle;  }
.mypage_list.order_list .box_auto .list_wrap .non_list { height:50px !important; background:#fff !important; line-height:50px; }
.mypage_list.order_list .box_auto .list_wrap .box_btn .cm_btn_bg { display:inline-block; width:100px; height:30px; font-size:14px; line-height:28px; text-align:center;  }
.mypage_list.order_list .box_filter .box_date .btn_date {  width:54px; }


/*마이페이지 > 1:1문의내역*/
.mypage_list.qna_list .cm_search_wrap { float:left; width:400px;s clear:left;  }
.mypage_list.qna_list .btn_qna { float:right; width:135px; height:40px; margin-bottom:20px; border-radius:5px; font-size:15px; line-height:40px; text-align:center; clear:right; }
.mypage_list.qna_list .cm_table_wrap td .ic_answer { display:inline-block; width:66px; height:24px; border-radius:3px; background:#f4f5fa; font-size:13px; }
.mypage_list.qna_list .cm_table_wrap td .ic_answer.ready { background:#ddd; }
.mypage_list.qna_list .cm_table_wrap td .date { line-height:20px; }
.mypage_list.qna_list .cm_table_wrap tr.non_list td { height:200px !important; padding:0 !important; background:transparent !important; color:#777; font-size:16px !important; text-align:center; line-height:200px; } 


/*마이페이지 > 쿠폰 리스트*/
.mypage_list.coupon_list .box_coupon { padding:15px 20px; margin-bottom:30px; background:#f8f8f8; }
.mypage_list.coupon_list .box_coupon .cm_txt { display:inline-block; margin-left:20px; }
.mypage_list.coupon_list .box_coupon .value { margin-left:5px; vertical-align:text-bottom; }


/*마이페이지 > 알림 리스트*/
.mypage_list.alarm_list .ic_new { display:inline-block; width:40px; height:22px; margin:-2px 10px 0 0; border-radius:3px; background:#ff7500; color:#fff; font-size:13px; font-weight:normal; line-height:22px; vertical-align:middle; text-align:center; }
.mypage_list.alarm_list .box_info { padding:25px 20px; }
.mypage_list.alarm_list .list_cont.horizon05 .box_info .tit { font-size:15px; margin:0; }
.mypage_list.alarm_list .box_sum { padding:30px 20px; font-size:13px; text-align:right; vertical-align:top; }


/*마이페이지 > 구독정보리스트*/
.mypage_list.subscribe_list .txt_noti { height:auto; padding:10px 20px; border-top:1px solid #ddd; background:#f8f8f8; color:#e8373d; font-size:15px; line-height:25px; }
.mypage_list.subscribe_list .txt_noti .im { margin:-2px 5px 0 0; font-size:90%; vertical-align:middle; }

.mypage_list.subscribe_list .list_wrap .list_cont.horizon03 .tit { cursor:pointer; }
.mypage_list.subscribe_list .list_wrap.radar .list_cont.horizon03 .tit { cursor:default; }
.mypage_list.subscribe_list .cm_form { margin:0; line-height:33px; }
.mypage_list.subscribe_list .cm_form.select { margin:0 8px 10px 0; background-color:#fff; }
.mypage_list.subscribe_list .non_data { width:100%; height:200px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:transparent; color:#777; font-size:16px; line-height:198px; text-align:center; }


/*마이페이지 > 관심등록정보*/
.mypage_list.favorite_list .cm_tab.text_style { width:auto; float:right; clear:both;}
.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .box_img { display:inline-block; width:80px; height:80px; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .box_img img { display:block; width:100%; height:auto; }
.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .box_img img { display:block; width:100%; height:auto; }

.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .mentor_slogan { display:-webkit-box; height:auto; max-height:56px; margin:10px 0 0 0; font-size:14px; line-height:18px; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; }
.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .cm_btn_ic.more { padding:0; font-size:13px;  margin:10px 0 0 0;}
.mypage_list.favorite_list .list_wrap .list_cont.horizon03 .cm_btn_ic.more .im { font-size:80%; }


/*마이페이지 > 프리미엄 추천종목*/
.mypage_list.premium_list .cm_tab.text_style { width:auto; height:22px; float:right; clear:both; }
.mypage_list.premium_list .cm_tab.text_style .cm_tab_menu { height:100%; line-height:22px; }
.mypage_list.premium_list .cm_tab.text_style .cm_tab_menu .cm_btn_line { width:120px; height:22px; margin-top:0; font:400 13px/26px 'Noto Sans KR'; text-align:center; overflow:hidden; cursor:pointer; }

.mypage_list.premium_list .cm_filter_wrap.block02 { border-top:1px solid #ededed; border-bottom:1px solid #ededed; clear:both; }
.mypage_list.premium_list .cm_form { margin:0; line-height:33px; }
.mypage_list.premium_list .txt_noti { display:block; height:auto; margin:10px 0; color:#999; font-size:15px }

.mypage_list.premium_list .box_mymentor { clear:both; height:50px; padding:0 20px; line-height:50px; border-top:1px solid #ddd; }
.mypage_list.premium_list .box_mymentor .box_mentor { display:inline-block; margin-left:15px; }
.mypage_list.premium_list .box_mymentor .box_mentor .cm_mentor_name { margin-right:10px;}
.mypage_list.premium_list .box_mymentor .box_mentor .non_data { border:0; color:#999; font-size:15px; line-height:26px; }

.mypage_list.premium_list .list_wrap .box_info { padding:30px 15px; font-size:18px; }
.mypage_list.premium_list .list_wrap .box_sum { font-size:15px; }

.mypage_list.premium_list .list_wrap.vip { overflow:hidden; }

.mypage_list.premium_list .list_wrap .list_cont.vertical07 { width:460px; height:auto; margin:20px 20px 0 0; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07:nth-child(1) { margin-top:0; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07:nth-child(2) { margin-top:0; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07:nth-child(2n) { margin-right:0; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_smtxt a.info { padding:2px 10px; margin-left:10px; border-radius:3px; background:#999; color:#fff; font-size:13px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .btn_as { display:inline-block; width:auto; height:22px; padding:0 10px; margin-left:10px; border:1px solid #ddd; border-radius:15px; font:500 12px/20px 'Noto Sans KR'; vertical-align:middle; cursor:pointer; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .stockname { height:auto; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .stockname .name { line-height:26px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .stockname .badge { line-height:26px; font-weight:700; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_info_desc { width:100%; height:auto; background:transparent; padding:0 0 0 10px; margin-top:7px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_info_desc .tit { width:100px; padding-left:10px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_info_desc .txt { width:calc(100% - 110px); font-size:15px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_btn_line { float:left; width:100%; height:40px; margin:20px 0 0 0; line-height:38px; border-radius:5px; font-size:15px; }
.mypage_list.premium_list .list_wrap .list_cont.vertical07 .cm_btn_line:hover { line-height:30px; }

.mypage_list.premium_list .cm_filter_wrap .box_detail .btn_input { width:215px; margin-right:10px;  }
.mypage_list.premium_list .cm_filter_wrap .box_detail .btn_input:nth-of-type(4) { width:216px; margin-right:0; }

.mypage_list.premium_list .non_data { width:100%; height:200px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:transparent; color:#777; font-size:16px; line-height:198px; text-align:center; }


/*마이페이지 > 참여한 펀딩*/
.mypage_list.funding_list .cm_tab.text_style { width:auto; height:28px; float:right; clear:both; }
.mypage_list.funding_list .cm_tab.text_style .cm_tab_menu { height:100%; line-height:28px; }
.mypage_list.funding_list .cm_tab.text_style + .noti { display:block; margin-top:50px; }

.mypage_list.funding_list .cm_filter_wrap.block02 { border-top:1px solid #ddd; border-bottom:1px solid #ddd; clear:both; }
.mypage_list.funding_list .cm_form { margin:0; line-height:33px; }
.mypage_list.funding_list .cm_form.select { margin:0 8px 10px 0; background-color:#fff; }
.mypage_list.funding_list .non_data { width:100%; height:200px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:transparent; color:#777; font-size:16px; line-height:198px; text-align:center; }
.mypage_list.funding_list .list_wrap { border:0; clear:both; overflow:hidden; }
.mypage_list.funding_list .list_wrap .list_cont.non_list { margin:0; border:0; border-bottom:1px solid #ddd; }

.mypage_list.funding_list .list_wrap.interest .list_cont.vertical01 { margin-top:20px; margin-right:20px; }
.mypage_list.funding_list .list_wrap.interest .list_cont.vertical01:nth-child(1) { margin-top:0; }
.mypage_list.funding_list .list_wrap.interest .list_cont.vertical01:nth-child(2) { margin-top:0; }
.mypage_list.funding_list .list_wrap.interest .list_cont.vertical01:nth-child(3) { margin-top:0; }
.mypage_list.funding_list .list_wrap.interest .list_cont.vertical01:nth-child(3n) { margin-right:0; }
.mypage_list.funding_list .list_wrap.interest .list_cont.non_list { padding:77px 0 !important; margin:0; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; line-height:23px; }

.mypage_list.funding_list .list_wrap.making { border-top:1px solid #ddd; }
.mypage_list.funding_list .list_wrap.making .list_cont.horizon02 { cursor:default; }
.mypage_list.funding_list .list_wrap.making .list_cont.horizon02 .box_info { width:calc(100% - 150px); margin-left:0; }
.mypage_list.funding_list .list_wrap.making .list_cont.horizon02 .btn_move { position:absolute; top:50%; right:10px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:150px; height:28px; color:#555; font-size:14px; line-height:28px; box-sizing:content-box;}
.mypage_list.funding_list .list_wrap.making .list_cont.non_list { height:auto; padding:40px 0 !important; line-height:23px; }
.mypage_list.funding_list .list_wrap.making .list_cont.non_list .btn_move { display:block; width:190px; height:50px; margin:20px auto 0 auto; }

.mypage_list.funding_list .tit_recommend { display:block; height:27px; margin-top:120px; font-size:20px; font-weight:600; line-height:27px; clear:both; }
.mypage_list.funding_list .tit_recommend + .list_wrap { margin-top:20px; }


/*차단내역*/
.mypage_list.block_list .list_wrap .list_cont.horizon03 td { padding:25px 20px; }
.mypage_list.block_list .list_wrap .list_cont.horizon03 td .cm_user_name { font-size:15px; }
.mypage_list.block_list .list_wrap .list_cont.horizon03 td .date { margin-top:0; font-size:13px; }