@charset "utf-8";

/************************************************************************
 * 파일명      : base.css
 * 설명        : 기본_공통
 * 작성자      : 윤진아
 * 작성일      :2021.07.07
************************************************************************/

@import url('../../fonts/NanumSquare/nanum_square.css');
@import url('../../fonts/noto_sans_kr/notosans_kr.css');

/* 기본  */
* {margin:0; padding:0;}
html {font-family:dotum; height:100%;}  /* min-width:1100px; */
body {line-height:140%; font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight:400;   min-height:500px;} /*2017.11.29 KOSIS 리뉴얼에 따른 사이즈 변경 min-width:950px -> min-width:1040px*/
table {border-collapse:collapse; border-spacing:0; width:100%; font-family:dotum; font-size:12px;}
img, fieldset {border:0 none; vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
ul, ol, li, dl, dt, dd {list-style:none; margin:0; padding:0;} /* 블릿감춤 */


/* Link */
a {text-decoration:none; color:#585858;}
/*a:hover, a:active, a:focus {text-decoration:none; color:#434343;}*/
.hideLink {color:#666;}
.noLinkInquire {color:#585858;}

input,select,option {font-size:12px; height:20px; font-family:Verdana; color:#000; vertical-align:middle;}
input[type="checkbox"] {margin-top:-2px;}

/* form */
select,input {vertical-align:middle; border:1px solid #bebebe;}
input.text {height:23px; border:1px solid #dedede; line-height:20px;}
textarea.textarea {font-family:Verdana; border:1px solid #dedede; padding:5px; font-size:1em; color:#777; line-height:130%;  width:150px; height:120px;}
select {overflow:auto; padding:1px; border-right:#ccc 1px solid; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-bottom:#ccc 1px solid;}
select:disabled {opacity: 1;background: #eee;}
/* mode!=tab */

.statHtmlBody {position:relative; height:100%; background:#1d4bd5; background:linear-gradient(to right, #576485, #18306c); background-size:cover;}
#topTitleKo {width:100%; clear:both; position:relative; padding:0 20px; height:50px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.3);} 
#topTitleEn {width:100%; clear:both; position:relative; padding:0 20px; height:50px; background:#fff; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.3);}
	 .logo { font-family: 'NanumSquare'; float:left; line-height:50px; font-size:17px; font-weight:bold; color:#fff;}
#stbllogo {position:absolute; top:12px; right:20px; width:65px; height:25px; text-indent:-9999px; background:url('../../../img/common/logo_stat.png') no-repeat center; background-size:100% auto;}

.statHtmlBody:before {display:none;}
/* .statHtmlBody:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../../img/common/stat_bg_01.png') no-repeat top -22px right 150px; background-size:500px; opacity:0.25;} */
/*.statHtmlBody:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../../../img/common/stat_bg.png') no-repeat center; background-size:cover; opacity:0.25;}*/

/* body */
/* contents*/
/*2017.11.29 KOSIS 리뉴얼에 따른 사이즈 변경 (#wrap,#modal,#modal2,#popup_outer) width:950px -> width:1040px*/
#wrap {width:100% !important; height:auto; margin:0 auto; padding:0 20px 10px; box-sizing:border-box;}
#modal {width:100% !important; height:100% !important; top:0; left:0; margin:0; position:fixed; z-index:110; visibility:hidden; background:black; filter:alpha(opacity=10); opacity:0.2;}
#modal2{width:100% !important; height:100% !important; top:0; left:0; margin:0; position:fixed; z-index:110; visibility:hidden; background:gray; filter:alpha(opacity=10); opacity:0.2;}
#popup_outer {width:100% !important; height:100% !important; margin:0; position:absolute; top:0; left:0; visibility:hidden; z-index:110;}

/* 1217 수정 */
.titleCenter {position:relative; margin-top:30px; margin-bottom:30px; }
.titleLeft {padding-right:150px; box-sizing:border-box;}
.titleBox {}
.titleBox .title { font-family: 'NanumSquare'; margin-bottom:5px;}
.titleBox .sup .h2_title {color:#ffe87b; font-weight:800;}
.titleBox .title #titleText {line-height:24px; font-size:22px; font-weight:bold; color:#fff;}
.titleBox .titleText li {position:relative; padding-left:16px; line-height:24px; font-size:14px; color:#fff;}
.titleBox .titleText li:before {content:''; display:block; position:absolute; top:50%; left:0; width:5px; height:5px; border-radius:50px; background:rgba(255,255,255,0.5);  transform:translateY(-50%);}
.titleBox .titleText li .more {display:inline-block; margin-left:10px; padding:0 24px 0 15px; height:22px; line-height:20px; font-size:12px; box-sizing:border-box; border:1px solid #dedede; transition:all 0.3s; border-radius:40px; background:#fff url('../../../img/contents/sta_btn_more_ar.png') no-repeat right 10px center; }
.titleBox .titleText li .more:hover {box-shadow:2px 1px 1px #b1b1b145; border:1px solid #bcbcbc;}
.titleRight {position:absolute; right:0; top:0;}
.titleRight a {transition:all 0.3s; display:inline-block; text-align:center; padding-top:50px; width:70px; color:#fff; font-size:13px; box-sizing:border-box; border-radius:5px; letter-spacing:-1px;}
.titleRight .btnStaSet {background:url('../../../img/contents/sta_btn_set.png') no-repeat top center;}
.titleRight .btnStaSet:hover {background-image:url('../../../img/contents/sta_btn_set_on.png');}
.titleRight .btnStaSta {background:url('../../../img/contents/sta_btn_sta.png') no-repeat top center;}
.titleRight .btnStaSta:hover {background-image:url('../../../img/contents/sta_btn_sta_on.png');}
.titleRight .btnStaStaDown {background:url('../../../img/contents/icon_btnStaSta_down.png') no-repeat top center;}
.titleRight .btnStaStaDown:hover {background-image:url('../../../img/contents/icon_btnStaSta_down_hover.png');}
.titleLinkBox {overflow:hidden; margin-top:10px; padding:20px; border:4px solid #dddde1; box-sizing:border-box; background:#fff;}
.titleLinkBox ul li {float:left;}
.titleLinkBox ul li a {display:inline-block; margin-right:15px; padding-right:22px; font-size:14px; color:#000; background:url('../../../img/contents/sta_bl_top_line.png');}

/*#title {float:left; width:10%; font-size:10px; text-align:right;}
h1.title {font-weight:bold; text-align:center; font-size:15px; line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} */
#sigaLink {float:right; width:10%; font-size:10px; text-align:right; line-height:30px;}
/*.dateBtn {float:left; width:100%; font-size:12px; list-style:none;}
	.dateBtn li {display:inline;}
	.dateBtn li.date {float:left; padding-top:10px; height: 13px;}
	.dateBtn ul li.btn {float:right; display:inline;}*/


.content {position:relative; padding-left:150px; width:100%; box-sizing:border-box;}

/*셀렉트박스*/
.titleBox .titleText .select_box {position:relative; margin-left:10px; display:inline-block; z-index:9999; width:150px; margin-top:2px;}
.titleBox .titleText .select_box > button {display:block; font-size:14px; width:100%; line-height:20px; padding:5px 8px !important; overflow:hidden; text-align:left; color:#fff; cursor:pointer; padding:0 8px; border:1px solid #fff; font-family:'Noto Sans KR', sans-serif; background:#ffffff2e;}
.titleBox .titleText .select_box > button:after,
.titleBox .titleText .select_box > ul > li:first-child:after {display:block; float:right; font-size:10px;}
.titleBox .titleText .select_box > button:after {content:'▼'; color:#ffffffbd;}
.titleBox .titleText .select_box > ul {position:absolute; width:100%; top:0px; background:#fff; display:none; box-shadow:0px 1px 4px #adadad94;}
.titleBox .titleText .select_box > ul > li {cursor:pointer; line-height:20px; padding:5px 8px; border:1px solid #ccc; border-top:0; color:#333 !important;}
.titleBox .titleText .select_box > ul > li:first-child:after {content:'▲'; color:#b0b0b0;}


.tabMu {position:absolute; width:150px; top:0; left:0; overflow:hidden; z-index:1;}
.tabMu li{display:block;}
.tabMu li.menu_off { float:left; margin-bottom:10px; width:100% !important; line-height:22px; padding:10px; text-align:right; background:rgb(23 19 93 / 30%); color:#fff; white-space:normal; font-size:14px;  border-top-left-radius:10px; border-bottom-left-radius:10px; box-shadow:1px 1px 2px #0000002e; box-sizing:border-box;}
.tabMu li.menu_on {float:left; margin-bottom:10px; width:100% !important; line-height:22px; padding:10px; text-align:right; background:rgb(6 5 59 / 66%); color:#fff; white-space:normal; font-size:14px;  border-top-left-radius:10px; border-bottom-left-radius:10px; box-shadow:1px 1px 2px #0000002e; box-sizing:border-box; text-shadow:1px 1px 1px #0000004d;}
.tabMu li.menu_off a {color:#fff;}
.tabMu li.menu_on a {color:#fff;}
.tabTimeText_up {margin-left:5px;}
.tabTimeText_up, .tabTimeText_down {display:inline-block; opacity:0.5; width:13px; height:13px; border:1px solid #0b8190; box-sizing:border-box; box-shadow:1px 1px 3px #3f656757; cursor:pointer; background:#fff;}
.tabTimeText_up.on, .tabTimeText_down.on {opacity:1;}

/* 2013.12.30 */
#directMenu {display:none; position:relative; height:666px; border-top:2px solid #038383; border-bottom:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1;background:url('images/building.gif') #f9f9f9 repeat-x 0 bottom; padding-left:18px;}
.fileService {margin-top:5px; width:686px; height:43px; padding:20px 0 0 20px; background:url('images/gobox.gif') no-repeat 0 0;}
.ex_text {margin:5px 0 10px 7px;}
.ex_text dd {line-height:20px; background:url('images/dotGreen.gif') no-repeat 0 8px; padding-left:8px; color:#6f6f6f; font-family:dotum; font-size:13px; font-weight:bold;}
/* icon */
.bigGreen {margin:10px 0 0px 0; height:23px; line-height:20px; background:url('images/circleGreen.png') no-repeat 0 1px; padding-left:22px; font-family:dotum; color:#038384; font-size:16px; font-weight:bold;}
.smallGreen {line-height:20px; vertical-align:middle; background:url('images/dotGreen.gif') no-repeat 0 6px; padding-left:8px; color:#414141; font-family:dotum; color:#6f6f6f; font-size:13px;}
/* 직접다운로드 iframe div */
.tableLayer {width:682px; height:420px; border:1px solid #d7d7d7; background-color:#fff;}

/* .block_definition{position:absolute;top:35px;left:10px;padding-right:10px;} */
/*1218 수정 */
.block_definition{position:absolute; top:45px; left:10px; padding-right:10px;}
.cont_lay {width:100% !important; position:relative;box-shadow:3px 2px 0px 1px #00000038; height:658px; padding:10px; overflow-x:auto; overflow-y:hidden; background:#fff; box-sizing:border-box; border-radius:0px 10px 10px 10px;} /* 1217 수정 padding:0 10px; */
.cont_line {position:relative; padding:10px; box-shadow:3px 2px 0px 1px #00000038; border-top:0px solid #b1b1b1; width:100% !important; height:658px; background:#fff; box-sizing:border-box;  border-radius:0px 10px 10px 10px; } /*2017.11.29 KOSIS 리뉴얼에 따른 사이즈 변경 width:950px -> width:1040px*/

.bu_2circle {clear:both; background:url('images/bu_twinCircle.gif') no-repeat 0 0; padding-left:18px; color:#333;} /* 1217 수정 */

.btnIcon {width:100%; margin:0px 0 8px; height:25px; position:relative;}
.btnIcon .text {width:30%; float:left; font-size:11px; line-height:25px; color:#555; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.btnIcon .align {position:absolute; top:0; right:0;}
.btnIcon .align li {display:inline-block}
.staBtn {display:inline-block; transition:all 0.3s; padding:0 5px 0 25px; border-radius:3px; height:25px; line-height:23px; font-size:12px; border:1px solid #bdbdbd; box-sizing:border-box; background-color:#fff; box-shadow:1px 1px 2px #9d9d9d42; font-weight:bold; background-repeat:no-repeat; background-position:center left 2px;}
.staBtn:hover {border:1px solid #4f80ad; background-color:#eafcff; box-shadow:1px 2px 3px #dcdcde;}
.staBtn.win {background-image:url('../../../img/contents/btn_sta_win.png');}
.staBtn.comm {background-image:url('../../../img/contents/btn_sta_comm.png');}
.staBtn.url {background-image:url('../../../img/contents/btn_sta_url.png');}
.staBtn.swap {background-image:url('../../../img/contents/btn_sta_swap.png');}
.staBtn.add {background-image:url('../../../img/contents/btn_sta_set.png');}
.staBtn.ass {background-image:url('../../../img/contents/btn_sta_assay.png');}
.staBtn.scrap {background-image:url('../../../img/contents/btn_sta_scrap.png');}
.staBtn.bChart {background-image:url('../../../img/contents/btn_sta_chart.png');}
.staBtn.down {background-image:url('../../../img/contents/btn_sta_down.png');}
.staBtn.print {background-image:url('../../../img/contents/btn_sta_print.png');}
.staBtn.help {background-image:url('../../../img/contents/btn_sta_help.png');}
.staBtn.left {background-image:url('../../../img/contents/btn_sta_grp_left.png');}
.staBtn.copy {background-image:url('../../../img/contents/btn_sta_copy.png');}
.staBtn.cntnt {background-position: left 8px center; background-image:url('../../../img/contents/btn_sta_cntnt.png');}  /* 통계 문자열 컨텐츠  */ 

.btnIcon .text:nth-of-type(2) { clear:both; float:none; background:linear-gradient(#f4f4f4 1px, #f4f4f4 1px); width:100% !important; padding-left:10px; box-sizing: border-box; }

/*off 일떄*/
.staBtn.off {border:1px solid #dbdbdb; box-shadow:none; background-color:#e6e6e6; color:#828282; cursor:initial;}
.staBtn.win.off {background-image:url('../../../img/contents/btn_sta_win_off.png');}
.staBtn.comm.off {backg round-image:url('../../../img/contents/btn_sta_comm_off.png');}
.staBtn.url.off {background-image:url('../../../img/contents/btn_sta_url_off.png');}
.staBtn.swap.off {background-image:url('../../../img/contents/btn_sta_swap_off.png');}
.staBtn.add.off {background-image:url('../../../img/contents/btn_sta_set_off.png');}
.staBtn.ass.off {background-image:url('../../../img/contents/btn_sta_assay_off.png');}
.staBtn.scrap.off {background-image:url('../../../img/contents/btn_sta_scrap_off.png');}
.staBtn.bChart.off {background-image:url('../../../img/contents/btn_sta_chart_off.png');}
.staBtn.down.off {background-image:url('../../../img/contents/btn_sta_down_off.png');}
.staBtn.print.off {background-image:url('../../../img/contents/btn_sta_print_off.png');}
.staBtn.help.off {background-image:url('../../../img/contents/btn_sta_help_off.png');}
.staBtn.left.off {background-image:url('../../../img/contents/btn_sta_grp_left_off.png');}
.staBtn.copy.off {background-image:url('../../../img/contents/btn_sta_copy_off.png');}

.h3_arrow {position:relative; font-weight:bold; margin:5px 0 10px; padding:0px 0 0 10px; font-size:14px;  color:#222;z-index:1; height:20px; line-height:20px; }
.h3_arrow:before {content:''; display:block; position:absolute; top:5px; left:0; width:2px; height:12px; background:#00a48e;}
.h3_arrow .checkAllBox {margin-left:10px; display:inline-block !important;}	
.h3_arrow .checkAllBox input[type="checkbox"] {margin-right:5px;}
.h3_arrow .msg {margin-left:30px; display:inline-block !important; font-weight:400;}

/* 부가기능, 피봇 등 버튼*/
.align li {padding-left:1px;}

.cont_detail{float:left;}
/* 	.popMode{position:absolute; top:30px; left:0px; width:952px; height:606px;} */
	.popMode{float:left; width:100% !important; height:606px;} /*2017.11.29 KOSIS 리뉴얼에 따른 사이즈 변경 width:952px -> width:1042px*/
		.inner {float:left; overflow:auto; width:100%; height:100%; border:1px solid #cbcbcb; border-radius:10px;}
			/* .inner table { table-layout:fixed; white-space:nowrap; margin:0px; width:300px !important;} */
			.inner table {table-layout:fixed; margin:0px; width:100px;}
				/* .inner table tr th {border:1px solid #8c96a0; padding:3px 0; background:#ecead9; font-size:11px; overflow:hidden; text-overflow:ellipsis;} */
				.inner table tr th {padding:3px 3px 0 0; background:#ecead9; text-align:left;}
					.inner table tr th span{float:left;width:18px}
					.inner table tr th span.text{width:147px; word-wrap:break-word;}
					.inner table tr th.colHead-first {border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#ccedff; font-weight:normal;}
					.inner table tr th.colHead-last {border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#ccedff; font-weight:normal;}
					.inner table tr th.rowHead {border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#dfecf5; text-align:left;}
				/* .inner table tr td {border:1px solid #bbbbbb; padding:3px 0; text-align:right; padding-right:5px; overflow:hidden; text-overflow:ellipsis;} */
				.inner table tr td {padding:3px 3px 0 0; text-align:right;}
					.inner table tr td span{float:left;width:18px;}
					.inner table tr td span.text{float:right;width:147px;}
					.inner table tr td span.val{width:97px;word-wrap:break-word;}
					.inner table tr td.first {border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; background:#eff7fd; text-align:left;}
					.inner table tr td.first-end {border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#eff7fd no-repeat 10px 5px; text-align:left;}
					.inner table tr td.merge {border-right:1px solid #bbbbbb; background:#eff7fd; text-align:left;}
					.inner table tr td.merge-end {border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#eff7fd no-repeat 10px 5px; text-align:left;}
					.inner table tr td.value {border-top:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
					.inner table tr th.sortRowHead {text-align:center; border-right:1px solid #bbbbbb; background:#d2e1ec; height:10px; padding:2px;}
					.inner table tr th.sortColHead {text-align:center; border-right:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb; background:#b3def5; height:10px; padding:0px;}

	  				/* 1217 추가 */
					.inner table tr th .sup {color:#bf390c; font-weight:bold;}
					.inner table tr td .sup {margin-left:-13px; color:#bf390c; font-weight:bold;}


		.chart {float:left; width:100% !important; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; box-sizing:border-box;}
			.chart .chartTop {position:relative; height:25px; padding:5px; background:#f4f4f4; border-bottom:1px solid #ddd;}
				.chart .chartTop .chartBtn {float:left;}
				.chart .chartTop .alignRight {float:right;}
				.chart .chartTop .alignRight > * {float:left;}
				.chart .chartTop .alignRight a{cursor:pointer;}
				.chart .chartTop .alignText {float:right; margin-top:-8px;}
				.chart .chartTop .alignRight select { height:25px; line-height:23px; font-size:12px; width:50px;}

	  	.remark{float:left; width:100%; position:relative; border-bottom:1px solid #b1b1b1; border-left:1px solid #b1b1b1; border-right:1px solid #b1b1b1; font-size:12px; font-family:dotum;}
		.remark .legend{margin-top:16px; margin-left:10px; }
.Selectable1 {width:170px;}
.Selectable2 {width:120px;}

		.text_lay {padding-bottom:5px; border-bottom:1px solid #dedede;; overflow:hidden; width:100% !important; border-bottom:1px solid #dedede;} /* padding 추가 1217*/
		.text_lay ul {float:left;}
		/* .text_lay li.text {float:left; font-size:11px;} */
		/*1218 영수 수정*/
		.text_lay li.text {float:left; margin-right:5px; font-size:12px; color:#333; line-height:25px;}
		.text_lay li:last-child {margin-right:0;}
		.text_lay li.text .f_red {color:#e64332; font-weight:bold;}
		.text_lay li.text .f_gray{color:#747474; font-weight:bold;}
		.text_lay li.text .f_bold{font-weight:bold;}
		.text_lay .pop_choice_box {float:right;}
		.text_lay .pop_choice_box .choice_box {line-height:25px; display:inline-block; margin-right:10px; padding-left:25px; font-size:12px; font-weight:bold; background:url('../../../img/contents/btn_pop_choice_box.png') no-repeat center left;}

		.selectBox {table-layout:fixed; float:left; position:relative; height:532px; border:1px solid #dedede; border-top:2px solid #0b27a7; margin-right:6px;}
			.selectBox h2.top { line-height:20px; padding:10px; font-weight:bold; font-size:14px; border-bottom:1px solid #dedede; background:#eef6ff;}
				.selectBox h2.top .right {position:absolute; right:5px;}
				.selectBox h2.top .tit {line-height:25px; text-align:center; font-weight:bold; }

			.selectBox .selectList {overflow-Y:auto; padding:10px; height:466px;}
				.selectBox .selectList li {line-height:25px; white-space:nowrap;font-family:dotum;font-size:12px;}
				.selectBox li input[type="checkbox"] {margin-right:5px;}
				.selectBox .selectList li a{color:#000000;}
				.selectBox select.box {width:80px;}

			.selectBox .selectList2{overflow-Y:auto;padding:10px; height:466px;}
				.selectBox .selectList2 li {line-height:25px; white-space:nowrap; font-family:dotum; font-size:12px;} 
				.selectBox .selectList2 li.liOther{padding:0px 15px; line-height:25px; white-space:nowrap;}
				.selectBox .selectList2 li a{color:#000000;}

		.selectTimeBox {float:left; height:532px; border:1px solid #dedede; border-top:2px solid #000; margin-right:6px;}
			.selectTimeBox div.top { line-height:20px; padding:10px; text-align:center; font-weight:bold; font-size:14px; border-bottom:1px solid #dedede; background:#f5f6f9;}
			.selectTimeBox h2.top { line-height:20px; padding:10px; font-size:12px; border-bottom:1px solid #dedede; text-align:center;}
			.selectTimeBox h2.top a {cursor:pointer;  left:184px; display:inline-block}
				.selectTimeBox h2.top .right {position:absolute; right:5px;}

				.selectTimeBox div.top .tit2 {line-height:17px; height:15px; text-align:left; font-weight:bold; }
				.selectTimeBox div.top .tit3 {line-height:17px; height:15px; text-align:left; font-weight:bold; }

			.selectTimeBox .selectList{overflow-Y:auto; padding:10px; height:432px;}
				.selectTimeBox .selectList li {line-height:25px; white-space:nowrap; font-family:dotum; font-size:12px;}
				.selectTimeBox .selectList li input[type="checkbox"] {margin-right:5px;}
				.selectTimeBox select.box {width:80px;}
		.nomg {margin-right:0;}

.exemple {position:absolute; bottom:5px; left:10px; font-size:12px; font-family:dotum;}
.exemple span {margin-right:20px;}

/* 1217 수정 */
#footer {clear:both; margin-top:10px; padding-left:150px; width:100%; box-sizing:border-box; line-height:20px; }
#footer .footer_wrap {overflow:hidden; padding:0;}
#footer .footer_wrap li {font-size:14px; color:#fff;}
#footer .footer_wrap .left {float:left;}
#footer .footer_wrap .right {float:right; text-align:right;}

/* 2025.01.17 수정 */
@media (max-width: 1200px) {
	#footer {clear:both; margin-top:10px; padding-left:0px; width:100%; box-sizing:border-box; line-height:20px; }
}

/* etc*/
.nomg {margin-right:0;}
.smalltxt {font-size:11px; color:#777; margin-left:15px; line-height:10px;}
/* .simbol {color:#434343; font-size:12px; margin-right:50px;} */
	.simbol {font-size:12px; margin-right:50px;}


/* 버튼 */
.btn_lay {clear:both; padding:12px 0 0 0; text-align:center;}
/*이규정 btn_lay2 추가*/
.btn_lay2 {clear:both; padding:15px 0 0 0; text-align:center;}
.confirmBtn a {display:inline-block; margin:0 3px; transition:all 0.3s; text-align:center; min-width:100px; background:#1b51c0; color:#fff; padding:0px 12px 0 12px; height:30px; line-height:30px; font-size:13px; font-weight:bold; box-sizing:border-box;}
.confirmBtn a:hover {background:#0c3486;}
.cancelBtn a {display:inline-block; margin:0 3px; border:1px solid #999; background:#b0b0b0; color:#fff; padding:5px 12px 0 12px; height:20px; font-size:11px; font-weight:bold;}
.grayBtn a {display:block; font-size:11px; height:15px; padding:2px 10px 3px 10px;; border:1px solid #4a4a4a; background:#747474; color:#fff; letter-spacing:-0.1em;}
.blueBtn_02 a {display:block; transition:all 0.3s; padding:0 10px 0 30px; border-radius:3px; font-size:12px; height:25px; line-height:23px; border:1px solid #bdbdbd; background-color:#fff; color:#000; box-shadow:1px 1px 2px #9d9d9d42; font-weight:bold; background-repeat:no-repeat; background-position:center left 2px;}
.blueBtn_02 a:hover {border:1px solid #4f80ad; background-color:#eafcff; box-shadow:1px 2px 3px #dcdcde;}
.blueBtn_02.icon_download a {background-image:url('../../../img/contents/btn_sta_down.png');}


/* 조회범위 설정 안영수*/
.btn_lay3 {position:absolute; top:2px; right:0px; text-align:right;}
/* 분석 설정 안영수*/
.btn_lay4 {clear:both; text-align:center;}
/* 정렬버튼 */
.alignBtn {display:inline-block; width:14px; white-space:normal; vertical-align:middle; line-height:0; padding:0;}
.alignBtn img {border:0; margin:0 0 -1px 0;}

/* 동작하지 않는 기능의 텍스트 스타일*/
.notFunctext {color:#666;}

/* progressBar */
#disPlayBox {position:absolute; background:#ffffff; transform:translate3d(-50%, -50%, 0); top:50%; left:50%; width:300px; height:300px; display:none; z-index: 150; box-shadow:1px 1px 16px 1px #a0a4b1ba;}

/*2013.12.20*/

#analysisText {font-weight:bold; font-size:12px; color:#3F65AF}

/*김정현 추가*/
.downLarge_lay {clear:both; padding:15px 0; text-align:center;}
.loading_lay {clear:both; padding:15px 0; text-align:center;}
.downLargeBtn a {display:inline-block; margin:0 3px; border:1px solid #0a6494; background:#3F65AF; color:#fff; padding:5px 12px 0 12px; height:20px; font-size:11px; font-weight:bold;}
.loadingBtn {display:inline-block; margin:0 5px; background:#eaf1f5; color:#798fa0; padding:5px 12px 0 12px; height:20px; font-size:12px; font-weight:bold;}

/* 수치 부호중 *, ** 윗첨자로 만들기 위해 추가 */
sup{vertical-align: super; font-size: smaller;}

/* 2019.08.05 차트저장, 차트인쇄 스타일*/
.PrintBtn .GraphPrint {display:block; background:url('../../../img/contents/btn_sta_print.png') no-repeat center left; padding-top:0px; padding-left:25px; font-weight:bold; font-size:12px; color:#666; font-family:'나눔고딕B'; line-height:20px; height:20px;float:left;margin-left:10px;margin-top:2px; cursor:pointer; border:none;}
.PrintBtn .ImageDownload {display:block; background:url('../../../img/contents/btn_sta_down.png') no-repeat center left; padding-top:0px; padding-left:25px; font-weight:bold; font-size:12px; color:#666; font-family:'나눔고딕B'; line-height:20px; height:20px;float:left;margin-left:10px;margin-top:2px; cursor:pointer; border:none;}

/* 2020.08.27 행 클릭시 배경색 변경 */
.rowClick{background-color:#96feff;}