.sub-wrap {}
.sub-visual {
  width: 100%;
  height: 25rem;
  background: no-repeat center center;
  background-size: cover;
  position: relative;
}
.sub-visual::before {
  background: #00000066;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
}
.sub-visual .text-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  top: 11.5625rem;
}
.sub-visual .text-wrap h2 {
  font-weight: 700;
  font-size: var(--size50);
  line-height: 1.18;
  text-align: center;
  color: var(--white);
}
.sub-visual .text-wrap ul {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 1.875rem;
}
.sub-visual .text-wrap ul li {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-items: center;
}
.sub-visual .text-wrap ul li span {
  font-family: 'Paperozi';
  font-weight: 500;
  font-size: var(--size16);
  line-height: 1.1875;
  color: var(--white);
}
.sub-visual .text-wrap ul li:not(:first-child)::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--white);
}
.sub-container {
  padding-top: 6.25rem;
}
.sub-nav {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 6.25rem;
}
.sub-nav li {
  width: 7.5rem;
}
.sub-nav li a .icon-wrap {
  width: 100%;
  height: 7.5rem;
  background: no-repeat center center;
  background-size: auto;
  border-radius: 50%;
  background-color: #F6F6F6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.sub-nav1 li:nth-child(1) a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_1.png);}
.sub-nav1 li:nth-child(2) a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_2.png);}
.sub-nav1 li:nth-child(3) a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_3.png);}
.sub-nav3 li:nth-child(1) a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_1.png);}
.sub-nav3 li:nth-child(2) a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_2.png);}
.sub-nav3 li:nth-child(3) a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_3.png);}
.sub-nav li a h5 {
  width: 100%;
  white-space: nowrap;
  font-weight: 500;
  font-size: var(--size20);
  line-height: 1.2;
  color: var(--black09);
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.sub-nav li.on a h5 {
  color: var(--mainColor);
}
.sub-nav li.on a .icon-wrap {background-color: var(--mainColor);}
.sub-nav1 li:nth-child(1).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_1_h.png);}
.sub-nav1 li:nth-child(2).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_2_h.png);}
.sub-nav1 li:nth-child(3).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img1_3_h.png);}
.sub-nav3 li:nth-child(1).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_1_h.png);}
.sub-nav3 li:nth-child(2).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_2_h.png);}
.sub-nav3 li:nth-child(3).on a .icon-wrap {background-image: url(/img/sub/sub_nab_img3_3_h.png);}

.background-gray {
  background: #F6F6F6;
}

.btn {
  font-family: 'Paperozi';
  font-weight: 500;
  font-size: var(--size18);
  line-height: 1.27778;
  text-align: center;
  color: var(--white);
  padding: 1.15625rem 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.btn-blue01 {
  background-color: var(--mainColor);
}
.btn-blue02 {
  background: #1B3588;
}

.s1 {
  padding-top: 9.375rem;
}

/* 브랜드 철학 */
.s1_1 .box-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 2.5rem 6.25rem;
  margin-bottom: 9.375rem;
}
.s1_1 .box-wrap .img-wrap {
  max-width: 600px;
  order: 1;
  width: 46.875%;
  border-radius: 30px;
  overflow: hidden;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.s1_1 .box-wrap .text-wrap {
  width: calc(100% - 46.875% - 6.25rem);
  order: 2;
  padding-top: 1.25rem;
}
.s1_1 .box-wrap:nth-child(odd) {
  gap: 2.5rem 3.75rem;
}
.s1_1 .box-wrap:nth-child(odd) .img-wrap {
  order: 2;
}
.s1_1 .box-wrap:nth-child(odd) .text-wrap {
  order: 1;
  width: calc(100% - 46.875% - 3.75rem);
}
.s1_1 .box-wrap:first-child .text-wrap {
  padding-top: 8.125rem;
}
.s1_1 .box-wrap .text-wrap h6 {
  font-weight: 700;
  font-size: var(--size24);
  line-height: 1.583334;
  color: var(--mainColor);
  margin-bottom: 1.25rem;
}
.s1_1 .box-wrap .text-wrap h4 {
  font-weight: 700;
  font-size: var(--size40);
  line-height: 1.5;
  color: var(--mainColor);
}
.s1_1 .box-wrap:first-child .text-wrap h4 {
  font-size: var(--size34);
  line-height: 1.79412;
}
.s1_1 .box-wrap:first-child .text-wrap h4 span {
  font-size: var(--size45);
}
.s1_1 .box-wrap .text-wrap p {
  font-weight: 400;
  font-size: var(--size24);
  line-height: 1.583334;
  color: var(--black);
  margin-top: 3.125rem;
}
.s1_1 .box-wrap:first-child .text-wrap p {
  margin-top: 2.5rem;
}
.s1_1 .sub-content02 {
  padding: 7.5rem 0 8.375rem;
  background: url(/img/sub/s1_1_bg01.png) no-repeat center center;
}
.s1_1 .sub-content02 h6 {
  font-weight: 700;
  font-size: var(--size24);
  line-height: 1.58334;
  color: var(--white);
}
.s1_1 .sub-content02 h4 {
  font-weight: 700;
  font-size: var(--size40);
  line-height: 1.5;
  color: var(--white);
  margin-top: 1.25rem;
}
.s1_1 .sub-content02 ul {
  margin-top: 1.875rem;
}
.s1_1 .sub-content02 ul li {
  font-weight: 400;
  font-size: var(--size24);
  line-height: 1.58334;
  color: var(--white);
  position: relative;
  padding-left: 2.25rem;
}
.s1_1 .sub-content02 ul li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 1rem;
  top: 1rem;
  background: var(--white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.s1_1 .sub-content02 p {
  font-weight: 400;
  font-size: var(--size24);
  line-height: 1.583334;
  color: var(--white);
  margin-top: 1.875rem;
}

/* 팜스임상영양약확회 */
.s1_2 {
  padding-bottom: 10.625rem;
}
.s1_2 .top {}
.s1_2 .top .img-wrap {
  max-width: 300px;
  width: 60%;
  margin: 0 auto;
}
.s1_2 .top .img-wrap img {
  display: block;
  width: 100%;
}
.s1_2 .top p {
  font-weight: 400;
  font-size: var(--size30);
  line-height: 1.6;
  text-align: center;
  color: var(--black);
  margin-top: 3.75rem;
}
.s1_2 .top p span {
  font-weight: 700;
}
.s1_2 .bottom {
  margin-top: 12.5rem;
}
.s1_2 .bottom h4 {
  font-weight: 700;
  font-size: var(--size40);
  line-height: 1.6;
  text-align: center;
  color: var(--black);
}
.s1_2 .bottom ul {
  margin-top: 3.125rem;
  gap: 1.5625rem;
}
.s1_2 .bottom ul li {
  width: calc(33.3334% - 1.04166667rem);
  background: #1B35880F;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.s1_2 .bottom ul li {
  text-align: center;
  color: var(--black);
  padding: 5rem 3rem;
}
.s1_2 .bottom ul li .p-top {
  font-weight: 700;
  font-size: var(--size24);
  line-height: 1.5833334;
}
.s1_2 .bottom ul li .icon-wrap {
  margin: 2.5rem auto 3.5rem;
  max-width: 80%;
  height: 6.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s1_2 .bottom ul li .icon-wrap img {
  display: block;
  max-width: 100%;
}
.s1_2 .bottom ul li .p-bottom {
  font-weight: 400;
  font-size: var(--size20);
  line-height: 1.6;
  word-break: keep-all;
}
.s1_2 .bottom .inner > p {
  margin-top: 3.125rem;
  font-weight: 400;
  font-size: var(--size24);
  line-height: 1.583334;
  text-align: center;
  color: var(--black);
}

/* CI */
.s1_3 h4 {
  font-weight: 700;
  font-size: var(--size34);
  line-height:1.58824;
  color: var(--black);
}
.s1_3 .sub-content01 .p1 {
  font-weight: 700;
  font-size: var(--size24);
  line-height: 1.583334;
  text-align: center;
  color: var(--black);
  margin-top: 6.25rem;
}
.s1_3 .sub-content01 .img-wrap {
  max-width: 718px;
  width: 95%;
  margin: 6.25rem auto;
}
.s1_3 .sub-content01 .img-wrap img {
  display: block;
  width: 100%;
}
.s1_3 .sub-content01 .img-wrap2 {
  align-items: center;
  justify-content: center;
  gap: 2rem 5rem;
  margin-bottom: 6.125rem;
}
.s1_3 .sub-content01 .img-wrap2 img:first-child {
  width: 25rem;
  max-width: 100%;
}
.s1_3 .sub-content01 .img-wrap2 img:last-child {
  width:15rem;
}
.s1_3 .sub-content01 .p2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.583334;
  text-align: center;
  color: var(--black);
}
.s1_3 .sub-content02 {
  margin-top: 9.375rem;
  padding: 6.25rem 0 9.375rem;
  background: #F8F8F8;
}
.s1_3 .sub-content02 .color-wrap {
  display: flex;
  flex-flow: row wrap;
  margin-top: 6.25rem;
}
.s1_3 .sub-content02 h5 {
  width: 13.75rem;
  font-weight: 800;
  font-size: var(--size24);
  line-height: 1.583334;
  color: var(--black);
  padding-top: 6.25rem;
}
.s1_3 .sub-content02 .color-box {
  width: calc(100% - 13.75rem);
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  gap: 1.25rem;
}
.s1_3 .sub-content02 .left-box {
  width: calc(77.359% - 1.25rem);
  padding-top: 6.25rem;
}
.s1_3 .sub-content02 .right-box {
  width: 22.642%
}
.s1_3 .sub-content02 .box {
  width: 100%;
  background-color: var(--mainColor);
}
.s1_3 .sub-content02 .left-box .box {
  height: 8.75rem;
  margin-bottom: 1.25rem;
}
.s1_3 .sub-content02 .right-box .box {
  height: 15rem;
  margin-bottom: 1.5625rem;
}
.s1_3 .sub-content02 .color-box p {
  font-weight: 500;
  font-size: var(--size20);
  line-height: 1.6;
  color: #666;
}
.s1_3 .sub-content02 .color-box img {
  max-width: 80%;
  margin-bottom: 5px;
}
/* news */
.s3 {
  margin-top: 6.25rem;
  padding: 5rem 0 9.375rem;
  background-color: #F6F6F6;
}

/* cummunity intro */
.s4_intro .sub-content {
  padding: 6.25rem 0 21.5625rem;
}
.s4_intro .box-wrap {
  gap: 2.5rem;
}
.s4_intro .box-wrap .box {
  width: calc(50% - 1.25rem);
  background-color: #fff;
  padding: 3.125rem;
  border-radius: 20px;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  position: relative;
}
.s4_intro .box .title {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
.s4_intro .box .title h3 {
  font-weight: 500;
  font-size: var(--size30);
  line-height: 1.166667;
  color: var(--black);
}
.s4_intro .box .title a {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
  font-family: 'Paperozi';
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.1875;
}
.s4_intro .box .btn {
  display: block;
  width: 100%;
}
.s4_intro .box01 ul {
  width: 100%;
  margin-top: 10px;
}
.s4_intro .box01 ul li {
  border-top: 1px solid #ddd;
}
.s4_intro .box01 ul li:first-child {
  border-top: none;
}
.s4_intro .box01 ul li a {
  display: block;
  padding: 1.25rem 0;
}
.s4_intro .box01 ul li:last-child a {
  padding-bottom: 0;
}
.s4_intro .box01 ul li h4 {
  font-family: 'NotoSans';
  font-weight: 500;
  font-size: var(--size18);
  line-height: 1.277778;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 10px;
}
.s4_intro .box01 ul li h4 span.import {
  font-family: 'Paperozi';
  font-weight: 600;
  font-size: var(--size14);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 1.25rem;
  padding-top: 1px;
  border-radius: 5px;
  background-color: #FF787E;
  color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 1px;
}
.s4_intro .box01 ul li h4 span.title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px - 3.75rem);
}
.s4_intro .box01 ul li h4 span.new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #F1C449;
  font-family: 'Paperozi';
  font-weight: 900;
  font-size: 10px;
  line-height: 1;
  color: var(--white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-bottom: 1px;
}
.s4_intro .box01 ul li h6 {
  margin-top: 10px;
  font-weight: 400;
  font-size: var(--size14);
  line-height: 1.28572;
  color: var(--black06);
}
.s4_intro .box02,
.s4_intro .box03 {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
}
.s4_intro .box02 .title {
  display: block;
}
.s4_intro .box02 .title p {
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.3125;
  color: var(--black06);
}
.s4_intro .box02 > img {
  position: absolute;
  top: 3.75rem;
  right: 3.125rem;
  width: 7.5625rem;
}
.s4_intro .box03 > img {
  position: absolute;
  top: 4.125rem;
  right: 7.3125rem;
  width: 9.0625rem;
}
.s4_intro .box04 .btn-wrap {
  margin-top: 3.125rem;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
}
.s4_intro .box04 .btn-wrap img {
  position: absolute;
  bottom: 100%;
  right: 1.25rem;
}

/* 게시판 커스텀 */
.page_tit {
  font-weight: 700;
  font-size: var(--size34);
  line-height: 1.588236;
  color: var(--black);
}
.notice-wrap {
  margin-top: 1.5625rem;
  padding-bottom: 9.375rem;
}
.notice-wrap .notice-ul {
  width: 100%;
  margin-top: 10px;
}
.notice-wrap .notice-ul li {
  border-bottom: 1px solid #ddd;
}

.notice-wrap .notice-ul li a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 1.5625rem 0;
}
.notice-wrap .notice-ul li:last-child a {
}
.notice-wrap .notice-ul li a .left {
  flex: 1;
}
.notice-wrap .notice-ul li h4 {
  font-family: 'NotoSans';
  font-weight: 500;
  font-size: var(--size18);
  line-height: 1.277778;
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 10px;
}
.notice-wrap .notice-ul li h4 span.import {
  font-family: 'Paperozi';
  font-weight: 600;
  font-size: var(--size14);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 1.25rem;
  padding-top: 1px;
  border-radius: 5px;
  background-color: #FF787E;
  color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 1px;
}
.notice-wrap .notice-ul li h4 span.title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 20px - 3.75rem);
}
.notice-wrap .notice-ul li h4 span.new {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #F1C449;
  font-family: 'Paperozi';
  font-weight: 900;
  font-size: 10px;
  line-height: 1;
  color: var(--white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-bottom: 1px;
}
.notice-wrap .notice-ul li p {
  margin-top: 10px;
  font-weight: 400;
  font-size: var(--size14);
  line-height: 1.28572;
  color: var(--black06);
}
.notice-wrap .notice-ul li h5 {
  width: 6.25rem;
  font-weight: 400;
  font-size: var(--size14);
  line-height: 1.28572;
  text-align: right;
}
.inquiry-wrap {
  margin-top: 3.125rem;
  padding-bottom: 18.75rem;
}
.inquiry-wrap .form-wrap .input-wrap textarea {
  height: 6.8125rem;
}
.inquiry-wrap .form-wrap .agree-wrap {
  margin-top: 3.125rem;
}
.inquiry-wrap .form-wrap .agree-wrap h3 {
  font-family: 'Paperozi';
  font-weight: 500;
  font-size: var(--size22);
  line-height: 1.3;
  color: var(--black);
  margin-bottom: 10px;
}
.inquiry-wrap .form-wrap .agree-wrap textarea {
  border: 1px solid #ddd;
    border-radius: 10px;
    padding: 1.1875rem 1.25rem 1.125rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 1.25rem;
}
.inquiry-wrap .form-wrap .agree-wrap .agr {
  margin-top: 0.9375rem;
}
.inquiry-wrap .form-wrap button[type="submit"] {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.press-wrap {
  margin-top: 3.125rem;
}
.press-wrap li {margin-top: 12px;}
.press-wrap li:first-child {
  margin-top: 0;
}
.press-wrap li a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 3.375rem;
  width: 100%;
  padding: 1.8125rem 2.5rem;
  background-color: var(--white);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  box-shadow: 0px 4px 4px 0px #0000000D;
  border: 1px solid var(--white);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.press-wrap li a:hover {
  border-color: #1B3588;
}
.press-wrap li .left {
  flex: 1;
}
.press-wrap li .left .subject {
  font-weight: 500;
  font-size: var(--size18);
  line-height: 1.22223;
  color: var(--black);
}
.press-wrap li .left .contents {
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.625;
  color: var(--black06);
  margin-top: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* 줄 수 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.press-wrap li h6 {
  font-weight: 500;
  font-size: var(--size14);
  line-height: 1rem;
  color: var(--black06);
  width: 6.25rem;
}

.insights-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 2.5rem;
  margin-top: 3.125rem;
}
.insights-wrap li {
  display: block;
  box-shadow: 0px 4px 4px 0px #0000000D;
  width: calc(33.3334% - 1.66667rem);
  background-color: var(--white);
  border-radius: 20px;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.insights-wrap li a {
  display: block;
  width: 100%;
  padding: 2.5rem 2.5rem 0 ;
}
.insights-wrap li h5 {
  display: inline-block;
  border-radius: 30px;
  font-weight: 500;
  font-size: var(--size16);
  line-height: 1.625;
  text-align: center;
  color: var(--white);
  padding: 2px 1rem;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.insights-wrap li h5.blue {background: #3C6BA4;}
.insights-wrap li h5.green {background: #449A4F;}
.insights-wrap li h5.red {background: #D9377D;}
.insights-wrap li h4 {
  font-weight: 500;
  font-size: var(--size20);
  line-height: 1.6;
  color: var(--black);
  word-break: keep-all;
  margin-top: 1.0625rem;
}
.insights-wrap li p {
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.5;
  color: var(--black06);
  margin-top: 10px;
}
.insights-wrap li .img-wrap {
  margin-top: 1.5625rem;
  height: 11.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ddd;
}
.insights-wrap li .img-wrap img {
  display: block;
  width: auto;
  max-width: 70%;
  max-height: 95%;
}
.media-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 2.5rem;
  margin-top: 3.125rem;
}
.media-wrap li {
  box-shadow: 0px 4px 4px 0px #0000000D;
  width: calc(33.3334% - 1.66667rem);
  background-color: var(--white);
  border-radius: 20px;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.media-wrap li .img-wrap {
  display: flex;
  max-width: 100%;
  align-items: center;
  justify-content: center;
}
.media-wrap li .img-wrap img {
  width: 100%;
}
.media-wrap li .text-wrap {
  padding: 1.25rem 2.4375rem 2.375rem 1.875rem;
}
.media-wrap li .text-wrap h4 {
  font-weight: 500;
  font-size: var(--size18);
  line-height: 1.61112;
  color: var(--black);
}
.media-wrap li .text-wrap p {
  margin-top: 0.9375rem;
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.5;
  color: var(--black06);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;   /* 줄 수 */
  overflow: hidden;
  text-overflow: ellipsis;
}

.pharmacy-wrap {
  display: flex;
  flex-flow: row wrap;
  gap: 1.25rem;
  margin-top: 1.875rem;
}
.pharmacy-wrap .sub-tit {
  font-weight: 600;
  font-size: var(--size18);
  line-height: 1.16666667;
  color: var(--black);
  margin-bottom: 1.25rem;
}
.pharmacy-wrap .map-wrap {
  width: 55.625rem;
}
.pharmacy-wrap .map-wrap #map {
  width: 100%;
  height: 25rem;
  border-radius: 20px;
  overflow: hidden;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.pharmacy-wrap .map-wrap .root_daum_roughmap,
.pharmacy-wrap .map-wrap .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
}
.pharmacy-wrap .filter-wrap {
  width: calc(100% - 56.875rem);
}
.pharmacy-wrap .filter-list {
  width: 100%;
  height: 25rem;
  border-radius: 20px;
  overflow-y: auto;
  border: 2px solid #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 1.75rem;
}
.pharmacy-wrap .filter-list li:not(:first-child) {
  margin-top: 0.975rem;
}
.pharmacy-wrap .filter-list li label {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.pharmacy-wrap .filter-list li label p {
  max-width: calc(100% - 10px - 1.25rem);
  font-family: 'NotoSans';
  font-weight: 400;
  font-size: var(--size15);
  line-height: 1.2;
  color: var(--black);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pharmacy-wrap .search-bar {
  width: 100%;
  background-color: #F8F8F8;
  border: 1px solid #ddd;
  padding: 1.25rem 0;
  display: flex; 
  align-items: stretch;
  flex-flow: row wrap;
  justify-content: center;
  gap: 5px;
}
.pharmacy-wrap .search-bar select {
  width: 10rem;
  border-radius: 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 0 0.875rem;
  font-family: 'NotoSans';
  font-weight: 400;
  font-size: var(--size15);
  line-height: 1.2;
  background-color: #fff;
  color: var(--black);
  outline: none;
}
.pharmacy-wrap .search-bar input {
  width: 18.75rem;
  border-radius: 10px;
  border: 1px solid #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 0 0.875rem;
  font-family: 'NotoSans';
  font-weight: 400;
  font-size: var(--size15);
  line-height: 1.2;
  background-color: #fff;
  color: var(--black09);
  outline: none;
}
.pharmacy-wrap .search-bar button {
  font-family: 'NotoSans';
  width: 5rem;
  height: 2.5rem;
  border-radius: 10px;
  background-color: var(--mainColor);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: var(--size15);
  line-height: 1.2;
  color: var(--white);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.pharmacy-list-wrap {
  width: 100%;
  padding-bottom: 9.375rem;
  margin-top: 1.875rem;
}
.pharmacy-list {
  width: 100%;
  border-top: 1px solid #ddd;
}
.pharmacy-list table {
  width: 100%;
}
.pharmacy-list table colgroup col:first-child {
  width: 17.65625%;
}
.pharmacy-list table colgroup col:last-child {
  width: 82.34375%;
}
.pharmacy-list table tr {
  border-bottom: 1px solid #ddd;
}
.pharmacy-list table thead th {
  font-family: 'NotoSans';
  font-weight: 500;
  font-size: var(--size15);
  line-height: 1.2;
  text-align: center;
  color: var(--black);
  background-color: #F6F6F6;
  vertical-align: middle;
  height: 3.125rem;
}
.pharmacy-list table tbody td {
  font-family: 'NotoSans';
  font-weight: 400;
  font-size: var(--size15);
  line-height: 1.2;
  text-align: center;
  color: var(--black);
  height: 3.125rem;
  vertical-align: middle;
}
.pharmacy-list table tbody td:last-child {
  text-align: left;
  padding: 0 10px 0 4.625rem;
}


.s4_4_intro {
  padding: 6.25rem 0 35.9375rem;
  background-color: #F6F6F6;
}
.s4_4_intro p.page_txt {
  font-weight: 400;
  font-size: var(--size16);
  line-height: 1.3125;
  color: var(--black06);
  margin-top: 10px;
}
.s4_4_intro .box-wrap {
  margin-top: 2.5rem;
}
.s4_4_intro .box-wrap .title {
  display: block;
}
.s4_4_intro .box01 p {
  margin-top: 1.25rem;
}
.s4_4_intro .box01 > img {
  position: absolute;
  top: 50%;
  right: 3.125rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.s4_4_intro .box02 > img {
  width: auto;
  position: absolute;
  top: 50%;
  right: 3.125rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.s4_4_intro .box a {
  margin-top: 10.25rem;
}
.s4_5 {
  padding-bottom: 9.375rem;
}
.s4_5 .map-box {
  width: 100%;
  height: 33.75rem;
  overflow: hidden;
  margin-top: 3.125rem;
}
.s4_5 .map-box .root_daum_roughmap, 
.s4_5 .map-box .wrap_map {
  width: 100%;
  height: 100%;
}
.s4_5 .address-box {
  margin-top: 2.5rem;
}
.s4_5 .address-box h4 {
  font-weight: 500;
  font-size: var(--size24);
  line-height: 1.1666666667;
  color: var(--black);
}
.s4_5 .address-box dl {
  margin-top: 1.875rem;
  display: flex;
  flex-flow: row wrap;
  gap: 0 2.1875rem;
}
.s4_5 .address-box dl dt {
  width: 2.8125rem;
  font-weight: 400;
  font-size: var(--size16);
  line-height:2.375;
  color: var(--black);
}
.s4_5 .address-box dl dd {
  width: calc(100% - 5rem);
  font-weight: 400;
  font-size: var(--size16);
  line-height:2.375;
  color: var(--black06);
}
.s4_6 {
  padding-bottom: 9.375rem;
}
.s4_6 .search-wrap2 {
  margin-top: 6.25rem;
}