@charset "utf-8";


/* 폰트 추가 */
/* BM JUA */
@font-face {
  font-family: 'BM JUA';
  font-weight: normal;
  font-style: normal;
  src: url('../../font/BM-JUA.eot'); /* IE9 Compat Modes */
  src: url('../../font/BM-JUA.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/BM-JUA.woff') format('woff'), /* Modern Browsers */
       url('../../font/BM-JUA.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../font/BM-JUA.svg#BM-JUA') format('svg'); /* Legacy iOS */
}

/* NanumSquare */
@font-face {
  font-family: 'Nanum Square';
  src: url('../../font/NanumSquareL.eot'); /* IE9 Compat Modes */
  src: url('../../font/NanumSquareL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/NanumSquareL.woff') format('woff'), /* Modern Browsers */
       url('../../font/NanumSquareL.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../font/NanumSquareOTFLight.svg#017f9c78318bcde3d1dc4451e8eaca0a') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  300;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../font/NanumSquareR.eot'); /* IE9 Compat Modes */
  src: url('../../font/NanumSquareR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/NanumSquareR.woff') format('woff'), /* Modern Browsers */
       url('../../font/NanumSquareR.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../font/NanumSquareOTFR.svg#9e23ceb0c858ca37642ba540402577eb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../font/NanumSquareB.eot'); /* IE9 Compat Modes */
  src: url('../../font/NanumSquareB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/NanumSquareB.woff') format('woff'), /* Modern Browsers */
       url('../../font/NanumSquareB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../font/NanumSquareOTFB.svg#a41a1fda1fdf3dafd3394867a156b1cf') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Nanum Square';
  src: url('../../font/NanumSquareEB.eot'); /* IE9 Compat Modes */
  src: url('../../font/NanumSquareEB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../font/NanumSquareEB.woff') format('woff'), /* Modern Browsers */
       url('../../font/NanumSquareEB.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../font/NanumSquareOTFExtraBold.svg#090d6763bc81b49309446d23fbd10e87') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}

/*------------------------------ 2018-05-08 (CHS) ------------------------------*/

/* NotoSans */
@font-face { font-family: 'Noto'; src: url('../../font/NotoSans-Light.eot'); src: local(☺), url('../../font/NotoSans-Light.eot?#iefix') format('embedded-opentype'), url('../../font/NotoSans-Light.woff2') format('woff2'), url('../../font/NotoSans-Light.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'Noto'; src: url('../../font/notokr-demilight.eot'); src: local(☺), url('../../font/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-demilight.woff2') format('woff2'), url('../../font/notokr-demilight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'Noto'; src: url('../../font/notokr-regular.eot'); src: local(☺), url('../../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-regular.woff2') format('woff2'), url('../../font/notokr-regular.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Noto'; src: url('../../font/NotoSans-Medium.eot'); src: local(☺), url('../../font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'), url('../../font/NotoSans-Medium.woff2') format('woff2'), url('../../font/NotoSans-Medium.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Noto'; src: url('../../font/notokr-bold.eot'); src: local(☺), url('../../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../../font/notokr-bold.woff2') format('woff2'), url('../../font/notokr-bold.woff') format('woff'); font-weight: 500; font-style: normal; }

/*Gotham*/
@font-face { font-family: 'Gotham';
src: url('../../font/Gotham-thin.eot') format('eot');
src: local(☺), url('../../font/Gotham-thin.woff') format('woff');
font-weight: 100; font-style: normal; }
@font-face { font-family: 'Gotham';
src: url('../../font/Gotham-light.eot') format('eot');
src: local(☺), url('../../font/Gotham-light.woff') format('woff');
font-weight: 300; font-style: normal; }
@font-face { font-family: 'Gotham';
src: url('../../font/Gotham-medium.eot') format('eot');
src: local(☺), url('../../font/Gotham-medium.woff') format('woff');
font-weight: 400; font-style: normal; }
@font-face { font-family: 'Gotham';
src: url('../../font/Gotham-book.eot') format('eot');
src: local(☺), url('../../font/Gotham-book.woff') format('woff');
font-weight: 600; font-style: normal; }
@font-face { font-family: 'Gotham';
src: url('../../font/Gotham-bold.eot') format('eot');
src: local(☺), url('../../font/Gotham-bold.woff') format('woff');
font-weight: 700; font-style: normal; }



html{font-size: 10px;}
body {
	margin: 0;
	padding: 0;
	line-height: 1.2;
	letter-spacing:-0.5px;
	vertical-align:baseline;
	font-size:1.5rem;
	font-family: Noto, sans-serif;
	font-weight:300;
	color:#626262;
	overflow-x:hidden;
}
ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:inherit;
}
/* render html5 elements as block */
header, footer, article, section, aside, nav {
	display: block;
}
a {
	color: inherit;
	text-decoration: none;
	margin:0;
	padding:0;
	vertical-align:baseline;
	display:inline-block;
}

img {
	border: 0;
	vertical-align: top;
	outline:0;
	margin:0;
	padding:0;

}
caption{font-size:0;color:transparent;width:0;height:0;position:absolute;}
select, input, button, textarea {	vertical-align: middle;}

address,em{font-style:normal;}

h1, h2, h3, h4, h5, h6, th, dt, strong{font-weight:400;}

#accessibility { position: relative; width: 100%; height: 0; margin: 0 auto; font-size: 1.3em; z-index: 200 }
#accessibility dt { width: 100%; height: 0; font-size: 0; line-height: 0 }
#accessibility a { display: block; position: absolute; top: -10000px; left: 0; width: 100%; height: 0; line-height: 0; text-align: center; font-size: 1em; z-index: 200; }
#accessibility a:hover,
#accessibility a:focus,
#accessibility a:active { position: absolute; top: 0; padding: 10px 0 25px; background: #1d60a7; color: #fff; z-index: 200; }

#chartdiv { width : 100%; height : 500px; font-size : 11px; }

*,
*:before,
*:after{box-sizing:border-box;}

.text-center {text-align:center;}
.float-left, .pull-left{float:left;}
.float-right, .pull-right{float:right;}
.float-wrap{overflow:hidden;}

.indent{margin-left:30px;}
.indent .indent{margin-left:22px;}
.outdent{margin-left:-30px;}
.outdent .outdent{margin-left:-22px;}

.btngroup{text-align:right;margin-top:15px;}
[class^="btn-"]{display:inline-block;vertical-align:middle;font-weight:300;text-align:center;border:1px solid #d6dadd;padding:5px 10px;margin:5px 0;color:#323537;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}/* TODO btn은 불편해서 불리할것 */
[class*="btn-"]:hover{background-color:#eee;}
[class^="btn-"].icon{padding-right:70px; position:relative;}
[class^="btn-sm"]{padding:7px 14px 6px;color:#fff;background-color:#797c83;border:1px solid #797c83;}
[class^="btn-md"]{padding:10px 20px;min-width:100px;font-size:1em;}
[class^="btn-lg"]{padding:16px 20px 15px;min-width:200px;font-size:1em;}
[class*="-1st"]{background-color:#3a58bc;border-color:#3a58bc;color:#fff;}
[class*="-1st"] [class^="xi-"]{background-color:#2a4087;font-size:0;padding:15px;height:100%;position:absolute;right:0;top:0;}
[class*="-1st"] [class^="xi-"]::before{font-size:2.1rem;}
[class*="-1st"]:hover{background-color:#2a4087;}
[class*="-2nd"]{background-color:#797c83;border-color:#797c83;color:#fff;}
[class*="-2nd"]:hover{background-color:#545965;}
[class*="-3rd"]{background-color:#566689;border-color:#566689;color:#fff;}
[class*="-3rd"]:hover{background-color:#404e6c;}

/* box */
.box {padding:10px 20px;margin:20px 0;text-align:center;}
.box.gray{background-color:#eef0f5;}
.box.border{border:1px solid #d6dadd;}
.box.padding{padding:50px;}
.box.nopadding{padding:0;}

/* list */
.list-dash{margin-top:7px;margin-bottom:10px;}
.list-dash li,
.list-dot li,
.list-dot dd {
	position: relative;
	margin-bottom: 7px;
	padding-left: 12px;
	line-height: 1.5;
	}
.list-dash li:before { content: ""; display: block; width: 4px; height: 1px; background-color: #666; position: absolute; left: 0; top: 10px; }

td .list-dash {margin-bottom: 30px; }
td .list-dash li { line-height: 1.2; }
td .list-dash li:before { top: 7px; }
p + .list-dash,
p + .list-dot {
	margin-top: 12px;
	}

p.list-dot { margin: 10px 0 15px; position: relative; padding-left: 12px; }
p.list-dot:before { content: ""; display: block; width: 4px; height: 4px; background-color: #dce0e6; position: absolute; left: 0; top: 10px; }
p.list-dot:last-child { margin-bottom: 0; }

.list-dot { margin-top: 12px; margin-bottom:30px; }

.list-dot>li:before,
.list-dot>dd:before,
.closed_information .list-dot > li:before {
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	width: 4px;
	height: 4px;
	background-color: #dce0e6;
	content: "";
	}
.list-dot li .title,
.list-dot dd .title { margin-bottom: 10px; display: inline-block; }

td .list-dot { margin-top: 10px; }
td .list-dot:first-child {
	margin-bottom: 0;
	}
td .list-dot li { line-height: 1.2; }
td .list-dot li:before { top: 7px; }

.list-dash > li > .list-dot {
	margin: 7px 0 0;
	}
.list-dash > li > .list-dot li {
	margin-bottom: 4px;
	}
.list-num > li { counter-increment: number; padding-left: 15px; position: relative; }
.list-num > li:before { content: counter(number,decimal) ". "; position: absolute; left: 0; }

/* table */
.table{position:relative;margin:20px 0px;overflow:hidden;border-bottom:1px solid #797c83;}
.table table,
.table >ul{position:relative;border-collapse:collapse;width:calc(100% + 3px);left:-1px;table-layout:fixed;min-width:760px;}

.table table::before,
.table >ul::before{content:"";display:block;width:100%;height:2px;position:absolute;top:0;left:0;background:#797c83;z-index:2;}
.table table::after,
.table >ul::after{content:"";display:block;width:100%;height:1px;position:absolute;background:#797c83;}
.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top:0;}
.table th{padding:18px 7px;background-color:#eef0f5;border:1px solid #d6d8da;border-bottom:0;font-size:1.8rem;font-weight:300;color:#222;text-align:center;}
.table tbody th{background-color:#f3f5f9;}
.table td,
.table >ul>li{padding:18px 7px;border:1px solid #e5e5e5;text-align:left;margin-top:-1px;}
.table.text-center td{text-align:center;}


/* .table >ul>li:nth-child(even){background-color:#eef1f3;margin-top:-1px;} */
.table .subject{text-align:left;}
.table .subject,
.gallery .subject,
.ellipsis{display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;}
.table tbody th strong.title{font-size:2.1rem;font-weight:400;}
.table .padding-left{padding-left:30px;}

@media screen and (max-width: 767px) {
	.box.padding { padding: 25px;}
  .table { width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; }
	/* .table tbody tr:first-child th, .table tbody tr:first-child td{padding:9px 3px;} */
	.table::-webkit-scrollbar-track, .snb .depth3::-webkit-scrollbar-track { background-color: #ddd; }
	.table::-webkit-scrollbar, .snb .depth3::-webkit-scrollbar { height: 5px; }
	.table::-webkit-scrollbar-thumb, .snb .depth3::-webkit-scrollbar-thumb { background-color: #999; }
	.indent{margin-left:0;}
	.outdent{margin-left:0;}
	[class^="btn-"].icon{padding-right:50px;}
	[class^="btn-lg"]{padding:11px 10px 10px;min-width:140px;}
	[class*="-1st"] [class^="xi-"]{padding:10px;}
}

/* pagination */
.pagination { text-align: center; margin: 30px 0 50px; }
.pagination a { display: inline-block; vertical-align: middle; min-width: 35px;height:35px;line-height:35px; margin: 0 3px; border:1px solid #d6dadd;}
.pagination .active { color: #fff; font-weight: 700; text-decoration: underline; background-color:#797c83;border-color:#797c83;}
.pagination [class$="-page"]{margin:0 -2px;}
.pagination .prev-page{margin-right:20px;}
.pagination .next-page{margin-left:20px;}
.pagination .xi-angle-left-thin + .xi-angle-left-thin,
.pagination .xi-angle-right-thin + .xi-angle-right-thin{margin-left:-10px;}

/* ==================== 부트스트랩 요소 ==================== */
fieldset {
  border:0;padding:0;
}
legend {
  padding: 0;
  border: 0;
  font-size:0;
}
.text-primary{color:#ed9401;}/*주황*/
.text-info{color:#e55a12;}/*다홍*/
.text-warning{color:#b14630;}/*갈색*/
.text-danger{color:#2eae9a;}/*초록*/

.text-left { text-align: left!important;}
.text-right { text-align: right!important;}
.text-center { text-align: center!important;}
.text-justify { text-align: justify!important;}
.text-nowrap { white-space: nowrap;}
.text-lowercase { text-transform: lowercase;}
.text-uppercase { text-transform: uppercase;}
.text-capitalize { text-transform: capitalize;}
.sr-only, .hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.img-responsive{ max-width: 100%; height: auto;}
.container-fluid{margin:0 auto;position:relative;}
.container-fluid:before,
.container-fluid:after{content:"";display:block;clear:both;}


/* 생성 요소 */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before,
.row:after,
.clearfix:before,
.clearfix:after{content:"";display:block;clear:both;}

[class*="col-"]{ position: relative; min-height: 1px; padding-right: 15px;  padding-left: 15px;	float: left;}
.col-xs-12 { width: 100%;}
.col-xs-11 { width: 91.66666667%;}
.col-xs-10 { width: 83.33333333%;}
.col-xs-9 { width: 75%;}
.col-xs-8 { width: 66.66666667%;}
.col-xs-7 { width: 58.33333333%;}
.col-xs-6 { width: 50%;}
.col-xs-5 { width: 41.66666667%;}
.col-xs-4 { width: 33.33333333%;}
.col-xs-3 { width: 25%;}
.col-xs-2 { width: 16.66666667%;}
.col-xs-1 { width: 8.33333333%;}

.form-control {
  display: block;
  width: 100%;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #3a58bc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(58, 88, 188, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(58, 88, 188, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.form-inline .form-group{display:inline-block;margin-bottom:5px;}
.form-inline .form-group .form-control {
	display: inline-block;
	width:auto;
}
.size2{max-width:20px;}
.size3{max-width:30px;}
.size4{max-width:40px;}
.size5{max-width:50px;}
.size6{max-width:60px;}
.size8{max-width:80px;}
.size10{max-width:100px;}
.size12{max-width:120px;}
.size14{max-width:140px;}
.size16{max-width:160px;}
.size18{max-width:180px;}
.size20{max-width:200px;}
.size22{max-width:220px;}
.size24{max-width:240px;}
.size26{max-width:260px;}
.size28{max-width:280px;}
.size30{max-width:300px;}
.size32{max-width:320px;}
.size34{max-width:340px;}
.size36{max-width:360px;}
.size38{max-width:380px;}
.size40{max-width:400px;}
.size50{max-width:500px;}
.size60{max-width:600px;}
.size70{max-width:700px;}
.size80{max-width:800px;}
.size100{max-width:100%;}

@media (max-width: 768px) {
	.col-mm-6 {
		width: 50%;
	}
}

@media (min-width: 768px) {

  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }

	.form-inline .form-group {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }

}
@media (min-width: 992px) {

  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }

}
@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }

}


.paging_align li{
	display: inline-block;
    margin: 2px;
    cursor:pointer;
}

.paging_align li strong{
	color:lightcoral;
}


li.img{
	text-align:center
}