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

/*공통*/
.view_wrap {  }
.view_wrap .contents02.info { padding:40px 0 25px 0; }
.view_wrap .contents02.info .box_cont { width:1200px; margin:0 auto; }
.view_wrap .contents02.info .box_tit { position:relative; overflow:hidden; }
.view_wrap .contents02.info .box_tit .cm_tit { font-weight:700; }
.view_wrap .contents02.info .box_tit .cm_subtit { color:#777; font-weight:400; }
.view_wrap .contents02.info .box_tit .cm_subtit.up { color:#e8373d; }
.view_wrap .contents02.info .box_tit .cm_subtit.down { color:#373fe8; }
.view_wrap .contents02.info .box_tit .badge { display:inline-block; padding:0 6px; margin-left:10px; border:1px solid #ededed; background:#fff; color:#777; font-size:13px; line-height:25px; vertical-align:middle; }
.view_wrap .contents02.info .box_tit .summary { display:inline-block; margin-left:10px; color:#777; font-size:13px; line-height:25px; vertical-align:middle; }
.view_wrap .contents02.info .box_tit .summary .im { margin:-2px 0 0 3px; font-size:100%; vertical-align:middle; cursor:pointer; }
.view_wrap .contents02.info .box_tit .box_btn { display:inline-block; float:right; }
.view_wrap .contents02.info .box_tit .btn_radar { display:inline-block; height:36px; padding:0 12px; border-radius:18px; border:1px solid #ddd; background:#f8f8f8; color:#777; font-size:15px; font-weight:400; line-height:34px; margin-right:20px; cursor:pointer; }
.view_wrap .contents02.info .box_tit .btn_share { display:block; float:right; width:30px; height:30px; margin-top:3px; background:url('/Images/common/ic-share.png') no-repeat center center; cursor:pointer; }

.view_wrap .contents02.info .box_info { position:relative; padding:22px 50px; border-radius:20px; background:#fff; overflow:hidden; }
.view_wrap .contents02.info .box_info .box_value { position:absolute; top:50%; left:50px; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-width:300px; margin-top:3px; line-height:34px;  }
.view_wrap .contents02.info .box_info .box_value span { display:inline-block; margin-right:10px;}
.view_wrap .contents02.info .box_info .box_value .cm_subtit { display:inline-block; font-weight:400; }

.view_wrap .contents02.info .box_info .box_order { float:left; max-width:345px; }
.view_wrap .contents02.info .box_info .box_order .cm_subtit.label { display:inline-block; margin-right:35px; font-weight:400; }

.view_wrap .contents02.info .box_info .box_info_desc { float:right; width:auto; max-width:calc(100% - 320px); }
.view_wrap .contents02.info .box_info .box_info_desc li { float:left; width:auto; height:auto; padding:0 33px; border-right:1px solid #ededed; text-align:left; overflow:hidden; }
.view_wrap .contents02.info .box_info .box_info_desc li:nth-child(1) { padding-left:0; }
.view_wrap .contents02.info .box_info .box_info_desc li:nth-child(3) { padding-right:0; border:0; }
.view_wrap .contents02.info .box_info .box_info_desc li span { display:inline-block; vertical-align:middle; }
.view_wrap .contents02.info .box_info .box_info_desc li .label { float:left; min-width:66px; margin-right:40px; }
.view_wrap .contents02.info .box_info .box_info_desc li .value { text-align:right; }
.view_wrap .contents02.info .box_info .up { color:#e8373d; }
.view_wrap .contents02.info .box_info .down { color:#373fe8; }


/*종목 상세*/
.stock_view .up { color:#e8373d; }
.stock_view .down { color:#373fe8; }

.stock_view .box_theme { position:relative; border:1px solid #ddd; overflow:hidden; }
.stock_view .box_theme .box_tit { height:70px; padding:17px 20px; background:#f8f8f8; border-bottom:1px solid #ededed; }
.stock_view .box_theme .box_tit.cm_subtit { font-weight:400; line-height:36px; }

.stock_view .box_theme .box_list { position:absolute; top:0; left:0; width:299px; height:100%; overflow:hidden; }
.stock_view .box_theme .box_list .list_wrap { width:100%; max-height:calc(100% - 71px); overflow-y:auto; }
.stock_view .box_theme .box_list .list_wrap .list_cont { padding:17px 20px; border-bottom:1px solid #ededed; overflow:hidden; }
.stock_view .box_theme .box_list .list_wrap .list_cont.on .label { font-weight:700; }
.stock_view .box_theme .box_list .list_wrap .list_cont span { display:block; float:left; width:60%; height:26px; font-size:15px; line-height:26px; overflow:hidden; }
.stock_view .box_theme .box_list .list_wrap .list_cont .label { text-overflow:ellipsis; white-space:nowrap; }
.stock_view .box_theme .box_list .list_wrap .list_cont .value { width:40%; padding-right:1px; text-align:right; }

.stock_view .box_theme .box_connect { float:right; width:calc(100% - 299px); border-left:1px solid #ddd; }
.stock_view .box_theme .box_connect .box_tit { position:relative; padding-left:47px; padding-right:100px; font-weight:400; overflow:hidden; }
.stock_view .box_theme .box_connect .box_tit .ic { display:inline-block; position:absolute; left:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:12px; height:12px; border-radius:50%; }
.stock_view .box_theme .box_connect .box_tit b .cm_color_lg { margin:0 5px; }
.stock_view .box_theme .box_connect .box_tit .btn_detail {  position:absolute; right:20px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.stock_view .box_theme .box_connect .box_tit .btn_detail .im { margin:-2px 0 0 10px; font-size:95%; vertical-align:middle; }
.stock_view .box_theme .box_connect .box_cont { padding:30px 20px 50px; }
.stock_view .box_theme .box_connect .cm_subtit { font-weight:400; }
.stock_view .box_theme .box_connect .cm_subtit .num { float:right; margin-top:6px; }
.stock_view .box_theme .box_connect .box_reason { padding:14px 25px; border-top:1px solid #ddd; border-bottom:#ededed; background:#f4f4f4; }
.stock_view .box_theme .box_connect .cm_table_wrap tbody tr:nth-of-type(1) td:nth-of-type(1) { font-weight:700; }
.stock_view .box_theme .box_connect .cm_table_wrap tbody tr td{ padding-left:25px; padding-right:25px; }

.stock_view .box_theme .box_connect .btn_stock { display:block; width:150px; margin:0 auto; font-size:13px; line-height:20px; text-align:center; }
.stock_view .box_theme .box_connect .btn_stock .im { margin:-2px 0 0 8px; font-size:95%; vertical-align:middle;  }
.stock_view .box_theme .box_connect .btn_stock.fold .im { transform:rotate(0); animation:stock_view_fold 0.3s 0s forwards linear; -webkit-animation:stock_view_fold 0.3s 0s forwards linear; }
.stock_view .box_theme .box_connect .btn_stock.more .im { transform:rotate(-180deg); animation:stock_view_more 0.3s 0s forwards linear; -webkit-animation:stock_view_more 0.3s 0s forwards linear; }

@keyframes stock_view_fold {
    0% { transform:rotate(0); }
    100% { transform:rotate(-180deg); }
}

@keyframes stock_view_more {
    100% { transform:rotate(0); }
}

.stock_view .box_theme .box_connect .list_wrap { border-top:1px solid #ddd; }
.stock_view .box_theme .box_connect .cm_paging_wrap { margin:15px auto 0; }

.stock_view .box_contract { overflow:hidden; }
.stock_view .box_contract .cm_subtit { width:100%; }
.stock_view .box_contract .box_table { float:left; width:580px; }
.stock_view .box_contract .box_table thead tr th { padding:7px 0; }
.stock_view .box_contract .box_table .cm_table_wrap.today .non_data { color:#999; font-size:13px; line-height:472px; text-align:center; }
.stock_view .box_contract .box_chart { float:right; width:580px; }
.stock_view .box_contract .box_chart .cm_txt { overflow:hidden; }
.stock_view .box_contract .box_chart .cm_txt .value { float:right; }
.stock_view .box_contract .box_chart .chart { width:100%; height:250px; padding:10px;  border-top:1px solid #ddd; overflow:hidden; }

.stock_view .box_deal .cm_subtit { width:100%; }
.stock_view .box_deal .cm_table_wrap thead tr th { min-height:35px; padding:0; line-height:35px; }
.stock_view .box_deal .cm_table_wrap thead tr:nth-of-type(2) th { border:0; border-top:2px solid #fff; }
.stock_view .box_deal .cm_table_wrap thead tr:nth-of-type(2) th:nth-last-child(3) { border-left:2px solid #fff; }
.stock_view .box_deal .cm_table_wrap tbody tr td { padding:9px 30px; color:#999; text-align:right; }
.stock_view .box_deal .cm_table_wrap tbody tr td.up { color:#e8373d; }
.stock_view .box_deal .cm_table_wrap tbody tr td.down { color:#373fe8; }
.stock_view .box_deal .cm_table_wrap tbody tr td:nth-of-type(1) { text-align:center; }
.stock_view .box_deal .cm_paging_wrap { margin:15px auto 0; }

.stock_view .box_company { overflow:hidden; }
/* .stock_view .box_company .box_graph { float:left; width:580px; } */
.stock_view .box_company .box_graph .cm_subtit { position:relative; }
.stock_view .box_company .box_graph .cm_subtit .cm_tab { position:absolute; bottom:0; right:0; }
.stock_view .box_company .box_graph .box_chart { padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.stock_view .box_company .box_graph .box_chart .chart { width:100%; height:330px; overflow:hidden; }
.stock_view .box_company .box_graph .box_chart .chart { width:100%; height:330px; overflow:hidden; }
.stock_view .box_company .box_graph .box_chart .tab_period { text-align:center; overflow:hidden; }
.stock_view .box_company .box_graph .box_chart .tab_period li { display:inline-block; width:59px; height:34px; margin:0 10px; border-radius:10px; background:#f4f4f4; color:#777; font-size:15px; line-height:34px; overflow:hidden; cursor:pointer; }
.stock_view .box_company .box_graph .box_chart .tab_period li.on { background:#222; color:#fff; }

.stock_view .box_company .box_top { float:right; width:580px; }
.stock_view .box_company .box_top .cm_table_wrap tbody td { padding:20px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.stock_view .box_company .box_top .cm_table_wrap tbody td .cm_txt { display:block; width:100%; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.stock_view .box_company .box_top .cm_table_wrap tbody td .value { display:inline-block; min-width:70px; max-width:100%; height:35px; line-height:37px; border-radius:10px; }
.stock_view .box_company .box_top .cm_table_wrap tbody td:nth-of-type(2) { border-right:1px solid #ededed; color:#777; text-align:center; }
.stock_view .box_company .box_top .cm_table_wrap tbody td:nth-of-type(2) span { background:#ebf1f7; }
.stock_view .box_company .box_top .cm_table_wrap tbody td:nth-of-type(4) { color:#777; text-align:center; }
.stock_view .box_company .box_top .cm_table_wrap tbody td:nth-of-type(4) span { background:#ffefef; }

.stock_view .box_field { overflow:hidden; }
.stock_view .box_field .box_table { float:left; width:580px; }
.stock_view .box_field .box_table.holder { float:right }
.stock_view .box_field .box_table .cm_table_wrap tr td { padding:9px 25px; }
.stock_view .box_field .box_table .cm_table_wrap tr td:nth-of-type(2) { color:#777; }
.stock_view .box_field .box_table .cm_table_wrap tr td .im { margin:-2px 0 0 0; font-size:95%; vertical-align:middle; }
.stock_view .box_field .box_table .cm_table_wrap tr td.non_data { color:#999; font-size:13px; line-height:22px; text-align:center; }
.stock_view .box_field .box_table .cm_paging_wrap { margin:15px auto 0; }

.stock_view .box_finance .cm_subtit { position:relative; }
.stock_view .box_finance .cm_subtit .cm_tab { position:absolute; bottom:0; right:0; }
.stock_view .box_finance .cm_table_wrap tr td { padding:9px 25px; color:#999; text-align:right; }
.stock_view .box_finance .cm_table_wrap tr > *:first-child { width:160px; }
.stock_view .box_finance .cm_table_wrap tr td:nth-of-type(1) { color:#222; text-align:left; }

.stock_view .box_news .cm_tab.text_style { text-align:right; }
.stock_view .box_news .cm_tab.text_style .cm_tab_menu { display:inline-block; float:none;}
.stock_view .box_news .list_wrap { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.stock_view .box_news .btn_more { display:block; width:150px; margin:0 auto; font-size:13px; line-height:20px; text-align:center; }
.stock_view .box_news .btn_more .im { margin:-2px 0 0 8px; font-size:95%; vertical-align:middle;  }

.stock_view .contents01.hoga { font-family:'Noto Sans KR'; overflow:visible; }
.stock_view .contents01.hoga .cm_tit_48 { font:700 48px/68px 'Noto Sans KR'; }
.stock_view .contents01.hoga .cm_tit_35 { font:700 35px/50px 'Noto Sans KR'; }
.stock_view .contents01.hoga .cm_tit { font:700 25px/36px 'Noto Sans KR'; }
.stock_view .contents01.hoga .cm_subtit { font:400 18px/26px 'Noto Sans KR'; }
.stock_view .contents01.hoga .cm_txt { font:400 15px/22px 'Noto Sans KR'; }
.stock_view .contents01.hoga .cm_smtxt { font:400 13px/20px 'Noto Sans KR'; }

.stock_view .contents01.hoga .loading_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); overflow: hidden; z-index: 10; }
.stock_view .contents01.hoga .loading_img { position: fixed; top: 45%; left: 45% }

.stock_view .contents01.hoga .news_loading_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120px; background: rgba(255, 255, 255, 0.5); overflow: hidden; z-index: 10; }
.stock_view .contents01.hoga .news_loading_img { position: absolute; top: 0; left: 45%; height: 100%; }

.stock_view .box_hoga { position:relative; overflow:visible; }
.stock_view .box_hoga .box_date { position:relative; overflow:visible;}
.stock_view .box_hoga .box_date:after { display:block; content:''; clear:both; }
.stock_view .box_hoga .box_date .cm_form_wrap { float:left; width:180px; height:auto; }
.stock_view .box_hoga .box_date .label{ float:left; display:inline-block; margin-right:10px; line-height:40px; font-weight:700; }
.stock_view .box_hoga .box_date input { width:180px; margin-left:0; }
.stock_view .box_hoga .box_date .btn_calendar { position:absolute; top:50%; right:15px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.stock_view .box_hoga .box_date .btn_calendar .im { color:#999; font-size:150%; vertical-align:middle; }
.stock_view .box_hoga .box_date .btn_share { display:block; float:right; width:30px; height:30px; margin-top:3px; background:url('/Images/common/ic-share.png') no-repeat center center; cursor:pointer; }

.stock_view .box_hoga .box_date .popup_date_info { position:absolute; top:50px; left:36px; width:242px; overflow:hidden; z-index:150; }
.stock_view .box_hoga .box_date .popup_date_info .cm_smtxt { display:inline-block; width:200px; padding:10px 15px; border-radius:10px; background:rgba(000,000,000,0.7); color:#fff; }
.stock_view .box_hoga .box_date .popup_date_info .btn_close { position:absolute; top:0; right:0; width:32px; height:32px; text-align:center; }
.stock_view .box_hoga .box_date .popup_date_info .btn_close .im { margin:-2px 0 0 0; font-size:25px; line-height:32px; vertical-align:middle; }

.stock_view .box_hoga .box_fold  { position:absolute; top:100px; left:-25px; width:26px; height:auto; }
.stock_view .box_hoga .box_fold button { display:block; }
.stock_view .box_hoga .box_fold button + button { margin-top:5px; }

.stock_view .box_hoga .view_desc { padding:20px; padding-bottom:0; border:1px solid #ddd; box-sizing:border-box; }

.stock_view .box_hoga .box_full { position:relative; width:1158px; overflow: visible; }
.stock_view .box_hoga .box_full ul { overflow:visible; }
.stock_view .box_hoga .box_full li { float: left; }
.stock_view .box_hoga .box_full li:nth-child(2) { width:1058px; }
.stock_view .box_hoga .box_full .cm_subtit { width: 99px; line-height: 30px; text-align: left; vertical-align: middle; }
.stock_view .box_hoga .box_full .cm_subtit.data { line-height: 120px; vertical-align: middle; }
.stock_view .box_hoga .box_full .cm_subtit.time { padding: 20px 0 10px 0; line-height: 32px; vertical-align: middle; }
.stock_view .box_hoga .box_full .cm_subtit.time span { font-size: 15px; } 
.stock_view .box_hoga .box_full .chart { height: 155px; /*border: 1px solid #ddd;*/ box-sizing: border-box; }

.stock_view .box_hoga .box_full .data_line { position: relative; min-height: 60px; padding: 0 0 60px 0; border-bottom: 1px solid #ddd; }
.stock_view .box_hoga .box_full .data_line ul { position: absolute; left: 50%; transform: translateX(-50%); width: 1058px; overflow: hidden; }
.stock_view .box_hoga .box_full .data_line ul li { position: relative; padding-top: 11px; width: 162px; height: 110px; }
.stock_view .box_hoga .box_full .data_line ul li:last-child { width: 86px; }
.stock_view .box_hoga .box_full .data_line ul li a { display: block; float: left; position: absolute; width: 32px; height: 49px; }
.stock_view .box_hoga .box_full .data_line ul li a.none { display: none; }
.stock_view .box_hoga .box_full .data_line ul li a.min10 { left: 0px; }
.stock_view .box_hoga .box_full .data_line ul li a.min20 { left: 27px; }
.stock_view .box_hoga .box_full .data_line ul li a.min30 { left: 54px; }
.stock_view .box_hoga .box_full .data_line ul li a.min40 { left: 81px; }
.stock_view .box_hoga .box_full .data_line ul li a.min50 { left: 108px; }
.stock_view .box_hoga .box_full .data_line ul li a.min60 { left: 135px; }
.stock_view .box_hoga .box_full .data_line ul li a.news { background: url(/Images/sub/lab/ic_news.png) no-repeat; }
.stock_view .box_hoga .box_full .data_line ul li a.disclosure { top: 61px; margin: 0 0 0 16px; background: url(/Images/sub/lab/ic_disclosure.png) no-repeat; }
.stock_view .box_hoga .box_full .data_line ul li a b { display: inline-block; position: absolute; left: 4px; width: 18px; height: 18px; border-radius: 18px; border: 1px solid #fff; text-align: center; font: 700 10px 'Noto Sans KR'; color: #fff; line-height: 15px; }
.stock_view .box_hoga .box_full .data_line ul li a b.none { display: none; }
.stock_view .box_hoga .box_full .data_line ul li a b.news { top: -8px; background: #b41f4e; }
.stock_view .box_hoga .box_full .data_line ul li a b.disclosure { top: 9px; background: #f13a3c; }

.stock_view .box_hoga .box_full .time_line { position: relative; min-height: 40px; padding: 0 0 45px 0; border-bottom: 1px solid #ddd; }
.stock_view .box_hoga .box_full .time_line .box_time { position: absolute; left: 0; top: 5px; } 
.stock_view .box_hoga .box_full .time_line .box_time li { float: left; width: 162px; height: 40px; border-left: 1px solid #ddd; }
.stock_view .box_hoga .box_full .time_line .box_time li:last-child { width: 86px; border-right: 1px solid #ddd; }
.stock_view .box_hoga .box_full .time_line .box_time li span { display: block; position: relative; left: -15px; height: 20px; padding-bottom: 5px; background: #fff; text-align: left; color: #777; font: 700 12px 'Noto Sans KR'; }
.stock_view .box_hoga .box_full .time_line .box_time li span.first { left: -2px; }
.stock_view .box_hoga .box_full .time_line .box_time li span.last { left: 56px; top: -20px;}

.stock_view .box_hoga .box_full .time_line .box_time .time_min { position: relative; left: 0; bottom: -10px; }
.stock_view .box_hoga .box_full .time_line .box_time .time_min.pm15m { bottom: 10px; }
.stock_view .box_hoga .box_full .time_line .box_time .time_min.pm15m li { width: 28px; }
.stock_view .box_hoga .box_full .time_line .box_time .time_min li { width: 27px; height: 10px; border-right: 1px solid #eaeaea; border-left: 0; }
.stock_view .box_hoga .box_full .time_line .box_time .time_min li:last-child { width: 28px; }
.stock_view .box_hoga .box_full .box_play { position: relative; clear: both; width: 100%; margin-bottom: 30px; overflow: hidden; }

.stock_view .box_hoga .box_layout { margin-bottom:10px; overflow:hidden; }
.stock_view .box_hoga .box_layout .box_btn { display:inline-block; }
.stock_view .box_hoga .box_layout .box_btn.left { float:left; }
.stock_view .box_hoga .box_layout .box_btn.right { float:right }
.stock_view .box_hoga .box_layout .box_btn .btn_template { float:left; width:40px; height:30px; margin-left:10px; border:1px solid #ddd; background:url('/Images/sub/lab/btn_template1.png') no-repeat; background-position:-1px -31px; overflow:hidden; }
.stock_view .box_hoga .box_layout .box_btn .btn_template:last-of-type { background:url('/Images/sub/lab/btn_template2.png') no-repeat; background-position:-1px -31px; }
.stock_view .box_hoga .box_layout .box_btn .btn_template:hover { border:1px solid #222; background-position-y:-1px; }
.stock_view .box_hoga .box_layout .box_btn .btn_template.on { border:1px solid #222; background-position-y:-1px; }
.stock_view .box_hoga .box_layout .box_btn .btn_item { float:left; padding:0 10px; margin-right:10px; border:1px solid #ddd; border-radius:0; background:#f7f7f7; color:#777; font-size:15px; line-height:28px; text-align:center; opacity:1; }
.stock_view .box_hoga .box_layout .box_btn .btn_item:hover { border:1px solid #222; background:#fff; color:#222; }

.stock_view .box_hoga .box_cont { position:relative; width:1198px; padding:20px; margin-left:-20px; background:#f9f9f9; overflow:hidden; }
.stock_view .box_hoga .box_cont .box_container { position:relative; width:100%; min-height:578px; }
.stock_view .box_hoga .box_cont .box_item { position:absolute; padding:0; border-radius:5px 5px 0 0; background:#fff; overflow:hidden; }
.stock_view .box_hoga .box_cont .box_item .box_resize { width:379px; height:556px; }
.stock_view .box_hoga .box_cont .box_item .cm_subtit { display:block; height:38px; padding:0 10px; border:1px solid #ededed; border-bottom:0; border-radius:5px 5px 0 0; line-height:38px; vertical-align: middle; box-sizing:border-box; overflow:hidden; }
.stock_view .box_hoga .box_cont .box_item .cm_subtit button { display:block; float:right; width:38px;  height:38px; text-align:right; }
.stock_view .box_hoga .box_cont .box_item .cm_subtit .im { float:right; color:#777; font-size:100%; line-height:38px; }
.stock_view .box_hoga .box_cont .box_item .cm_subtit:hover { border:1px solid #cecece; border-bottom:0; line-height:38px; cursor:move; }
.stock_view .box_hoga .box_cont .box_item  .box_table { position:relative; height:calc(100% - 38px); overflow:hidden; }
.stock_view .box_hoga .box_cont .box_item.hoga { top:0; left:0; }
.stock_view .box_hoga .box_cont .box_item.company { top:0; left:389px; /*height:273px;*/ /*min-height:273px;*/ }
.stock_view .box_hoga .box_cont .box_item.company .box_resize {  height:273px; /*min-height:273px;*/ }
.stock_view .box_hoga .box_cont .box_item.chart { top:283px; left:389px;  }
.stock_view .box_hoga .box_cont .box_item.chart .box_resize {  height:273px; min-height:273px; }
.stock_view .box_hoga .box_cont .box_item.chart .cm_subtit { border-bottom:1px solid #d1d0de; }
.stock_view .box_hoga .box_cont .box_item.contract { top:0; left:779px; }

.stock_view .box_hoga .box_cont.template2 .box_item.hoga { top:0; left:0; } { }
.stock_view .box_hoga .box_cont.template2 .box_item.company { top:0; left:779px; }
.stock_view .box_hoga .box_cont.template2 .box_item.chart { top:283px; left:779px; }
.stock_view .box_hoga .box_cont.template2 .box_item.contract { top:0; left:389px; }

.stock_view .box_hoga .box_cont .box_chart { position:relative; height:calc(100% - 38px); width: 100% !important; margin-top:5px; overflow:hidden; }
.stock_view .box_hoga .box_cont .box_chart ul { width: inherit; margin: 0 0 6px 0; overflow: hidden; }
.stock_view .box_hoga .box_cont .box_chart .cont { height:calc(100% - 70px); margin: 5px 0; border: 1px solid #ddd; overflow: hidden; }
.stock_view .box_hoga .box_cont .box_chart .cm_filter_wrap.block02 li span { display:block; height:25px; }

/*탭*/
.stock_view .box_hoga .cm_tab.round_style { float: right; width: 135px; height: 30px; }
.stock_view .box_hoga .cm_tab.round_style li:nth-child(2) { width: 30px !important; }
.stock_view .box_hoga .cm_tab.round_style li:last-child { margin: 0; }
.stock_view .box_hoga .cm_tab.round_style .cm_tab_menu { width: 30px; height: 30px; margin-right: 5px; border-radius: 0; border: 1px solid #ddd; background: #f7f7f7; color: #777; font: 600 15px 'Noto Sans KR'; line-height: 28px; box-sizing: border-box; }
.stock_view .box_hoga .cm_tab.round_style .cm_tab_menu.on { background: #fff; border: 1px solid #262961; color: #262961; }

.stock_view .box_hoga .cm_filter_wrap.block02 { padding: 0; background: none; }
.stock_view .box_hoga .cm_filter_wrap.block02 li { padding: 0; }
.stock_view .box_hoga .cm_filter_wrap.block02 li span { float: left; display: inline-block; margin-right: 5px; color: #777; font: 700 12px 'Noto Sans KR'; line-height: 27px; }

.stock_view .box_hoga .cm_filter_wrap.block02 .btn_input { margin: 0 5px 0 0; background: #f7f7f7; font-size: 12px; color: #777; }
.stock_view .box_hoga .cm_filter_wrap.block02 .btn_input.chart1 { float: left; width: 25px; height: 25px; line-height: 23px; }
.stock_view .box_hoga .cm_filter_wrap.block02 .btn_input.on { border: 1px solid #262961; background: #fff; color: #262961; }
.stock_view .box_hoga .cm_filter_wrap.block02 .btn_input:last-child { margin-right: 0; }
.stock_view .box_hoga .cm_filter_wrap.block02 .btn_input:hover { border:1px solid #262961; background: #fff; color: #262961; }

/*버튼*/
.stock_view .box_hoga .cm_paging_wrap { transform: none; margin: 0; left: 100px; }
.stock_view .box_hoga .cm_paging_wrap li:nth-child(2) { width: 53px !important; }
.stock_view .box_hoga .cm_paging_wrap li:nth-child(4) { border-right: 1px solid #ddd; }
.stock_view .box_hoga .cm_paging_wrap li:nth-child(5) { width: 80px; height: 32px; margin: 0 10px; border: none; z-index: 1; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .stock_view .box_hoga .cm_paging_wrap li:nth-child(5) { margin: -2px 10px 0 10px; }
}

.stock_view .box_hoga .cm_paging_wrap li:nth-child(5):hover { border: none; }
.stock_view .box_hoga .cm_paging_wrap li:last-child { border-right: 1px solid #ddd; }

.stock_view .box_hoga .cm_paging_wrap .cm_pageing { width: 53px; background: #f7f7f7; color: #777; margin: 0; border-right: 0; }
.stock_view .box_hoga .cm_paging_wrap .cm_pageing:hover { border: 1px solid #262961; background: #fff; color: #262961; }
.stock_view .box_hoga .cm_paging_wrap .cm_pageing .im { width: 100%; height: 30px; border: 1px solid #ddd; font-size: 100%; line-height: 30px; vertical-align: middle; box-sizing: border-box; }
.stock_view .box_hoga .cm_paging_wrap .cm_pageing .im:hover { width: 100%; height: 30px; border: 1px solid #262961; }
.stock_view .box_hoga .cm_paging_wrap .cm_pageing .im.selected { width: 100%; border: 1px solid #262961; background: #fff; color: #262961; z-index: 3; }

#ui-datepicker-div { z-index: 10 !important; }

/*재생위치*/
.stock_view .box_hoga input[type=range] { -webkit-appearance: none; width: 1116px; background: transparent; }
.stock_view .box_hoga input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; }
.stock_view .box_hoga input[type=range]:focus { outline: none; }
.stock_view .box_hoga input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; border-color: transparent; color: transparent; }

.stock_view .box_hoga .box_timeline { position:relative; width:1178px; overflow:hidden; }
.stock_view .box_hoga .time_position { position:absolute; left:73px; bottom:-85px; z-index: 9; }
.stock_view .box_hoga .time_position .button_position { position:absolute; bottom:0; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stock_view .box_hoga .time_position { bottom:-85px; }
}

.stock_view .box_hoga .time_position .button_position { position:relative; height:100px; }
.stock_view .box_hoga .time_position .button_position input[type=range] { display: block; position: absolute; left:-28px; bottom: 0; }
.stock_view .box_hoga .time_position .button_position input[type=range]:focus { outline: none; } 

/* Chrome */
.stock_view .box_hoga .time_position .button_position input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 390px; height: 100%; animation: 0.2s; background: none; }
.stock_view .box_hoga .time_position .button_position input[type=range].normal::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time.png) no-repeat; cursor: pointer; }
.stock_view .box_hoga .time_position .button_position input[type=range].first::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time_first.png) no-repeat; cursor: pointer; }
.stock_view .box_hoga .time_position .button_position input[type=range].last::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time_last.png) no-repeat; cursor: pointer; }
.stock_view .box_hoga .time_position .button_position input[type=range]:focus::-webkit-slider-runnable-track { background: none; }

/* IE */
.stock_view .box_hoga .time_position .button_position input[type=range]::-ms-track { width: 100%; height: 390px; height: 100%; animation: 0.2s; background: transparent; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range].normal::-ms-thumb { width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time.png) no-repeat; cursor: pointer; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range].first::-ms-thumb { width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time_first.png) no-repeat; cursor: pointer; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range].last::-ms-thumb { width: 60px; height: 24px; margin-top: 0; background: url(/Images/sub/lab/btn_time_last.png) no-repeat; cursor: pointer; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range]:focus::-ms-track { background: transparent; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range]::-ms-fill-lower { background: transparent; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range]::-ms-fill-upper { background: transparent; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range]::-ms-ticks-before { background: transparent; color: transparent; }
.stock_view .box_hoga .time_position .button_position input[type=range]::-ms-ticks-after { background: transparent; color: transparent; }
    
/* FireFox */
.stock_view .box_hoga .time_position .button_position .bar_position { border: 1px solid #2f2e72; display: block; position: absolute; left: 0; bottom: 24px; width: 1px; height: 357px; }
    
.stock_view .box_hoga .sod_table { width: 100%; height:100%; border-top: 2px solid #d1d0de; border-bottom: 2px solid #d1d0de; color: #262961; font: 400 12px 'Dotum,돋음'; text-align: center; }
.stock_view .box_hoga .sod_table.non { border: none; }
.stock_view .box_hoga .sod_table.line { border-top: 1px solid #d1d0de; border-bottom: 1px solid #d1d0de; }
.stock_view .box_hoga .sod_table.list { height:auto; }
.stock_view .box_hoga .sod_table.list tr { height:25px; }

.stock_view .box_hoga .sod_table th { padding: 0 2px;  border-bottom: 1px solid #d1d0de; border-right: 1px solid #d1d0de; background: #f6f6f6; font-weight:400; }
.stock_view .box_hoga .sod_table th:last-child { border-right: 0; }
.stock_view .box_hoga .sod_table th.non { border-right: 0; }
.stock_view .box_hoga .sod_table th.line { border-bottom: 2px solid #d1d0de; background: #fff; }
.stock_view .box_hoga .sod_table td { position:relative; border-right: 1px solid #d1d0de; background: #ffffff; }
.stock_view .box_hoga .sod_table td span { display: inline-block; }
.stock_view .box_hoga .sod_table td.line { border-bottom: 1px solid #d1d0de; }
.stock_view .box_hoga .sod_table td.line2 { padding:0; border-bottom: 2px solid #d1d0de; }
.stock_view .box_hoga .sod_table td:last-child { border-right: 0; }
.stock_view .box_hoga .sod_table td.non { border: none; }
.stock_view .box_hoga .sod_table td.non2 { border-bottom: none; }
.stock_view .box_hoga .sod_table td.bg { padding-right:2px; border: none; background: none; }

.stock_view .box_hoga .sod_table .txt_right { padding-right:2px; text-align: right; }
.stock_view .box_hoga .sod_table .txt_left { text-align: right; }

.stock_view .box_hoga .sod_table .sell { background: #f2f2fb; }
.stock_view .box_hoga .sod_table .buy { background: #fef4f0; }
.stock_view .box_hoga .sod_table .point { background: #eeeeee; }
.stock_view .box_hoga .sod_table .txt_size { /*font-size: 14px;*/ }
.stock_view .box_hoga .sod_table .cm_bg_cm { background: #ffe3b7; outline: 1px solid #f13a3c; color: #f13a3c; /*font-weight: bold;*/ }
.stock_view .box_hoga .sod_table .td_styles1 { position: relative; clear: both; height:10%; overflow: hidden; }
.stock_view .box_hoga .sod_table .td_styles1 span { position: absolute; top:50%; right:1px; transform:translateY(-50%); -webkit-transform:translateY(-50%); display: inline-block; line-height: 20px; z-index: 3; }
.stock_view .box_hoga .sod_table .td_styles1 b { position: absolute; right: 0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);display: inline-block; height: 18px; z-index: 1 } 
.stock_view .box_hoga .sod_table .td_styles2 { background-image: -webkit-linear-gradient(top bottom, #daeff2 0%, #daeff2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#daeff2), to(#ffffff)); background-image: linear-gradient(to bottom,#daeff2,#ffffff); }

.stock_view .box_hoga .sod_table .td_styles2 span { display: block; overflow: hidden; }
.stock_view .box_hoga .sod_table .td_styles3 { width: 100%; /*height: 20px;*/ padding-right:2px; }

.stock_view .box_hoga .sod_table .td_styles4 { background-image: -webkit-linear-gradient(top bottom, #f2e1e8 100%, #f2e1e8 0%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2e1e8)); background-image: linear-gradient(to bottom,#ffffff,#f2e1e8); }
.stock_view .box_hoga .sod_table .td_styles4 span { display: block; overflow: hidden; }

.stock_view .box_hoga .sod_table .td_styles5 { position: relative; height: 10%; text-align: right; overflow: hidden; }
.stock_view .box_hoga .sod_table .td_styles5 span { position: absolute; top:50%; right: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  display: inline-block; text-align: right; line-height: 20px; z-index: 3; }
.stock_view .box_hoga .sod_table .td_styles5 b { position: absolute; left: 0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display: inline-block; height: 18px; z-index: 1; }


/*테마 상세 >  종합*/
.theme_view .contents02.info .box_tit .btn_radar { padding:0 25px; margin:0; }
.theme_view .box_graph { height:400px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.theme_view .cm_table_wrap tbody tr td { padding:9px 25px; text-align:right; }
.theme_view .cm_table_wrap tbody tr td.up { color:#e8373d; }
.theme_view .cm_table_wrap tbody tr td.down { color:#373fe8; }
.theme_view .cm_table_wrap tbody tr:nth-of-type(1) td:nth-of-type(1) .cm_txt{ display:block; font-weight:700; }
.theme_view .cm_table_wrap tbody tr td .cm_txt { display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.theme_view .cm_table_wrap tbody tr td:last-of-type .cm_txt { display:block; position:relative; max-width:100%; padding-right:20px; }
.theme_view .cm_table_wrap tbody tr td:last-of-type .im { position:absolute; top:50%; right:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:95%; vertical-align:middle; cursor:pointer; }
.theme_view .cm_table_wrap tbody tr td:last-of-type .im { position:absolute; top:50%; right:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:95%; vertical-align:middle; cursor:pointer; }

.theme_view .list_cont.horizon02 { float:none; border-bottom:1px solid #ededed; }

.theme_view .list_wrap { border-top:1px solid #ddd; }
.theme_view .btn_more { display:block; width:150px; margin:0 auto; font-size:13px; line-height:20px; text-align:center; }
.theme_view .btn_more .im { margin:-2px 0 0 8px; font-size:95%; vertical-align:middle;  }


/*콘텐츠 상세*/
.finance_view { word-break:keep-all; }
.finance_view .box_tit { position:relative; }
.finance_view .box_tit .btn_share { display:block; position:absolute; top:0; right:0; width:30px; height:30px; background:url('/Images/common/ic-share.png') no-repeat center center; cursor:pointer; }
.finance_view .box_tit .cm_txt { padding-right:30px; }

.finance_view .box_desc { padding-top:40px; }
.finance_view hr { display:block; width:100%; height:1px; border:0; background:#ddd; }
.finance_view .box_add li { overflow:hidden; }
.finance_view .box_add li + li { margin-top:10px;}
.finance_view .box_add li > div { display:block; float:left; }
.finance_view .box_add li .box_label { width:100px; }
.finance_view .box_add li .box_label .ic_dot { display:inline-block; float:left; margin-top:-1px; margin-right:10px; vertical-align:middle; }
.finance_view .box_add li .box_value { width:calc(100% - 100px); }
.finance_view .box_add li .box_value a { display:inline-block; padding-right:2px; border-bottom:1px solid #777; line-height:20px; }
.finance_view .box_add li .box_value a + a { margin-left:15px; } 

.finance_view .box_btn { text-align:center; } 
.finance_view .box_btn button { display:inline-block; width:230px; height:45px; border-radius:5px; font-size:15px; font-weight:400; line-height:normal; text-align:center; } 
.finance_view .box_btn button + button { margin-left:15px; }