@charset "UTF-8";
.hh-content > .inner {
  justify-content: center; }
.hh-content > .inner > .row {
  width: 100%;
}

.hh-content .expertise {
  margin: 0;
  padding: 1px;
  border-right: 1px solid var(--white);
  border-bottom: 1px solid var(--white);	}
.hh-content .expertise-box {
  margin: 0; }
  @media all and (max-width:479px) {
  .hh-content .expertise-box {
    margin: 0.2rem; }}
  .hh-content .expertise-box .expertise-image {
    width: 100%;
    cursor: pointer; }
    .hh-content .expertise-box .expertise-image .expertise-image-ratio {
      position: relative;
      display: flex;
      justify-content: space-around;
      aspect-ratio: 4 / 3;
      overflow: hidden;
      cursor:pointer; }
      .hh-content .expertise-box .expertise-image .expertise-image-ratio img {
        width: 100%;
        background-size: cover;
        filter: brightness(0.6);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
		  .hh-content .expertise-box .expertise-heading-wrapper {
        display: flex;
        justify-content: end;
        align-items: end;
        width: 90%;
        height: 90%;
      }
		  .hh-content .expertise-box .expertise-heading-wrapper .expertise-name {
        text-transform: capitalize;
		    color: var(--color-text-light);
		    font-size: 2rem;
		    text-align: right;
        text-shadow: 2px 2px var(--color-bg-dark);
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: keep-all;
        cursor: pointer;
		    z-index: 2; }
		  .hh-content .expertise-box .expertise-name:lang(en) {
		    font-family: 'Din', sans-serif; }
		  .hh-content .expertise-box .expertise-name:lang(ko) {
		    font-family: 'NanumSquare', sans-serif; }
		  @media all and (min-width:768px) and (max-width:1023px) {
		  .hh-content .expertise-box .expertise-name {
		    font-size: 2rem; }}
		  @media all and (min-width:480px) and (max-width:767px) { 
		  .hh-content .expertise-box .expertise-name {
		    font-size: 2rem; }}
		  @media all and (max-width:479px) {
		  .hh-content .expertise-box .expertise-name {
		    font-size: 1.5rem;
		    text-shadow: none; }}