@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,th,td,input,select,textarea{margin:0;padding:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
fieldset,img{border:0 none;}
img{vertical-align:top;}
dl,ul,ol,menu,li{list-style:none;}
input,select,textarea{vertical-align:middle;}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea{font:12px/1.5 'Nanum Gothic','돋움',Dotum,sans-serif;color:#000000;}
select{font-size:12px;color:#333;}
table{border-collapse:collapse;border-spacing:0;}
a{color:#333;text-decoration:none;}
a:active,a:hover,a:link,a:visited{text-decoration:none;background-color:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}

/* button 사용시 */
button{margin:0;padding:0;background:transparent;border:0 none;font:12px/1.5 '돋움',Dotum,sans-serif;color:#333;vertical-align:middle;cursor:pointer;}

/* common */
.screen_out,legend{position:absolute;left:-9999px;overflow:hidden;display:block;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.screen_hide,caption{visibility:hidden;font-size:0;line-height:0;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.align_c{text-align:center;}

html,body{width:100%;height:100%;}

/* login */
#login_wrap{width:100%;padding-top:150px;}
#login_wrap .login{width:500px;height:300px;margin:0 auto;background:url(../images/identity.gif) repeat-x 100% 0;background-color:#f6f6f6;}
#login_wrap h1{ padding:20px 0 50px 20px;font-size:17px;font-weight:bold;}
#login_wrap .inner{margin-bottom:100px;}
#login_wrap .inner:after{content:"";display:block;clear:both;}
#login_wrap .inner div{float:left;width:220px;margin-left:100px;}
#login_wrap .inner div p{margin-bottom:5px;}
#login_wrap .inner div label{display:inline-block;width:60px;font-size:12px;color:#8a8989;}
#login_wrap .inner div input{ width:150px;height:18px;border:1px solid #9d9d9d;text-align:left;}
#login_wrap .inner .btn_login{float:left;width:80px;}
#login_wrap .inner .btn_login .btn3{width:70px;height:45px;line-height:45px;font-size:12px;}
#login_wrap .inner .btn3{width:70px;height:45px;line-height:45px;font-size:12px;}




/* wrap */
#wrap{width:100%;margin:0 auto;padding-top:4px;background:url(../images/identity.gif) repeat-x 100% 0;}

/* header */
#header{position:relative;width:100%;height:auto;}
#header:after{content:"";display:block;clear:both;}
.inner_top{width:100%;height:78px;
			background:#474e54;
			background:-ms-linear-gradient(top, #474e54 0%, #525a5d 100%);
			background:-moz-linear-gradient(top, #474e54 0%, #535b5e 100%);
			background:-webkit-linear-gradient(top, #474e54 0%, #535b5e 100%);
			background:-o-linear-gradient(top, #474e54 0%, #535b5e 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474e54',endColorstr='#535b5e',GradientType=0);
}
.inner_top h1{float:left;width:50%;font-size:32px;line-height:32px;margin:23px 0 0 39px;font-weight:900;color:#ffffff;}
.inner_top div{float:right;width:30%;margin:35px 39px 0 0;text-align:right;}
.inner_top div p span{padding-right:3px;font-size:11px;color:#d4dcdf;}
.inner_top div p .sp1 strong{ margin-right:5px;}
.inner_top div p .sp2 a{font-weight:bold;color:#d8bc1a;}

.inner_btm{width:100%;/* height:30px; */padding-top:3px;
			background:-ms-linear-gradient(top, #626a6d 0%, #6e787a 100%);
			background:-moz-linear-gradient(top, #626a6d 0%, #6e787a 100%);
			background:-webkit-linear-gradient(top, #626a6d 0%, #6e787a 100%);
			background:-o-linear-gradient(top, #626a6d 0%, #6e787a 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626a6d',endColorstr='#6e787a',GradientType=0);
}/* 20190503 height 삭제 */
.nav_btn{display:none;}
.nav ul.mainnav{ width:100%;/* height:52px; */margin-top:-2px;overflow: hidden;}/* 20190503 수정 */
.nav ul.mainnav li.mainli{position:relative;float:left;}
/* .nav ul.mainnav li.mainli:first-child{ margin-left:40px;} 20190503 삭제 */
.nav ul.mainnav li.mainli:first-child ul{width:100px;}
.nav ul.mainnav li a.list{display:inline-block;height:32px;line-height:32px;padding:0 25px;font-weight:bold;letter-spacing:2px;color:#ffffff;}
.nav ul.mainnav li a.list:hover{background:#7e858b;color:#000000;}
.nav ul.mainnav li a.list2{color:#AECDFF;}
.nav ul.mainnav li a.list3{color:#D5C2EE;}
.nav ul.mainnav li ul.subnav{z-index:1;position:absolute;top:27px;left:15px;overflow:hidden;display:none;width:70px;max-width:auto;height:18px;padding:3px 10px 0 10px;background-color:#d5d5d5;border:1px solid #d5d5d5;border-radius:10px;}
.nav ul.mainnav li ul.subnav2{width:225px;}
.nav ul.mainnav li ul.subnav3{width:190px;}
.nav ul.mainnav li ul.on{display:block;}
.nav ul.mainnav li ul.subnav li{float:left;margin-right:15px;}
.nav ul.mainnav li ul.subnav li:hover{font-weight:bold;}
.nav ul.mainnav li ul.subnav li.on{font-weight:bold;}

/* contents */
#container{background:-ms-linear-gradient(top, #f6f8f5 20%, #ecece4 80%);
			background:-moz-linear-gradient(top, #f6f8f5 0%, #ecece4 100%);
			background:-webkit-linear-gradient(top, #f6f8f5 0%, #ecece4 100%);
			background:-o-linear-gradient(top, #f6f8f5 0%, #ecece4 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f5',endColorstr='#ecece4',GradientType=0);
}
.contents{width:99%;height:auto;margin:0 auto;padding-top:30px;padding-bottom:50px;background:url(../images/slogun1.png) right bottom no-repeat;}
h3{margin-bottom:15px;border-bottom:1px solid #c9c8c3;font-size:15px;font-weight:bold;}

/* footer */
#footer{width:100%;height:40px;padding-top:20px;border-top:1px solid #d5d5d5;background:#545b61;font-size:11px;font-weight:normal;color:#b8ccd7;text-align:center;}

/* table */
.bg{background-color:#f6f6f6;}
.bg2{background-color:#FFFACD;border-width:thin}
.bg4{background-color:#DDDDDD;}
.bold{font-weight:bold;}
.red{color:red;}
.blue{color:blue;}
.white{color:white;}

.list_Type{ width:100%;margin-bottom:10px; border-collapse:separate;}
.list_Type tr:hover td{ background:#ecf3e9;}
.list_Type tr{text-align:center;}
.list_Type tr.bg td{background-color:#f6f6f6;}
.list_Type tr.bg1 td{background-color:#FFF5EE;}
.list_Type tr.bg2 td{background-color:#FFFACD;}
.list_Type tr.bg3 td{background-color:#B0E0E6;}
.list_Type tr.bg4 td{background-color:#E6B0B0;}
.list_Type tr.padding1 td{padding:1px 0 1px 0;}
.list_Type tr th{padding:3px 0;background-color:#4b5056;color:#ffffff;}
.list_Type tr th:first-child{ border-left:1px solid #4b5056;border-top-left-radius:6px; -webkit-border-top-left-radius:6px;}
.list_Type tr th:last-child{ border-right:1px solid #4b5056;border-top-right-radius:6px;}
.list_Type tr td{padding:7px 0 3px 0;border-bottom:1px dotted #eceaea;background:#ffffff;}
.list_Type tr td.money{text-align:right;padding-right:10px;}
.list_Type tr td.left{text-align:left;}
.list_Type tr td.bg1{background-color:#FFF5EE;}
.list_Type tr td.bg2{background-color:#FFFACD;}
.list_Type tr td.bg3{background-color:#B0E0E6;}
.list_Type tr td .readonly{background:#fff33f;}
.list_Type tr:last-child td:first-child{ border-left:1px solid #ffffff;border-bottom-left-radius:6px;}
.list_Type tr:last-child td:last-child{ border-right:1px solid #ffffff;border-bottom-right-radius:6px;}
.list_Type tr td a:link{color:#162bf5;}
.list_Type tr td a:active {color:#162bf5;}
.list_Type tr td a:visited{color:#162bf5;}
.list_Type tr td .inpu0{width:60px;height:16px;margin-right:5px;border:1px solid #858585;}
.list_Type tr td .inpu1{width:120px;height:16px;margin-right:5px;border:1px solid #858585;}
.list_Type tr td .inpu4{width:200px;height:16px;margin-right:5px;border:1px solid #858585;}
.list_Type tr td .center{text-align:center;}

.insert_Type{ width:100%;margin-bottom:20px; border-collapse:separate;}
.insert_Type tr th{padding:3px 0;border-bottom:1px dotted #6e787a;background-color:#4b5056;color:#ffffff;}
.insert_Type tr:first-child th{ border-top:1px solid #eceaea;border-top-left-radius:6px;}
.insert_Type tr:last-child th{ border-bottom:1px solid #eceaea;border-bottom-left-radius:6px;}
.insert_Type tr td{padding:7px 0 7px 7px;border-bottom:1px dotted #eceaea;background:#ffffff;text-align:left;}
.insert_Type tr:first-child td{ border-right:1px solid #ffffff;border-top-right-radius:6px;}
.insert_Type tr:last-child td{ border-right:1px solid #ffffff;border-bottom-right-radius:6px;}
.insert_Type tr td input{margin-right:5px;}
.insert_Type tr td .inpu0{width:60px;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .inpu1{width:80px;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .inpu2{width:70%;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .inpu3{width:95%;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .inpu4{width:200px;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .inpu5{width:400px;height:16px;margin-right:5px;border:1px solid #858585;}
.insert_Type tr td .readonly{background:#fff33f;}
.insert_Type tr td .align-right{text-align:right;}
.insert_Type tr td .tab{white-space: pre;}
.insert_Type tr td textarea{width:95%;height:150px;border:1px solid #858585;}
.insert_Type tr td select{height:18px;border:1px solid #858585;}
.insert_Type tr td p{margin-bottom:3px;}

.pop{width:300px;padding:10px;background:#ffffff;}

/* btn */
.line_both{padding:0 10px;}
.line_both:after{content:"";display:block;clear:both;}
.line_both .btn_lef{display:inline-block;float:left;margin-left:0;}
.line_both .btn_rig{display:inline-block;float:right;}

.btn {display:inline-block;width:auto;height:20px;margin-left:5px;line-height:20px;border:1px solid #b1b1b1;border-radius:5px;font-size:10.5px;text-align:center;
	  background: -o-linear-gradient(#ffffff,#f6f6f6);
	  background: -moz-linear-gradient(#ffffff,#f6f6f6);
	  background: -ms-linear-gradient(#ffffff,#f6f6f6);
	  background: -webkit-linear-gradient(#ffffff,#f6f6f6);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);
}
.btn a{display:inline-block;width:100%;height:100%;}
.btn input{width:100%;height:100%;border:none;background:transparent;font-size:10.5px;text-align:center;cursor:pointer;}
.btn1{width:60px;}
.btn2{width:25px;}
.btn3{width:100px;}
.btn4{width:50px;font-size:12px}
.cursor{cursor:pointer;}

/* paging */
.paging{margin:20px 0 10px 0;text-align:center;}
.paging a{display:inline-block;}
.paging a.num{margin:0 3px;}
.paging a.num:hover{color:#162bf5;text-decoration:underline;}


/* 640 */
@media all and (max-width:854px){
	#loginbody{ background-color:#f6f6f6;}
	#login_wrap{width:100%;padding-top:0;background:url(../images/identity.gif) repeat-x 100% 0;}
	#login_wrap .login{width:100%;height:350px;background:none;}
	#login_wrap h1{padding:2% 0 5% 5%;}
	#login_wrap .inner{margin-bottom:50px;}
	#login_wrap .inner div{width:100%;margin-left:0;}
	#login_wrap .inner div p{margin-bottom:5px;text-align:center;}
	#login_wrap .inner div label{display:inline-block;width:60px;font-size:12px;color:#8a8989;}
	#login_wrap .inner div input{ width:150px;height:18px;border:1px solid #9d9d9d;text-align:center;}
	#login_wrap .inner .btn_login{width:100%;margin-top:30px;text-align:center;}
	#login_wrap .inner .btn_login .btn3{width:70px;height:45px;line-height:45px;font-size:12px;}

/*
	.inner_top h1{width:30%;font-size:32px;line-height:22px;margin:13px 0 0 50px;}
*/
	.inner_top h1{width:35%;font-size:32px;line-height:22px;margin:13px 0 0 50px;}
	.inner_top div{width:30%;margin:22px 10px 0 0;}
	.inner_top div p{display:inline-block;}
	.inner_top div p .sp1{display:none;}

	.contents{background-size:45%;}
	#footer{height:30px;font-size:10px;}

	.inner_top{height:50px;}
	.inner_btm{height:auto;padding-top:0;background:none;}
	.nav{ overflow:hidden;position:none;display:none;width:100%;height:auto;padding-top:0;background-color:#dedede;border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 10px 15px -7px #737373;}
	.nav_btn{position:absolute;top:6px;left:6px;display:block;}
	.nav.on{display:block;}
	.nav ul.mainnav{ height:auto;text-align:center;}
	.nav ul.mainnav li.mainli:first-child{ margin-left:0px;}
	.nav ul.mainnav li.mainli{display:block;clear:both;width:100%;margin-left:0;font-size:14px;text-align:center;}
	.nav ul.mainnav li a.list{background:#626a6d;}
	.nav ul.mainnav li.mainli a{display:block;padding:10px 0;}
	.nav ul.mainnav li ul.subnav{ position:static;display:none;width:100%;height:auto;padding:0;background-color:#d5d5d5;border:none;border-radius:0;}
	.nav ul.mainnav li ul.subnav2{width:100%;}
	.nav ul.mainnav li ul.subnav3{width:100%;}
	.nav ul.mainnav li ul.on{display:block;}
	.nav ul.mainnav li ul.subnav li{clear:both;width:100%;padding:0;margin-right:0;text-align:center;}
	
	.list_Type tr td{padding:4px 0 2px 0;}

	.insert_Type tr td.marbtm input{margin-top:2px;}
	.insert_Type tr td textarea{width:90%;height:120px;}

	.btn1{width:40px;}

}
@media print{
	#header{display: none;}
	#footer{display: none;}
	.noprint{display: none;}
	.line_both{display: none;}
	body,h1,h2,h3,h4,h5,h6,th,td,input,textarea{font:9px 'Nanum Gothic','돋움',Dotum,sans-serif;color:#000000;}
	h3{margin-bottom:0px;}
	#wrap{padding-top:0px;}
	.contents{width:99%;height:auto;margin:0 auto;padding-top:5px;padding-bottom:5px;background:url(../images/slogun1.png) right bottom no-repeat;}	
	/*.list_Type tr td{padding:1px 0 2px 0;border-bottom:1px dotted #eceaea;background:#ffffff;}*/
	.list_Type tr td{padding:1px 2px 2px 2px;border-bottom:1px dotted #eceaea;}
	.list_Type4 tr td{padding:1px 2px 2px 2px;border:1px dotted #eceaea;}
/*
	.list_Type tr td:nth-child(even){padding:1px 0 2px 0;border-bottom:1px dotted #eceaea;background: #ddd;}
	.list_Type tr td:nth-child(odd){padding:1px 0 2px 0;border-bottom:1px dotted #eceaea;background: #fff;}
*/
}

/* 20200514 추가 */ 
/*
.list_Type2 {position:relative;}
.list_Type2 thead{position:absolute;display:table;top:0;width:100%;z-index:2}
.list_Type2 tbody{position:relative;}
.list_Type2 tbody:before{content:'';display:block;width:100%;height:24px;}
.list_Type2.head_fix thead{position:fixed;display:table;width:99%;}

.list_Type2 th:first-child,.list_Type2 td:first-child{width:18%}
.list_Type2 th:nth-child(2),.list_Type2 td:nth-child(2){width:18%}
.list_Type2 th:nth-child(3),.list_Type2 td:nth-child(3){width:24%}
.list_Type2 th:nth-child(4),.list_Type2 td:nth-child(4){width:15%}
.list_Type2 th:nth-child(5),.list_Type2 td:nth-child(5){width:14%}
.list_Type2 th:nth-child(6),.list_Type2 td:nth-child(6){width:14%}
*/
/*.list_Type.fix_head{position:fixed;top:0;width:99%;z-index:2;margin:0 auto;}*/
.list_Type.fix_head{position:fixed;top:0;z-index:2;margin:0 auto;}




.list_Type.dislinehover tr:hover td{ background:#fff; }
/* .list_Type .list_Type3 tr td:hover{ background:#ecf3e9; } */
.list_Type .list_Type3 tr td:hover{ background:#ecf3e9; }
.list_Type .list_Type3 tr th{border-right:1px dotted #eceaea;}
/* .list_Type .list_Type3 tr td{border-right:1px dotted #eceaea; position:relative; vertical-align: top;} */
.list_Type .list_Type3 tr td{border-right:1px dotted #eceaea; vertical-align: top;padding:10px;}
.list_Type .list_Type3 tr {height:100px}
/* .list_Type .list_Type3  tr td p:first-of-type{ text-align:left; position:absolute; top:0;left:0;padding:5px;} */
.list_Type .list_Type3  tr td { text-align:right; }
.list_Type .list_Type3  tr td p:first-of-type{ text-align:left; }