@media screen and (max-width: 786px){  
  .promotion .sub-tit-wr .img-blur {object-position: 16%;}
}

.page1 .sec1 { --s1-pt: 11.2rem; --s1-pb: 16rem; --s1-top-mb: 5.2rem; --s1-tt-mb: 3.2rem; --s1-bx-mb: 5.6rem; --s1-bx-px: 2.4rem; --s1-bx-py: 2.4rem; --s1-bx-gap: 7rem; --s1-bx-rd: 2rem; --s1-bx-bg: #F7F7F7; --s1-img-w: 65.6rem; --s1-tx-max: 48rem; --s1-dl-gap: 3rem; --s1-dl-min-h: 23rem; --s1-dl-px: 3.8rem; --s1-dl-pt: 3.4rem; --s1-dl-pb: 3rem; --s1-dl-rd: 2rem; --s1-btn-gap: 1.2rem; --s1-btn-min-w: 16.8rem; --s1-btn-h: 4.8rem; --s1-btn-px: 2rem; --s1-btn-rd: 0; --s1-btn-bd: rgba(255, 255, 255, 0.7); --s1-tt-size: 4.2rem; --s1-st-size: 2rem; --s1-bx-tt-size: 3rem; --s1-bx-ds-size: 2rem; --s1-dl-tt-size: 2rem; --s1-btn-size: 1.6rem; --s1-tt-lh: 1.3; --s1-st-lh: 1.7; --s1-bx-tt-lh: 1.35; --s1-bx-ds-lh: 1.55; --s1-dl-tt-lh: 1.4; --s1-btn-lh: 1; padding: var(--s1-pt)0 var(--s1-pb); background: #fff; } 
.page1 .sec1 .s1-top { max-width: var(--s1-top-max); margin-bottom: var(--s1-top-mb); } 
.page1 .sec1 .s1-st { max-width: var(--s1-st-max); word-break: keep-all; font-size: var(--s1-tx-size); } 
.page1 .sec1 .s1-bx { display: flex; align-items: stretch; gap: var(--s1-bx-gap); margin-bottom:var(--s1-dl-gap); padding: var(--s1-bx-py)var(--s1-bx-px); background: var(--s1-bx-bg); border-radius: var(--s1-bx-rd); } 
.page1 .sec1 .s1-img { flex: 0 0 var(--s1-img-w); width: var(--s1-img-w); aspect-ratio: var(--s1-bx-img-ratio); border-radius: var(--s1-bx-rd); overflow: hidden; } 
.page1 .sec1 .s1-img img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; } 
.page1 .sec1 .s1-tx { display: flex; flex: 1; flex-direction: column; justify-content: center; gap: var(--s1-tx-gap); min-width: 0; } 
.page1 .sec1 .s1-tx .txt { margin-top: 3rem; line-height: 1.7; } 
.page1 .sec1 .s1-bx-tt { margin: 0; font-family: "GyeonggiBatang", serif; font-weight: 700; font-size: 3rem; } 
.page1 .sec1 .s1-bx-ds { margin: 0; } 
.page1 .sec1 .s1-bx-ds+.s1-bx-ds { margin-top: 1.4rem; } 
.page1 .sec1 .s1-dl-ls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s1-dl-gap); margin: 0; padding: 0; list-style: none; } 
.page1 .sec1 .s1-dl-it { display: flex; flex-direction: column; justify-content: space-between; min-height: var(--s1-dl-min-h); padding: var(--s1-dl-pt)var(--s1-dl-px)var(--s1-dl-pb); background: #24462F; border-radius: var(--s1-dl-rd); } 
.page1 .sec1 .s1-dl-tt { display: block; color: #fff; font-family: "Pretendard", sans-serif; font-size: var(--s1-dl-tt-size); font-weight: 600; line-height: var(--s1-dl-tt-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.page1 .sec1 .s1-dl-btns { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--s1-btn-gap); margin-top: 3rem; } 
.page1 .sec1 .s1-dl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.8rem; min-width: var(--s1-btn-min-w); min-height: var(--s1-btn-h); padding: 0 var(--s1-btn-px); border: 0.1rem solid var(--s1-btn-bd); border-radius: var(--s1-btn-rd); color: #fff; background: transparent; font-family: "Pretendard", sans-serif; font-size: var(--s1-btn-size); font-weight: 500; line-height: var(--s1-btn-lh); letter-spacing: -0.03em; text-decoration: none; box-sizing: border-box; transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease; } 
.page1 .sec1 .s1-dl-ic { display: block; width: 1.6rem; height: 1.6rem; background-color: currentColor; mask: url("/theme/basic/img/sub/sub4/icon_dw.svg")no-repeat center / contain; -webkit-mask: url("/theme/basic/img/sub/sub4/icon_dw.svg")no-repeat center / contain; transition: background-color 0.25s ease; } 
.page1 .sec1 .s1-dl-btn:hover { background: #FFFFFF; color: #24462F; border-color: #FFFFFF; } 
.page1 .sec1 .s1-dl-btn:hover .s1-dl-ic { background-color: #24462F; } 
@media screen and (max-width:1280px) { 
 .page1 .sec1 { --s1-bx-gap: 4rem; --s1-img-w: 56rem; --s1-dl-gap: 2rem; } 
 } 
@media screen and (max-width:1024px) { 
 .page1 .sec1 { --s1-pt: 8rem; --s1-pb: 10rem; --s1-top-mb: 4rem; --s1-bx-mb: 4rem; --s1-bx-px: 2rem; --s1-bx-py: 2rem; --s1-bx-gap: 3rem; --s1-tt-size: 3.6rem; --s1-bx-tt-size: 2.6rem; --s1-st-size: 1.8rem; --s1-bx-ds-size: 1.8rem; --s1-dl-tt-size: 1.8rem; } 
 .page1 .sec1 .s1-top { margin-bottom: var(--s1-top-mb); } 
 .page1 .sec1 .s1-img { width: 100%; flex-basis: auto; }  
 .page1 .sec1 .s1-tx { max-width: 100%; } 
 .page1 .sec1 .s1-bx { flex-direction: column; align-items: flex-start; padding: 2rem; padding-bottom: 3rem; } 
 .page1 .sec1 .s1-tx { max-width: 100%; } 
 .page1 .sec1 .s1-tx .txt { margin-top: 0; font-size: 1.8rem;} 
 .page1 .sec1 .s1-tx .txt br {display: none;}
 } 
@media screen and (max-width:768px) { 
 .page1 .sec1 { --s1-pt: 6rem; --s1-pb: 8rem; --s1-tt-mb: 2rem; --s1-bx-mb: 3rem; --s1-dl-gap: 1.6rem; --s1-dl-min-h: auto; --s1-dl-px: 2.4rem; --s1-dl-pt: 2.4rem; --s1-dl-pb: 2.4rem; --s1-btn-min-w: 100%; --s1-btn-h: 5rem; --s1-tt-size: 2.8rem; --s1-bx-tt-size: 2.3rem; --s1-st-size: 1.7rem; --s1-bx-ds-size: 1.7rem; --s1-dl-tt-size: 1.7rem; --s1-btn-size: 1.5rem; --s1-top-mb: 3.2rem; --s1-bx-px: 1.6rem; --s1-bx-py: 1.6rem; --s1-bx-gap: 2rem; --s1-bx-rd: 1.6rem; --s1-tx-gap: 1.2rem; --s1-bx-ds-lh: 1.65; --s1-btn-gap: 0.8rem; } 
 .page1 .sec1 .s1-dl-ls { grid-template-columns: 1fr; } 
 .page1 .sec1 .s1-dl-btns { flex-direction: column; align-items: stretch; justify-content: flex-start; } 
 .page1 .sec1 .s1-dl-btn { width: 100%; background: #FFFFFF; color: #24462F; border-color: #FFFFFF; } 
 .page1 .sec1 .s1-bx-tt {font-size: 2.5rem;}
 .page1 .sec1 .s1-img {height: 30rem;} 
 } 
@media screen and (max-width:576px) { 
  .page1 .sec1 .s1-img {height: 25rem;} 
}

.sec1 { --s1-pt: 0rem; --s1-pb: 0rem; --s1-max: 110rem; --s1-ic-w: 3.8rem; --s1-ic-mb: 3.6rem; --s1-tt-mb: 4.4rem; --s1-tx-gap: 1rem; --s1-tt-size: 4.2rem; --s1-tx-size: 2rem; --s1-tt-lh: 1.3; --s1-tx-lh: 1.8; --s1-color: #332F2D; background: #fff; } 
.sec1 .s1-ic { display: block; width: var(--s1-ic-w); height: auto; margin: 0 auto var(--s1-ic-mb); } 
.sec1 .s1-tt { margin: 0 0 var(--s1-tt-mb); color: var(--s1-color); font-family: "GyeonggiBatang", serif; font-size: var(--s1-tt-size); font-weight: 700; line-height: var(--s1-tt-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec1 .s1-tx { color: var(--s1-color); font-family: "Pretendard", sans-serif; font-size: var(--s1-tx-size); font-weight: 400; line-height: var(--s1-tx-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec1 .s1-tx p { margin: 0; } 
.sec1 .s1-tx p+p { margin-top: var(--s1-tx-gap); } 
@media screen and (max-width:1024px) { 
 .sec1 { --s1-pt: 12rem; --s1-pb: 12rem; --s1-tt-mb: 3.6rem; --s1-tt-size: 3.6rem; --s1-tx-size: 1.9rem; } 
 } 
@media screen and (max-width:768px) { 
 .sec1 { --s1-pt: 0rem; --s1-pb: 8rem; --s1-max: 100%; --s1-ic-w: 3.2rem; --s1-ic-mb: 2.4rem; --s1-tt-mb: 2.8rem; --s1-tx-gap: 0.8rem; --s1-tt-size: 2.8rem; --s1-tx-size: 1.7rem; --s1-tx-lh: 1.7;  } 
 .page2 .sec1 .s1-tx { display: none; } 
 } 
.sec2 { --s1-pt: 4rem; --s1-pb: 16rem; --s1-col-gap: 2.6rem; --s1-row-gap: 2.6rem; --s1-card-px: 4.8rem; --s1-card-pt: 4.8rem; --s1-card-pb: 4.2rem; --s1-card-rd: 2.8rem; --s1-card-bd: #E8E5E1; --s1-card-sh: 0 1.2rem 3rem rgba(36, 32, 33, 0.04); --s1-ic-box: 6.8rem; --s1-ic-rd: 1.6rem; --s1-ic-bg: #F7F7F7; --s1-top-mb: 2.4rem; --s1-tt-mb: 1.2rem; --s1-ds-mb: 2.4rem; --s1-tx-gap: 0.8rem; --s1-btn-mt: 4rem; --s1-btn-h: 6.8rem; --s1-btn-rd: 1.2rem; --s1-tt-size: 2.4rem; --s1-ds-size: 1.8rem; --s1-pt-size: 1.8rem; --s1-btn-size: 2rem; --s1-tt-lh: 1.4; --s1-ds-lh: 1.65; --s1-pt-lh: 1.6; --s1-btn-lh: 1; --s1-tt-col: #332F2D; --s1-ds-col: #77736A; --s1-pt-col: #24462F; --s1-btn-bg: #242021; --s1-btn-col: #fff; } 
.sec2 .s2-ls { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s1-row-gap)var(--s1-col-gap); margin: 0; padding: 0; list-style: none; } 
.sec2 .s2-li { display: flex; flex-direction: column; min-height: 30rem; padding: var(--s1-card-pt)var(--s1-card-px)var(--s1-card-pb); border: 0.1rem solid var(--s1-card-bd); border-radius:var(--border-ra); background: #fff; box-shadow: var(--s1-card-sh); } 
.sec2 .s2-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: var(--s1-top-mb); } 
.sec2 .s2-ic,.sec2 .s2-ic2 { display: inline-flex; align-items: center; justify-content: center; } 
.sec2 .s2-ic { width: var(--s1-ic-box); height: var(--s1-ic-box); border-radius: var(--border-ra); background: var(--s1-ic-bg); } 
.sec2 .s2-ic img { width: 3.2rem; height: 3.2rem; object-fit: contain; } 
.sec2 .s2-ic2 img { width: 3.8rem; height: auto; object-fit: contain; } 
.sec2 .s2-tx { color: var(--s1-tt-col); } 
.sec2 .s2-tt { margin: 0 0 var(--s1-tt-mb); color: var(--s1-tt-col); font-family: "Pretendard", sans-serif; font-size: var(--s1-tt-size); font-weight: 700; line-height: var(--s1-tt-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec2 .s2-ds { margin: 0 0 var(--s1-ds-mb); color: var(--s1-ds-col); font-family: "Pretendard", sans-serif; font-size: var(--s1-ds-size); font-weight: 400; line-height: var(--s1-ds-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec2 .s2-pt { margin: 0; color: var(--s1-pt-col); font-family: "Pretendard", sans-serif; font-size: var(--s1-pt-size); font-weight: 700; line-height: var(--s1-pt-lh); letter-spacing: -0.03em; word-break: keep-all; } 
@media screen and (max-width:1280px) { 
 .sec2 { --s1-card-px: 3.6rem; --s1-card-pt: 3.8rem; --s1-card-pb: 3.6rem; --s1-col-gap: 2rem; } 
 } 
@media screen and (max-width:1024px) { 
 .sec2 { --s1-pt: 2rem; --s1-pb: 10rem; --s1-tt-size: 2.2rem; --s1-ds-size: 1.7rem; --s1-pt-size: 1.7rem; --s1-btn-size: 1.8rem; } 
 .sec2 .s2-ls { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 .sec2 .s2-li3 { grid-column: 1 / -1; } 
 } 
@media screen and (max-width:768px) { 
 .sec2 { --s1-pt: 0; --s1-pb: 8rem; --s1-row-gap: 1.8rem; --s1-card-px: 2.4rem; --s1-card-pt: 2.8rem; --s1-card-pb: 2.8rem; --s1-card-rd: 2rem; --s1-ic-box: 5.8rem; --s1-top-mb: 2.4rem; --s1-tt-mb: 1.2rem; --s1-ds-mb: 1.8rem; --s1-btn-mt: 2.8rem; --s1-btn-h: 5.8rem; --s1-tt-size: 2.5rem; --s1-ds-size: 1.8rem; --s1-pt-size: 1.6rem; --s1-btn-size: 1.7rem; } 
 .sec2 .s2-ls {gap: 1rem; grid-template-columns: 1fr;} 
 .sec2 .s2-li, .sec2 .s2-li3 { grid-column: auto; min-height: auto; } 
 .sec2 .s2-ic img { width: 2.8rem; height: 2.8rem; } 
 .sec2 .s2-ic2 img { width: 3.2rem; } 
 } 

.sec3 { --s3-pt: 0; --s3-pb: 16rem; --s3-bx-py: 6.4rem; --s3-bx-px: 5.6rem; --s3-gap: 2rem; --s3-rd: 3rem; --s3-no-mb: 1.4rem; --s3-no-size: 3.6rem; --s3-tx-size: 1.8rem; --s3-no-lh: 1.15; --s3-tx-lh: 1.4; --s3-bg: #242021; --s3-no-col: #FEC40A; --s3-tx-col: #FFFFFF; padding: 3rem 0; } 
.sec3 .s3-bx { padding: var(--s3-bx-py)var(--s3-bx-px); border-radius:var(--border-ra); background: var(--s3-bg); } 
.sec3 .s3-ls { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3-gap); margin: 0; padding: 0; list-style: none; } 
.sec3 .s3-li { text-align: center; } 
.sec3 .s3-no { display: block; margin: 0 0 var(--s3-no-mb); color: var(--s3-no-col); font-family: "Pretendard", sans-serif; font-size: var(--s3-no-size); font-weight: 700; line-height: var(--s3-no-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec3 .s3-tx { margin: 0; color: var(--s3-tx-col); font-family: "Pretendard", sans-serif; font-size: var(--s3-tx-size); font-weight: 700; line-height: var(--s3-tx-lh); letter-spacing: -0.03em; word-break: keep-all; } 
@media screen and (max-width:1280px) { 
 .sec3 { --s3-bx-px: 4rem; --s3-bx-py: 5.6rem; } 
 } 
@media screen and (max-width:1200px) { 
 .sec3 { --s3-pb: 10rem; --s3-bx-px: 3.2rem; --s3-bx-py: 4.8rem; --s3-gap: 3rem 2rem; --s3-no-size: 3.2rem; } 
 .sec3 .s3-ls { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
 } 
@media screen and (max-width:768px) { 
 .sec3 {padding: 2rem 0; --s3-pb: 8rem; --s3-bx-px: 2.4rem; --s3-bx-py: 3.6rem; --s3-gap: 2rem 1.6rem; --s3-rd: 2rem; --s3-no-mb: 1rem; --s3-no-size: 2.6rem; --s3-tx-size: 1.6rem; }  
 .sec3 .s3-ls { grid-template-columns: repeat(1, minmax(0, 1fr)); } 
 } 

.sec4 { --sec4-pt: 0; --sec4-pb: 16rem; --sec4-px: 6.8rem; --sec4-py: 8.3rem; --sec4-gap: 4rem; --sec4-rd: 4rem; --sec4-tx-max: 62rem; --sec4-btn-gap: 2rem; --sec4-btn-min: 15.7rem; --sec4-btn-h: 5.4rem; --sec4-btn-px: 5.2rem; --sec4-tt-mb: 1.6rem; --sec4-tt-size: 3.6rem; --sec4-ds-size: 1.8rem; --sec4-btn-size: 2rem; --sec4-tt-lh: 1.3; --sec4-ds-lh: 1.6; --sec4-btn-lh: 1; --sec4-bg: #24462F; --sec4-tt-col: #FFFFFF; --sec4-ds-col: rgba(255, 255, 255, 0.82); --sec4-mail-bg: #FEC40A; --sec4-mail-col: #242021; --sec4-tel-bd: #FFFFFF; --sec4-tel-col: #FFFFFF; } 
.sec4 .sec4-wr { display: flex; align-items: center; justify-content: space-between; gap: var(--sec4-gap); padding: var(--sec4-py)var(--sec4-px); border-radius:var(--border-ra); background: var(--sec4-bg); font-family: "Pretendard", sans-serif; } 
.sec4 .sec4-tx { flex: 1 1 0; max-width: var(--sec4-tx-max); min-width: 0; margin: 0; text-align: center; } 
.sec4 .sec4-tt { margin: 0 0 var(--sec4-tt-mb); color: var(--sec4-tt-col); font-family: "Pretendard", sans-serif; font-size: var(--sec4-tt-size); font-weight: 700; line-height: var(--sec4-tt-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec4 .sec4-ds { margin: 0; color: var(--sec4-ds-col); font-family: "Pretendard", sans-serif; font-size: var(--sec4-ds-size); font-weight: 400; line-height: var(--sec4-ds-lh); letter-spacing: -0.03em; word-break: keep-all; } 
.sec4 .sec4-btns { display: flex; align-items: center; justify-content: center; gap: var(--sec4-btn-gap); flex: 0 1 auto; min-width: 0; margin: 0; } 
.sec4 .sec4-btn { display: inline-flex; align-items: center; justify-content: center; min-width: var(--sec4-btn-min); min-height: var(--sec4-btn-h); padding: 1.6rem var(--sec4-btn-px); border-radius: 5.4rem; font-family: "Pretendard", sans-serif; font-size: var(--sec4-btn-size); font-weight: 600; line-height: var(--sec4-btn-lh); letter-spacing: -0.03em; text-align: center; text-decoration: none; white-space: nowrap; box-sizing: border-box; } 
.sec4 .sec4-btn--mail { background: var(--sec4-mail-bg); color: var(--sec4-mail-col); border: 0; } 
.sec4 .sec4-btn--tel { border: 0.1rem solid var(--sec4-tel-bd); background: transparent; color: var(--sec4-tel-col); } 
@media screen and (max-width:1600px) { 
  .sec4 .sec4-btn {min-width: 100%;}
.sec4 .sec4-btns { flex-direction: column; } 
}
@media screen and (max-width:1280px) { 
 .sec4 { --sec4-pb: 12rem; --sec4-px: 4.8rem; --sec4-py: 5.6rem; --sec4-gap: 3rem; --sec4-btn-gap: 1.4rem; --sec4-btn-min: 14rem; --sec4-btn-px: 3.2rem; --sec4-tt-size: 3.2rem; --sec4-ds-size: 1.7rem; --sec4-btn-size: 1.8rem; } 
 } 
@media screen and (max-width:1200px) { 
 .sec4 { --sec4-pb: 10rem; --sec4-px: 4rem; --sec4-py: 4.8rem; --sec4-gap: 2.8rem; --sec4-rd: 3rem; --sec4-tt-mb: 1.4rem; --sec4-tt-size: 3rem; --sec4-ds-size: 1.7rem; --sec4-btn-size: 1.7rem; } 
 .sec4 .sec4-wr { flex-direction: column; align-items: center; text-align: center; } 
 .sec4 .sec4-tx { max-width: 100%; } 
 .sec4 .sec4-btns { width: 100%; flex-wrap: wrap; } 
 .sec4 .sec4-btn { flex: 1 1 calc(50% - 0.7rem); min-width: 0; } 
 } 
@media screen and (max-width:768px) { 
 .sec4 { --sec4-pb: 8rem; --sec4-px: 2.4rem; --sec4-py: 3.2rem; --sec4-gap: 2.4rem; --sec4-rd: 2rem; --sec4-btn-gap: 1.2rem; --sec4-btn-h: 5.6rem; --sec4-btn-px: 2rem; --sec4-tt-mb: 1.2rem; --sec4-tt-size: 2.6rem; --sec4-ds-size: 1.6rem; --sec4-btn-size: 1.6rem; } 
 .sec4 .sec4-btn { width: 100%; flex: none; } 
 }