/* 공통 사항 */
.border_box{margin-bottom:23px; border-top: 2px solid #00AEEF; border-bottom: 2px solid #C5C5C5;}
.std_dt{float:left; color:#666; font-size:11px; margin-left:5px; line-height:25px}
.ui-datepicker-trigger, .radio input, .radio label { cursor: pointer; }
.calendarInput { width: 75px; text-align: center; margin: 0 5px 0 0; font: 12px 돋움; height: 16px; line-height: 16px; padding: 0 2px 0 2px; vertical-align: middle; border: soild 1px #777; }
/* fixed header */
.fixed-table-container { height: 225px; position: relative; padding-top: 25px;}
.fixed-table-container .table{border-collapse: separate; *width:98%}
.fixed-table-container .table  th {border-left:none; text-align: left;}/* text-align을 left를 안하면 IE7 에서 header가 어그러진다. 이류는 모르겠음 */
.fixed-table-container .table  th.title{text-align:center}
.header-background { height: 25px; position: absolute; top: 0; right: 0; left: 0; background-color: #F0F0F0; border-bottom: 1px solid #C5C5C5; width:100%; text-align:center}
.th-inner { position: absolute; top: 0; line-height: 27px; text-align: center; border-left: 1px solid #C5C5C5; }
tr th:first-child .th-inner { border-left: none; }
.height250 { height: 250px; overflow-x: hidden; overflow-y: auto; }

/* table 스타일 */
.table {width:100%}
.table th,.table td{line-height:25px !important; font-weight:normal;color:#555555; border-bottom:#C5C5C5 1px solid}
.table th{text-align:center; background:#f0f0f0; }
.table thead th { border-left:#C5C5C5 1px solid; }
.table thead tr th:first-child , .table tr td:first-child { border-left:none; }
.border-bottom-none tbody tr:last-child th, .border-bottom-none tbody tr:last-child td{border-bottom:none}
/*.table tbody tr:last-child th, .table tr:last-child td{border-bottom:none}*/
.table td { border-left:#C5C5C5 1px solid; }
.min-width-th220 tbody th{min-width:220px; *width:220px}
.min-width-th220 tbody td .cut{width:180px;}
.min-width-th120 tbody th{min-width:120px; *width:120px}
.min-width-th120 tbody td .cut{width:350px;}
.table .scroll{height:25px; overflow-y:auto}


/* ETF 테마로 지정해야 하는 스타일 */
.SearchLine { background: url('/ETF/images/tit_etf.gif?ver=4') no-repeat; }
.SearchLine_1 { background: url('/ETF/images/tit_etf_01.gif?ver=4') no-repeat; }
h4.sub_title { background-image: url(/ETF/images/stit_eft.gif?20141125) !important; text-indent:-99999px; height:22px}
h4.sub_title1 { background-position: 0 0; width:115px}
h4.sub_title2 { background-position: 0 -22px; width:200px}
h4.sub_title3 { background-position: 0 -44px; width:200px}
h4.sub_title4 { background-position: 0 -66px; width:200px}
h4.sub_title5 { background-position: 0 -88px; width:100px}
h4.sub_title6 { background-position: 0 -110px; width:200px}
h4.sub_title7 { background-position: 0 -132px; width:200px}
h4.sub_title4_1 { background-position: 0 -154px; width:200px}
h4.sub_title5_1 { background-position: 0 -176px; width:200px}
h4.sub_title6_1 { background-position: 0 -198px; width:200px}

/* 라디오 버튼(D,W,M) 스타일 */
#NAV_TYPE .radio input{position:absolute; bottom:0px; z-index:-999; clip: rect(1px,1px,1px,1px);}
#NAV_TYPE .radio1,
#NAV_TYPE .radio2,
#NAV_TYPE .radio3 { position:inherit; display:inline-block; background-image:url('/ETF/images/btn_DailyWeeklyMonthly.gif'); width:54px; height:21px; background-position:0 -21px; }
#NAV_TYPE .selected .radio1{background-position:0 0}
#NAV_TYPE .radio2{background-position:-54px -21px}
#NAV_TYPE .selected .radio2{background-position:-54px 0}
#NAV_TYPE .radio3{background-position:-108px -21px}
#NAV_TYPE .selected .radio3{background-position:-108px 0}

/* 가변 레이아웃 Test용 css */
/*
 #contentWrap {width:100%} 
 #allWrapper1 {width:100%} 
 #main_layout {width:100%; min-width:830px} 
 #sidebar_layout{display:none}
.container_12{width:100% !important}
*/

/* 예외 사항 */
.container_12{width: 1040px; margin:0 0 0 -10px}/* grid layout 에 적용된 기본 margin값을 기존 company style에는 사용하지 않기에 container값을 더 크게 주고 margin으로 맞춘다. */
.ui-datepicker{z-index:99999 !important} /* highchart에 jQuery 달력이 올라가면 IE8에서 오류가 있다 */

/* 신한 Hts style-sheet*/
.tab-container{width:683px}
.tab-container .tab{display:block;width:150px;height:30px;line-height:30px;text-align:center;border-left:2px solid #00A3E4; border-top:2px solid #00A3E4; border-bottom:2px solid #00A3E4;
                border-top-left-radius:5px;
                bprder-top-right-radius:5px;
                -webkit-border-top-left-radius:5px;
                -webkit-border-top-right-radius:5px;
                -moz-border-radius-topleft:5px;
                -moz-border-radius-topright:5px;
                float:left}
.tab-container .img{display:block;float:left;width:150px;height:30px;line-height:30px;background:url('/ETF/images/tab.gif?20141125') no-repeat}
.tab-container .tab01{background-position:0 0}
.tab-container .selected .tab01{background-position:0 -30px}
.tab-container .tab02{background-position:0 -60px}
.tab-container .selected .tab02{background-position:0 -90px}
.tab-container .tab03{background-position:0 -120px}
.tab-container .selected .tab03{background-position:0 -150px}
.tab-container .tab04{background-position:0 -180px}
.tab-container .selected .tab04{background-position:0 -210px}
.tab-container .tab05{background-position:0 -240px}
.tab-container .selected .tab05{background-position:0 -270px}
.tab-container .tab06{background-position:0 -300px}
.tab-container .selected .tab06{background-position:0 -330px}
.tab-container .tab07{background-position:0 -360px}
.tab-container .selected .tab07{background-position:0 -390px}
.tab-container .tab08{background-position:0 -420px}
.tab-container .selected .tab08{background-position:0 -450px}
.tab-container .tab09{background-position:0 -480px}
.tab-container .selected .tab09{background-position:0 -510px}
.tab-container .tab10{background-position:0 -540px}
.tab-container .selected .tab10{background-position:0 -570px}
.tab-container .tab05_1{background-position:0 -600px}
.tab-container .selected .tab05_1{background-position:0 -630px}
.tab-container .tab06_1{background-position:0 -660px}
.tab-container .selected .tab06_1{background-position:0 -690px}
.tab-container .tab07_1{background-position:0 -720px}
.tab-container .selected .tab07_1{background-position:0 -750px}
.tab-container .tab08_1{background-position:0 -780px}
.tab-container .selected .tab08_1{background-position:0 -810px}
#container01, #container03, #container05, #container07, #container09{display:block}
#container02, #container04, #container06, #container08, #container10{display:none}

.tab-container .selected{color:orange}
.hts_std_dt{text-align:right;color:#999; font-size:11px; margin-left:5px; line-height:25px}
#nav_search{visibility:hidden}


.spanCT { float:left; width:90%; margin-left:20px; }
.viewCT { float:right; width:16px; text-align:right; margin-top:5px; margin-right:5px; }

.cut 
{
    white-space: nowrap;
    overflow:hidden; 
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');  
}
#comInfoSection .cmpinfo-start, #comInfoSection .cmpinfo-end {height:50px}