.servicePreparing {
  display: flex;
  justify-content: center;
  height: 300px;
  margin: 100px;
}

.market-container {
  margin-top---: 10px;
}
.market-container .market-flex-box-area {
  width: 1280px;
  margin: auto;
  padding-bottom: 200px;
}
.market-container .market-flex-box-area .market-title-area {
  padding-top: 113px;
  padding-bottom: 4px;
  font-family: "Noto Sans KR Medium", sans-serif;
  font-size: 30px;
}
.market-container .market-flex-box-area hr.line {
  display: block;
  width: 100%;
  border-width: 0;
  border-top: 1px solid #d6d6d6;
}
.market-container .market-flex-box-area .interface-area {
  margin-top: 50px;
}

.market-container
  .market-flex-box-area
  .interface-area
  .group-box-area
  .group-box {
  display: flex;
  border: 1px solid #d7d7d9;
  background: #f1f2f6;
}
.market-container
  .market-flex-box-area
  .interface-area
  .group-box-area
  .group-box
  .item {
  padding-top: 16px;
  padding-bottom: 15px;
  text-align: center;
  flex-basis: 50%;
  cursor: pointer;
}
.market-container
  .market-flex-box-area
  .interface-area
  .group-box-area
  .group-box
  .item.selected {
  background-color: #227ef6;
  color: #fff;
}
.market-container
  .market-flex-box-area
  .interface-area
  .group-box-area
  .group-box
  .item
  .group-name {
  font-family: "Noto Sans KR Regular", sans-serif;
  font-size: 18px;
}

.market-container
  .market-flex-box-area
  .interface-area
  .select-list-area
  .select-box
  .select-list {
  display: flex;
  flex-wrap: wrap;
  width: 1105px;
  margin-left: 175px;
  justify-content: flex-start;
  border: 1px solid #d6d6d6;
}
.market-container
  .market-flex-box-area
  .interface-area
  .select-list-area
  .select-box
  .select-list
  .item {
  padding: 18px 40px;
  cursor: pointer;
  width: calc(100% / 5);
  font-family: "Noto Sans KR Regular", sans-serif;
  font-size: 16px;
  text-align: center;
}
.market-container
  .market-flex-box-area
  .interface-area
  .select-list-area
  .select-box
  .select-list
  .item.bb1 {
  border-bottom: 1px solid #d6d6d6;
}
.market-container
  .market-flex-box-area
  .interface-area
  .select-list-area
  .select-box
  .select-list
  .item.selected {
  background: #f1f2f6;
  color: #227ef6;
  font-size: 16px;
}
.cateAndCom {
  position: absolute;
  width: 170px;
  height: 123px;
  display: flex;
  flex-direction: column;
}
.cate {
  height: 210px;
  display: flex;

  border: 1px solid #d6d6d6;
  justify-content: center;
  align-items: center;
  background: #f1f2f6;
  color: #000000;
  cursor: pointer;
}
.cate:hover {
  background-color: #227ef6;
  color: white;
}
.market-container
  .market-flex-box-area
  .interface-area
  .select-list-area
  .select-box
  .select-list
  .item:hover {
  background: #f1f2f6;
  color: #227ef6;
}
.market-container .market-flex-box-area .search-option-area {
  margin-top: 20px;
  border: 1px solid #d6d6d6;
  background-color: #f7f7f7;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .header
  .title {
  font-size: 16px;
  font-family: "Noto Sans KR Medium", sans-serif;
  padding: 12px 0 14px 23px;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content {
  margin: 0 0 10px 24px;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option {
  margin-right: 30px;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  select {
  border: 1px solid #d6d6d6;
  padding: 6px 25px 8px 11px;
  font-size: 14px;
  font-family: "Noto Sans KR Light", sans-serif;
  appearance: none;
  background-image: url(../../assets/img/arrow_filed.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 15px);
  background-position-y: center;
  cursor: pointer;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  select.base,
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  select.way {
  width: 160px;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  select.free {
  width: 200px;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  select.number {
  width: 140px;
}

.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .option
  .search_btn{
  
  width:130px;
  padding: 7px 0 6px 0;
  background-color:#0070a6; 
  margin-left:35px;
  color:#ffffff;
  text-align:center;
  font-size:15px;
  cursor:pointer;
  
}

.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .search
  input {
  border: 1px solid #d6d6d6;
  font-size: 14px;
  font-family: "Noto Sans KR Light", sans-serif;
  color: #272f35;
  background-image: url(../../assets/img/search_icon.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 14px);
  background-position-y: center;
  position----------------------: absolute;
  right----------------------: 24px;
  padding: 6px 35px 6px 9px;
  width: 270px;
}
.market-container
  .market-flex-box-area
  .search-option-area
  .search-option-box
  .content
  .search
  input:focus {
  background-image: none;
}
.market-container .market-flex-box-area .data-item-area {
  margin-top: 20px;
}
.market-container .market-flex-box-area .data-item-area .data-item-box {
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  padding-top: 31px;
  padding-bottom: 31px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .company-info-area {
  width: 220px;
  display: flex;
  padding: 0 30px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .company-info-area
  .company-logo-area {
  margin: auto;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .company-info-area
  .company-logo-area
  img {
  width: 160px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-info-area {
  padding-right: 30px;
  width: 877px;
  border-right: 1px solid #d6d6d6;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-info-area
  .data-title
  .title {
  font-size: 18px;
  font-family: "Noto Sans KR Medium", sans-serif;
  line-height: 16px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-info-area
  .data-content-area {
  padding-top: 17px;
  font-size: 14px;
  font-family: "Noto Sans KR Regular", sans-serif;
  color: #333;
  line-height: 24px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-info-area
  .footer-area {
  padding-top: 18px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-info-area
  .footer-area
  .company-name {
  font-size: 14px;
  font-family: "Noto Sans KR Regular", sans-serif;
  color: #7b7b7b;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area {
  padding-left: 20px;
  display: flex;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .data-right-area1 {
  margin: auto;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .tag-area
  .label-box
  span {
  font-size: 12px;
  color: #fff;
  font-family: "Noto Sans KR Light", sans-serif;
  display: inline-block;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .tag-area
  .free
  span {
  background-color: #118e46;
  padding: 1px 9px;
  margin-bottom: 8px;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .tag-area
  .not-free
  span {
  background-color: #f59c0d;
  padding: 1px 9px;
  margin-bottom: 8px;
}

/**
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .tag-area
  .format
  span {
  display: inline-block;
  background-color: #54ade0;
  padding: 1px 10px;
  margin-bottom: 38px;
}
**/
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .button-area
  button {
  font-family: "Noto Sans KR Light", sans-serif;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  font-size: 14px;
  padding: 6px 19px;
  cursor: pointer;
  color: #272f35;
  cursor: pointer;
}
.market-container
  .market-flex-box-area
  .data-item-area
  .data-item-box
  .data-right-area
  .button-area
  button:hover {
  background: #f1f2f6;
  color: #227ef6;
}
.market-container .market-flex-box-area .data-pagination {
  display: flex;
}
.market-container .market-flex-box-area .data-pagination ul {
  margin: auto;
  display: flex;
  padding-top: 40px;
}
.market-container .market-flex-box-area .data-pagination ul li {
  margin: 0 5px;
}
.market-container .market-flex-box-area .data-pagination ul li.prev a,
.market-container .market-flex-box-area .data-pagination ul li.next a {
  border: 1px solid #d6d6d6;
  background: #f1f2f6;
}
.market-container .market-flex-box-area .data-pagination ul li.prev a.disabled,
.market-container .market-flex-box-area .data-pagination ul li.next a.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
}
.market-container .market-flex-box-area .data-pagination ul li.prev a:hover,
.market-container .market-flex-box-area .data-pagination ul li.next a:hover {
  background: #d6d6d6;
  color: #333;
}
.market-container .market-flex-box-area .data-pagination ul li.prev {
  margin-right: 14px;
}
.market-container .market-flex-box-area .data-pagination ul li.next {
  margin-left: 14px;
}
.market-container .market-flex-box-area .data-pagination ul li a {
  width: 35px;
  height: 35px;
  display: flex;
  font-size: 14px;
  font-family: "Open Sans Semi Bold", sans-serif;
  color: #333;
  cursor: pointer;
  border: 1px solid #e7e7e7;
}

.market-container .market-flex-box-area .data-pagination ul li a i{
   color:#5f5f5f;
}

 

.market-container .market-flex-box-area .data-pagination ul li a.selected {
  background-color: #227ef6;
  color: #fff;
  cursor: default;
  pointer-events: none;
}
.market-container .market-flex-box-area .data-pagination ul li a:hover {
  background-color: #227ef6;
  color: #fff;
}
.market-container .market-flex-box-area .data-pagination ul li a span {
  margin: auto;
  display: block;
}



.filetype10 span{
	display: inline-block;
	background-color: #54ade0;
	padding: 1px 10px;
	margin-bottom: 15px;
} 





.filetype15 span.filetype_csv{
	display: inline-block;
	background-color: #4cb050;
	color:#ffffff;
	font-weight:bold;	
	padding: 1px 10px;
	margin-bottom: 15px;
} 

.filetype15 span.filetype_json{
	display: inline-block;
	background-color: #0069be;
	color:#ffffff;
	font-weight:bold;	
	padding: 1px 10px;
	margin-bottom: 15px;
} 


.filetype15 span.filetype_xml{
	display: inline-block;
	background-color: #566fb2;
	color:#ffffff;
	font-weight:bold;	
	padding: 1px 10px;
	margin-bottom: 15px;
} 

.filetype15 span.filetype_json_xml{
	display: inline-block;
	background-color: #f79300;
	color:#ffffff;
	font-weight:bold;	
	padding: 1px 10px;
	margin-bottom: 15px;
} 

.filetype15 span.filetype_filedata{
	display: inline-block;
	background-color: #ffffff;
	color:#de8905 !important;
	font-weight:normal;	
	border:1px solid #de8905;
	padding: 1px 10px;
	margin-bottom: 15px;
} 

.filetype15 span.filetype_openapi{
	display: inline-block;
	background-color: #ffffff;
	color:#ca0219 !important;
	font-weight:normal;	
	border:1px solid #ca0219;
	padding: 1px 10px;
	margin-bottom: 15px;
} 



/** marget list ****/

.market_list .version_group_block a {
	   color:#333;
}

.market_list .version_group_block{
       display: flex; width:100%;
}

.market_list .version_group_block .item,
.market_list .version_group_block .item:hover a{ 
	   padding:16px 0;
	   text-align: center;
	   flex-basis:50%;
	   cursor: pointer;
       border: 1px solid #d7d7d9;
	   background-color:#f1f2f6;
       font-family: 'Noto Sans KR Regular', sans-serif;
       font-size: 18px;

}


.market_list .version_group_block #item_selected, 
.market_list .version_group_block #item_selected a{
       background: #217ef7; color:#ffffff;
 }



/**  카테고리및 기업 선택  **/



.market_list .mcate{
        display: flex; 
		flex-direction: row; 
		flex-wrap:wrap; 
}

.market_list .mcate .category_title{
	  width:14.5%; 
	  margin-right:0.5%;
	  background-color:yellow; 
	  text-align:center;   
	  display: flex; 
	  flex-direction: column; 
	  justify-content: center;
	  background: #f1f2f6;
	  color: #000000;
	  border:1px solid #d6d6d6;
 }

.market_list .mcate .category_list{  
     width:85%; 
}

.market_list .mcate .category_list a{ 
       color:#333;
}

.market_list .mcate .category_list .cate_item_box{ 
	border:1px solid #d6d6d6; 
	display: flex; 
	flex-direction: row; 
	flex-wrap:wrap;
}

.market_list .mcate .category_list .cate_item{ 
	width:20%; 
	text-align:center; 
	padding: 18px 40px; 
	cursor: pointer; 
	font-family: "Noto Sans KR Regular", sans-serif; 
	font-size: 16px;
}

.market_list .mcate .category_list .cate_item:hover{ 
   background: #f1f2f6; 
   color: #227ef6; 
}


.market_list .mcate .category_list .cate_item a{display:block; height:100%; width:100%;}
.market_list .mcate .category_list .cate_item a:hover{ background: #f1f2f6; color: #227ef6;}



.market_list .mcate .category_list .selected{ 
    background: #f1f2f6 !important; 
}
.market_list .mcate .category_list .selected a{ 
   color: #227ef6 ; font-weight:600;
}




.market_list .write_btn_block {
    text-align:center; margin-top:20px;
}

.market_list .write_btn    {
       padding:10px 20px;
	   background-color:#0080ff; 
	   color:#ffffff; 
	   width:100px; 
	   font-size:15px; 
	   text-align:center;
	   display:inline-block;
}

.market_list .list_imgfile {
      width:160px;
}

.market_list .sub_item_block{
      display: flex;
}

.market_list .sub_item_block .sub_item_box{
       width:60%; 
	   font-size:13px;
}

.market_list .sub_item_block .sub_item_box .sub_item_title{
        font-weight:bold; font-size:14px;
}

.market_list .sub_item_block .edit_btn_block{
       width:40%; text-align:right;padding:10px 10px 0 0
}

.market_list .edit_btn{ 
        padding:5px 0px;
		background-color:#0080ff; 
		color:#ffffff; 
		width:60px; 
		font-size:15px; 
		text-align:center;
		display:inline-block;
}
.market_list .del_btn { 
         padding:5px 0px;
		 background-color:#8a0000; 
		 color:#ffffff; 
		 width:60px; 
		 font-size:15px; 
		 text-align:center;
		 display:inline-block;
}





/** marget write ****/
.write_form .form-type {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	
}	

.write_form .form_box{
     width:80%; 
	 padding:10px 20px; 
	 border:1px solid #c0c0c0; 
	 margin:0 auto; 
	 margin-top: 50px;
}

.write_form .form_row{
     display: flex; 
	 height:auto; 
	 justify-content:center;
}

.write_form .form_row .item1{
       width:20%; padding:10px; 
	   padding:1.2rem; 
	   font-family: "Noto Sans KR Regular", sans-serif; 
	   font-size: 16px; 
	   border-bottom:1px dashed #dadada; 
	   font-weight:500; 
	   color:#262626;
}
.write_form .form_row .item2{
        width:60%; padding:10px; 
		border-bottom:1px  dashed #dadada; 
		font-family: "Noto Sans KR Regular", sans-serif; 
		font-size: 16px; 
		line-height:36px;
}

.write_form .sbtn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.write_form .btn_blue   { 
     color: #fff; 
	 background-color: #0d6efd;  
	 border-color: #0d6efd; 
 }

.write_form .btn_black { 
      color: #fff; 
	  background-color: #313131;  
	  border-color: #313131;
}

.write_form .btn_block{
       padding:20px 0 30px 0; 
	   text-align:center;
}





#myIframeID{border:0 solid;}


#category_title{
	 display:flex; flex-direction:column; 
	 text-align:center;
	 width:14.5%; margin-right:0.5%;
}
#category_title #select_item_title1, 
 #category_title #select_item_title2 {  
	display:flex; 
	justify-content: center;  
	align-items: center;
	border:1px solid #b9b9b9; 
	height:50%; 	
	background-color:#f1f2f6;
 }


#category_title #select_item_title1:hover, 
#category_title #select_item_title2:hover{
      background-color:#0080ff; 
	  color:#ffffff; 
	  height:50%;
}