/* Logo thumbnail */
.logothumb {
  max-width: 30px;
  max-height: 30px;
  width: expression(this.width > 30 ? "30px" : true);
  height: expression(this.height > 30 ? "30px" : true);
}

/* Image thumbnail */
.thumb {
  max-width: 120px;
  max-height: 120px;
  width: expression(this.width > 120 ? "120px" : true);
  height: expression(this.height > 120 ? "120px" : true);
}
.thumb-fit {
  max-width: 120px;
  max-height: 120px;
}


/* split 3 block */
.panel-block {
    //float: left;
    width: 100%;
}
.panel-img {
    //float: left;
    width: calc(100%/3 - 20px);
    height: 141px;
    overflow: hidden;
    margin: 10px;
    display: flex;
    align-items: center;
    background-color: #c5c5c5;
}
.panel-img img {
    width: 100%;
}


/* default font */
@font-face{
    font-family: trial;
    src: {{ url_for('static', filename='fonts/중나좋체 OTF Light.otf') }};
    font-weight: bold;
}

html {
  font-family:'중나좋체 OTF Light';
  font-size:1.4rem;
}


/* Search */
#custom-search-input {
    margin:0;
    margin-top: 10px;
    padding: 0;
}

#custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */

    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


#custom-search-input button2 {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#D9230F;
}

/*
.search-query:focus + button {
    z-index: 3;
}
*/

@media ( max-width: 767px ) {
  html {
      font-family:'중나좋체 OTF Light';
      font-size:2.4rem;
    }
}