/* sec1 (미션 및 비전) */
.about .page2 .sec1 { --mv-h: 50.6rem; --mv-px: 7.8rem; --mv-py: 7rem; --mv-wi: 50rem; --mv-tt: 4rem; --mv-th: 5.22rem; --mv-gap: 3.2rem; --mv-ds: 2rem; --mv-lh: 1.75; --mv-rd: 3rem; margin-bottom: 0rem; } 
.about .page2 .sec1 .mv-gr { display: block; } 
.about .page2 .sec1 .mv-bx { position: relative; min-height: var(--mv-h); padding: var(--mv-py) var(--mv-px); border-radius: var(--mv-rd); overflow: hidden; display: flex; align-items: center; background: url("/theme/basic/img/sub/sub1/img_mv.jpg") no-repeat center / cover; } 
.about .page2 .sec1 .mv-bx::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0, 0, 0, .50) 0%, rgba(0, 0, 0, .28) 28%, rgba(0, 0, 0, .08) 52%, rgba(0, 0, 0, 0) 72%); } 
.about .page2 .sec1 .mv-txt { position: relative; z-index: 1; max-width: var(--mv-wi); color: #fff; } 
.about .page2 .sec1 .mv-tt { margin: 0; font-size: var(--mv-tt); line-height: var(--mv-th); font-weight: 700; letter-spacing: -0.04em; word-break: keep-all; font-family: 'Daehan' } 
.about .page2 .sec1 .mv-ds { margin: var(--mv-gap) 0 0; font-size: var(--mv-ds); line-height: var(--mv-lh); font-weight: 400; letter-spacing: -0.02em; word-break: keep-all; } 
@media screen and (max-width: 1024px){
 .about .page2 .sec1 { --mv-h: 42rem; --mv-px: 4.8rem; --mv-py: 5rem; --mv-wi: 34rem; --mv-tt: 4.4rem; --mv-gap: 2.4rem; --mv-ds: 1.8rem; } 
 }
@media screen and (max-width: 768px){
 .about .page2 .sec1 { --mv-h: 36rem; --mv-px: 3rem; --mv-py: 3rem; --mv-wi: 100%; --mv-tt: 3.2rem; --mv-gap: 7rem; --mv-ds: 2rem; --mv-lh: 1.65; --mv-rd: 2rem; } 
 .about .page2 .sec1 .mv-bx { align-items: flex-start; } 
 .about .page2 .sec1 .mv-ds {font-size: 1.8rem;}
 .about .page2 .sec1 .mv-ds br { display: none; } 
 }

/* sec2 (mission) */
.about .page2 .sec2 { --s2-pt: 2rem; --s2-gap: 6rem; --vn-sz: 31.8rem; --vn-ov: 2.6rem; --vn-px: 4.2rem; --vn-gap: 2.8rem; --vn-tt: 2.7rem; --vn-ds: 1.8rem; --vn-lh: 1.6; --ms-wi: 76rem; --ms-gap1: 2.6rem; --ms-gap2: 2.8rem; --ms-en: 4rem; --ms-tt: 2rem; --ms-ds: 2rem; --ms-lh: 1.7; margin-top: -12rem; } 
.about .page2 .sec2 .ms-gr { display: flex; align-items: center; justify-content: space-between; gap: var(--s2-gap); } 
.about .page2 .sec2 .vn-wr { display: flex; align-items: center; flex-shrink: 0; } 
.about .page2 .sec2 .vn-it { width: var(--vn-sz); height: var(--vn-sz); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; } 
.about .page2 .sec2 .vn-l { position: relative; z-index: 2; background: rgba(191, 100, 100, .94); color: #fff; } 
.about .page2 .sec2 .vn-r { position: relative; z-index: 1; margin-left: calc(var(--vn-ov) * -1); background: rgba(252, 223, 219, .78); color: #333; } 
.about .page2 .sec2 .vn-l,
.about .page2 .sec2 .vn-r { mix-blend-mode: multiply; } 
.about .page2 .sec2 .vn-in { width: 100%; padding: 0 var(--vn-px); } 
.about .page2 .sec2 .vn-tt,
.about .page2 .sec2 .ms-en { font-family: 'Daehan'; } 
.about .page2 .sec2 .vn-tt { margin: 0 0 var(--vn-gap); font-size: var(--vn-tt); line-height: 1; font-weight: 700; } 
.about .page2 .sec2 .vn-ds { margin: 0; font-size: var(--vn-ds); line-height: var(--vn-lh); font-weight: 400; word-break: keep-all; } 
.about .page2 .sec2 .tit-wr { flex: 1; order: 1; max-width: var(--ms-wi); } 
.about .page2 .sec2 [data-ani] { opacity: 0; transform: translateY(4rem); transition: opacity .7s ease, transform .7s ease; } 
.about .page2 .sec2 [data-ani].on { opacity: 1; transform: translateY(0); } 
.about .page2 .sec2 [data-dly="1"].on { transition-delay: .12s; } 
@media screen and (max-width: 1280px){
 .about .page2 .sec2 { --s2-gap: 5rem; --vn-sz: 38rem; --vn-ov: 6rem; --vn-px: 3rem; --vn-tt: 4.4rem; --vn-ds: 1.8rem; --ms-en: 5.8rem; --ms-tt: 2.6rem; --ms-ds: 1.8rem; } 
 }
@media screen and (max-width: 1024px){
 .about .page2 .sec2 .ms-gr { flex-direction: column-reverse; align-items: center; gap: 0; } 
 .about .page2 .sec2 .tit-wr { text-align: center; max-width: 100%; } 
 }
@media screen and (max-width: 768px){
 .about .page2 .sec2 { --vn-sz: 32rem; } 
 .about .page2 .sec2 .vn-tt { margin: 0 0 2rem; font-size: 2.2rem; } 
 .about .page2 .sec2 .vn-wr { flex-direction: column; } 
.about .page2 .sec2 .vn-r { margin-left: 0; margin-top: calc(var(--vn-ov) * -1); } 
 }

/* sec3 (vision) */
#contents.page2 .sec3 { --s3-pt: 10rem; --s3-pb: 12rem; --s3-top-wi: 96rem; --s3-en: 4rem; --s3-gap1: 2rem; --s3-tt: 2rem; --s3-gap2: 3.8rem; --s3-ds: 2rem; --s3-lh: 1.65; --s3-gr-gap: 8rem; --s3-card-wi: 32rem; --s3-card-min: 60rem; --s3-card-pt: 34rem; --s3-card-px: 1rem; --s3-card-pb: 7rem; --s3-card-rd: 23rem; --s3-bd: #d99196; --s3-bd-wi: 1px; --s3-bdg-sz: 26.6rem; --s3-bdg-top: 6rem; --s3-ic-wi: 9.5rem; --s3-key-gap: 1.7rem; --s3-key: 2.8rem; --s3-txt: 2rem; background-color: #FEF8F6; } 
#contents.page2 .sec3 { padding-top: var(--s3-pt); padding-bottom: var(--s3-pb); margin-top: 12rem; } 
#contents.page2 .sec3 .vs-gr { display: grid; grid-template-columns: repeat(3, var(--s3-card-wi)); justify-content: center; gap: var(--s3-gr-gap); max-width: calc(var(--s3-card-wi) * 3 + var(--s3-gr-gap) * 2); margin: auto; } 
#contents.page2 .sec3 .vs-it { position: relative; padding-top: 3rem; } 
#contents.page2 .sec3 .vs-bx { min-height: var(--s3-card-min); padding: var(--s3-card-pt) var(--s3-card-px) var(--s3-card-pb); border: var(--s3-bd-wi) solid var(--s3-bd); border-radius: var(--s3-card-rd); text-align: center; } 
#contents.page2 .sec3 .vs-bdg { position: absolute; top: var(--s3-bdg-top); margin-bottom: 1.5rem; left: 50%; z-index: 1; width: var(--s3-bdg-sz); height: var(--s3-bdg-sz); transform: translateX(-50%); border-radius: 50%; background: #e78b8b; box-shadow: 0 .8rem 1.6rem rgba(0, 0, 0, .08); display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 1rem; } 
#contents.page2 .sec3 .vs-ic { display: block; width: var(--s3-ic-wi); max-width: 100%; height: auto; } 
#contents.page2 .sec3 .vs-key { margin: var(--s3-key-gap) 0 0; font-family: 'Daehan'; font-size: var(--s3-key); line-height: 1; font-weight: 700; color: #fff; } 
#contents.page2 .sec3 .vs-txt { margin: 0; font-size: 2rem; line-height: 1.6; color: #2F2F2F; word-break: keep-all; } 
#contents.page2 .sec3 [data-ani] { opacity: 0; transform: translateY(4rem); transition: opacity .7s ease, transform .7s ease; } 
#contents.page2 .sec3 [data-ani].on { opacity: 1; transform: translateY(0); } 
#contents.page2 .sec3 [data-dly="1"].on { transition-delay: .12s; } 
#contents.page2 .sec3 [data-dly="2"].on { transition-delay: .24s; } 
@media screen and (max-width: 1280px){
 #contents.page2 .sec3 { --s3-gr-gap: 3rem; --s3-card-min: 54rem; --s3-card-px: 2rem; --s3-bdg-sz: 25rem; --s3-card-pt: 32rem; --s3-ic-wi: 9rem; --s3-key: 2.5rem; --s3-txt: 1.7rem; } 
 }
@media screen and (max-width: 1024px){
 #contents.page2 .sec3 { --s3-pt: 8rem; --s3-pb: 10rem; --s3-en: 3.6rem; --s3-tt: 2.6rem; --s3-ds: 1.8rem; --s3-bdg-sz: 21rem; } 
 #contents.page2 .sec3 .vs-gr { gap: 2rem; grid-template-columns: 1fr; max-width: 100%; margin: 0; } 
 #contents.page2 .sec3 .vs-it { display: flex; border: var(--s3-bd-wi) solid var(--s3-bd); padding: 2rem; border-radius: var(--s3-card-rd); } 
 #contents.page2 .sec3 .vs-bdg { position: relative; top: auto; left: auto; transform: none; margin-bottom: 0; } 
 #contents.page2 .sec3 .vs-bx { width: calc(100% - var(--s3-bdg-sz)); padding: 0 6rem 0 3rem; align-content: center; border-radius: 0; border: 0; min-height: auto; } 
 #contents.page2 .sec3 .vs-txt { text-align: left; } 
 #contents.page2 .sec3 .vs-txt br { display: none; } 
 }
@media screen and (max-width: 768px){
 #contents.page2 .sec3 { --s3-bdg-sz: 12rem; --s3-ic-wi: 7rem; } 
#contents.page2 .sec3 .vs-it { border-radius: var(--border-ra); } 
#contents.page2 .sec3 .vs-bdg { border-radius: var(--border-ra); padding: 1rem; } 
#contents.page2 .sec3 .vs-key { margin: 0; font-size: 2rem; } 
#contents.page2 .sec3 .vs-bx { padding: 0 2rem; } 
#contents.page2 .sec3 .vs-txt {font-size: 1.8rem;}
 }
 @media screen and (max-width: 576px){
 #contents.page2 .sec3 .vs-it { flex-direction: column; } 
#contents.page2 .sec3 .vs-bx { width: 100%; padding: 2rem 0 0; } 
#contents.page2 .sec3 .vs-bdg { gap: 1rem; flex-direction: row; width: 100%; height: auto; } 
 }

/* page3 sec1 오시는 길 */
.about .page3 .sec1-location { padding: 0 var(--inner-cont-pd) var(--section-pd); } 
.about .page3 .sec1-location .inner { max-width: 1404px; } 
.sec1-location__card { --info-pd-y: 6rem; --info-pd-x: 6rem; --map-height: 50.4rem; --head-wi: 9rem; display: grid; grid-template-columns: 34.5% 65.5%; overflow: hidden; border-radius: 2.4rem; background: #f4eee8; } 
.sec1-location__info { background: #fffaf7; } 
.sec1-location__info-inner { display: flex; flex-direction: column; justify-content: space-between; min-height: var(--map-height); padding: var(--info-pd-y) var(--info-pd-x); } 
.sec1-location__copy { max-width: 33rem; } 
.sec1-location__tit { display: block; width: 19rem; max-width: 100%; height: auto; } 
.sec1-location__desc { margin: 3rem 0 0; color: #2f2f2f; font-size: 1.9rem; line-height: 1.55; font-weight: 400; word-break: keep-all; } 
.sec1-location__list { display: flex; flex-direction: column; gap: 3.2rem; margin-top: 6rem; } 
.sec1-location__item { display: grid; grid-template-columns: var(--head-wi) 1fr; align-items: center; column-gap: 1.8rem; } 
.sec1-location__head { display: flex; align-items: center; gap: 1.2rem; min-width: 0; } 
.sec1-location__head img { width: 2.3rem; height: 2.3rem; } 
.sec1-location__head strong { color: #c26a6a; font-size: 1.8rem; font-weight: 700; } 
.sec1-location__value { margin: 0; padding-left: 0; color: #2f2f2f; font-size: 1.8rem; line-height: 1.4; font-weight: 400; } 
.sec1-location__map { height: var(--map-height); border: 0 !important; background: #dfe7d8; } 
.sec1-location__map-area { width: 100%; height: 100%; min-height: var(--map-height); } 
.sec1-location__map .root_daum_roughmap,
.sec1-location__map .wrap_map { width: 100% !important; height: 100% !important; } 

@media screen and (max-width: 1024px){
 .sec1-location__card { --info-pd-y: 4.5rem; --info-pd-x: 4.5rem; --map-height: 32rem; --head-wi: 8.6rem; grid-template-columns: 1fr; border-radius: 2rem; } 
 .sec1-location__info-inner { min-height: auto; gap: 4rem; padding: 4rem 3rem; } 
 .sec1-location__tit { width: 15rem; } 
 .sec1-location__desc { margin-top: 2.6rem; font-size: 2rem; line-height: 1.6; } 
 .sec1-location__list { gap: 1rem; margin-top: 0; } 
 .sec1-location__item { display: grid; grid-template-columns: var(--head-wi) 1fr; align-items: center; column-gap: 1.6rem; } 
 .sec1-location__head strong,
 .sec1-location__value { font-size: 2rem; } 
 .sec1-location__value { padding-left: 0; line-height: 1.55; } 
 .sec1-location__copy { max-width: 100%; } 
 .sec1-location__copy .txt br { display: none; } 
 }
 @media screen and (max-width: 768px){
 .sec1-location__tit { width: 10rem; } 
 .sec1-location__item { gap: .5rem; grid-template-columns: 1fr; } 
 .sec1-location__value { font-weight: 500; } 
 }