@charset "UTF-8";
/* 변수 & 유틸리티 */
.backslash {
  background: url("../image/ocean02/ocean02_backslash.png");
  background-size: 100% 100%;
}

.snb-title-wrap.type-1 {
  background-image: url("/humanframe/theme/pub/assets/image/idream/snb-top.svg");
}
.snb-title-wrap.type-1 .snb-title img {
  width: 160px;
}

.ocean-pass-wrap {
  padding: 45px 43px;
  height: 240px;
  border: 1px solid #DCE6EC;
  background: #FFF url("/humanframe/theme/ocean/assets/image/img_ocean_01.png");
  background-position: left;
}
@media only screen and (max-width: 30em) {
  .ocean-pass-wrap {
    padding: 30px;
  }
}
.ocean-pass-wrap .tit {
  color: #1B5C89;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: 0%;
}
@media only screen and (max-width: 30em) {
  .ocean-pass-wrap .tit {
    font-size: 22px;
  }
}
.ocean-pass-wrap .tit .img {
  margin-left: 4px;
  vertical-align: super;
}
@media only screen and (max-width: 30em) {
  .ocean-pass-wrap .tit .img {
    width: 28px;
  }
}
.ocean-pass-wrap .body {
  font-weight: 500;
  font-size: 17px;
  line-height: 23.4px;
}
@media only screen and (max-width: 30em) {
  .ocean-pass-wrap .body {
    font-size: 15px;
  }
}
.ocean-pass-wrap .body em {
  color: #0B76C0;
}