/* page2 - sec1 */
.about .page2 .philosophy { position: relative; min-height: 68.8rem; } 
.about .page2 .philosophy-title { position: absolute; top: 10.8rem; left: 0rem; z-index: 3; } 
.about .page2 .philosophy-title h2 { font-family: "the-seasons", "Pretendard", sans-serif; font-size: 7.2rem; font-weight: 400; line-height: 1.32; letter-spacing: -0.02em; color: #000; } 
.about .page2 .philosophy-title p { margin-top: 3.4rem; font-family: "Pretendard", sans-serif; font-size: 3.1rem; font-weight: 400; line-height: 1.45; color: #000; } 
.about .page2 .philosophy-img { position: absolute; overflow: hidden; border-radius: 1.6rem; } 
.about .page2 .philosophy-img-main { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 49.5rem; height: 63.8rem; } 
.about .page2 .philosophy-img-sub { top: 47.8rem; left: 42.5rem; z-index: 4; width: 29.5rem; height: 20.8rem; } 
.about .page2 .philosophy-text { position: absolute; top: auto; bottom: 5rem; right: 0rem; z-index: 3; width: 42rem; font-family: "Pretendard", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 1.75; color: #111; } 
.about .page2 .philosophy-text p+p { margin-top: 0.8rem; } 
.about .page2 .philosophy-text b { font-weight: 700; } 

@media screen and (max-width: 1700px) { 
 .about .page2 .philosophy-img-main { width: 40.5rem; height: 54.8rem; } 
 .about .page2 .philosophy-img-sub { top: 53.8rem; left: 24.5rem; } 
 .about .page2 .philosophy-text { right: -6rem; } 
 } 

@media screen and (max-width: 1280px) { 
 .about .page2 .philosophy { min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5rem 4rem; align-items: start; } 
 .about .page2 .philosophy-title,
 .about .page2 .philosophy-img,
 .about .page2 .philosophy-text { position: relative; top: auto; right: auto; bottom: auto; left: auto; transform: none; } 
 .about .page2 .philosophy-title { grid-column: 1 / 2; grid-row: 1; } 
 .about .page2 .philosophy-title h2 { font-size: 5.6rem; } 
 .about .page2 .philosophy-title p { margin-top: 2.6rem; font-size: 2.5rem; } 
 .about .page2 .philosophy-img-main { grid-column: 2 / 3; grid-row: 1; justify-self: center; width: min(100%, 49.5rem); height: auto; aspect-ratio: 495 / 638; } 
 .about .page2 .philosophy-img-sub { grid-column: 1 / 2; grid-row: 2; width: min(65%, 29.5rem); height: auto; aspect-ratio: 295 / 208; margin-top: -12rem; margin-left: auto; } 
 .about .page2 .philosophy-text { grid-column: 2 / 3; grid-row: 2; width: 100%; font-size: 1.8rem; } 
 } 
@media screen and (max-width: 768px) { 
 .about .page2 .philosophy { display: block; padding: 0; } 
 .about .page2 .philosophy-title { text-align: center; } 
 .about .page2 .philosophy-title h2 { font-size: 4.4rem; line-height: 1.2; } 
 .about .page2 .philosophy-title p { max-width: 32rem; margin: 2rem auto 0; font-size: 2.1rem; line-height: 1.5; } 
 .about .page2 .philosophy-img-main { width: min(100%, 49.5rem); margin: 4rem auto 0; } 
 .about .page2 .philosophy-img-sub { width: min(58%, 29.5rem); margin-top: -8rem; margin-left: 0; } 
 .about .page2 .philosophy-text { width: 100%; margin-top: 4rem; line-height: 1.75; } 
 .about .page2 .philosophy-text p+p { margin-top: 1.2rem; } 
 .about .page2 .philosophy-text br { display: none; } 
 } 

/* page2 - sec2 */
.about .page2 .philosophy-step-sec { padding: 13rem 0; background: #fdfcf4; } 
.about .page2 .philosophy-step-head { margin-bottom: 8.8rem; } 
.about .page2 .philosophy-step-head h2 { font-family: "the-seasons", "Pretendard", sans-serif; font-size: 7.2rem; font-weight: 400; line-height: 1.1; letter-spacing: -0.02em; color: #000; } 
.about .page2 .philosophy-step-head p { margin-top: 2.4rem; font-family: "Pretendard", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 1.8; color: #111; } 
.about .page2 .philosophy-step-list { border-top: 1px solid #777; } 
.about .page2 .philosophy-step-item { border-bottom: 1px solid #777; } 
.about .page2 .philosophy-step-item summary { display: flex; justify-content: space-between; align-items: center; min-height: 14.3rem; list-style: none; cursor: pointer; } 
.about .page2 .philosophy-step-item summary::-webkit-details-marker { display: none; } 
.about .page2 .philosophy-step-item summary span { font-family: "Pretendard", sans-serif; font-size: 3.1rem; font-weight: 600; line-height: 1.2; color: #000; } 
.about .page2 .philosophy-step-item summary em { font-family: "the-seasons", "Pretendard", sans-serif; font-size: 3.4rem; font-style: normal; font-weight: 400; line-height: 1; color: #000; } 
.about .page2 .philosophy-step-cont { display: grid; align-items: center; grid-template-columns: 54rem 1fr; gap: 16.5rem; box-sizing: border-box; height: auto; overflow: hidden; opacity: 0; padding: 0 0 4.9rem; transition: height .8s cubic-bezier(.22, .61, .36, 1), opacity .45s ease; will-change: height, opacity; } 
.about .page2 .philosophy-step-item.is-active .philosophy-step-cont { opacity: 1; } 
.about .page2 .philosophy-step-text { font-family: "Pretendard", sans-serif; color: #111; } 
.about .page2 .philosophy-step-text strong { display: block; margin-bottom: 2.3rem; font-size: 1.8rem; font-weight: 700; line-height: 1.5; } 
.about .page2 .philosophy-step-text p { font-size: 1.8rem; font-weight: 400; } 
.about .page2 .philosophy-step-tag { display: flex; gap: 1rem; margin-top: 3rem; } 
.about .page2 .philosophy-step-tag span { display: inline-flex; align-items: center; justify-content: center; min-width: 7rem; height: 4rem; padding: 0 1.8rem; border-radius: 4rem; background: #252525; color: #fff; font-size: 1.6rem; font-weight: 600; } 
.about .page2 .philosophy-step-img { height: 31.5rem; border-radius: 1.6rem; overflow: hidden; } 
@media screen and (max-width: 1280px) { 
 .about .page2 .philosophy-step-cont { grid-template-columns: 32rem 1fr; gap: 6rem; } 
 .about .page2 .philosophy-step-text p br { display: none; } 
 } 
@media screen and (max-width: 768px) { 
 .about .page2 .philosophy-step-sec { padding: 6.5rem 0; } 
 .about .page2 .philosophy-step-head { margin-bottom: 5rem; } 
 .about .page2 .philosophy-step-head h2 { font-size: 4.4rem; } 
 .about .page2 .philosophy-step-head p br { display: none; } 
 .about .page2 .philosophy-step-item summary { min-height: 9rem; } 
 .about .page2 .philosophy-step-item summary span { font-size: 2.2rem; } 
 .about .page2 .philosophy-step-item summary em { font-size: 2.4rem; } 
 .about .page2 .philosophy-step-cont { display: flex; flex-direction: column; gap: 3rem; padding-bottom: 4rem; } 
 .about .page2 .philosophy-step-text { padding-top: 0; } 
 .about .page2 .philosophy-step-text p br { display: none; } 
 .about .page2 .philosophy-step-img { height: 21rem; } 
 .about .page2 .philosophy-step-text strong { margin-bottom: .5rem; } 
 .about .page2 .philosophy-step-tag { margin-top: 2rem; } 
 .about .page2 .philosophy-step-tag span { height: 3.5rem; } 
 } 

 

/* page2 - sec3 */
.about .page2 .ccm-sec { --ccm-pd-top: 13rem; --ccm-pd-bottom: 13rem; --ccm-title-size: 7.2rem; --ccm-slider-mt: 10rem; --ccm-card-w: 104rem; --ccm-card-h: 50.4rem; --ccm-card-gap: 9rem; --ccm-radius: 1.6rem; --ccm-info-left: 4.5rem; --ccm-info-bottom: 4.2rem; --ccm-info-title: 2rem; --ccm-info-text: 1.8rem; position: relative; overflow: hidden; padding: var(--ccm-pd-top) 0 var(--ccm-pd-bottom); background: #fff; } 
.about .page2 .ccm-bg { position: absolute; z-index: 0; pointer-events: none; } 
.about .page2 .ccm-bg1 { bottom: -33rem; width: 71rem; } 
.about .page2 .ccm-bg2 { top: -34rem; right: -7rem; width: 71rem; } 
.about .page2 .ccm-sec .inner { position: relative; z-index: 1; } 
.about .page2 .ccm-head { text-align: center; } 
.about .page2 .ccm-head h2 { font-family: "the-seasons", "Pretendard", sans-serif; font-size: var(--ccm-title-size); font-weight: 400; line-height: 1.1; } 
.about .page2 .ccm-head p { margin-top: 2rem; font-size: 1.9rem; line-height: 1.6; } 
.about .page2 .ccm-slider { position: relative; width: var(--ccm-card-w); margin: var(--ccm-slider-mt) auto 0; overflow: visible; } 
.about .page2 .ccm-track { display: flex; gap: var(--ccm-card-gap); transition: transform .45s ease; } 
.about .page2 .ccm-card { position: relative; flex: 0 0 var(--ccm-card-w); height: var(--ccm-card-h); overflow: hidden; border-radius: var(--ccm-radius); } 
.about .page2 .ccm-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, .58) 100%); } 
.about .page2 .ccm-info { position: absolute; left: var(--ccm-info-left); bottom: var(--ccm-info-bottom); z-index: 2; color: #fff; font-family: "Pretendard", sans-serif; } 
.about .page2 .ccm-info h3 { margin-bottom: 2.6rem; font-size: var(--ccm-info-title); font-weight: 700; } 
.about .page2 .ccm-info li { font-size: var(--ccm-info-text); line-height: 1.8; } 
.about .page2 .ccm-info .list-cy>li::before { background-color: currentColor; } 
.about .page2 .ccm-prev,
.about .page2 .ccm-next { position: absolute; top: 50%; z-index: 5; width: 5.4rem; height: 5.4rem; border: 1px solid rgba(51, 51, 51, .55); border-radius: 50%; background: rgba(255, 255, 255, .55); transform: translateY(-50%); cursor: pointer; } 
.about .page2 .ccm-prev { left: -2.7rem; } 
.about .page2 .ccm-next { right: -2.7rem; } 
.about .page2 .ccm-dots { display: flex; justify-content: center; gap: 1.2rem; margin-top: 5.4rem; } 
.about .page2 .ccm-dots span { display: block; width: 1.4rem; height: 1.4rem; border-radius: 999px; background: #ded8b8; transition: width .3s ease, background-color .3s ease; pointer-events: none; } 
.about .page2 .ccm-dots span.is-active { width: 4rem; background: #77725a; } 
.about .page2 .ccm-prev::before,
.about .page2 .ccm-next::before { content: ""; position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; background: url("/theme/basic/img/sub/sub1/icon_arrow.svg") no-repeat center / contain; transform: translate(-50%, -50%); pointer-events: none; } 
.about .page2 .ccm-next::before { transform: translate(-50%, -50%) rotate(180deg); } 
@media screen and (max-width: 1280px) { 
 .about .page2 .ccm-sec { --ccm-pd-top: 10rem; --ccm-pd-bottom: 10rem; --ccm-title-size: 5.6rem; --ccm-slider-mt: 7rem; --ccm-card-w: min(86rem, calc(100vw - 12rem)); --ccm-card-gap: 4rem; --ccm-info-left: 3.2rem; --ccm-info-bottom: 3rem; --ccm-info-title: 1.9rem; --ccm-info-text: 1.6rem; } 
 .about .page2 .ccm-card { height: auto; aspect-ratio: 1040 / 504; } 
 .about .page2 .ccm-card>.img-obj { width: 100%; height: 100%; object-fit: cover; } 
 .about .page2 .ccm-bg { width: 52rem; } 
 .about .page2 .ccm-bg1 { bottom: -24rem; } 
 .about .page2 .ccm-bg2 { top: -24rem; right: -12rem; } 
 } 
@media screen and (max-width: 768px) { 
 .about .page2 .ccm-sec { --ccm-pd-top: 6.5rem; --ccm-pd-bottom: 6.5rem; --ccm-title-size: 4.4rem; --ccm-slider-mt: 4rem; --ccm-card-w: 100%; --ccm-card-gap: 2rem; --ccm-radius: 1.2rem; --ccm-info-left: 2.4rem; --ccm-info-bottom: 2.4rem; --ccm-info-title: 1.8rem; --ccm-info-text: 1.45rem; touch-action: pan-y; user-select: none; -webkit-user-select: none; } 
 .about .page2 .ccm-card img { pointer-events: none; -webkit-user-drag: none; } 
 .about .page2 .ccm-head p { margin-top: 1.5rem; } 
 .about .page2 .ccm-head p br { display: none; } 
 .about .page2 .ccm-slider { width: 100%; } 
 .about .page2 .ccm-card { aspect-ratio: auto; height: 36rem; } 
 .about .page2 .ccm-card::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.78) 100%); } 
 .about .page2 .ccm-info { right: var(--ccm-info-left); } 
 .about .page2 .ccm-info h3 { margin-bottom: 1.4rem; } 
 .about .page2 .ccm-info li { font-size: 1.8rem; line-height: 1.6; } 
 .about .page2 .ccm-info ul { margin-left: 1rem; } 
 .about .page2 .ccm-prev,
 .about .page2 .ccm-next { display: none; width: 4.2rem; height: 4.2rem; } 
 .about .page2 .ccm-prev { left: 1rem; } 
 .about .page2 .ccm-next { right: 1rem; } 
 .about .page2 .ccm-prev::before,
 .about .page2 .ccm-next::before { width: 2.2rem; height: 2.2rem; } 
 .about .page2 .ccm-dots { gap: 0.8rem; margin-top: 3rem; } 
 .about .page2 .ccm-dots span { width: 1rem; height: 1rem; } 
 .about .page2 .ccm-dots span.is-active { width: 3rem; } 
 .about .page2 .ccm-bg { width: 38rem; opacity: 0.65; } 
 } 

/* page3 - directions sec1 */
.about .page3 .sec1 { padding-bottom: 0 !important; } 
.about .page3 .directions-sec { --directions-top-pd: 0rem; --directions-bottom-pd: 0rem; --directions-head-mb: 10rem; --directions-title-width: 65%; --directions-info-width: 35%; --directions-map-height: 66rem; --directions-map-width: 100%; --directions-map-radius: 0rem; padding: var(--directions-top-pd) 0 var(--directions-bottom-pd); } 
.about .page3 .directions-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 5rem; margin-bottom: var(--directions-head-mb); } 
.about .page3 .directions-title { width: auto; } 
.about .page3 .tit-wr { margin-bottom: 0; } 
.about .page3 .tit-wr .txt { font-size: 3.1rem; } 
.about .page3 .directions-info { width: max-content; padding-top: 3.2rem; font-family: "Pretendard", sans-serif; } 
.about .page3 .directions-info dl { display: grid; grid-template-columns: 13rem 1fr; gap: 2.6rem; align-items: center; } 
.about .page3 .directions-info dl+dl { margin-top: 2.4rem; } 
.about .page3 .directions-info dt { display: flex; align-items: center; gap: 1.2rem; color: #111; font-size: 1.8rem; font-weight: 500; line-height: 1.4; } 
.about .page3 .directions-info dt img { width: 2.4rem; height: 2.4rem; object-fit: contain; } 
.about .page3 .directions-info dd { color: #111; font-size: 1.9rem; font-weight: 400; line-height: 1.5; } 
.about .page3 .directions-map-area { width: var(--directions-map-width); height: var(--directions-map-height); border-radius: var(--directions-map-radius); overflow: hidden; } 
.about .page3 .directions-map { width: 100%; height: 100%; } 
.about .page3 .directions-map iframe,
.about .page3 .directions-map .root_daum_roughmap,
.about .page3 .directions-map .wrap_map { width: 100% !important; height: 100% !important; } 
@media screen and (max-width: 1700px) { 
 .about .page3 .directions-head { flex-direction: column; gap: 4rem; } 
 .about .page3 .directions-title,
 .about .page3 .directions-info { width: 100%; } 
 .about .page3 .directions-info { padding-top: 0; } 
 } 
@media screen and (max-width: 1280px) { 
 .about .page3 .tit-wr .txt { font-size: 2rem; } 
 } 
@media screen and (max-width: 1024px) { 
 .about .page3 .directions-info dl { grid-template-columns: 13rem 1fr; } 
 .about .page3 .directions-info dd { font-size: 1.8rem; } 
 .about .page3 .directions-info dl+dl { margin-top: 1rem; } 
 } 
@media screen and (max-width: 768px) { 
 .about .page3 .directions-sec { --directions-head-mb: 5rem; --directions-map-height: 38rem; } 
 .about .page3 .directions-sec .tit-wr { margin-bottom: 1rem; padding-bottom: 2rem; border-bottom: 1px solid var(--color-border); } 
 .about .page3 .directions-sec .tit-wr .tit { font-size: 3.7rem; } 
 .about .page3 .tit-wr .txt { font-size: 1.8rem; } 
 .about .page3 .directions-info dt img { width: 2rem; height: 2rem; } 
 .about .page3 .directions-info dl { gap: 0.5rem; grid-template-columns: 100%; } 
 .about .page3 .directions-head { flex-direction: column; gap: 2rem; margin-bottom: 2rem; } 
 .about .page3 .directions-info dt { gap: .5rem; } 
 .about .page3 .directions-info dt,
 .about .page3 .directions-info dd { font-size: 1.6rem; } 
 }