/*page1-sec1 대표자인사말*/
.page2 .sec1 { --s1-gap: 12rem; --s1-top: 10.8rem; --s1-img-w: 55.4rem; --s1-radius: 3rem; --s1-copy: 69rem; } 
.page2 .sec1 .s1-wr { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s1-gap); } 
.page2 .sec1 .s1-img { flex: 0 0 var(--s1-img-w); width: var(--s1-img-w); height: 69rem; overflow: hidden; } 
.page2 .sec1 .s1-txt { flex: 1; max-width: var(--s1-copy); padding-top: var(--s1-top); } 
.page2 .sec1 .s1-tt { margin: 0; color: #242021; font-family: "GyeonggiBatang", serif; font-size: 3rem; font-weight: 700; line-height: 1.55; letter-spacing: -0.04em; word-break: keep-all; } 
.page2 .sec1 .s1-copy { margin-top: 7.2rem; color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 400; line-height: 2.05; letter-spacing: -0.03em; word-break: keep-all; } 
.page2 .sec1 .s1-copy p,
.page2 .sec1 .s1-thx,
.page2 .sec1 .s1-sign { margin-bottom: 0; } 
.page2 .sec1 .s1-thx { color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 700; line-height: 1.6; letter-spacing: -0.03em; } 
.page2 .sec1 .s1-sign { color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 700; line-height: 1.6; letter-spacing: -0.03em; } 

@media screen and (max-width: 1440px){
 .page2 .sec1 { --s1-gap: 8rem; --s1-top: 6rem; --s1-img-w: 48rem; } 
 }

@media screen and (max-width: 1024px){
 .page2 .sec1 { --s1-gap: 5rem; } 
 .page2 .sec1 .s1-wr { flex-direction: column; } 
 .page2 .sec1 .s1-img { width: 100%; max-width: 100%; height: 49rem; flex-basis: auto; margin: 0 auto; } 
 .page2 .sec1 .s1-txt { max-width: 100%; padding-top: 0; } 
 .page2 .sec1 .s1-copy { margin-top: 4rem; } 
 }

@media screen and (max-width: 768px){
 .page2 .sec1 { --s1-gap: 2rem;}
 .page2 .sec1 .s1-tt { font-size: 2.4rem; } 
 .page2 .sec1 .s1-copy,
 .page2 .sec1 .s1-thx,
 .page2 .sec1 .s1-sign { font-size: 1.8rem; line-height: 1.85; } 
 }

/*page1-sec2 공동대표 소개*/
.page2 .sec2 { --p2-gap: 9rem; --p2-img-w: 65.5rem; --p2-tag-mb: 2.8rem; --p2-nm-mb: 5.8rem; --p2-msg-mb: 6.2rem; --p2-copy-w: 67rem; --p2-radius: 3rem; --p2-msg-size: 2.9rem; background: #fff; } 
.page2 .sec2 .prf-wr { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--p2-gap); } 
.page2 .sec2 .prf-tx { flex: 1; max-width: var(--p2-copy-w); padding-top: 0.4rem; margin-bottom: 0; } 
.page2 .sec2 .prf-tag { margin: 0 0 var(--p2-tag-mb); color: #24462F; font-family: "Pretendard", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; } 
.page2 .sec2 .prf-nm { margin: 0 0 var(--p2-nm-mb); color: #242021; font-family: "GyeonggiBatang", serif; font-size: 3rem; font-weight: 700; line-height: 1.58; letter-spacing: -0.04em; word-break: keep-all; } 
.page2 .sec2 .prf-msg { margin: 0 0 var(--p2-msg-mb); color: #242021; font-family: "GyeonggiBatang", serif; font-size: var(--p2-msg-size); font-weight: 400; line-height: 1.55; letter-spacing: -0.04em; word-break: keep-all; } 
.page2 .sec2 .prf-copy { color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 400; line-height: 1.9; letter-spacing: -0.03em; word-break: keep-all; } 
.page2 .sec2 .prf-copy p { margin-bottom: 0; } 
.page2 .sec2 .prf-img { flex: 0 0 var(--p2-img-w); width: var(--p2-img-w); height: 68.7rem; overflow: hidden; } 
@media screen and (max-width: 1024px){
 .page2 .sec2 { --p2-gap: 4rem; --p2-nm-mb: 4rem; --p2-msg-mb: 4.5rem; } 
 .page2 .sec2 .prf-wr { flex-direction: column; } 
 .page2 .sec2 .prf-tx,
 .page2 .sec2 .prf-img { max-width: 100%; } 
 .page2 .sec2 .prf-img { width: 100%; height: 58.7rem; flex-basis: auto; } 
 }
@media screen and (max-width: 768px){
 .page2 .sec2 {margin-top: var(--sec-pd);background: var(--color-ivory);}
 .page2 .sec2 .prf-nm { font-size: 2.5rem; } 
 .page2 .sec2 .prf-msg { font-size: 2.3rem; } 
 .page2 .sec2 .prf-copy { font-size: 1.8rem; line-height: 1.8; } 
 .page2 .sec2 .prf-wr {gap: 2rem;}
 }

/*page1-sec3 주요이력*/
.page2 .sec3 { --w3-hd-mb: 4.2rem; --w3-box-pd-x: 4.8rem; --w3-box-pd-y: 4.4rem; --w3-col-gap: 9rem; --w3-row-gap: 2rem; --w3-li-gap: 1.9rem; padding-top: 3rem !important; } 
.page2 .sec3 .wrk-en { margin: 0 0 1.6rem; color: #24462F; font-family: "Pretendard", sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.02em; } 
.page2 .sec3 .wrk-tt { margin: 0; color: #242021; font-family: "GyeonggiBatang", serif; font-size: 2.5rem; font-weight: 700; line-height: 1.45; letter-spacing: -0.03em; } 
.page2 .sec3 .wrk-bx { padding: var(--w3-box-pd-y) var(--w3-box-pd-x); background: #F7F7F7; border: 0.1rem solid #E2E2E2; } 
.page2 .sec3 .wrk-bx .tit-wr { margin-bottom: 1.5rem; } 
.page2 .sec3 .wrk-bx .tit-wr .tit { font-size: 2.5rem; } 
.page2 .sec3 .wrk-ls-wr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--w3-col-gap); row-gap: var(--w3-row-gap); } 
.page2 .sec3 .wrk-ls { margin: 0; } 
.page2 .sec3 .wrk-ls > li { color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; } 
.page2 .sec3 .wrk-ls > li + li { margin-top:.6rem; } 
@media screen and (max-width: 1024px){
 .page2 .sec3 { --w3-box-pd-x: 3.2rem; --w3-box-pd-y: 3.6rem; --w3-col-gap: 4rem; } 
 }
@media screen and (max-width: 768px){
  .page2 .sec3 {background: var(--color-ivory)}
 .page2 .sec3 { --w3-hd-mb: 3rem; --w3-box-pd-x: 2.4rem; --w3-box-pd-y: 2.8rem; --w3-li-gap: 1.5rem; padding-top: 2rem !important; } 
 .page2 .sec3 .wrk-ls-wr { gap: .5rem; grid-template-columns: 1fr; } 
 .page2 .sec3 .wrk-tt { font-size: 2.2rem; } 
 .page2 .sec3 .wrk-ls { margin-left: 1.5rem; } 
 .page2 .sec3 .wrk-ls > li { font-size: 1.8rem; line-height: 1.7; } 
 .page2 .sec3 .wrk-bx {background: #fff;}
 }

 /*page3-sec1 연혁*/
.page3 .sec1 { --his-tt-mb: 5rem; --his-nav-mb: 4.8rem; --his-gp-pt: 7rem; --his-gp-pb: 8rem; --his-col-l: 24rem; --his-col-m: 6rem; --his-item-gap: 7rem; --his-line-x: 1.6rem; --his-green: #75AB39; --his-bar-top: 0px; --his-bar-h: 0px; --his-dot-y: 0px; } 
.page3 .sec1 .his-tt { margin: 0 0 var(--his-tt-mb); text-align: center; color: #242021; font-family: "GyeonggiBatang", serif; font-size: 4.2rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; position: relative; top: auto; z-index: 1; } 
.page3 .sec1 .his-nav { display: flex; justify-content: center; gap: 8rem; margin-bottom: var(--his-nav-mb); padding: 1.8rem 2rem; border-radius: 1rem; background: #FFC40A; position: relative; top: auto; z-index: 20; } 
.page3 .sec1 .his-tab { padding: 0; border: 0; background: transparent; color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 700; line-height: 1.4; opacity: .3; cursor: pointer; } 
.page3 .sec1 .his-tab.is-on { opacity: 1; } 
.page3 .sec1 .his-gp { display: grid; grid-template-columns: var(--his-col-l) var(--his-col-m) minmax(0, 1fr); padding: var(--his-gp-pt) 0 var(--his-gp-pb); border-top: 0.1rem solid #AEAEAE; } 
.page3 .sec1 .his-gp .his-bar { opacity: 0; } 
.page3 .sec1 .his-gp.is-on .his-bar { opacity: 1; } 
.page3 .sec1 .his-dc { grid-column: 1; color: #242021; font-family: "Pretendard", sans-serif; font-size: 5.3rem; font-weight: 700; line-height: 1; letter-spacing: -0.04em; position: sticky; top: 22rem; align-self: start; } 
.page3 .sec1 .his-rg { grid-column: 3; position: relative; } 
.page3 .sec1 .his-rg::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--his-col-m) * -1) + var(--his-line-x)); width: 0.1rem; background: #AEAEAE; transform: translateX(-50%); } 
.page3 .sec1 .his-rg .his-bar { position: absolute; top: var(--his-bar-top); left: calc((var(--his-col-m) * -1) + var(--his-line-x)); width: 0.1rem; height: var(--his-bar-h); background: #FEC40A; transform: translateX(-50%); transition: top .25s ease, height .25s ease; } 
.page3 .sec1 .his-rg::after { content: ""; position: absolute; top: var(--his-dot-y); left: calc((var(--his-col-m) * -1) + var(--his-line-x)); z-index: 2; width: 1.2rem; height: 1.2rem; border: 0.4rem solid #FEC40A; border-radius: 50%; background: #fff; box-sizing: border-box; transform: translate(-50%, -50%); transition: top .25s ease; opacity: 0; visibility: hidden; } 
.page3 .sec1 .his-gp.is-on .his-rg::after { opacity: 1; visibility: visible; } 
.page3 .sec1 .his-it::before,
.page3 .sec1 .his-it::after { display: none; } 
.page3 .sec1 .his-it { position: relative; padding-left: 4.6rem; } 
.page3 .sec1 .his-it + .his-it { margin-top: var(--his-item-gap); } 

.page3 .sec1 .his-it::after { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--his-col-m) * -1) + var(--his-line-x)); width: 0.1rem; background: transparent; } 
.page3 .sec1 .his-yr { margin: 0 0 2rem; color: #242021; font-family: "Pretendard", sans-serif; font-size: 3rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.03em; transition: color .25s ease; } 
.page3 .sec1 .his-ls { margin: 0; } 
.page3 .sec1 .his-ls > li { color: #242021; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 400; line-height: 1.8; letter-spacing: -0.03em; transition: color .25s ease; } 
.page3 .sec1 .his-ls > li + li { margin-top: 1.2rem; } 
.page3 .sec1 .his-it.is-on .his-yr { color: #75AB39; } 
.page3 .sec1 .his-it.is-on .his-ls > li { color: #242021; } 
.page3 .sec1 .his-it.is-on .his-ls > li::before { background: #75AB39; } 
.page3 .sec1 .his-it.is-on::after { background: var(--his-green); } 
.page3 .sec1 .his-it.is-on .his-ls > li::before { background: var(--his-green); } 
@media screen and (max-width: 1024px){
 .page3 .sec1 { --his-col-l: 18rem; --his-col-m: 5rem; --his-item-gap: 5rem; } 
 .page3 .sec1 .his-nav { gap: 4rem; } 
 .page3 .sec1 .his-dc { font-size: 4.8rem; } 
 }
@media screen and (max-width: 768px){
 .page3 .sec1 { --his-tt-mb: 3.5rem; --his-nav-mb: 3rem; --his-gp-pt: 5rem; --his-gp-pb: 4.5rem; --his-col-m: -1.9rem; } 
 .page3 .sec1 .his-tt { font-size: 3.2rem; } 
 .page3 .sec1 .his-nav { gap: 2.5rem; padding: 1.4rem 1.6rem; } 
 .page3 .sec1 .his-tab { font-size: 1.8rem; } 
 .page3 .sec1 .his-gp { grid-template-columns: 1fr; } 
 .page3 .sec1 .his-dc { margin-bottom: 3rem; font-size: 3.8rem; } 
 .page3 .sec1 .his-rg { padding-left: 5rem; } 
 .page3 .sec1 .his-rg::before { left: 3.5rem; } 
 .page3 .sec1 .his-it { padding-left: 2.8rem; } 
 .page3 .sec1 .his-it::before { left: -0.1rem; } 
 .page3 .sec1 .his-it::after { left: 0.5rem; } 
 .page3 .sec1 .his-yr,
 .page3 .sec1 .his-ls > li { font-size: 1.8rem; } 
 }
 @media screen and (max-width: 576px){
  .page3 .sec1 .his-dc {font-size: 3rem;}
 }

 /*page4-sec1 오시는 길*/
.page4 .sec1 { --w4-tt-mb: 5.4rem; --w4-map-mb: 4rem; --w4-map-h: 63rem; --w4-bx-pd-y: 4.6rem; --w4-bx-pd-x: 5rem; --w4-bx-gap: 6rem; --w4-info-gap: 1rem; --w4-ic-gap: 1.8rem; --w4-radius: 3rem; --w4-bg: #F7F2E6; } 
.page4 .sec1 .way-tt { margin: 0 0 var(--w4-tt-mb); text-align: center; color: #242021; font-family: "GyeonggiBatang", serif; font-size: 4.2rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.03em; word-break: keep-all; } 
.page4 .sec1 .way-map { position: relative; height: 59rem; overflow: hidden; } 
.page4 .sec1 .way-map .root_daum_roughmap {width: 100% !important; height: 100% !important;}
.page4 .sec1 .way-bx { display: flex; align-items: center; justify-content: space-between; gap: var(--w4-bx-gap); padding: var(--w4-bx-pd-y) var(--w4-bx-pd-x); background: var(--w4-bg); margin-top: 3rem; } 
.page4 .sec1 .way-ci { flex: 0 0 34rem; max-width: 20rem; } 
.page4 .sec1 .way-ci-img { display: block; width: 100%; height: auto; } 
.page4 .sec1 .way-info { flex: 0 0 auto; display: grid; gap: var(--w4-info-gap); margin-left: 0; justify-items: start; } 
.page4 .sec1 .way-li { display: flex; align-items: flex-start; justify-content: flex-start; gap: var(--w4-ic-gap); } 
.page4 .sec1 .way-ic { flex: 0 0 2.8rem; width: 2.8rem; margin-top: 0.2rem; } 
.page4 .sec1 .way-tx,
.page4 .sec1 .way-tx a { color: #231815; font-family: "Pretendard", sans-serif; font-size: 2rem; font-weight: 400; line-height: 1.7; } 
@media screen and (max-width: 1024px){
 .page4 .sec1 { --w4-map-h: 50rem; --w4-bx-pd-y: 3.6rem; --w4-bx-pd-x: 3.2rem; --w4-bx-gap: 3.6rem; } 
 .page4 .sec1 .way-bx { flex-direction: column; align-items: flex-start; } 
 .page4 .sec1 .way-ci { flex-basis: auto; max-width: 28rem; } 
}
@media screen and (max-width: 768px){
 .page4 .sec1 { --w4-map-ratio: 24rem; --w4-tx-size: 1.6rem; --w4-ci-w: 15rem; --w4-bx-pd-y: 3rem; --w4-bx-pd-x: 3.6rem; } 
 .page4 .sec1 .way-tt { font-size: 2.6rem; line-height: 1.35; }   
 .page4 .sec1 .way-ci {width: 13rem; } 
 .page4 .sec1 .way-bx {padding: 3rem 2.5rem; margin-top: 1rem;}
 .page4 .sec1 .way-li {gap: 1rem;}
 .page4 .sec1 .way-tx, .page4 .sec1 .way-tx a {font-size: 1.8rem;line-height: 1.4;}
 .page4 .sec1 .way-map { height: 30rem;}
 }