html, body {
  margin:0;
  padding:0;
  font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color:var(--main-text);
}
body:has(nav.mobile) {
  overflow:hidden;
}
* {
  box-sizing:border-box;
}
a, a:visited, a:active, a:hover, a:focus, a:link {
  text-decoration:none;
  color:inherit;
}
p {margin:0; padding:0;word-break:keep-all;}
ul {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
}
table {
  width:100%;
  border-collapse:collapse;
}
br.mobile {
  display:none;
}
br.desktop {
  display:inline;
}

div#layout {
  display:flex;
  flex-direction:column;
}

header {
  flex:1;
  display:flex;
  justify-content:center;
  padding:0 56px;
  z-index:10;
}
header.sticky {
  position:sticky;
  top:0;
  background-color:white;
  box-shadow:0 0 8px 0 rgba(0, 0, 0, .3);
  z-index:10;
}
header .logo-header {
  height:40px;
  transition:height 0.2s ease;
  z-index:9;
}
header.sticky .logo-header,
header:has(nav.mobile) .logo-header {
  height:26px;
}
header .container {
  flex:1;
  display:flex;
  justify-content:space-between;
  flex-direction:row;
  height:94px;
  align-items:center;
  transition:height 0.2s ease;
}
header.sticky .container,
header:has(nav.mobile) .container {
  height:60px;
}
header .wrap-logo a {
  display:flex;
}

nav {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
}
nav .hamburger {
  display:none;
}
nav ul.desktop {
  display:flex;
  gap:50px;
  flex-direction:row;
  list-style:none;
  list-style-type:none;
}
nav ul.desktop li {
  font-size:1.13rem;
}
nav .wrap-mobile {
  display:none;
}
nav .hamburger {
  background-image:url('/statics/img/hamburger.svg');
  width:24px;
  height:24px;
}
nav.mobile .hamburger {
  background-image:url('/statics/img/close.svg');
}
nav.mobile .wrap-mobile {
  flex-direction:column;
  background-color:white;
  position:absolute;
  left:0;
  top:60px;
  width:100%;
  height:calc(100vh - 60px);
}
nav.mobile ul.mobile {
  flex-direction:column;
}
nav.mobile .wrap-list {
  flex:1;
  overflow:scroll;
  padding:25px 20px 0;
}
nav.mobile .wrap-list ul.mobile > li > a,
nav.mobile .wrap-list ul.mobile > li > span,
nav.mobile .wrap-list ul.mobile > li > .title {
  display:flex;
  padding:14px 0;
  border-bottom:1px solid var(--color-line);
  gap:10px;
  align-items:center;
}
nav.mobile .wrap-list ul.mobile > li > ul {
  padding:20px 10px;
  border-bottom:1px solid var(--color-line);
  display:flex;
  flex-direction:column;
}
nav.mobile .wrap-list ul.mobile > li > ul > li {
  line-height:43px;
}
nav.mobile .wrap-list ul.mobile > li > ul > li > a {
  display:block;
}
nav.mobile .wrap-mobile .copyright {
  display:flex;
  justify-content:center;
  align-items:center;
  padding-bottom:30px;
}


main {
  display:flex;
  justify-content:center;
  align-items:start;
  min-height:100vh;
}
main > .container {
  width:100%;
  max-width:3000px;
  display:flex;
  justify-content:center;
  flex-direction:column;
}
main section {
  margin-bottom:200px;
}
main section:last-child {
  margin-bottom:150px;
}
main section .wrap-title {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:50px;
}

footer .container {
  padding:0 56px;
  display:flex;
  gap:20px;
  flex-direction:column;
  margin-bottom:50px;
}
footer .line {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  color:var(--color-text-gray);
  align-items:center;
}
footer .line ul {
  display:flex;
  gap:50px;
  flex-direction:row;
}

/* Promotion section */
main > .container:has(.index-container) {
  margin:0 56px;
}
section.promotion {
  margin-top:50px;
  min-height:900px;
  display:flex;
  gap:40px;
}
section.promotion > div {
  flex:1 calc(50% - 20px);
}
section.promotion #promotionMain {
  position:relative;
}
section.promotion #promotionOverwrap {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  z-index:1;
  transition:opacity 0.5s ease; /* 투명도 전환 트랜지션 */
  opacity:0;
}
section.promotion #promotionOverwrap.fade-out {
  opacity:0; /* 투명 상태 */
}
section.promotion #promotionOverwrap.fade-in {
  opacity:1; /* 보이는 상태 */
}
section.promotion .wrap-main {
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
  
  min-height:900px;
  padding:80px;
  background-image:url('/statics/img/promotion_01.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
section.promotion .wrap-main .wrap-text {
  color:white;
  z-index:2;
}
section.promotion .wrap-sub {
  display:flex;
  gap:40px;
  flex-wrap:wrap;
}
section.promotion .wrap-sub .sub {
  flex:1 1 calc(50% - 40px);
  height:430px;
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
  padding:40px;

  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
section.promotion .wrap-sub .sub:first-child {
  justify-content:space-between;
}
section.promotion .wrap-sub .sub:nth-child(2) {
  background-image:url('/statics/img/promotion_02.webp');
}
section.promotion .wrap-sub .sub:nth-child(3) {
  background-image:url('/statics/img/promotion_03.webp');
}
section.promotion .wrap-sub .sub:nth-child(4) {
  background-image:url('/statics/img/promotion_04.webp');
}
section.promotion .wrap-sub .sub:not(:first-child) p {
  font-weight:700;
  color:white;
  font-size:var(--font-size-t3);
  line-height:var(--line-height-t3);
}
section.promotion .wrap-sub .sub .wrap-icon {
  display:flex;
  justify-content:end;
}
section.promotion .mobile {
  display:none;
}

/* Difference section */
section.difference {
  display:flex;
  flex-direction:column;
}
section.difference .wrap-contents {
  display:flex;
  gap:40px;
  flex-direction:column;
}
section.difference .wrap-contents .contents {
  flex:1;
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.difference .wrap-contents .contents .content {
  flex:1 calc(50% - 20px);
  display:flex;
  flex-direction:column;
  gap:50px;

  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;

  box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.06);
  border:1px solid var(--color-line, #E5E5EC);
}
section.difference .wrap-contents .contents .content.main {
  background-image:url('/statics/img/diff_01.webp');
  flex-direction:column;
  padding:0px;
  justify-content:center;
}
section.difference .wrap-contents .contents .content.main .wrap-tag {
  display:flex;
  position:relative;
}
section.difference .wrap-contents .contents .content.main .wrap-tag .tag {
  position:absolute;
  animation:float 3s infinite ease-in-out;
}
@keyframes float {
  0% {
    transform:translateY(0); /* 초기 위치 */
  }
  50% {
    transform:translateY(-20px); /* 위로 이동 */
  }
  100% {
    transform:translateY(0); /* 원래 위치로 돌아옴 */
  }
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(1){
  justify-content:end;
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(1) .tag {
  margin-right:79px;
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(2) {
  margin-top:130px;  
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(2) .tag {
  margin-left:71px;
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(3) {
  justify-content:center;
  margin-top:185px;
}
section.difference .wrap-contents .contents .content.main .wrap-tag:nth-child(3) .tag {
  margin-left:265px;
}
section.difference .wrap-contents .contents .content.list {
  padding:50px;
}
section.difference .wrap-contents .contents .content.list .item {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.difference .wrap-contents .contents .content.list .item .thumbnail {
  width:162px;
  height:162px;
}
section.difference .wrap-contents .contents .content.list .item .information {
  display:flex;
  flex-direction:column;
  align-items:start;
  justify-content:center;
}
section.difference .wrap-contents .contents .content.list .item .information .title {
  margin-bottom:12px;
}
section.difference .wrap-contents .contents.ads {
  display:flex;
  gap:0;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  background-image:url('/statics/img/diff_02.webp');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  min-height:900px;
}
section.difference .wrap-contents .contents.ads .icons {
  flex:1;
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}

section.difference .wrap-contents .contents.ads .icons .wrap-icon:nth-child(1) {
  margin-top:380px;
  padding-left:305px;
}
section.difference .wrap-contents .contents.ads .icons .wrap-icon:nth-child(2) {
  margin-top:250px;
  padding-right:305px;
}
section.difference .wrap-contents .contents.ads .icons .wrap-icon .icon {
  display:flex;
  gap:20px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:230px;
  height:230px;
  background-color:white;
}
section.difference .wrap-contents .contents.ads .icons .wrap-icon .icon img {
  width:112px;
  height:112px;
}
section.difference .wrap-contents .contents.ads .description {
  color:white;
  margin-bottom:80px;
}

/* Withyou section */
section.withyou {
  display:flex;
  flex-direction:column;
}
section.withyou .wrap-contents {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.withyou .wrap-contents .contents {
  flex:1;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  padding:80px;
  color:white;
  display:flex;
  flex-direction:column;
  gap:50px;
  min-height:900px;
}
section.withyou .wrap-contents .contents:first-child {
  background-image:url('/statics/img/with_01.webp');
}
section.withyou .wrap-contents .contents:last-child {
  background-image:url('/statics/img/with_02.webp');
  text-align:center;
}
section.withyou .wrap-contents .contents .content.box {
  display:flex;
  flex-direction:column;
  gap:40px;
  background-color:white;
  flex:1;
  flex-grow:1;
}
section.withyou .wrap-contents .contents .content.box ul {
  color:initial;
  padding:50px;
  display:flex;
  flex-direction:column;
  gap:50px;
}
section.withyou .wrap-contents .contents .content.box ul li {
  display:flex;
  gap:40px;
  flex-direction:row;
  align-items:center;
}
section.withyou .wrap-contents .contents .content.box ul li .wrap-image {
  padding:20px;
  background-color:var(--color-background-soft);
}
section.withyou .wrap-contents .contents .content.box ul li img {
  width:82px;
  height:82px;
  object-fit: cover;
}
section.withyou .wrap-contents .contents .content.box .wrap-description {
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:start;
}

/* Branch section */
main > .container:has(.branch-container) {
  margin:0 56px;
}
section.branch {
  display:flex;
  flex-direction:column;
  gap:50px;
  align-items:center;
}
section.branch .wrap-title,
section.branch .wrap-tags,
section.branch .wrap-contents {
  width:100%;
}
section.branch .wrap-title {
  margin-bottom:0;
}
section.branch .wrap-tags {
  overflow:hidden;
  width:100%;
}
section.branch .wrap-tags .tags {
  list-style:none;
  display:flex;
  gap:12px;
  flex-direction:row;
  justify-content:center;
}
section.branch .wrap-contents {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.branch .wrap-contents .contents {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:40px;
  width:100%;
}
section.branch .wrap-contents .contents .content {
  flex:1;
  display:flex;
  gap:40px;
  flex-direction:row;
}
section.branch .wrap-contents .contents .content .item {
  flex:1;
  display:flex;
  flex-direction:row;
  height:430px;
  padding:40px;
}
section.branch .wrap-contents .contents .content.big .item {
  height:900px;
}
section.branch .wrap-contents .contents .content .item.blog {
  flex-direction:column;
  background-image:url('/statics/img/blog_icon.webp');
  background-repeat:no-repeat;
  background-size:170px 170px;
  background-position:calc(100% - 40px) calc(100% - 40px);
}
section.branch .wrap-contents .contents .content .item.blog .title {
  margin-bottom:10px;
}
section.branch .wrap-contents .contents .content .item.blog .wrap-image {
  flex:1;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:end;
}
.read-more {
  width:40px;
  height:40px;
  background-color:var(--color-text-gray);
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;

  background-image:url('/statics/img/right_arrow.svg');
  background-position:center;
  background-repeat:no-repeat;
  background-size:20px 20px;
}
section.branch .wrap-contents .contents .content .item.blog .icon-blog {
  width:170px;
  height:170px;
}
section.branch .wrap-contents .contents .content .item.branch {
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;

  flex-direction:column;
  justify-content:space-between;
  color:white;
}
section.branch .wrap-contents .contents .content .item.branch .wrap-call {
  display:none;
  justify-content:end;
}
section.branch .wrap-contents .contents .content .item.branch .wrap-call .call {
  width:34px;
  height:34px;
  border:1px solid var(--color-brand-500);
  background-color:white;
  background-image:url('/statics/img/phone.svg');
  background-repeat:no-repeat;
  background-size:25px;
  background-position:center;

  border-radius:6px;
}

/* Review section */
section.review {
  display:flex;
  flex-direction:column;
}
section.review .contents {
  display:flex;
  flex-direction:row;
  gap:40px;
  justify-content:space-around;
}
section.review .contents .content {
  flex:1;
  display:flex;
  flex-direction:column;
  gap:40px;
  padding:40px;
}
section.review .wrap-writer {
  display:flex;
  align-items:center;
  flex-direction:row;
  gap:40px;
}
section.review .wrap-writer .wrap-profile {
  width:90px;
  height:90px;
  background-color:var(--color-background-soft);
  display:flex;
  justify-content:center;
  align-items:end;
}
section.review .wrap-writer .wrap-profile img {
  width:80px;
  height:80px;
}
section.review .wrap-writer .wrap-name {
  display:flex;
  flex-direction:column;
  gap:12px;
}

div.branch-container {
  /* padding:0 194px; */
}
div.branch-container section {
  margin-bottom:50px;
}
section .branch-section-title {
  margin-bottom:50px;
}
section.album {
  display:flex;
  flex-direction:row;
  gap:40px;
  height:702px;
}
section.album div {
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
section.album > div {
  flex:1 1 calc(50% - 40px);
  overflow:hidden;
}
section.album > div.main {
  height:100%;
}
section.album > div.sub {
  display:flex;
  gap:40px;
  flex-direction:column;
  height:100%;
}
section.album > div.sub > div {
  flex:1;
  height:100%;
  overflow:hidden;
}
section.album > div.sub .bottom {
  display:flex;
  gap:40px;
  flex-direction:row;
}
section.album > div.sub .bottom > div {
  flex:1;
}
section.album img {
  width:100%;
  height:100%;
  object-fit:cover;
}

section.information {

}
section.information .branch-type {
  margin-top:50px;
  margin-bottom:10px;
}
section.information .branch-default {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-bottom:50px;
}
section.information .branch-selector {
  display:flex;
  align-items:center;
}
section.information .branch-default select {
  height:60px;
  border:1px solid var(--color-line);
  padding:0 20px;
  font-size:20px;
  border-radius:6px;
}
section.information .branch-tags {
  display:flex;
  gap:12px;
  flex-direction:row;
  width:100%;
  overflow:auto;
}
section.information .branch-tags .tag {
  border:0;
  background-color:var(--color-background-dark);
  font-size:20px;
}
section.information .branch-information {

}
section.information .branch-information table {
  
}
section.information .branch-information table tr {
  border-bottom:1px solid var(--color-line);
}
section.information .branch-information table th,
section.information .branch-information table td {
  padding:20px 0;
}
section.information .branch-information table td {
  padding-left:12px;
}
section.information .branch-information table th {
  width:200px;
}
section.information .branch-information table th > div {
  display:flex;
  align-items:center;
  gap:10px;
}
section.information .branch-information table th > div img {
  width:24px;
  height:24px;
}

section.personnel {

}
section.personnel .wrap-icon {
  width:100px;
  height:100px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid var(--color-line);
}
section.personnel .wrap-icon img {
  width:50px;
  height:50px;
}
section.personnel .personnel-contents {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.personnel .personnel-item {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:20px;
  flex-basis:205px;
}
section.personnel .personnel-info {
  display:flex;
  flex-direction:column;
  gap:10px;
}

section.service {

}
section.service .container {
  display:grid;
  grid-template-columns:repeat(3, minmax(200px, 1fr)); /* 컬럼 개수 자동 조정 */
  gap:50px 40px; /* 요소 간 간격 */
}
section.service .item {
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:20px;
}
section.service .item .icon {
  width:50px;
  height:50px;
}

section.map {
  margin-bottom:150px;
}
section.map .address {
  margin-bottom:20px;
}
section.map .wrap-map {

}
section.map #map {
  width:100%;height:673px;
}


.tools-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:50px 194px 0;
  min-width:1100px;
}
.tools-container section.title {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:50px;
}
.tools-container section.title p {text-align:center;}
.tools-container section.title p.title {
  margin-bottom:20px;
}
.tools-container section.title p:last-child {
  color:var(--color-text-sub);
}

section.tools {
  width:100%;
  margin-bottom:40px;
}
section.tools .container {
  display:flex;
  flex-direction:row;
  gap:40px;
  width:100%;
}
section.tools .item {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:430px;
  padding:40px;
  background-position:calc(100% - 40px) calc(100% - 40px);
  background-repeat:no-repeat;
  background-size:170px 170px;
}
section.tools .item:first-child {
  background-image:url('/statics/img/tools_01.png');
}
section.tools .item:last-child {
  background-image:url('/statics/img/tools_02.png');
}
section.tools .item .line {
  
}
section.tools .item .line p:first-child {
  margin-bottom:10px;
}
section.tools-information {
  width:100%;
}
section.tools-information .container {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:136px;
  background-color:var(--color-background-soft);
  text-align:center;
  padding:0 20px;
}

/* 요양등급 테스트 */
main > .container:has(.level-container) {
  margin:0 250px;
}
div.level-container {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:50px;
  min-width:1100px;
}
div.level-container section {
  margin-bottom:50px;
}
div.level-container section:last-child {
  margin-bottom:150px;
}
div.level-container section.title {
  text-align:center;
}
div.level-container section.title p.title {
  margin-bottom:20px;
}
section.level-description {
  width:100%;
  flex:1;
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.level-description .item {
  flex:1;
  padding:50px;
  display:flex;
  flex-direction:column;
}
section.level-description .item:first-child {
  color:white;
  justify-content:space-between;
  background-image:url('/statics/img/level.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
section.level-description .item ul {
  display:flex;
  flex-direction:column;
  gap:40px;
}
section.level-description .item ul li {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.level-description .item ul li .wrap-image {
  width:80px;
  height:80px;
  background-color:var(--test, #F7F7FB);
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:var(--border-radius-small);
}
section.level-description .item ul li .wrap-image img {
  width:50px;
  height:50px;
}
section.level-description .item ul li .description {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
}
section.level-information {
  width:100%;
}
section.level-information .container {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  height:136px;
  background-color:var(--color-background-soft);
  text-align:center;
  padding:0 20px;
}
section.level-buttons {
  width:100%;
}
section.level-buttons .container {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.level-buttons .container a {
  padding:14px 0;
  display:flex;
  justify-content:center;
  align-items:center;
}
section.level-buttons .container a:first-child {
  width:22%;
}
section.level-buttons .container a:last-child {
  flex:1;
  background-color:var(--color-brand-500);
  color:white;
}
section.level-buttons .container a:first-child:hover {
  background-color:var(--color-background-soft);
}
section.level-buttons .container a:last-child:hover {
  background-color:var(--color-brand-700);
}

/**/
.level-simulator-container {
  padding-top:50px;
  width:1120px;
  margin:0 auto;
}
.level-simulator-container section {
  margin-bottom:50px;
}
.level-simulator-container .wrap-title {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
}
.level-simulator-container .wrap-title .title {

}
.level-simulator-container .wrap-title .subtitle {

}
.level-simulator-container .wrap-wizard {
  margin-bottom:100px;
}
.level-simulator-container .wrap-wizard ul {
  display:flex;
  position:relative;
}
.level-simulator-container .wrap-wizard ul::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:10px;
  background-color:var(--color-line-light);
  border-radius:10px;
}
.level-simulator-container .wrap-wizard ul li {
  position:relative;
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding-top:30px;
  gap:10px;
  color:var(--color-text-gray);
}
.level-simulator-container .wrap-wizard ul li.active {
  color:var(--color-brand-700);
  
}
.level-simulator-container .wrap-wizard ul li.active::before {
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:10px;
  background-color:var(--color-brand-500);
  border-radius:10px;
}
.level-simulator-container .wrap-wizard ul li.active + li.active::before {
  left:-20px;
  width:calc(100% + 20px);
}
.level-simulator-container .wrap-wizard ul li .wrap-icon {
  width:80px;
  height:80px;
  border:1px solid var(--color-line-light);
  border-radius:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:var(--color-background-soft);
}
.level-simulator-container .wrap-wizard ul li .wrap-icon img {
  width:50px;
  height:50px;
}
.level-simulator-container .wrap-wizard ul li.active .wrap-icon {
  border-color:var(--color-brand-500);
  background-color:var(--color-brand-30);
}

.level-simulator-container .wrap-question {
  margin-bottom:100px;
}
.level-simulator-container .wrap-question .question-title {
  margin-bottom:17px;
}
.level-simulator-container .wrap-question .question-desc {
  color:var(--color-text-sub);
  margin-bottom:17px;
}
.wrap-questions .questions {
  display:none;
  flex-direction:column;
}
.wrap-questions .questions.active {
  display:flex;
}
.wrap-questions .wrap-answer {
  display:flex;
  flex-direction:column;
  gap:20px;
  padding-top:33px;
}
.wrap-questions .wrap-answer .answer {
  display:flex;
  justify-content:center;
  border:1px solid var(--color-line);
  border-radius:15px;
  padding:14px;
}
.wrap-questions .wrap-answer .answer.selected {
  border-color:var(--color-brand-500);
  color:var(--color-brand-700);
  background-color:var(--color-brand-30);
}

.level-simulator-container section.wrap-controller {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  gap:40px;
}
.level-simulator-container section.wrap-controller button {
  padding:14px 0;
  min-width:254px;
  background-color:white;
  border:1px solid var(--color-line);
  border-radius:15px;
}
.level-simulator-container section.wrap-controller button.btn-next,
.level-simulator-container section.wrap-controller button.btn-result {
  flex:1;
  background-color:var(--color-brand-500);
  color:white;
  border:0;
}
.level-simulator-container section.wrap-level-result {
  display:none;
}
section.wrap-level-result .wrap-title {

}
section.wrap-level-result .wrap-title .subtitle {
  color:var(--color-brand-500);
  font-size:24px;
}
section.wrap-level-result .wrap-title .title {
  
}
section.wrap-level-result .wrap-grade {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:50px;
}
section.wrap-level-result .wrap-grade .grade {
  color:var(--color-brand-500);
  margin-bottom:20px;
}
section.wrap-level-result .wrap-information {
  margin-bottom:50px;
}
section.wrap-level-result .wrap-information ul {
  display:grid;
  grid-template-columns:repeat(2, minmax(200px, 1fr));
  gap:40px;
}
section.wrap-level-result .wrap-information ul li {
  display:flex;
  flex-direction:column;
  border:1px solid var(--color-line);
  border-radius:15px;
  padding:40px 50px;
  background-color:var(--color-background-soft);
  color:var(--color-text-disabled);
}
section.wrap-level-result .wrap-information ul li.active {
  background-color:white;
  border-color:var(--color-brand-500);
  box-shadow:0px 4px 20px 0px rgba(0, 0, 0, 0.06);
}

section.wrap-level-result .wrap-information .title {
  margin-bottom:12px;
  flex:1;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
section.wrap-level-result .wrap-information .title > div {
  display:flex;
  align-items:center;
}
section.wrap-level-result .wrap-information ul li.active .title .left {
  color:var(--color-brand-500);
}
section.wrap-level-result .wrap-information .title .left img {
  margin-right:5px;
}
section.wrap-level-result .wrap-information .title .right {
  align-items:end;
  display:flex;
  gap:5px;
  color:var(--color-text-disabled);
}
section.wrap-level-result .wrap-information li.active .title .right .score {
  color:black;
}
section.wrap-level-result .wrap-information .progress {
  display:flex;
  flex-direction:row;
  gap:5px;
}
section.wrap-level-result .wrap-information .progress .bar {
  height:12px;
  background-color:var(--color-line);
  border-radius:10px;
}
section.wrap-level-result .wrap-information li.active .progress .bar {
  background-color:var(--color-line-light);
}
section.wrap-level-result .wrap-information .progress .bar.highlight {
  background-color:var(--color-text-disabled);
}
section.wrap-level-result .wrap-information li.active .progress .bar.highlight {
  background-color:var(--color-brand-500);
}
section.wrap-level-result .wrap-description {
  border:1px solid var(--color-line);
  padding:40px;
  border-radius:15px;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:var(--color-background-soft);
  margin-bottom:100px;
}
section.wrap-level-result .wrap-buttons {
  display:flex;
  gap:40px;
  flex-direction:row;
  justify-content:space-between;
}
section.wrap-level-result .wrap-buttons a {
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:254px;
  border:1px solid var(--color-line);
  border-radius:15px;;
  height:62px;
  font-size:var(--font-size-b1);
}
section.wrap-level-result .wrap-buttons a:last-child {
  flex:1;
  background-color:var(--color-brand-500);
  color:white;
  font-weight:600;
}

.price-simulate-container {
  width:1120px;
  margin:0 auto;
}
.price-simulate-container section.test {
  display:flex;
  flex-direction:column;
}
.price-simulate-container section.test .wrap-title {
  margin-top:50px;
}
.price-simulate-container section.test .wrap-title .title {
  margin-bottom:20px;
}
.price-simulate-container section.test .wrap-title .description {
  margin-bottom:50px;
}
.price-simulate-container section.test .wrap-title .wrap-image {
  display:flex;
  width:100%;
  justify-content:center;
  align-items:center;

  background-image:url('/statics/img/price_bgi.png');
  background-repeat:no-repeat;
  background-size:787px auto;
  background-position:center;
}
.price-simulate-container section.test .wrap-title .wrap-image img {
  width:154px;
  height:154px;
  margin-bottom:50px;
}
.price-simulate-container section.test .wrap-question .title {
  margin-bottom:50px;
}
.price-simulate-container section.test .wrap-question {
  margin-bottom:100px;
}
.price-simulate-container section.test .wrap-question ul {
  display:grid;
  grid-template-columns:repeat(2, minmax(200px, 1fr));
  gap:20px;
}
.price-simulate-container section.test .wrap-question ul li {
  display:flex;
  gap:20px;
  padding:20px;
  border:1px solid var(--color-line);
  border-radius:15px;
  justify-content:center;
  cursor:pointer;
  font-size:var(--font-size-b2)
}
.price-simulate-container section.test .wrap-question ul li.selected {
  color:var(--color-brand-800);
  border-color:var(--color-brand-500);
  background-color:var(--color-brand-30);
}
.price-simulate-container section.test .wrap-controller {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  gap:40px;
}
.price-simulate-container section.test .wrap-controller a,
.price-simulate-container section.test .wrap-controller button {
  display:flex;
  justify-content:center;
  align-items:center;
  height:62px;
  min-width:254px;
  background-color:white;
  border:1px solid var(--color-line);
  border-radius:15px;
}
.price-simulate-container section.test .wrap-controller button {
  flex:1;
  background-color:var(--color-brand-500);
  color:white;
  cursor:pointer;
}
.price-simulate-container section.result {
  display:none;
  flex-direction:column;
  padding-top:50px;
}
.price-simulate-container section.result .wrap-title {
  margin-bottom:50px;
}
.price-simulate-container section.result .wrap-title .subtitle {
  color:var(--color-brand-500);
  font-size:var(--font-size-b1);
  font-weight:600;
  margin-bottom:20px;
}
.price-simulate-container section.result .wrap-title .title {
  font-size:var(--font-size-t1);
  font-weight:700;
  margin-bottom:50px;
  text-align:center;
}
.price-simulate-container section.result .wrap-title .wrap-image {

}
.price-simulate-container section.result .wrap-title .wrap-image img {
  width:154px;
  height:154px;
}
.price-simulate-container section.result .wrap-price {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-bottom:50px;
}
.price-simulate-container section.result .wrap-price .price {
  font-size:var(--font-size-t1);
  font-weight:700;
  margin-bottom:20px;
  color:var(--color-brand-500);
}
.price-simulate-container section.result .wrap-price .description {
  font-size:var(--font-size-b1);
  text-align:center;
}
.price-simulate-container section.result .wrap-detail {
  display:flex;
  gap:40px;
  flex-direction:column;
  border:1px solid var(--color-line);
  border-radius:15px;
  padding:50px;
  margin-bottom:50px;
}
.price-simulate-container section.result .wrap-detail .line {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  font-size:var(--font-size-t3);
  font-weight:700;
}
.price-simulate-container section.result .wrap-detail .line .title {
  
}
.price-simulate-container section.result .wrap-detail .line .price {
  text-align:right;
}
.price-simulate-container section.result .wrap-detail hr {
  width:100%;
  border:0;
  border-top:1px solid var(--color-line);
}
.price-simulate-container section.result .wrap-description {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:20px;
  margin-bottom:100px;
  border:1px solid var(--color-line);
  background-color:var(--color-background-soft);
  border-radius:15px;
  padding:40px;
}
.price-simulate-container section.result .wrap-description p {
  font-size:var(--font-size-b2);
}
.price-simulate-container section.result .wrap-controller {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  gap:40px;
}
.price-simulate-container section.result .wrap-controller a {
  display:flex;
  justify-content:center;
  align-items:center;
  min-width:254px;
  border:1px solid var(--color-line);
  border-radius:15px;
  height:62px;
  font-size:var(--font-size-b1);
}
.price-simulate-container section.result .wrap-controller a:last-child {
  flex:1;
  background-color:var(--color-brand-500);
  color:white;
  font-weight:600;
  border:0;
}

.carezone-container {
  
}
.carezone-container section.title {
  display:flex;
  flex-direction:column;
  text-align:center;
  margin-top:50px;
}
.carezone-container section.title p.title {
  margin-bottom:20px;
}
.carezone-container section.title p.subtitle {
  margin-bottom:50px;
  color:var(--color-text-sub);
}
.carezone-container section.title .wrap-image {
  background-image:url('/statics/img/carezone-header.jpg');
  height:660px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:var(--border-radius);
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:start;
  padding:50px;
}
.carezone-container section.title .wrap-image p {
  text-align:start;
  color:white;
  font-size:var(--font-size-t1);
  font-weight:700;
}
.carezone-container .container {
  padding:0 250px;
  width:100%;
}
.carezone-container .container .section-header {
  margin-bottom:50px;
}
.carezone-container .container .section-header .subtitle {
  color:var(--color-brand-500);
  font-size:var(--font-size-b1);
  font-weight:600;
  margin-bottom:20px;
}
.carezone-container .container .section-header .title {
  font-size:var(--font-size-t2);
  font-weight:700;
}
section.carezone-source {

}
section.carezone-source .container .wrap-source {
  display:grid;
  grid-template-columns:repeat(3, minmax(200px, 1fr));
  gap:20px;
}
section.carezone-source .container .wrap-source .source {
  border:1px solid var(--color-line);
  border-radius:var(--border-radius);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:40px;
}
section.carezone-source .container .wrap-source .source .wrap-info {
  margin-bottom:12px;
}
section.carezone-source .container .wrap-source .source .wrap-info .title {
  font-weight:700;
  font-size:var(--font-size-t3);
  line-height:var(--line-height-t3);
  margin-bottom:12px;
}
section.carezone-source .container .wrap-source .source .wrap-info .desc {
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  color:var(--color-text-sub);
}
section.carezone-source .container .wrap-source .source .footer {
  display:flex;
  flex-direction:row;
  align-items:end;
  justify-content:space-between;
}
section.carezone-source .container .wrap-source .source .footer .cycle {
  position:relative;
  padding-left:34px;
  color:var(--color-brand-700);
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  font-weight:600;
}
section.carezone-source .container .wrap-source .source .footer .cycle::before {
  content:'';
  position:absolute;
  left:0;
  top:3px;
  width:24px;
  height:24px;
  background-image:url('/statics/img/icon/theme_check.svg');
}
section.carezone-source .container .wrap-source .source .footer .wrap-icon {
  display:flex;
  justify-content: end;
  align-self: end;
}
section.carezone-report {
  
}
section.carezone-report .wrap-reports {
  display:flex;
  flex-direction:column;
  gap:50px;
}
section.carezone-report .wrap-report {
  flex:1;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  gap:100px;
}
section.carezone-report  .wrap-reports > .wrap-report:nth-child(odd) {
  flex-direction:row-reverse;
}
section.carezone-report .wrap-report .info {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
section.carezone-report .wrap-report .info .title {
  display:flex;
  flex-direction:row;
  align-items: center;
  margin-bottom:40px;
  justify-content: start;
}
section.carezone-report .wrap-report .info .title img {
  width:48px;
  height:48px;
  margin-right:17px;
}
section.carezone-report .wrap-report .info .title p {
  font-size:var(--font-size-t2);
  font-weight:700;
}
section.carezone-report .wrap-report .info .desc {
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  margin-bottom:20px;
}
section.carezone-report .wrap-report .info .effect {
  position:relative;
  color:var(--color-brand-700);
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  font-weight:600;
  padding-left:34px;
}
section.carezone-report .wrap-report .info .effect::before {
  content:'';
  position:absolute;
  display:inline-block;
  left:0;
  top:5px;
  width:24px;
  height:24px;
  background-image:url('/statics/img/icon/theme_check.svg');
  background-size:24px 24px;
  background-repeat:no-repeat;
  background-position:center;
}
section.carezone-report .wrap-report .report {
  flex:1;
  border:1px solid var(--color-line);
  border-radius:var(--border-radius);
  background-color:var(--color-background-soft);
  padding:50px;
}
section.carezone-report .wrap-report .report img {
  width:100%;
}

section.carezone-image {
  background-image:url('/statics/img/carezone-image.jpg');
  height:900px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  display:flex;
  flex-direction:column;
  justify-content:end;
  padding-bottom:100px;
}
section.carezone-image p {
  color:white;
  margin-bottom:20px;
}
section.carezone-image p:last-child {
  margin-bottom:0px;
}
section.carezone-image span {
  color:var(--color-brand-200);
}

section.carezone-system {

}
section.carezone-system .systems {
  display:grid;
  grid-template-columns:repeat(2, minmax(200px, 1fr));
  gap:40px;
}
section.carezone-system .systems .system {
  border:1px solid var(--color-line);
  border-radius:var(--border-radius);
  padding:40px;
}
section.carezone-system .systems .system .title {
  display:flex;
  flex-direction:column;
}
section.carezone-system .systems .system .title p {
  font-size:var(--font-size-t3);
  font-weight:700;
}
section.carezone-system .systems .system .title span {
  color:var(--color-brand-500);
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  font-weight:600;
  margin-right:20px;
}
section.carezone-system .systems .system .contents {
  display:flex;
  flex-direction:row;
  gap:40px;
}
section.carezone-system .systems .system .contents p {
  font-size:var(--font-size-b1);
  line-height:var(--line-height-b1);
  color:var(--color-text-sub);
}
section.carezone-system .systems .system .contents .wrap-image {
  display:flex;
  justify-content:end;
}
section.carezone-system .systems .system .contents img {
  width:144px;
  height:144px;
}
section.carezone-system hr {
  border:0;
  border-top:1px solid var(--color-line);
  margin:40px 0;
}

section.carezone-link {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:40px;
}
section.carezone-link p {
  text-align:center;
}
section.carezone-link a {
  width:430px;
  background-color:var(--color-brand-500);
  display:flex;
  justify-content:center;
  align-items:center;
  height:62px;
  color:white;
  border-radius:var(--border-radius-small);
  font-size:var(--font-size-b1);
  font-weight:600;
}