@charset "UTF-8";
@import url(./fonts.css);

* {margin: 0; padding: 0; letter-spacing: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; word-break: keep-all;}
html {width: 100%; height: 100%; font-size: 0.052vw;}
body {position: relative; font-family: "Pretendard-Regular", sans-serif; font-weight:normal; font-size: 16rem; letter-spacing: 0; color: #000; line-height: 130%; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
textarea, button {vertical-align: middle;}
option {padding: 10px;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0;  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
select {padding: 5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {padding: 20rem; vertical-align: middle; background: #fff; border: 1px solid #E0E0E0; font-family: "Pretendard-Regular", sans-serif; color: #000; letter-spacing: -.04rem; font-size: max(16rem, 12px); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; resize: vertical;}
a {text-decoration: none; color: #000;}
a:hover, a:focus, a:active {text-decoration: none;}
table {border-collapse: collapse; width: 100%;}
button {background: none; border: none; padding: 0; margin: 0; cursor: pointer; overflow: visible; white-space: nowrap; font-size: max(16rem, 12px); font-family: "Pretendard-Regular", sans-serif; color:#000;}
button:active {outline: none;}
button::-moz-focus-inner {padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong, b {font-family: "Pretendard-Regular", sans-serif;}
th {font-family: "Pretendard-Regular", sans-serif;}
input:focus, select:focus, option:focus, button:focus{outline: none;}
textarea:focus {outline: 1px solid #00AD1D;}
textarea::placeholder {color: #919593;}
textarea:disabled {border: 1px dashed #E0E0E0;}
.swiper-button-prev:after, .swiper-button-next:after{display:none;}

#wrap{overflow:hidden; width:100%;}

.only-pc{display:block;}
.only-mob{display:none;}

@media screen and (max-width: 1024px) {
  html {font-size: .130vw;}
  .only-pc{display:none;}
  .only-mob{display:block;}
}
@media screen and (max-width: 600px) {
  html {font-size: .256vw;}
}

.stop-scroll{overflow:hidden;}

/* Header */
header{position:fixed; top:0; left:0; width:100%; height:75rem; background:#fff; z-index:100;}
header .inner{display:flex; align-items: center; justify-content: space-between; margin:0 auto; width:1835rem; height:100%;}
header .inner .logo{position:relative;}
header .inner .logo img{width:348rem;}
header .inner .anchor-btn-wrap{display:flex; gap:0 30rem;}
header .inner .anchor-btn-wrap .anchor-btn{font-size:22rem; line-height:28rem; font-family: "Pretendard-SemiBold"; color:#000;}
header .inner .anchor-btn-wrap .anchor-btn:nth-child(1){color:#d69b46;}
header .inner .anchor-btn-wrap .close-btn{display:none;}
header .inner .anchor-btn-wrap .copyright{display:none;}
header .inner .menu-btn{display:none;}

@media all and (max-width: 1024px) {
  header{height:66rem; z-index:101;}
  header .inner{width:100%; padding:0 25rem;}
  header .inner .logo{z-index:2;}
  header .inner .logo img{width:230rem;}
  header .inner .anchor-btn-wrap{flex-direction: column; justify-content: center; gap:20rem; position:fixed; top:0; right:-100%; padding:20vh 25rem; width:100%; height:100dvh; background:#fff; transition:right 0.5s ease;}
  header .inner .anchor-btn-wrap.on{right:0;}
  header .inner .anchor-btn-wrap .close-btn{display:block; position:absolute; top:25rem; right:25rem; width:23rem; height:23rem; background:url("../images/icon-close-btn.png") no-repeat center center/23rem auto;}
  header .inner .anchor-btn-wrap .copyright{display:block; position:absolute; bottom:0; right:25rem; font-size:8rem;}
  header .inner .menu-btn{display:block; position:absolute; top:25rem; right:25rem; width:31rem; height:21rem; background:url("../images/icon-menu.png") no-repeat center center/31rem auto;}
  header .inner:has(.anchor-btn-wrap.on) .menu-btn{display:none;}
}

/* 비주얼 */
.visual-area{position:relative; height:880rem;}
.visual-area .swiper-container{width:100%; height:100%;}
.visual-area .swiper-slide{width:100%; height:100%;}
.visual-area .swiper-slide .img{width:100%; height:100%;}
.visual-area .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}
.visual-area .swiper-slide .txt{position:absolute; top:60%; left:50%; transform:translate(-50%, -50%); width:1180rem; color:#fff; font-size:60rem; line-height:80rem; font-family: "Pretendard-Bold"; text-align:center; opacity:0; transition:top 1s ease, opacity 1s ease;}
.visual-area .swiper-slide .txt p{font-size:40rem; line-height:50rem; font-family: "Pretendard-Bold"; color:#fff;}
.visual-area .swiper-slide-active .txt{top:50%; opacity:1; transition-delay:0.2s;}
.visual-area .swiper-pagination{bottom:45rem;}
.visual-area .swiper-pagination .swiper-pagination-bullet{margin:0 12rem; width:12rem; height:12rem; background:#fff; opacity:0.5;}
.visual-area .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
.visual-area .scroll-down{position:absolute; bottom:110rem; left:50%; transform:translate(-50%, 0); width:26rem; height:43rem; border:1px solid #fff; z-index:2; border-radius: 13rem;}
.visual-area .scroll-down span{position:absolute; left:7rem; top:6rem; width:10rem; height:10rem; background:#fff; border-radius: 50%; animation: scrollDown 1.2s ease-in-out infinite;}

@keyframes scrollDown {
  0% {
    top: 6rem;
  }
  50% {
    top: 26rem;
  }
  100% {
    top: 6rem;
  }
}

@media all and (max-width: 1024px) {
  .visual-area{height:100dvh;}
  .visual-area .swiper-slide .txt{max-width:90%; font-size:27rem; line-height:38rem;}
}

/* 전화상담 */
.call-btn{position:fixed; bottom:85rem; right:165rem; display:flex; flex-direction: column; align-items: center; justify-content: center; width:180rem; height:250rem; background:#d69b46; border-radius:30rem; z-index:100;}
.call-btn .txt{padding-top:90rem; width:100%; text-align: center; font-size:22rem; line-height:28rem; font-family: "Pretendard-Bold"; color:#fff; background:url("../images/icon-call.png") no-repeat center top/81rem auto;}
.call-btn .num{margin-top:5rem; font-size:32rem; line-height:40rem; letter-spacing: -1px; font-family: "Pretendard-Bold"; color:#fff;}

@media screen and (max-width: 1024px) {
	.call-btn{bottom:17rem; right:17rem; width:105rem; height:144rem; border-radius: 10rem;}
  .call-btn .txt{padding-top:51rem; font-size:13rem; line-height:20rem; background:url("../images/icon-call.png") no-repeat center top/auto 38rem;}
  .call-btn .num{margin-top:0; font-size:18rem; line-height:25rem;}
}

/* 인사말 */
.greeting-area{padding:55rem 0 60rem;}
.greeting-area .inner{margin:0 auto; width:1180rem;}
.greeting-area .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#d69b46;margin-bottom:25rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.greeting-area .img{overflow:hidden; position:relative; top:80rem; width:1180rem; height:314rem; opacity:0; transition:top 1s ease, opacity 1s ease; border-radius:20rem;}
.greeting-area .img img{width:100%; height:100%; object-fit:cover;}
.greeting-area .greeting-wrap{display:flex; gap:0 150rem; margin-top:45rem;}
.greeting-area .greeting-wrap > div{width:calc((100% - 150rem) / 2);}
.greeting-area .greeting-wrap .left{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.greeting-area .greeting-wrap .left .doctor{padding:85rem 60rem 65rem; background:#949b74; border-radius: 20rem;}
.greeting-area .greeting-wrap .left .doctor .name{font-size:25rem; color:#fff; font-family: "Pretendard-SemiBold";}
.greeting-area .greeting-wrap .left .doctor .name span{font-size:55rem; color:#fff; font-family: "Pretendard-Bold"; letter-spacing: 10rem;}
.greeting-area .greeting-wrap .left .doctor .info{margin-top:60rem; font-size:22rem; line-height:34rem; color:#fff; font-family: "Pretendard-Regular"; letter-spacing: -1px;}
.greeting-area .greeting-wrap .right{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.greeting-area .greeting-wrap .right .tit{font-size:29rem; line-height:42rem; color:#d69b46; font-family: "Pretendard-ExtraBold";}
.greeting-area .greeting-wrap .right .txt{margin-top:50rem; font-size:22rem; line-height:35rem; font-family: "Pretendard-Regular"; letter-spacing: -1px;}
.greeting-area .greeting-wrap .right .txt span{font-family: "Pretendard-Bold";}
.greeting-area.active .title{top:0; opacity:1;}
.greeting-area.active .img{top:0; opacity:1;}
.greeting-area.active .greeting-wrap .left{top:0; opacity:1; transition-delay:0.2s;}
.greeting-area.active .greeting-wrap .right{top:0; opacity:1; transition-delay:0.4s;}

@media all and (max-width: 1024px) {
  .greeting-area{padding:27rem 0 60rem;}
  .greeting-area .inner{width:100%;}
  .greeting-area .title{font-size:23rem; line-height:30rem; text-align: center;}
  .greeting-area .img{width:100%; height:254rem; border-radius:0;}
  .greeting-area .greeting-wrap{flex-direction: column; gap:54rem; margin-top:22rem; padding:0 25rem;}
  .greeting-area .greeting-wrap > div{width:100%;}
  .greeting-area .greeting-wrap .left .doctor{padding:48rem 42rem; border-radius:10rem;}
  .greeting-area .greeting-wrap .left .doctor .name{font-size:13rem;}
  .greeting-area .greeting-wrap .left .doctor .name span{font-size:33rem;}
  .greeting-area .greeting-wrap .left .doctor .info{margin-top:40rem; font-size:13rem; line-height:20rem; letter-spacing: -0.5px;}
  .greeting-area .greeting-wrap .right .tit{font-size:25rem; line-height:33rem; text-align: center;}
  .greeting-area .greeting-wrap .right .txt{font-size:16rem; line-height:26rem; text-align: center;}
}


/* 센터 오시는 길 */
.map-area{background:url("../images/bg-map.jpg") no-repeat center center/cover;}
.map-area .inner{padding:90rem 0 100rem; margin:0 auto; width:1180rem;}
.map-area .inner .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#fff; margin-bottom:65rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.map-area .inner .map-wrap{display:flex; gap:0 20rem;}
.map-area .inner .map-wrap .map-div{position:relative; top:80rem; width:calc((100% - 20rem) / 2); opacity:0; transition:top 1s ease, opacity 1s ease;}
.map-area .inner .map-wrap .map-div .img{overflow:hidden;width:100%; height:348rem; border-radius:20rem;}
.map-area .inner .map-wrap .map-div .img img{width:100%; height:100%; object-fit: cover;}
.map-area .inner .map-wrap .map-div .tit{margin-top:36rem; padding-top:30rem; font-family: "Pretendard-Bold"; font-size:30rem; line-height:38rem; color:#fff; margin-bottom:10rem; border-top:1px solid #fff;}
.map-area .inner .map-wrap .map-div .txt{font-family: "Pretendard-SemiBold"; font-size:26rem; line-height:34rem; color:#fff;}
.map-area.active .title{top:0; opacity:1;}
.map-area.active .map-wrap .map-div:nth-child(1){top:0; opacity:1; transition-delay:0.2s;}
.map-area.active .map-wrap .map-div:nth-child(2){top:0; opacity:1; transition-delay:0.4s;}

@media all and (max-width: 1024px) {
  .map-area{padding:46rem 0 33rem;}
  .map-area .inner{padding:0; width:calc(100% - 50rem)}
  .map-area .inner .title{margin-bottom:38rem; font-size:25rem; line-height:32rem; text-align: center;}
  .map-area .inner .map-wrap{flex-direction: column; gap:20rem;}
  .map-area .inner .map-wrap .map-div{width:100%;}
  .map-area .inner .map-wrap .map-div .img{height:251rem;}
  .map-area .inner .map-wrap .map-div .tit{margin-bottom:5rem; font-size:20rem; line-height:28rem;}
  .map-area .inner .map-wrap .map-div .txt{font-size:17rem; line-height:25rem;}
}

/* 시설안내 */
.facility-area{padding:70rem 0 114rem ; background:#fff}
.facility-area .inner{margin:0 auto; width:1180rem;}
.facility-area .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#645442; text-align:center; margin-bottom:15rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.facility-area .sub-title{position:relative; top:80rem; font-family: "NotoSans-Medium"; font-size:21rem; line-height:28rem; color:#737373; letter-spacing: -1px; text-align:center; margin-bottom:15rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.facility-area .facility-swiper{position:relative; top:80rem; margin:70rem auto 0; width:1104rem; height:442rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.facility-area .facility-swiper .swiper-container{overflow:hidden;width:100%; height:100%;}
.facility-area .facility-swiper .swiper-slide{overflow:hidden; border-radius:20rem;}
.facility-area .facility-swiper .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.facility-area .facility-swiper .swiper-button-prev{left:-40rem; width:17rem; height:29rem; background:url("../images/icon-facility-prev-arrow.png") no-repeat center center/17rem auto;}
.facility-area .facility-swiper .swiper-button-next{right:-40rem; width:17rem; height:29rem; background:url("../images/icon-facility-next-arrow.png") no-repeat center center/17rem auto;}
.facility-area.active .title{top:0; opacity:1;}
.facility-area.active .sub-title{top:0; opacity:1;}
.facility-area.active .facility-swiper{top:0; opacity:1; transition-delay:0.2s;}

@media all and (max-width: 1024px) {
  .facility-area{padding:42rem 0 36rem;}
  .facility-area .inner{width:calc(100% - 50rem)}
  .facility-area .title{margin-bottom:10rem; font-size:25rem; line-height:32rem;}
  .facility-area .sub-title{margin-bottom:30rem; font-size:15rem; line-height:22rem;}
  .facility-area .facility-swiper{margin-top:20rem; width:90%; height:auto; padding-top:120%;}
  .facility-area .facility-swiper .swiper-container{position:absolute; top:0; left:0;}
  .facility-area .facility-swiper .swiper-button-prev{left:-32rem; width:17rem; height:29rem; background:url("../images/icon-facility-prev-arrow.png") no-repeat center center/17rem auto;}
  .facility-area .facility-swiper .swiper-button-next{right:-32rem; width:17rem; height:29rem; background:url("../images/icon-facility-next-arrow.png") no-repeat center center/17rem auto;}
}

/* 프로그램 안내 */
.program-area{padding:60rem 0 85rem; background:#949b74}
.program-area .inner{margin:0 auto; width:1180rem;}
.program-area .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#fff; text-align:center; margin-bottom:15rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.program-area .sub-title{position:relative; top:80rem; font-family: "NotoSans-Medium"; font-size:21rem; line-height:28rem; color:#fff; text-align:center; margin-bottom:50rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.program-area .program-wrap{display:flex; gap:0 20rem;}
.program-area .program-div{position:relative; top:80rem; margin-right:20rem;width:calc((100% - 60rem) / 4); opacity:0; transition:top 1s ease, opacity 1s ease;}
.program-area .program-div:last-child{margin-right:0;}
.program-area .program-div .img{overflow:hidden; width:100%; height:369rem; border-radius:20rem;}
.program-area .program-div .img img{width:100%; height:100%; object-fit:cover;}
.program-area .program-div .tit{margin-top:30rem; font-family: "Pretendard-Medium"; font-size:20rem; line-height:27rem; letter-spacing: -1px; color:#f8ffd7;}
.program-area .program-div .txt{margin-top:30rem; font-family: "NotoSans-Regular"; font-size:16rem; line-height:24rem; letter-spacing: -0.5px; color:#fff;}
.program-area.active .title{top:0; opacity:1;}
.program-area.active .sub-title{top:0; opacity:1;}
.program-area.active .program-wrap .program-div:nth-child(1){top:0; opacity:1; transition-delay:0.2s;}
.program-area.active .program-wrap .program-div:nth-child(2){top:0; opacity:1; transition-delay:0.4s;}
.program-area.active .program-wrap .program-div:nth-child(3){top:0; opacity:1; transition-delay:0.6s;}
.program-area.active .program-wrap .program-div:nth-child(4){top:0; opacity:1; transition-delay:0.8s;}

@media all and (max-width: 1024px) {
  .program-area{padding:42rem 0 36rem;}
  .program-area .inner{overflow:hidden; width:calc(100% - 50rem)}
  .program-area .title{margin-bottom:10rem; font-size:25rem; line-height:32rem;}
  .program-area .sub-title{margin-bottom:30rem; font-size:15rem; line-height:22rem;}
  .program-area .program-wrap{flex-direction:column; gap:23rem}
  .program-area .program-div{width:100%;}
  .program-area .program-div .img{height:195rem; border-radius: 10rem;}
  .program-area .program-div .tit{margin-top:13rem; font-family: "Pretendard-Bold";}
  .program-area .program-div .txt{margin-top:13rem; font-size:15rem;}
}

/* 프리미엄 서비스 */
.premium-service-area{padding:65rem 0 80rem; background:#fff4e5;}
.premium-service-area .inner{margin:0 auto; width:1180rem;}
.premium-service-area .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#956d3a; text-align:center; margin-bottom:70rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.premium-service-area .sub-title{position:relative; top:80rem; font-family: "NotoSans-Medium"; font-size:21rem; line-height:28rem; color:#474747; letter-spacing: -1px; text-align:center; margin-bottom:45rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.premium-service-area .swiper-wrapper{display:flex; gap:50rem 35rem; flex-wrap:wrap;}
.premium-service-area .swiper-wrapper .swiper-slide{position:relative; top:80rem; width:calc((100% - 130rem) / 3); opacity:0; transition:top 1s ease, opacity 1s ease;}
.premium-service-area .swiper-wrapper .swiper-slide .img{overflow:hidden; width:100%; height:370rem; border-radius:20rem;}
.premium-service-area .swiper-wrapper .swiper-slide .img img{width:100%; height:100%; object-fit:cover;}
.premium-service-area .swiper-wrapper .swiper-slide .tit{margin-top:20rem; font-family: "Pretendard-Bold"; font-size:20rem; line-height:27rem; letter-spacing: -1px; color:#d09539;}
.premium-service-area .swiper-wrapper .swiper-slide .txt{margin-top:5rem; font-family: "Pretendard-Bold"; font-size:21rem; line-height:30rem; letter-spacing: -0.5px; color:#3c3c3c;}
.premium-service-area .swiper-container .swiper-pagination{display:none;}
.premium-service-area.active .title{top:0; opacity:1;}
.premium-service-area.active .sub-title{top:0; opacity:1;}
.premium-service-area.active .swiper-wrapper .swiper-slide{top:0; opacity:1; transition-delay:0.2s;}

@media all and (max-width: 1024px) {
  .premium-service-area{padding:43rem 0 63rem;}
  .premium-service-area .inner{overflow:hidden; width:calc(100% - 50rem)}
  .premium-service-area .title{margin-bottom:36rem; font-size:25rem; line-height:32rem;}
  .premium-service-area .premium-swiper{position:relative; padding:0 5%;}
  .premium-service-area .swiper-container{overflow:hidden; position:relative; padding-bottom:46rem;}
  .premium-service-area .swiper-wrapper{gap:0; flex-wrap:nowrap;}
  .premium-service-area .swiper-wrapper .swiper-slide{width:100%;}
  .premium-service-area .swiper-wrapper .swiper-slide .img{height:394rem; border-radius: 10rem;}
  .premium-service-area .swiper-wrapper .swiper-slide .tit{padding:0 54rem; text-align: center;}
  .premium-service-area .swiper-wrapper .swiper-slide .txt{padding:0 54rem; text-align: center;}
  .premium-service-area .swiper-container .swiper-pagination{display:block; bottom:0;}
  .premium-service-area .swiper-container .swiper-pagination-bullet{background:#e9d6bd; opacity:1;}
  .premium-service-area .swiper-container .swiper-pagination-bullet-active{background:#d09539; opacity:1;}
  .premium-service-area .swiper-button-prev{top:197rem; left:3rem; width:17rem; height:29rem; background:url("../images/icon-facility-prev-arrow.png") no-repeat center center/17rem auto;}
  .premium-service-area .swiper-button-next{top:197rem; right:3rem; width:17rem; height:29rem; background:url("../images/icon-facility-next-arrow.png") no-repeat center center/17rem auto;}
}

@media all and (max-width: 600px) {
  .premium-service-area .inner{overflow:visible;}
  .premium-service-area .swiper-button-prev{left:-15rem;}
  .premium-service-area .swiper-button-next{right:-15rem;}
}

/* 특허 및 인증서 */
.patent-area{position:relative; padding:85rem 0 100rem; width:100%; background:url("../images/bg-patent.jpg") no-repeat center center/cover}
.patent-area .title{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color:#fff; text-align:center; margin-bottom:100rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.patent-area .swiper-container{overflow:visible; margin:0 auto; width:1387rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.patent-area .swiper-slide{margin:0 13rem; width:calc((100% - 130rem) / 4); opacity:1; transition:opacity 0.3s ease;}
.patent-area .swiper-slide img{width:100%; transform:scale(1); transition:transform 0.5s ease;}
.patent-area .swiper-slide:hover img{transform:scale(1.1);}
.patent-area .swiper-slide.opacity{opacity:0.5;}
.patent-area .swiper-button-next{right:130rem; width:66rem; height:66rem; background:url("../images/icon-patent-area-next-arrow.png") no-repeat center center/66rem auto;}
.patent-area .swiper-button-prev{left:130rem; width:66rem; height:66rem; background:url("../images/icon-patent-area-prev-arrow.png") no-repeat center center/66rem auto;}
.patent-area.active .title{top:0; opacity:1;}
.patent-area.active .swiper-container{top:0; opacity:1; transition-delay:0.2s;}

@media all and (max-width: 1024px) {
  .patent-area{padding:32rem 0 76rem; background:url("../images/bg-patent-mo.jpg") no-repeat center center/cover}
  .patent-area:before{width:150rem;}
  .patent-area:after{width:150rem;}
  .patent-area .inner{width:calc(100% - 74rem)}
  .patent-area .title{margin-bottom:53rem; font-size:25rem; line-height:32rem;}
  .patent-area .swiper-container{margin-top:0; width:100%;}
  .patent-area .swiper-slide{width:60%;}
  .patent-area .swiper-slide:hover img{transform:scale(1);}
  .patent-area .swiper-button-prev{left:25rem; width:38rem; height:38rem; background-size: cover;}
  .patent-area .swiper-button-next{right:25rem; width:38rem; height:38rem; background-size: cover;}
}

/* 후원 및 자원봉사 */
.support-area{display:flex; justify-content: flex-end; min-height:790rem; background:url("../images/img-support.jpg") no-repeat left bottom /auto 100%;}
.support-area .support-wrap{display: flex; align-items: center; justify-content: center; width:50%; min-height: 790rem;/*  padding:95rem 250rem 80rem 52%; */ text-align: center; background:#FFD44B}
.support-area .support-div{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.support-area .title{font-family: "Pretendard-Bold"; font-size:39rem; line-height:47rem; color: #fff; margin-bottom:15rem;}
.support-area .txt{font-family: "Pretendard-Medium"; font-size:23rem; line-height:30rem; color: #fff;}
.support-area .sub-tit{margin-top:60rem;}
.support-area .sub-tit span{display:inline-block; padding:0 30rem; font-family: "Pretendard-Bold"; font-size:27rem; line-height:52rem; color: #fff; background:#765d4c; border-radius:26rem;}
.support-area .sub-txt{margin-top:20rem; font-family: "Pretendard-Bold"; font-size:30rem; line-height:40rem; color: #827064;}
.support-area .info-txt{margin-top:30rem; font-family: "Pretendard-Medium"; font-size:20rem; line-height:30rem; color: #4c4c4c;}
.support-area.active .support-div{top:0; opacity:1;}
.support-area.active .support-div:nth-child(2){top:0; opacity:1; transition-delay:0.2s;}
.support-area.active .support-div:nth-child(3){top:0; opacity:1; transition-delay:0.4s;}

@media screen and (max-width: 1024px) {
	.support-area{flex-direction: column; min-height:600rem;background:url("../images/img-support.jpg") no-repeat center top /100% auto;}
  .support-area .support-wrap{text-align: center; width:100%; min-height:300rem;}
  .support-area .title{margin-bottom:30rem; font-size:25rem; line-height:32rem;}
  .support-area .txt{font-size:17rem; line-height:24rem;}
  .support-area .sub-tit{margin-top:37rem;}
  .support-area .sub-tit span{padding:0 24rem; font-size:20rem; line-height:37rem;}
  .support-area .sub-txt{margin-top:17rem; font-size:22rem; line-height:28rem;}
  .support-area .info-txt{margin-top:11rem; font-size:13rem; line-height:20rem;}
}

@media screen and (max-width: 600px) {
  .support-area{background:url("../images/img-support.jpg") no-repeat center top /auto 50%;}
}


/* banner */
.banner-area {display: flex;}
.banner-area > a{overflow:hidden; display:flex; align-items: center; justify-content: center; width:50%; height:390rem;}
.banner-area .left{background:url("../images/bg-banner-01.jpg") no-repeat left center / 101% auto;}
.banner-area .right{background:url("../images/bg-banner-02.jpg") no-repeat center / cover;}
.banner-area > a .txt{position:relative; top:80rem; font-family: "Pretendard-Bold"; font-size:40rem; line-height:140%; color:#fff; opacity:0; transition:top 1s ease, opacity 1s ease;}
.banner-area.active > a .txt{top:0; opacity:1;}
.banner-area.active > a:nth-child(2) .txt{top:0; opacity:1; transition-delay:0.2s;}

@media screen and (max-width: 1024px) {
	.banner-area{flex-direction: column;}
  .banner-area > a{width:100%; height:150rem;}
  .banner-area .left{background:url("../images/bg-banner-01.jpg") no-repeat left center / cover;}
  .banner-area .right{background:url("../images/bg-banner-02.jpg") no-repeat left center / cover;}
  .banner-area > a .txt{font-size:22rem;}
}

/* footer */
footer{padding:60rem 0 45rem; background:#212121;}
footer .inner{display:flex; align-items: center; justify-content: space-between; margin:0 auto; width:1650rem;}
footer .left .logo img{width:503rem;}
footer .left .info-wrap{display:flex; align-items: flex-start; gap:0 100rem; margin-top:50rem;}
footer .left .info-wrap .info-div .tit{font-family: "Pretendard-Bold"; font-size:25rem; color:#b0b0b0; line-height:32rem;}
footer .left .info-wrap .info-div .txt{margin-top:20rem; font-family: "Pretendard-Regular"; font-size:20rem; color:#b0b0b0; line-height:30rem;}
footer .left .info-wrap .info-div .menu{display:flex; align-items: center; gap:0 13rem; margin-top:20rem; color:#b0b0b0; font-size:15rem; line-height:20rem; font-family: "Pretendard-Regular";}
footer .left .info-wrap .info-div .menu:has(.btn-link){margin-top:40rem;}
footer .left .info-wrap .info-div .menu .btn-link{font-family: "Pretendard-Regular"; font-size:15rem; color:#b0b0b0; line-height:20rem;}
footer .right{display:flex; flex-direction: column; align-items: flex-end; position:relative;}
footer .right .anchor-btn-wrap{display:flex; align-items: center; gap:0 30rem;}
footer .right .anchor-btn-wrap .anchor-btn{font-family: "Pretendard-SemiBold"; font-size:21rem; color:#7e7e7e; line-height:29rem;}
footer .right .family-site{position:absolute; top:200rem; padding:5rem 22rem; width:255rem; background:#484848; border-radius: 30rem;}
footer .right .family-site .family-btn{display:block; padding:10rem 0; font-size:18rem; color:#b4b4b4; font-family: "Pretendard-Bold"; background:url("../images/icon-family-site-arrow.png") no-repeat right center/12rem auto;}
footer .right .family-site .family-con{display:none; padding:10rem 0 5rem; border-top:1px solid #b4b4b4; background:#484848; border-radius:0 0 30rem 30rem;}
footer .right .family-site .family-con .family-btn{padding:5rem 0; font-family: "Pretendard-Regular"; background:none;}
footer .right .btn-top{margin-top:20rem; width:65rem; height:65rem; background:url("../images/btn-top.png") no-repeat center center/65rem auto; cursor:pointer;}
footer .right .copyright{margin-top:160rem; font-family: "Pretendard-Regular"; font-size:15rem; color:#b0b0b0; line-height:20rem;}

@media screen and (max-width: 1024px) {
	footer{padding:23rem 0 22rem}
	footer .inner{flex-direction: column; align-items: flex-start; position:relative; padding:0 25rem; width:100%;}
  footer .inner > div{width:100%;}
  footer .left .logo{margin-top:55rem;}
  footer .left .logo img{width:202rem;}
  footer .left .info-wrap{flex-direction: column; gap:20rem; margin-top:20rem;}
  footer .left .info-wrap .info-div .tit{font-size:17rem;}
  footer .left .info-wrap .info-div .txt{margin-top:16rem; font-size:13rem; line-height:18rem;}
  footer .left .info-wrap .info-div .menu{margin-top:10rem; font-size:10rem; line-height:15rem;}
  footer .left .info-wrap .info-div .menu:has(.btn-link){margin-top:20rem;}
  footer .left .info-wrap .info-div .menu .btn-link{font-size:10rem;}
  footer .right{position:unset}
  footer .right .anchor-btn-wrap{gap:5rem 14rem; flex-wrap:wrap; position:absolute; top:0; left:25rem;}
  footer .right .anchor-btn-wrap .anchor-btn{font-size:10rem;}
  footer .right .family-site{top:480rem; padding:0 17rem; width:132rem; border-radius: 10rem;}
  footer .right .family-site .family-btn{padding:3rem 0; font-size:10rem; background-size: 8rem auto;}
  footer .right .family-site .family-con{padding:5rem 0 0; border-radius:0 0 10rem 10rem;}
  footer .right .family-site .family-con .family-btn{padding:0;}
  footer .right .btn-top{position:absolute; right:25rem; top: 25rem; width:48rem; height:48rem; background-size: cover;}
  footer .right .copyright{margin-top:120rem; font-size:10rem;}
}


.container{
  width:100%;
}
.popup-wrap{
  background-color:rgba(0,0,0,.3);
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  padding:15px;
  z-index: 1000;
  display: flex;

}
.popup{
  width:100%;
  max-width:800px;
  background-color:#ffffff;
  border-radius:10px;
  overflow:hidden;
  background-color:#fff;
  box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3);
}
.popup-head{
  width:100%;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.head-title {
    font-size: 38px;
    font-weight: 700;
    letter-spacing: -3px;
    text-align: center;
}
.popup-body{
  width:100%;
  background-color:#ffffff;
}
.body-content{
  width:100%;
  padding:30px;
}
.body-titlebox{
  text-align:center;
  width:100%;
  height:40px;
  margin-bottom:10px;
}
.body-contentbox{
  word-break:break-word;
  overflow-y:auto;
  min-height:100px;
  max-height:200px;
}
.popup-foot{
  width:100%;
  height:50px;
  background-color:#264db5;
}
.pop-btn{
  display:inline-flex;
  width:100%;
  height:100%;
  float:left;
  justify-content:center;
  align-items:center;
  color:#ffffff;
  cursor:pointer;
}
.pop-btn.confirm{
  border-right:1px solid #3b5fbf;
}