/* 
    2018-10-30 CSS통합 버튼 
    1. 모양 구분 ( 원형, 둥근사각, 사각형 )
    2. 색상 구분 ( 활성화,비활성화,디폴트,클릭시 기타등등 )
    
    * 사용시 폰트스타일 및 사이즈는 지정해서 사용해야함.
    * 예시 보고싶을 경우 : StockPoin.Web > Design > TotalCss.html 에서 확인 가능
*/

/* Html Elements
----------------------------------------------------------*/
* { margin: 0px; padding: 0px; letter-spacing:-0.5px; color: #222; font-family: 'Noto Sans KR'; margin:0; padding:0; box-sizing:border-box; }
html { overflow-y:scroll; }
img { border-style: none; }
table, th, td { border: 0px; border-collapse: collapse; }
ol, ul, ul li { list-style-type: none;  }
input, button { outline:0; border:0; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
a {
	outline: none;
    color:inherit;
 }
hr.solid_dd { border:0.5px solid #ddd; }


/* 본고딕 웹폰트 가져오기 180124 morenvy.com */
/* Noto Sans KR — Google Fonts v2 (구 earlyaccess URL은 2022년 deprecate됨) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
.notosanskr * { font-family: 'Noto Sans KR', sans-serif; }





/* 라벨 사이즈 */
.label_size_s { display:inline-block; height:20px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:20px; vertical-align:middle; }
.label_size_m { display:inline-block; height:28px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:28px; vertical-align:middle; }
.label_size_l { display:inline-block; height:34px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:34px; vertical-align:middle; }
.label_size_xl { display:inline-block; height:42px; box-sizing:border-box; font-size:12px; font-family:Dotum; line-height:42px; vertical-align:middle; }
/* 라벨 모양 */
.label_r_s { display:inline-block; width:22px; height:22px; line-height:23px; border-radius:20px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; font-size:11px }
.label_r_m { display:inline-block; width:28px; height:28px; line-height:28px; border-radius:30px; text-align:center; box-sizing:border-box; vertical-align:middle; padding:0!important; font-weight:bold; }
.label_rbox_s { display:inline-block; border-radius:3px; overflow:hidden; }
.label_rbox_m { display:inline-block; border-radius:6px; overflow:hidden; }
.label_rbox_l { display:inline-block; border-radius:100px; overflow:hidden; }

/* 라벨 색상 지정 */
.label_ye { color:#fff; background-color:#ffbd28; }
.label_gn { color:#fff; background-color:#2fa448; }
.label_wpu { color:#fff; background-color:#777fb2; }
.label_pu { color:#fff; background-color:#503767; }
.label_red { color:#fff; background-color:#e00000; }
.label_or { color:#fff; background-color:#ff4e00; }
.label_wgr { color:#fff; background-color:#e4e4e4; }
.label_gr { color:#fff; background-color:#bbbbbb; }
.label_dgr { color:#fff; background-color:#626c75; }
.label_pk { color:#fff; background-color:#f8d3ce; }
.label_nb { color:#fff; background-color:#313753; }
.label_bl { color:#fff; background-color:#006786; }
.label_skb { color:#fff; background-color:#01addf; }
.label_ror { color:#fff; background-color:#f34834; }
.label_ygn { color:#fff; background-color:#6abc50;  }
.label_aqu { color:#fff; background-color:#11c9d3; }

/* 테두리만 있는 라벨 */
.label_line_ye { background-color:#fff; color:#ffbd28; border:1px solid #ffbd28; box-sizing:border-box; }
.label_line_gn { background:#fff; color:#2fa448; border:1px solid #2fa448; box-sizing:border-box; }
.label_line_wpu { background:#fff; color:#777fb2; border:1px solid #777fb2; box-sizing:border-box; }
.label_line_pu { background:#fff; color:#503767; border:1px solid #503767; box-sizing:border-box; }
.label_line_red { background:#fff; color:#e00000; border:1px solid #e00000; box-sizing:border-box; }
.label_line_or { background:#fff; color:#ff4e00; border:1px solid #ff4e00; box-sizing:border-box; }
.label_line_wgr { background:#fff; color:#bababa; border:1px solid #e4e4e4; box-sizing:border-box; }
.label_line_gr { background:#fff; color:#bbbbbb; border:1px solid #bbbbbb; box-sizing:border-box; }
.label_line_dgr { background:#fff; color:#626c75; border:1px solid #626c75; box-sizing:border-box; }
.label_line_pk { background:#fff; color:#f8d3ce; border:1px solid #f8d3ce; box-sizing:border-box; }
.label_line_nb { background:#fff; color:#313753; border:1px solid #313753; box-sizing:border-box; }
.label_line_bl { background:#fff; color:#006786; border:1px solid #006786; box-sizing:border-box; }
.label_line_skb { background:#fff; color:#01addf; border:1px solid #01addf; box-sizing:border-box; }
.label_line_ror { background:#fff; color:#f34834; border:1px solid #f34834; box-sizing:border-box; }
.label_line_ygn { background:#fff; color:#6abc50; border:1px solid #6abc50; box-sizing:border-box; }
.label_line_aqu { background:#fff; color:#11c9d3; border:1px solid #11c9d3; box-sizing:border-box; }

/* 탭 컬러 
    사용시 ul 사이즈 지정 및 폰트스타일 지정해야함.
    ul = ctrl_tab
    li = tab_column
*/
.ctrl_tab .tab_column { position:relative; float:left; width:25%; height:50px; line-height:50px; text-align:center; border:1px solid #ddd; border-right:0; color:#333; background-color:#fff; box-sizing:border-box; }
.ctrl_tab .tab_column:last-of-type { border-right:1px solid #ddd;}

    /*탭-클릭시 변경*/
.ctrl_tab .tab_column.on_or { border:0; color:#fff; background-color:#ff4e00; }
.ctrl_tab .tab_column.on_or:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #ff4e00; border-width: 5px; margin-left: -5px; }
.ctrl_tab .tab_column.on_wpu { border:0; color:#fff; background-color:#777fb2; }
.ctrl_tab .tab_column.on_wpu:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #777fb2; border-width: 5px; margin-left: -5px; }
.ctrl_tab .tab_column.on_pb { border:0; color:#fff; background-color:#333a5f; }
.ctrl_tab .tab_column.on_pb:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #333a5f; border-width: 5px; margin-left: -5px; }
.ctrl_tab .tab_column.on_bk { border:0; color:#fff; background-color:#272c2f; }
.ctrl_tab .tab_column.on_bk:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #272c2f; border-width: 5px; margin-left: -5px; }


/*공통 디자인 레이아웃*/
.common { width:1920px; letter-spacing:-0.5px; font-family:'Noto Sans CJK KR'; }
.common { padding: 0 30px; }
.tit_1 { margin-top:50px; color:#ee3128; font-size:30px; font-weight:bold; }
.tit_2 { margin-top:30px; color:#222; font-size:25px; }
.sub { margin-top:10px; color:#666; font-size:16px; line-height:22px; }
.center { margin-top:50px; text-align:center; border-top:1px solid #ddd; }
.navigation { margin:25px 0; padding-bottom:7px; font-size: 32px; font-weight:normal; line-height:30px; } 


.common .list { display:inline-block; width:390px; text-align:left; box-sizing:border-box; margin:0 15px 0 0; border:1px solid #ddd; background:#fff; }
.common .list_wrap { display:inline-block; width:1920px; box-sizing:border-box; padding:40px; margin:40px auto; background:#f8f8f8; text-align:center; }
.common .list:last-child { margin-right:0px; }
.common .list.radius_5 { border-radius:5px; }
.common .list.radius_10 { border-radius:10px; }
.common .list_tag { margin:0; }
.common .list .con_img { display:block; position:relative; height:220px; box-sizing:border-box; margin-bottom:5px; border-bottom:1px solid #ddd; background:#666; vertical-align:middle; text-align:center; }
.common .list .con_img .left_top { position:absolute; top:-10px; left:0px; border-top-right-radius:0; border-bottom-left-radius:0; }
.common .list .con_img .right_bottom { position:absolute; bottom:8px; right:4px; }
.common .list .con_img .right_bottom2 { position:absolute; bottom:8px; right:70px; }
.common .list .con_txt { padding:5px 15px; }
.common .list .sea_tit { display:inline-block; color:#2a2a65; font-size:20px; font-weight:bold; }

.common .list .list_tit { margin-top:5px; color:#222; font-size:19px; line-height:25px; }
.common .list .list_con { margin:5px 0 20px 0; color:#666; font-size:14px; line-height:18px; }
.common .list .list_subcon { margin:5px 0 20px 0; color:#999; font-size:13px }
.common .list .list_subtit { margin:10px 0 0 0; color:#222; font-size:19px; line-height:20px; font-weight:normal; }
.common .list .list_subtit i { margin:0 5px 0 0; color:#222; font-size:15px; }
.common .list .list_subtit.mento { color:#2a2a65; }
.common .list .list_subtit.mento i { position:relative; top:2px; color:#2a2a65; }

.common .list .tend { border:1px solid #ddd; }
.common .list .tend.no-border { border:none; }
.common .list .tend .tag.short { color:#1e489f; }
.common .list .tend .tag.swing { color:#ff6023; }
.common .list .tend .tag.chart { color:#2a2a65; }
.common .list .tend .tag.theme { color:#ee3128; }
.common .list .tend .tag.trend { color:#950082; }
.common .list .tend .tag.party { color:#f47425; }
.common .list .tend .tag.cost { color:#2e2e72; }
.common .list .tend .tag.supply { color:#1e489f; }
.common .list .tend .tag.end { color:#ee3128; }

.common .list .tag { display:inline-block; padding:2px 5px; margin:10px 3px 0 0; border:1px solid #ccc; border-radius:2px; color:#666; font-size:12px; }
.common .list .tag i { margin-right:5px; font-size:11px; }
.common .list .tag.info { box-sizing:border-box; padding:2px 10px; }
.common .list .tag.fill_gray { border:1px solid #f4f4f4; background:#f4f4f4; color:#777; }
.common .list .tag.fill_red { border:1px solid #ee3128; background:#ee3128; color:#fff; }
.common .list .tag.fill_darkblue { margin-right:5px; border:1px solid #2a2a65; background:#2a2a65; color:#fff; }
.common .list .tag.fill_playtime { border:none; background:rgba( 0, 0, 0, 0.6 ); color:#fff; }
.common .list .tag.fill_good { border:none; background:rgba( 0, 0, 0, 0.6 ); color:#ff7d0a; }
.common .list .tag.start { border:1px solid #fba62d; color:#fba62d; }
.common .list .tag.begin { border:1px solid #f47425; color:#f47425; }
.common .list .tag.middle { border:1px solid #950082; color:#950082; }
.common .list .tag.high { border:1px solid #2e2e72; color:#2e2e72; }
.common .list .tag.red { border:1px solid #ee3128; background:#ee3128; color:#fff; }

.common .tag_wrap { background:#fff; text-align:left; }
.common .tag_wrap .tag_type { width:auto; padding:0; border:none; }
.common .tag_wrap .tag_type .btn .radius_50 { display:inline-block; box-sizing:border-box; border-radius:50px; padding:10px 30px; margin:10px 5px 0 0; line-height:25px; vertical-align:middle;
    background-color:#ddd; background:linear-gradient(to bottom,#ddd,#ddd); font-size:18px; }
.common .tag_wrap .tag_type .btn .radius_50 a { color:#fff; }
.common .tag_wrap .tag_type .btn .radius_50 a i { margin-right:5px; font-size:16px; }
.common .tag_wrap .tag_type .btn .radius_50.subscribe { background-color:#1f1f43; background:linear-gradient(to bottom,#2e2e72,#1f1f43); }
.common .tag_wrap .tag_type .btn .radius_50.ing { background-color:#3b3b7b; background:linear-gradient(to bottom,#4a4a92,#3b3b7b); }
.common .tag_wrap .tag_type .btn .radius_50.forbidden { background-color:#3b3b7b; background:linear-gradient(to bottom,#ddd,#ccc); }
.common .tag_wrap .tag_type .btn .radius_50.apply { background-color:#ee3128; background:linear-gradient(to bottom,#ee3128,#b9160f); }
.common .tag_wrap .tag_type .btn .radius_50.reservation { background-color:#1e489f; background:linear-gradient(to bottom,#1e489f,#143881); }
.common .tag_wrap .tag_type .btn .radius_50.white { border:1px solid #e3e3e3; background-color:#f8f8f8; background:linear-gradient(to bottom,#fff,#f8f8f8); }
.common .tag_wrap .tag_type .btn .radius_50.white a { color:#666; }
.common .tag_wrap .tag_type .btn .radius_50.black { background-color:#222; background:linear-gradient(to bottom,#444,#222); }

/* 만족도평가 */
.satisfaction { height:18px; line-height:18px; color:#222; font-weight:500; vertical-align:middle; }
.satisfaction .satisfaction_view { width:100%; color:#222; font-size:16px;  }
.satisfaction .satisfaction_view .tit { display:inline-block; width:97px; color:#222; font-size:16px; }
.satisfaction .satisfaction_view .bar { display:inline-block; width:calc(100% - 155px); height:5px; margin:0 10px 3px 10px; background:#eee; text-align:left; vertical-align:middle; line-height:20px;}
.satisfaction .satisfaction_view .bar .gauge { display:inline-block; height:5px; text-align:left; vertical-align:text-top; background:#222222; }
.satisfaction .gauge_percent { display:inline-block; width:30px!important; text-align:center!important; font-size:15px; font-weight:500; }
.satisfaction .gauge_percent b { font-size:22px;  }


/* 페이징 < 1/2 > 형태 */
.paging { float:right; font-size:15px; color:#999; }
.paging input { background:none; border:0; font-size:15px; color:#999; cursor:pointer; }
/* Page Number */
.page_num { margin-top: 30px; text-align: center; }
.page_num img { vertical-align: middle; }
.page_num ul { }
.page_num ul li { display: inline-block; zoom: 1; *display: inline; width: 22px; height: 22px; font-size: 12px; line-height: 22px; vertical-align: middle; }
.page_num ul li a { color: #808080; }
.page_num ul li.select { background: #1e489f; font-weight: bold; color: #fff; vertical-align:middle; }
.page_num ul li.select a { color: #fff; }
.page_num ul li.prev { margin: 0px 10px 0px 1px; *margin: 0px 12px 0px 4px; }
.page_num ul li.next { margin: 0px 1px 0px 10px; *margin: 0px 4px 0px 12px; }

/*페이징(변경)*/
.list_pageing { margin:20px 0; text-align:center; }
.list_pageing li { display:inline-block; text-align:center; }
.list_pageing li a { display:block; width:35px; margin-right:-1px; border:1px solid #ddd; line-height:30px; text-align:center; font-size:90%; color:#777; }
.list_pageing li a.first { width:45px; margin-right:10px; }
.list_pageing li a.last { width:45px; margin-left:10px; }
.list_pageing li a.on { background:#222; color:#fff; font-weight:bold; border:1px solid #222; }

/* 투명도 공통*/
.opa_05 { opacity:0.5; }

/*초기화*/
.border_b0 { border-bottom:0!important; }
.non { text-decoration:line-through; color:#999; }
/* 폰트 컬러 
    장기 : colr_sbl 
    단기 : colr_pp 
    중기, 손실 : colr_bl 
    단타, 수익 : colr_grn
    단기, 퍼센테이지, 성공, 디데이 : colr_or
    실패 : colr_gr9
*/
.colr_or { color:#f25c37!important; } 
.colr_rd { color:#ee3128; } 
.colr_gr { color:#cccccc; } 
.colr_gr9 { color:#999999; }
.colr_gr7 { color:#777777; }
.colr_gr5 { color:#555555; }
.colr_sbl { color:#189dba;}
.colr_pp { color:#950082; }
.colr_bl { color:#1e489f; }
.colr_grn { color:#0d9f5c; }
.colr_bp { color:#4f3a89; }
.colr_sbl { color:#22b0d9; }


/* 바디 사이즈 */
.body1200 { width:1200px; margin:0 auto; }
.body940 { width:940px!important; margin:0 auto; }
.mt170 { margin-top:170px!important; }
.mt0 { margin-top:0!important;}
.mb0 { margin-bottom:0!important;}
.pd0 { padding:0!important; }
/* 플롯 해제*/
.clb { content:""; display:block; clear:both; }

.txt_left { text-align:left; } 
.txt_center { text-align:center; } 
.bold { font-weight:500; }
/* 버튼 */
.btn_grey { background-color:#ccc; color:#fff; }
.btn_or { background-color:#f26530; color:#fff; }
.btn_pp { background-color:#181847; color:#fff; }
.gr_ror { color:#fff; cursor:pointer;
    background-image: -webkit-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); 
    background-image: -webkit-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); 
    background-image: -o-linear-gradient(top bottom, #ff7a00 0%, #ff6000 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7a00), to(#ff6000)); 
    background-image: linear-gradient(to bottom,#ff7a00,#ff6000);}
.gr_rpp { color:#fff; cursor:pointer;
    background-image: -webkit-linear-gradient(top bottom, #888ca0 0%, #4b4f63 100%); 
    background-image: -webkit-linear-gradient(top bottom, #888ca0ca0 0%, #4b4f63 100%); 
    background-image: -o-linear-gradient(top bottom, #888ca0ca0 0%, #4b4f63 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#888ca0), to(#4b4f63)); 
    background-image: linear-gradient(to bottom,#888ca0,#4b4f63);}

.gra_dgrey { border:1px solid #1d1b1c; color:#fff; cursor:pointer; 
    background-image: -webkit-linear-gradient(top bottom, #444444 0%, #212021 100%); 
    background-image: -webkit-linear-gradient(top bottom, #444444 0%, #212021 100%); 
    background-image: -o-linear-gradient(top bottom, #444444 0%, #212021 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#212021)); 
    background-image: linear-gradient(to bottom,#444444,#212021);}
.gra_grey { border:1px solid #e4e4e4; cursor:pointer; 
    background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -o-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); 
    background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);}
.search_reset { border:0; cursor:pointer; 
    background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); 
    background-image: -webkit-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); 
    background-image: -o-linear-gradient(top bottom, #dcdcdc 0%, #cdcdcd 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#cdcdcd)); 
    background-image: linear-gradient(to bottom,#dcdcdc,#cdcdcd);}
.search_submit { color:#fff; cursor:pointer; 
    background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -webkit-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -o-linear-gradient(top bottom, #f25b36 0%, #e74a23 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f25b36), to(#e74a23)); 
    background-image: linear-gradient(to bottom,#f25b36,#e74a23);}

.white_grey { color:#fff; border:0; cursor:pointer;
    background-image: -webkit-linear-gradient(to right, #3a363d 0%, #060607 100%); 
    background-image: -webkit-linear-gradient(to right, #3a363d 0%, #060607 100%); 
    background-image: -o-linear-gradient(to right, #3a363d 0%, #060607 100%); 
    background-image: -webkit-gradient(linear, left left, left right, from(#3a363d), to(#060607)); 
    background-image:linear-gradient(to right, #3a363d 0%, #060607 100%);}

.click { color:#fff; border:0; cursor:pointer;
    background-image: -webkit-linear-gradient(to right, #f47326 0%, #ef4348 100%); 
    background-image: -webkit-linear-gradient(to right, #f47326 0%, #ef4348 100%); 
    background-image: -o-linear-gradient(to right, #f47326 0%, #ef4348 100%); 
    background-image: -webkit-gradient(linear, left left, left right, from(#f47326), to(#ef4348)); 
    background-image:linear-gradient(to right, #f47326 0%, #ef4348 100%);}
.actv { border:0; background-color:#f25c37; color:#fff; font-weight:500; cursor:pointer; }

/* 마이페이지_탭*/
.common_tab { width:calc(100% + 30px); margin:0 -15px; }
.common_tab::after { content:""; display:block; clear:both; }
.common_tab li { float:left; height:45px; font-size:115%; line-height:45px; color:#777; text-align:center; background-color:#f7f7f7; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea; }
.common_tab li:last-child { border-right:0; }
.common_tab.list2 li { width:50%; }
.common_tab.list3 li { width:33.333333333333333%; }
.common_tab li.on { background-color:#fff; color:#222; border-bottom:0; }
/* 마이페이지_검색박스 */
.search_box { width:calc(100% + 30px); margin:0 -15px; height:60px; padding:0 15px; line-height:60px; border-bottom:1px solid #eaeaea; }
.search_box .search_link { float:right; display:inline-block; height:60px; line-height:56px; }
.search_box .search_link img { width:85%; vertical-align:middle; }

/*이벤트 페이지 탭*/
.common_tab.event { width:100%!important; margin:0; }
.common_tab.event li { width:50%; }

/* 결과가 없을때 */
.none_contents { padding:30px 0; color:#999; text-align:center; }
.none_contents.p015 { padding:30px 15px;}
.none_contents.bt_ea { border-top:1px solid #eaeaea; font-size:85%;}
/* 테이블 리스트 [ */

.table_list { width:calc(100% + 30px); margin:0 -15px; table-layout:fixed; }
.table_list tr.br_bottom { border-bottom:1px solid #ddd; }
.table_list tr td { padding-top:15px; line-height:20px; }
.table_list tr td:first-child { padding-left:15px; padding-bottom:10px;}
.table_list tr td:last-child { padding-right:15px;} 
.table_list tr.br_bottom td { padding-bottom:15px; padding-top:0; }
.table_list tr td .list_tit { overflow: hidden; text-overflow: ellipsis; display:inline-block; display:inline-flex; height:40px; line-height:40px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; font-size:105%; font-weight:500; }
.table_list tr td .title_box { text-align:left; }
.table_list tr td.condition_box { width:106px; padding-left:0; text-align:right; }
.table_list tr td.link_box .list_link_btn { float:left; display:inline-block; height:40px; line-height:38px; font-size:100%; border:1px solid #eaeaea; text-align:center;
    background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -webkit-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -o-linear-gradient(top bottom, #ffffff 0%, #f8f8f8 100%); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8)); 
    background-image: linear-gradient(to bottom,#ffffff,#f8f8f8);} 
.table_list tr td.link_box .list_link_btn.size1 { width:100%; }
.table_list tr td.link_box .list_link_btn.size2 { width:50%; }
.table_list tr td.link_box .list_link_btn.size3 { width:33.333333333333337%; }
.table_list tr td.link_box .list_link_btn.size4 { width:25%; }

.table_list tr td.link_box .list_link_btn.impossible { background:#f8f8f8; color:#999; }
.table_list tr td.link_box .list_link_btn.possible { border:1px solid #ffbf36; color:#ffbf36; background:#fff; }
.table_list tr td.link_box .list_link_btn.complete { border:1px solid #f25c37; color:#f25c37; background:#fff; }


.table_list tr td.link_box i { font-size:100%; margin-right:4px; padding-bottom:2px; vertical-align:middle; }
/*.table_list tr td.link_box .katalk { border:0; background:#2a190c; color:#fff; } 
.table_list tr td.link_box .katalk .im { color:#f7dd2e; font-size:15px; margin-right:4px; margin-top:-2px; vertical-align:middle; }*/
.table_list tr td.link_box .favorite .im { color:#f25c37; }

.table_list .txt_condition { display:inline-block; padding:35px 0 10px; font-weight:600; }
.table_list .txt_condition b { color:#f25c37; }
.table_list .txt_term { display:inline-block; color:#999; font-size:12px; line-height:15px; }
.table_list .txt_dday { display:block; margin-bottom:10px; font-size:13px; }
.table_list .txt_payment { margin-top:0; font-size:13px; color:#f25c37; }
.table_list .txt_price { display:inline-block; font-size:12px; line-height:18px; }
.table_list .txt_price small { font-size:12px; font-weight:normal; color:#999; }
.table_list .list_mentor { margin-top:5px; font-size:14px; color:#999; }
.table_list .list_mentor .im { padding-bottom:2px; font-size:13px; color:inherit; vertical-align:middle; } 
.table_list .division_item_name { margin-right:3px; }
.table_list .division_item_name b { overflow:hidden; height:13px; line-height:13px; max-width:70px; margin-bottom:2px; font-weight:600; font-size:13px; vertical-align:middle; text-overflow: ellipsis; display:inline-flex; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.table_list .division_item_price { font-size:13px; color:#999; }

/* 테이블리스트 - 관심등록정보_관심멘토 */
.interest_mentor { width:calc(100% + 30px); margin:0 -15px; }
.interest_mentor tr td { width:100%;}
.interest_mentor .list_mentor_big { font-size:105%; font-weight:bold; margin-bottom:8px; }
.interest_mentor .list_mentor_big .im { padding-bottom:3px; font-size:100%; color:inherit; vertical-align:middle; } 
/*.interest_mentor .mentor_emblem_box { width:87px; }*/
.interest_mentor .title_box .list_txt_box { overflow: hidden; margin-bottom:5px; width:100%; font-size:14px; color:#999; text-overflow: ellipsis; display:inline-block; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 20px; }
.interest_mentor .title_box .list_txt_box .more_btn { margin-left:3px; text-decoration:underline; }
/* 테이블리스트 - 관심등록정보_관심챌린저 */

/* 
    라벨
    .label_service : 강연VOD몰, 매매기법, 추천종목, VIP종목알리미 등 서비스명
    .label_division34 : 노하우, 마인드, 실전매매 등 3-4글자 기준
    .label_division_item : 보유종목, 관심종목
*/
.label_common { display:inline-block; height:20px; line-height:18px; margin-right:3px; border-radius:3px; text-align:center; font-size:12px;  background-color:#fff; border: 1px solid #ddd; }
.label_service { min-width:90px; width:auto; max-width:120px; padding:0 5px; background-color:#2a2a65; color:#fff; border:0; text-align:center; vertical-align:middle; }
.label_service_theme { min-width:90px; width:auto; max-width:120px; padding:0 5px; background-color:#b71e4e; color:#fff; border:0;}
.label_division65 { padding:0 5px; }
.label_division34 { width:54px; }
.label_division2 { width:40px; }
.label_division_item { display:inline-block; width:60px; height:20px; line-height:18px; font-weight:600; font-size:12px; margin-right:3px; border-radius:3px; text-align:center; }
.label_division_item.interest_item { color:#df0000; background-color:#f8d3ce; }
.label_division_item.stock_item { color:#ff6023; background-color:#ffe8d3; }
.label_new { display:inline-block; width:40px; height:22px; margin-right:3px; line-height:22px; text-align:center; background-color:#f25c37; border-radius:3px; font-size:13px; color:#fff; font-weight:normal;  }


/*멘토엠블럼*/
.mentor_emblem li { position:relative; float:left; width:63px; height:63px; margin-left:7px; overflow:hidden; }
.mentor_emblem dl { float:right; width:60px; height:60px; margin-top:3px; font-family:BMJUA; color:#fff; font-size:14px; text-align:center; }
.mentor_emblem dl dt { margin-top:17px; line-height:20px; vertical-align:middle; color:#fff; }
.mentor_emblem dl dt b { font-size:22px; color:#fff; }
.mentor_emblem dl dd { line-height:17px; vertical-align:middle; opacity:0.8; color:#fff; font-family:'BM JUA_TTF'; }
.mentor_emblem .ranking {  background:linear-gradient(to bottom,#ff3c00,#e00800); }
.mentor_emblem .continuity {  background:linear-gradient(to bottom,#3a2eaf,#0e0879); }
.mentor_emblem .icon { display:block; position:absolute; left:0; top:0; width:20px; height:20px; }
.mentor_emblem .icon.ranking { background:url('/images/ic_emblem_ranking.png') no-repeat; }
.mentor_emblem .icon.continuity { background:url('/images/ic_emblem_continuity.png') no-repeat; }

/*텍스트박스(공통)*/
textarea { width:100%; height:100px; padding:10px; line-height:22px; font-size:90%; font-weight:500; }
input { width:100%; height:48px; font-size:90%; font-weight:500; }
input[type=text] { margin-bottom:10px; padding-left:10px; line-height:50px; vertical-align:middle; text-align:left;}
input[type=text]:last-child { margin-bottom:0; }
input[type=text]:disabled { background:#ccc; color:#222; }
input[type=text].non { margin-bottom:5px; text-decoration:none; color:inherit; }
input[type=password] { margin-bottom:10px;  padding-left:10px; line-height:50px; vertical-align:middle; text-align:left;}
/*input[type=password]:last-child { margin-bottom:0; }*/
input[type=password]:disabled { background:#ccc; color:#222; }
input[type=number] { margin-bottom:10px;  padding-left:10px; line-height:50px; vertical-align:middle; text-align:left;}
input[type=number]:last-child { margin-bottom:0; }
.hint {background:#fff; border:1px solid #666; color:#222;}
.hint_o {background:#fff; border:1px solid #666; color:#222;}
.hintText {background:#ededed; color:#999; border:1px solid #ededed;}
input.search_calendar { position:absolute; width:20px; right:12px; background:0; background-image: url(/images/member/calendar.png); background-repeat: no-repeat; background-position: center center;}

/*체크박스 on/off*/
input.id_check {position:absolute;left:-3000em;}
label.type-checkbox { display:inline-block; height:24px; padding-left:30px; background:url(/images/member/ic_uncheck.png) no-repeat; vertical-align:middle; line-height:24px; font-size:100%; font-weight:500;}
label.type-checkbox b { font-weight:500; }
label.type-checkbox.checked { background:url(/images/member/ic_check.png) no-repeat;}
label.type-checkbox.disabled { background:url(/images/member/ic_uncheck.png.png) no-repeat;}

input.id_radio { position:absolute;left:-3000em}
.lable_ridio_finup { display:inline-block; width:100%; height:48px; border:1px solid #ccc; color:#999; }
label.type-radio { display:inline-block; padding-left:44px; margin-bottom:10px; line-height:43px; vertical-align:middle; font-size:100%; background:url(/images/member/ic_uncheck.png) 10px 10px no-repeat;}
label.type-radio.checked { background:url(/images/member/ic_check.png) 10px 10px no-repeat; border:1px solid #666; color:#222; }
label.type-radio.disabled { padding-left:10px; background:#ccc; color:#fff; }

/*로그인&회원가입 버튼*/
.but_box { width:100%; line-height:50px; vertical-align:middle; font-size:110%; font-weight:500; text-align:center; }
.but_box.black { background:#222; color:#fff; }
.but_box.finup { background:#2e2e72; color:#fff; }
.but_box:disabled { background:#ededed; color:#777; }

/*select box*/
.inputbtn_style { margin:0 -15px -20px -15px; padding:10px 15px; background:#f7f7f7; border-bottom:1px solid #eaeaea; }
.select_box { width:100%; height:40px; padding:0 5px; font-size:95%; border-color:#666; background:#fff; }