@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&display=swap");
@import url("./entypo/entypo.css");
@import url("./entypo/entyposvg.css");

/* base layout */
* {box-sizing:border-box}
body, th, td, input, textarea, button, select {font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic','돋움',Gulim,AppleGothic,Sans-serif; font-size:16px;}
body, p, form, h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height:1.6;}
h1, h2 {font-size:22px;}
h3, h4 {font-size:18px;}
h5, h6 {font-size:16px;}
input, textarea, button, select, img {vertical-align:middle;}

img {border:0;}
em, address {font-style:normal;}
hr {display:none;}
a, a:hover, a:link, a:visited, a:active {text-decoration:none; color:inherit}
select::-ms-expand {
    background-color: transparent;
	border: none; outline:none;
}
.break {margin-top:25px !important;}
.blind {visibility:hidden; overflow:hidden; position:absolute; width:1px; height:1px;}
.hidden {display:none !important}
.unvisible {visibility: hidden !important}
.p_l {text-align:left !important;}
.p_r {text-align:right !important;}
.p_c {text-align:center !important;}
.p_j {text-align:justify !important;}
.f_l {float:left !important;}
.f_r {float:right !important;}
.desc {color:#777;}
p.desc {margin:10px 0;}
.nobr {white-space:nowrap;}
.inline {display:inline-block}
.floatleft {float:left}
.clearboth {clear:both}

/* form */
input[type="text"], input[type="password"], textarea, select,
.inp_text, .inp_textarea, .inp_select, .inp_file, .inp_readonly {margin:3px 0; border:1px solid #a0a0a0; min-height:24px}
input[type="text"] {margin:3px 0; min-height:24px}
.inp_readonly {background-color:#DDD;}
.inp_textarea {overflow:auto;}

input[type=button],input[type=submit],input[type=reset],input[type=image], button, .btn, .btn_s, .btn_b, .btn_eb {
	display:inline-block; overflow:visible;  border-radius:3px; border:0; 
	color:#fff !important; font-weight:bold; font-size:13px;
	vertical-align:middle; cursor:pointer; white-space:nowrap; -webkit-appearance:none;
	/* text-shadow:1px 1px 1px #000 !important; border:0.5px solid #4b4860;*/
	/*box-shadow:1px 1px 2px rgba(128,128,128,0.5);*/
	/*background:#4c78bf; background: linear-gradient( 0deg, #6290db, #4c78bf 50%, #396dc3 50.5%, #2b5399);*/
	/*background: linear-gradient( 0deg, #6290db, #6290db 50%, #2b5399 50.5%, #2b5399);*/
	background:#06c;
}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=image]:hover, button:hover, .btn:hover, .btn_s:hover, .btn_b:hover, .btn_eb:hover {
	text-decoration:none;
	/*background:#396dc3; */
	/*background: linear-gradient( 180deg, #6290db, #4c78bf 50%, #396dc3 50.5%, #2b5399);*/
	/*background: linear-gradient( 180deg, #6290db, #6290db 50%, #2b5399 50.5%, #2b5399);*/
	background:#04b;
}

input[oxneed="1"], textarea[oxneed="1"] {border-color:#07F}
input[readonly], textarea[readonly] {background-color:#DDD}
input.short {width:4em}

/*  button  */
.btn, input[type=button], input[type=submit], input[type=reset], input[type=image] {height:23px; line-height:22px; padding:0 6px;}
.btn_s {height:20px; margin:3px 0; padding:0 6px; font-size:12px; line-height:19px;}
.btn_b {height:30px; padding:0 12px; font-size:14px; line-height:29px;}
.btn_eb {height:40px; padding:0 20px; font-size:18px; line-height:39px;}
input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner
,input[type=reset]::-moz-focus-inner,input[type=image]::-moz-focus-inner
,button::-moz-focus-inner, .btn::-moz-focus-inner, .btn_s::-moz-focus-inner
,.btn_b::-moz-focus-inner, .btn_eb::-moz-focus-inner {padding:0; border:0;}
.btn.xls {}

.btns {margin:10px 0;}
.a_btm {margin:10px 0; text-align:center;}

/* tab */
.tab_normal {width:100%; margin-bottom:25px; border-bottom:1px solid #CCC;}
.tab_normal:after {display:block; clear:both; content:'';}
.tab_normal ul {float:left; position:relative; top:1px; margin:0; padding:0 1px 0 0; list-style:none;}
.tab_normal li {float:left; position:relative; margin:2px -1px 0 0; padding:0; border:1px solid #CCC;}
.tab_normal a {float:left; overflow:hidden; padding:0 14px; height:24px; background:#F3F3F3; color:#555; text-align:center; line-height:24px; white-space:nowrap;}
.tab_normal a:hover {background:#FFF; color:#27A; text-decoration:none;}
.tab_normal .on {margin-top:0; border-bottom-color:#FFF;}
.tab_normal .on a {height:26px; background:#FFF; color:#27A; line-height:26px;}

/* table */
.tbl_normal {border:0; border-top:3px solid #888; border-left:1px solid #ccc; border-spacing:0; border-collapse:collapse;}
.tbl_normal caption {display:none;}
.tbl_normal th, .tbl_normal td {padding:5px 8px; border:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.tbl_normal td {background:#fff}
.tbl_normal th {background:#f4f4f4; font-weight:600; text-align:center; color:#000}
.tbl_normal .over {background:#FFA;}
.tbl_normal .on {background:#DEF;}
.tbl_normal .req {position:absolute; font-weight:normal; color:#F00;}
.tbl_normal.fixed {table-layout:fixed;}

/* paginate */
.page_normal {margin:10px 0; text-align:center;}
.page_normal a, .page_normal strong {display:inline-block; height:30px; margin:0 2px; padding:0 11px; border-radius:15px; background:#EEE; color:#000; line-height:30px;}
.page_normal a:hover {background:#DDD; color:#000; text-decoration:none;}
.page_normal strong {background:#3A6BB2; color:#FFF;}
.page_normal .skip {margin:0 5px;}

/* navigation bar */
.stat_page_navi_bar2 {text-align:center; padding:20px;}
.stat_page_navi_bar2 A, .stat_page_navi_bar2 STRONG {display:inline-block; border-radius:5px; min-width:25px; height:25px; margin:3px; text-align:center; font-size:15px; line-height:25px}
.stat_page_navi_bar2 A {background-color:#e0e0e0; color:black}
.stat_page_navi_bar2 STRONG {background-color:black; color:white}
.stat_page_navi_bar2 .first, .stat_page_navi_bar2 .last {display:inline-block; width:25px; height:25px;}
.stat_page_navi_bar2 .first:before {content:'\3008\3008'}
.stat_page_navi_bar2 .last:before {content:'\3009\3009'}
.stat_page_navi_bar2 .skip {width:25px; color:#fff; display:inline-block; }

/* layer */
.ly_normal {display:none; position:absolute; width:450px; border-radius:5px 5px 0 0; box-shadow:0 0 20px rgba(0,0,0,0.5); font-size:14px}
.ly_normal_head {overflow:hidden; width:100%; height:38px; border-radius:5px 5px 0 0; background:#08E; color:#FFF; line-height:38px; text-indent:15px; cursor:move;}
.ly_normal_head strong {font-size:15px;}
.ly_normal_head button {position:absolute; top:10px; right:10px; overflow:hidden; width:17px; height:17px; border:0; background:url(../images/btn_ly_close.gif) no-repeat 1px 1px; text-align:left; text-indent:-999px; cursor:pointer;}
.ly_normal_body {padding:15px; border:3px solid #08E; border-top:0; background:#FFF;}
.ly_normal_content {overflow:hidden; width:100%;}
.ly_normal_content .h {display:block; margin-top:8px;}
.ly_normal_content .h:first-child {margin:0;}
.ly_normal_content .lb {display:inline-block; width:90px; margin:3px 0; vertical-align:top;}
.ly_normal_content .lb2 {display:inline-block; width:160px; margin:3px 0; vertical-align:top;}
.ly_normal_content .emphasis {background-color:#f0f0f0}
.ly_normal_foot {margin-top:-3px; padding:10px 0; border:3px solid #08E; border-top:0; background:#EEE; text-align:center;}
.ly_normal_subject {padding-top:5px; font-size:12px; font-weight:bold; display:block;}
.ly_normal_content .lb+.ly_input_long {width:320px}
.ly_normal_content .lb+textarea {width:320px; height:100px}

/*  content  */
.w100p {width:100%}
.w50p {width:50%}
.top10 {margin-top:10px}
.editTable input[type="text"] {width:100%}

table.tbl_nobr>*>tr>td, table.tbl_nobr>*>tr>th {white-space:nowrap}
.tbl_wrap {overflow:auto; overflow-x:auto; overflow-y:hidden; width:100%; margin:5px 0;}

.gapLayer {padding:20px; text-align:center}

/*.tbl_list thead {background-color:#e8e8e8}*/
.tbl_list {border:0; border-top:3px solid #888; border-spacing:0; border-collapse:collapse;}
.tbl_list caption {display:none;}
.tbl_list th, .tbl_list td {padding:0.4em; border:0; border-bottom:1px solid #CCC}
.tbl_list td {background:#fff; text-align:center}
.tbl_list th {background:#f4f4f4; font-weight:600; text-align:center; color:#000}
.tbl_list .over {background:#FFA;}
.tbl_list .on {background:#DEF;}
.tbl_list .req {position:absolute; font-weight:normal; color:#F00;}
.tbl_list.fixed {table-layout:fixed;}
.tbl_alert td, .tbl_alert th {background:#fee}


/* loading screen */
.screenWall{
	position:fixed;
	left:0; right:0; top:0; bottom:0;
	background-color: rgba(0,0,0,0.4);
	display:none;
	z-index: 3000;
}
.screenCenter {
	position: absolute;
	top:50%; left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	color:#f0f0f0;
	text-align:center;
}

@-webkit-keyframes rotate {
  0%    { -webkit-transform: rotate(0deg); }
  100%  { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rotate {
  0%    { -moz-transform: rotate(0deg); }
  100%  { -moz-transform: rotate(360deg); }
}
@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}

@media print {
	.noPrint {display:none}
}

/* mobile */
@media screen and (max-width:449px) {
    .ly_normal {width:100%;}
	.ly_normal_content .lb+.ly_input_long {width: calc(100% - 90px)}
	.ly_normal_content .lb+textarea {width: calc(100% - 90px)}
	.collapsable {display:none;}
}