<style>
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
html{
	overflow-y:scroll;
	
}
*:focus{
	outline: none;
}
BODY    
{   
	font-family:"Noto Sans KR",sans-serif;
    FONT-SIZE: 14px;
	color:"#3C3C3C";
	min-width:1200px;
}   

TABLE
{
	font-family:"Noto Sans KR",sans-serif;
    FONT-SIZE: 14px;
    font-color:"#3C3C3C"
}
.topline
{
border-top-width:2;
border-top-color:#CCCCCA;
border-top-style:solid;
}
.bottomline
{
border-bottom-width:1;
border-bottom-color:#CCCCCA;
border-bottom-style:solid
}
.bline
{
border-bottom-width:2;
border-bottom-color:#729B88;
border-bottom-style:solid
}
.tableclass {
	border-top: #dae1e6 2px solid;   border-collapse: collapse;
	border-bottom: #dae1e6 2px solid;   border-collapse: collapse;
}
.tableclass td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 3px; 
	padding-top:    3px; 
	padding-left:   3px; 
	padding-right:  3px; 
}
.tableclass td.bline
{
	border-bottom: #818182 1px solid; 
}
 
.tbline2
{
border-top-width:1;
border-top-color:#dae1e6;
border-top-style:solid;
}
.bbline2
{
border-bottom-width:1;
border-bottom-color:#dae1e6;
border-bottom-style:solid;
}

.tableclasstin {
	border-top: #dae1e6 1px solid;   border-collapse: collapse;
	border-bottom: #dae1e6 1px solid;   border-collapse: collapse;
}
.tableclasstin td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 3px; 
	padding-top:    3px; 
	padding-left:   3px; 
	padding-right:  3px; 
}
.tableclasstin0 {
	border-top: #dae1e6 1px solid;   border-collapse: collapse;
	border-bottom: #dae1e6 1px solid;   border-collapse: collapse;
}
.tableclasstin0 td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 0px; 
	padding-top:    3px; 
	padding-left:   0px; 
	padding-right:  0px; 
}
.tableclasstin01 {
	border-top: #dae1e6 0px solid;   border-collapse: collapse;
	border-bottom: #dae1e6 1px solid;   border-collapse: collapse;
}
.tableclasstin01 td {
	border-top:   #dae1e6 0px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
}

.tableclass1 {
	border-top: #dae1e6 2px solid;   border-collapse: collapse;
	border-bottom: #dae1e6 2px solid;   border-collapse: collapse;
}
.tableclass1 td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 1px; 
	padding-top:    1px; 
	padding-left:   1px; 
	padding-right:  1px; 
}

.tableclass2 {
	border-top: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
	border-bottom: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
}
.tableclass2 td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
} 
.tableclass2 td.bline22
{
	border-bottom: #dae1e6 1px solid; 
}
.tableclass3 {
	border-top: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
	border-bottom: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
}
.tableclass3 td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   10px; 
	padding-right:  0px; 
} 

.bunsuk2main td.bline2
{
	border-bottom: #555555 1px solid; 
}
.tableclasssang {
	border-top: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
	border-bottom: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
}
.tableclasssang td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 4px; 
	padding-top:    6px; 
	padding-left:   10px; 
	padding-right:  5px; 
}
.tableclass9 {
	WIDTH: 100%; border-collapse: collapse;
	WIDTH: 100%; border-collapse: collapse;
}
.tableclass9 td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-top:    4px; 
	padding-bottom:    2px; 
}

.tableclasst {
	border-top: #dae1e6 2px solid; WIDTH: 100%; border-collapse: collapse;
	border-bottom: #dae1e6 1px solid; WIDTH: 100%; border-collapse: collapse;
}
.tableclasst td {
	border-top:   #dae1e6 1px solid; 
	border-left:  #dae1e6 1px solid; 
	border-right: #dae1e6 1px solid; 
	border-bottom:#dae1e6 1px solid; 
	padding-bottom: 2px; 
	padding-top:    3px; 
}
.tableclasstt {
	border-top: #555555 2px solid; border-collapse: collapse;
	border-bottom: #555555 2px solid;  border-collapse: collapse;
}
.tableclasstt td {
	border-top:   #aaaaac 1px solid; 
	border-left:  #aaaaac 1px solid; 
	border-right: #aaaaac 1px solid; 
	border-bottom:#aaaaac 1px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
}
.tableclassnon {
}
.tableclassnon td {
	border-top:   #dae1e6 0px solid; 
	border-left:  #dae1e6 0px solid; 
	border-right: #dae1e6 0px solid; 
	border-bottom:#dae1e6 0px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
}
.tablesubclass {
	border-top: #555551 1px solid;   border-collapse: collapse;
	border-bottom: #555551 1px solid;  border-collapse: collapse;
}
.tablesubclass td {
	border-top:   #aaaaac 1px solid; 
	border-left:  #aaaaac 1px solid; 
	border-right: #aaaaac 1px solid; 
	border-bottom:#aaaaac 1px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
}

A.linkclass:link {
	COLOR: #316BE6; text-decoration: none
}
A.linkclass:active {
	COLOR: #A54400; text-decoration: none
}
A.linkclass:visited {
	COLOR: #800080; text-decoration: none
}

A.linktmenuclass:link {
	COLOR: #316BE6; text-decoration: none
}
A.linktmenuclass:active {
	COLOR: #A54400; text-decoration: none
}
A.linktmenuclass:visited {
	COLOR: #800080; text-decoration: none
}
A.linktmenuclass:hover {
	COLOR: #A54400; text-decoration: none
}



A.linklmenuclass:link {
	COLOR: #3C3C3C; text-decoration: none
}
A.linklmenuclass:active {
	COLOR: #3C3C3C; text-decoration: none
}
A.linklmenuclass:visited {
	COLOR: #3C3C3C; text-decoration: none
}
A.linklmenuclass:hover {
	COLOR: #3C3C3C; text-decoration: none
}



A.searchmenulink:link {
	COLOR: #316BE6; text-decoration: none
}
A.searchmenulink:active {
	COLOR: #A54400; text-decoration: none
}
A.searchmenulink:visited {
	COLOR: #800080; text-decoration: none
}
A.searchmenulink:hover {
	COLOR: #A54400; text-decoration: none
}



A.searchmoreclass:link {
	COLOR: #316BE6; text-decoration: none
}
A.searchmoreclass:active {
	COLOR: #A54400; text-decoration: none
}
A.searchmoreclass:visited {
	COLOR: #800080; text-decoration: none
}
A.searchmoreclass:hover {
	COLOR: #A54400; text-decoration: none
}


A.linkfileclass:link {
	COLOR: #316BE6; text-decoration: none
}
A.linkfileclass:active {
	COLOR: #A54400; text-decoration: none
}
A.linkfileclass:visited {
	COLOR: #800080; text-decoration: none
}
A.linkfileclass:hover {
	COLOR: #A54400; text-decoration: none
}


.bgcolortitle1 {
	background-color:#F1F1F2;
}

.bgcolortitle2 {
	background-color:#F1F1F2;
}


.bgcolorleft1 {
	background-color:#F8F8F9;
}


.bgcolorline1 {
	background-color:#FFFFFF;
}

.bgcolorline2 {
	background-color:#FDFDFE;
}


.bgcolortitle3 {
	background-color:#F1F1F2;
}


.bgcolorleftm1 {
	background-color:#FFFFFF;
	
	border-top-width:1;
	border-top-color:#dae1e6;
	border-top-style:solid;	
	border-bottom-width:1;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid;	
}

.bgcolorleftm2 {
	background-color:#E7E8F1;

	border-top-width:1;
	border-top-color:#dae1e6;
	border-top-style:solid;	
	border-bottom-width:1;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid;
}

.linetitlecolor
{
	border-top-width:2;
	border-top-color:#dae1e6;
	border-top-style:solid;
	
	border-bottom-width:1;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid
}

.linecolor1
{
	border-bottom-width:1;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid;
} 
 
.linecolor2
{
	border-bottom-width:1;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid
} 


 
.boxlinecolor
{
	border-top-width:2;
	border-top-color:#dae1e6;
	border-top-style:solid;
	
	border-bottom-width:2;
	border-bottom-color:#dae1e6;
	border-bottom-style:solid;
	
	border-left-width:1;
	border-left-color:#dae1e6;
	border-left-style:solid;
	
	border-right-width:1;
	border-right-color:#dae1e6;
	border-right-style:solid;
}
.tableclassnon td {
	border-top:   #dae1e6 0px solid; 
	border-left:  #dae1e6 0px solid; 
	border-right: #dae1e6 0px solid; 
	border-bottom:#dae1e6 0px solid; 
	padding-bottom: 0px; 
	padding-top:    0px; 
	padding-left:   0px; 
	padding-right:  0px; 
}
.boxclass {
	border-top: #DAE1E6 1px solid;   border-collapse: collapse;
	border-bottom: #DAE1E6 1px solid;   border-collapse: collapse;
	border-left: #DAE1E6 1px solid;   border-collapse: collapse;
	border-right: #DAE1E6 1px solid;   border-collapse: collapse;
}
.boxclass {
	border: #DAE1E6 1px solid;  
	padding:30px;
}
.boxclass td{
	color:#585858;
}
.grbox{
	height:50px;
  width:127px;
	margin:0 0 0 0;
	text-align:center;
	background: rgb(114,224,155);
	background: linear-gradient(180deg, rgba(114,224,155,1) 0%, rgba(43,162,63,1) 100%);
	border-radius:5px;
	color:#ffffff;
	line-height:50px;
	font-size:14px;
	font-weight:bold;
}


input:focus {
	height:21;
	font-size:12px; 
	outline: none;
	border:1px solid #767676;
}
/* input[type="text"], input[type="password"], input[type="readonly"], select{
	height:21;
	font-size:12px; 
	border:1px solid #BEBFC4;
} */
select {
	height:21;
	font-size:12px; 
}
a,a:hover,a:visited{
	text-decoration:none;
	color:#000000;
}
.resquick_content > a {
    border: 1px solid #dae1e6;
    padding: 4% 13%;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.resquick_content > a:after {
    content: "";
    width: 0%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #dae1e6;
}
.resquick_content > a:hover {
    color: #333;
}
.resquick_content > a:hover:after {
    width: 100%;
    z-index: -1;
}
.navi{
	width: 170px;
	cursor: pointer;
	background-color: #3175b8;
	color: #ffffff;
	float: left;
	font-size: 18px;
	/* letter-spacing: 0.5; */
	text-align:center;
	padding:8px 0;
	height: 48px;
	line-height: 31px;
	box-sizing: border-box;
	margin-top:4px;
}
.navi:hover{
	color:#ffffff;
}
.mkeword_wrapper{
	position:relative;
}
/* #mkeword{
	background-color:#F7F5FD;
	font-size:14px;
	color:#333335;
	width:200px;
	height:30px;
	border-radius: 25px;
	padding:0 18px;
	border:0px solid;
	ime-mode:active;
}
#mkeword::placeholder{
	font-size:13px;
}
.mkeword_wrapper svg{
	position: absolute;
	color:#3175b8;
	top:5px;
	right:15px;
	font-size:17px
} */
button{
	cursor:pointer;
}
::placeholder{
	font-weight:normal;
	padding:0;
	font-size:12px;
}
.loginBtn{
	width:55px;
	height:20px;
	background-color:#70a9f0;
	border-radius:3px;
	color:#ffffff;
	border:none;
	font-weight:bold;
}
.searchBtn{
	width:25px;
	height:26px;
	background-color:#70a9f0;
	border:none;
}
.dvline{
	border-bottom:1px solid #dae1e6;
}
.icon{
  color:#adadad;margin-right:8px;margin-top:5px;
}
.icon2{
	color:#adadad;margin:0;padding:0;
	cursor: pointer;
}
.txt_bold{
	font-weight: bold;
	font-family:sans-serif;
	color:#858585;
	font-size:14px;
}
.list{
	width:76%;
}
.list th{
	text-indent: 0;
	font-weight:normal;
	text-align:left;
	height:36px;
}
.list td{
	height:24px;
	text-indent: 5px;
	color:#858585;
}
.txt_title{
	height:30px;
	background-color:#f1f1f2;
	text-align:center;
	width:156px;
	margin:5px auto 8px auto;
	line-height:30px;
	border-radius: 4px;
	color:#3C3C3C;
	font-family:sans-serif;
	font-weight:bold;
}
.blueColor{
	color:#316be6 !important;
}
.title{
	font-size:18px;
	font-weight:bold;
	color:#585858;
	font-family: 'Jeju Myeongjo', serif;
}
.innerbox2{
	font-size:16px;
	color:#585858;
	font-family: 'Iropke Batang', serif;
}

.footer_wrapper {
	margin: 100px auto 0;
	background-color: #31373f;
  }
  .footer_content {
	max-width: 1300px;
	margin: 0 auto;
	padding: 50px;
	display: flex;
  }
  .footer_bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
  }
  .footer_bottom_left {
	display: flex;
	flex-direction: column;
  }
  .footer_bottom_logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #bdbdbd;
	font-size: 14px;
  }
  .footer_bottom_logo span {
	padding: 0 8px;
  }
  .footer_bottom_info {
	color: #bdbdbd;
	font-size: 14px;
	margin-top: 20px;
  }
  .footer_bottom_right span {
	padding: 0 8px;
  }
  .footer_bottom_right span img {
	cursor: pointer;
  }
  .top_btn {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding: 10px;
	text-align: center;
	position: fixed;
	bottom: 50px;
	right: 50px;
	border: 1px solid #dae1e6;
	background-color: #ffffff;
	cursor: pointer;
  }

input[type=checkbox] + label span{
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #7d7d7d;
  cursor: pointer;
  position: relative;
  top: 2px;
  background-color:#fff;
  z-index: 0;
}
input[type=checkbox]:checked + label span{
  background-color: #5d9de8;
  border: 1px solid #5d9de8;
  background-image: url("/image/newmain/check.png");
  background-size: 20px 20px;
  background-position: center center;
}
input[type=checkbox]:disabled + label span{
  background-color: #d9dff0;
  cursor:not-allowed;
}


.boldsans{	font-family:sans-serif;}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 30px;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  cursor: pointer;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #70a9f0 !important;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #ffffff !important;
  cursor: default;
  background-color: #70a9f0;
  border-color: #70a9f0;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.stabs {
  display: flex;
  /* border-bottom: 1px solid #dae1e6; */
  position: relative;
  top: 0px;
  left: 5px;
  margin-right: 25px;
}
.stab {
  cursor: pointer;
  padding: 2px 10px;
  border: 1px solid #ccc;
  border-bottom: none;
  margin-right: 0px;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
}
.stab.active
 {
  background: rgb(229, 234, 245);
  background: linear-gradient(
    162deg,
    rgba(229, 234, 245, 1) 6%,
    rgba(245, 246, 251, 1) 51%,
    rgba(229, 234, 245, 1) 100%
  );
  border: 1px solid #5d9de8;
  border-bottom: 1px solid #dae1e6;
}

.navigate_table{
  width:100%;table-layout:fixed;border-collapse:collapse;height:50px;
}
.navigate_table td{
  border:1px solid #dae1e6;text-align:center;
}
.active{
  background-color:#3175B8;
}
.active a{color:#ffffff;}

select[name="itemcode"],
select[name="gugunname"],
select[name="jiyukcode"],
select[name="upjongcode"],
select[name="yeargubun"],
select[name="baljucheocode"],
select[name="contgubun"],
select[name="dateselect"],
select[name="keyfield"]{
  height:23px;
  border:1px solid #e1e1e1;
  vertical-align:center;
  border-radius:4px;
  font-size:12px;
  margin-right:5px;
}
input[name="dateyymmdd1"],
input[name="dateyymmdd2"],
input[name="keyword"]{
  height:23px;
  border:1px solid #e1e1e1;
  vertical-align:center;
  border-radius:4px;
  font-size:12px;
}
.search_btn{
  height: 23px;
  font-size: 13px;
  line-height: 21px;
  cursor: pointer;
  font-family: "돋움";  
  display: flex;
  align-items: center;
  color: #000000;
  border-radius: 2px;
  padding: 2px 7px;
  border: 1px solid #9DA1AA;
  background: #e9f0fe;
  background: linear-gradient(180deg, rgba(227,229,237,1) 0%, rgba(239,241,247,1) 48%, rgba(211,216,232,1) 100%);
}
.search_btn:hover {
  background: rgb(239,241,247);
  background: linear-gradient(180deg, rgba(239,241,247,1) 0%, rgba(211,216,232,1) 100%);
}
.grayBtn{
  height: 21px;
  font-size: 13px;
  line-height: 21px;
  cursor: pointer;
  font-family: "돋움";  
  display: flex;
  align-items: center;
  color: #000000;
  border-radius: 2px;
  padding: 2px 7px;
  border: 1px solid #9DA1AA;
  background: #e9f0fe;
  background: linear-gradient(180deg, rgba(227,229,237,1) 0%, rgba(239,241,247,1) 48%, rgba(211,216,232,1) 100%);
}
.grayBtn:hover{
  background: rgb(239,241,247);
  background: linear-gradient(180deg, rgba(239,241,247,1) 0%, rgba(211,216,232,1) 100%);
}
.twoway_btn {
  background-color: #3175b8;
  color: #ffffff;
  font-size: 13px;
  border-radius: 23px;
  border: none;
  width: 150px;
  height: 26px;
  margin-top: 0px;
  transition: all 0.3s ease;
}

.twoway_btn:hover {
  transform: translateY(-1px);
}
</style>

