/* **************************************** *
 * JT PRICE
 * **************************************** */

/* 현재가 */
.jtstock_price {margin-top: -23px;}
.jtstock_price_time {width: 100%;margin-bottom: 20px;text-align: right;}
.jtstock_price_time time {position: relative;font-size: 14px;font-weight: 400;color: #666;}
.jtstock_price_time time:before {display: block;width: 19px;height: 19px;position: absolute;left: -29px;top: 50%;margin-top: -9.5px;font-family: 'jt-font';content: '\e933';font-size: 19px;font-weight: normal;line-height: 1;color: #aaa;}
.jtstock_price_table {display: table;width: 100%;border-top: 2px solid #000;}
.jtstock_price_cell {display: table-cell;width: 50%;padding: 32px 0;vertical-align: middle;font-size: 0;border-bottom: 1px solid #ddd;}
.jtstock_price_cell:nth-child(1) {padding-right: 50px;border-right: 1px solid #ddd;}
.jtstock_price_cell:nth-child(2) {padding-left: 50px;}
body div.jtstock_price_cell ul.jtstock_horizontal_list {margin-bottom: 0;}

.jtstock_value {display: inline-block;width: 63.5%;padding-right: 20px;vertical-align: middle;text-align: center;line-height: 1;}
.jtstock_value.jtstock_up {color: #e00000;}
.jtstock_value.jtstock_down {color: #1c9ad6;}
.jtstock_value.jtstock_steady {color: #aaa;}
body div.jtstock_value b {display: inline-block;vertical-align: middle;font-size: 70px;font-weight: 300;font-feature-settings: 'tnum';}
.jtstock_value .jtstock_icon {margin-top: 0;padding-right: 10px;}
.jtstock_value .jtstock_icon:after {font-size: 20px;}

.jtstock_horizontal_list {display: inline-block;width: 36.5%;vertical-align: middle;line-height: 1;}
.jtstock_horizontal_list > li {display: table;width: 100%;border-bottom: 1px solid #ddd;}
.jtstock_horizontal_list > li:last-child {border-bottom: none;}
.jtstock_horizontal_list > li > b {display: table-cell;width: 40%;padding: 0;vertical-align: middle;font-size: 16px;font-weight: 600;color: #444;}
.jtstock_horizontal_list > li > span {display: table-cell;width: 60%;padding: 0;vertical-align: middle;font-size: 20px;text-align: right;color: #666;font-feature-settings: 'tnum';}

ul.jtstock_vertical_list {text-align: center;margin: 0 !important;}
.jtstock_vertical_list > li {float: left;width: 22.5%;margin-right: 3.33%;}
.jtstock_vertical_list > li:last-child {margin-right: 0;}
.jtstock_vertical_list > li > b {display: block;font-size: 16px;font-weight: 600;color: #444;border-bottom: 1px solid #ddd;padding: 4px 0 3px;}
.jtstock_vertical_list > li > span {display: block;font-size: 20px;color: #666;font-feature-settings: 'tnum';}
.jtstock_vertical_list > li:before {content: "" !important;display: none !important;}


/* 테이블 */
.jtstock_table_outer:after {content: '';display: table;clear: both;}
.jtstock_table_column {float: left;width: 49%;}
.jtstock_table_column:first-child {margin-right: 2%;}
body table.jtstock_table {width: 100%;position: relative;border-top: 2px solid #222;}
body table.jtstock_table caption {width: 1px;height: 1px;position: absolute;top: 0;left: 0;font-size: 0;line-height: 0;overflow: hidden;}
body table.jtstock_table th { background: transparent; padding: 17px 30px;position: relative;vertical-align: middle;font-size: 18px;font-weight: 600;color: #222;border-bottom: 2px solid #ddd;}
body table.jtstock_table th:before {content: '';display: block;width: 1px;height: 17px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #ddd;}
body table.jtstock_table th:first-child:before {display: none;}
body table.jtstock_table td {padding: 19px 30px;vertical-align: middle;font-size: 15px;color: #666;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
body table.jtstock_table td:first-child {border-left: none;}
body table.jtstock_table td b {font-weight: 600;color: #222;}

table.jtstock_info_table {margin: 0;width: 100%;}
.jtstock_info_table td {width: 50%;}
.jtstock_info_table td:first-child {padding: 19px 40px;color: #222;}
.jtstock_info_table td:last-child {text-align: right;font-feature-settings: 'tnum';}
.jtstock_quantity_table th {text-align: center;}
.jtstock_quantity_table td {width: 33.33%;text-align: right;}
.jtstock_quantity_table tr:last-child td {background: #f5f5f5;}
.jtstock_quantity_table tr:last-child td:nth-child(2) {text-align: center;}


/* 그래프 */
.jtstock { position:relative;}

.jtstock #finance { position: relative; margin: 40px 0px; border: 1px solid #99CCFF; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.jtstock #labels { position: absolute; width: 100%; z-index: 10; }
.jtstock #financeTitle { position: absolute; top: -30px; }
.jtstock #time { position: absolute; left: 4px; top: -26px; font-size: 10px; z-index: 10; }
.jtstock #time a { font-size: 14px; margin-right: 6px; background: #ffffff; cursor: pointer; border-right: 2px solid transparent; color: #4499FF;  }
.jtstock #time a.active { border-bottom: 1px solid;}
.jtstock #dateRange { position: absolute; right: 4px; top: -24px; font-size: 10px; }

.jtstock .handle { position: absolute; z-index: 10; cursor: pointer; background: #eeeeee; border: 1px solid #bbbbbb; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.jtstock .zoomHandle { width: 5px; height: 20px; }
.jtstock .scrollHandle { width: 100px; height: 12px; }

.jtstock .flag { border: 1px solid #4499FF; background: white; padding: 1px 2px 1px 2px; }
.jtstock .flagpole { border-left: 1px solid #4499FF; }
.jtstock .flotr-grid-label { font-size: 11px; background: #ffffff; margin: 2px 0px 0px 4px; }
.jtstock .flotr-mouse-value { font-size: 10px; }

.jtstock #summaryGraph .flotr-grid-label { margin-top: -16px; background: transparent; text-align: left; }
/*
#summaryGraph{ visibility:hidden; position: absolute !important; top: 0; left: 0}
#flagContainer,
#leftHandle,
#rightHandle,
#scrollHandle { display:none}

*/

@media (max-width: 1280px) {
	
	body div.jtstock .jtstock_vertical_list > li { width: 25%;}
	
    .jtstock_price {margin-top: 0;}
    .jtstock_price_cell:nth-child(1) {padding-right: 25px;}
    .jtstock_price_cell:nth-child(2) {padding-left: 25px;}

    .jtstock_value b {font-size: 65px;}
    .jtstock_value .jtstock_icon:after {font-size: 17px;}

    .jtstock_error {padding: 6% 0 0;}
    .jtstock_error i:after {font-size: 55px;}
	
}


@media (max-width: 1023px) {
    .jtstock_price_time {margin-bottom: 15px;}
    .jtstock_price_time time:before {width: 15px;height: 15px;left: -25px;margin-top: -7px;font-size: 15px;}

    .jtstock_price_cell {padding: 20px 0;}
    .jtstock_price_cell:nth-child(1) {padding-right: 20px;}
    .jtstock_price_cell:nth-child(2) {padding-left: 20px;}

    .jtstock_icon {padding-right: 10px;}

	body div.jtstock_value {width: 60%;}
	body div.jtstock_value b {font-size: 48px;}
	body div.jtstock_value .jtstock_icon:after {font-size: 13px;}

    .jtstock_horizontal_list {width: 40%;}
    .jtstock_horizontal_list > li > b {width: 45%;padding: 12px 0;font-size: 15px;}
    .jtstock_horizontal_list > li > span {width: 55%;padding: 12px 0;font-size: 18px;}

    .jtstock_vertical_list > li > b {padding-bottom: 12px;font-size: 15px;}
    .jtstock_vertical_list > li > span {font-size: 18px;}

    .jtstock_chart {margin: 9% 0 8%;}

	body table.jtstock_table th {padding: 13px 20px;font-size: 16px;}
	body table.jtstock_table th:before {height: 14px;}
	body table.jtstock_table td {padding: 15px 20px;}
    .jtstock_info_table td:first-child {padding: 15px 20px;}

    .jtstock_error i:after {font-size: 48px;}
    .jtstock_error p {padding-top: 22px;padding-left: 0.3em;font-size: 15px;letter-spacing: 0.3em;}
}

@media (max-width: 767px){
	 /* 주가정보 */
    .jtstock_icon {padding-right: 6px;-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}

    .jtstock_price_time {margin-bottom: 12px;}
    .jtstock_price_time time {font-size: 13px;}
    .jtstock_price_time time:before {width: 12px;height: 12px;left: -20px;margin-top: -6px;font-size: 12px;}

    .jtstock_price_table {display: block;}
    .jtstock_price_cell {display: block;width: 100%;}
    .jtstock_price_cell:nth-child(1) {padding-right: 0;border-right: none;}
    .jtstock_price_cell:nth-child(2) {padding-left: 0;}

	body div.jtstock_value {padding-right: 16px;}
	body div.jtstock_value b {font-size: 40px;}
	body div.jtstock_value .jtstock_icon {padding-right: 5px;}

    .jtstock_horizontal_list > li > b {padding: 10px 0;font-size: 14px;line-height: 15px;}
    .jtstock_horizontal_list > li > span {padding: 10px 0;font-size: 15px;line-height: 1;}
    .jtstock_horizontal_list > li:first-child > b, .jtstock_horizontal_list > li:first-child > span {padding-top: 0;}
    .jtstock_horizontal_list > li:last-child > b, .jtstock_horizontal_list > li:last-child > span {padding-bottom: 0;}

    .jtstock_vertical_list > li > b {padding-bottom: 7px;font-size: 14px;}
    .jtstock_vertical_list > li > span {padding-top: 4px;font-size: 15px;}

    .jtstock_chart {margin: 50px 0 40px;}

    .jtstock_table_column {width: 100%;}
    .jtstock_table_column:first-child {margin-right: 0;margin-bottom: 35px;}
	body table.jtstock_table th {padding: 12px 16px;font-size: 15px;}
	body table.jtstock_table td {padding: 13px 16px;font-size: 14px;}
    .jtstock_info_table td:first-child {padding: 13px 16px;}

    .jtstock_error i:after {font-size: 40px;}
    .jtstock_error p {padding-top: 12px;padding-left: 0;font-size: 14px;letter-spacing: 0;line-height: 1.6;}
}

@media (max-width: 480px){

	div.jtstock_chart{margin-top:75px}
    .jtstock_price_time {margin-bottom: 6px;}
	.jtstock #time { left: 0; top: -28px;}
	.jtstock #dateRange { left: 0; right: auto; top: -50px;}

	body div.jtstock_value {width: 56%;}
	body div.jtstock_value b {font-size: 33px;}

    .jtstock_horizontal_list {width: 44%;}
}