@charset "UTF-8";

/* ---------------------------------------------------- */
/* license */
/* ---------------------------------------------------- */
.license_txtbox {
  padding: 35px 0;
}
.license_txtbox p {
	margin-bottom: 0;
}
.license_txtbox.center h3, .license_txtbox.center p {
  text-align: center;
}
.license_txtbox.gray {
  background-color: var(--color-bgGray);
  padding-left: 45px;
  padding-right: 45px;
  border-radius: var(--border-radius);
}
.license_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  padding-bottom: 35px;
  margin-bottom: 0;
}
.license_list > li {
  position: relative;
  padding: 125px 5px 25px 5px;
  line-height: 1.5;
  text-align: center;
  font-family: var(--font-bold);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.license_list.old > li {
	width: 20%;
}
.license_list > li > span {
  display: block;
  width: 100%;
  color: var(--color-midGray);
}
.license_list > li > .license_icon {
  position: absolute;
  display: inline-block;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-image: url("/cloud/resources/image/utility/re/license_icon_sprites_new.png");
  width: 100px; 
  height: 100px;
}
.license_list > li > .license_icon.ic_media,
.license_list > li > .license_icon.ic_cibi {
	top: 35px;
}
.ic_document {
	background-position: -370px -10px;
}
.ic_print {
	background-position: -130px -130px;
}
.ic_web {
	background-position: -10px -250px;
}
.ic_ad {
	background-position: -10px -10px;
}
.ic_media {
	background-position: -130px -250px;
}
.license_list > li > .license_icon.ic_software {
	left: calc(50% + 9px);
	background-position: -250px -10px;
}
.ic_epub {
	background-position: -250px -130px;
}
.ic_cibi {
	background-position: -10px -130px;
}
.ic_product {
	background-position: -250px -250px;
}
.ic_webfont {
	background-position: -130px -10px;
}
@media screen and (min-width: 1000px) {
  .license_list.old > li:nth-child(-n+5) {
    border-bottom: 1px solid var(--color-lineGray);
  }
  .license_list.old > li:not(:nth-child(5n)) {
    border-right: 1px solid var(--color-lineGray);
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .license_list.old > li {
    width: 33.33%;
  }
  .license_list.old > li:nth-child(-n+9) {
    border-bottom: 1px solid var(--color-lineGray);
  }
  .license_list.old > li:not(:nth-child(3n)) {
    border-right: 1px solid var(--color-lineGray);
  }
}
@media screen and (max-width: 768px) {
  .license_list.old > li {
    width: 50%;
  }
  .license_list.old > li:nth-child(-n+8) {
    border-bottom: 1px solid var(--color-lineGray);
  }
  .license_list.old > li:not(:nth-child(2n)) {
    border-right: 1px solid var(--color-lineGray);
  }
}
/* 신규 라이선스 */
.license_list.new > li {
  width: 25%;
}
@media screen and (min-width: 768px) {
  .license_list.new > li:nth-child(-n+4) {
    border-bottom: 1px solid var(--color-lineGray);
  }
  .license_list.new > li:not(:nth-child(4n)) {
    border-right: 1px solid var(--color-lineGray);
  }
}
@media screen and (max-width: 768px) {
	.license_txtbox.gray {
		padding: 25px 20px;
	}
  .license_list.new > li {
    width: 50%;
  }
  .license_list.new > li:nth-child(-n+6) {
    border-bottom: 1px solid var(--color-lineGray);
  }
  .license_list.new > li:not(:nth-child(2n)) {
    border-right: 1px solid var(--color-lineGray);
  }
  /* 아이콘 */
  .license_list > li {
  	padding-top: 100px;
  	padding-bottom: 15px;
  }
	.license_list > li > .license_icon {
	  top: 15px;
	  width: 80px; 
	  height: 80px;
	}
	.license_list > li > .license_icon.ic_software {
		background-position: -312px -370px;
	}
	.ic_document {
		background-position: -370px -130px;
	}
	.ic_print {
		background-position: -490px -10px;
	}
	.ic_web {
		background-position: -110px -370px;
	}
	.ic_ad {
		background-position: -490px -310px;
	}
	.ic_media {
		background-position: -10px -370px;
	}
	.ic_epub {
		background-position: -210px -370px;
	}
	.ic_cibi {
		background-position: -490px -110px;
	}
	.ic_product {
		background-position: -370px -230px;
	}
	.ic_webfont {
		background-position: -490px -210px;
	}
}

.license_list_em {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}
.license_list_em > li {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.license_list_em > li .em_title, .license_list_em > li .em_text {
  padding: 15px;
  height: 100%;
}
.license_list_em > li .em_title {
  font-family: var(--font-bold);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 150px;
  border-right: 1px solid var(--color-lineGray);
}
.license_list_em > li .em_text {
  width: calc(100% - 150px);
}
.license_list_em > li:not(:last-child) {
  border-bottom: 1px solid var(--color-lineGray);
}
@media screen and (max-width: 768px) {
  .license_list_em > li {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .license_list_em > li .em_title {
    -webkit-box-pack: start;
    -moz-box-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .license_list_em > li .em_text {
    width: 100%;
  }
  .license_list_em > li:first-child .em_title {
      border-top: 1px solid var(--color-lineGray);
  }
  .license_list_em > li .em_title {
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(--color-lineGray);
    background: var(--color-bgGray);
  }
}