@charset "utf-8"; 

.radius-60 {border-radius:60px;}

.doc-cnt {margin-bottom:var(--space-150);}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {margin-bottom:var(--space-48); font-size:var(--font-size-36); font-weight:700; line-height:1.445em; letter-spacing:-0.03em; color:#242424;}
.doc-tit span {color:var(--color-primary);}

.intro-bnr {margin-bottom:var(--space-150); background:url('/images/sub/intro-bnr.jpg') center center / cover no-repeat; position:relative; display:flex; align-items:center; justify-content:center; height:clamp(260px, calc(880 / var(--inner) * 100vw), 880px);  text-align:center;}
.intro-bnr p {font-size:var(--font-size-36); font-weight:700; line-height:1.45em; letter-spacing:-0.03em; color:#fff;}

.intro-miss .item {margin-bottom:var(--space-150); display:flex; align-items:center;}
.intro-miss .item:last-child {margin-bottom:0;}
.intro-miss .cont {flex:1; padding:0 var(--space-55);} 
.intro-miss .cont .inner {width:84%;}
.intro-miss .cont .num {width:fit-content; margin-bottom:var(--space-65); font-family:var(--font-sora); font-weight:800; font-size:clamp(34px, calc(120 / var(--inner) * 100vw), 120px); line-height:0.93em; letter-spacing:-0.03em; background:linear-gradient(90deg, #f0f0f0 0%, #f0f0f0 40%, var(--color-primary) 50%, #6774ff 100%); background-size:240% 100%; background-position:0% 50%; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; transition:background-position 0.55s ease;}
.intro-miss .cont .ico {margin-bottom:var(--space-30);}
.intro-miss .cont .ico img {height:clamp(40px, calc(64 / var(--inner) * 100vw), 64px); border-radius:16px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}
.intro-miss .cont .tit {width:fit-content; margin-bottom:var(--space-25); font-size:var(--font-size-36); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; background:linear-gradient(90deg, #242424 0%, #242424 40%, var(--color-primary) 50%, #6774ff 100%); background-size:240% 100%; background-position:0% 50%; -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; transition:background-position 0.55s ease;}
.intro-miss .cont .txt {font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.intro-miss .img {width:50%; aspect-ratio:960 / 551; overflow:hidden; border-radius:40px 0 0 40px; transition:box-shadow 0.35s ease;}
.intro-miss .img img {width:100%; height:100%; object-fit:cover;}
.intro-miss .item:nth-child(even) {flex-direction:row-reverse;}
.intro-miss .item:nth-child(odd) .cont {display:flex; justify-content:flex-end;}
.intro-miss .item:nth-child(even) .img {border-radius:0 40px 40px 0;}
.intro-miss .item:hover .cont .num, 
.intro-miss .item:hover .cont .tit {background-position:100% 50%;}

.greeting {display:flex;}
.greeting .cont {flex:1;}
.greeting .label {margin-bottom:var(--space-24); width:fit-content; font-family:var(--font-sora); font-weight:700; font-size:var(--font-size-16); line-height:1.75em; letter-spacing:-0.03em; background:linear-gradient(164deg, var(--color-primary) 13.34%, #6774ff 86.66%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.greeting h3 {margin-bottom:var(--space-65); font-size:var(--font-size-36); font-weight:700; line-height:1.445em; letter-spacing:-0.03em; color:#242424;}
.greeting .lead {margin-bottom:var(--space-24); font-size:var(--font-size-24); font-weight:600; line-height:1.17em; letter-spacing:-0.03em; color:#242424;}
.greeting .txt {margin-bottom:var(--space-48); font-size:var(--font-size-20); line-height:1.8em; letter-spacing:-0.03em; color:#454545;}
.greeting .txt strong {font-weight:700; color:#242424;}
.greeting .txt.pd { padding-right: 60px; }
.greeting .sign {font-size:var(--font-size-20); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.greeting .img {width:34.3%;}
.greeting .img img {border-radius:20px;}

.directions-map h3 {margin-bottom:var(--space-48); font-size:var(--font-size-36); font-weight:700; line-height:1.445em; letter-spacing:-0.03em; color:#242424;}
.directions-map .wrap {display:flex; background:#fff; border:1px solid #ddd; border-radius:20px; padding:var(--space-40);}
.directions-map .content {flex:1;}
.directions-map .title {margin-bottom:var(--space-65); display:flex; align-items:center; gap:var(--space-16);}
.directions-map .title .ico img {height:clamp(40px, calc(48 / var(--inner) * 100vw), 48px);}
.directions-map .title h4 {font-size:var(--font-size-24); font-weight:700; line-height:1.42em; letter-spacing:-0.03em; color:#242424;}
.directions-map .info {display:flex; flex-direction:column; gap:var(--space-24);}
.directions-map .info .item {display:flex; align-items:center;}
.directions-map .info .tit {margin-right:var(--space-8); display:flex; align-items:center; gap:var(--space-20); font-size:var(--font-size-18); font-weight:600; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.directions-map .info .txt {font-size:var(--font-size-18); font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.directions-map .map-area {width:57%; border-radius:20px; overflow:hidden;}

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(430 / var(--inner) * 100vw), 430px) !important;}
.map-area iframe {height:clamp(250px, calc(430 / var(--inner) * 100vw), 430px) !important; width: 100%; }
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .border1,
.root_daum_roughmap_landing .border3, 
.root_daum_roughmap_landing .border4 {display:none !important;}
.root_daum_roughmap .wrap_controllers {border:0 !important;}

.directions-guide .card {margin-bottom:var(--space-30); background:#fff; border:1px solid #ddd; border-radius:20px; padding:var(--space-40); display:flex; flex-direction:column;}
.directions-guide .card:last-child {margin-bottom:0;}
.directions-guide .card h4 {margin-bottom:var(--space-24); display:flex; align-items:center; gap:var(--space-16); font-size:var(--font-size-24); font-weight:700; line-height:1.42em; letter-spacing:-0.03em; color:#242424;}
.directions-guide .card h4 img {height:clamp(40px, calc(48 / var(--inner) * 100vw), 48px);}
.directions-guide .items {display:flex; flex-direction:column; gap:var(--space-24);}
.directions-guide .item {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--space-16); background:#f8f8f8; border-radius:20px; padding:var(--space-40);}
.directions-guide .cont {display:flex; align-items:center; gap:var(--space-16);}
.directions-guide .way {display:flex; align-items:center; gap:var(--space-16); font-size:var(--font-size-18); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}
.directions-guide .way .ico {display:flex; align-items:center; justify-content:center; min-width:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); min-height:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); border-radius:16px; background:#000; font-size:var(--font-size-18); font-weight:700; color:#fff;}
.directions-guide .way .ico img {width:clamp(18px, calc(24 / var(--inner) * 100vw), 24px); height:clamp(18px, calc(24 / var(--inner) * 100vw), 24px); object-fit:contain;}
.directions-guide .arrow {flex-shrink:0; width:120px; height:12px; background:url('/images/sub/dir-arrow.png') center / contain no-repeat;}
.directions-guide .time .ico {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); height:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); border-radius:16px; background:linear-gradient(110deg, var(--color-primary) 13.34%, #6774ff 86.66%);}
.directions-guide .time .ico img {min-width:clamp(18px, calc(24 / var(--inner) * 100vw), 24px); min-height:clamp(18px, calc(24 / var(--inner) * 100vw), 24px); object-fit:contain;}
.directions-guide .time strong {display:inline-block; margin:0 var(--space-5) 0 var(--space-15); font-size:var(--font-size-32); font-weight:700; letter-spacing:-0.03em; color:var(--color-primary);}
.directions-guide .time sub {vertical-align:middle; display:inline-block; font-size:var(--font-size-15); line-height:1.33em; color:#8f8f8f;}

.bylaws-tab {margin-bottom:var(--space-30); padding:var(--space-40); border:1px solid #ddd; border-radius:20px;}
.bylaws-tab ul {display:flex; flex-wrap:wrap; margin:calc(var(--space-12) * -1) calc(var(--space-15) * -1);}
.bylaws-tab ul li {padding:var(--space-12) var(--space-15); width:20%;}
.bylaws-tab ul li a {display:flex; align-items:center; gap:var(--space-8); padding:var(--space-16); background:#f8f8f8; border-radius:8px; font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em; color:#454545;}
.bylaws-tab ul li a:before {content:''; width:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); height:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); background:url('/images/sub/tab-check.png') center / contain no-repeat;}
.bylaws-tab ul li.active a {color:var(--color-primary);}

.bylaws-content {display:flex; flex-direction:column; gap:var(--space-30);}
.bylaws-content .sec {background:#fff; border:1px solid #ddd; border-radius:20px; padding:var(--space-40);}
.bylaws-content .sec h4 {margin-bottom:var(--space-40); font-size:var(--font-size-30); font-weight:700; line-height:1.73em; letter-spacing:-0.03em; color:#242424;}
.bylaws-content .sec .content {font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em; color:#454545;}

.donation-head {padding-bottom:var(--space-40); border-bottom:1px solid #ddd;}
.donation-head .label {margin-bottom:var(--space-25); display:inline-flex; align-items:center; height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); gap:0 var(--space-8); padding:0 var(--space-16); border-radius:16px; background:#eff6ff;}
.donation-head .label:before {content:''; width:clamp(16px, calc(20 / var(--inner) * 100vw), 20px); height:clamp(16px, calc(20 / var(--inner) * 100vw), 20px); background:url('/images/sub/donation-date.png') center / contain no-repeat;}
.donation-head .label span {display:inline-block; -webkit-text-fill-color:unset; background:linear-gradient(150deg, var(--color-primary) 13.34%, #6774ff 86.66%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; font-weight:600;}
.donation-head h3 {width:fit-content; font-size:var(--font-size-36); font-weight:700; line-height:1.445em; letter-spacing:-0.03em; text-align:center; background:linear-gradient(156deg, var(--color-primary) 13.34%, #6774ff 86.66%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}

.donation-goal .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.donation-goal .item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--space-40); height:clamp(160px, calc(484 / var(--inner) * 100vw), 484px); border-radius:16px; overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; color:#fff;}
.donation-goal .item .ico img {height:clamp(40px, calc(88 / var(--inner) * 100vw), 88px);}
.donation-goal .item p {font-size:var(--font-size-24); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; text-align:center; color:#fff;}

.donation-detail .title  {display:flex; align-items:center; justify-content:center; padding:var(--space-20); border-radius:100px; margin-bottom:var(--space-40); background:#eff6ff;}
.donation-detail .title h4 {text-align:center; font-size:var(--font-size-24); font-weight:700; line-height:1.42em; letter-spacing:-0.03em; width:fit-content; background:linear-gradient(110deg, #1365D8 13.34%, #6774FF 86.66%); background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.donation-detail .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.donation-detail .item {padding:var(--space-40); border:1px solid #ddd; border-radius:20px;}
.donation-detail .item .ico img {height:clamp(40px, calc(64 / var(--inner) * 100vw), 64px);}
.donation-detail .item .tit {margin:var(--space-24) 0; font-size:var(--font-size-24); font-weight:700; line-height:1.17em; letter-spacing:-0.03em; color:#242424;}
.donation-detail .item .txt {font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em; color:#454545;}
.donation-detail .item .list ul li {margin-bottom:var(--space-25); position:relative; padding-left:var(--space-15); font-size:var(--font-size-18); line-height:1.56em; letter-spacing:-0.03em; color:#454545;}
.donation-detail .item .list ul li:last-child {margin-bottom:0;}
.donation-detail .item .list ul li:before {position:absolute; left:0; top:.65em; content:''; width:4px; height:4px; background:#454545; border-radius:50%;}

.join-guide {display:flex; align-items:center; border:1px solid #ddd; border-radius:20px; padding:var(--space-40);}
.join-guide .content {flex:1;}
.join-guide .content .label {margin-bottom:var(--space-15); display:inline-block; padding:var(--space-8) var(--space-16); background:#eff6ff; border-radius:16px;}
.join-guide .content .label span {font-size:var(--font-size-16); font-weight:600; line-height:1.5em; letter-spacing:-0.03em; background:linear-gradient(129deg, var(--color-primary) 13.34%, #6774ff 86.66%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.join-guide .doc-tit {text-align:left;}
.join-guide .tel {font-size:var(--font-size-24); font-weight:700; line-height:1.42em; letter-spacing:-0.03em; color:#242424;}
.join-guide .tel img {height:clamp(40px, calc(48 / var(--inner) * 100vw), 48px); margin-right:var(--space-16); vertical-align:middle;}
.join-guide .tel span {background:linear-gradient(168deg, var(--color-primary) 13.34%, #6774ff 86.66%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.join-guide .image {width:42.858%;}