@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(821rem); margin-top:120rem; color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:left; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:300; font-size:55rem; }
#main_visual h2 b{display:block; font-weight:bold;}
#main_visual p{line-height:2.4; margin:290rem 0 0 0; font-size:18rem; letter-spacing:2rem; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

/* 이전다음버튼일때 */
#main_visual .bx-default-pager{display:none; position: absolute; left:0; width: 100%;bottom:30rem;z-index: 60;}
#main_visual .bx-controls-direction{position: absolute; left:0; width: 100%;top:48%;z-index: 60;}
#main_visual .bx-controls-direction a.bx-prev:After{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
#main_visual .bx-controls-direction a:hover{}
#main_visual .bx-controls-direction a{display:block; position:absolute; overflow:hidden; width:28rem; height:46rem; text-indent:-9999px; transition:all 0.2s ease-out 0s;}
#main_visual .bx-controls-direction a:after{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/layout/icon_btn_arrow.svg) no-repeat 50% 50%;}
#main_visual .bx-controls-direction a.bx-next{right:100rem;}
#main_visual .bx-controls-direction a.bx-prev{left:100rem;}

@keyframes imagescale {
  0% {
    transform: scale(1.2)  rotate(.001deg);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
  }

  100% {
    transform: scale(1)  rotate(.001deg);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }
}

/* main content */
.main-content{}
.main-content *{}

.main-menu__list{display:grid; justify-content:center; align-items:center; text-align:center; grid-template-columns:repeat(4, 1fr);}
.main-menu__list > li{position:relative; background:#fafafa; background-size:cover;}
.main-menu__list > li a:before{opacity:0; content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:#654423;  transition:0.3s}
.main-menu__list > li :hover:before{opacity:0.3; transition:0.3s}
.main-menu__list > .main-menu__item01{background-image: url(../img/main/img_mainbg01.jpg); color:#fff;}
.main-menu__list > .main-menu__item03{background-image: url(../img/main/img_mainbg02.jpg); color:#fff;}
.main-menu__list > .main-menu__item06{background-image: url(../img/main/img_mainbg03.jpg); color:#fff;}
.main-menu__list > .main-menu__item08{background-image: url(../img/main/img_mainbg04.jpg); color:#fff;}
.main-menu__list > .color_white > *,
.main-menu__list > .color_white p{color:#fff;}
.main-menu__list > li a{display:flex;align-items:center;padding: 80rem 0rem;flex-direction:column;font-style:normal;}
.main-menu__list > li a *{font-style:normal;}
.main-menu__list > li i{font-size: 12rem;display: block;margin-top: 25rem;}
.main-menu__list > li strong{margin:24rem 0 10rem 0; font-weight:600; font-size:23rem;}
.main-menu__list > li p{font-weight:300; font-size:17rem; word-break:keep-all; color:#666;}
.main-menu__list img{height:75rem;}

.main-company{padding:100rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 85% 15%;}
.main-company .main-company__inner{display:flex; align-items: center;}
.main-company .main-company__img{width:50%; margin-right:5%}
.main-company .main-company__text{width:45%}
.main-company .main-company__text h3{margin-bottom:30rem; font-size:30rem; font-weight:600}
.main-company .main-company__text h3 span{color:#c5a56e}
.main-company .main-company__text p{line-height:1.8; color:#666}

.main-facilities{overflow:hidden; background:#f8f8f8; padding:100rem 0}
.main-facilities__inner{float:right; width:1650rem;}
.main-facilities__slide .swiper-pagination{position:static; margin-top:30rem;}
.main-facilities__slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c5a56e}
.main-facilities__slide img{width:100%}
.main-facilities__text{width:320rem; float:left; margin-top:60rem}
.main-facilities__text h3{font-size:30rem; font-weight:bold;}
.main-facilities__text p{margin:20rem 0 30rem 0; color:#666}


.main-board{margin:100rem 0}
.main-board h3{font-size:30rem; font-weight:bold}
.main-board__inner{display:flex;}
.main-board__title{display:flex;margin-bottom:20rem;align-items: center;}
.main-board__title img{height:28rem; margin-right: 10rem;}
.main-board__contact{width:calc(100% - 985rem)}
.main-board__contact > a{font-size:45rem;font-weight:bold;line-height: 1;}
.main-board__contact p{margin-top:10rem; color:#8b8b8b;}
.main-board__contact p b{color:#111;}
.main-board__contact ul{display:flex;justify-content: space-between; margin-top:25rem;}
.main-board__contact ul li{width:48%; background:#c5a56e; text-align:center; transition:0.3s}
.main-board__contact ul li:last-child{background:#46300a;}
.main-board__contact ul li a{display:block; width:100%; padding:15rem 0; color:#fff; font-size:15rem}
.main-board__contact ul li:hover{background:#333; transition:0.3s}

.main-board__notice{position:relative; width:900rem; margin-right:85rem;}
.main-board__notice .pic_li_lt .lt_more{top:15rem; background: url(../img/layout/icon_btn_b.svg) no-repeat center;}
.main-board__notice .pic_li_lt .lt_more:hover{transform: rotate(0deg);}
.main-board__notice li a{}
.main-board__notice .pic_li_lt{border-top:2rem solid #111;}
.main-board__notice .pic_li_tit *{font-weight:300}
.main-board__notice .pic_li_lt li .pic_li_tit:hover{color:#c5a56e;}
.main-board__notice .pic_li_lt li .pic_li_tit{font-weight:300;font-size:17rem;padding: 0 0rem;line-height: 1;}
.main-board__notice .pic_li_lt li{position:relative; padding:20rem 0rem; margin-bottom:0; border-bottom:1rem solid #e2e2e2;}


@media (max-width:1700px){
	.main-facilities__inner{width:100%; padding-left:30rem;}
	
	#main_visual .bx-controls-direction a.bx-prev{left:20rem;}
	#main_visual .bx-controls-direction a.bx-next{right:20rem;}
}

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
	
	.main-board__notice{width:65%; margin-right:5%;}
	.main-board__contact{width:30%;}
}

@media (max-width:1023px) {
	#main_visual{margin-top:80rem;}
	#main_visual h2{font-size:40rem}

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
	
	.main-company .main-company__img{width:45%; margin-right:5%;}
	.main-company__text{width:50%;}	

	.main-menu__list{grid-template-columns: repeat(2, 1fr);}
	.main-menu__list > .main-menu__item04,
	.main-menu__list > .main-menu__item07{background:#f1e9e1;}

	.main-facilities__text{margin-top:0}

	.main-board__notice{width:50%;}
	.main-board__contact{width:45%;}

}


@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}

	.main-company{padding:60rem 0; background:url(../img/main/img_logobg.jpg) no-repeat 50% 5%;}
	.main-company .main-company__inner{flex-direction: column;}
	.main-company .main-company__img{width:100%; margin-right:0}
	.main-company .main-company__img img{width:100%;}
	.main-company .main-company__text{width:100%; margin-top:30rem; text-align:center;}

	.main-menu__list img{height:60rem;}
	.main-menu__list > li a{padding:50rem 5rem}
	
	.main-facilities{padding:60rem 0}
	.main-facilities__text{ float:none; width:100%; margin-bottom:30rem; text-align:center;}
	.main-facilities__inner{padding:0 20rem;}

	.main-board{margin:60rem 0}
	.main-board__inner{ display:block;}
	.main-board__notice{width:100%; margin-right:0}
	.main-board__contact{width:100%; margin-top:30rem;}


}

@media (max-width:540px) {
	#main_visual{margin-top:80rem; height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:50rem 0 0 ; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
	
	.main-company{padding:30rem 0}
	.main-company .main-company__text h3{margin-bottom:15rem; font-size:22rem; word-break: keep-all;}
	
	.main-board__notice{margin-top:25rem}
	.main-facilities{padding:30rem 0}
	.main-facilities__text h3{font-size:22rem}
	.main-facilities__text p{margin:10rem 0 15rem 0}
	.main-board__contact strong{font-size:30rem}
	
	.main-menu__list{display:flex;flex-wrap: wrap;align-items: stretch;}
	.main-menu__list > li a:before{display:none;}
	.main-menu__list > li{width:50%}
	.main-menu__list > li a{padding:50rem 15rem}
	.main-menu__list > li strong{font-size:20rem; font-weight:bold; margin: 15rem 0 10rem 0}
	#main_visual .roll{    background-position: 40%;}

	.main-menu__list img{height:40rem;}
	.main-menu__list > li p{font-size:14rem;}
	
	.main-board{margin:30rem 0}
	h3.main-board__title{margin-bottom:10rem; font-size:22rem;font-weight: bold;}
	.main-board__notice .pic_li_lt .lt_more{top:7rem}
	.main-board__contact > a{font-size:30rem}
	.main-board__contact ul li a{font-size:12rem}
}

#main {background:url(../img/main/main_bg.jpg) center top no-repeat;}

.sec_care{margin-top:100rem; display:flex;padding:0;}
.sec_care .txt{width:44%;min-width:610px;padding:120px 0;padding-left:13.5vw;}
.sec_care .txt .item h5{font-size:53rem;font-weight:800; line-height:1.2; letter-spacing:-1.5px; color:#000;}
.sec_care .txt .item h5 span{color:#57ba47; }
.sec_care .txt .item p{word-break: keep-all; font-size:20rem; font-weight:600; padding-top:30px; color:#000; letter-spacing:-.5px;}
.sec_care .txt .slick-dots{display:flex;gap:12px;padding-top:100px;}
.sec_care .txt .slick-dots li button{display:flex;justify-content:center;align-items:center;border:0;width:46px;aspect-ratio:1;font-weight:800;font-size:15rem;border-radius:50%;background:#fff;color:#57ba47;}
.sec_care .txt .slick-dots li button:before{content:'0';font-size:inherit;}
.sec_care .txt .slick-dots li.slick-active button{background:#57ba47;color:#fff;}

.sec_care .pic{flex:1;overflow:hidden;}
.sec_care .pic .item{height:640px;overflow:hidden;}
.sec_care .pic .item img{display:block;width:100%;height:100%;object-fit:cover; border-radius: 100rem 0 0 100rem;}

@media all and (max-width: 1700px) {
    
    .sec_care .txt{min-width:600px;padding-left:5%;}
}
@media all and (max-width: 1023px) {
    .sec_care{display:block; margin-top:80rem;}
    .sec_care .txt{width:100%;min-width:unset;padding:60px 20px;}

    .sec_care .txt .slick-dots{gap:8px;padding-top:40px;}
    .sec_care .txt .slick-dots li button{width:40px;font-size:0.8em;}
    
    .sec_care .pic .item{height:auto;}
    .sec_care .pic .item img{height:auto;object-fit:unset; border-radius: 50rem 0 0 50rem;}
}

@media all and (max-width: 500px) {
    .sec_care{display:block;}
    .sec_care .txt{width:100%;min-width:unset;padding:60px 20px;}
    .sec_care .txt .item h5{font-size:32rem;}
    .sec_care .txt .item p{font-size:18rem;}
}

.main_con{}
.main_con *{font-family:'pretendard',sans-serif;font-size:20px;font-weight:300;letter-spacing:-0.06em;color:#333;word-break:keep-all;box-sizing:border-box;}
.main_con .wrap{max-width:73%;margin:0 auto;}
.main_con .tt{padding-bottom:48px;}
.main_con .tt h3{font-size:45rem;line-height:120%;letter-spacing:-1px;font-weight:800;color:#000;overflow:hidden;}
.main_con .tt p{padding-top:16px;line-height:150%;color:#00;font-size:20rem; font-weight:600; letter-spacing:-.5px;}
.main_con p{line-height:150%;}

.main_con .taC{text-align:center;}
.main_con .wht *{color:#fff !important;}
.main_con .monly{display:none;}
.main_con b{font-weight:700;}

@media all and (max-width: 1600px) {
    
    .main_con .wrap{max-width:90%;}
}
@media all and (max-width: 1280px) {
    
    .main_con .wrap{max-width:95%;}
}
@media all and (max-width: 1024px) {
    
    .main_con{padding:70px 20px;}
    .main_con *{font-size:16px;}
    .main_con .wrap{max-width:100%;}
    .main_con .tt{padding-bottom:36px;}
    .main_con .tt em{padding-bottom:14px;}

    
    .main_con .monly{display:block !important;}
    .main_con br.m{display:block !important;}
}

@media all and (max-width: 500px) {
    
    .main_con{padding:70px 20px;}
    .main_con *{font-size:16px;}
    .main_con .wrap{max-width:100%;}
    .main_con .tt{padding-bottom:36px;}
    .main_con .tt em{padding-bottom:14px;}
    .main_con .tt h3{font-size:32rem;}
    .main_con .tt p{font-size:18rem;}
    
    .main_con .monly{display:block !important;}
    .main_con br.m{display:block !important;}
}

.sec_why{margin:50rem 0;}
.sec_why .con {max-width:1400rem; margin:0 auto; }
.sec_why .con ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;}
.sec_why .con li{position:relative;overflow:hidden; border-radius:70px; }
.sec_why .con li .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:1;transition:all 0.5s;}
.sec_why .con li.s01 .bg{background:url(../img/main/why_img01.jpg) no-repeat center center/cover;}
.sec_why .con li.s02 .bg{background:url(../img/main/why_img02.jpg) no-repeat center center/cover;}
.sec_why .con li.s03 .bg{background:url(../img/main/why_img03.jpg) no-repeat center center/cover;}
.sec_why .con li.s04 .bg{background:url(../img/main/why_img04.jpg) no-repeat center center/cover;}
.sec_why .con li a{display:flex;height:326px;justify-content:center;align-items:center;transition:all 0.3s;}
.sec_why .con li a:hover{align-items:center;padding-bottom:0;}
.sec_why .con li a:after{content:'';position:absolute;top:100%;left:0;width:100%;height:100%;background:rgba(149,128,105,0.7);transition:all 0.4s;}
.sec_why .con li a:hover:after{top:0;}
.sec_why .con li dl{text-align:center; position:relative;z-index:1;}
.sec_why .con li dt{font-size:26rem; font-weight:600; letter-spacing:-.5px;color:#fff;}
.sec_why .con li dd{font-size:35rem;font-weight:100; color:#fff; background:#57ba47; width:43px; height:43px; border-radius:50%; display:flex;justify-content:center;align-items:center; margin:20px auto 0;}

.sec_why.on .con .s01{animation:fade_top forwards 1s 0.1s ease-in-out;opacity:0;}
.sec_why.on .con .s02{animation:fade_top forwards 1s 0.3s ease-in-out;opacity:0;}
.sec_why.on .con .s03{animation:fade_top forwards 1s 0.5s ease-in-out;opacity:0;}
.sec_why.on .con .s04{animation:fade_top forwards 1s 0.7s ease-in-out;opacity:0;}

@media all and (max-width: 1024px) {
    .sec_why{margin:0rem 0;}
	.sec_why .con ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
	.sec_why .con li{border-radius:40px; }
	.sec_why .con li a{height:170px;}
    .sec_why .con li dt{font-size:21rem; line-height:1.3; }
    .sec_why .con li dd{font-size:28rem; width:35px; height:35px; }   
}

.sec_disease{padding:100rem 0; background:url(../img/main/disease_bg.jpg) center top no-repeat;}
.sec_disease .con {max-width:870rem; margin:0 auto; }
.sec_disease .con ul{display:grid;grid-template-columns: repeat(5, 1fr);gap:20px;align-items: center; justify-content: center;}
.sec_disease .con li{display: flex; align-items: center; justify-content: center; position:relative; border-radius:20px; background:#fff; text-align:center; width:200px; height:200px;}
.sec_disease .con li dd {font-size:22rem; font-weight:600; color:#000;}

@media all and (max-width: 1024px) {
    .sec_disease{padding:60rem 20rem;} 
	.sec_disease .con ul{display:grid;grid-template-columns: repeat(5, 1fr);gap:20px;}
	.sec_disease .con li{width:130px; height:130px;}
	.sec_disease .con li img {width:70px;}
    .sec_disease .con li dd{font-size:18rem; }   
}

@media all and (max-width: 600px) {
    .sec_disease{padding:60rem 20rem;} 
	.sec_disease .con ul{display:grid;grid-template-columns: repeat(3, 1fr);gap:10px;}
	.sec_disease .con li{width:120px; height:120px;}
	.sec_disease .con li img {width:70px;}
    .sec_disease .con li dd{font-size:19rem; }   
}

.section03 {padding: 50rem 0;}
.section03 .cont_wrap ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-radius: 70px; overflow: hidden;}
.section03 .cont_wrap ul li {position: relative; }
.section03 .cont_wrap ul li a {position: relative; display: flex; flex-direction: column; justify-content: center; padding: 0 80px; height: 396px; color: #fff; overflow: hidden; z-index: 0;}
.section03 .cont_wrap ul li a::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: -1;}
.section03 .cont_wrap ul li:nth-child(1) a::before {background-image: url(../img/main/main_bn01.jpg);}
.section03 .cont_wrap ul li:nth-child(2) a::before {background-image: url(../img/main/main_bn02.jpg);}
.section03 .cont_wrap ul li a:hover::before {transform: scale(1.2);}

.section03 .cont_wrap ul li .txt_area h4{font-size: 35rem;  font-weight: 800; color: #fff; margin-bottom:20rem;}
.section03 .cont_wrap ul li .txt_area h5{font-size: 20rem;  font-weight: 500; color: #fff; margin-bottom:20rem;}
.section03 .cont_wrap ul li .txt_area p{font-size: 17rem;  font-weight: 400; color: #fff; }
.section03 .cont_wrap ul li .txt_area dl dd{font-size: 20rem;  font-weight: 400; color: #fff; margin-bottom:7rem; }

.section03 .cont_wrap ul li span {position:absolute; right:7%; transform:translateX(-50%);bottom:17%; font-size:45rem;font-weight:100; color:#57ba47; background:#fff; width:53px; height:53px; border-radius:50%; display:flex;justify-content:center;align-items:center; margin:20px auto 0;}

@media all and (max-width:1024px){
    .section03 h2{padding: 0 0 40px;}
    .section03 .cont_wrap ul{border-radius: 20px;}
    .section03 .cont_wrap ul li a{padding: 30px;}
	.section03 .cont_wrap ul li .txt_area h4{font-size: 25rem; line-height:1.3;}
	.section03 .cont_wrap ul li .txt_area h5{font-size: 20rem; }
	.section03 .cont_wrap ul li .txt_area p{display:none; }
	.section03 .cont_wrap ul li .txt_area dl dd{font-size: 17rem; }
}

@media all and (max-width:768px){
    .section03 h2{padding: 0 0 clamp(24px, 6vw, 40px);}
    .section03 .cont_wrap ul{grid-template-columns: repeat(1, 1fr); gap: clamp(12px, 3vw, 20px); border-radius: 0;}
    .section03 .cont_wrap ul li a{padding: clamp(24px, 10vw, 40px); height: clamp(220px, 40vw, 300px); border-radius: clamp(22px, 3vw, 20px); overflow: hidden;}
	.section03 .cont_wrap ul li .txt_area h4{font-size: 25rem; line-height:1.3;}
	.section03 .cont_wrap ul li .txt_area h5{font-size: 18rem; }
	.section03 .cont_wrap ul li .txt_area p{display:none; }
	.section03 .cont_wrap ul li .txt_area dl dd{font-size: 18rem;  margin-bottom:3rem; }
	.section03 .cont_wrap ul li span { font-size:25rem;width:30px; height:30px;}
}




.sec_location { padding: 0; background: #f0f5f2; } 
.sec_location .con { display: flex; flex-direction: row-reverse; align-items: center; } 
.sec_location .con > div { width: 50%; } 
.sec_location .con .txt { padding-left: 3vw; } 
.sec_location .con .txt span {display:block; font-size:20rem; color:#7c867e; font-weight:800; margin-bottom:10rem; }
.sec_location .con .txt h5 {padding-bottom: 4px; margin-bottom: 40px; font-size: 35rem; font-weight: 800; } 
.sec_location .con .txt .item h6 { position: relative;  font-size: 20rem; font-weight:500;} 

.sec_location .con .txt .inner { display: flex; gap: 2vw; padding-top: 40px; } 

.sec_location .con .txt .hours dl { display: flex; padding-bottom: 14px; gap: 50px; } 
.sec_location .con .txt .hours dt {font-size:18rem; font-weight:500; width: 100px;} 
.sec_location .con .txt .hours dd {font-size:18rem; font-weight:500; } 

.sec_location .mapw { height: 600px; } 
.sec_location .mapw .wrap_map,
.sec_location .mapw .root_daum_roughmap { width: 100% !important; height: 100% !important; } 

@media all and (max-width: 1800px){
 .sec_location .con .txt { width: 50%; } 
 .sec_location .con .mapw { width: 50%; } 
 }

@media all and (max-width: 1280px){
 .sec_location .con { flex-direction: column-reverse; } 
 .sec_location .con .txt { width: 100%; padding: 40px; } 
 .sec_location .con .mapw { width: 100%; height: 360px; } 
 }

@media all and (max-width: 800px){
 .sec_location .con .txt { padding: 40px 20px; } 
 .sec_location .con .txt span {font-size:17rem;}
 .sec_location .con .txt h5 { font-size:25rem; }
 .sec_location .con .txt .item h6 { font-size: 17rem; } 
 .sec_location .con .txt .inner { display: block; padding-top: 0; } 
 .sec_location .con .txt .hours { padding-top: 30px; } 
 .sec_location .con .txt .hours dt { width: 70px; font-size:15rem; } 
 .sec_location .con .txt .hours dd {font-size:15rem; } 
 }
/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.0 FINAL BASELINE                */
/* ========================================================================== */
.ain-main{background:#fff;overflow:hidden}
.ain-wrap{width:min(1400px,calc(100% - 60px));margin:0 auto}
.ain-section{padding:110px 0}
.ain-heading span,.ain-kicker,.ain-eyebrow{display:block;margin-bottom:14px;font-family:'Pretendard',sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;color:#688d82}
.ain-heading h3,.ain-about__copy h3,.ain-banner-card h3,.ain-assessment h3,.ain-info h3,.ain-final-cta h3{font-family:'Pretendard',sans-serif;color:#202624;letter-spacing:-.04em;line-height:1.2}
.ain-heading h3{font-size:44px;font-weight:800}
.ain-heading p{margin-top:16px;font-size:18px;font-weight:500;line-height:1.7;color:#66706d}
.ain-heading--center{text-align:center;margin-bottom:54px}
.ain-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-family:'Pretendard',sans-serif;font-size:16px;font-weight:700;transition:.25s ease;box-sizing:border-box}
.ain-btn--primary{background:#355f55;color:#fff!important}
.ain-btn--primary:hover{background:#294b43}
.ain-btn--light{background:rgba(255,255,255,.92);color:#294c44!important;border:1px solid rgba(53,95,85,.18)}
.ain-btn--outline{background:#fff;color:#355f55!important;border:1px solid #acc1bb}
.ain-center-action{text-align:center;margin-top:38px}

/* hero: keep existing slick engine, completely renew visual composition */
.ain-hero.sec_care{position:relative;display:block;margin-top:0;height:720px;background:#f5f4ef;overflow:hidden}
.ain-hero .ain-hero__visual{position:absolute;inset:0;overflow:hidden}
.ain-hero .ain-hero__visual .slider,.ain-hero .ain-hero__visual .slick-list,.ain-hero .ain-hero__visual .slick-track,.ain-hero .ain-hero__visual .item{height:100%}
.ain-hero .ain-hero__visual .item{height:720px;position:relative;overflow:hidden}
.ain-hero .ain-hero__visual .item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,246,239,.92) 0%,rgba(248,246,239,.68) 28%,rgba(248,246,239,.08) 62%,rgba(0,0,0,.08) 100%);pointer-events:none}
.ain-hero .ain-hero__visual .item img{width:100%;height:100%;object-fit:cover;border-radius:0!important;display:block}
.ain-hero .ain-hero__visual .item:nth-child(2):after,.ain-hero .ain-hero__visual .item:nth-child(5):after{background:linear-gradient(270deg,rgba(248,246,239,.94) 0%,rgba(248,246,239,.72) 30%,rgba(248,246,239,.06) 65%,rgba(0,0,0,.04) 100%)}
.ain-hero .ain-hero__visual .item:nth-child(3):after{background:linear-gradient(0deg,rgba(31,44,40,.64) 0%,rgba(31,44,40,.05) 48%,rgba(31,44,40,0) 100%)}
.ain-hero .ain-hero__visual .item:nth-child(4):after{background:linear-gradient(0deg,rgba(31,44,40,.72) 0%,rgba(31,44,40,.03) 55%,rgba(31,44,40,0) 100%)}
.ain-hero .ain-hero__copy{position:relative;z-index:5;width:min(1400px,calc(100% - 60px));height:100%;min-width:0;margin:0 auto;padding:0}
.ain-hero .ain-hero__copy>.slider,.ain-hero .ain-hero__copy .slick-list,.ain-hero .ain-hero__copy .slick-track{height:100%}
.ain-hero .ain-hero__copy .item{position:relative;height:720px;padding:160px 54px 110px;box-sizing:border-box}
.ain-hero .ain-hero__copy .item h5{max-width:700px;margin:0;font-size:52px;font-weight:800;line-height:1.18;letter-spacing:-.045em;color:#1d2724;text-shadow:0 1px 0 rgba(255,255,255,.15)}
.ain-hero .ain-hero__copy .item h5 span{color:#355f55}
.ain-hero .ain-hero__copy .item p{max-width:650px;margin-top:28px;padding:0;font-size:19px;font-weight:500;line-height:1.65;letter-spacing:-.02em;color:#43504c}
.ain-hero__item--right{text-align:right}
.ain-hero__item--right>*{margin-left:auto!important}
.ain-hero__item--left-bottom,.ain-hero__item--center-bottom{display:flex!important;flex-direction:column;justify-content:flex-end;padding-bottom:125px!important}
.ain-hero__item--center-bottom{text-align:center;align-items:center}
.ain-hero__item--left-bottom h5,.ain-hero__item--left-bottom p,.ain-hero__item--center-bottom h5,.ain-hero__item--center-bottom p,.ain-hero__item--left-bottom .ain-eyebrow,.ain-hero__item--center-bottom .ain-eyebrow{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.24)}
.ain-hero__actions{display:flex;gap:10px;margin-top:34px}
.ain-hero .ain-hero__copy .slick-dots{position:absolute;left:54px;bottom:42px;display:flex;align-items:center;gap:8px;padding:0}
.ain-hero .ain-hero__copy .slick-dots li{width:auto;height:auto;margin:0}
.ain-hero .ain-hero__copy .slick-dots li button{display:flex;align-items:center;justify-content:center;width:34px;height:32px;padding:0;border:0;border-radius:0;background:transparent;color:#50615c;font-size:13px;font-weight:700;opacity:.55}
.ain-hero .ain-hero__copy .slick-dots li button:before{content:'0';position:static;width:auto;height:auto;font-size:inherit;opacity:1;color:inherit}
.ain-hero .ain-hero__copy .slick-dots li.slick-active button{width:78px;color:#355f55;opacity:1}
.ain-hero .ain-hero__copy .slick-dots li.slick-active button:after{content:"";display:block;width:38px;height:2px;margin-left:8px;background:#355f55}

/* concerns */
.ain-concerns{background:#fffaf4}
.ain-concerns__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ain-concerns__grid li{min-height:180px;padding:28px 28px 24px;border:1px solid #eadfd2;border-radius:22px;background:#fff;box-sizing:border-box;transition:.25s ease}
.ain-concerns__grid li:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(70,55,40,.07)}
.ain-concerns__grid b{display:block;margin-bottom:20px;font-size:13px;color:#c18f64;letter-spacing:.12em}
.ain-concerns__grid strong{display:block;font-size:21px;font-weight:700;color:#262d2b;letter-spacing:-.04em}
.ain-concerns__grid p{margin-top:10px;font-size:16px;line-height:1.6;color:#737a77}

/* about */
.ain-about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:center}
.ain-about__photo{overflow:hidden;border-radius:34px}
.ain-about__photo img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover}
.ain-about__copy h3{margin:0;font-size:46px;font-weight:800}
.ain-about__copy p{margin-top:24px;font-size:18px;line-height:1.8;color:#606a67}
.ain-text-link{display:inline-flex;margin-top:28px;font-size:17px;font-weight:700;color:#355f55!important}
.ain-text-link em{margin-left:10px;font-style:normal}

/* visual banner */
.ain-program-banner{padding:10px 0 0}
.ain-banner-card{position:relative;min-height:380px;overflow:hidden;border-radius:34px;background-position:center;background-size:cover}
.ain-banner-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(240,247,243,.96) 0%,rgba(240,247,243,.84) 38%,rgba(240,247,243,.18) 72%,rgba(240,247,243,.04) 100%)}
.ain-banner-card--program{background-image:url('../img/main/banner_program.jpg')}
.ain-banner-card__copy{position:relative;z-index:2;width:50%;padding:78px 70px;box-sizing:border-box}
.ain-banner-card__copy span{font-size:13px;font-weight:700;letter-spacing:.14em;color:#557a6f}
.ain-banner-card__copy h3{margin-top:14px;font-size:40px;font-weight:800}
.ain-banner-card__copy p{margin-top:18px;font-size:17px;line-height:1.7;color:#586460}

/* programs */
.ain-programs{padding-top:90px}
.ain-programs__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ain-programs__grid li{overflow:hidden;border:1px solid #e8e8e2;border-radius:24px;background:#fff;transition:.25s ease}
.ain-programs__grid li:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(45,55,51,.09)}
.ain-programs__grid a{display:block;height:100%}
.ain-programs__photo{overflow:hidden;aspect-ratio:1.3/1;background:#eee}
.ain-programs__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:.4s ease}
.ain-programs__grid li:hover img{transform:scale(1.035)}
.ain-programs__copy{padding:26px 24px 28px}
.ain-programs__copy small{font-size:12px;font-weight:700;letter-spacing:.14em;color:#77968d}
.ain-programs__copy h4{margin-top:8px;font-size:24px;font-weight:800;color:#232b28;letter-spacing:-.04em}
.ain-programs__copy p{min-height:74px;margin-top:12px;font-size:16px;line-height:1.6;color:#69716f}
.ain-programs__copy span{display:block;margin-top:18px;font-size:14px;font-weight:700;color:#355f55}

/* assessment */
.ain-assessment{padding:80px 0 110px;background:#f3f7f5}
.ain-assessment__banner{position:relative;min-height:390px;overflow:hidden;border-radius:34px;background:url('../img/main/banner_assessment.jpg') center 42%/cover no-repeat}
.ain-assessment__banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,52,46,.9),rgba(31,52,46,.68) 48%,rgba(31,52,46,.16) 78%,rgba(31,52,46,0))}
.ain-assessment__copy{position:relative;z-index:2;width:55%;padding:72px 66px;box-sizing:border-box}
.ain-assessment__copy span{font-size:13px;font-weight:700;letter-spacing:.14em;color:#d7e6e1}
.ain-assessment__copy h3{margin-top:14px;font-size:40px;font-weight:800;color:#fff}
.ain-assessment__copy p{margin:18px 0 26px;font-size:17px;line-height:1.75;color:#edf4f1}
.ain-process{display:grid;grid-template-columns:repeat(6,1fr);margin-top:28px;padding:24px 20px;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(53,73,66,.05)}
.ain-process li{position:relative;text-align:center;padding:8px 10px}
.ain-process li:not(:last-child):after{content:"";position:absolute;right:-10px;top:50%;width:20px;height:1px;background:#cbd8d3}
.ain-process b{display:block;font-size:12px;letter-spacing:.1em;color:#75938a}
.ain-process span{display:block;margin-top:8px;font-size:16px;font-weight:700;color:#27312e}

/* strengths */
.ain-strengths{background:#fff}
.ain-strengths__grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dce4e1;border-bottom:1px solid #dce4e1}
.ain-strengths__grid li{min-height:250px;padding:34px 26px;border-right:1px solid #dce4e1;box-sizing:border-box}
.ain-strengths__grid li:last-child{border-right:0}
.ain-strengths__grid b{font-size:30px;font-weight:300;color:#a4bbb4}
.ain-strengths__grid h4{margin-top:38px;font-size:20px;font-weight:800;color:#25302c;letter-spacing:-.04em}
.ain-strengths__grid p{margin-top:12px;font-size:15.5px;line-height:1.65;color:#6d7774}

/* consultation/info */
.ain-info{padding:100px 0 120px;background:#fbf8f3}
.ain-info__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ain-info__panel{padding:46px 48px;border-radius:26px;background:#fff;box-sizing:border-box}
.ain-info__panel>span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#76968c}
.ain-info__panel h3{margin:10px 0 28px;font-size:34px;font-weight:800}
.ain-info__panel ol{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px}
.ain-info__panel ol li{padding:15px 16px;border-radius:14px;background:#f4f7f6;font-size:16px;font-weight:600;color:#39443f}
.ain-info__panel ol b{margin-right:8px;color:#8ca79f}
.ain-info__panel dl{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e7ebe9}
.ain-info__panel dt{font-size:16px;font-weight:700;color:#45504c}
.ain-info__panel dd{font-size:22px;font-weight:800;color:#26322e}
.ain-info__panel--hours p{margin:16px 0 26px;font-size:15px;color:#7a817f}
.ain-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:22px;padding:54px 58px;border-radius:30px;background:url('../img/main/banner_cta.jpg') center/cover no-repeat;position:relative;overflow:hidden}
.ain-final-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,245,237,.98),rgba(248,245,237,.82) 55%,rgba(248,245,237,.22))}
.ain-final-cta>div{position:relative;z-index:2}
.ain-final-cta span{font-size:12px;font-weight:700;letter-spacing:.14em;color:#7b8c86}
.ain-final-cta h3{margin-top:10px;font-size:34px;font-weight:800}
.ain-final-cta__actions{display:flex;gap:10px;flex:0 0 auto}

@media all and (max-width:1199px){
    .ain-wrap{width:min(100% - 40px,1100px)}
    .ain-section{padding:88px 0}
    .ain-hero.sec_care,.ain-hero .ain-hero__visual .item,.ain-hero .ain-hero__copy .item{height:650px}
    .ain-hero .ain-hero__copy{width:calc(100% - 40px)}
    .ain-hero .ain-hero__copy .item{padding:135px 34px 95px}
    .ain-hero .ain-hero__copy .item h5{font-size:44px;max-width:590px}
    .ain-hero .ain-hero__copy .item p{font-size:18px;max-width:560px}
    .ain-hero .ain-hero__copy .slick-dots{left:34px;bottom:32px}
    .ain-about__grid{gap:46px}
    .ain-programs__grid{grid-template-columns:repeat(2,1fr)}
    .ain-strengths__grid{grid-template-columns:repeat(3,1fr);border:0;gap:12px}
    .ain-strengths__grid li{border:1px solid #dce4e1!important;border-radius:18px;min-height:220px}
    .ain-process{grid-template-columns:repeat(3,1fr);gap:4px}
    .ain-process li:nth-child(3):after{display:none}
}

@media all and (max-width:767px){
    .ain-wrap{width:calc(100% - 30px)}
    .ain-section{padding:68px 0}
    .ain-heading--center{margin-bottom:34px}
    .ain-heading h3{font-size:31px}
    .ain-heading p{font-size:16px}
    .ain-hero.sec_care{height:auto;background:#f7f5f0}
    .ain-hero .ain-hero__visual{position:relative;height:330px}
    .ain-hero .ain-hero__visual .slider,.ain-hero .ain-hero__visual .slick-list,.ain-hero .ain-hero__visual .slick-track,.ain-hero .ain-hero__visual .item{height:330px}
    .ain-hero .ain-hero__visual .item{height:330px}
    .ain-hero .ain-hero__visual .item:after{background:linear-gradient(0deg,rgba(26,39,34,.18),rgba(26,39,34,0) 55%)!important}
    .ain-hero .ain-hero__copy{width:100%;height:410px;background:#f7f5f0}
    .ain-hero .ain-hero__copy>.slider,.ain-hero .ain-hero__copy .slick-list,.ain-hero .ain-hero__copy .slick-track{height:410px}
    .ain-hero .ain-hero__copy .item,.ain-hero__item--left-bottom,.ain-hero__item--center-bottom{display:block!important;height:410px!important;padding:38px 20px 78px!important;text-align:left!important}
    .ain-hero .ain-hero__copy .item>*{margin-left:0!important}
    .ain-hero .ain-hero__copy .item h5{font-size:31px;line-height:1.23;color:#1d2724!important;text-shadow:none!important}
    .ain-hero .ain-hero__copy .item h5 span{color:#355f55!important}
    .ain-hero .ain-hero__copy .item p,.ain-hero .ain-hero__copy .item .ain-eyebrow{color:#4d5b56!important;text-shadow:none!important}
    .ain-hero .ain-hero__copy .item p{margin-top:18px;font-size:16px;line-height:1.6}
    .ain-eyebrow{font-size:11px}
    .ain-hero__actions{margin-top:22px;gap:8px}
    .ain-hero__actions .ain-btn{min-height:46px;padding:0 16px;font-size:14px}
    .ain-hero .ain-hero__copy .slick-dots{left:20px;bottom:24px}
    .ain-concerns__grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .ain-concerns__grid li{min-height:160px;padding:22px 18px}
    .ain-concerns__grid strong{font-size:18px}
    .ain-concerns__grid p{font-size:14.5px}
    .ain-about__grid{grid-template-columns:1fr;gap:32px}
    .ain-about__photo{border-radius:24px}
    .ain-about__copy h3{font-size:33px}
    .ain-about__copy p{font-size:16px;margin-top:18px}
    .ain-banner-card{min-height:420px;border-radius:24px;background-position:58% center}
    .ain-banner-card:after{background:linear-gradient(0deg,rgba(240,247,243,.98) 0%,rgba(240,247,243,.9) 52%,rgba(240,247,243,.18) 100%)}
    .ain-banner-card__copy{width:100%;padding:210px 24px 30px}
    .ain-banner-card__copy h3{font-size:30px}
    .ain-programs{padding-top:60px}
    .ain-programs__grid{grid-template-columns:1fr 1fr;gap:10px}
    .ain-programs__grid li{border-radius:18px}
    .ain-programs__copy{padding:18px 16px 20px}
    .ain-programs__copy h4{font-size:20px}
    .ain-programs__copy p{min-height:0;font-size:14px}
    .ain-assessment{padding:60px 0 78px}
    .ain-assessment__banner{min-height:500px;border-radius:24px;background-position:48% center}
    .ain-assessment__banner:after{background:linear-gradient(0deg,rgba(31,52,46,.94) 0%,rgba(31,52,46,.8) 52%,rgba(31,52,46,.15) 100%)}
    .ain-assessment__copy{position:absolute;left:0;right:0;bottom:0;width:100%;padding:32px 24px}
    .ain-assessment__copy h3{font-size:29px}
    .ain-assessment__copy p{font-size:15px;line-height:1.65}
    .ain-process{grid-template-columns:repeat(2,1fr);padding:16px 10px}
    .ain-process li:after{display:none!important}
    .ain-process span{font-size:15px}
    .ain-strengths__grid{grid-template-columns:1fr 1fr;gap:10px}
    .ain-strengths__grid li{min-height:210px;padding:24px 18px}
    .ain-strengths__grid li:last-child{grid-column:1/-1;min-height:auto}
    .ain-strengths__grid h4{margin-top:24px;font-size:18px}
    .ain-strengths__grid p{font-size:14.5px}
    .ain-info{padding:70px 0 90px}
    .ain-info__grid{grid-template-columns:1fr}
    .ain-info__panel{padding:32px 24px;border-radius:22px}
    .ain-info__panel h3{font-size:29px}
    .ain-info__panel ol{grid-template-columns:1fr 1fr}
    .ain-info__panel ol li{font-size:14px;padding:13px 12px}
    .ain-info__panel dd{font-size:20px}
    .ain-final-cta{display:block;padding:34px 24px 38px;background-position:62% center}
    .ain-final-cta:after{background:rgba(248,245,237,.9)}
    .ain-final-cta h3{font-size:28px}
    .ain-final-cta__actions{margin-top:24px;display:flex}
    .ain-final-cta__actions .ain-btn{flex:1;padding:0 12px;font-size:14px}
}

@media all and (max-width:420px){
    .ain-concerns__grid{grid-template-columns:1fr}
    .ain-programs__grid{grid-template-columns:1fr}
    .ain-strengths__grid{grid-template-columns:1fr}
    .ain-strengths__grid li:last-child{grid-column:auto}
}


/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.3 MAIN VISUAL QA POLISH FINAL       */
/* ========================================================================== */
/* Hero: 3-cut composition + text-safe glass panel */
.ain-hero .ain-hero__visual .ain-hero__visual-item:after{background:linear-gradient(90deg,rgba(247,247,244,.92) 0%,rgba(247,247,244,.76) 27%,rgba(247,247,244,.26) 48%,rgba(247,247,244,0) 68%)!important}
.ain-hero .ain-hero__visual .ain-hero__visual-item--01 img{object-position:58% center}
.ain-hero .ain-hero__visual .ain-hero__visual-item--02 img{object-position:58% center}
.ain-hero .ain-hero__visual .ain-hero__visual-item--03 img{object-position:58% center}
.ain-hero .ain-hero__copy .ain-hero__item--glass{padding-left:54px}
.ain-hero .ain-hero__copy .ain-hero__item--glass:before{content:"";position:absolute;left:24px;top:124px;width:min(690px,54vw);height:420px;border:1px solid rgba(255,255,255,.58);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.38));box-shadow:0 18px 45px rgba(43,67,59,.08);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:-1}
.ain-hero .ain-hero__copy .ain-hero__item--glass h5{max-width:670px}
.ain-hero .ain-hero__copy .ain-hero__item--glass p{max-width:610px}

/* Concerns: remove empty-box feel with visual anchor and soft alternating surfaces */
.ain-concerns{background:linear-gradient(180deg,#fffaf4 0%,#fff 100%)}
.ain-concerns__grid{gap:18px}
.ain-concerns__grid li{position:relative;min-height:205px;padding:30px 30px 26px;border-color:#e7ddd2;background:linear-gradient(145deg,#fff 0%,#fffaf5 100%);box-shadow:0 10px 30px rgba(84,67,50,.035)}
.ain-concerns__grid li:nth-child(2),.ain-concerns__grid li:nth-child(5){background:linear-gradient(145deg,#fff 0%,#f5faf8 100%);border-color:#dce9e4}
.ain-concerns__grid li:nth-child(3),.ain-concerns__grid li:nth-child(6){background:linear-gradient(145deg,#fff 0%,#f7f8fb 100%);border-color:#e1e5ec}
.ain-concerns__grid b{margin-bottom:26px;color:#a67a55}
.ain-concern__icon{position:absolute;right:24px;top:22px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(193,143,100,.11);font-size:16px;font-weight:800;line-height:1;color:#a96f42;letter-spacing:-.04em}
.ain-concern--voice .ain-concern__icon,.ain-concern--focus .ain-concern__icon{background:rgba(88,128,116,.11);color:#557d71}
.ain-concern--eye .ain-concern__icon,.ain-concern--sense .ain-concern__icon{background:rgba(99,117,151,.10);color:#66779a}
.ain-concerns__grid strong{padding-right:48px}


.ain-concerns__cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:34px;padding:28px 32px;text-align:left;border:1px solid #e3e9e6;border-radius:22px;background:linear-gradient(105deg,#f2f8f5 0%,#fffaf4 100%);box-shadow:0 10px 28px rgba(57,78,70,.04)}
.ain-concerns__cta-copy span{display:block;margin-bottom:7px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#78988f}
.ain-concerns__cta-copy strong{display:block;font-size:20px;font-weight:800;line-height:1.4;color:#27332f;letter-spacing:-.035em}
.ain-concerns__cta-copy p{margin-top:5px;font-size:14.5px;line-height:1.6;color:#6d7774}
.ain-concerns__cta .ain-btn{flex:0 0 auto}

/* Program banner: higher-detail image and lighter masking */
.ain-banner-card--program{background-position:64% 50%}
.ain-banner-card:after{background:linear-gradient(90deg,rgba(240,247,243,.94) 0%,rgba(240,247,243,.84) 34%,rgba(240,247,243,.32) 56%,rgba(240,247,243,.04) 78%,rgba(240,247,243,0) 100%)}
.ain-banner-card__copy{width:48%}
.ain-banner-card__copy h3{text-shadow:0 1px 0 rgba(255,255,255,.42)}

/* WHY AIN: premium cards instead of a flat table */
.ain-strengths{background:linear-gradient(180deg,#fff 0%,#f7faf8 100%)}
.ain-strengths__grid{grid-template-columns:repeat(5,1fr);gap:14px;border:0}
.ain-strengths__grid li{position:relative;overflow:hidden;min-height:282px;padding:32px 25px 28px;border:1px solid #dce6e2!important;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(44,69,61,.045);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ain-strengths__grid li:hover{transform:translateY(-5px);border-color:#c7d8d2!important;box-shadow:0 18px 38px rgba(44,69,61,.085)}
.ain-strengths__grid li:nth-child(3){background:linear-gradient(155deg,#f0f7f4 0%,#fff 82%);border-color:#c7dcd4!important}
.ain-strengths__mark{display:block;width:50px;height:50px;border-radius:18px;background:linear-gradient(145deg,#dcebe6,#f5faf8);position:relative}
.ain-strengths__mark:after{content:"";position:absolute;left:50%;top:50%;width:15px;height:15px;border:2px solid #648d81;border-radius:50%;transform:translate(-50%,-50%)}
.ain-strengths__grid b{position:absolute;right:22px;top:26px;font-size:14px;font-weight:800;letter-spacing:.12em;color:#98afa8}
.ain-strengths__grid h4{margin-top:32px;font-size:21px}
.ain-strengths__grid p{font-size:15.5px}

@media all and (max-width:1199px){
    .ain-hero .ain-hero__copy .ain-hero__item--glass{padding-left:34px}
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{left:8px;top:105px;width:min(630px,61vw);height:405px}
    .ain-strengths__grid{grid-template-columns:repeat(3,1fr);gap:14px}
    .ain-strengths__grid li{min-height:240px}
}

@media all and (max-width:767px){
    .ain-hero .ain-hero__visual .ain-hero__visual-item:after{background:linear-gradient(0deg,rgba(26,39,34,.13),rgba(26,39,34,0) 56%)!important}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--01 img{object-position:55% 45%}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--02 img{object-position:56% center}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--03 img{object-position:56% center}
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{display:none}
    .ain-hero .ain-hero__copy .ain-hero__item--glass{padding-left:20px!important}
    .ain-concerns__grid{gap:12px}
    .ain-concerns__grid li{min-height:178px;padding:24px 20px 22px}
    .ain-concern__icon{right:18px;top:18px;width:42px;height:42px;font-size:14px}
    .ain-concerns__grid b{margin-bottom:22px}
    .ain-concerns__cta{display:block;padding:24px 20px;text-align:left}
    .ain-concerns__cta-copy strong{font-size:18px}
    .ain-concerns__cta .ain-btn{width:100%;margin-top:18px}
    .ain-banner-card--program{background-position:58% 30%}
    .ain-banner-card:after{background:linear-gradient(0deg,rgba(240,247,243,.98) 0%,rgba(240,247,243,.92) 47%,rgba(240,247,243,.22) 72%,rgba(240,247,243,.04) 100%)}
    .ain-banner-card__copy{width:100%;padding:215px 24px 30px}
    .ain-strengths__grid{grid-template-columns:1fr 1fr;gap:10px}
    .ain-strengths__grid li{min-height:218px;padding:24px 18px 22px}
    .ain-strengths__grid li:last-child{grid-column:1/-1;min-height:190px}
    .ain-strengths__mark{width:44px;height:44px;border-radius:15px}
    .ain-strengths__grid b{right:16px;top:22px}
    .ain-strengths__grid h4{margin-top:24px;font-size:18px}
}

@media all and (max-width:420px){
    .ain-hero .ain-hero__visual{height:300px}
    .ain-hero .ain-hero__visual .slider,.ain-hero .ain-hero__visual .slick-list,.ain-hero .ain-hero__visual .slick-track,.ain-hero .ain-hero__visual .item{height:300px}
    .ain-hero .ain-hero__copy,.ain-hero .ain-hero__copy>.slider,.ain-hero .ain-hero__copy .slick-list,.ain-hero .ain-hero__copy .slick-track{height:430px}
    .ain-hero .ain-hero__copy .item{height:430px!important;padding:34px 18px 80px!important}
    .ain-hero .ain-hero__copy .item h5{font-size:29px}
    .ain-hero__actions{flex-wrap:nowrap}
    .ain-hero__actions .ain-btn{min-width:0;padding:0 13px;font-size:13.5px;white-space:nowrap}
    .ain-concerns__grid{grid-template-columns:1fr}
    .ain-concerns__grid li{min-height:0}
    .ain-strengths__grid{grid-template-columns:1fr}
    .ain-strengths__grid li,.ain-strengths__grid li:last-child{grid-column:auto;min-height:190px}
}

/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.4 HERO FACE-SAFE FINAL           */
/* 2026-08-20: desktop copy bottom-left / mobile no-crop hero                 */
/* ========================================================================== */

/* Desktop: keep the people clear by anchoring the copy to the bottom-left. */
@media all and (min-width:1200px){
    .ain-hero .ain-hero__copy .ain-hero__item--glass{
        display:flex!important;
        flex-direction:column;
        justify-content:flex-end;
        align-items:flex-start;
        padding:0 54px 112px 54px;
        box-sizing:border-box;
    }
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{
        left:24px;
        top:auto;
        bottom:82px;
        width:min(690px,50vw);
        height:430px;
    }
    .ain-hero .ain-hero__copy .ain-hero__item--glass h5{max-width:650px}
    .ain-hero .ain-hero__copy .ain-hero__item--glass p{max-width:600px}
}

/* Tablet: retain the same bottom-left visual hierarchy without crowding. */
@media all and (min-width:768px) and (max-width:1199px){
    .ain-hero .ain-hero__copy .ain-hero__item--glass{
        display:flex!important;
        flex-direction:column;
        justify-content:flex-end;
        align-items:flex-start;
        padding:0 34px 96px 34px;
        box-sizing:border-box;
    }
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{
        left:8px;
        top:auto;
        bottom:70px;
        width:min(625px,61vw);
        height:390px;
    }
}

/* Mobile: show the whole photograph so faces / heads are never cropped. */
@media all and (max-width:767px){
    .ain-hero .ain-hero__visual{
        height:330px;
        background:#f7f5f0;
    }
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:330px;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item{
        background:#f7f5f0;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item--01{background:#f7f7f5}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--02{background:#fbfaf5}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--03{background:#f8f5f2}
    .ain-hero .ain-hero__visual .ain-hero__visual-item img{
        width:100%;
        height:100%;
        object-fit:contain;
        object-position:center center!important;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item:after{
        background:linear-gradient(0deg,rgba(29,43,38,.08) 0%,rgba(29,43,38,0) 38%)!important;
    }
}

@media all and (max-width:420px){
    .ain-hero .ain-hero__visual,
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:290px;
    }
}

/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.5 HERO RATIO-SAFE QA FINAL       */
/* 2026-08-20: full 16:9 mobile image / lower desktop copy safe-zone          */
/* ========================================================================== */

/* PC: move the copy one step farther down-left while preserving dot clearance. */
@media all and (min-width:1200px){
    .ain-hero .ain-hero__copy .ain-hero__item--glass{
        padding:0 54px 88px 42px;
    }
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{
        left:12px;
        bottom:58px;
        width:min(680px,49vw);
        height:420px;
    }
    .ain-hero .ain-hero__copy .slick-dots{
        left:42px;
        bottom:30px;
    }
}

/* Tablet: same visual rule, slightly tighter than desktop. */
@media all and (min-width:768px) and (max-width:1199px){
    .ain-hero .ain-hero__copy .ain-hero__item--glass{
        padding:0 34px 80px 26px;
    }
    .ain-hero .ain-hero__copy .ain-hero__item--glass:before{
        left:4px;
        bottom:54px;
        width:min(610px,60vw);
        height:370px;
    }
    .ain-hero .ain-hero__copy .slick-dots{
        left:26px;
        bottom:24px;
    }
}

/* Mobile: retain the original 16:9 photo ratio, so no head/face crop and no letterbox gap. */
@media all and (max-width:767px){
    .ain-hero .ain-hero__visual{
        height:56.25vw;
        background:#f7f5f0;
    }
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:56.25vw;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center center!important;
    }
}

/* Small phones keep the same ratio; do not force a fixed crop-prone height. */
@media all and (max-width:420px){
    .ain-hero .ain-hero__visual,
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:56.25vw;
    }
}


/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.7 MOBILE HERO FACE-SAFE FAST     */
/* 2026-08-20: taller mobile hero / face-safe framing / faster 3.2s carousel */
/* ========================================================================== */

/*
 * Mobile: use a portrait-friendlier frame than 16:9.
 * With cover on the 16:9 source, the extra height preserves the full vertical
 * image and trims only a modest amount from the left/right sides.
 */
@media all and (max-width:767px){
    .ain-hero .ain-hero__visual,
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:72vw;
        min-height:270px;
        max-height:520px;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    .ain-hero .ain-hero__visual .ain-hero__visual-item--01 img{object-position:50% 35%!important}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--02 img{object-position:52% 42%!important}
    .ain-hero .ain-hero__visual .ain-hero__visual-item--03 img{object-position:52% 40%!important}
}

/* Small phones: add a little more height so heads have a clear top margin. */
@media all and (max-width:420px){
    .ain-hero .ain-hero__visual,
    .ain-hero .ain-hero__visual .slider,
    .ain-hero .ain-hero__visual .slick-list,
    .ain-hero .ain-hero__visual .slick-track,
    .ain-hero .ain-hero__visual .item{
        height:76vw;
        min-height:255px;
        max-height:320px;
    }
}

/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.12 CONCERN VISUAL CARDS FINAL    */
/* 2026-08-20: stronger color system + subtle therapy imagery on 6 concerns  */
/* ========================================================================== */
.ain-concerns{
    background:linear-gradient(180deg,#fff8f1 0%,#fbfdfc 48%,#fff 100%);
}
.ain-concerns__grid{
    gap:18px;
}
.ain-concerns__grid li{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:218px;
    padding:31px 30px 28px;
    border:1px solid rgba(177,139,106,.24);
    border-radius:24px;
    box-shadow:0 12px 30px rgba(63,56,46,.055);
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.ain-concerns__grid li:before{
    content:"";
    position:absolute;
    z-index:-2;
    right:-4%;
    bottom:-10%;
    width:48%;
    height:88%;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    opacity:.16;
    filter:saturate(.82) contrast(.96);
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 25%,#000 66%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.32) 25%,#000 66%);
    pointer-events:none;
}
.ain-concerns__grid li:after{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#d5a77e;
    pointer-events:none;
}
.ain-concerns__grid li:nth-child(1),
.ain-concerns__grid li:nth-child(4){
    background:linear-gradient(140deg,#fff5e9 0%,#fffaf5 58%,#fff 100%);
    border-color:#ead3bd;
}
.ain-concerns__grid li:nth-child(2),
.ain-concerns__grid li:nth-child(5){
    background:linear-gradient(140deg,#edf8f3 0%,#f7fbf9 58%,#fff 100%);
    border-color:#cfe5dc;
}
.ain-concerns__grid li:nth-child(2):after,
.ain-concerns__grid li:nth-child(5):after{background:#73a493}
.ain-concerns__grid li:nth-child(3),
.ain-concerns__grid li:nth-child(6){
    background:linear-gradient(140deg,#f0f4fb 0%,#f8f9fc 58%,#fff 100%);
    border-color:#d7dfed;
}
.ain-concerns__grid li:nth-child(3):after,
.ain-concerns__grid li:nth-child(6):after{background:#8296bb}
.ain-concern--speech:before,
.ain-concern--voice:before{background-image:url('../img/main/program_language.jpg')}
.ain-concern--eye:before,
.ain-concern--focus:before{background-image:url('../img/main/program_play.jpg')}
.ain-concern--social:before{background-image:url('../img/main/program_group.jpg')}
.ain-concern--sense:before{background-image:url('../img/main/program_sensory.jpg')}
.ain-concerns__grid li:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(56,66,61,.09);
}
.ain-concerns__grid b{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:28px;
    margin-bottom:30px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(181,124,74,.12);
    color:#9c673f;
    font-size:12px;
    font-weight:800;
    line-height:1;
    letter-spacing:.1em;
    box-sizing:border-box;
}
.ain-concerns__grid li:nth-child(2) b,
.ain-concerns__grid li:nth-child(5) b{background:rgba(78,132,114,.12);color:#4f7d6e}
.ain-concerns__grid li:nth-child(3) b,
.ain-concerns__grid li:nth-child(6) b{background:rgba(93,115,157,.12);color:#64789e}
.ain-concern__icon{
    right:24px;
    top:24px;
    width:58px;
    height:58px;
    border:1px solid rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(67,58,49,.06);
    background:rgba(255,244,233,.86);
    color:#a86d40;
    font-size:17px;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.ain-concern--voice .ain-concern__icon,
.ain-concern--focus .ain-concern__icon{background:rgba(235,247,242,.88);color:#557d71}
.ain-concern--eye .ain-concern__icon,
.ain-concern--sense .ain-concern__icon{background:rgba(239,243,251,.9);color:#66779a}
.ain-concerns__grid strong{
    position:relative;
    z-index:2;
    max-width:78%;
    padding-right:0;
    font-size:22px;
    font-weight:800;
    line-height:1.35;
    color:#25302c;
}
.ain-concerns__grid p{
    position:relative;
    z-index:2;
    max-width:72%;
    margin-top:11px;
    color:#66706c;
}

@media all and (max-width:1199px){
    .ain-concerns__grid li{min-height:205px;padding:28px 26px 25px}
    .ain-concerns__grid strong{font-size:20px;max-width:76%}
    .ain-concerns__grid p{max-width:76%;font-size:15px}
    .ain-concerns__grid li:before{width:45%;opacity:.14}
}

@media all and (max-width:767px){
    .ain-concerns__grid{gap:12px}
    .ain-concerns__grid li{min-height:174px;padding:22px 20px 21px;border-radius:20px}
    .ain-concerns__grid li:before{right:-6%;bottom:-12%;width:38%;height:82%;opacity:.075;filter:saturate(.75)}
    .ain-concerns__grid li:after{height:3px}
    .ain-concerns__grid b{height:26px;min-width:39px;margin-bottom:21px;padding:0 9px;font-size:11px}
    .ain-concern__icon{right:17px;top:17px;width:46px;height:46px;font-size:14px}
    .ain-concerns__grid strong{max-width:82%;font-size:18.5px;line-height:1.38}
    .ain-concerns__grid p{max-width:88%;margin-top:8px;font-size:14.5px;line-height:1.55}
}

@media all and (max-width:420px){
    .ain-concerns__grid li{min-height:166px;padding:21px 18px 20px}
    .ain-concerns__grid li:before{width:34%;opacity:.06}
    .ain-concerns__grid strong{max-width:84%;font-size:18px}
    .ain-concerns__grid p{max-width:91%;font-size:14px}
}

/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER MAIN - v1.0.14 HERO ORIGINAL SHARP FINAL     */
/* 2026-08-20: high-quality source rebake + minimal hero masking              */
/* ========================================================================== */

/* Keep the three hero photos visually close to the original source. */
.ain-hero .ain-hero__visual .ain-hero__visual-item img{
    filter:none!important;
    opacity:1!important;
    image-rendering:auto;
}

/* Desktop: remove the heavy white veil; the glass copy panel handles text contrast. */
.ain-hero .ain-hero__visual .ain-hero__visual-item:after{
    background:linear-gradient(90deg,
        rgba(247,247,244,.18) 0%,
        rgba(247,247,244,.10) 24%,
        rgba(247,247,244,.025) 48%,
        rgba(247,247,244,0) 66%)!important;
}

/* Make the copy glass lighter so the photo behind it does not look blurred. */
.ain-hero .ain-hero__copy .ain-hero__item--glass:before{
    background:linear-gradient(135deg,rgba(255,255,255,.60),rgba(255,255,255,.26));
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    border-color:rgba(255,255,255,.48);
}

@media all and (min-width:768px) and (max-width:1199px){
    .ain-hero .ain-hero__visual .ain-hero__visual-item:after{
        background:linear-gradient(90deg,
            rgba(247,247,244,.15) 0%,
            rgba(247,247,244,.075) 28%,
            rgba(247,247,244,0) 58%)!important;
    }
}

/* Mobile: no whitening mask over faces; only a tiny lower-edge tint for transition. */
@media all and (max-width:767px){
    .ain-hero .ain-hero__visual .ain-hero__visual-item:after{
        background:linear-gradient(0deg,
            rgba(29,43,38,.035) 0%,
            rgba(29,43,38,0) 30%)!important;
    }
}

/* ========================================================================== */
/* K-REA MAIN v1.0.0 - PHP 5.3 / existing bxSlider & AOS only               */
/* ========================================================================== */
.krea-main{overflow:hidden;background:#fff;color:#27312d;font-family:'Pretendard',sans-serif}
.krea-main img{display:block;width:100%;height:100%;object-fit:cover}
.krea-main .wrap{max-width:1400rem}
.krea-section{padding:110rem 0}
.krea-kicker{display:block;margin-bottom:18rem;color:#137a55;font-size:14rem;font-weight:700;letter-spacing:2.2rem}
.krea-heading{text-align:center;margin-bottom:50rem}
.krea-heading h3{font-size:42rem;line-height:1.25;font-weight:700;letter-spacing:-1.8rem;color:#17251f}
.krea-heading>p{margin-top:16rem;font-size:18rem;line-height:1.7;color:#68736d}

#main_visual.krea-visual{height:720rem;margin-top:100rem;text-align:left;color:#fff;background:#17372d}
#main_visual.krea-visual .roll{position:relative;height:720rem}
#main_visual.krea-visual .roll_img{position:absolute;inset:0;z-index:0;width:100%;height:100%;animation:none}
#main_visual.krea-visual .roll_img img{width:100%;height:100%;object-fit:cover}
#main_visual.krea-visual .roll:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,35,26,.76) 0%,rgba(7,35,26,.48) 39%,rgba(7,35,26,.12) 66%,rgba(7,35,26,.04) 100%)}
#main_visual.krea-visual .roll_txt{position:relative;z-index:2;height:100%;display:flex;align-items:center}
#main_visual.krea-visual .krea-slide-copy{max-width:760rem;padding-bottom:10rem}
#main_visual.krea-visual .krea-slide-label{display:block;margin-bottom:22rem;font-size:15rem;font-weight:700;letter-spacing:3rem;color:#bce5c9}
#main_visual.krea-visual h2{font-size:54rem;line-height:1.24;font-weight:400;letter-spacing:-2.2rem;color:#fff}
#main_visual.krea-visual h2 b{display:inline;font-weight:750}
#main_visual.krea-visual p{margin:27rem 0 0;font-size:18rem;line-height:1.75;letter-spacing:-.3rem;text-transform:none;color:rgba(255,255,255,.92)}
#main_visual.krea-visual .bx-wrapper,#main_visual.krea-visual .bx-viewport,#main_visual.krea-visual .slider{height:100%!important}
#main_visual.krea-visual .bx-default-pager{display:block;bottom:38rem}
#main_visual.krea-visual .bx-pager a{width:10rem;height:10rem;border:1px solid rgba(255,255,255,.85)}
#main_visual.krea-visual .bx-pager a.active{width:32rem;border-radius:10rem;background:#fff}

.krea-about-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:80rem;align-items:center}
.krea-about .krea-photo{height:550rem;overflow:hidden;border-radius:4rem 60rem 4rem 4rem}
.krea-copy h3,.krea-policy-copy h3,.krea-membership-copy h3{font-size:41rem;line-height:1.34;font-weight:500;letter-spacing:-1.8rem;color:#18271f}
.krea-copy h3 strong,.krea-policy-copy h3 strong,.krea-membership-copy h3 strong{font-weight:750;color:#126a4b}
.krea-copy p,.krea-policy-copy p,.krea-membership-copy p{margin-top:22rem;font-size:18rem;line-height:1.82;color:#56625c;word-break:keep-all}
.krea-more{display:inline-block;margin-top:32rem;padding-bottom:7rem;border-bottom:1px solid #193d31;color:#193d31;font-size:16rem;font-weight:650}
.krea-more span{margin-left:18rem}

.krea-business{background:#f5f8f6}
.krea-business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18rem}
.krea-business-grid li{min-height:390rem;perspective:1200rem}
.krea-business-card{display:block;width:100%;height:100%;min-height:390rem;color:#fff}
.krea-business-card-inner{position:relative;display:block;width:100%;height:100%;min-height:390rem;transition:transform .65s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}
.krea-business-card:hover .krea-business-card-inner,.krea-business-card:focus .krea-business-card-inner,.krea-business-card:focus-within .krea-business-card-inner{transform:rotateY(180deg)}
.krea-business-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:34rem 30rem;border-radius:14rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 16rem 38rem rgba(15,55,40,.13)}
.krea-business-front{justify-content:flex-end;background-position:center;background-size:cover}
.krea-business-front:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(5,38,28,.08) 20%,rgba(5,38,28,.82) 100%)}
.krea-business-front>*{position:relative;z-index:1}
.krea-business-grid .business01 .krea-business-front{background-image:url('../img/main/krea_about.jpg')}
.krea-business-grid .business02 .krea-business-front{background-image:url('../img/main/krea_business.jpg')}
.krea-business-grid .business03 .krea-business-front{background-image:url('../img/main/krea_policy.jpg')}
.krea-business-grid .business04 .krea-business-front{background-image:url('../img/main/krea_network.jpg')}
.krea-business-face b{display:block;margin-bottom:15rem;font-size:14rem;font-weight:750;letter-spacing:1.5rem;color:#bfe6d0}
.krea-business-face strong{display:block;font-size:25rem;line-height:1.35;font-weight:750;letter-spacing:-1rem;color:#fff;word-break:keep-all}
.krea-business-front em{display:block;margin-top:11rem;font-size:11rem;font-style:normal;font-weight:650;letter-spacing:1.4rem;color:rgba(255,255,255,.72)}
.krea-business-back{justify-content:flex-start;background:linear-gradient(145deg,#123e2f,#1f7656);transform:rotateY(180deg)}
.krea-business-back:after{content:'';position:absolute;right:-80rem;bottom:-100rem;width:230rem;height:230rem;border:1rem solid rgba(255,255,255,.12);border-radius:50%}
.krea-business-back>*{position:relative;z-index:1}
.krea-business-desc{display:block;margin-top:22rem;font-size:16rem;font-weight:400;line-height:1.72;color:rgba(255,255,255,.86);word-break:keep-all}
.krea-business-more{display:block;margin-top:auto;padding-top:28rem;font-size:14rem;font-weight:700;color:#fff}

@media(prefers-reduced-motion:reduce){
    .krea-business-card-inner{transition:none}
    .krea-business-card:hover .krea-business-card-inner,.krea-business-card:focus .krea-business-card-inner,.krea-business-card:focus-within .krea-business-card-inner{transform:none}
}

/* Touch / hover-less devices: expose card information without a two-step flip interaction. */
@media(hover:none), (pointer:coarse){
    .krea-business-card-inner{transform:none!important;transition:none}
    .krea-business-face{backface-visibility:visible;-webkit-backface-visibility:visible}
    .krea-business-front b,.krea-business-front strong,.krea-business-front em{display:none}
    .krea-business-back{z-index:2;justify-content:flex-end;background:linear-gradient(180deg,rgba(4,34,25,.06) 8%,rgba(4,34,25,.88) 100%);transform:none}
    .krea-business-back:after{display:none}
    .krea-business-desc{margin-top:13rem}
    .krea-business-more{margin-top:18rem;padding-top:0}
}

.krea-policy-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70rem;align-items:center}
.krea-policy-photo{height:480rem;overflow:hidden;border-radius:50rem 4rem 4rem 4rem}
.krea-policy-links{display:flex;flex-wrap:wrap;gap:10rem;margin-top:30rem}
.krea-policy-links a{padding:13rem 19rem;border:1px solid #bfcfc7;border-radius:30rem;font-size:15rem;font-weight:600;color:#254b3b}
.krea-policy-links a:hover{background:#176b4c;border-color:#176b4c;color:#fff}
.krea-latest-panel{margin-top:55rem;border-top:2px solid #1a654b}
.krea-latest-head{display:flex;align-items:center;justify-content:space-between;padding:25rem 8rem 18rem}
.krea-latest-head strong{font-size:21rem;color:#17372b}
.krea-latest-head a{font-size:13rem;font-weight:700;color:#607067}
.krea-latest-list li{border-top:1px solid #e6ebe8}
.krea-latest-list li a{display:flex;justify-content:space-between;gap:30rem;padding:18rem 8rem;font-size:16rem;color:#38483f}
.krea-latest-list li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.krea-latest-list em{flex:none;font-style:normal;font-size:14rem;color:#89938e}
.is-empty{padding:24rem 8rem;color:#8b938f;font-size:15rem}

.krea-network{position:relative;min-height:500rem;display:flex;align-items:center;color:#fff}
.krea-network:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,42,31,.9),rgba(6,42,31,.58) 52%,rgba(6,42,31,.17))}
.krea-network-bg{position:absolute;inset:0}
.krea-network-copy{position:relative;z-index:2;padding-top:90rem!important;padding-bottom:90rem!important}
.krea-network .krea-kicker{color:#b8e1ca}
.krea-network h3{max-width:850rem;font-size:42rem;line-height:1.38;font-weight:450;letter-spacing:-1.8rem}
.krea-network h3 strong{font-weight:750}
.krea-network p{max-width:760rem;margin-top:22rem;font-size:18rem;line-height:1.75;color:rgba(255,255,255,.88)}
.krea-btn-light{display:inline-block;margin-top:32rem;padding:15rem 28rem;border:1px solid rgba(255,255,255,.7);font-size:15rem;font-weight:650;color:#fff}
.krea-btn-light:hover{background:#fff;color:#174d3a}

.krea-heading-row{display:flex;align-items:flex-end;justify-content:space-between;text-align:left}
.krea-heading-row>p{max-width:520rem;text-align:right}
.krea-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:36rem}
.krea-news-box{border-top:2px solid #1d5e47}
.krea-news-title{display:flex;justify-content:space-between;align-items:center;padding:24rem 5rem 16rem}
.krea-news-title strong{font-size:23rem;color:#1c352b}
.krea-news-title a{font-size:13rem;font-weight:700;color:#69756f}
.krea-news-box li{border-top:1px solid #e5eae7}
.krea-news-box li a{display:flex;justify-content:space-between;gap:20rem;padding:18rem 5rem;font-size:16rem;color:#455149}
.krea-news-box li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.krea-news-box li em{flex:none;font-style:normal;font-size:13rem;color:#929a96}

.krea-membership{padding:0 0 110rem}
.krea-membership-grid{display:grid;grid-template-columns:.85fr 1.15fr;background:#f0f6f2}
.krea-membership-photo{min-height:430rem}
.krea-membership-copy{padding:65rem 70rem}
.krea-membership-links{display:flex;gap:10rem;margin-top:30rem}
.krea-membership-links a{padding:14rem 22rem;background:#176a4c;color:#fff;font-size:15rem;font-weight:650}
.krea-membership-links a:nth-child(2){background:#2f8363}.krea-membership-links a:nth-child(3){background:#33483f}

@media(max-width:1200px){
    #main_visual.krea-visual{height:620rem}
    #main_visual.krea-visual .roll{height:620rem}
    #main_visual.krea-visual h2{font-size:46rem}
    .krea-section{padding:90rem 0}
    .krea-about-grid,.krea-policy-grid{gap:50rem}
    .krea-business-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
    .krea-business-grid li,.krea-business-card,.krea-business-card-inner{min-height:340rem}
    .krea-business-card-inner{transform:none!important}
    .krea-business-face{border-radius:12rem;padding:28rem 24rem;backface-visibility:visible;-webkit-backface-visibility:visible}
    .krea-business-front{z-index:1;justify-content:flex-end}
    .krea-business-front:before{background:linear-gradient(180deg,rgba(4,34,25,.18) 5%,rgba(4,34,25,.88) 100%)}
    .krea-business-front b,.krea-business-front strong,.krea-business-front em{display:none}
    .krea-business-back{z-index:2;justify-content:flex-end;background:linear-gradient(180deg,rgba(4,34,25,.06) 8%,rgba(4,34,25,.88) 100%);transform:none}
    .krea-business-back:after{display:none}
    .krea-business-face strong{font-size:23rem}
    .krea-business-desc{max-width:620rem;margin-top:13rem;font-size:15.5rem;line-height:1.65}
    .krea-business-more{margin-top:18rem;padding-top:0}
}
@media(max-width:768px){
    #main_visual.krea-visual{height:560rem;margin-top:80rem}
    #main_visual.krea-visual .roll{height:560rem}
    #main_visual.krea-visual .roll:before{background:linear-gradient(90deg,rgba(8,38,29,.82),rgba(8,38,29,.48) 78%,rgba(8,38,29,.28))}
    #main_visual.krea-visual .roll_txt{width:100%;padding:0 24rem}
    #main_visual.krea-visual .krea-slide-copy{max-width:92%}
    #main_visual.krea-visual .krea-slide-label{font-size:12rem;letter-spacing:2rem}
    #main_visual.krea-visual h2{font-size:32rem;letter-spacing:-1.3rem}
    #main_visual.krea-visual p{font-size:16rem;line-height:1.65}
    #main_visual.krea-visual .bx-default-pager{bottom:24rem}
    .krea-section{padding:72rem 0}
    .krea-kicker{font-size:12rem;letter-spacing:1.6rem}
    .krea-heading{margin-bottom:34rem}
    .krea-heading h3{font-size:31rem}
    .krea-heading>p{font-size:16rem}
    .krea-about-grid,.krea-policy-grid,.krea-membership-grid{grid-template-columns:1fr}
    .krea-about .krea-photo,.krea-policy-photo{height:310rem;border-radius:3rem 35rem 3rem 3rem}
    .krea-copy h3,.krea-policy-copy h3,.krea-membership-copy h3{font-size:30rem}
    .krea-copy p,.krea-policy-copy p,.krea-membership-copy p{font-size:16rem;line-height:1.78}
    .krea-business-grid{grid-template-columns:1fr;gap:16rem}
    .krea-business-grid li,.krea-business-card,.krea-business-card-inner{min-height:310rem}
    .krea-policy-grid{display:flex;flex-direction:column-reverse}
    .krea-policy-links{gap:7rem}.krea-policy-links a{font-size:14rem}
    .krea-network{min-height:470rem}
    .krea-network-copy{padding-top:70rem!important;padding-bottom:70rem!important}
    .krea-network h3{font-size:30rem}.krea-network p{font-size:16rem}
    .krea-heading-row{display:block}.krea-heading-row>p{text-align:left}
    .krea-news-grid{grid-template-columns:1fr;gap:30rem}
    .krea-membership{padding-bottom:72rem}
    .krea-membership-photo{min-height:280rem}
    .krea-membership-copy{padding:38rem 24rem}
    .krea-membership-links{flex-wrap:wrap}.krea-membership-links a{font-size:14rem}
}
@media(max-width:480px){
    #main_visual.krea-visual{height:510rem}
    #main_visual.krea-visual .roll{height:510rem}
    #main_visual.krea-visual h2{font-size:28rem;line-height:1.28}
    #main_visual.krea-visual p{font-size:15rem}
    .krea-business-grid{grid-template-columns:1fr}
    .krea-business-grid li,.krea-business-card,.krea-business-card-inner{min-height:285rem}
    .krea-business-face{padding:24rem 20rem}
    .krea-business-face strong{font-size:21rem}
    .krea-business-desc{font-size:15rem}
    .krea-latest-list li a,.krea-news-box li a{font-size:15rem}.krea-latest-list em,.krea-news-box li em{display:none}
}

/* =========================================================
   K-REA v1.0.4 - MEMBER NETWORK CTA CONTRAST
   ========================================================= */
.krea-network .krea-btn-light{
    background:#fff;
    border-color:#fff;
    color:#174d3a;
    font-weight:750;
    box-shadow:0 9rem 24rem rgba(0,0,0,.16);
    transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.krea-network .krea-btn-light:hover,
.krea-network .krea-btn-light:focus{
    background:#168258;
    border-color:#168258;
    color:#fff;
    transform:translateY(-2rem);
    box-shadow:0 12rem 28rem rgba(0,0,0,.20);
    outline:none;
}
@media (hover:none),(pointer:coarse){
    .krea-network .krea-btn-light:hover{
        background:#fff;
        border-color:#fff;
        color:#174d3a;
        transform:none;
        box-shadow:0 9rem 24rem rgba(0,0,0,.16);
    }
}

/* =========================================================
   K-REA v1.0.6 - BRIGHT MAIN VISUAL / LOCAL TEXT MASK FINAL
   - supplied renewable-energy images remain bright and clear
   - dark mask is limited to the copy area only
   - slide 02 copy is placed on the cleaner right-side sky area
   ========================================================= */
#main_visual.krea-visual .roll:before{
    background:linear-gradient(
        90deg,
        rgba(5,29,22,.40) 0%,
        rgba(5,29,22,.24) 24%,
        rgba(5,29,22,.08) 44%,
        rgba(5,29,22,.02) 58%,
        rgba(5,29,22,0) 70%
    );
}
#main_visual.krea-visual .krea-slide02:before{
    background:linear-gradient(
        270deg,
        rgba(5,29,22,.36) 0%,
        rgba(5,29,22,.20) 25%,
        rgba(5,29,22,.06) 43%,
        rgba(5,29,22,0) 58%
    );
}
#main_visual.krea-visual .krea-slide02 .roll_txt{
    justify-content:flex-end;
}
#main_visual.krea-visual .krea-slide02 .krea-slide-copy{
    width:640rem;
    max-width:50%;
}
#main_visual.krea-visual .krea-slide-label{
    color:#e0f4e8;
    text-shadow:0 2rem 9rem rgba(0,0,0,.22);
}
#main_visual.krea-visual h2{
    text-shadow:0 3rem 16rem rgba(0,0,0,.28);
}
#main_visual.krea-visual p{
    color:rgba(255,255,255,.96);
    text-shadow:0 2rem 10rem rgba(0,0,0,.28);
}
@media(max-width:1200px){
    #main_visual.krea-visual .krea-slide02 .krea-slide-copy{
        width:560rem;
        max-width:52%;
    }
}
@media(max-width:768px){
    #main_visual.krea-visual .roll:before,
    #main_visual.krea-visual .krea-slide02:before{
        background:linear-gradient(
            90deg,
            rgba(5,29,22,.50) 0%,
            rgba(5,29,22,.32) 48%,
            rgba(5,29,22,.12) 78%,
            rgba(5,29,22,.03) 100%
        );
    }
    #main_visual.krea-visual .krea-slide02 .roll_txt{
        justify-content:flex-start;
    }
    #main_visual.krea-visual .krea-slide02 .krea-slide-copy{
        width:auto;
        max-width:92%;
    }
}