/* @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;800&display=swap");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); */
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.84.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.85.woff2') format('woff2');
}
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.86.woff2') format('woff2');
}
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.87.woff2') format('woff2');
}
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.88.woff2') format('woff2');
}
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.89.woff2') format('woff2');
}

@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.90.woff2') format('woff2');
}
@font-face {
    font-family: Pretendard Variable;
    font-weight: 45 920; 
    font-display: swap;
    src: url('fonts/PretendardVariable.subset.91.woff2') format('woff2');
}



/* @font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('fonts\Pretendard-Thin.otf') format('otf');
} */
body {
	color: #222222;
	/* font-family: "돋움","dotum","AppleGothic"; */
	font-size: 16px;
	background: none repeat scroll 0 0 transparent;
	font-family: 'Pretendard Variable', Pretendard JP Variable, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 
	Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, 
	Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;
}

body.body_ko-kr {
	color: #222222;

	font-size: 16px;
	background: none repeat scroll 0 0 transparent;
	font-family: 'Pretendard Variable', Pretendard JP Variable,
	 -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, 
	 Apple SD Gothic Neo, Noto Sans KR,
	 Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, sans-serif;

}

.comparelegend_value div div div,
#legenddate {
	color: #222222 !important;
	/* font-family: "돋움","dotum","AppleGothic" !important; */
	font-size: 16px !important;
}

.PerformanceTab_DDL_Performance_Function {
	color: #222222 !important;

	font-size: 16px !important;
	/* font-family:'Pretendard Variable' ; */

}

body.body_ko-kr .PerformanceTab_DDL_Performance_Function {
	color: #222222 !important;

	font-size: 16px !important;
	/* font-family:'Pretendard Variable' ; */

}

#comparelegend,
.highcharts-axis-labels text tspan,
.highcharts-axis text tspan,
.highcharts-container text {
	/* font-family: "돋움","dotum","AppleGothic" !important; */
	font-size: 16px !important;


}

body.body_ko-kr #comparelegend,
body.body_ko-kr .highcharts-axis-labels text tspan,
body.body_ko-kr .highcharts-axis text tspan,
body.body_ko-kr .highcharts-container text {

	font-size: 16px !important;


}

.comparelegend_eachvalue {
	font-weight: bold;
}

.comparelegend_eachname {

	/* font-family:'Pretendard Variable' ; */
}

body.body_ko-kr .comparelegend_eachname {

	/* font-family:'Pretendard Variable' ; */
}

/*
div#comparelegend.comparelegend_name
{
    padding-right:20px;
}*/
a:link,
a:visited,
a:active {
	color: #009178;
	text-decoration: underline;
}

a:hover {
	color: #009178;
	text-decoration: underline;
}

/* width of tool */
#container {
	width: 100%;
	max-width: 100%;
	min-width: auto;
	overflow: hidden;
}

#pnlLastprice {
	width: 230px;
}

#pnlShareInfo {
	width: 375px;
}

#pnlShareInfo .tdLeft {
	width: 35%;
}

#dateTimeBox {
	width: 97%;
}

td.TickerNameTD_Volume,
td.TickerValueTD_Volume {
	width: 110px;
}

td.TickerValueTD_ShareName,
td.TickerNameTD_ShareName {
	width: 135px;
}

.navigation ul li {
	width: auto;
}

.PeriodSelectionIntervalText {
	width: 48px;
}

body.body_ko-kr .PeriodSelectionIntervalText {
	width: 53px;
}

.additionFunction table {
	width: 85%;
}

.TD_print {
	width: 23%;
}

.TD_download_excel {
	width: 53%;
}

.bullet {
	width: 7px;
}

#timeheading {
	width: 35%;
}

#lastheading {
	width: 22%;
}

.Tab {
	width: auto;
}

.DataNameTD {
	width: 50%;
}

.DataValueTD {
	width: auto
}

.LeftCol {
	width: 50%;
}

.rightbold {
	width: 50%;
}

.tdOrderLeft {
	width: 10%;
}

.tdOrderRight {
	width: 10%;
}

.tdOrderMiddle {
	width: 80%;
}

.orderBorder {
	width: 100%;
}

table.ControllRow td.ControllTD {
	width: 33%;
}

#indicatorPanel,
#indicesComparisonPanel {
	width: 100%;
}

#diagramTypePanel {
	width: 100%;
}

#lowerGraphPanel,
#movingAveragePanel {
	width: 100%;
}

#otherOptionPanel {
	width: 100%;
}

table#tableDiagram {
	width: auto;
}

.custom_label table tr td div {
	width: 160px;
}

label {
	width: auto;
}

.divMore {
	width: 170px;
}

.PerformanceTab_DDL_Performance_Function {}

.PerformanceTab_Table_Price_Performance {
	width: 99.3% !important;
	margin-bottom: 3px;
}

.PerformanceTab_Div_In_TD_Data {
	width: auto !important;
}

.PerformanceTab_Table_Data {
	width: 99.3%;
}

.PerformanceTab_Table_Performance_By_Year {
	width: 100% !important;
}

.PerformanceTab_TD_Select_Type_Label {
	width: 220px;
}

/*select box*/
.PerformanceTab_DDL_Performance_Function {
	width: 315px;
}

/*  all */
.PerformanceTab_Performance_All_Time_High_H_Label,
.PerformanceTab_Performance_All_Time_Low_L_Label {
	padding-left: 15px;
	position: absolute;
	position: absolute;
	width: 15px;
	display: inline;
}

.PerformanceTab_Performance_All_Time_High_H_Value,
.PerformanceTab_Performance_All_Time_Low_L_Value {
	float: right;
	padding-right: 0px;
	display: inline;
	width: 70%;
	text-align: right;
}

/*  52 */
.PerformanceTab_Performance_52_Week_High_H_Label,
.PerformanceTab_Performance_52_Week_Low_L_Label {
	/* position: absolute;
	position: absolute; */
	width: 15px;
	/* display:inline; */
}

.PerformanceTab_Performance_52_Week_High_H_Value,
.PerformanceTab_Performance_52_Week_Low_L_Value {
	float: right;
	width: 75%;
	padding-right: 0px;
	display: inline;
	text-align: right;
}

/* end  width of tool*/
#divCalendar {
	background-color: #f2f9f8;
}

#flashcontent {
	padding-top: 16px;
}

body #shareGraph {
	min-height: 300px;
}

body.body_Performance #shareGraph {
	min-height: 115px;
	height: auto !important;
	padding-bottom: 55px;
}

#pressContent {
	padding-left: 30px !important;
}

/* Border of frame */
.common_border {
	/* border:1px solid #DFDFE0; */
	border-top: none;
}

body.body_FlashGraph .common_border {
	border: none !important;
}

body.body_HtmlGraph .common_border {
	border: none !important;
}

/*Last price label, which display on the share information section*/
.last_price_style {
	color: #0572a4;
	font-weight: bold;
}

body.body_ShareData #shareGraph {
	min-height: 200px;
}

body.body_Orders #shareGraph {
	min-height: 150px;
	padding: 10px 15px;
}

body.body_Trades #shareGraph {
	border: none;
	min-height: 100px;
}

.shareInformation {
	/*padding: 4px;*/
}

body.body_FlashGraph #shareGraph {}

#divMoreOptionLink a {
	text-decoration: none;
	color: #0572a4;
	font-size: 120%;
}

#pnlLastprice {
	height: 43px;
	background-image: url(../../images/bglastprice.gif);
	border: solid 1px #c3cfd7;
	color: #0572a4;
	font-weight: bold;
	float: left;
	padding: 3px 0px 3px 15px;
}

#pnlShareInfo {
	height: 30px;
	float: left;
	background-image: url(../../images/bgshareinfo.gif);
	border: solid 1px #c3cfd7;
	margin-left: 13px;
}

#pnlShareInfo .tdLeft {
	border-bottom: 1px solid #c3cfd7;
	padding-left: 12px;
}

#pnlShareInfo .tdMiddle {
	border-bottom: 1px solid #c3cfd7;
	border-right: 1px solid #c3cfd7;
}

#pnlShareInfo .tdRight {
	border-bottom: solid 1px #c3cfd7;
}

#pnlShareInfo .tdMiddleBottom {
	border-right: solid 1px #c3cfd7;
}

#dateTimeBox {
	font-weight: bold;
	float: left;
	padding-top: 5px;
	padding-left: 15px;
}

/* Date & Time: 2009.04.16 16:34(GMT+07) */
.divDateTimeShareInfo {
	color: #007DFF;
}

.TickerDateTD {}

div.TickerDateDiv {
	font-weight: normal;
	/* padding-left:12px; */
	margin-bottom: 13px;
	text-align: left;
	margin-top: 7px;
}

table.TickerTbl {
	border-spacing: 0;
	border-collapse: collapse;
}

.table_row {
	height: 23px !important;
}

table.BrokerHeaderTable,
table.BrokerTableContent,
table.BrokerContentTable {
	border-collapse: collapse;
	border-spacing: 0;
}

table.TickerTbl td {
	/*padding-right:5px;*/
}

td.TickerValueTD {
	white-space: nowrap;
}

tr.Ticker_HeaderRow_Header {}

td.Ticker_SelectedRow {
	font-weight: bold;
}

body.body_ko-kr .TickerValueTD.TickerValueTD_LastPrice>span::after,
body.body_ko-kr .TickerValueTD.TickerValueTD_High>span::after,
body.body_ko-kr .TickerValueTD.TickerValueTD_Low>span::after {
	content: " 원";
}

body.body_ko-kr .TickerValueTD.TickerValueTD_Volume>span::after {
	content: " 주";
}

.TickerNameTD {
	height: 40px;
	white-space: nowrap;
	text-align: right;
	vertical-align: middle;
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #222222666;
	font-weight: bold;
	color: #222;
}

.TickerNameTD_ShareName {}

.TickerNameTD_Volume {}

.TickerValueTD {
	text-align: right;
	height: 40px;
	white-space: nowrap;
	vertical-align: middle;
	border-bottom: 1px solid #e5e5e5;
}

.TickerValueTD_Bid,
.TickerValueTD_Ask,
.TickerNameTD_Bid,
.TickerNameTD_Ask {
	display: none;
}

td.TickerNameTD_PreviousClose,
td.TickerValueTD_PreviousClose,
td.TickerNameTD_High,
td.TickerValueTD_High {
	/*border-bottom:1px solid #EBEBEB;*/
}

.TickerNameTD_MarketName,
.TickerValueTD_MarketName {
	display: none;
}

td.TickerNameTD_Volume {
	/*border-right:1px solid #EBEBEB;	*/
}

.TickerNameTD_Volume,
.TickerValueTD_Volume {
	padding-right: 10px;
	text-align: right;
}

.TickerNameTD_ShareName {
	text-align: left;
	padding-left: 12px;
	/*color: #49535A !important;*/
	/*border-left:1px solid #EBEBEB;*/
}

.TickerValueTD_ShareName,
.TickerNameTD_ShareName {
	text-align: left;
}

.TickerValueTD_ShareName {
	padding-left: 13px;
	color: #222;
	font-size: 12px;
	font-weight: normal;
	background: #f7f7f7;
}

tr.Ticker_SelectedRow {}

/* The background image and text color of the button has size is 120x25 pixel */
.button_bg {}

/* The navigation, which contains the tabs */
#tabPanel {
	height: 34px;
	margin-left: 0px;
	margin-top: 20px;
	padding-top: 10px;
	/* border-bottom:1px solid #dfdfe0; */
}

.navigation {
	/*text-transform: uppercase;*/
}

ul#_ulTab li a.tab_selected {
	color: #009178;

	font-weight: bold;
	border-bottom: 0px solid #ffffff;
}

/*
body.body_ko-kr ul#_ulTab li a.tab_selected
{
	font-family: "MalgunGothicBold",san-serif;
	font-weight: normal;
	
}*/
.navigation ul li a.tab_selected:link,
.navigation ul li a.tab_selected:hover,
.navigation ul li a.tab_selected:visited,
.navigation ul li a.tab_selected:active {
	height: 34px !important;
	line-height: 34px;
	display: block;
	/* float: left; */
	background: #ffffff;
	border-bottom: 2px solid #ffffff;
}

.navigation ul li {
	/*font-weight: bold;     color:#707070;     background-color:#707070; */
	/* display: inline-block!important; */
	/* float: left; */
	width: auto;

}

.navigation ul li a {
	border-top: 1px solid #dfdfe0;
	border-left: 1px solid #dfdfe0;
	border-right: 1px solid #dfdfe0;
	border-bottom: 1px solid #dfdfe0;
	display: inline-block;
	height: 33px;
	line-height: 34px;
	padding: 0px 0px;
	text-decoration: none;
	/* float: left; */
	background: #fff;
	color: #222222;
	text-transform: uppercase;
	width: 125px;
	/* font-family: "돋움","dotum","AppleGothic";
	font-family:'Pretendard Variable' ; */
}

/*
body.body_ko-kr .navigation ul li a
{
	font-family: "MalgunGothicBold",san-serif;
	
}*/
.navigation ul li a:link,
.navigation ul li a:visited,
.navigation ul li a:active {
	text-decoration: none;
}

.navigation a:hover,
.navigation ul li a:hover,
.navigation ul li a.tab_selected:hover {
	height: 33px;
	line-height: 34px;
	display: block;
	/* float: left; */
	text-decoration: none;
	color: #222222;
}

body.body_en-gb a#lbtForeignOwnership {
	width: 165px;
}

.additionFunction {
	padding-top: 0px;
}

.additionFunctionbox {
	margin-top: 15px;
	margin-bottom: 5px;
}

#lowerpart {
	padding-right: 10px !important;
	padding-top: 25px !important;
	padding-bottom: 0 !important;
	margin-top: 0px;
	padding-left: 25px !important;
	color: #222222;
}

#dbFooter {
	padding-right: 11px;
	/* padding-top: 50px; */
	color: #222222;
	font-size: 13px;
}

#dbFooter a {
	color: #222222;
	text-decoration: none;
}

.Disclaimer {
	float: left;
	padding-left: 28px;
}

.Supplied {
	float: right;
	padding-right: 25px;
}

#upperpart {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 1px;
	padding-right: 1px;
}

.additionFunction .button {
	background: none repeat scroll 0 0 #009178;
	border: 2px solid #009178;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	/*
	transition: all 0.15s ease-in 0s;
*/
}

/*
body.body_ko-kr .additionFunction .button
{
    font-weight: normal;
	font-family: "MalgunGothicBold",san-serif;

	transition: all 0.15s ease-in 0s;

}
.additionFunction .button:hover
{
    background: none repeat scroll 0 0 #ce402e;
	color: #ffffff;
}*/

.additionFunction a img {
	display: none;
}

div.additionFunction table td {
	line-height: 30px;
}

span#lblPrint {
	vertical-align: middle !important;
	line-height: 30px;
	height: 30px;
}

span#lblDetachGraph {
	vertical-align: middle !important;
}

span#lblDownloadToExcel {
	vertical-align: middle !important;
}

a.button {
	padding-top: 14px;
	padding-bottom: 14px;
}

a.buttonDetachGraph {
	line-height: 30px;
}

a.buttonDetachGraph {
	padding-left: 42px;
	padding-right: 42px;
}

a.buttonDownloadExcel {
	padding-left: 29px;
	padding-right: 29px;
}

body.body_ko-kr a.buttonDetachGraph {
	padding-left: 33px;
	padding-right: 33px;
}

body.body_ko-kr a.buttonDownloadExcel {
	/* padding-left:16px;
	padding-right:16px; */
}

a.buttonDownloadExcel {
	line-height: 30px;
}

a.buttonPrint {
	padding-left: 69px;
	padding-right: 69px;
}

body.body_ko-kr a.buttonPrint {
	padding-left: 57px;
	padding-right: 57px;
}

td#TD_print {
	/*padding-right:10%;*/
}

.TD_print {
	text-align: left;
}

img#button_detach {}

/* Period navigation, which contains the period tabs */
body.body_FlashGraph .periodSelection {
	height: auto;
	padding-top: 9px;
	padding-left: 23px;

	border: none !important;
}

body.body_HtmlGraph .periodSelection {
	height: auto;

	padding-top: 30px;
	padding-left: 37px;
	border: none !important;
	color: #222222;
}

.periodSelection {
	height: 25px;
	padding-top: 9px;
	border-left: 1px solid #DFDFE0;
	border-right: 1px solid #DFDFE0;
}

body.body_Performance .periodSelection {
	height: auto;
	padding: 10px;
	border: none;
	padding-bottom: 15px;
}

.lowerpart_top {
	margin-top: 6px;
	border: solid 1px #bad7da;
	background-color: #f2f9f8;
	min-height: 126px;
	padding: 4px 4px 3px 4px;
}

.lowerpart_top .box {
	padding: 6px;
	border: solid 1px #c3cfd7;
	height: 126px;
	height: 110px;
	background-image: url(../../images/bgbox.gif);
}

.periodSelection ul li a.tab_selected:link,
.periodSelectionn ul li a.tab_selected:hover,
.periodSelection ul li a.tab_selected:visited,
.periodSelection ul li a.tab_selected:active {
	/* background: url('tab_active.gif') repeat-x 0; */
}

.periodSelection ul li a {
	color: #fff;
}

.periodSelection ul li a:link,
.periodSelection ul li a:visited,
.periodSelectionn ul li a:active {
	text-decoration: none;
}

.periodSelection ul li a:hover {
	text-decoration: none;
	/*background: url('tab_active.gif') repeat-x 0;*/
}

/* High, Low section */
.chartCurrentInfo {
	color: #222222;
}

.chartCurrentInfo div input {
	color: #222222;
}

/* DIV comparison */
.divcomparison {
	background-color: #fff;
}

.lowerpart_top .order {
	padding: 6px;
	padding-left: 15px;
	border: solid 1px #c3cfd7;
	min-height: 110px;
	background-image: url(../../images/bgbox.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

/* css for trade by thansau */
body.body_Trades div#divSubControl {
	border: 1px solid #DFDFE0;
	border-top: none;
	padding: 0 9px;
}

.data {
	border-bottom: solid 1px #707070;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 4px;
	vertical-align: top;
	text-align: right;
}

div.fullbrokername {
	background-color: #ffffff;
	border: 1px #dedede solid;
	white-space: nowrap;
	text-align: center;
	left: 0px;
}

.tradetime {
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
	border-bottom: solid 1px #707070;
	padding-top: 2px;
	padding-left: 3px;
	vertical-align: top;
}

.tableheading {
	height: 15px;
	line-height: 15px;
	padding-right: 4px;
	padding-left: 3px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: #707070 1px solid;
	background-color: #2284B1;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
}

tr.odd {
	background: #F2F2F2;
}

tr.even {
	background: #FFFFFF;
}

.bullet {
	font-size: 1px;
	height: 7px;
}

#lastheading {
	text-align: right;
	padding-left: 5px;
}

#shadow {
	height: 10px;
	/* background-image: url(shadow2.gif); */
}

#timeheading {
	text-align: left;
	padding-left: 5px;

}

.tdbullet {
	border-bottom: solid 1px #707070;
	padding-top: 2px;
	padding-left: 4px;
	vertical-align: middle;
}

.combo {}

TABLE.collapse {
	border: #FFFFFF 1px solid;
	border-bottom: 0px;
}

TD.euroland {
	color: #222222;
	border-top: 1px solid #FFFFFF;
}

body.body_ko-kr .minus {
	color: #2e9a9b;
}

.minus {
	color: #e90061;
}

body.body_ko-kr .minus2 {
	color: #2e9a9b;
}

.minus2 {
	color: #e90061;
}

.neutral {
	color: #222222;
}

body.body_ko-kr .plus {
	color: #e90061;
}

.plus {
	color: #2e9a9b;
}

body.body_ko-kr .plus2 {
	color: #e90061;
}

.plus2 {
	color: #2e9a9b;
}

/*.minus span:last-child {	
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down1.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.minus2  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_down2.gif);
    background-repeat: no-repeat;
}
.neutral  span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_neutral.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}
.plus span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up1.gif);
    background-repeat: no-repeat;
		
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.plus2 span:last-child
{
    background-position:  right center;
    padding-right: 15px;
    background-image: url(../../images/arrow_up2.gif);
    background-repeat: no-repeat;
		
		display: inline-block;
		zoom: 1;
		*display: inline;
}*/
.Minus {
	color: #e90061;
	background-position: 0px 50%;
	background-position: right;
	padding-right: 15px;
	background-image: url('../../images/arrow_down1.gif');
	background-repeat: no-repeat;
	text-align: left;
}

body.body_ko-kr .Minus {
	color: #2e9a9b;
	background-image: url('img/arrow_up1.gif');
}

.Minus2 {
	color: #e90061;
	background-position: 0px 50%;
	background-position: right;
	padding-right: 15px;
	background-image: url('../../images/arrow_down2.gif');
	background-repeat: no-repeat;
	text-align: left;
}

body.body_ko-kr .Minus2 {
	color: #2e9a9b;
	background-image: url('img/arrow_up2.gif');
}

.Neutral {
	color: #222222;
	background-position: 0px 50%;
	background-position: right;
	padding-right: 15px;
	background-image: url('../../images/arrow_neutral.gif');
	background-repeat: no-repeat;
	text-align: left;
}

.Plus {
	color: #2e9a9b;
	background-position: 0px 50%;
	background-position: right;
	padding-right: 15px;
	background-image: url('../../images/arrow_up1.gif');
	background-repeat: no-repeat;
	text-align: left;
}

body.body_ko-kr .Plus {
	color: #e90061;
	background-image: url('img/arrow_down1.gif');
}

.Plus2 {
	color: #2e9a9b;
	background-position: 0px 50%;
	background-position: right;
	padding-right: 15px;
	background-image: url('../../images/arrow_up2.gif');
	background-repeat: no-repeat;
	text-align: left;
}

body.body_ko-kr .Plus2 {
	color: #e90061;
	background-image: url('img/arrow_down2.gif');
}

.Gridheader {
	border: solid 1px #707070;
	height: 25px;
}

.Tab {
	border: solid 1px #dfdfdf;
	height: 28px;
	line-height: 28px;
	display: block;
	/* float: left; */
	margin-right: 2px;
}

.Tab:hover {
	border-bottom: solid 1px #cae5ed;
}

.Tab a {
	display: inline-block;
	line-height: 27px;
	margin-top: 1px;
	background-color: #e4eef0;
	padding: 0 10px;
	color: #0b83aa;
	text-decoration: none;
	/* float: left; */
}

.Tab a:hover {
	display: inline-block;
	line-height: 27px;
	margin-top: 1px;
	background-color: #cee6ee;
	padding: 0 10px;
	color: #013749;
	height: 28px;
	text-decoration: none;
}

.Tab .TabActive {
	height: 28px;
	display: inline-block;
	line-height: 26px;
	margin-top: 1px;
	background-color: #cee6ee;
	/* float: left; */
	color: #013749;
	padding: 0 10px;
}

#period {
	height: 30px;
	background-image: url(../../images/bgperiod.gif);
	border-left: 1px solid #cae5ed;
	border-right: 1px solid #cae5ed;
	border-bottom: 1px solid #8fc5d5;
	padding-top: 9px;
	padding-left: 10px;
}

/*For sharedata tab */
body.body_ShareData #divSubControl {
	margin-bottom: 10px;
	padding: 0 10px;
	margin-top: 10px;
}

.DataNameTD {
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	line-height: 30px;
	color: #222;
	background: #f7f7f7;
}

.DataValueTD {
	padding-right: 10px;
	text-align: right;
	font-weight: normal;
	line-height: 30px;
}

.DataNameTD,
.DataValueTD {
	border-bottom: 1px solid #ddd;
}

.DataNameTD.DataNameTD_Currency {
	border-top: 2px solid #222;
}

.DataValueTD.DataValueTD_Currency {
	border-top: 2px solid #222;
}

tr.EvenRowTR {}

tr.OddRowTR {}

table.ShareDataTable {
	border-collapse: inherit !important;
}

#divSubControl #ctl08_gvShareData td {
	border: solid 1px #e1e9ea;
}

.LeftCol {
	padding-left: 15px;
	color: #0572a4;
	font-weight: bold;
}

.rightbold {
	text-align: left;
	padding-left: 13px;
}

/*For Order tab */
.Orders_TopPanel_Title tr:first-child {
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 0;
	vertical-align: top;
	text-align: left;
}

.Orders_TopPanel_Title {
	border-bottom: 1px dashed #CACACA;
}

.Orders_HeaderTD_Bid,
Orders_HeaderTD_Ask {
	font-weight: bold;
}

.tdOrderLeft {
	height: 28px;
	border-bottom: 1px solid #CACACA;
	text-align: left;
	padding-left: 0px;
}

.tdOrderRight {
	height: 28px;
	border-bottom: 1px solid #CACACA;
	text-align: right;
	padding-right: 0px;
}

.tdOrderMiddle {
	height: 28px;
	border-bottom: 1px solid #CACACA;
	text-align: center;
	white-space: nowrap;
}

.orderLeft {
	text-align: right;
	background: #707070;
	height: 19px;
}

.orderRight {
	text-align: right;
	background: #009178;
	height: 19px;
}

/*Performance */
#ctl08_grdTabPricePerformace td {
	border: solid 1px #CACACA;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_gvGridPerformanceByYear td {
	border: solid 1px #CACACA;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_grdTabPricePerformace th {
	border: none;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_gvGridPerformanceByYear th {
	border: none;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_gvKeyFigure td {
	border: solid 1px #CACACA;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
	padding-right: 3px;
}

#ctl08_gvKeyFigure th {
	border: none;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_pnlKeyFigure {
	text-align: left;
}

/*Keyfigure*/
#ctl08_gvTrailingFigures th {
	border: none;
	padding-top: 6px;
	padding-bottom: 6px;
}

#ctl08_gvTrailingFigures td {
	border: solid 1px #CACACA;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 3px;
	padding-right: 3px;
}

#ctl08_panelKeyInformation td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFFFFF;
}

/* End css for trade */
/* Broker Table */
.RowBroker {
	display: none;
}

TR.Trades_RowHeader {}

.TickerRow {
	background: #FFFFFF !important;
}

body.body_Trades table.TradesTable .Trades_Row {
	height: 40px;
}

body.body_Trades table.TradesTable .Trades_Row:last-child {
	border-bottom: 1px solid #e5e5e5;
}

TR.EvenRow {}

TR.OddRow {}

tr.Broker_OddRow {}

table.TradesTable {
	border-collapse: collapse;
}

table.BrokerContentTable td.BrokerTypeRow {
	font-weight: bold;
	text-align: left;
}

.Broker_ColumnOrder {}

.Broker_ColumnVolume {}

.Broker_ColumnOrder,
.Broker_ColumnBroker,
.Broker_ColumnPercent,
.Broker_ColumnVolume {
	font-weight: bold;
	background: #ffffff;
	height: 25px;
	border-top: 2px solid #222222666;
	border-bottom: 1px solid #999999;
	color: #222222;
}

table.TradesTable tr.Trades_RowHeader td.Trades_TimeHeading {}

.Broker_ColumnBroker {
	text-align: left;
}

.Broker_ColumnVolume {
	text-align: right;
	padding-right: 5px;
}

.Broker_ColumnPercent {
	text-align: center;
}

.Broker_ColumnOrderValue,
.Broker_ColumnBrokerValue,
.Broker_ColumnBrokerValue {
	font-weight: normal;
	border: none;
	border-bottom: 1px solid #cacaca;
	background: none repeat scroll 0 0 transparent;
}

table.TradesTable tr.Trades_Row td.Trades_TradeTime {
	padding-left: 5px;
	text-align: left;
}

.Trades_TimeHeading,
table.TradesTable tr.Trades_RowHeader td.Trades_VolumeHeading {
	padding-right: 5px;
	text-align: right;
}

td.Trades_VolumeHeading {}

.Trades_TimeHeading,
.Trades_LastHeading,
.Trades_VolumeHeading {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #999999;
	border-top: 2px solid #222;
	font-weight: bold;
	color: #222222;
}

/*
body.body_ko-kr .Trades_TimeHeading, body.body_ko-kr .Trades_LastHeading, body.body_ko-kr .Trades_VolumeHeading 
{
	font-family: "MalgunGothicBold",san-serif;
	font-weight: normal;
}*/
table.TradesTable tr.Trades_Row td.Trades_Size {
	text-align: right;
	padding-right: 5px;
}

span.LastestShareTrades {
	font-weight: bold;
	padding: 5px 0 0 0px;
	color: #222;
	font-size: 24px;
	font-weight: 700;
}

td.excellink {
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 5px;
	text-align: left;
}

td.excellink a {}

td.excellink a:hover {}

table.TradesTable tr.Trades_RowHeader td {
	border-bottom: 1px solid #e5e5e5;
}

table.TradesTable td,
table.TradesTable th {
	height: 75px;
	text-align: right;
	border-bottom: 1px solid #e5e5e5;
}

table.ControllRow {
	border-spacing: 0;
}

.ControllRow_1,
.ControllRow_2 {
	/* margin-top: 22px; */
}

table.ControllRow td.ControllTD {
	vertical-align: top;
	padding-top: 3px;
}

td.ControllTD_1_2 {}

table.ControllRow td.ControllTD_0_4 {
	padding-right: 0px;
}

td.ControllTD_0_0 {}

td.ControllTD_0_1 {}

td.ControllTD_0_2 {}

div#diagramTypePanel {}

table#tableDiagram tr {
	padding-left: 5px;
	height: 23px !important;
}

table#tableDiagram tr td {
	margin-top: 20px;
	/**/
	height: 14px !important;
	height: 18px !important;
}

table#tableDiagram tr td input {
	margin-right: 5px;
	height: 14px !important
}

div#indicatorPanel {
	/*margin-bottom:10px;
line-height: 18px;
border: green 1px dashed;*/
}

#lbEarning,
#lbPressRelease,
#lblDividends,
#lblPeriodHL {
	padding-left: 3px;
}

div.divtable {
	padding-left: 0px;
	background-position: top;
	padding-top: 7px;
	padding-top: 10px;
	line-height: 23px;
	color: #222222;
}

table#tableDiagram {
	color: #222222 !important;
}

#lblHideShow,
#lblDailyChange,
#lblRSI,
#lblMACD {
	padding-left: 3px;
	padding-left: 0px;
	display: inline;
	word-spacing: -1px;
}

#lblMACD {
	word-spacing: -3px;
}

div#movingAveragePanel div.divtable {}

/*body.body_ko-kr div#movingAveragePanel div.divtable::after {
    content: "※ 일 단위로 입력";
}*/
body.body_ko-kr input#txtInsertPeriod {
	position: relative;
	top: -25px;
	right: 50px;

}

#lbl10day,
#lbl20day,
#lbl50day {
	padding-left: 3px;
}

div#otherOptionPanel div.divtable {}

#lblpercentView,
#lblTotalReturn {
	padding-left: 3px;
}

#lblLine,
#lblBar,
#lnlCandestick,
#lblMountain {
	/*margin-left:1px;*/
}

div#movingAveragePanel {
	white-space: nowrap;
}

div#lowerGraphPanel {}

table td.compare_part {
	padding-left: 3px;
}

div#divMACustom input {
	background: none repeat scroll 0 0 #fff;
	border: #8f8f8f;
	width: 50px !important;
}

/*** Dung modified on 04-11-2011 ***/


table.ControllRow {
	border-spacing: 0px;
	border-collapse: collapse;
}

a.tab_selected {
	color: #014c9f;
}

.title {
	vertical-align: middle;
	line-height: 20px;
}

table#tableDiagram {
	margin-left: 0px;
	margin-top: 10px;
}

#peerPanel_1_3,
#peerPanel_4_6,
#peerPanel_7_10,
#peerPanel_11_11,
#peerPanel_12_13,
#peerPanel_14_18,
#indicesPanel,
#ownSharePanel {
	margin-left: 0px;
	padding-top: 4px;
}

#indicesComparisonPanel,
#lowerGraphPanel {}

#otherOptionPanel,
#movingAveragePanel {}

.custom_label table {
	border-collapse: collapse;
	border-spacing: 0;
}

.custom_label table tr {
	height: 17px;
}

.custom_label table tr td {
	height: 17px;
	vertical-align: bottom;
}

.custom_label table tr td input {
	height: 21px;
	vertical-align: top;
}

.custom_label table tr td div {
	height: 17px;
}

.custom_label td {
	height: 17px;
	line-height: 15px;
}

.compare_part div {
	*margin-top: 0px;
}

#txtInsertPeriod,
div#divMACustom input {
	border: #e1e1e1 1px solid;

	/* font-family:'Pretendard Variable' ; */
	font-size: 16px;
	padding: 2px;
}

body.body_ko-kr #txtInsertPeriod,
body.body_ko-kr div#divMACustom input {
	border: #999999 1px solid;

	/* font-family:'Pretendard Variable' ; */
}

div#peerComparisonPanel_1_6,
div#lowerGraphPanel {
	/* position:relative;
	left: -15px; */
}

div#indicesComparisonPanel,
div#movingAveragePanel {
	/* position:relative;
	left: -32px; */
}

body.body_ko-kr div#peerComparisonPanel_1_6,
body.body_ko-kr div#lowerGraphPanel {
	position: relative;
	left: 0px;
}

body.body_ko-kr div#indicesComparisonPanel,
body.body_ko-kr div#movingAveragePanel {
	position: relative;
	left: 0px;
}

div#indicesComparisonPanel,
div#lowerGraphPanel {}

div#otherOptionPanel,
div#movingAveragePanel {
	position: relative;

}

div#indicatorPanel,
div#lblDiagramType {
	position: relative;
}

table.ControllRow td.ControllTD div.title {
	height: 22px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 0px;
	padding-top: 5px;
	text-transform: none;
	color: #222222;
	/*border: blue dashed 1px;*/
	border-bottom: 2px solid #009178;
	padding-bottom: 3px;
}

#btnPeriodRange {
	background-color: #009178;
	color: white;
	border-radius: 4px;
}

#btnPeriodRange:hover {
	background-color: #025A3C;

}

#divCalendar {
	background-color: #e5e5e5;
}

.DynarchCalendar-day-today.DynarchCalendar-day-selected {
	background-color: #009178;
	color: #ffffff;
}

.DynarchCalendar-day-today {
	color: #009178;
	font-weight: bold;
}

.DynarchCalendar-day-selected {
	background-color: #e5e5e5;
	border: 1px solid #009178;
	color: white !important;
	margin: 0 !important;
	padding: 2px 3px;
}

table td.compare_part div {}

td.LastPriceChange {
	padding-bottom: 2px;
	padding-right: 35px;
	vertical-align: bottom;
}

table.TradeBrokerTable {}

table.TradeBrokerTable,
.TradeBrokerTable table,
table.TradesTable,
#BrokerDiv table {
	border-collapse: collapse;
	border-spacing: 0px;
}

tr.RowTrades td div {
	padding: 5px 0px 15px 0px;
	text-align: left;
}

.BrokerTable {
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

.Buyers,
.Sellers {
	vertical-align: top;
}

.Sellers {
	padding-left: 15px;
}

td.Broker_Chart {
	padding-left: 50px;
}

td.compare_part a {
	padding-right: 35px;
	padding-bottom: 5px;
}

.TickerValueTD_PreviousClose,
.TickerValueTD_High,
.TickerValueTD_Volume,
.TickerValueTD_Low {
	text-align: right;
}

.PerformanceTab_Div_Data {
	padding-left: 10px;
}

.PerformanceTab_TD_Select_Type_Label {
	font-weight: bold;
	text-align: left;
	color: #222;
	font-size: 24px;
	font-weight: 700;
}

.PerformanceTab_Table_Performance_By_Year td,
.PerformanceTab_Table_Price_Performance td {
	height: 40px;
	text-align: right;
}

.PerformanceTab_Performance_Row td,
.PerformanceTab_Performance_By_Year_Row td {
	font-size: 90%;
	border-bottom: 1px solid #e5e5e5;
}

.PerformanceTab_Performance_Row_OddRow,
.PerformanceTab_Performance_By_Year_Row_OddRow {
	background: #FFFFFF;
}

.PerformanceTab_Performance_Row,
.PerformanceTab_Performance_By_Year_Row {}

#PerformanceTab_Performance_RowIndice4,
#PerformanceTab_PerformanceByYear_RowIndice4 {
	border-bottom: 1px solid #e5e5e5;
}

.PerformanceTab_Performance_Instrument_Value,
.PerformanceTab_Performance_By_Year_Instrument_Value {
	background: #f7f7f7;
	color: #222222;
	font-weight: normal;
	text-align: left !important;
}

/*
body.body_ko-kr .PerformanceTab_Performance_Instrument_Value, body.body_ko-kr .PerformanceTab_Performance_By_Year_Instrument_Value{
font-family: "MalgunGothicBold",san-serif;
	font-weight: normal;
}*/
.PerformanceTab_Performance_Header_Row {
	padding-right: 2px;
	word-spacing: 0px;
}

.PerformanceTab_Performance_Instrument_Heading {
	padding-left: 6px !important;
	text-align: left;
}

.PerformanceTab_Performance_Header_Row th,
.PerformanceTab_Performance_By_Year_Header_Row th {
	background: none repeat scroll 0 0 #ffffff;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #222;
	height: 75px;
	font-size: 90%;
	font-weight: bold;
	color: #222222;
	text-align: right;
}

/*
body.body_ko-kr .PerformanceTab_Performance_Header_Row th, body.body_ko-kr .PerformanceTab_Performance_By_Year_Header_Row th{
font-family: "MalgunGothicBold",san-serif;
	font-weight: normal;
}*/
.PerformanceTab_Performance_Instrument_Heading,
.PerformanceTab_Performance_By_Year_Instrument_Heading {
	padding-left: 3px;
	text-align: left !important;
}

.PerformanceTab_Performance_By_Year_Instrument_Heading {
	padding-left: 6px;
	text-align: left;
}

.PerformanceTab_Performance_52_Week_High_Low_Heading,
.PerformanceTab_Performance_By_Year_Prev4_Heading {
	padding-right: 10px;
}

td.PerformanceTab_Performance_52_Week_High_Low_Value,
td.PerformanceTab_Performance_All_Time_High_Low_Value {
	height: 42px;
	line-height: 16px;
	border: collapse;
	padding-right: 6px;
}

td.PerformanceTab_Performance_By_Year_Prev4_Value {
	padding-right: 6px;
}

body.body_ko-kr .PerformanceTab_Performance_52_Week_Low_L_Label {}

body.body_en-gb .PerformanceTab_Performance_52_Week_Low_L_Label {}

.PerformanceTab_Performance_All_Time_High_Low_Value_NA {
	text-align: right;
}

.PerformanceTab_Performance_By_Year_Negative_Value,
.PerformanceTab_Performance_Negative_Value {
	color: #e90061;
}

body.body_ko-kr .PerformanceTab_Performance_By_Year_Negative_Value,
body.body_ko-kr .PerformanceTab_Performance_Negative_Value {
	color: #2e9a9b;
}

.PerformanceTab_Performance_By_Year_NA_Value,
.PerformanceTab_Performance_NA_Value {
	color: #707070;
}

.PerformanceTab_Performance_By_Year_Positive_Value,
.PerformanceTab_Performance_Positive_Value {
	color: #2e9a9b;
}

body.body_ko-kr .PerformanceTab_Performance_By_Year_Positive_Value,
body.body_ko-kr .PerformanceTab_Performance_Positive_Value {
	color: #e90061;
}

.PerformanceTab_ForeignOwnership_Positive_Value {
	color: #2e9a9b;
}

body.body_ko-kr .PerformanceTab_ForeignOwnership_Positive_Value {
	color: #e90061;
}

.PerformanceTab_ForeignOwnership_Negative_Value {
	color: #e90061;
}

body.body_ko-kr .PerformanceTab_ForeignOwnership_Negative_Value {
	color: #2e9a9b;
}

/*  div */
.PerformanceTab_Performance_52_Week_High_Value,
.PerformanceTab_Performance_52_Week_Low_Value {
	white-space: nowrap;
	white-space: nowrap;
	margin-left: 20%;
	text-align: left;
}

.PerformanceTab_Performance_All_Time_High_Value .PerformanceTab_Performance_All_Time_Low_Value {
	white-space: nowrap;
	white-space: nowrap;
}

/* Foreign Ownership */

#ForeignOwnershipDiv {
	padding: 10px;
}

table.ForeignOwnershipTable {
	border-collapse: collapse;
	border-spacing: 0;
}

.ForeignOwnership_RowHeader {
	background: #ffffff none repeat scroll 0 0;
	border-bottom: 1px solid #ddd;
	border-top: 2px solid #222222666;
	color: #222;
	font-weight: bold;
	height: 40px;
	vertical-align: middle;
}

.ForeignOwnership_RowHeader td,
.ForeignOwnership_RowHeader th,
.ForeignOwnership_Row td {
	text-align: center;
}

.ForeignOwnership_RowHeader .ForeignOwnership_DateHeading,
.ForeignOwnership_Row .ForeignOwnership_DateRow {
	padding-left: 10px;
	text-align: left;
}

.ForeignOwnership_RowHeader .ForeignOwnership_ForeignOwnershipHeading,
.ForeignOwnership_Row .ForeignOwnership_ForeignOwnershipRow {
	padding-right: 10px;
	text-align: right;
}

.ForeignOwnership_Row {
	border-bottom: 1px solid #e5e5e5;
	height: 40px;
}

/* end of Foreign Ownership*/
@media (min-width: 1201px) {
	/* #lowerpart {
   		 padding-left: 10.5%;
		 } */

	/* .additionFunction table {
		width: 80%;
	} */
}

@media (max-width: 1200px) {
	/* #lowerpart {
   		 padding-left: 10.5%;
		 } */

	/* .additionFunction table {
		width: 80%;
	} */
}

@media (max-width: 1000px) {
	/* #lowerpart {
   		 padding-left: 10.5%;
		 } */

	/* .additionFunction table {
		width: 80%;
	} */
}

@media (max-width: 850px) {
	/* #lowerpart {
   		 padding-left: 10.5%;
		 } */

	/* .additionFunction table {
		width: 80%;
	} */
}

@media (max-width: 650px) {
	/* #lowerpart {
   		 padding-left: 10%;
		 } */

	/* .additionFunction table {
		width: 80%;
	} */
}

@media (max-width: 768px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : landscape) */
	{

	td.TickerValueTD_Bid,
	td.TickerValueTD_Ask,
	td.TickerNameTD_Bid,
	td.TickerNameTD_Ask {
		display: none;
	}

	.periodSelection table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	div#periodSelectionPanel.periodSelection input {
		/* margin-right: 1px; */
	}

	#divVolumeLowerGraph #lblHideShow {
		/* font-size: 90%; */
	}

	.custom_label table tr td div {
		width: 125px !important;
	}

	/*	.PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value,
	.PerformanceTab_Performance_YTD_Change_Heading, .PerformanceTab_Performance_YTD_Change_Value{
		display: none;
		}*/
}

@media (max-width: 705px) {
	/* body.body_en-gb #tabPanel {
		height: 69px;
	} */
}

@media (max-width: 665px) {
	/* body.body_ko-kr #tabPanel {
		height: 69px;
	} */
}

@media (max-width: 545px) {
	body.body_en-gb .periodSelection {
		/* height:42px !important; */
	}

	body.body_en-gb .PeriodSelectionIntervalText {
		vertical-align: top;
	}

	body.body_en-gb #lblInterval {
		white-space: nowrap;
	}

	/* body.body_Performance .periodSelection {
		height: 40px;
	} */
	body.body_en-gb .comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	}
}

@media (max-width: 500px) {
	body.body_ko-kr .periodSelection {
		/* height:42px !important; */
	}

	body.body_ko-kr .PeriodSelectionIntervalText {
		vertical-align: top;
	}

	body.body_ko-kr #lblInterval {
		white-space: nowrap;
	}

	/* body.body_ko-kr .comparelegend_name {
		display: block !important;
		padding-bottom: 3px;
	} */
}

@media (max-width: 560px)
/*@media all and (device-width : 768px) and (device-height : 1024px) and (orientation : portrait) */
	{

	div#peerComparisonPanel_1_6,
	div#lowerGraphPanel {
		position: relative;
		left: 0px;
	}

	div#indicesComparisonPanel,
	div#movingAveragePanel {
		position: relative;
		left: 0px;
	}

	a.buttonDetachGraph {
		padding-left: 27px;
		padding-right: 27px;
	}

	a.buttonDownloadExcel {
		padding-left: 14px;
		padding-right: 14px;
	}

	a.buttonPrint {
		padding-left: 54px;
		padding-right: 54px;
	}

	/* td.TickerValueTD_Bid, td.TickerValueTD_Ask, td.TickerNameTD_Bid, td.TickerNameTD_Ask, td.TickerNameTD_High, td.TickerNameTD_Low, td.TickerValueTD_High, td.TickerValueTD_Low
	{
		display: none;
	} */
	.htmlgraph {
		margin-top: 5px;
	}

	#_ulPeriod li {
		margin: 0px 0;
	}

	.periodSelection table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* #lowerpart {
		padding-left: 0px !important;
		font-size: 90%;
	} */
	.PerformanceTab_Div_Data {
		padding-left: 5px;
	}

	.custom_label table tr td div {
		width: 125px !important;
	}

	.PerformanceTab_Performance_1_Month_Change_Heading,
	.PerformanceTab_Performance_1_Month_Change_Value {
		display: none;
	}

	/*.PerformanceTab_Performance_1_Month_Change_Heading, .PerformanceTab_Performance_1_Month_Change_Value
	.PerformanceTab_Performance_6_Month_Change_Heading, .PerformanceTab_Performance_6_Month_Change_Value,
	.PerformanceTab_Performance_YTD_Change_Heading, .PerformanceTab_Performance_YTD_Change_Value{
		display: none;
		}*/
	.PerformanceTab_DDL_Performance_Function {
		/* width: 200px; */
	}

}

@media (max-width: 450px) {
	td#TD_print {
		/* display: none !important; */
	}

	/* #lowerpart {
    padding-left: 0%;
	font-size: 90%;
	} */
	.PerformanceTab_Performance_6_Month_Change_Heading,
	.PerformanceTab_Performance_6_Month_Change_Value {
		display: none;
	}

	td.ControllTD_0_2,
	td.ControllTD_1_1,
	td.ControllTD_2_2,
	td.ControllTD_3_2 {
		display: none;
	}

	table.ControllRow td.ControllTD {
		width: 50%;
	}

	.custom_label table tr td div {
		width: auto !important;
	}

	td.TickerNameTD_Volume,
	td.TickerValueTD_Volume {
		width: 90px;
	}
}



/**************** CUSTOM CSS *****************/
.navigation ul li a {
	background-color: #fff;
	border: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #222222;
	font-size: 20px;
	padding: 20px 16px;
	text-align: center;
	text-transform: capitalize;
	width: 210px;
}

#lbtForeignOwnership {
	width: 210px !important;
	border-right: 1px solid #ddd;
	padding: 20px 16px;
}

ul#_ulTab li a.tab_selected {
	background-color: #f2f9f6;
	border-color: #009178;
	border-width: 2px;
	color: #009178;
	font-weight: 700;
	border-right: solid 2px #009178;
	padding-top: 19px;
	padding-bottom: 18px;
}

#liHtml a {
	border-radius: 10px 0 0 10px;
}

#liForeignOwnership a {
	border-radius: 0 10px 10px 0;
}

#tabPanel ul {
	text-align: center !important;
	font-size: 0;
}




#tabPanel {
	padding-bottom: 20px;
	height: auto !important;
}

.navigation ul {
	text-align: center !important;
}

.navigation ul li,
#tabPanel ul li {
	margin: 1px !important;
	/* background-color: red !important; */
}

.ControllTD_0_1 .title table td {
	width: 15px !important;
	min-width: 0 !important;
}

.ControllTD tr {
	position: relative;
}

.ControllTD table td.compare_part {

	position: absolute;
	left: 14px;
}


.additionFunction .button {
	background-color: #009178;
	border-color: #009178;
	color: #fff;
	border-radius: 6px;
	font-weight: 600 !important;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.additionFunction td a {
	width: 150px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.additionFunction .button:hover {
	background-color: #025A3C;
	border-color: #025A3C;
}

.additionFunction table td {
	width: 0 !important;
}


#htmlgraph {
	height: 450px;
}

.TickerNameTD {
	padding-right: 25px;
	height: 75px;
}

table.TickerTbl td {
	border: solid 1px #ddd;
	padding-right: 25px;
	padding-top: 17px;
	padding-bottom: 17px;
}

.TickerNameTD_Volume {
	padding-right: 25px;
}

.TickerValueTD_ShareName {
	background-color: #f2f9f8;
	font-size: 16px;
}

.DataNameTD {
	background-color: #f9fcf8;
	font-weight: 400;
	border-right: 1px solid #ddd;
	padding: 22px 40px;
}

.DataValueTD {
	padding: 21px 40px;
}

.common_border {
	border-bottom: 0 !important;
}

body.body_Trades table.TradesTable .Trades_Row {
	height: 75px;
}

.Trades_RowHeader th {
	/* padding-top: 17px!important;
	padding-bottom: 17px!important; */
	text-align: center !important;
}

table.TradesTable tr.Trades_Row td.Trades_TradeTime {
	padding-left: 35px;
}

table.TradesTable tr.Trades_Row td.Trades_TradeTime {
	background-color: #f9fcf8;
}

table.TradesTable tr.Trades_Row td.Trades_TradeTime,
.Trades_Close_Change {
	border-right: solid 1px #ddd;
}

table.TradesTable tr.Trades_Row td.Trades_Size,
.Trades_Close_Change {

	padding-right: 35px;
}

body.body_Trades div#divSubControl {
	border: 0;
}




/************** TEXT CENTER ***************/
.PerformanceTab_Performance_Header_Row th,
.PerformanceTab_Performance_By_Year_Header_Row th,
.ForeignOwnership_RowHeader th {
	text-align: center !important;
	font-size: 16px;
}

/******************* TEXT LEFT ***************/


/****************** TEXT RIGHT ****************/



/************** PADDING TOP AND BOTTOM ************/
.PerformanceTab_Performance_Header_Row th,
.PerformanceTab_Performance_By_Year_Header_Row th {
	/* padding-top: 17px;
	padding-bottom: 17px; */
}


/*************** PADDING LEFT 35PX | BACKGROUND TABLE***********/
.PerformanceTab_Performance_Instrument_Value,
.PerformanceTab_Performance_By_Year_Instrument_Value,
.ForeignOwnership_DateRow {
	padding-left: 35px !important;
	background-color: #f9fcf8 !important;
}

/****************** PADDING RIGHT 35PX **************/
.PerformanceTab_Performance_Row td,
.PerformanceTab_Performance_By_Year_Row td {
	padding: 16px 35px;
	font-size: 16px;
}



/***************** BORDER-RIGHT ************/
.PerformanceTab_Performance_Row td,
.PerformanceTab_Performance_By_Year_Row td {
	border-right: 1px solid #ddd;
}

.PerformanceTab_Performance_Row .PerformanceTab_Performance_52_Week_High_Low_Value,
.PerformanceTab_Performance_By_Year_Row .PerformanceTab_Performance_By_Year_Prev4_Value {
	border-right: 0;
}


.ForeignOwnership_RowHeader td,
.ForeignOwnership_RowHeader th,
.ForeignOwnership_Row td {
	padding: 27px 35px;
}

.ForeignOwnership_RowHeader td,
.ForeignOwnership_RowHeader th,
.ForeignOwnership_Row td {
	text-align: right;
}

.ForeignOwnership_RowHeader .ForeignOwnership_ForeignOwnershipHeading,
.ForeignOwnership_Row .ForeignOwnership_ForeignOwnershipRow {
	padding-right: 35px;
}

.ForeignOwnership_Row td {
	border-right: 1px solid #ddd;
}

.ForeignOwnership_Row .ForeignOwnership_ForeignOwnershipRow {
	border-right: 0;
}

table.ControllRow td.ControllTD {
	width: 31% !important;
	margin: 0 1% !important;
	/* border: solid 1px green; */
	display: inline-block;
	min-height: 160px;

}

#_ulPeriod li,
.PeriodSelectionIntervalText {
	margin-right: 13px !important;
}

.comparelegend_value .comparelegend_eachname {
	margin-left: 10px !important;
}

.comparelegend_value .comparelegend_eachvalue {
	margin-right: 10px !important;
}

#lblInterval {
	margin-right: 10px !important;
}

#highstocklegend #legenddate {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 780px) {
	table.ControllRow td.ControllTD {
		width: 48% !important;
		min-height: auto !important;
		margin-bottom: 20px !important;
		margin: auto;
		display: inline-block;
	}
}



@media screen and (max-width: 470px) {
	table.ControllRow td.ControllTD {
		width: 250px !important;
		min-height: auto !important;
		margin-bottom: 20px !important;
		margin: auto;
		display: block;
	}

	#lowerpart {
		width: fit-content;
		margin: auto;
		padding: 30px 0 !important;
	}


}

#_ulPeriod li label {
	white-space: nowrap;
}





/********** tabs responsive **************/

@media screen and (max-width: 1230px) {

	.navigation ul li a,
	#lbtForeignOwnership {
		padding: 20px 50px;
	}

	#liTrade a {
		border-radius: 0 10px 10px 0;
		border-right: 1px solid #ddd;
	}

	#liPerformance a {
		border-radius: 10px 0 0 10px;
	}

}

@media screen and (max-width: 960px) {

	.navigation ul li a,
	#lbtForeignOwnership {
		padding: 20px 14px;
	}
}

@media screen and (max-width: 770px) {

	.navigation ul li a,
	#lbtForeignOwnership {
		padding: 20px 14px;
	}

	.TickerValueTD_Volume,
	.TickerNameTD_Volume {
		display: none;
	}
}

@media screen and (max-width: 740px) {

	.navigation ul li a,
	#lbtForeignOwnership {
		padding: 20px 50px;
		margin: 7px 70px;
		border-radius: 10px !important;
		border-right: 1px solid #ddd;
	}


}

@media screen and (max-width: 550px) {

	.navigation ul li a,
	#lbtForeignOwnership {
		padding: 20px 32px;
		margin: 7px 0;
		border-radius: 10px !important;
		border-right: 1px solid #ddd;
	}
}



@media screen and (max-width: 600px) {

	.TickerValueTD_LastPricePercentChange,
	.TickerNameTD_LastPricePercentChange,
	.TickerValueTD_LastPriceChange,
	.TickerNameTD_LastPriceChange {
		display: none;
	}



}

@media screen and (max-width: 480px) {

	.TickerValueTD_Low,
	.TickerNameTD_Low {
		display: none;
	}
}

@media screen and (max-width: 380px) {

	.TickerNameTD_High,
	.TickerValueTD_High {
		display: none;
	}
}



@media screen and (max-width: 500px) {
	.DataNameTD {
		padding: 20px 0;
	}
}


@media screen and (max-width: 600px) {

	table.TradesTable tr.Trades_Row td.Trades_Size,
	.Trades_Close_Change {
		padding-right: 15px;
	}

	table.TradesTable tr.Trades_Row td.Trades_TradeTime {
		padding-left: 15px;
	}
}

/* COMMENTS */

table.TradesTable td,
table.TradesTable th {
	width: 30%;
}

tr.Ticker_HeaderRow_Header th {
	text-align: center;
}

.additionFunction table {
	width: auto !important;
}

.additionFunction .button {
	margin: 10px;
	text-align: center;
}

.highstocklegend {
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	/* margin-right: 29px;
	margin-left: 37px; */
}

#container {
	max-width: 1280px;
	position: inherit;
	margin: auto;
}

.ul_highstocklegend li {
	margin-left: 0;
}

.legendSharesDiv {
	white-space: nowrap;
}

.PerformanceTab_DDL_Performance_Function {
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 18px !important;
	font-weight: 600;
	height: 55px;
	/* overflow: hidden; */
	/* padding: 0 40px 0 20px; */
	text-align: left;
	color: #222 !important;
	padding-left: 9px;
}

.PerformanceTab_TD_Select_Currency_Value {
	display: none;
}

#highstocklegend #legenddate,
.ul_highstocklegend {
	margin-left: 8px;
	margin-right: 29px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding-left: 15px;
}

#highstocklegend #legenddate {
	border-top: 1px solid #e1e1e1;
	padding-top: 15px;
}

.ul_highstocklegend {
	border-bottom: 1px solid #e1e1e1;
	display: block;
	position: relative;
	padding-bottom: 15px;
}

.colorvision-selection {
	margin-top: 15px;
	margin-bottom: 20px;
}

.ul_highstocklegend li {
	float: none !important;
	display: inline-block;
}

.ul_highstocklegend li::marker {
	display: none !important;
	content: '';
}

.comparelegend_name::before {
	content: "■";
	font-size: 2em;
	position: relative;
	left: 0px;
	top: 0px;
	margin-top: -0.385em;
	margin-right: 0.2em;
	line-height: 0.5em;
	display: inline-block !important;
}

.TickerValueTD_ShareName {
	border-left: 0 !important;
}

.TickerValueTD_Volume {
	border-right: 0 !important;
}

.additionFunction table {
	width: 220px !important;
	margin: auto !important;
}

.DivLastestShareTrades,
.PerformanceTab_TD_Select_Type_Label {
	display: none;
}


.EUCalendar-menu-today,
.EUCalendar-bottomBar-today {
	color: white;
	background-color: #009178;
	font-weight: 600;
	padding: 4px 20px;
}

.EUCalendar-menu-today:hover,
.EUCalendar-bottomBar-today:hover {
	background-color: #025A3C;
}

.EUCalendar-day-today.EUCalendar-day-selected {
	background-color: rgb(58, 141, 113);
}

.EUCalendar,
.EUCalendar-menu-yearLabel div,
.EUCalendar-title div {
	text-shadow: none !important;
}

.ForeignOwnership_RowHeader th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 75px;
}

@media screen and (max-width: 750px) {

	.ForeignOwnership_ForeignOwnershipHeading,
	.ForeignOwnership_ForeignOwnershipRow {
		display: none;
	}
}

@media screen and (max-width: 600px) {

	.ForeignOwnership_VolumeHeading,
	.ForeignOwnership_VolumeRow {
		display: none;
	}
}

@media screen and (max-width: 450px) {

	.ForeignOwnership_ChangeHeading,
	.ForeignOwnership_ChangeRow {
		display: none;
	}

	.PerformanceTab_DDL_Performance_Function {
		width: 290px;
		font-size: 16px !important;
	}
}


@media screen and (max-width: 1150px) {

	.PerformanceTab_Performance_52_Week_High_Low_Heading,
	.PerformanceTab_Performance_52_Week_High_Low_Value {
		display: none;
	}
}

@media screen and (max-width: 900px) {

	.PerformanceTab_Performance_52_Week_Change_Heading,
	.PerformanceTab_Performance_52_Week_Change_Value {
		display: none;
	}

	.PerformanceTab_Performance_By_Year_Prev4_Heading,
	.PerformanceTab_Performance_By_Year_Prev4_Value {
		display: none;
	}
}

@media screen and (max-width: 800px) {

	.PerformanceTab_Performance_YTD_Change_Heading,
	.PerformanceTab_Performance_YTD_Change_Value {
		display: none;
	}
}

@media screen and (max-width: 750px) {

	.PerformanceTab_Performance_By_Year_Prev3_Heading,
	.PerformanceTab_Performance_By_Year_Prev3_Value {
		display: none;
	}


}


@media screen and (max-width: 700px) {
	.additionFunction tr td {
		display: block;
	}


}

@media screen and (max-width: 750px) {
	.legendSharesDiv .comparelegend_value>div>div {
		display: none !important;
	}

	.legendSharesDiv .comparelegend_value>div>div:last-child {
		display: inline-block !important;
	}
}


@media screen and (max-width: 600px) {

	.PerformanceTab_Performance_By_Year_Prev2_Heading,
	.PerformanceTab_Performance_By_Year_Prev2_Value {
		display: none;
	}

	/* .PerformanceTab_TD_Select_Type_Value,
	.PerformanceTab_TD_Select_Type_Label{
		display: block;
	} */
}

@media screen and (max-width: 450px) {

	.PerformanceTab_Performance_By_Year_Prev1_Heading,
	.PerformanceTab_Performance_By_Year_Prev1_Value {
		display: none;
	}
}

.navigation ul li,
#tabPanel ul li {
	margin: 0px !important;
}

@media(max-width:1230px) {

	.navigation ul li:nth-child(6),
	#tabPanel ul li:nth-child(8) {
		margin-top: 3px !important;
	}
}

ul#_ulTab li a.tab_selected {
	border: 2px solid #009178 !important;
	font-weight: 700 !important;
	background-color: #f2f9f8 !important;
}

#timeheading,
.Trades_LastHeading,
.Trades_VolumeHeading {
	text-align: center !important;
	padding: 0px !important;
	/* border-right: 1px solid #ddd; */
}

tr.Trades_Row td {
	padding: 0 !important;
	text-align: center !important;
}

.ForeignOwnership_Row .ForeignOwnership_DateRow {
	padding-left: 10px;
	text-align: right !important;
}

.ForeignOwnership_Row .ForeignOwnership_DateRow {
	padding-left: 10px;
	text-align: right !important;
}

.ForeignOwnership_RowHeader .ForeignOwnership_ForeignOwnershipHeading,
.ForeignOwnership_Row .ForeignOwnership_ForeignOwnershipRow {
	padding-right: 10px;
	text-align: center !important;
}

.ForeignOwnership_RowHeader td,
.ForeignOwnership_RowHeader th,
.ForeignOwnership_Row td {
	text-align: center !important;
}

.ForeignOwnership_Row .ForeignOwnership_DateRow {
	padding-left: 10px;
	text-align: center !important;
}

text.highcharts-yaxis-title {
	color: #222222 !important;
}

.comparelegend_separator {
	color: #222222 !important;
}

#highstocklegend {
	font-family: 'Pretendard Variable', Pretendard JP Variable, apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI, Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Sans-serif !important;
}

.TickerValueTD_PreviousClose,
.TickerValueTD_High,
.TickerValueTD_Volume,
.TickerValueTD_Low {
	text-align: center !important;
}

.TickerValueTD {
	text-align: center !important;
}

tr.Ticker_HeaderRow_Header {
	border-top: 2px solid #222222 !important;
}

#dbFooter {

	font-size: 13px !important;
}
div.TickerDateDiv{
	color: #666666 !important;
}
.colorvisiontext {
    color: #666666 !important;
}
#highstocklegend #legenddate {
    color: #666666 !important;
}
#dbFooter {
    color: #666666 !important;
}
#dbFooter a {
    color: #666666 !important;
}
.TickerValueTD_ShareName {
    background-color: #f9fcfb !important;
   
}
.t-safari .compare_part {
    position: relative !important;
    left: 0 !important;
}
ul.ul_highstocklegend_color_blind_mode {
    border-bottom: 1px solid #e1e1e1;
    display: block;
    position: relative;
    padding-bottom: 30px;
    margin-left: 8px;
    margin-right: 29px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding-left: 15px;
}
.highcharts-container{
	font-family:'Pretendard Variable', Pretendard JP Variable, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI,  Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Sans-serif !important;
}
.ControllTD {
	font-family:'Pretendard Variable', Pretendard JP Variable, -apple-system, BlinkMacSystemFont, system-ui, Roboto, Helvetica Neue, Segoe UI,  Apple SD Gothic Neo, Noto Sans KR, Malgun Gothic, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Sans-serif !important;
}
div#highcharts-0 image {
    width: 538px;
    height: 266px;
    transform: translate(-140px, -136px);
}
.body_ko-kr div#highcharts-0 image {
    width: 449px;
    height: 207px;
    transform: translate(-189px, -119px);
}


@media (max-width: 684px) {
	div#highcharts-0 image {
		width: 300px;
		height: 150px;
		transform: translate(-56px, -58px);
	}

	.body_ko-kr div#highcharts-0 image {
		width: 449px;
		height: 207px;
		transform: translate(-156px, -119px);
	}
}

@media (max-width: 524px) {
	.body_ko-kr div#highcharts-0 image {
	    width: 300px;
		height: 150px;
		transform: translate(-78px, -58px);
	}
}



@media (max-width: 375px) {
	div#highcharts-0 image {
	    width: 250px;
    	height: 120px;
    	transform: translate(-30px, -58px);
	}

	.body_ko-kr div#highcharts-0 image {
	    width: 250px;
    	height: 120px;
    	transform: translate(-63px, -47px);
	}
}