@charset "UTF-8";
.visual-wrap {
  width: 100vw;
  height: 60rem;
  overflow: hidden;
}

.visual {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  animation: vis 2s;
  -webkit-animation: vis 2s;
}
.visual.sub1 {
  background: url("../img/sub/sub1/visual.jpg") no-repeat;
}
.visual.sub2 {
  background: url("../img/sub/sub2/visual.jpg") no-repeat;
}
.visual.sub3 {
  background: url("../img/sub/sub3/visual.jpg") no-repeat;
}
.visual.sub4 {
  background: url("../img/sub/sub4/visual.jpg") no-repeat;
}
.visual.sub5 {
  background: url("../img/sub/sub5/visual.jpg") no-repeat;
}

@keyframes vis {
  0% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
.visual-tit {
  padding-top: 29rem;
  font-size: 6rem;
  color: #fff;
}

.sub-nav-wrap {
  position: absolute;
  z-index: 99;
  margin-top: -8.7rem;
  width: 100%;
  height: 8.8rem;
  background: #fff;
  border-radius: 0 8rem 0 0;
  -webkit-border-radius: 0 8rem 0 0;
  -moz-border-radius: 0 8rem 0 0;
  -ms-border-radius: 0 8rem 0 0;
  -o-border-radius: 0 8rem 0 0;
  border-bottom: 1px solid #F6F6F6;
}

.sub-nav {
  display: flex;
  align-items: center;
}
.sub-nav > li {
  padding: 0 2.4rem;
  line-height: 8.8rem;
  font-size: 1.8rem;
  border-left: 1px solid #F6F6F6;
}
.sub-nav > li:last-of-type {
  border-left: none;
}
.sub-nav .icon {
  display: block;
  width: 100%;
  height: 100%;
}
.sub-nav .select-box {
  position: relative;
  min-width: 11.5rem;
}
.sub-nav .select-box.bg-blue {
  background: #F5F8FF;
}
.sub-nav .select-btn {
  width: 100%;
  height: 8.8rem;
  z-index: 1;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
.sub-nav .select-btn .select {
  display: inline-block;
  font-size: 1.8rem;
}
.sub-nav .select-btn .select + .fi {
  position: relative;
}
.sub-nav .select-btn .select + .fi::before {
  font-size: inherit;
  font-weight: 100;
  transform: rotate(0);
  transition: transform 0.2s;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
}
.sub-nav .select-btn .select.point {
  font-weight: 700;
}
.sub-nav .select-btn.active .select + .fi::before {
  transform: rotate(180deg);
  transition: transform 0.2s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
}
.sub-nav .option {
  position: absolute;
  overflow-y: auto;
  display: none;
  z-index: 0;
  left: 0;
  top: 8.8rem;
  width: 100%;
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.15);
}
.sub-nav .option li {
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #F6F6F6;
  padding: 1.2rem 0.2rem;
}
.sub-nav .option li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  font-size: 1.7rem;
}
.sub-nav .option li:hover {
  background: #F5F8FF;
  color: var(--c-main);
}

.section {
  width: 100%;
  padding: 13rem 0;
}

.inner {
  margin: 0 auto;
  padding: 0 4rem;
  max-width: 168rem;
}

.flex-wrap {
  display: flex;
}

.page-top {
  margin-bottom: 13rem;
}
.page-top .dep2 {
  display: inline-block;
  margin-bottom: 3rem;
  padding: 0.8rem 2rem;
  color: var(--c-main);
  font-size: 2rem;
  background: #F5F8FF;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.page-top .page-tit {
  font-size: 5rem;
}

.sub-tit {
  padding-bottom: 3rem;
  font-size: 6rem;
  line-height: 7rem;
}

.page-desc {
  display: block;
  margin-top: 3rem;
  font-size: 2rem;
  font-weight: 400;
}

.point {
  color: var(--c-main);
}

.s-tit {
  font-size: 2rem;
  letter-spacing: 0.6rem;
  font-weight: 400;
  color: #60646F;
}

@media all and (max-width: 85.375rem) {
  .section {
    padding: 10rem 0;
  }
  .page-top {
    margin-bottom: 10rem;
  }
  .page-top .page-tit {
    font-size: 4.5rem;
  }
  .sub-tit {
    font-size: 5.5rem;
    line-height: 1.3;
  }
}
@media all and (max-width: 64rem) {
  .visual-wrap {
    height: 100%;
  }
  .visual {
    height: 50rem;
  }
  .visual-tit {
    padding-top: 25rem;
    font-size: 5rem;
  }
  .section {
    padding: 8rem 0;
  }
  .page-top {
    margin-bottom: 8rem;
  }
  .page-top .page-tit {
    font-size: 4.2rem;
  }
  .sub-tit {
    font-size: 5.2rem;
  }
  .page-desc {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}
@media all and (max-width: 63.9375rem) {
  .visual {
    height: 40rem;
  }
  .visual-tit {
    padding-top: 20rem;
    font-size: 4rem;
  }
  .sub-nav-wrap {
    height: 6.6rem;
    margin-top: -6.5rem;
  }
  .sub-nav > li {
    line-height: 6.6rem;
    font-size: 1.6rem;
  }
  .sub-nav .select-btn {
    height: 6.6rem;
    justify-content: space-between;
  }
  .sub-nav .select-btn .select {
    font-size: 1.6rem;
  }
  .sub-nav .option {
    top: 6.6rem;
  }
  .section {
    padding: 6rem 0;
  }
  .page-top {
    margin-bottom: 6rem;
  }
  .page-top .dep2 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
  .page-top .page-tit {
    font-size: 4rem;
  }
  .sub-tit {
    font-size: 4.8rem;
    padding-bottom: 2rem;
  }
  .page-desc {
    font-size: 1.6rem;
  }
  .s-tit {
    font-size: 1.8rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .visual {
    height: 41rem;
  }
  .visual-tit {
    padding-top: 15rem;
    font-size: 3.2rem;
  }
  .sub-nav-wrap {
    height: 13.3rem;
    margin-top: -13.3rem;
    border-radius: 0 5rem 0 0;
    -webkit-border-radius: 0 5rem 0 0;
    -moz-border-radius: 0 5rem 0 0;
    -ms-border-radius: 0 5rem 0 0;
    -o-border-radius: 0 5rem 0 0;
  }
  .sub-nav {
    flex-direction: column;
  }
  .sub-nav > li {
    width: 100%;
    padding: 0 1rem;
    line-height: 4.4rem;
    font-size: 1.4rem;
    border: none;
  }
  .sub-nav > li:nth-child(2) {
    z-index: 2;
  }
  .sub-nav > li:nth-child(3) {
    z-index: 1;
  }
  .sub-nav .select-btn {
    height: 4.4rem;
    gap: 0;
  }
  .sub-nav .select-btn .select {
    font-size: 1.4rem;
  }
  .sub-nav .select-box {
    min-width: 0;
  }
  .sub-nav .select-box.bg-blue {
    min-width: 11.5rem;
  }
  .sub-nav .option {
    top: 4.4rem;
  }
  .sub-nav .option li a {
    font-size: 1.4rem;
  }
  .section {
    padding: 4rem 0;
  }
  .inner {
    padding: 0 2rem;
  }
  .page-top {
    margin-bottom: 4rem;
  }
  .page-top .dep2 {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
  }
  .page-top .page-tit {
    font-size: 2.7rem;
  }
  .sub-tit {
    font-size: 2.7rem;
    padding-bottom: 1.5rem;
  }
  .page-desc {
    font-size: 1.4rem;
    line-height: 1.3;
    word-break: keep-all;
  }
  .s-tit {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
.pagination {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: center;
}
.pagination ul {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.pagination ul li {
  padding: 0.6rem 1rem;
  color: #60646F;
}
.pagination ul li.active {
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: #003EDE;
  color: #fff;
}

@media all and (max-width: 47.9375rem) {
  .pagination {
    gap: 2rem;
  }
}
/*대표이사 인사말*/
.ceo .sec-1 {
  background: url("../img/sub/sub1/section.png") no-repeat center bottom;
  background-size: cover;
}
.ceo .flex-wrap {
  margin-top: 13rem;
  gap: 13.5rem;
}
.ceo .img-wrap {
  min-width: 52rem;
  height: 66rem;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  box-shadow: 0.3rem 0.6rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.ceo .txt-wrap {
  padding-top: 2rem;
}
.ceo .desc {
  font-size: 2rem;
  font-weight: 400;
  line-height: 3.2rem;
}
.ceo .desc.flex-wrap {
  margin-top: 0;
  gap: 2rem;
}
.ceo .sign {
  display: block;
}

@media all and (max-width: 85.375rem) {
  .ceo .flex-wrap {
    margin-top: 10rem;
    gap: 8rem;
  }
  .ceo .desc {
    word-break: keep-all;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
@media all and (max-width: 64rem) {
  .ceo .flex-wrap {
    margin-top: 8rem;
    justify-content: space-between;
    gap: 0;
  }
  .ceo .img-wrap {
    min-width: 45%;
    max-width: 45%;
    height: 100%;
  }
  .ceo .txt-wrap {
    padding-top: 0;
    max-width: 50%;
  }
  .ceo .br {
    display: inline;
  }
  .ceo .desc.flex-wrap {
    justify-content: left;
    gap: 1.5rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .ceo .flex-wrap {
    margin-top: 6rem;
    flex-direction: column;
    gap: 4rem;
  }
  .ceo .img-wrap {
    width: 55%;
    max-width: none;
    height: 50rem;
    text-align: center;
  }
  .ceo .img-wrap img {
    width: 100%;
    height: 100%;
  }
  .ceo .txt-wrap {
    max-width: none;
    width: 100%;
  }
  .ceo .br {
    display: inline;
  }
  .ceo .desc.flex-wrap {
    justify-content: left;
    flex-direction: row;
    gap: 1.5rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .ceo .flex-wrap {
    margin-top: 4rem;
  }
  .ceo .img-wrap {
    width: 100%;
    height: 30rem;
  }
  .ceo .desc {
    font-size: 1.6rem;
  }
  .ceo .desc.flex-wrap {
    gap: 1rem;
  }
}
/* 연혁 */
.history .flex-wrap {
  margin-top: 13rem;
  gap: 20rem;
}
.history .year {
  font-size: 12rem;
  color: var(--c-main);
  font-weight: 800;
}
.history .img-wrap {
  margin-top: 4rem;
  max-width: 52rem;
  min-width: 52rem;
}
.history .caption {
  margin-top: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.75;
}
.history .history-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 4rem;
}
.history .history-wrap:last-of-type {
  margin-bottom: 0;
}
.history .history-wrap::before {
  content: "";
  width: 2.4rem;
  height: 3rem;
  background: url("../img/sub/sub1/icon.png") no-repeat center;
  position: absolute;
  left: -4.4rem;
}
.history .history-wrap::after {
  content: "";
  width: 1px;
  height: calc(100% - 4rem);
  background: #ddd;
  position: absolute;
  top: 4rem;
  left: -3.2rem;
}
.history .small-year {
  font-size: 3rem;
}
.history .desc {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
  word-break: keep-all;
}
.history .list li {
  font-size: 1.4rem;
  font-weight: 400;
  color: #60646F;
  line-height: 2.6rem;
  word-break: keep-all;
}

@media all and (max-width: 85.375rem) {
  .history .flex-wrap {
    margin-top: 10rem;
    gap: 15rem;
  }
  .history .year {
    font-size: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .history .flex-wrap {
    margin-top: 8rem;
    gap: 10rem;
  }
  .history .year {
    font-size: 8rem;
  }
  .history .img-wrap {
    margin-top: 2rem;
    max-width: 40rem;
    min-width: 40rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .history .flex-wrap {
    margin-top: 6rem;
    flex-direction: column;
    gap: 6rem;
  }
  .history .year {
    font-size: 7rem;
  }
  .history .img-wrap {
    width: 100%;
    max-width: none;
    min-width: 0;
    text-align: center;
  }
  .history .right {
    padding-left: 4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .history .flex-wrap {
    margin-top: 4rem;
    gap: 4rem;
  }
  .history .year {
    font-size: 6rem;
  }
  .history .img-wrap {
    margin-top: 1rem;
  }
  .history .small-year {
    font-size: 2.4rem;
  }
  .history .desc {
    font-size: 1.5rem;
  }
}
/* 인증서 */
.certification .article {
  margin-bottom: 13rem;
}
.certification .article:last-child {
  margin-bottom: 0;
}
.certification .article-tit {
  margin-bottom: 6rem;
  font-size: 4rem;
  line-height: 5rem;
}
.certification .grid-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6rem 0;
}
.certification .grid-wrap li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 25%;
}
.certification .name {
  display: block;
  width: 100%;
  margin-top: 3rem;
  text-align: center;
  font-size: 1.8rem;
}

@media all and (max-width: 85.375rem) {
  .certification .article {
    margin-bottom: 10rem;
  }
  .certification .article-tit {
    font-size: 3.6rem;
    line-height: 1.3;
  }
  .certification .grid-wrap {
    gap: 6rem 4rem;
  }
  .certification .grid-wrap li {
    width: calc(25% - 3rem);
  }
  .certification .name {
    font-size: 1.7rem;
    line-height: 1.2;
  }
}
@media all and (max-width: 64rem) {
  .certification .article {
    margin-bottom: 8rem;
  }
  .certification .article-tit {
    margin-bottom: 5rem;
    font-size: 3rem;
  }
  .certification .grid-wrap {
    gap: 5rem 2rem;
  }
  .certification .grid-wrap li {
    width: calc(25% - 1.5rem);
  }
  .certification .name {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .certification .article {
    margin-bottom: 6rem;
  }
  .certification .article-tit {
    margin-bottom: 4rem;
    font-size: 2.7rem;
  }
  .certification .grid-wrap li {
    width: calc(33.3333333333% - 1.3333333333rem);
  }
  .certification .name {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .certification .article {
    margin-bottom: 4rem;
  }
  .certification .article-tit {
    margin-bottom: 2rem;
    font-size: 2rem;
    word-break: keep-all;
  }
  .certification .article-tit br {
    display: none;
  }
  .certification .grid-wrap {
    gap: 4rem 0;
  }
  .certification .grid-wrap li {
    width: 100%;
  }
  .certification .name {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
}
/* 연구소현황 */
.lab .flex-wrap {
  display: flex;
  gap: 11.5rem;
}
.lab .flex-wrap .right {
  padding-top: 6rem;
}
.lab .flex-wrap .top {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25;
}
.lab .flex-wrap .line {
  margin: 4rem 0 2rem;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.lab .flex-wrap .desc {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.66667;
}
.lab .card-wrap {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin-top: 13rem;
}
.lab .card-wrap .card {
  width: calc(33.3333333333% - 1.3333333333rem);
  padding: 4rem 2rem;
  background: url("../img/sub/sub1/box.png") no-repeat;
  background-size: cover;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 0.1rem solid #f6f6f6;
  text-align: center;
}
.lab .card-wrap .date {
  display: inline-block;
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  color: var(--c-main);
  border-bottom: 0.1rem solid var(--c-main);
}
.lab .card-wrap .mid {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
}
.lab .card-wrap .info {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.75;
}

@media all and (max-width: 85.375rem) {
  .lab .flex-wrap {
    gap: 6rem;
  }
  .lab .flex-wrap .right {
    min-width: 60%;
    width: 60%;
    padding-right: 4rem;
  }
  .lab .flex-wrap .desc {
    word-break: keep-all;
  }
  .lab .flex-wrap .desc br {
    display: none;
  }
  .lab .card-wrap {
    margin-top: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .lab .flex-wrap {
    gap: 4rem;
  }
  .lab .flex-wrap .img {
    min-width: 40%;
  }
  .lab .flex-wrap .top {
    font-size: 3rem;
  }
  .lab .flex-wrap .desc {
    font-size: 1.6rem;
  }
  .lab .flex-wrap .desc br {
    display: none;
  }
  .lab .flex-wrap .right {
    padding-top: 4rem;
  }
  .lab .card-wrap {
    margin-top: 8rem;
  }
  .lab .card-wrap .card {
    padding: 4rem 1rem;
    width: calc(50% - 1rem);
  }
  .lab .card-wrap .date {
    margin-bottom: 1rem;
  }
  .lab .card-wrap .info {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .lab .flex-wrap .top {
    font-size: 2.7rem;
  }
  .lab .flex-wrap .right {
    padding-top: 0;
  }
  .lab .flex-wrap .line {
    margin: 2rem 0;
  }
  .lab .card-wrap {
    margin-top: 6rem;
  }
  .lab .card-wrap .card {
    width: calc(50% - 2rem);
  }
  .lab .card-wrap .mid {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .lab .card-wrap .info {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
@media all and (max-width: 47.9375rem) {
  .lab .flex-wrap {
    flex-direction: column;
  }
  .lab .flex-wrap .right {
    width: 100%;
    padding-right: 0;
  }
  .lab .flex-wrap .top {
    font-size: 2.4rem;
  }
  .lab .card-wrap {
    margin-top: 4rem;
  }
  .lab .card-wrap .card {
    width: 100%;
  }
}
/* 찾아오시는 길 */
.location .map {
  width: 100%;
  height: 60rem;
}
.location .map .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.location .map .wrap_map {
  height: calc(100% - 3.2rem);
}
.location .list {
  display: flex;
  border: 1px solid #F6F6F6;
  justify-content: space-between;
  margin-top: 6rem;
  gap: 2rem;
}
.location .list li {
  width: 50%;
  height: 37.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  border: 1px solid #F6F6F6;
}
.location .list li:nth-child(1) .desc {
  width: 30.1rem;
}
.location .title {
  display: block;
  padding: 1.3rem 1.6rem;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 700;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: #F5F8FF;
}
.location .desc {
  display: flex;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 400;
  word-break: keep-all;
  text-align: left;
}
.location .desc.mt10 {
  margin-top: 1rem;
}

@media all and (max-width: 85.375rem) {
  .location .title {
    font-size: 1.8rem;
  }
  .location .list li {
    height: 43.4rem;
  }
  .location .list li:nth-child(1) .desc {
    width: 25.1rem;
  }
  .location .desc {
    max-width: none;
    line-height: 1.5;
  }
}
@media all and (max-width: 64rem) {
  .location .map {
    height: 50rem;
  }
  .location .list li {
    height: 40.4rem;
  }
  .location .list li:nth-child(1) .desc {
    width: 24.1rem;
  }
  .location .desc {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .location .map {
    height: 40rem;
  }
  .location .list {
    flex-direction: column;
  }
  .location .list li {
    width: 100%;
    height: 30.4rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .location .map {
    height: 30rem;
  }
  .location .list {
    margin-top: 4rem;
  }
  .location .list li {
    width: 100%;
    min-height: 20.4rem;
    height: auto;
  }
  .location .title {
    font-size: 1.6rem;
  }
  .location .desc {
    font-size: 1.5rem;
  }
}
/* 제품 */
/* 제품 */
.product .grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-content: center;
  gap: 6rem 2rem;
  margin-bottom: 13rem;
}
.product .grid-wrap li {
  text-align: center;
}
.product .grid-wrap li .img-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 92.31%;
}
.product .grid-wrap li .img-wrap img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.product .product-name {
  margin-top: 3rem;
  font-size: 1.8rem;
}
.product .go {
  max-width: 13rem;
  margin: 0 auto;
}
.product .go a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 2rem;
}
.product .go a span {
  display: block;
  color: #60646F;
  font-size: 1.8rem;
}
.product .go:hover a span {
  font-weight: 700;
  color: var(--c-main);
}
.product .go:hover img {
  content: url("../img/icon/arrow-hover.png");
}

@media all and (max-width: 85.375rem) {
  .product .grid-wrap {
    margin-bottom: 10rem;
  }
  .product .grid-wrap li {
    width: 95%;
  }
}
@media all and (max-width: 64rem) {
  .product .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .product .grid-wrap {
    margin-bottom: 6rem;
  }
  .product .product-name {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  .product .go a {
    margin-top: 1rem;
  }
  .product .go a span {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .product .grid-wrap {
    margin-bottom: 4rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .product .grid-wrap li {
    width: 100%;
  }
  .product .product-name {
    font-size: 1.5rem;
    margin-top: 2rem;
  }
  .product .go a {
    margin-top: 1rem;
  }
  .product .go a span {
    font-size: 1.5rem;
  }
}
/* 제품 view */
.p-view .flex-wrap {
  justify-content: space-between;
}
.p-view .right {
  width: 50%;
  max-width: 75rem;
}
.p-view .product-name {
  margin-bottom: 3rem;
  font-size: 4rem;
}
.p-view .desc {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 400;
}
.p-view .img-wrap {
  position: relative;
  width: 45%;
  max-width: 67.5rem;
  height: 0;
  padding-bottom: 39.125%;
  text-align: center;
}
.p-view .img-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-view .table-wrap {
  margin-top: 3rem;
  width: 100%;
}
.p-view .table {
  width: 100%;
}
.p-view .table table {
  width: 100%;
}
.p-view thead th {
  background: #60646F;
  color: #fff;
  border-bottom: none;
}
.p-view th,
.p-view td {
  padding: 1.4rem 2rem;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.p-view td {
  position: relative;
  color: #60646F;
}
.p-view td::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.p-view .wid-17 {
  width: 17.088608%;
}
.p-view .full-img {
  margin: 13rem auto;
  max-width: 83.5rem;
  width: 100%;
  text-align: center;
}
.p-view .btn-wrap {
  display: flex;
  justify-content: center;
}
.p-view .btn {
  padding: 1.2rem 2rem;
  color: #fff;
  background: var(--c-main);
  font-size: 1.8rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.p-view .video-wrap {
  display: flex;
  margin-bottom: 13rem;
  justify-content: center;
}
.p-view .video-wrap .video {
  position: relative;
  width: 100%;
  max-width: 106rem;
  height: 0;
  padding-bottom: 37.25%;
}
.p-view .video-wrap .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media all and (max-width: 85.375rem) {
  .p-view .right {
    max-width: none;
  }
  .p-view .produvt-name {
    font-size: 3rem;
  }
  .p-view .desc {
    font-size: 1.6rem;
  }
  .p-view .wid-17 {
    width: 20%;
  }
  .p-view .full-img {
    margin: 10rem auto;
  }
  .p-view .video-wrap {
    margin-bottom: 10rem;
  }
  .p-view .video-wrap .video {
    padding-bottom: 49.25%;
  }
}
@media all and (max-width: 64rem) {
  .p-view .product-name {
    margin-bottom: 2rem;
    font-size: 2.7rem;
  }
  .p-view .desc {
    font-size: 1.5rem;
    word-break: keep-all;
  }
  .p-view .table-wrap {
    margin-top: 2rem;
  }
  .p-view th,
  .p-view td {
    font-size: 1.5rem;
  }
  .p-view .wid-17 {
    width: 25%;
  }
  .p-view .full-img {
    margin: 8rem auto;
  }
  .p-view .video-wrap {
    margin-bottom: 8rem;
  }
  .p-view .btn {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .p-view .flex-wrap {
    flex-direction: column;
    gap: 4rem;
  }
  .p-view .img-wrap {
    width: 100%;
  }
  .p-view .right {
    width: 100%;
  }
  .p-view .wid-17 {
    width: 20%;
  }
  .p-view .full-img {
    margin: 6rem auto;
  }
  .p-view .video-wrap {
    margin-bottom: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .p-view .product-name {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    word-break: keep-all;
  }
  .p-view .desc {
    font-size: 1.4rem;
  }
  .p-view th,
  .p-view td {
    padding: 1rem;
    font-size: 1.4rem;
  }
  .p-view .wid-17 {
    width: 30%;
  }
  .p-view .full-img {
    margin: 4rem auto;
  }
  .p-view .btn {
    font-size: 1.5rem;
  }
  .p-view .video-wrap {
    margin-bottom: 4rem;
  }
}
/* 자료실 */
.reference .grid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-content: center;
  gap: 6rem 0;
  margin-bottom: 13rem;
}
.reference .grid-wrap .img-wrap {
  width: 38.5rem;
  height: 28rem;
}
.reference .grid-wrap .img-wrap img {
  width: 100%;
  height: 100%;
}
.reference .title-wrap {
  max-width: 38.5rem;
  margin-top: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reference .title-wrap:hover .title {
  text-decoration: underline;
}
.reference .title {
  display: block;
  font-size: 1.8rem;
}
.reference .data {
  font-weight: 400;
}

@media all and (max-width: 85.375rem) {
  .reference .grid-wrap {
    margin-bottom: 10rem;
  }
  .reference .grid-wrap li {
    width: 95%;
  }
  .reference .grid-wrap .img-wrap {
    width: 28.5rem;
    height: 20.8rem;
  }
}
@media all and (max-width: 64rem) {
  .reference .grid-wrap {
    margin-bottom: 8rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .reference .grid-wrap .img-wrap {
    width: 29.9rem;
    height: 21.8rem;
  }
  .reference .title-wrap {
    margin-top: 2rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .reference .grid-wrap {
    margin-bottom: 6rem;
  }
  .reference .grid-wrap .img-wrap {
    width: 21.8rem;
    height: 15.9rem;
  }
  .reference .title {
    font-size: 1.6rem;
  }
  .reference .data {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .reference .grid-wrap {
    margin-bottom: 4rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 4rem;
  }
  .reference .grid-wrap .img-wrap {
    width: 100%;
    height: 22.2rem;
  }
  .reference .title-wrap {
    margin-top: 1rem;
  }
}
/*자료실 view*/
.reference-view .title-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 1px solid #60646F;
}
.reference-view .title {
  display: block;
  padding-left: 2rem;
  font-size: 4rem;
  font-weight: 500;
}
.reference-view .date {
  display: block;
  padding-top: 1rem;
  font-size: 2rem;
  font-weight: 700;
}
.reference-view .cont {
  margin-bottom: 13rem;
  width: 100%;
}
.reference-view .cont p {
  display: block;
  width: 100%;
  word-break: keep-all;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 400;
}
.reference-view .img-wrap {
  padding: 3rem 0;
  max-width: 80rem;
}
.reference-view .img-wrap img {
  height: 100%;
}
.reference-view .btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reference-view .next,
.reference-view .prev {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #60646F;
  font-size: 1.8rem;
  font-weight: 500;
}
.reference-view .btn {
  padding: 1.2rem 2rem;
  color: #fff;
  background: var(--c-main);
  font-size: 1.8rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

@media all and (max-width: 85.375rem) {
  .reference-view .title {
    font-size: 3.6rem;
  }
  .reference-view .cont {
    margin-bottom: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .reference-view .title {
    font-size: 3.2rem;
  }
  .reference-view .date {
    font-size: 1.8rem;
  }
  .reference-view .cont {
    margin-bottom: 8rem;
  }
  .reference-view .btn {
    font-size: 1.6rem;
  }
  .reference-view .next,
  .reference-view .prev {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .reference-view .title {
    padding-left: 0;
    font-size: 2.8rem;
  }
  .reference-view .cont {
    margin-bottom: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .reference-view .title-wrap {
    align-items: flex-end;
  }
  .reference-view .title {
    font-size: 2.2rem;
  }
  .reference-view .date {
    padding-top: 0;
    font-size: 1.5rem;
  }
  .reference-view .cont {
    margin-bottom: 4rem;
  }
  .reference-view .cont p {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .reference-view .img-wrap {
    padding: 2rem 0;
  }
  .reference-view .btn {
    font-size: 1.5rem;
  }
  .reference-view .next,
  .reference-view .prev {
    font-size: 1.5rem;
  }
}
/*공지사항*/
.notice .table-wrap {
  width: 100%;
  margin-bottom: 13rem;
}
.notice .table {
  width: 100%;
}
.notice table {
  width: 100%;
}
.notice th {
  padding: 1.4rem 2rem;
  background: #60646F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.notice th:nth-child(2) {
  position: relative;
}
.notice th:nth-child(2)::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.notice th:nth-child(2)::after {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
}
.notice td {
  padding: 1.4rem 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.notice td:nth-child(2) {
  position: relative;
  text-align: left;
}
.notice td:nth-child(2)::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.notice td:nth-child(2)::after {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
}
.notice .important {
  padding: 0.6rem 1rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  background: var(--c-main);
  color: #fff;
  font-size: 1.4rem;
}
.notice .title {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.notice tr:hover {
  background: #F5F8FF;
}
.notice .num {
  font-weight: 400;
  color: #60646F;
}
.notice .wid-10 {
  width: 10%;
}
.notice .wid-7 {
  width: 7.5%;
}

@media all and (max-width: 85.375rem) {
  .notice .table-wrap {
    margin-bottom: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .notice .table-wrap {
    margin-bottom: 8rem;
  }
  .notice .wid-10 {
    width: 15%;
  }
  .notice .wid-7 {
    width: 10%;
  }
}
@media all and (max-width: 63.9375rem) {
  .notice .table-wrap {
    margin-bottom: 6rem;
  }
  .notice .title {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .notice .title.download {
    display: flex;
  }
  .notice .wid-10 {
    width: 18%;
  }
  .notice .wid-7 {
    width: 15%;
  }
}
@media all and (max-width: 47.9375rem) {
  .notice .table-wrap {
    overflow: scroll;
    margin-bottom: 4rem;
  }
  .notice .table {
    min-width: 50rem;
  }
  .notice th {
    font-size: 1.6rem;
  }
  .notice td {
    padding: 1.4rem 1rem;
    font-size: 1.4rem;
  }
  .notice .important {
    font-size: 1.2rem;
  }
}
/*공지사항 view*/
.notice-view .title-wrap {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2rem;
  border-bottom: 1px solid #60646F;
}
.notice-view .title {
  display: block;
  padding-left: 2rem;
  font-size: 4rem;
  font-weight: 500;
}
.notice-view .date {
  display: block;
  padding-top: 1rem;
  font-size: 2rem;
  font-weight: 700;
}
.notice-view .cont {
  margin-bottom: 13rem;
  width: 100%;
}
.notice-view .cont .img-wrap {
  padding: 3rem 0;
  margin: 0 auto;
  width: 100%;
  max-width: 80rem;
  height: auto;
  text-align: center;
}
.notice-view .cont p {
  display: block;
  padding: 3rem 0;
  width: 100%;
  word-break: keep-all;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 400;
}
.notice-view .desc-tit {
  font-size: 1.8rem;
  font-weight: 700;
}
.notice-view .red-point {
  font-weight: 700;
  color: #F00;
}
.notice-view .file-wrap {
  display: flex;
  justify-content: right;
  padding: 1.4rem 2rem;
  border-top: 1px solid #DDD;
}
.notice-view .file {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.6rem;
  color: #60646F;
  font-weight: 500;
}
.notice-view .file:hover {
  text-decoration: underline;
}
.notice-view .btn-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notice-view .next,
.notice-view .prev {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #60646F;
  font-size: 1.8rem;
  font-weight: 500;
}
.notice-view .btn {
  padding: 1.2rem 2rem;
  color: #fff;
  background: var(--c-main);
  font-size: 1.8rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}

@media all and (max-width: 85.375rem) {
  .notice-view .title {
    font-size: 3.6rem;
  }
  .notice-view .cont {
    margin-bottom: 10rem;
  }
}
@media all and (max-width: 64rem) {
  .notice-view .title {
    font-size: 3.2rem;
  }
  .notice-view .date {
    font-size: 1.8rem;
  }
  .notice-view .cont {
    margin-bottom: 8rem;
  }
  .notice-view .btn {
    font-size: 1.6rem;
  }
  .notice-view .next,
  .notice-view .prev {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .notice-view .title {
    padding-left: 0;
    font-size: 2.8rem;
  }
  .notice-view .cont {
    margin-bottom: 6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .notice-view .title-wrap {
    align-items: flex-end;
  }
  .notice-view .title {
    font-size: 2.2rem;
  }
  .notice-view .date {
    padding-top: 0;
    font-size: 1.5rem;
  }
  .notice-view .cont {
    margin-bottom: 4rem;
  }
  .notice-view .cont .img-wrap {
    padding: 2rem 0;
  }
  .notice-view .cont p {
    padding: 2rem 0;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .notice-view .desc-tit {
    font-size: 1.6rem;
  }
  .notice-view .file-wrap {
    padding: 1.4rem 0;
  }
  .notice-view .file {
    font-size: 1.5rem;
  }
  .notice-view .btn {
    font-size: 1.5rem;
  }
  .notice-view .next,
  .notice-view .prev {
    font-size: 1.5rem;
  }
}
/* 견적 문의 */
.inquiry .left {
  width: 70%;
  max-width: 106rem;
}
.inquiry form {
  width: 100%;
}
.inquiry .flex-wrap {
  gap: 2rem;
  margin-bottom: 6rem;
}
.inquiry .cont-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  width: 52rem;
  padding: 4rem 2rem;
  border: 1px solid var(--ddd, #DDD);
}
.inquiry .cont-box .desc {
  display: flex;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
}
.inquiry .cont-box .desc span {
  display: block;
  font-weight: 400;
}
.inquiry .req {
  color: #F00;
}
.inquiry .desc {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3rem;
}
.inquiry .desc span {
  font-weight: 700;
}

@media all and (max-width: 64rem) {
  .inquiry .flex-wrap {
    margin-bottom: 4rem;
  }
  .inquiry .cont-box .icon {
    width: 8rem;
  }
  .inquiry .cont-box .desc {
    font-size: 1.8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .inquiry .flex-wrap {
    flex-direction: column;
    gap: 2rem;
  }
  .inquiry .cont-box {
    width: 100%;
  }
}
@media all and (max-width: 47.9375rem) {
  .inquiry .flex-wrap {
    margin-bottom: 2rem;
  }
  .inquiry .desc {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 1.3;
  }
}
/* 가맹점 */
.franchisee .tab {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #F6F6F6;
}
.franchisee .tab li {
  min-width: 14.9rem;
  padding: 1.6rem 2.6rem;
  border: 1px solid #F6F6F6;
  text-align: center;
  font-size: 2rem;
  font-weight: 500;
  color: #60646F;
}
.franchisee .tab li.on {
  color: var(--fc-main);
  border-bottom: 2px solid var(--c-main);
}
.franchisee .tab-box {
  position: relative !important;
  z-index: 100 !important;
}
.franchisee .searchbox {
  position: relative;
  z-index: 99;
  padding: 6rem 0;
  border-bottom: 1px solid #F6F6F6;
}
.franchisee .desc {
  font-size: 1.8rem;
}
.franchisee .flex-wrap {
  margin-top: 6rem;
  gap: 2rem;
}
.franchisee .left {
  min-width: 65.5rem;
}
.franchisee .map {
  width: 100%;
  height: 100%;
}
.franchisee iframe {
  width: 100%;
  height: 100%;
}
.franchisee .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.franchisee .table-wrap {
  width: 100%;
  margin-bottom: 3rem;
}
.franchisee .table {
  width: 100%;
}
.franchisee table {
  width: 100%;
}
.franchisee tr:hover {
  background: rgba(96, 100, 111, 0.1);
}
.franchisee th {
  padding: 2rem;
  background: #60646F;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.franchisee th:nth-child(2) {
  position: relative;
}
.franchisee th:nth-child(2)::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  left: 0;
}
.franchisee th:nth-child(2)::after {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 0;
}
.franchisee td {
  padding: 2rem;
  font-size: 1.6rem;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  color: #60646F;
  line-height: 1.3;
  vertical-align: middle;
}
.franchisee .year {
  display: block;
  text-align: center;
}
.franchisee .wid-first {
  width: 24.864865%;
}
.franchisee .wid-60 {
  width: 60%;
}
.franchisee .c-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.franchisee .c-flex span {
  display: block;
}
.franchisee .c-img {
  width: 2rem;
  min-width: 2rem;
  height: 1.2rem;
}
.franchisee .c-img img {
  display: block;
}
.franchisee .location-wrap {
  margin-top: 6rem;
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.franchisee .option-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.franchisee .sub-nav {
  position: relative;
  z-index: 98;
}
.franchisee .sub-nav .select-box {
  /*240722 가상선택자 삭제 및 백그라운드 이미지 추가*/
  position: relative;
  min-width: 13.8rem;
  padding: 1.2rem 1.6rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border: none;
  font-size: 1.6rem;
  font-weight: 500;
  background: #F6F6F6 url("../img/common/Union.png") no-repeat 90% 50%/8px auto;
}
.franchisee .sub-nav option {
  line-height: 4rem;
  font-size: 1.6rem;
  border: none;
  background: #fff;
}
.franchisee .sub-nav i {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.franchisee .input-wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.franchisee .search-wrap {
  position: relative;
}
.franchisee .search {
  position: relative;
  padding: 1.2rem 2rem;
  min-width: 38.5rem;
  border: 1px solid var(--fc-main);
  border-radius: 9.9rem;
  -webkit-border-radius: 9.9rem;
  -moz-border-radius: 9.9rem;
  -ms-border-radius: 9.9rem;
  -o-border-radius: 9.9rem;
  font-weight: 500;
  color: #60646F;
}
.franchisee .search-btn {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 2rem;
}
.franchisee input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.franchisee .btn-wrap .btn {
  padding: 1.2rem 2rem;
  background: var(--c-main);
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  color: #fff;
  font-weight: 500;
}

@media all and (max-width: 85.375rem) {
  .franchisee .left {
    min-width: 45.5rem;
  }
  .franchisee td {
    line-height: 1.3;
    word-break: keep-all;
  }
  .franchisee th,
  .franchisee td {
    vertical-align: middle;
    font-size: 1.5rem;
  }
}
@media all and (max-width: 64rem) {
  .franchisee .tab li {
    font-size: 1.8rem;
  }
  .franchisee .flex-wrap {
    flex-direction: column;
    gap: 4rem;
  }
  .franchisee .location-wrap {
    gap: 1rem;
  }
  .franchisee .input-wrap {
    gap: 1rem;
  }
  .franchisee th,
  .franchisee td {
    padding: 1.5rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .franchisee .location-wrap {
    flex-direction: column;
    gap: 2rem;
  }
  .franchisee .option-wrap {
    position: relative;
    z-index: 99;
  }
  .franchisee .option-wrap:first-of-type {
    z-index: 100;
  }
  .franchisee .searchbox {
    padding: 5rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .franchisee .tab li {
    font-size: 1.6rem;
  }
  .franchisee .left {
    min-width: 0;
    width: 100%;
  }
  .franchisee .searchbox {
    padding: 4rem 0;
  }
  .franchisee .desc {
    font-size: 1.6rem;
    line-height: 1.3;
    word-break: keep-all;
  }
  .franchisee .table-wrap {
    width: 100%;
    overflow-x: scroll;
  }
  .franchisee .table {
    min-width: 60rem;
  }
  .franchisee th,
  .franchisee td {
    padding: 1.5rem 1rem;
  }
  .franchisee .wid-60 {
    width: 52%;
  }
  .franchisee .search {
    min-width: 0;
    width: 100%;
  }
  .franchisee .btn-wrap .btn {
    padding: 1.2rem 1.2rem;
  }
}
/*240722 추가*/
.search-view .sec-1 {
  margin-top: 9rem;
}
.search-view .icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-view .icon-wrap {
  padding: 0.8rem 2rem;
  background: #F5F8FF;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
}
.search-view .sec-tit {
  margin: 3rem auto 6rem;
  font-size: 5rem;
  text-align: center;
}
.search-view .input-wrap {
  display: flex;
  justify-content: center;
}
.search-view .search-wrap {
  position: relative;
}
.search-view .search-wrap input {
  padding: 1.4rem 2rem;
  min-width: 52rem;
  border-radius: 10rem;
  -webkit-border-radius: 10rem;
  -moz-border-radius: 10rem;
  -ms-border-radius: 10rem;
  -o-border-radius: 10rem;
  border: 1px solid var(--fc-main);
  font-size: 1.8rem;
}
.search-view .search-wrap .search-btn {
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  right: 2rem;
  font-size: 1.8rem;
  color: #60646F;
  font-weight: 500;
}
.search-view .cont {
  margin-top: 6rem;
  padding: 6rem 0;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.search-view .info {
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.2;
}
.search-view .info-desc {
  text-align: center;
  font-size: 1.8rem;
}
.search-view .grid-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-content: center;
  gap: 6rem 2rem;
  margin-top: 6rem;
  margin-bottom: 13rem;
}
.search-view .grid-wrap li {
  text-align: center;
}
.search-view .grid-wrap li .img-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 92.31%;
}
.search-view .grid-wrap li .img-wrap img {
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.search-view .product-name {
  margin-top: 3rem;
  font-size: 1.8rem;
}
.search-view .go {
  max-width: 13rem;
  margin: 0 auto;
}
.search-view .go a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 2rem;
}
.search-view .go a span {
  display: block;
  color: #60646F;
  font-size: 1.8rem;
}
.search-view .go:hover a span {
  font-weight: 700;
  color: var(--c-main);
}
.search-view .go:hover img {
  content: url("../img/icon/arrow-hover.png");
}

@media all and (max-width: 85.375rem) {
  .search-view .sec-1 {
    margin-top: 9rem;
  }
  .search-view .grid-wrap {
    margin-bottom: 10rem;
  }
  .search-view .grid-wrap li {
    width: 95%;
  }
}
@media all and (max-width: 64rem) {
  .search-view .sec-tit {
    font-size: 4rem;
  }
  .search-view .grid-wrap {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 8rem;
  }
}
@media all and (max-width: 63.9375rem) {
  .search-view .sec-tit {
    margin: 2rem 0 5rem;
    font-size: 3.6rem;
  }
  .search-view .search-wrap input {
    font-size: 1.6rem;
  }
  .search-view .cont {
    margin-top: 5rem;
    padding: 5rem 0;
  }
  .search-view .info,
  .search-view .info-desc {
    font-size: 1.6rem;
  }
  .search-view .grid-wrap {
    margin-top: 5rem;
    margin-bottom: 6rem;
  }
  .search-view .product-name {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
  .search-view .go a {
    margin-top: 1rem;
  }
  .search-view .go a span {
    font-size: 1.6rem;
  }
}
@media all and (max-width: 47.9375rem) {
  .search-view .sec-tit {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  .search-view .search-wrap input {
    padding: 1.2rem 1.6rem;
    min-width: 0;
    width: 100%;
  }
  .search-view .cont {
    margin-top: 4rem;
    padding: 4rem 0;
  }
  .search-view .grid-wrap {
    margin-top: 4rem;
    margin-bottom: 4rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .search-view .grid-wrap li {
    width: 100%;
  }
  .search-view .product-name {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  .search-view .go a {
    margin-top: 1rem;
  }
  .search-view .go a span {
    font-size: 1.5rem;
  }
}
.header-black {
  /*240722 추가*/
}
.header-black .header .right-menu .lang-wrap .lang-btn {
  color: var(--fc-main);
}
.header-black .header .right-menu .lang-wrap .lang-btn .fi img {
  content: url("../img/icon/lang-black.png");
}
.header-black .header .right-menu .search-btn img {
  content: url("../img/icon/search-black.png");
}
.header-black .header .lang-wrap .lang-option a {
  color: var(--fc-main);
}
.header-black .gnb > li {
  color: var(--fc-main);
}