@charset "utf-8";

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:15px/1.5 'Noto Sans KR','Malgun Gothic','나눔고딕','Nanum Gothic',굴림,Gulim,돋움,Dotum, Sans-serif;color:#333;-webkit-text-size-adjust:none;}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {letter-spacing: -1px; overflow-x: auto; }
body {overflow-x:hidden;margin:0px; background: #f1f8ff; }
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;}
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;}

/* 대시보드 Pop */
.popClose { position: absolute; right: -10px; top: -10px; width: 44px; height: 44px;}

.dbPop {}

.popWrap {
	height: auto; margin: 0; overflow: visible;
	padding: 0; border-radius: 20px; background: #fff;
}

.dbPop .popWrap {
	display: flex; justify-content: center; flex-wrap: wrap;
	background: none;
	max-height: 100vh;
	overflow-y: auto;
}
.dbPop .popWrap a { position: relative; display: block; width: 100%; font-size: 0; margin: 0 10px 70px 10px; border-radius: 14px; }
.dbPop .popWrap a img { border-radius: 14px; width: 100%; max-height: 270px; }
.dbPop .popWrap a video { width: 100%; max-height: 270px; }
.dbPop .popWrap a .popTxt { 
	position: absolute; left: 0px; bottom: 0px; 
	background: #555; color: #fff; padding: 10px 10px 8px; box-sizing: border-box; border-radius: 14px; line-height: 19px; opacity: 0.8;
}

.dbPop .popWrap a .popCloseWrap { position: absolute; left: 15px; bottom: -40px; }

.dbPop .popCloseWrap input[type="checkbox"] + label{
	display: inline-block; height: 30px; margin: 0 10px 0 0;
	background: url(../../images/opendata/ico_popCheck.png) no-repeat left center;
	background-size: 25px;
}
.dbPop .popCloseWrap input[type="checkbox"] + label span {
    display: block; height: 30px; line-height: 30px;
    text-align: left; padding-left: 15px;
    color: #fff; font-size: 15px; margin: 0 20px 0 0;
}
.dbPop .popCloseWrap input[type="checkbox"]:checked + label{
	background: url(../../images/opendata/ico_popCheckOn.png) no-repeat left center; background-size: 25px;
}
.dbPop .popClose { right: -10px; top: -30px;}

#skip_menu a{position:absolute;opacity:0;top:0}
#skip_menu a:focus{display:inline-block;padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:9999}

/*** Layout ***/
/* #contents {width: 1240px; margin: 0 auto; margin-top: 200px;} */

.alt_hidden, legend,
caption>p {display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;}

#dim,
#pop_dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0.5;z-index: 1000;}
#gnb_dim.on,
#dim.on {visibility:visible;opacity:0.5;}
#pop_dim.on {visibility:visible;opacity:0.5;z-index:999998;}

.popLayout {
	display: none;
	position: absolute;
	min-width:540px;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	margin: 0 auto;
	z-index: 2200;
}
.popLayout.on {
	display: block; position: fixed; z-index:999999;
}

.btnClear { min-width: 110px; background: #4c4496; font-size: 15px; color: #fff; display: inline-block; padding: 10px 20px 10px; border-radius: 7px; transition: 0.3s; font-weight: bold; }
.btnClear:hover { background-color: #2b2283;}

/* 대시보드 Pop */
.dbPop { min-width: auto; }
.dbPop .popWrap {
	background: none;
	max-width: 1240px;
	min-width: 900px;
	max-height: calc(100vh - 170px);
	overflow-y: auto;
	text-align: center;
}

.dbPop .popWrap a { position: relative; display: inline-block; width: calc(50% - 60px); font-size: 0; margin: 0px 27px 70px; font-size: 0; border-radius: 14px; }

.dbPop .popWrap a img { border-radius: 14px; width: 100%; }
.dbPop .popWrap a video { width: 100%; max-height: 270px; }


.dbPop .popWrap a .popTxt { 
	position: absolute; bottom: 0; width: 100%; height: auto;
	background: rgba(51, 51, 51, 0.7); color: #fff; padding: 10px 15px; box-sizing: border-box; border-radius: 14px; line-height: 19px;
}

.dbPop .popWrap a .onlyTxt { 
	display: inline-block; vertical-align: bottom;
	width: 100%; height: auto; 
	background: rgba(51, 51, 51, 0.7); color: #fff; 
	padding: 20px; box-sizing: border-box; border-radius: 14px; line-height: 19px;
}
.dbPop .popWrap a .onlyTxt h1 { color: #fff; font-weight: bold; font-size: 17px; text-align: center; }
.popTxtL {text-align: left !important;} /*임시 추가*/
.dbPop .popWrap a .onlyTxt p { color: #fff; font-size: 15px; text-align: center; margin-top: 10px; }

.dbPop .popWrap a .onlyTxt.bg01 { background: rgba(109, 191, 93, 0.87); }
.dbPop .popWrap a .onlyTxt.bg02 { background: rgba(93, 162, 191, 0.87); }
.dbPop .popWrap a .onlyTxt.bg03 { background: rgba(191, 116, 93, 0.87); }
.dbPop .popWrap a .onlyTxt.bg04 { background: rgba(180, 197, 199, 0.87); }


.dbPop .popWrap a .popCloseWrap { position: absolute; left: 15px; bottom: -40px; }

.dbPop .popCloseWrap input[type="checkbox"] + label{
	display: inline-block; height: 30px; margin: 0 10px 0 0;
	background: url(../../images/opendata/ico_popCheck.png) no-repeat left center;
	background-size: 25px; cursor: pointer;
}
.dbPop .popCloseWrap input[type="checkbox"] + label span {
    display: block; height: 30px; line-height: 30px;
    text-align: left; padding-left: 34px;
    color: #fff; font-size: 15px; margin: 0 20px 0 0;
}
.dbPop .popCloseWrap input[type="checkbox"]:checked + label{
	background: url(../../images/opendata/ico_popCheckOn.png) no-repeat left center; background-size: 25px;
}
.dbPop .popClose { left: 50%; bottom: -47px; transform: translate(-50%, 0%); right: auto; top: auto; width: auto; height: auto; }
.dbPop .popClose .btnClear { position: relative; padding: 13px 20px 13px; }
.dbPop .popClose .btnClear img { position: absolute; right: -7px; top: -7px; width: 27px; }


@media all and (max-width:780px){
	.popLayout { min-width: calc(100% - 40px); padding: 20px; box-sizing: border-box; }
	.dbPop .popWrap {
		max-width: auto;
		min-width: auto;
	}
	.dbPop .popWrap a { width: 100%; box-sizing: border-box; margin: 0px 0px 70px; }
	.dbPop .popWrap a .onlyTxt { position: static; }
}


#skip_menu a{position:absolute;opacity:0;top:0}
#skip_menu a:focus{display:inline-block;padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:9999}

/* #skip_menu a{position:absolute;opacity:0}
#skip_menu a:focus{display:inline-block;padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:1000} */

/*** style_guide ***/
/* button */
.btnArea {margin:0 !important;padding:20px 0 0 !important;font-size:0;text-align:center !important;}

.btnC {display:inline-block;width:auto; box-sizing:border-box;background:#777;vertical-align:top;transition: 0.3s; margin: 0 5px; border-radius: 7px; }
.btnC:hover {background:#555;}
.btnC>span {display:block; width:auto; min-width:75px; min-height:40px; line-height: 40px; padding: 0 20px; margin:0; box-sizing:border-box; color:#fff; font-size:15px; font-weight: 500; text-align:center; letter-spacing:-1px;}

/* .btnC_fileDown {position:absolute;top:0;right:0;display:inline-block;width:auto;min-width:100px;margin:0;box-sizing:border-box;padding:0;background:#333;transition: 0.3s;}
.btnC_fileDown:hover {background:#444;}
.btnC_fileDown>span {display:block;width:auto;min-height:34px;margin:0;box-sizing:border-box;padding:0 5px;color:#999;font-size:15px;line-height:34px;text-align:center;letter-spacing:-1px;} */

.btnC_fileDownList {display:inline-block;width:auto;min-width:40px; height: 22px; line-height: 22px; margin:0;box-sizing:border-box;padding: 0px 7px;background:#fff;vertical-align:middle;transition: 0.3s;border-radius: 4px; border: 1px solid #aaa;}
.btnC_fileDownList:hover {background:#f0f0f0;}
.btnC_fileDownList>span {display:block;min-width: 40px;width:auto;min-height:22px;margin:0;box-sizing:border-box;padding:0;color:#555;font-size:14px;line-height:21px;text-align:center;letter-spacing:-1px;font-weight:400; }

.btnC.save {display:inline-block;width:auto;box-sizing:border-box;background:#0c3c6e; vertical-align:top;transition: 0.3s;}
.btnC.save:hover {background:#00264e;}
.btnC.save>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.delete {display:inline-block;width:auto;box-sizing:border-box;background:#c20000;vertical-align:top;transition: 0.3s;}
.btnC.delete:hover {background:#ab0000;}
.btnC.delete>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.check {display:inline-block;width:auto;box-sizing:border-box;background:#555;vertical-align:top;transition: 0.3s;}
.btnC.check:hover {background:#333;}
.btnC.check>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.cancel {display:inline-block;width:auto;box-sizing:border-box;background:#e51212;vertical-align:top;transition: 0.3s;}
.btnC.cancel:hover {background:#c51313;}
.btnC.cancel>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.modify {display:inline-block;width:auto;box-sizing:border-box;background:#0092dd;vertical-align:top;transition: 0.3s;}
.btnC.modify:hover {background:#0080c2;}
.btnC.modify>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.pwdModify {display:inline-block;width:auto;box-sizing:border-box;background:#315cc0;vertical-align:top;transition: 0.3s;}
.btnC.pwdModify:hover {background:#294a96;}
.btnC.pwdModify>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.list {display:inline-block;width:auto;box-sizing:border-box;background:#777;vertical-align:top;transition: 0.3s;}
.btnC.list:hover {background:#555;}
.btnC.list>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.call {display:inline-block;width:auto;box-sizing:border-box;background:#008375;vertical-align:top;transition: 0.3s;}
.btnC.call:hover {background:#006b60;}
.btnC.call>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.import {display:inline-block;width:auto;box-sizing:border-box;background:#7a7000;vertical-align:top;transition: 0.3s;}
.btnC.import:hover {background:#665e00;}
.btnC.import>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.down {display:inline-block;width:auto;box-sizing:border-box;background:#ad6124;vertical-align:top;transition: 0.3s;}
.btnC.down:hover {background:#964c11;}
.btnC.down>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.etc01 {display:inline-block;width:auto;box-sizing:border-box;background:#875f92;vertical-align:top;transition: 0.3s;}
.btnC.etc01:hover {background:#65416f;}
.btnC.etc01>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.etc02 {display:inline-block;width:auto;box-sizing:border-box;background:#5f6f92;vertical-align:top;transition: 0.3s;}
.btnC.etc02:hover {background:#3d4e74;}
.btnC.etc02>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btnC.etc03 {display:inline-block;width:auto;box-sizing:border-box;background:#6d998b;vertical-align:top;transition: 0.3s;}
.btnC.etc03:hover {background:#53796d;}
.btnC.etc03>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}

.btn_unused {display: block; text-align: center; ;width:auto;box-sizing:border-box;background:#e51212; transition: 0.3s;}
.btn_unused:hover{ background-color: #c51313;}
.btn_unused>span {display:block;width:auto;min-width:75px;min-height:40px;box-sizing:border-box;color:#fff;font-size:15px;letter-spacing:-1px;}


.board_search .addressBtn>span { min-height:35px; line-height: 35px;}

/* paging */
.pagination {clear:both;overflow:hidden;height:40px;margin:0 auto;padding:25px 0 0;font-size:0;text-align:center;}
.pagination>button {display:inline-block;overflow:hidden;width:35px;height:35px;color:#999;font-size:14px;line-height:35px;vertical-align:top;}
.pagination>button>span {display:block;width:35px;height:35px;box-sizing:border-box;border:1px solid #ddd;background-repeat:no-repeat;background-position:50% 50%;text-indent:-999px;}
.pagination>button.btn_prev {margin-right:10px;margin-left:-1px;}
.pagination>button.btn_next {margin-left:10px;margin-right:-1px;}

.pagination>button.btn_first>span {background: url(../../images/opendata/pagingFirst_icon.png) no-repeat center;}
.pagination>button.btn_prev>span {background: url(../../images/opendata/pagingPrev_icon.png) no-repeat center;}
.pagination>button.btn_next>span {background: url(../../images/opendata/pagingNext_icon.png) no-repeat center;}
.pagination>button.btn_end>span {background: url(../../images/opendata/pagingEnd_icon.png) no-repeat center;}

.pagination .paging {display:inline-block;height:40px;font-size:0;text-align:center; }
.pagination .paging>li {display:inline-block;color:#999; margin-right: -1px;}
.pagination .paging>li>button {position: relative; display:inline-block;overflow:hidden;width:35px;height:35px;border:1px solid #ddd;box-sizing:border-box;line-height:35px;}
.pagination .paging>li>button:hover,
.pagination .paging>li>button.on {border:1px solid #127ae5;color:#127ae5; z-index: 10;}
.pagination .paging>li>a {display:inline-block;overflow:hidden;width:35px;height:35px;border:1px solid #ddd;box-sizing:border-box;line-height:35px;}
.pagination .paging>li>a:hover,
.pagination .paging>li>a.on {border:1px solid #4c4496; color:#555; z-index: 10;}


/* select, input 박스 스타일 */
.selectTit { display: inline-block; min-width: 110px; padding: 0 10px; font-weight: bold; text-align: right; margin-right: 5px; }

.inputTit { display: inline-block; min-width: 110px; padding: 0 10px; font-weight: bold; text-align: right; margin-right: 5px; }
 


select::-ms-expand { 
	display: none;
}
.select {
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.selectBox {
	position: relative;
	min-width: 50px;
	box-sizing: border-box;
	height: 34px;
	padding-right: 30px;
	border: 1px solid #aaa;
	background: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	cursor: pointer;
	background: #fff;
}
.selectBox .select {
	width: calc(100% + 30px);
	height: inherit;
	background: none;
	border: 0 none;
	outline: 0 none;
	padding: 0 10px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
	line-height: 34px;
	cursor: pointer;
}

.inputDate { height: 34px; border: 1px solid #aaa; padding: 0 10px; }
.inputDateWave { margin: 0 5px; line-height: 34px; display: inline-block; }

.selectBox .select:focus-visible {
	outline: solid 2px #0f59d9;
	border-radius: 1%;
}

.selectBox .select option {
	background: none;
	color: #777;
	padding: 3px 10px;
	letter-spacing: -1px;
	height: 30px;
}
.selectBox .icoArrow {
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 0; 
	width: 35px; 
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.selectBox .icoArrow img { width: 11px; height: 7px; transition: 0.3s;}
.selectBox .select:focus + .icoArrow img { transform: rotate(180deg); }

input:read-only {
	/* background: #f0f0f0; border: 1px solid #ddd; */
}


.nomalCheck { display: inline-block;}
.nomalCheck span { position: relative; }
.nomalCheck input { 
	position: absolute;
    margin: 0px;
	padding-inline: 8px; padding-block: 12px;
}
.nomalCheck input[type="checkbox"]{ appearance: none; }
.nomalCheck input:focus-visible {
	outline: solid 2px #0f59d9;
	border-radius: 1%;
}

input[type="checkbox"] + label{
	display: inline-block;
	background: url(../../images/opendata/checkbox_icon.png) no-repeat left center;
	padding-left: 24px;
    margin: 0 20px 0 0; 
    cursor: pointer;
}
input[type="checkbox"] + label span {
    display: block;
    text-align: left;
    padding-left: 24px;
    color: #ccc;
    margin: -3px 0 0 0;
}
input[type="checkbox"]:checked + label{
	background: url(../../images/opendata/checkboxOn_icon.png) no-repeat left center;
}


input[type="radio"]{
	appearance: none;
    width: 20px;
    height: 20px;
    margin-right: -19px;
}

input:focus{
	outline: solid 1px #0f59d9;
	border-radius: 1%;
}
 
.radio_box {
	display: inline-block; min-width: auto; height: 34px; line-height: 34px; font-size: 0; vertical-align: middle;
}
.radio_box.tableCcl { margin-left: 20px; padding-left: 20px; border-left: 1px solid #ddd;}
.radio_box span { display: inline-block; }
.radio_box span label {
    text-align: left;
    color: #555;
    padding-left: 24px;
    margin: 0 20px 0 0; 
    display: inline-block; vertical-align: middle;
	background: url(../../images/opendata/checkbox_icon.png) no-repeat left center;
}
.radio_box input[type="radio"]:checked + label {
	background: url(../../images/opendata/checkboxOn_icon.png) no-repeat left center;
}


.filebox { }
.filebox input {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: calc(100% - 115px);
    color: #555; outline: none;
}
.filebox label {
    display: inline-block;
    padding: 0px 20px;
    color: #fff;
    vertical-align: middle;
    background-color: #999999;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.filebox .upload-name {
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: calc(100% - 130px);
    color: #999999;
}

.input_nomal {
	border: 1px solid #aaa;
	outline: none;
	background: none;
	color: #ccc;
	min-width: 50px;
	height:34px;
	padding-left: 10px; box-sizing: border-box;
	color: #555;
	font-size: 14px;
	background: #fff;
}
input.nomber {
	width: 100px;
	min-width: 100px;
	margin: 0 5px;
}
input.nomber:first-child {
	margin: 0 5px 0 0;
}
input.textarea {
	width: calc(100% - 30px);
}
input.inputBtn { width: calc(100% - 150px); }

input.calendar {
	width: 140px;
}
input.notice_writeList{
	width: calc(100% - 50px);
}

textarea {
    border: 1px solid #ddd;
    outline: none;
    background: none;
    display: inline-block;
    
    min-width: 170px;
    width: 400px;
    max-width: 790px;
    
    min-height: 100px;
    height: 100px;
    max-height: 300px;
    
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    margin: 10px auto 10px;
}

table textarea {
	width: calc(100% - 0px);
    max-width: 100%;
    min-height: 300px;
    box-sizing: border-box;
    background: #fff;
}



/* TAB */
.tab_menu {
	margin-top: 40px;
}
.tab_menu .tab {
	border-bottom: 1px solid #555;
	font-size: 0;
}
.tab_menu .tab li {
	display: inline-block;
	vertical-align: middle;
}
.tab_menu .tab li a {
	display: block;
	padding: 10px 15px;
	background: #555;
	border-left: 1px solid #444;
	color: #999;
}
.tab_menu .tab li a.on {
	background: #175586;
	color: #ccc;
}
.tab_menu .tab li:first-child a {
	border: none;
}
.tabcont {
	display: none;
}
.tabcont.on {
	display: block;
}



/* title */
.contTit h2 { font-size: 21px; font-weight: bold; margin-top: 40px; }
.contTit h3 { font-size: 19px; font-weight: bold; margin-top: 30px; }
.contTit h4 { font-size: 17px; font-weight: bold; margin-top: 20px; }
.contTit h5 { font-size: 15px; font-weight: bold; margin-top: 10px; }

.board_area h2 {font-size: 27px; text-align: center; margin-bottom:34px;}

.board_area h2.ntcDtlTit { font-size: 21px; font-weight: bold; text-align: left; margin: 40px 0 20px; }
.btnArea form { display: inline-block; }



/* table */
.board_area { width: 100%;}
.board_area .searchWrap { position: relative; height: 40px; margin-bottom: 20px;}
.board_area .searchWrap .boardCount .counting { display: inline-block; vertical-align: middle; }
.board_area .searchWrap .boardSearch { position: absolute; right: 0; top: 0;} 

.tableTit { position: relative; font-weight: bold; font-size: 17px; padding-left: 14px; margin: 0 0 10px; margin-top: 20px; }

.tableTit::after {
	content: ""; position: absolute; left: 0; top: 50%; transform:translate(0%, -50%);
	width: 4px; height: 4px; background: #555; border-radius: 50%;
}
.tableTit .tableCount { position: absolute; right: 0px; bottom: 0; font-size: 14px; }



.lineListWrap { overflow: auto; width: 100%; max-height: calc(100vh - 290px); min-height: 70px; border-top: 2px solid #0c3c6e; border-bottom: 2px solid #aaa; }


.lineListWrap.lineListWrap02 { max-height: 500px; } 
.lineList { width: 100%; min-width: 700px; border: none; }
.lineList tr { border-bottom: 1px solid #eee; }
.lineList thead tr {
  position: -webkit-sticky; 
  position: sticky; 
  top: 0; background: #f8fbff; color: #0c3c6e;
  padding: 10px 0; font-weight: bold; 
}
.lineList thead tr th { padding: 10px 0; font-weight: bold; }
.lineList thead tr th img { vertical-align: middle; margin: -2px 0 0 5px; }
.lineList tr td { border: none; text-align: center; padding: 7px 7px; word-break: break-all; }
.lineList tbody tr:last-child { border: none; }

.lineList tbody tr { background: #fff; transition: 0.3s; }
.lineList tbody tr:hover { background: #f2ffeb; }
.lineList .tBtnyWrap { font-size: 0; }
.lineList .tBtnyWrap button { display: inline-block; margin: 0 3px; }
.lineList .tBtnyWrap button img { width: 27px; }
.lineList input { padding: 5px; box-sizing: border-box; border: 1px solid #ddd;}
.lineList input:read-only {
	background: #f1f8ff; outline: none; color: #777;
}

caption {
    position: absolute;
    top: -1000em;
    left: 0;
}

.lineListRow {
	max-height: calc(100vh - 170px);
}
.lineListRow .thead-hidden {
    position: absolute;
    width:0;
    height: 0;
    overflow: hidden;
}
.lineListRow tbody tr th {
	background: #f8fbff; color: #0c3c6e; text-align: left;
	padding: 10px 0 10px 10px; font-weight: bold; border-left: 5px solid #fff;
}
.lineListRow tbody tr th label { font-weight: bold; color: #0c3c6e; }
.lineListRow tbody tr td { text-align: left; padding: 0 10px; }



/* 차트 테이블 */
.lineListWrap#openApiSttsTableContainer { max-height: calc(100vh - 680px); }


.dataLoding { width: 100%; text-align: center; }


/* 팝업 */
.popup {
	display: none; position: fixed; left: 0; top: 0; z-index: 9999;
	width: 100%; height: 100vh;  border-radius: 7px;
	background: rgba(0,0,0,0.3);
}
.popup .popCont {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
	max-width: calc(100% - 60px); max-height: calc(100vh - 60px); height: auto;
	background: #fff;
	padding: 15px;
}
.popTit { margin: 0px; background: #f1f8ff; border-bottom: 1px solid #0c3c6e; border-top: 1px solid #0c3c6e; padding: 7px 0 7px 20px; margin-bottom: 10px; }
.popTit::after {
    content: ""; position: absolute; left: 10px; top: 50%; transform: translate(0%, -50%);
    width: 4px; height: 4px; background: #0c3c6e; border-radius: 50%;
}

.popCont pre { overflow-y: auto; max-height: 970px; }
.modalList { overflow-y: auto; max-height: 970px; }

.popup.active {
	display: block;
}
.popup .popClose {
	position: absolute; right: -15px; top: -15px; 
	width: 37px; height: 37px; font-size: 0;
}
.popup .popClose img { width: 100%; }



/* 리스트 순서 */
.lineList tbody tr.drag-over-top {
    border-top: 1px solid #0c3c6e;
}
.lineList tbody tr.drag-over-bottom {
    border-bottom: 1px solid #0c3c6e;
}
.lineList tbody tr.changed-row {
    background: #e5ffe7; color: #0c3c6e;
}
.lineList tbody tr.dragging {
    background: #e5ebff; color: #0c3c6e;
}
.lineList tbody tr td.txtModify { cursor: pointer; } 

/* common */

/*** Component ***/
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.wA { width: auto !important; }
.ofI { overflow: inherit; }

.dpIb {display: inline-block !important;}

.cBlue {color: #0188cc}
.cRed {color: #cc0101}
.cGreen {color: #01cc31}
.cYellow {color: #cca801}

.fL {float:left !important;}
.fR {float:right !important;}
.cB {clear:both !important;}
.cB::after{content:"";display: block;clear: both;}

.fs13 {font-size: 13px !important;}
.fwB { font-weight: bold !important; }

.mT0 {margin-top:0px !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT11 {margin-top:11px !important;}
.mT12 {margin-top:12px !important;}
.mT13 {margin-top:13px !important;}
.mT14 {margin-top:14px !important;}
.mT15 {margin-top:15px !important;}
.mT16 {margin-top:16px !important;}
.mT17 {margin-top:17px !important;}
.mT18 {margin-top:18px !important;}
.mT19 {margin-top:19px !important;}
.mT20 {margin-top:10px !important;}
.mT21 {margin-top:21px !important;}
.mT22 {margin-top:22px !important;}
.mT23 {margin-top:23px !important;}
.mT24 {margin-top:24px !important;}
.mT25 {margin-top:25px !important;}
.mT26 {margin-top:26px !important;}
.mT27 {margin-top:27px !important;}
.mT28 {margin-top:28px !important;}
.mT29 {margin-top:29px !important;}
.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}
.mT40 {margin-top:40px !important;}
.mT45 {margin-top:45px !important;}
.mT50 {margin-top:50px !important;}
.mT70 {margin-top:70px !important;}

.mR0 {margin-right:0px !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR11 {margin-right:11px !important;}
.mR12 {margin-right:12px !important;}
.mR13 {margin-right:13px !important;}
.mR14 {margin-right:14px !important;}
.mR15 {margin-right:15px !important;}
.mR16 {margin-right:16px !important;}
.mR17 {margin-right:17px !important;}
.mR18 {margin-right:18px !important;}
.mR19 {margin-right:19px !important;}
.mR20 {margin-right:20px !important;}
.mR21 {margin-right:21px !important;}
.mR22 {margin-right:22px !important;}
.mR23 {margin-right:23px !important;}
.mR24 {margin-right:24px !important;}
.mR25 {margin-right:25px !important;}
.mR26 {margin-right:26px !important;}
.mR27 {margin-right:27px !important;}
.mR28 {margin-right:28px !important;}
.mR29 {margin-right:29px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0px !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !important;}
.mB10 {margin-bottom:10px !important;}
.mB11 {margin-bottom:11px !important;}
.mB12 {margin-bottom:12px !important;}
.mB13 {margin-bottom:13px !important;}
.mB14 {margin-bottom:14px !important;}
.mB15 {margin-bottom:15px !important;}
.mB16 {margin-bottom:16px !important;}
.mB17 {margin-bottom:17px !important;}
.mB18 {margin-bottom:18px !important;}
.mB19 {margin-bottom:19px !important;}
.mB20 {margin-bottom:10px !important;}
.mB21 {margin-bottom:21px !important;}
.mB22 {margin-bottom:22px !important;}
.mB23 {margin-bottom:23px !important;}
.mB24 {margin-bottom:24px !important;}
.mB25 {margin-bottom:25px !important;}
.mB26 {margin-bottom:26px !important;}
.mB27 {margin-bottom:27px !important;}
.mB28 {margin-bottom:28px !important;}
.mB29 {margin-bottom:29px !important;}
.mB30 {margin-bottom:30px !important;}
.mB35 {margin-bottom:35px !important;}
.mB40 {margin-bottom:40px !important;}
.mB45 {margin-bottom:45px !important;}
.mB50 {margin-bottom:50px !important;}
.mB70 {margin-bottom:70px !important;}

.mL0 {margin-left:0px !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL11 {margin-left:11px !important;}
.mL12 {margin-left:12px !important;}
.mL13 {margin-left:13px !important;}
.mL14 {margin-left:14px !important;}
.mL15 {margin-left:15px !important;}
.mL16 {margin-left:16px !important;}
.mL17 {margin-left:17px !important;}
.mL18 {margin-left:18px !important;}
.mL19 {margin-left:19px !important;}
.mL20 {margin-left:20px !important;}
.mL21 {margin-left:21px !important;}
.mL22 {margin-left:22px !important;}
.mL23 {margin-left:23px !important;}
.mL24 {margin-left:24px !important;}
.mL25 {margin-left:25px !important;}
.mL26 {margin-left:26px !important;}
.mL27 {margin-left:27px !important;}
.mL28 {margin-left:28px !important;}
.mL29 {margin-left:29px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}
.mL87 {margin-left:87px !important;}
.mL-40 {margin-left:-40px !important;}

.pT0 {padding-top:0px !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT11 {padding-top:11px !important;}
.pT12 {padding-top:12px !important;}
.pT13 {padding-top:13px !important;}
.pT14 {padding-top:14px !important;}
.pT15 {padding-top:15px !important;}
.pT16 {padding-top:16px !important;}
.pT17 {padding-top:17px !important;}
.pT18 {padding-top:18px !important;}
.pT19 {padding-top:19px !important;}
.pT20 {padding-top:0px !important;}
.pT21 {padding-top:21px !important;}
.pT22 {padding-top:22px !important;}
.pT23 {padding-top:23px !important;}
.pT24 {padding-top:24px !important;}
.pT25 {padding-top:25px !important;}
.pT26 {padding-top:26px !important;}
.pT27 {padding-top:27px !important;}
.pT28 {padding-top:28px !important;}
.pT29 {padding-top:29px !important;}
.pT30 {padding-top:30px !important;}
.pT35 {padding-top:35px !important;}
.pT40 {padding-top:40px !important;}
.pT45 {padding-top:45px !important;}
.pT50 {padding-top:50px !important;}

.pR0 {padding-right:0px !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR11 {padding-right:11px !important;}
.pR12 {padding-right:12px !important;}
.pR13 {padding-right:13px !important;}
.pR14 {padding-right:14px !important;}
.pR15 {padding-right:15px !important;}
.pR16 {padding-right:16px !important;}
.pR17 {padding-right:17px !important;}
.pR18 {padding-right:18px !important;}
.pR19 {padding-right:19px !important;}
.pR20 {padding-right:20px !important;}
.pR21 {padding-right:21px !important;}
.pR22 {padding-right:22px !important;}
.pR23 {padding-right:23px !important;}
.pR24 {padding-right:24px !important;}
.pR25 {padding-right:25px !important;}
.pR26 {padding-right:26px !important;}
.pR27 {padding-right:27px !important;}
.pR28 {padding-right:28px !important;}
.pR29 {padding-right:29px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0px !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB11 {padding-bottom:11px !important;}
.pB12 {padding-bottom:12px !important;}
.pB13 {padding-bottom:13px !important;}
.pB14 {padding-bottom:14px !important;}
.pB15 {padding-bottom:15px !important;}
.pB16 {padding-bottom:16px !important;}
.pB17 {padding-bottom:17px !important;}
.pB18 {padding-bottom:18px !important;}
.pB19 {padding-bottom:19px !important;}
.pB20 {padding-bottom:20px !important;}
.pB21 {padding-bottom:21px !important;}
.pB22 {padding-bottom:22px !important;}
.pB23 {padding-bottom:23px !important;}
.pB24 {padding-bottom:24px !important;}
.pB25 {padding-bottom:25px !important;}
.pB26 {padding-bottom:26px !important;}
.pB27 {padding-bottom:27px !important;}
.pB28 {padding-bottom:28px !important;}
.pB29 {padding-bottom:29px !important;}
.pB30 {padding-bottom:30px !important;}
.pB35 {padding-bottom:35px !important;}
.pB40 {padding-bottom:40px !important;}
.pB45 {padding-bottom:45px !important;}
.pB50 {padding-bottom:50px !important;}

.pL0 {padding-left:0px !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL11 {padding-left:11px !important;}
.pL12 {padding-left:12px !important;}
.pL13 {padding-left:13px !important;}
.pL14 {padding-left:14px !important;}
.pL15 {padding-left:15px !important;}
.pL16 {padding-left:16px !important;}
.pL17 {padding-left:17px !important;}
.pL18 {padding-left:18px !important;}
.pL19 {padding-left:19px !important;}
.pL20 {padding-left:20px !important;}
.pL21 {padding-left:21px !important;}
.pL22 {padding-left:22px !important;}
.pL23 {padding-left:23px !important;}
.pL24 {padding-left:24px !important;}
.pL25 {padding-left:25px !important;}
.pL26 {padding-left:26px !important;}
.pL27 {padding-left:27px !important;}
.pL28 {padding-left:28px !important;}
.pL29 {padding-left:29px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}

.ws-PL { white-space: pre-line; }