/*
    [제목] 핀업 스탁 모바일 리스트 페이지 CSS
    [생성일] 2020-10-14
    [내용] 핀업 스탁 모바일 리스트 페이지에 있는 레이아웃 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/
.list_wrap { width:100%; overflow:hidden; }
.list_wrap .list_cont { position:relative; box-sizing:border-box; overflow:hidden; }
.list_wrap .list_cont .list_info { border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; }
.list_wrap .list_cont .cm_thumb_wrap .cm_btn_curri { position:absolute; bottom:10px; left:15px; background:#fff; color:#555; line-height:25px; }
.list_cont.non_list { width:100%; height:150px !important; padding:0 !important; border:0; background:transparent !important; color:#999; font-size:80% !important; text-align:center; line-height:150px; }
.list_cont.non_list .im-info { margin:0 7px 0 0; font-size:100%; vertical-align:middle; }

.list_cont.vertical01 { position:relative; width:100%; margin-bottom:15px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
.list_cont.vertical01 .box_info { padding:10px; }
.list_cont.vertical01 .box_info .prize { display:inline-block; height:20px; padding:0 10px; background:#ff7500; border-radius:10px; color:#fff; font-size:80%; font-weight:500; line-height:20px; text-align:center; }
.list_cont.vertical01 .box_info .state { float:right; font-weight:500; font-size:80%; line-height:20px; }
.list_cont.vertical01 .box_info .state.ing { color:#555; }
.list_cont.vertical01 .box_info .state.fin { color:#e8373d; }
.list_cont.vertical01 .box_info .state.over { color:#bbb; }
.list_cont.vertical01 .box_info .tit { margin:10px 0 5px 0; font-size:95%; line-height:22px; }
.list_cont.vertical01 .box_info .period { position:relative; padding-left:45px; margin-bottom:10px; color:#999; font-size:80%; }
.list_cont.vertical01 .box_info .period .im { position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:90%; }
.list_cont.vertical01 .box_info .goods { font-weight:bold; font-size:115%; line-height:26px; }
.list_cont.vertical01 .box_noti { padding:10px; background:#f8f8f8; color:#777; font-size:80%; line-height:20px; }

.list_cont.vertical02 { float:left; width:100%; height:auto; margin-right:20px; border:1px solid #ddd; box-sizing:border-box; cursor:pointer; }
.list_cont.vertical02:last-child { margin-right:0; }
.list_cont.vertical02 .cm_thumb_wrap { position:relative; height:auto; padding-top:50%; background:#f1f2f4; overflow:hidden;}
.list_cont.vertical02 .cm_thumb_wrap .category { position:absolute; right:10px; top:10px; height:17px; padding:0 3px; background:rgba(000,000,000, 0.4); color:#fff; font-size:90%; line-height:17px; text-shadow:1px 1px 2px rgba(000,000,000,0.3); z-index:5; }
.list_cont.vertical02 .cm_thumb_wrap img { display:block; position:absolute; top:0; width:100%; }

.list_cont.vertical02 .box_info { padding:10px 15px 12px 15px; border-top:1px solid #ddd; background:#fff; overflow:hidden; }
.list_cont.vertical02 .seller { display:block; height:15px; margin-bottom:8px; color:#777; font-size:70%; line-height:15px; overflow:hidden; }
.list_cont.vertical02 .tit { display:block; height:44px; display:-webkit-box; font:600 95%/22px '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.vertical02 .data { display:block; height:20px; margin-top:6px; color:#777; font-size:75%; line-height:17px; }
.list_cont.vertical02 .data strong { margin-right:6px; color:#029e6e; font-size:140%; font-weight:normal; vertical-align:middle; }


.list_cont.vertical04 { padding:20px 15px; margin-top:15px; border:1px solid #ddd; border-top:2px solid #222; box-sizing:border-box; }
.list_cont.vertical04:first-child { margin-top :0; }
.list_cont.vertical04 .date { position:absolute; top:7px; right:15px; padding-left:15px; font-size:0.688rem; line-height:20px; }
.list_cont.vertical04 .date .im { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-top:2px; font-size:80%; vertical-align:middle; }
.list_cont.vertical04 .box_info { width:100%; height:auto; padding:4px 15px; margin-top:10px; border-radius:10px; background:#f8f8f8; line-height:30px; box-sizing:border-box; overflow:hidden; }
.list_cont.vertical04 .box_info .stock { font-size:0.938rem; line-height:22px; }
.list_cont.vertical04 .box_info .data { float:right; font-size:0.938rem; font-weight:600; vertical-align:22px; }
.list_cont.vertical04 .cm_info_desc { margin-top:10px; }
.list_cont.vertical04 .cm_info_desc.bg { float:left; width:calc(100% - 110px); padding:15px 13px; border-radius:10px; background:#f8f8f8; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt { margin-top:3px; }
.list_cont.vertical04 .cm_info_desc.bg .info_desc_txt:first-child {  margin-top:0; }
.list_cont.vertical04 .cm_info_desc.bg .bull { padding-left:10px;  }
.list_cont.vertical04 .cm_thumb_wrap { float:right; width:99px; height:99px; margin-top:10px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.list_cont.vertical04 .cm_thumb_wrap img { width:100%; height:100%; }
.list_cont.vertical04 .mentor_img { position:absolute; bottom:0; right:-20px; width:135px; height:90%; overflow:hidden; }
.list_cont.vertical04 .mentor_img img { display:block; position:absolute; bottom:0; right:0; height:90%; }
.list_cont.vertical04 .btn_more { width:100%; height:40px; margin-top:10px; border-radius:5px; color:#777; font-size:0.938rem; line-height:40px; text-align:center; }
.list_cont.vertical04 .box_btn { width:100%; height:auto; }
.list_cont.vertical04 .box_btn > * { float:left; height:40px; margin-top:10px; border:1px solid #ddd; border-radius:5px; background:#fff; color:#777; font-size:95%; line-height:40px; text-align:center; }


.list_cont.horizon01 { padding:15px; border-bottom:1px solid #ddd; }
.list_cont.horizon01:first-child { border-top:1px solid #ddd; }

.list_cont.horizon01 .cm_txt { display:-webkit-box; max-height:44px; margin-top:8px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden;  }
.list_cont.horizon01 .btn_more { display:block; margin-top:5px; color:#777; font-size:80%; line-height:20px; }
.list_cont.horizon01 .btn_more .im { margin-left:3px; font-size:80%; vertical-align:bottom; line-height:20px; }

.list_cont.horizon01 .btn_reset { width:100%; padding:10px 0 8px 0; margin-top:10px; border:1px solid #ddd; font-size:80%; line-height:22px; overflow:hidden; }

.list_cont.horizon01 .box_btn { margin-top:10px; border:1px solid #ddd; overflow:hidden; }
.list_cont.horizon01 .box_btn li { float:left; width:100%; height:100%; padding:10px 0 8px 0; border-left:1px solid #ddd; font-size:80%; line-height:22px; }
.list_cont.horizon01 .box_btn li:first-child { border-left:0; }

.list_cont.horizon01 .box_btn li a { display:block; width:100%; height:100%; text-align:center; }
.list_cont.horizon01 .box_btn li a .im { margin-right:3px; font-size:100%; vertical-align:middle; }
.list_cont.horizon01 .box_btn li .btn_interest.on .im{ color:#e8373d; }
.list_cont.horizon01 .box_btn li a .ic { display:inline-block; width:11px; height:16px; margin-top:-2px; margin-right:5px; background:url('/images/common/ic-heart-off.png') no-repeat; background-size:contain; vertical-align:middle;  }
.list_cont.horizon01 .box_btn li .btn_interest.on .ic{ background:url('/images/common/ic-heart-on.png') no-repeat; background-size:contain;  }
/*
.list_cont.horizon01 .box_btn.num02 li { width:50%;  }
.list_cont.horizon01 .box_btn.num03 li { width:33.33%; }
.list_cont.horizon01 .box_btn.num04 li { width:25%;  }
*/


.list_cont.horizon02 { position:relative; width:100%; padding:15px; border:1px solid #ddd; overflow:hidden; cursor:pointer; }
.list_cont.horizon02 .cm_badge_wrap { overflow:hidden; }
.list_cont.horizon02 .cm_badge { display:inline-block; float:left; height:22px; margin-bottom:5px; line-height:22px; box-sizing:border-box; }
.list_cont.horizon02 .cm_badge.line  { height:22px; line-height:20px; }
.list_cont.horizon02 .tit { display:block; display:-webkit-box; width:100%; max-height:44px; margin:5px 0 20px 0; font-size:95%; font-weight:600; line-height:22px; 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 .cm_info_desc  { padding:0; margin:0; }
.list_cont.horizon02 .cm_info_desc li { height:auto; margin-top:2px; }
.list_cont.horizon02 .cm_info_desc li:first-child { margin-top:0; }
.list_cont.horizon02 .cm_info_desc span { display:block; height:auto; font:normal 80%/20px 'Noto Sans KR'; }
.list_cont.horizon02 .cm_info_desc span.tit { width:50%; padding-left:10px; margin:0; color:#777; }
.list_cont.horizon02 .cm_info_desc span.tit:before { top:8px; background:#777; }
.list_cont.horizon02 .cm_info_desc span.txt { width:50%; margin:0; }
.list_cont.horizon02 .cm_info_desc span.txt a { display:inline-block; width:auto; height:auto; padding-bottom:2px; /*border-bottom:1px solid #222;*/ line-height:19px; box-sizing:border-box; z-index:1;}


.list_cont.horizon03 { box-sizing:border-box; border-bottom:1px solid #ddd; overflow:hidden; }
.list_cont.horizon03 .box_sate { padding-left:15px; text-align:center; vertical-align:middle; }
.list_cont.horizon03 .box_sate .ic_sate { display:inline-block; width:58px; height:25px; border-radius:5px; border:1px solid #ddd; font-size:0.688rem; line-height:24px; }
.list_cont.horizon03 .box_sate .ic_new { display:inline-block; width:40px; height:22px; border-radius:3px; background:#ff7500; color:#fff; font-size:80%; line-height:22px; }
.list_cont.horizon03 .box_info { position:relative; padding:15px 10px 15px 12px; }
.list_cont.horizon03 .box_info span { display:block; color:#999; font-size:0.688rem; line-height:16px; }
.list_cont.horizon03 .box_info .tit { margin:10px 0 5px 0; color:#222; font-size:0.938rem; line-height:22px; }
.list_cont.horizon03 .box_info .ic_arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:95%; clear:right; }

.list_cont.horizon03 .box_point { padding:15px 15px 15px 0; text-align:right; vertical-align:middle; }
.list_cont.horizon03 .box_point span { display:block; font-size:0.813rem; line-height:22px; }


.list_cont.horizon04 { padding:15px 15px; border-bottom:1px solid #ddd; }
.list_cont.horizon04 .cm_badge_wrap .cm_badge.white_nv { line-height:20px;}
.list_cont.horizon04 .cm_badge_wrap .cm_badge.white { line-height:20px;}
.list_cont.horizon04 .cm_badge_wrap .cm_satisfaction { float:left; margin-right:5px; display:inline-block; font-size:90%; line-height:20px; }

.list_cont.horizon04 .box_info { float:left; width:calc(100% - 80px);}
.list_cont.horizon04 .box_info .tit { display:block; margin-top:10px; font-size:0.938rem; line-height:22px; overflow:hidden; }
.list_cont.horizon04 .box_info .tit.txt_hidden { display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; }
.list_cont.horizon04 .box_info .date { display:inline-block; margin-right:10px; vertical-align:middle; line-height:16px; }
.list_cont.horizon04 .box_info .price { display:none; font-size:95%; line-height:24px; vertical-align:middle; word-break:keep-all; }
.list_cont.horizon04 .box_info .price strong { line-height:24px; vertical-align:middle; }
.list_cont.horizon04 .box_info .price small { font-size:80%; }

.list_cont.horizon04 .box_sate { float:right; width:80px }
.list_cont.horizon04 .box_sate .txt { display:block; margin-top:10px; font-size:0.813rem; line-height:20px; text-align:right; }
.list_cont.horizon04 .box_sate .data { display:block; margin-top:5px; color:#999; font-size:70%; line-height:16px; text-align:right; }

.list_cont.horizon04 .box_btn { display:block; float:left; width:100%; margin-top:10px; overflow:hidden; border:1px solid #ddd; }
.list_cont.horizon04 .box_btn > * { width:100%; height:40px; padding:10px 0 8px 0; border:0; border-left:1px solid #ddd; color:#555; font-size:80%; line-height:22px; text-align:center;  }
.list_cont.horizon04 .box_btn > *:first-of-type { border-left:0; }
.list_cont.horizon04 .box_btn > *.cm_btn_bg { color:#999; }

.list_cont.horizon04 .cm_mentor_name { display:block; margin-top:10px; }
.list_cont.horizon04 .cm_user_name { padding: 1px 0 0 18px; }
.list_cont.horizon04 .btn_reset { width:100%; padding:9px 0 8px 0; margin-top:10px; border:1px solid #ddd; font-size:0.938rem; line-height:22px; overflow:hidden; }

.list_cont.horizon04 .box_inapp_noti { float:left; position:relative; width:100%; padding:10px 15px; margin:10px 0 0; border-radius:5px; border:1px solid #ddd; background:#f8f8f8; }
.list_cont.horizon04 .box_inapp_noti .del { text-decoration:line-through; margin:0 0 0 15px; }
.list_cont.horizon04 .box_inapp_noti .cm_color_bk { text-decoration:underline; }
.list_cont.horizon04 .box_inapp_noti .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#ccc; font-size:100%; }

.list_cont.horizon05 { padding:15px 0; border:1px solid #ddd; border-top:0; }
.list_cont.horizon05:first-child { border-top:1px solid #ddd; }
.list_cont.horizon05 .box_info { width:calc(100% - 38px); padding-left:15px; }
.list_cont.horizon05 .tit { display:block; display:-webkit-box; width:100%; height:40px; font-weight:600; font-size:95%; line-height:20px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; overflow:hidden; }
.list_cont.horizon05 .cm_mentor_name { display:inline-block; position:relative; margin:4px 8px 0 0; font-size:95%; line-height:20px; vertical-align:middle; }

.list_cont.horizon05.no_before .data { padding-left:0; }
.list_cont.horizon05.no_before .data:before { display:none; }
.list_cont.horizon05 .data { display:inline-block; position:relative; padding-left:11px; margin:3px 8px 0 0; color:#777; font-size:75%; font-weight:500; line-height:14px; vertical-align:middle; }
.list_cont.horizon05 .data:before { position:absolute; content:''; top:2px; left:0; width:1px; height:10px; background:#ddd; }
.list_cont.horizon05 .data.non_line { padding-left:0; }
.list_cont.horizon05 .data.non_line:before { display:none; }
.list_cont.horizon05 .ic_arrow { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#777; font-size:95%; clear:right; }

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

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

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

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


.list_cont.vertical07 { position:relative; width:100%; height:auto; margin-bottom:20px; overflow:hidden; }
.list_cont.vertical07:last-child { margin-bottom:0; }
.list_cont.vertical07 .cm_thumb_wrap { position:absolute; top:0; left:0; width:100%; z-index:0; }
.list_cont.vertical07 .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.list_cont.vertical07 .cm_thumb_wrap .thm_fin { position:absolute; top:0; }
.list_cont.vertical07 .list_info { position:relative; width:calc(100% - 40px); height:auto; padding:15px; margin-top:64%; margin-left:20px; border:0; background:#fff; text-align:center; z-index:1; }
.list_cont.vertical07 .list_info .tit { display:-webkit-box; margin:0 auto 15px auto; font-size:115%; font-weight:700; line-height:26px; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.list_cont.vertical07 .list_info .period { display:block; color:#777; font-size:80%; font-weight:500; line-height:20px; }
.list_cont.vertical07 .list_info .period.end { color:#bbb !important; text-decoration:line-through; }
.list_cont.vertical07 .list_info .period .im { margin:0 7px 0 0; font-size:80%; vertical-align:middle; }


/*이벤트 리스트 페이지*/
.event_list .cm_tab .cm_tab_menu { border-top:1px solid #ddd; line-height:38px; }
.event_list .cm_tab .cm_tab_menu.on { border-top:2px solid #222; line-height:37px; }
.event_list .list_wrap.result .list_cont { position:relative; width:100%; height:auto; padding:15px 15px; border-bottom:1px solid #ddd;  white-space:nowrap; overflow:hidden; }
.event_list .list_wrap.result .list_cont .num { float:left; width:auto; min-width:31px; color:#999; font-size:90%; text-align:center; }
.event_list .list_wrap.result .list_cont .tit { float:left; width:calc(100% - 66px); margin-left:10px;  font-size:90%; font-weight:600; line-height:23px; text-overflow:ellipsis; overflow:hidden; }
.event_list .list_wrap.result .list_cont .btn_view { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:90%; }
.event_list .cm_table_wrap thead th { color:#222; }
.event_list .cm_table_wrap tbody td { position:relative; font-size:95%; line-height:22px; }
.event_list .cm_table_wrap tbody .tit { display:inline-block; display:-webkit-box; width:calc(100% - 40px); height:22px; font-weight:600; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; word-wrap:break-word; word-break:break-all; overflow:hidden; }
.event_list .cm_table_wrap tbody .tit + .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:80%; }

.event_list .box_bn { position:fixed; bottom:0; width:100%; padding:17px; background:#cd154f; color:#fff; text-align:center; line-height:25px; }
.event_list .box_bn .im { color:#fff; }


/*고객센터*/
.help_list .contents01.bg { padding:15px; border-top:1px solid #ddd;}
.help_list .contents01.bg .cm_form.select { width:100%; background-color:#fff; }
.help_list .contents01 .btn_submit { display:block; width:150px; height:40px; margin:30px auto 0 auto; font-size:95%; line-height:40px;}
.help_list .contents02 { padding-top:0; padding-bottom:40px; }

.help_list .list_wrap.faq { box-sizing:border-box; }
.help_list .list_wrap.faq .list_cont { position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden; }
.help_list .list_wrap.faq .list_cont:first-child { border-top:1px solid #ddd; }

.help_list .list_wrap.faq .list_cont .box_ic { display:block; float:left; position:absolute; top:0; left:15px; width:auto; height:100%; padding:15px 0 0 0; vertical-align:middle; }
.help_list .list_wrap.faq .list_cont .box_ic .ic { display:inline-block; height:20px; padding:0 8px; border-radius:3px; color:#fff; font-size:0.688rem; line-height:20px; overflow:hidden; }
.help_list .list_wrap.faq .list_cont .box_ic .ic_new { background:#ff7500; }
.help_list .list_wrap.faq .list_cont .box_ic .ic_noti { background:#e8373d; }
.help_list .list_wrap.faq .list_cont .box_ic .ic_answer { width:40px; padding:0; background:#f4f5fa; color:#222; }
.help_list .list_wrap.faq .list_cont .box_ic .ic_answer.ready { background:#ddd; color:#999; }

.help_list .list_wrap.faq .list_cont .box_info { float:right; position:relative; width:calc(100% - 54px); padding:15px; height:auto; box-sizing:border-box; }
.help_list .list_wrap.faq .list_cont .box_info.wide { width:100%; }
.help_list .list_wrap.faq .list_cont .box_info span { display:block; width:calc(100% - 45px); }
.help_list .list_wrap.faq .list_cont .box_info .tit { height:auto; padding:0; font-size:0.938rem; line-height:22px;  }
.help_list .list_wrap.faq .list_cont .box_info .tit.txt_hidden { display:-webkit-box; height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }

.help_list .list_wrap.faq .list_cont .box_info .date { margin-bottom:10px; color:#999; font-size:0.688rem; line-height:16px; }
.help_list .list_wrap.faq .list_cont .box_info .im { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:90%; }

.help_list .list_wrap.faq .list_cont .box_desc { padding:15px; border-top:1px solid #ddd;  color:#777; font-size:80%; line-height:20px; word-break:keep-all; }
.help_list .list_wrap.faq .list_cont .box_desc > table { width:100% !important; }
.help_list .list_wrap.faq .list_cont.non_list { border:0; }

.help_list .list_wrap.faq .list_cont.qna .box_ic { width:40px; text-align:center; }
.help_list .list_wrap.faq .list_cont.qna .box_ic .ic { display:inline-block; }
.help_list .list_wrap.faq .list_cont.qna .box_info { width:calc(100% - 50px);}

.help_list .non_list + .btn_submit { display:block; width:160px; height:45px; margin:0 auto; font-size:95%; line-height:45px; text-align:center; }

.help_list .cm_tab + .contents02 .list_cont:first-child { border-top:0; }

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


/*알림 리스트*/
.alarm_list .contents01.bg { padding:10px; }
.alarm_list .contents02 { padding:0; }
.alarm_list .contents01.bg .cm_form.select{ width:100%; background-color:#fff; }

.alarm_list .cm_filter_wrap + div .list_wrap .list_cont.horizon03:first-child { border-top:0; }
.alarm_list .cm_filter_wrap + div .list_wrap .list_cont.non_list:first-child { border-top:0 !important; }

.alarm_list .list_wrap .list_cont.horizon03 {  overflow:hidden; }
.alarm_list .list_wrap .list_cont.horizon03 .box_sate { float:left; width:55px; }
.alarm_list .list_wrap .list_cont.horizon03 .box_sate .ic_new { position:absolute; left:15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.alarm_list .list_wrap .list_cont.horizon03 .box_info { float:right; width:calc(100% - 55px); padding-left:15px; }
.alarm_list .list_wrap .list_cont.horizon03 .box_info.no_new { width:100%; }
.alarm_list .list_wrap .list_cont.horizon03 .box_info .tit { margin-bottom:0; font-size:0.938rem; line-height:22px; }
.alarm_list .list_wrap .list_cont.non_list { border:0; border-top:1px solid #ddd; font-size:95%; }

.alarm_list .cm_paging_wrap { padding:0 15px; margin-bottom:40px; }


/*쿠폰리스트*/
.coupon_list .contents01.bg { }
.coupon_list .contents02 { padding:0; }

.coupon_list .cm_subtit { font-weight:700; overflow:hidden;}
.coupon_list .cm_subtit .value { display:inline-block; vertical-align:bottom; }
.coupon_list .cm_subtit + .noti { margin-top:10px; color:#777; font-size:0.813rem; line-height:20px; word-break:keep-all; }
.coupon_list .list_wrap { width:100%; }
.coupon_list .list_wrap .list_cont.horizon05:first-child { border-top:0; }

.coupon_list .cm_paging_wrap { padding:0 15px; margin-bottom:40px; }


/*포인트 리스트*/
.point_list .contents01.bg { padding:30px 15px;}
.point_list .contents02 { padding:0; }

.point_list .cm_subtit { font-weight:600; line-height:25px; overflow:hidden;}
.point_list .cm_subtit .im { font-size:100%; line-height:25px; vertical-align:middle; }
.point_list .cm_subtit .value { display:inline-block; float:right; font-weight:500; vertical-align:bottom; }
.point_list .cm_subtit .value.point { color:#ff7500; font-weight:700; }
.point_list .cm_subtit .value.refund { height:25px; padding:0 10px; border:1px solid #ddd; border-radius:13px; background:#fff; font-size:75%; line-height:24px; }
.point_list .cm_subtit + .noti { margin-top:4px; color:#999; font-size:80%; line-height:20px; word-break:keep-all; }
.point_list .cm_btn_bg { display:block; width:100%; height:40px; margin-top:10px; border-radius:5px; font-weight:600; font-size:0.938rem; line-height:40px; text-align:center; }
.point_list .cm_tooltip_desc { top:110px; width:80%; }
.point_list .cm_tooltip_desc .tooltip_article { margin:0; }
.point_list .cm_tooltip_desc .im { float:right; font-size:90%; }

.point_list .list_cont.horizon03 .box_sate .ic_sate { width:37px; }

.point_list .cm_paging_wrap { padding:0 15px; margin-bottom:40px; }


/*결제 리스트*/
.order_list .contents01.bg { }
.order_list .contents02 { padding:0; }
.order_list .noti { margin-top:10px; color:#999; font-size:80%; line-height:20px; word-break:keep-all; }
.order_list .cm_subtit { margin-bottom:10px; font-weight:600; overflow:hidden;}

.order_list .info_wrap { margin-top:11px; overflow:hidden; }
.order_list .info_wrap .info_cont { border:1px solid #ddd; background:#fff; }
.order_list .info_wrap .info_cont:first-child { border-top:2px solid #222; }
.order_list .info_wrap .info_cont .box_info { padding:15px; }
.order_list .info_wrap .info_cont .box_info .tit { display:block; margin-bottom:5px; font-size:95%; font-weight:600; line-height:22px; }
.order_list .info_wrap .info_cont .box_info .data { color:#777; overflow:hidden; }
.order_list .info_wrap .info_cont .box_info .data .method_txt { display:block; margin-bottom:5px; font-size:95%; line-height:22px; }
.order_list .info_wrap .info_cont .box_info .data .method_txt .im { margin-right:3px; font-size:90%; vertical-align:middle; }
.order_list .info_wrap .info_cont .box_info .data .method { display:inline-block; width:auto; height:25px; padding:0 10px; margin-right:7px; border:1px solid #ddd; border-radius:13px; color:#777; font-size:70%; line-height:24px; vertical-align:bottom; }
.order_list .info_wrap .info_cont .box_info .data .date { font-size:80%; line-height:25px; vertical-align:middle; }
.order_list .info_wrap .info_cont .box_info .data .date.non { display:none; }
.order_list .info_wrap .info_cont .box_btn { border-top:1px solid #ddd; overflow:hidden; }
.order_list .info_wrap .info_cont .box_btn a { display:block; float:left; width:50%; height:35px; color:#555; font-size:80%; line-height:34px; text-align:center; }
.order_list .info_wrap .info_cont .box_btn a.btn_cancel { border-right:1px solid #ddd; box-sizing:border-box; }

.order_list .info_wrap .info_cont.non_info { padding:15px; font-size:95%; text-align:left; }

.order_list .list_wrap { width:100%; }
.order_list .list_wrap .list_cont.horizon03 .box_point { vertical-align:middle; }
.order_list .list_wrap .list_cont.horizon03 .box_point span.pay { margin-bottom:4px; font-family:'Noto Sans KR';  word-break:keep-all; }
.order_list .list_wrap .list_cont.horizon03 .box_point span.point { font-size:0.938rem; font-weight:700; }

.order_list .cm_paging_wrap { padding:0 15px; margin-bottom:40px; }


/*관심멘토 리스트*/
.favorite_list .cm_tab .cm_tab_menu:not(.on) { border-top:0; }

.favorite_list .cm_tab.text_style { padding:0 15px; height:40px; }
.favorite_list .cm_tab.text_style .cm_tab_menu { height:auto; border:0; line-height:40px; }
.favorite_list .cm_tab.text_style .cm_tab_menu.on { border-top:0; }

.favorite_list .list_wrap .non_list { border-top:1px solid #ddd; }

.favorite_list.tssa .list_cont.horizon01:first-child { border-top:0; }
.favorite_list.tssa .list_wrap .non_list { border-top:0; }

/*구독 리스트*/
.subscribe_list .cm_tab .cm_tab_menu:not(.on) { border-top:0; }
.subscribe_list .contents01 { border-top:1px solid #ddd; }
.subscribe_list .contents02 { padding-top:0; padding-bottom:40px; }
.subscribe_list .box_noti { padding:0 15px; color:#ee3128; font-size:80%; line-height:40px; }
.subscribe_list .box_noti .im { margin-right:3px; margin-top:1px; font-size:100%; vertical-align:middle; }

.subscribe_list .list_wrap + .cm_filter_wrap { border-top:0; }

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

.subscribe_list .box_inapp { display:none; position:relative; width:calc(100% - 30px); padding:15px; margin:15px auto; border:1px solid #ddd; border-radius:10px; background:#f8f8f8; text-align:center; overflow:hidden; }
.subscribe_list .box_inapp.on { display:block; }
.subscribe_list .box_inapp.on + .list_wrap { border-top:1px solid #ddd; }
.subscribe_list .box_inapp .box_subscribe {  padding:0 10px 10px; border-bottom:1px solid #ddd; text-align:center; font-weight:700; }
.subscribe_list .box_inapp a { text-decoration:underline; }
.subscribe_list .box_inapp .btn_close { position:absolute; top:5px; right:5px; width:25px; height:25px; text-align:center; line-height:25px; }
.subscribe_list .box_inapp .btn_close .im { font-size:80%; vertical-align:middle; }

/*프리미엄 추천종목 리스트*/
.premium_list .cm_tab .cm_tab_menu:not(.on) { border-top:0; }

.premium_list .cm_tab.text_style { padding:0 15px; height:40px; }
.premium_list .cm_tab.text_style .cm_tab_menu { height:auto; border:0; line-height:40px; }
.premium_list .cm_tab.text_style .cm_tab_menu.on { border-top:0; }

.premium_list .contents02 + .contents01 { padding-top:15px; padding-bottom:40px; }

.premium_list .box_noti { padding:10px; color:#999; font-size:0.813rem; line-height:20px; }
.premium_list .box_noti.bg { background:#f4f5fa; border-bottom:1px solid #ddd; }

.premium_list .list_cont.horizon03 .box_info .data { display:block; position:relative; padding-left:15px; margin:0; }
.premium_list .list_cont.horizon03 .box_info .data .im { position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#777; font-size:75%; }
.premium_list .list_cont.horizon03 .box_info .tit { margin:0; }
.premium_list .list_cont.horizon03 .box_info .data + .tit { margin-top:5px; }

.premium_list .list_cont.vertical04:last-child { margin-bottom:0; }

.premium_list .box_mymentor { margin-bottom:15px; }
.premium_list .box_mymentor .tit { display:block; height:26px; margin-bottom:10px; color:#ff7500; font-weight:500; font-size:115%; line-height:26px; overflow:hidden; }
.premium_list .box_mymentor .tit .btn_change { float:right; width:86px; height:26px; border:1px solid #ddd; border-radius:13px; color:#777; font-size:70%; line-height:26px; }
.premium_list .box_mymentor .list_wrap { padding:10px 15px; border-radius:10px; background-color:#f8f8f8; text-align:left; }
.premium_list .box_mymentor .list_wrap .mymentor { display:inline-block; position:relative; padding-right:18px; }
.premium_list .box_mymentor .list_wrap .mymentor:before { display:block; content:''; position:absolute; top:50%; right:7px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:10px; background-color:#ddd; }
.premium_list .box_mymentor .list_wrap .mymentor:nth-child(3){ padding:0; }
.premium_list .box_mymentor .list_wrap .mymentor:nth-child(3):before { display:none; }
.premium_list .box_mymentor .list_wrap .non_mymentor { font-size:105%; line-height:22px; }
.premium_list .box_mymentor .noti { margin-top:5px; color:#777; font-size:80%; line-height:20px; }


/*관심펀딩 리스트*/



/*마이페이지 > 펀딩 참여하기*/
.funding_list { width:100%; overflow:hidden; }
.funding_list .contents01 { padding:15px; padding-bottom:30px; }

.funding_list .list_cont.horizon02 { margin-top:15px; }
.funding_list .list_cont.horizon02:first-child { margin-top:0; }

.funding_list.making .contents01 { border-top:1px solid #ddd; }
.funding_list.making .cm_tab.text_style { height:auto; padding:10px 15px; }
.funding_list.making .cm_tab.text_style .cm_tab_menu { height:auto; line-height:20px; }

.funding_list.making .list_cont.horizon02 .btn_move { display:block; width:100%; height:40px; margin-top:17px; border:1px solid #eaeaea; color:#555; font-size:95%; line-height:40px; text-align:center; box-sizing:content-box;  }
.funding_list.making .list_cont.horizon02 .cm_info_desc span.tit { width:120px; }
.funding_list.making .list_cont.horizon02 .cm_info_desc span.txt { width:calc(100% - 120px); }
.funding_list.making .list_cont.non_list { line-height:20px; }
.funding_list.making .list_cont.non_list .btn_move { display:block; width:140px; height:40px; margin:20px auto 0 auto; border:0; background:#00856e; color:#fff; }

.funding_list.favorite .box_noti { padding:30px 10px; color:#999; font-size:80%; line-height:20px; }
.funding_list.favorite .box_noti.bg { background:#f4f5fa; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.funding_list.favorite .contents02 + .contents01 { padding-top:15px; padding-bottom:40px; }

.funding_list.favorite .list_cont.vertical02 { float:left; width:48.7%; margin:2.6% 2.6% 0 0; }
.funding_list.favorite .list_cont.vertical02:nth-child(1) { margin-top:0; }
.funding_list.favorite .list_cont.vertical02:nth-child(2) { margin-top:0; }
.funding_list.favorite .list_cont.vertical02:nth-child(2n) { margin-right:0; }
.funding_list.favorite .list_cont.vertical02 .cm_gauge_bar .box_data .dday { position:absolute; left:0; bottom:0; width:auto; height:17px; line-height:17px; }
.funding_list.favorite .list_cont.vertical02 .cm_gauge_bar .box_data .data { width:70%; }
.funding_list.favorite .list_cont.vertical02 .cm_gauge_bar .box_data .data strong { display:inline-block; margin:5px 0 0 0!important; }
.funding_list.favorite .list_cont.vertical02 .box_info { padding:10px; }
.funding_list.favorite .list_wrap:first-of-type .list_cont.vertical02 .box_info { padding:10px; }


/*차단내역*/
.block_list .cm_tab .cm_tab_menu:not(.on) { border-top:0; }
.block_list .list_wrap .list_cont.horizon04 .cm_user_name { font-size:0.813rem; padding:0; }
.block_list .list_wrap .list_cont.horizon04 .box_sate { margin-top:4px; color:#999; font-size:0.688rem; line-height:16px; text-align:right; }