* { margin:0; padding:0; }
li { list-style:none; }
body, tr, td {font-size:11px; font-family: "나눔고딕", "맑은 고딕", "돋움", "Arial"; color:#333333}
textarea {font-size:11px; font-family: "나눔고딕", "맑은 고딕", "돋움", "Arial"; color:#333333}
input {border-left:1px solid #B2B2B2; border-right:1px solid #E9E7E3; border-top:1px solid #B2B2B2; border-bottom:1px solid #E9E7E3; font-size:12px;color:#333333; border-left-color:#B2B2B2;height:19px;}
option {font-size:11px; font-family: "돋움", "Arial"; color:#333333; border:1px solid #808080; height:18px}
select { font-size:12px; color:#333333; font-family: 돋음; border:1px solid #DEDEDE;  height:15px;}

.search	{border:1 solid #c1c1c1; text-align: center; width: 30px; height: 20px;}

table, img {border:none}
body  {
		scrollbar-face-color: #FFFFFF;
		scrollbar-shadow-color: #D5D5D5;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #D5D5D5;
		scrollbar-darkshadow-color: #FFFFFF;
		scrollbar-track-color: #F8F8F8;
		scrollbar-arrow-color: #999999
	  }

h1, h2, h3, h4 { font-weight: bold; }

.radio_input  {COLOR: #000000;	BORDER: 0 solid #D5D1BA}
.checkbox {border-left:0px solid #BFBFBF; border-right:0px solid #E9E7E3; border-top:0px solid #BFBFBF; border-bottom:0px solid #E9E7E3; font-size:12px;color:#000000; border-left-color:#BFBFBF}
.input_radio {border-left:0px solid #B2B2B2; border-right:0px solid #E9E7E3; border-top:0px solid #B2B2B2; border-bottom:0px solid #E9E7E3; font-size:12px;color:#333333; border-left-color:#B2B2B2;height:19px;}

.icon {font-size:10px; color:#333333;}

#container>iframe {
	width:calc(100% - 180px);
	border:none;
	margin:0;
	padding:0;
}

/* #container:after{
	content:'';
	display:block;
	clear:both;
} */

/********** 링크 **********/
a:link {color:#696969; text-decoration:none}
a:visited {color:#696969; text-decoration:none;}
a:hover {color:#962D3E; text-decoration:underline;}

/******************************************************************************/
/******************************** 신규 양식 ***********************************/
/******************************************************************************/
#nav_bar { width:180px; float:left; box-sizing:border-box; }

/* .nav_header { background-color: #69242B; text-align:center; padding:5px 0;}
.nav_header h1 { font-size: 13px; font-weight:bold; color:#fff;} */
#nav_bar h1 { background-color: #69242B; text-align:center; padding:5px 0; font-size: 13px; font-weight:bold; color:#fff;}

.nav_main h2 { text-align:center; font-size: 13px; color:#fff; padding:4px 0; }
.nav_main h3 { font-size: 13px; font-weight:bold; background-color:#9AC0BA; color:#fff; padding:4px 0; text-indent:7px; }
.nav_main h4 { font-size: 13px; background-color:#CCD9CE; color:#fff; padding:4px 0; text-indent:15px; }

.nav_main h2 a, .nav_main h3 a { color:#FFF; }

.new h2, .renew h2 { background-color:#348899; }
.new h3, .renew h3 { background-color:#9AC0BA; }
.new h4, .renew h4 { background-color:#CCD9CE; }

.now h2 { background-color:#8E414B; }
.now h3 { background-color:#C17983; }
.now h4 { background-color:#D7A9B0; }

.prev h2 { border-bottom:1px solid #eee; background-color:#777777; cursor:pointer; }
.prev h3 { background-color:#999999; }
.prev h4 { background-color:#C4C4C4; }

.nav_main ul { padding: 3px 0; }
.nav_main li { text-indent:20px; padding:2px 0; font-size: 12px; background:url(../common/mark_dot.gif) 15px center no-repeat; }

/* 서버이전용 임시 코드 */
.nav_main li.no-bullet {
    background: none;
}
/* 끝 */

.nav_info { text-align:center; background-color:#F2EBC7;  }
.nav_info .log li { padding-top:10px; }
.nav_info .log a{ padding:10px 0; color: #343642;}
.nav_info .lang { padding:5px 0; margin-top:10px;}

.nav_info .lang a { color: #979C9C; font-weight:bold; }
.nav_info .link{ padding:10px 0; }
.nav_info .link a { color: #979C9C; font-weight:bold; }
.nav_info .contact { border-bottom:1px solid #343642; padding:10px 0; }
.nav_info .contact li { padding-bottom:10px; line-height:150%; color: #343642; }
.nav_info .history { border-top:1px solid #979C9C; padding:10px 5px; color: #962D3E; text-align:left; line-height:1.7; }

/********** 텍스트 **********/

.t_td {  font-family: "돋움", "Arial"; color: #70848E; background :#F6F7F7; font-size:11px; font-style: normal; font-weight: normal; padding-left: 8px; padding-top: 2px;}
.t_td_b {  font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: bold; text-align: center; padding-top: 2px; line-height : 25px; background:#E9E9E9;}
.t_td_m {  font-family: "돋움", "Arial"; color: #70848E;  font-size:11px; font-style: normal; font-weight: normal; text-align:center; padding-top: 2px;}
.t_td_right {  font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal; text-align:right; padding-top: 0px;}
.t_td_f {  font-family: "돋움", "Arial"; color: #FFFFFF; background :#799EB1; font-size:11px; font-style: normal; font-weight: bold; text-align:center; padding-top: 2px;}
.t_td_c {  font-family: "돋움", "Arial"; color: #70848E;  font-size:11px; font-style: normal; font-weight: normal; text-align:center;padding-top: 2px;}
.t_td_n {  font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal; padding-top: 2px;}
.t1_td {  font-family: "돋움", "Arial"; background :#FFFFFF; font-size:11px; font-style: normal; font-weight: normal; padding-right: 8px; padding-top: 2px; text-align: right;}
.t_td_r {  font-family: "돋움", "Arial"; font-size:11px; font-style: normal; font-weight: normal; text-align: right; padding-right: 8px; padding-top: 2px; }
.t_td_r1{  font-family: "돋움", "Arial"; color: #70848E; background :#FFFFFF; font-size:11px; font-style: normal; font-weight: normal; padding-right: 8px; padding-top: 2px; text-align: right;}

.t_td_m1 {  font-family: "돋움", "Arial"; font-size:11px; font-style: normal; font-weight: normal; text-align: center; padding-top: 2px; }
.td_font { font-family: "돋움", "Arial"; color: #70848E; background :#FFFFFF;font-size:11px; font-style: normal; font-weight: normal;
          text-align:right; padding-right: 2px; padding-top: 2px; height: 17px;}  /* 현재가 우 하단의 종합주가 부분  */
.td_font1 { font-family: "돋움", "Arial"; color: #70848E; background :#FFFFFF;font-size:11px; font-style: normal; font-weight: normal;
          text-align:left; padding-left: 2px; padding-top: 2px; height: 17px;}  /* 현재가 우 하단의 종합주가 부분  */


/******************************************************************************/
/********** 테이블의 아랫부분 테이블에 공통으로 사용*********************/
/*****************************************************************************/

.table_tr {font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: bold;
           text-align: center; padding-top: 2px; line-height : 25px; background:#F0F1F2;}  /* 테이블 타이틀 적는부분 #42748D*/
.table_tr_18 {font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: bold;
           text-align: center; padding-top: 2px; line-height : 18px; background:#F0F1F2;}  /* 테이블 타이틀 적는부분 #42748D*/
.table_tr_12 {font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: bold;
           text-align: center; padding-top: 2px; line-height : 12px; background:#F0F1F2;}  /* 테이블 타이틀 적는부분 두 줄로 내려가는 부분에 적용*/
.forex_tr_12 {font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal;
           text-align: center; padding-top: 2px; line-height : 12px; background:#F0F1F2;}  /* 테이블 타이틀 적는부분 두 줄로 내려가는 부분에 적용*/

.t_td_l { font-family: "돋움", "Arial"; color: #696969; background :#F9F9F9; font-size:11px; font-style: normal;
          font-weight: normal; text-align:left; padding-left: 8px;padding-top: 2px; height: 22px;}  /* 테이블 종목명 적는부분 */

.t_td_r { font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal;
          text-align:right; padding-right: 8px; padding-top: 2px; height: 22px;}  /* 테이블 종가,등락률등 값을 적는부분 */

.t_td_c {  font-family: "돋움", "Arial"; color: #70848E;  font-size:11px; font-style: normal;
           font-weight: normal; text-align:center;padding-top: 2px; height: 22px;}  /* 테이블 날짜 적는부분 */

.t_td_m {  font-family: "돋움", "Arial"; color: #70848E;  font-size:11px; font-style: normal;
           font-weight: normal; text-align:center; padding-top: 2px; height: 22px;}

.table_2px { height:2px; width:691px; background:#FD6322; }	    /* 테이블바 칼라 2px FD6322*/
.table_2px_2 { height:2px; background:#799EB1;  }     	            /* 부 테이블바 칼라 2px */

.td_1px { height:1px; width:1px; background:#CFD6D8;  }     	/* 테이블 td 1px 세로라인 */
.tr_1px { height:1px; background:#CFD6D8;  }     	            /* 테이블 tr 1px 가로라인 */

/********** 현재가의 상단 왼쪽 테이블 폰트체 *********************/
.td_current_c {  font-family: "돋움", "Arial"; color: #5A6B73; background :#F6F7F7; font-size:11px; font-style: normal;
           font-weight: normal; text-align:left;padding-top: 2px;padding-left: 8px; height: 26px;}  /* 현재가의 시가,고가,저가,거래량부분 (가운데 정렬, 배경색, 높이 지정) */

.td_current_r { font-family: "돋움", "Arial"; color: #70848E; background :#FFFFFF;font-size:11px; font-style: normal; font-weight: normal;
          text-align:right; padding-right: 8px; padding-top: 2px; height: 26px;}  /* 현재가 테이블의  종가,등락률등 값을 적는부분 */

.td_current {  font-family: "돋움", "Arial";  font-size:11px; font-style: normal; font-weight: normal; padding-top: 5px; background :#FFFFFF; height: 25px;}

.td_current_m { font-family: "돋움", "Arial"; color: #70848E; background :#F6F7F7;font-size:11px; font-style: normal; font-weight: normal;
          text-align:center; padding-right: 8px; padding-top: 2px; height: 26px;}  /* 전일대비, 등락률 부분(배경색과 정렬방식) */


/********** 호가 테이블의 폰트체 *********************/

.hoga_r { font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal;
          text-align:right; padding-right: 8px; padding-top: 2px; height: 21px;}

.hoga_m{ font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal;
          text-align:center; padding-right: 8px; padding-top: 2px; height: 21px;}

.hoga_tr { font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: bold;
           text-align: center; padding-top: 2px; line-height : 25px; background:#F0F1F2;}


/********** 현재가의 자본금 테이블의 폰트체 *********************/

.td_capital_left { font-family: "돋움", "Arial"; color: #5A6B73; background :#F6F7F7; font-size:11px; font-style: normal;
          font-weight: normal; text-align:left; padding-left: 8px;padding-top: 2px; height: 26px;}

.td_capital_number { font-family: "돋움", "Arial"; color: #70848E; font-size:11px; font-style: normal; font-weight: normal;
          text-align:right; padding-right: 8px; padding-top: 2px; height: 26px;}


/********** 일반적 사용 폰트 *********************/
.td_c { font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: normal;
        text-align: center; padding-top: 2px;}
.td_r { font-family: "돋움", "Arial"; color: #42748D; font-size:11px; font-style: normal; font-weight: normal;
        text-align: right; padding-top: 2px;padding-right: 2px;}   /*오른쪽 정렬 된 폰트*/



/********** 텍스트 **********/
.title_bold {  font-family: "돋움", "Arial"; color: #FFFFFF; font-size:12px; font-style: normal; font-weight: bold; text-align: center; padding-top: 5px;}
.title_bold1 {  font-family: "돋움", "Arial"; color: #666666; font-size:12px; font-style: normal; font-weight: bold; text-align: center; padding-top: 5px;}	/* 1일분차트,1주간 주가동향,1주간 외국인동향  타이틀 부분의 폰트 지정 993300*/
.title_bold2 {  font-family: "돋움", "Arial"; color: #FFFFFF; font-size:11px; font-style: normal; font-weight: bold; text-align: center; padding-top: 5px;}
.title_bold3 {  font-family: "돋움", "Arial"; color: #3A3330; font-size:12px; font-style: normal; font-weight: bold; text-align: center; padding-top: 5px;}

.num_b {  font-family: "돋움", "Arial";  font-size:19px; font-style: normal; font-weight: bold; text-align:center; }
.num_01 {  font-family: "돋움", "Arial";  font-size:11px; font-style: normal; font-weight: bold; text-align:right; padding-right: 4px; padding-top: 5px;}
.num_02 {  font-family: "돋움", "Arial";  font-size:11px; font-style: normal; font-weight: normal; padding-top: 5px; background :#FFFFFF;}
.num_03 {  font-family: "돋움", "Arial";  font-size:9pt; font-style: normal; font-weight: normal; padding-top: 5px; background :#FFFFFF;}

/********** 차트부분의 배경 테두리 지정 **********/

.textarea1 { border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; font-size:11px;color:#000000; border-left-color:#CFD6D8; }


/* 서비스현황 히스토리 */
.service_history {
	padding: 5px;
	font-size: 11px;
	text-align: left;
	color: #000;
	background: #F90;
}




/************************모바일 반응형****************************/
@media screen and (max-width:768px) {
	/*substrate 세로로 정렬*/
	body {
		display:flex;
		flex-direction: column;
	}

	#nav_bar {
		float:none;
		position:fixed;
		width:100%;
	}

	#nav_bar h1{
		height:30px;
		padding:10px 0 5px;
		font-size: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}



	/* 서비스 항목 네비게이션 */

	.nav_main {
		display: none;
		background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		/* opacity:0.8; */
		color:black;
		font-weight: 900;
	}

	.nav_info {
		display: block;
		visibility: hidden;
        background-color: #fff;
		border: 1px solid #ccc;
		padding: 10px;
		opacity: 0.8;
		color: black;
		font-weight: 900;
	}

    .nav_info .lang{
        position: fixed;
        visibility: visible;
        left: 10px;
        top: 4px;
        width:75px;
        border-radius:50px;
        background-color: #0276F9;
        z-index:9999;
    }

    .nav_info .lang a{
        color:white;
        font-weight:800;
        font-family:'맑은고딕';
        font-size:12px;
    }

	.link_list li {
		font-size: 1.3em;
	}

	/*iframe가로로 꽉 차게*/
	#container {
		width:100%;
		margin-top:45px;
	}

	iframe {
		width:100% !important;
		/* height:100%; */
	}
}