.pg-omron-nebulizer .sub-head-visual {
    margin-top: 24px;
    height: 620px;
    background: url(/resources/front/pc/images/why-omron/omron-nebulizer/bg-visual.png) no-repeat;
    background-position: center center;
}
.our-dis__list {
    display: flex;
    flex-direction: row;
    row-gap: 40px;
    margin-top: 86px;
	justify-content: center;
    align-items: flex-start;
	gap:125px
}
.our-dis__list div.line {width: 1px;
    height: 274px;
    background: #9d9d9d;
}
.our-dis__list div p {text-align:center;color:#fff}
.our-dis__list div .dis_ttl {font-size:48px;font-weight:700;line-height:1.5;letter-spacing:-0.01em;padding:23px 0 10px 0}
.our-dis__list div .dis_sttl {font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-0.01em}
.our-dis__list div .dis_sttl span {font-size:16px;}
.our-dis__list2 {font-size:24px;font-weight:400;line-height:1.5;letter-spacing:-0.01em;color:#fff;text-align:center;padding:154px 0 20px 0}
.our-dis__list3 {margin-top:15px}
.our-dis__list4 {font-size:32px;font-weight:600;line-height:1.5;letter-spacing:-0.01em;color:#fff;text-align:center;padding-top:74px;}
.our-dis__list4 span {color:rgba(5,231,245,1);}
.our-dis__list5 {font-size:20px;font-weight:400;line-height:1.5;letter-spacing:-0.01em;color:#fff;text-align:center;padding-top:17px;}


.neb-cont .desc-tit {font-size:56px;font-weight:700;line-height:1.5;letter-spacing:-0.01em;color:#000;text-align:center;}
.neb-cont .desc-txt {font-size:22px;font-weight:400;line-height:1.5;letter-spacing:-0.01em;color:#000;text-align:center;margin-top: 20px;}

.neb-cont {background:#F2F2F2;padding:184px 0 160px 0;}
.neb-cont2 {background: #003153; padding: 184px 0 0;height: 1013px;}
.neb-cont3 {background: #003153; padding:184px 0 184px 0;height:auto;}
.neb-cont4 {padding:0;/* height:1900px; */}
.neb-cont4 .btn-area { display: flex; justify-content: center; align-items: center; margin:50px auto; }
.neb-cont4 .btn-area a { width:400px; height: 80px; font-size: 18px;}
.neb-cont4 .btn-area a span { height: 80px; }
.neb-cont4 .btn-area span i { margin-left: 20px;  }

.neb-cont5 {padding:0;padding:184px 0 100px 0}
.neb-cont6 {background:#EBF7FF;padding:0 0 180px 0;height:auto}

.neb-cont .neb-list-box {margin-top:75px;    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;gap:1%
}
.neb-cont .neb-list-box .neb-list {background:#fff;border-radius:90px;padding:40px 0 60px 0;width:23%;margin-bottom:34px}
.neb-cont .neb-list-box .neb-list img {padding:20px 0;}
.neb-cont .neb-list-box .neb-list p {font-size:24px;font-weight:300;line-height:1.5;letter-spacing:0;color:#000}
.neb-cont .neb-list-box .neb-list p.neb-ttl {font-size:24px;font-weight:700;}
.neb-cont .neb-list-box .neb-list p.neb-sttl {font-size:16px;font-weight:400;padding-top:8px;}

.neb-cont {height:auto}

.our-neb__list2 {font-size:56px;font-weight:700;line-height:1.5;letter-spacing:-0.01em;color:#000;text-align:center;padding:83px 0 20px 0}
.our-neb__list3 {margin-top:20px;}
.our-neb__list4 {font-size:16px;font-weight:400;line-height:1.0;letter-spacing:-0.01em;color:#000;text-align:center;padding:32px 0 20px 0}


.frame {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 80px;
  position: relative;
}

.frame .div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 24px 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #003153;
}

.frame .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR", Helvetica;
  font-weight: 700;
  color: #05e7f5;
  font-size: 32px;
  letter-spacing: -0.64px;
  line-height: 44.8px;
  white-space: nowrap;
}

.frame .p {
  width: fit-content;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 25.2px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-3 {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .div-4 {
  display: flex;
  flex-direction: column;
  width: 680px;
  align-items: center;
  gap: 40px;
  position: relative;
}

.frame .group {
  position: relative;
  width: 680px;
  height: 280px;
  background-color: #f2f2f2;
  border-radius: 100px;
}

.frame .group-wrapper {
  position: relative;
  top: 22px;
  left: 30px;
  width: 620px;
  display: flex;
}

.frame .group-2 {
  width: 603px;
  height: 237px;
  margin-left: 9px;
  position: relative;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/youtube-thumbnail-complete-hem-7530t-in-use-topshot-2.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper {
  display: flex;
  flex-direction: column;
  width: 94px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 87px;
  left: 0;
  background-color: #f2f2f2;
}

.frame .text-wrapper-2 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-2 {
  display: flex;
  flex-direction: column;
  width: 122px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 147px;
  left: 229px;
  background-color: #306f95;
}

.frame .text-wrapper-3 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.18px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-3 {
  display: flex;
  flex-direction: column;
  width: 94px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 85px;
  left: 498px;
  background-color: #f2f2f2;
}

.frame .div-wrapper-4 {
  display: flex;
  flex-direction: column;
  width: 94px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 118px;
  left: 498px;
  background-color: #f2f2f2;
}

.frame .div-5 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.frame .text-wrapper-4 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 700;
  color: #000000;
  font-size: 20px;
  letter-spacing: -0.20px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-6 {
  width: 620px;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .vector {
  position: relative;
  align-self: stretch;
  width: 1px;
}

.frame .group-3 {
  position: relative;
  width: 680px;
  height: 280px;
  background-color: #ebf7ff;
  border-radius: 100px;
}

.frame .group-4 {
  width: 603px;
  height: 237px;
  margin-left: 9px;
  position: relative;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/omron-mesh-structure.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-5 {
  display: flex;
  flex-direction: column;
  width: 193px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 155px;
  left: 15px;
  background-color: #306f95;
}

.frame .div-wrapper-6 {
  display: flex;
  flex-direction: column;
  width: 193px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 188px;
  left: 15px;
  background-color: #003153;
}

.frame .div-wrapper-7 {
  display: flex;
  flex-direction: column;
  width: 94px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 188px;
  left: 225px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-8 {
  display: flex;
  flex-direction: column;
  width: 94px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 131px;
  left: 254px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-9 {
  display: flex;
  flex-direction: column;
  width: 101px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 134px;
  left: 490px;
  background-color: #ebf7ff;
}

.frame .text-wrapper-5 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-10 {
  display: flex;
  flex-direction: column;
  width: 94px;
  height: 32px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 93px;
  left: 254px;
  background-color: #ebf7ff;
}

.frame .text-wrapper-6 {
  align-self: stretch;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .text-wrapper-7 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 700;
  color: #005eb8;
  font-size: 20px;
  letter-spacing: -0.20px;
  line-height: 30px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame .text-wrapper-8 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .text-wrapper-9 {
  align-self: stretch;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
  padding-left: 23px;
}

.frame .text-wrapper-9.mg {
	margin-top:12px;
}

.frame .text-wrapper-9:before {
content:"";
position:absolute;
top:10px;
left:7px;
width:5px;
height:5px;
background:#000;
border-radius:100%;
}

.frame .element {
  width: fit-content;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 25.2px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .group-5 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/youtube-thumbnail-complete-hem-7530t-in-use-topshot-4.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-11 {
  display: flex;
  flex-direction: column;
  width: 94px;
  height: 32px;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 32px;
  left: 119px;
  background-color: #f2f2f2;
}

.frame .text-wrapper-10 {
  width: fit-content;
  margin-left: -3.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-12 {
  display: flex;
  flex-direction: column;
  width: 94px;
  height: 68px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 56px;
  left: 362px;
  background-color: #f2f2f2;
}

.frame .text-wrapper-11 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-13 {
  display: flex;
  flex-direction: column;
  width: 94px;
  height: 49px;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 128px;
  left: 371px;
  background-color: #f2f2f2;
}

.frame .div-wrapper-14 {
  display: flex;
  flex-direction: column;
  width: 94px;
  height: 32px;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 176px;
  left: 378px;
  background-color: #f2f2f2;
}

.frame .text-wrapper-12 {
  width: fit-content;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-15 {
  display: flex;
  flex-direction: column;
  width: 65px;
  height: 32px;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 76px;
  left: 126px;
  background-color: #f2f2f2;
}

.frame .div-wrapper-16 {
  display: flex;
  flex-direction: column;
  width: 123px;
  height: 32px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  position: absolute;
  top: 205px;
  left: 223px;
  background-color: #f2f2f2;
}

.frame .div-8 {
  display: flex;
  flex-direction: column;
  width: 620px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.frame .group-6 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  display: flex;
  flex-direction: column;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/omron-mesh-structure-1.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-17 {
  display: flex;
  margin-left: 271px;
  width: 132px;
  height: 42px;
  position: relative;
  margin-top: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-18 {
  margin-left: 358px;
  height: 32px;
  margin-top: 6px;
  justify-content: center;
  display: flex;
  width: 94px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-19 {
  display: flex;
  margin-left: 358px;
  width: 94px;
  height: 32px;
  position: relative;
  margin-top: 14px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-20 {
  display: flex;
  margin-left: 99px;
  width: 94px;
  height: 32px;
  position: relative;
  margin-top: 1px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-21 {
  display: flex;
  margin-left: 180px;
  width: 114px;
  height: 23px;
  position: relative;
  margin-top: 41px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .text-wrapper-13 {
  width: fit-content;
  margin-top: -4.50px;
  margin-bottom: -2.50px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .text-wrapper-14 {
  align-self: stretch;
  margin-top: -1.00px;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .group-7 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  display: flex;
  flex-direction: column;
  gap: 160px;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/youtube-thumbnail-complete-hem-7530t-in-use-topshot-2-1.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-22 {
  display: flex;
  margin-left: 247px;
  width: 58px;
  height: 20px;
  position: relative;
  margin-top: 28px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  background-color: #ff7474;
}

.frame .text-wrapper-15 {
  width: fit-content;
  margin-top: -6.00px;
  margin-bottom: -4.00px;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-23 {
  margin-left: 233px;
  width: 138px;
  height: 22px;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #00f0ff;
  display: flex;
  flex-direction: column;
  padding: 0px 10px;
}

.frame .text-wrapper-16 {
  width: fit-content;
  margin-top: -5.00px;
  margin-bottom: -3.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .text-wrapper-17 {
  width: fit-content;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .group-8 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  display: flex;
  flex-direction: column;
  gap: 161px;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/omron-mesh-structure-2.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-24 {
  display: flex;
  margin-left: 326px;
  width: 58px;
  height: 21px;
  position: relative;
  margin-top: 25px;
  align-items: center;
  justify-content: center;
  background-color: #ff7474;
  flex-direction: column;
  padding: 0px 10px;
}

.frame .text-wrapper-18 {
  width: fit-content;
  margin-top: -5.50px;
  margin-bottom: -3.50px;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-25 {
  display: flex;
  margin-left: 224px;
  width: 143px;
  height: 22px;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px 10px;
  background-color: #00f0ff;
}

.frame .group-9 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/youtube-thumbnail-complete-hem-7530t-in-use-topshot-3.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-26 {
  display: flex;
  flex-direction: column;
  width: 96px;
  height: 39px;
  align-items: flex-end;
  gap: 10px;
  padding: 0px 9px;
  position: absolute;
  top: 4px;
  left: 155px;
  background-color: #f2f2f2;
}

.frame .div-wrapper-27 {
  width: 78px;
  height: 39px;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  position: absolute;
  top: 192px;
  left: 125px;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  padding: 0px 10px;
}

.frame .text-wrapper-19 {
  width: fit-content;
  margin-left: -4.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .div-wrapper-28 {
  display: inline-flex;
  height: 39px;
  align-items: flex-start;
  gap: 10px;
  position: absolute;
  top: 4px;
  left: 344px;
  background-color: #f2f2f2;
  flex-direction: column;
  padding: 0px 10px;
}

.frame .text-wrapper-20 {
  width: fit-content;
  margin-top: -1.00px;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}

.frame .rectangle {
  position: absolute;
  top: 200px;
  left: 205px;
  width: 25px;
  height: 16px;
  background-color: #f2f2f2;
}

.frame .span {
  letter-spacing: -0.03px;
}

.frame .text-wrapper-21 {
  font-weight: 700;
  letter-spacing: -0.03px;
}

.frame .group-10 {
  position: relative;
  top: 22px;
  left: 39px;
  width: 603px;
  height: 237px;
  display: flex;
  gap: 84px;
  /* background-image: url(https://c.animaapp.com/NP4IpRHs/img/omron-mesh-structure-3.png); */
  background-size: 100% 100%;
}

.frame .div-wrapper-29 {
  display: inline-flex;
  width: 115px;
  height: 39px;
  position: relative;
  margin-left: 155px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-wrapper-30 {
  height: 39px;
  display: flex;
  width: 94px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 0px 10px;
  background-color: #ebf7ff;
}

.frame .div-9 {
  display: flex;
  flex-direction: column;
  width: 620px;
  align-items: flex-start;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
}

.frame .div-10 {
  width: 610px;
  margin-top: -1.00px;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 24px;
  position: relative;
  font-family: "Noto Sans KR", Helvetica;
}
/* Original CSS code should be injected here */

/* Additional responsive and accessibility improvements */
.frame {
  max-width: 1440px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .frame {
    width: 100%;
    padding: 0 20px;
  }

  .div-3 {
    flex-direction: column;
    gap: 20px;
  }

  .div-4 {
    width: 100%;
  }

  .group,
  .group-3 {
    width: 100%;
    max-width: 680px;
  }

  .div-6,
  .div-8,
  .div-9,
  .div-10 {
    width: 100%;
  }

  .text-wrapper {
    font-size: 24px;
    line-height: 32px;
  }

  .vector {
    transform: rotate(90deg);
    width: 40px;
    height: 1px;
    align-self: center;
  }
}


.frame2 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 80px;
  position: relative;
}

.frame2 .div {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.frame2 .div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.frame2 .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  color: #05e7f5;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.24px;
  line-height: 28.8px;
  white-space: nowrap;
}

.frame2 .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 56px;
  text-align: center;
  letter-spacing: -0.56px;
  line-height: 72.8px;
  white-space: nowrap;
}

.frame2 .text-wrap {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  color: #005eb8;
  font-size: 24px;
  text-align: center;
  letter-spacing: -0.01px;
  line-height: 1.2em;
  white-space: nowrap;
}

.frame2 .text-wrap-2 {
  position: relative;
  width: fit-content;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: #000;
  font-size: 56px;
  text-align: center;
  letter-spacing: -0.01px;
  line-height: 1.3em;
  white-space: nowrap;
}
.frame2 .p-2 {
  width: fit-content;
  color: #000;
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 38.4px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR-Regular", Helvetica;
  font-weight: 400;
}


.frame2 .p {
  width: fit-content;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 38.4px;
  white-space: nowrap;
  position: relative;
  font-family: "Noto Sans KR-Regular", Helvetica;
  font-weight: 400;
}

.frame2 .div-3a {
  display: flex;
  align-items: flex-start;
  gap: 45px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame2 .group {
  position: relative;
  width: 450px;
  height: 482px;
}

.frame2 .div-4 {
  display: flex;
  flex-direction: column;
  width: 450px;
  align-items: flex-start;
  gap: 12px;
  padding: 32px;
  position: absolute;
  top: 250px;
  left: 0;
  background-color: #f2f2f2;
}

.frame2 .div-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame2 .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans KR-SemiBold", Helvetica;
  font-weight: 600;
  color: #000000;
  font-size: 24px;
  letter-spacing: -0.24px;
  line-height: 36px;
}

.frame2 .text-wrapper-4 {
  align-self: stretch;
  margin-top: -1.00px;
  color: #000000;
  font-size: 16px;
  letter-spacing: -0.16px;
  line-height: 1.5em;
  position: relative;
  font-family: "Noto Sans KR-Regular", Helvetica;
  font-weight: 400;
  padding-left: 24px;
}

.frame2 .text-wrapper-4:before {
content:"";
position:absolute;
top:9px;
left:10px;
width:5px;
height:5px;
background:#000;
border-radius:100%;
}

.frame2 .mask-group {
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 250px;
}

.frame2 .div-5 {
  display: flex;
  flex-direction: column;
  width: 450px;
  height: 232px;
  align-items: flex-start;
  gap: 12px;
  padding: 32px;
  position: absolute;
  top: 250px;
  left: 0;
  background-color: #f2f2f2;
}


.frame2 .element {
  position: relative;
  width: 330px;
  height: 430px;
  background-color: #ffffff;
  border-radius: 90px;
}

.frame2 .div {
  width: 100%;
  align-items: center;
  gap: 20px;
  top: -22px;
  left: 19px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame2 .div-2 {
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame2 .date {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}



.frame2 .image {
  position: relative;
  width: 293px;
  height: 180px;
}

.frame2 .div-3 {
  width: 229px;
  align-items: flex-start;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame2 .item-name {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}



.frame2 .description {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}



.frame2 .frame2-wrapper {
  position: relative;
  width: 330px;
  height: 428px;
  background-color: #ffffff;
  border-radius: 90px;
}

.frame2 .rectangle-wrapper {
  position: relative;
  width: 293px;
  height: 180px;
  margin-top: -12200.00px;
  margin-left: -18784.00px;
  background-image: url(./img/rectangle-54911.svg);
  background-size: 100% 100%;
}

.frame2 .rectangle {
  position: absolute;
  top: 0;
  left: 4px;
  width: 289px;
  height: 180px;
  aspect-ratio: 1.65;
}
.frame3 {
  display: flex;
  flex-wrap: wrap;
  width: 1440px;
  align-items: center;
  gap: 40px 40px;
  position: relative;
}

.frame3.is-collapsed .element:nth-child(n + 5) {
  display: none;
}

/* 버튼 스타일(원하시는 스타일로 변경 가능) */
.list-footer {
  margin-top: 80px;
  text-align: center;
}
.more-btn {
  display: inline-block;
  padding: 10px 16px;
  width:200px;
  height:50px;
  border-radius: 16px;
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  background:#005eb8;
  color:#fff
}

.frame3 .element {
  position: relative;
  width: 330px;
  height: 430px;
  background-color: #ffffff;
  border-radius: 90px;
}

.frame3 .div {
  width: 293px;
  align-items: center;
  gap: 20px;
  top: 30px;
  left: 19px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame3 .div-2 {
  align-items: center;
  gap: 16px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame3 .date {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame3 .text-wrapper {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Noto Sans-Light", Helvetica;
  font-weight: 300;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
}

.frame3 .image {
  position: relative;
  width: 293px;
  height: 180px;
}

.frame3 .div-3 {
  width: 229px;
  align-items: flex-start;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.frame3 .item-name {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame3 .text-wrapper-2 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0;
  line-height: 36px;
}

.frame3 .description {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.frame3 .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Noto Sans KR-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.16px;
  line-height: 24px;
}

.frame3 .p {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans KR-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.16px;
  line-height: 24px;
}

.frame3 .frame3-wrapper {
  position: relative;
  width: 330px;
  height: 428px;
  background-color: #ffffff;
  border-radius: 90px;
}

.frame3 .rectangle-wrapper {
  position: relative;
  width: 293px;
  height: 180px;
  margin-top: -12200.00px;
  margin-left: -18784.00px;
  background-image: url(./img/rectangle-54911.svg);
  background-size: 100% 100%;
}

.frame3 .rectangle {
  position: absolute;
  top: 0;
  left: 4px;
  width: 289px;
  height: 180px;
  aspect-ratio: 1.65;
}


.nb-model {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}
.nb-model .text-wrapper {
	font-size:56px;font-weight:700;line-height:1.5;letter-spacing:-0.01em;color:#000
}
.nb-model .nb-model-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Noto Sans KR-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 56px;
  text-align: center;
  letter-spacing: -0.56px;
  line-height: 84px;
  white-space: nowrap;
}

.nb-model .flexcontainer {
  display: flex;
  flex-direction: column;
  width: 1200px;
  height: 67px;
  align-items: flex-start;
  gap: 1px;
}

.nb-model .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Noto Sans KR-SemiBold", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 22px;
  text-align: center;
  letter-spacing: -0.22px;
  line-height: 33px;
}

.nb-model .span {
  font-weight: 600;
  letter-spacing: -0.05px;
}

.nb-model .nb-model-wrapper-2 {
  font-family: "Noto Sans KR-Regular", Helvetica;
  letter-spacing: -0.05px;
}
.frame5 {
display: flex;
flex-direction: column;
width: 1440px;
align-items: flex-start;
gap: 20px;
position: relative;
}
.frame5 .text-wrapper {
position: relative;
align-self:stretch;
margin-top: -1,00px;
font-family: "Noto Sans KR-SemiBold", Helvetica;
font-weight: 600;
color: #000000;
font-size: 32px;
letter-spacing: -0,24px;
line-height: 36px;
}
.frame5 .div {
display: flex;
flex-direction: column;
align-items: flex-start;
position: relative;
align-self: stretch;
width: 100%;
flex: 0 0 auto;
}
.frame5 .rectangle {
position: relative;
width: 1440px;
height: 3px;
background-color: #003153;
}

.frame5 head {
display: flex;
align-items: center;
position: relative;
align-self stretch;
width: 100%;
flex: 0 0 auto;
}
.frame5 .txt {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 44px 0px 41px;
position: relative; flex: 1;
flex-grow: 1;
}
.frame5 .text-wrapper-2 {
position: relative;
width: fit-content;
margin-top: -1,00px;
font-family: "Noto Sans KR-Medium", Helvetica;
font-weight: 500;
color: #000000;
font-size: 18px;
text-align: center;
letter-spacing: -0,32px;
white-space: nowrap;
}
.frame5 .group-wrapper {
display: inline-flex;
align-items: center;
padding: 0px 0px 40px;
position: relative;
flex: 0 0 auto;
}
.frame5 .group {
position: relative;
width: 1440px;
height: 281px;
background-color: #f2f2f2;
border-radius: 40px;
}
.frame5 .div-2 {
display: inline-flex;
align-items: center;
position: absolute;
top: 40px;
left: 972px;
}
.frame5 .div-3 {
flex-direction: column;
display: flex;
width: 170px;
align-items: center;
position: relative;
}
.frame5 .element {
position: relative;
align-self:stretch;
width: 100%;
margin-left: -10,00px;
margin-right: -10,00px;
aspect-ratio: 1.04;
}
.frame5 .text-wrapper-3 {
position: relative;
align-self: stretch;
font-family: "Noto Sans KR-Regular", Helvetica;
font-weight: 400;
color: #000000;
font-size: 18px;
text-align: center;
letter-spacing: -0,18px;
line-height: 27px;
color:#fff
}
.frame5 .div-4 {
display: flex;
flex-direction: column;
width: 169px;
align-items: center;
position: relative;
}
.frame5 img {
position: relative:
align-self: stretch;
width: 100%;
margin-left: -10,00px;
margin-right: -10,00px;
max-height:fit-content;
}
.frame5 .div-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 4px 20px; position: absolute;
top: 40px;
left: 862px; background-color: #003153;
border-radius: 8px;
}
.frame5 .text-wrapper-4 {
width: fit-content; margin-top: -1,00px;
font-family: "Noto Sans KR-SemiBold", Helvetica;
font-weight: 600;
color: #ffffff;
white-space: nowrap;
position: relative;
font-size: 18px;
letter-spacing: -0,18px;
line-height: 27px;

}
.frame5 .div-5 {
display: flex;
flex-direction: column;
width: 330px;
align-items: flex-start;
justify-content: center;
position: absolute;
top: 40px;
left: 451px;
}
.frame5 .div-wrapper-2 {
display: inline-flex; align-items: center; justify-content: center;
gap: 10px; padding: 4px 20px;
position: relative; flex: 0 0 auto; background-color: #003153;
border-radius: 8px;
 margin-bottom: 17px;
}
.frame5 p {
position:relative;
align-self: stretch;
font-weight: 400;
color: #000000;
position: relative;
font-size: 18px;
letter-spacing: -0,18px;
line-height: 1.3em;
    text-align: left;
    padding-left: 25px;
}
.frame5 p:before {
content:"";
position:absolute;
top:11px;
left:12px;
border-radius:100%;
width:5px;
height:5px;
background-color:#000
}
.frame5 .div-6 {
display: flex; flex-direction: column;
width: 330px; align-items: flex-start;
position: absolute; top: 40px; left: 40px;
}
.frame5 .rectangle-2 {
position: absolute;
top: 40px;
left: 410px;
width: 1px; background-color: #c9c9c9;
height: 201px;
}
.frame5 .rectangle-3 {
position: absolute; top: 40px; left: 821px;
width: 1px; height: 201px;
background-color: #c9c9c9;
}
.frame5 .divider {
position: relative; align-self stretch;
width: 100%;
height: 1px; background-color: #c9c9c9;
}
.frame5 .div-7 {
display: flex; flex-direction: column;
width: 200px; align-items: center;
position: absolute; top: 40px;
left: 1042px;
}
.frame5 .element-2 {
position: relative; align-self: stretch;
width: 100%; margin-left: -10,00px; margin-right: -10,00px;
aspect-ratio: 1,22
}
.frame5 .div-8 {
display: flex; flex-direction: column;
width: 320px; align-items: flex-start; justify-content: center;
gap: 16px; position: absolute; top: 40px;
left: 451px;
}
.frame5 .div-9 {
display: inline-flex; align-items: center;
gap: 32px; position: absolute; top: 40px;
left: 1026px;
}
.frame5 .div-10 {
display: flex; flex-direction: column;
width: 100px; align-items: center; gap: 10px; position: relative;
}
.frame5 .rectangle-4 { position: relative; align-self: stretch; width: 100%; margin-left: -10,00px; margin-right: -10,00px;
aspect-ratio: 0.61
}

.sort {font-size:24px;font-weight:600;line-height:1.5;letter-spacing:-0.01em;text-align:left;color:#000;padding: 80px 0 24px 0;}

.mgT {margin-top:60px;}