.mainContainer_wr {
  padding: 0;

}

#hotKeyword {
  margin-top: 50px;
}

.mainContainer_wr .hd_sch_wr {
  margin-left: -180px;
}

/*서치바*/
.hd_sch_wr {
  display: none;
}


.flex_c {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}



.sub_glb_tit{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  font-size: 36px;
  font-weight: 500;
  font-family: 'Noto Sans KR';
}



/*tab
.bo_dataShare{
  margin-top:50px;
}
.bo_dataShare>#tab {
  position: relative;
  height:2500px;
  margin: 0 auto;
}

.bo_dataShare>#tab>ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bo_dataShare>#tab>ul:after {
  content: '';
  display: block;
  clear: both;
}

.bo_dataShare>#tab>ul>li {
  float: left;
  flex: 1;
}
.bo_dataShare>#tab>ul>li.on{
  z-index: 2;
}

.bo_dataShare>#tab>ul>li>a {
  display: block;
  height: 55px;
  border: 1px solid #e2e1e2;
  margin-right:-1px;
  border-bottom: none;
  font: bold 13px/55px 'arial';
  color: #373737;
  text-align: center;
  box-sizing: border-box;
  background: #fcfcfc
}

.bo_dataShare>#tab>ul>li.on>a {
  border: 1px solid #a3a3a3;
  border-top: solid 5px #afc8fd;
  border-bottom: none;
  background: #fff;
  font-size: 16px;
  color: #9c57f5;
}

.bo_dataShare>#tab>div {
  position: absolute;
  top: 50px;
  opacity: 0;
  width: 100%;
  background-size: contain;
}

.bo_dataShare>#tab>div h2 span {
  display: none;
}

.bo_dataShare>#tab>div.on {
  opacity: 1;
  z-index: 1;
  transition: all 1s;
}
*/
.bo_dataShare>#tab>div.on {
	margin-top:0;
}
.bo_dataShare>#tab>div{
	border: solid 1px #d4d4d4;
	border-width:0 1px 1px 1px;
}

.bo_dataShare>#tab>ul {
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;	
}
.box article{
  margin-bottom: 40px;
}
.box article:nth-child(1) {
padding-top:50px;
}
.box article ul>li{
	margin-bottom:10px;
}
.box article ul>li:before{
	content: '';
	display:inline-block;
	background:#e0e0e0;
	width:5px;height:5px;
	margin:-2px 5px 0 0;
	border-radius: 50%;
}
.box article ol {
	list-style:decimal;
	margin-left:30px;
	line-height: 2;
}

/*--------------------- license_table ---------------------*/
main{
  width: 100%;
  padding: 0px 50px;
}
.license_table table{
  border:#e1e1e1;
  border-collapse:collapse;border-spacing:0;
  width:100%;
  height:100%;
}

.license_table thead{
  text-align: center;
  color:#7a7a7a;
  background:#f5f5f5;
}
.license_table table th{
  border-color:#e1e1e1;
  border-style:solid;
  border-width:1px;
  font-size:14px;
  font-weight:normal;
  overflow:hidden;
  padding:10px 5px;
  word-break:normal;
  background:#f5f5f5;
  font-weight: bold;
}

.license_table table td{
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  font-size: 14px;
  overflow: hidden;
  padding: 25px 15px;
  word-break: normal;
  line-height: 20px;
  width: 20%;
  line-height: 25px;
  letter-spacing: -0.5px;
}

.license_table p{
  text-align: right
}


.listBanner li .logoBox {background: url(../img/sample/logos.jpg) -2% center /cover no-repeat; }

.listBanner li:nth-child(2) .logoBox { background-position: 23%;}
.listBanner li:nth-child(3) .logoBox { background-position: 48%;}
.listBanner li:nth-child(4) .logoBox {background-position: 73%;}
.listBanner li:nth-child(5) .logoBox {background-position: 98%;}
.listBanner li:nth-child(6) .logoBox { background-position: 48%;}
.listBanner li:nth-child(7) .logoBox { background-position: 73%;}
.listBanner li:nth-child(8) .logoBox {background-position: 98%;}
.listBanner li:nth-child(10) .logoBox { background-position: 23%;}

.listBanner li .name {font-size: 17px;}
.listBanner li p {font-size: 14px;line-height: 20px;height: 24px;}
.listBanner li .date {font-size: 11px;}

.hot_license_wrap{
  position: relative;
  width: 100%;
  height: 100%;
  padding: 60px 40px 40px 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background:#f2f2f9;
}
.hot_license_wrap .tit em{
  border-color:#a5a5c3;
}

.hot_box{
  flex:1;
  padding:0 30px;
}
.hot_box ul{
  position: relative;
  width: 100%;
  height: 100%;
}

.hot_box ul li{
  position: relative;
  background: #fff;
  margin-bottom: 5px;
  padding: 20px;
  font-weight: bold;
  border-radius: 10px;
  box-shadow: 3px 10px 10px rgb(0 ,0, 0,0.1);
  padding-left:70px;
}
.hot_box ul li::after{
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  width: 10px;
  height: 10px;
  top: 50%;
  background: url(../img/common/arr_p.png)no-repeat center center /contain;
  transform: translateY(-50%);
}
.hot_box ul li:nth-child(-n+3)::before{
  position: absolute;
  content:'';
  display: block;
  width:40px;
  top:25%;
  height: 33px;
  right:55px;
}

.hot_box ul li:nth-child(1)::before{
  background:url(../img/sub/1.png)no-repeat center center /cover;
}
.hot_box ul li:nth-child(2)::before{
  background:url(../img/sub/2.png)no-repeat center center /cover;
}
.hot_box ul li:nth-child(3)::before{
  background:url(../img/sub/3.png)no-repeat center center /cover;
}
.hot_box ul li em{
  position: absolute;
  width: 35px;
  height: 35px;
  top: 50%;
  left: 0;
  transform: translate(-50%,-50%);
  text-align: center;
  line-height: 35px;
  color: #fff;
  background: #9c57f5;
  font-style: normal;
  font-size: 15px;
  padding-left: 10px;
}

.hot_box ul li em::before{
  border-bottom: 19px solid #9c57f5;
  border-left: 18px solid transparent;
  border-right: 18.5px solid transparent;
  content: "";
  height: 0;
  right: -17px;
  position: absolute;
  top: 22%;
  width: 0;
  transform: rotate( 90deg)translate(0,-50%);
  border-radius: 5px;
}
.hot_box ul li:nth-child(1n+4) em{
  background:#a0a0a0;
}
.hot_box ul li:nth-child(1n+4) em::before
{
  border-bottom-color:#a0a0a0;
}