@charset "utf-8";


@font-face {
    font-family: 'Cafe24LovingU';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2405-3@1.1/Cafe24Lovingu.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

/* root */
:root{
	--c-01:#c5a56e;
}

/* common */
.container_title {position:relative; text-align:center;font-size:30rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 30rem 0;color:#222;display: none;}
.container_title:after {content: "";display:block;margin: 20rem auto 0 auto;width:40rem;height:1rem;background:#e8e8e8;}

.subtable { width:100%; margin:20rem 0;border-top:2px solid #39270c; }
.subtable thead th{word-break: keep-all;background:#473721; padding:15rem 5rem; border-left:1rem solid #695841; border-bottom:1rem solid #695841; color:#fff; }
.subtable tbody th {text-align:center; background:#f9f9f9; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {border-bottom:1px solid #dbdbdb; padding:15rem 5rem; background:#fff; line-height:26px; color:#35363a; text-align:center; font-weight:300; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}
.subtable td.gray {background:#fbfbfb; font-weight:600; }

#contents {overflow: hidden;position:relative; padding-top:50rem; }
#contents p {word-break:keep-all;letter-spacing:-.5px;}

/* 서브비주얼 */
#sub_visual{position:relative;height:320rem;margin-top:100rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;border-radius: 0 0 100rem 100rem;}
#sub_visual h2{font-weight:800;font-size:45rem;color:#010101;letter-spacing:-2px; animation:up .5s .2s forwards;}
#sub_visual h2 b{display:block; font-weight:bold}
#sub_visual p{position:relative;line-height:1;padding: 80rem 0 5rem 0;font-size:15rem;text-align:center;color:#909090;letter-spacing:0; font-weight:600;}

/* 서브 상단 이미지 */
#sub_visual.sub_visual{background-image:url(../img/sub/sub_visual.jpg) }
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}

/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {display: flex; align-items: center; justify-content: center;  margin-top:30rem; }
.left_snb {position:relative;width: 100%;display: flex;align-items: center;}
.left_snb ul li {display:inline-block; width:300rem;  font-size:20rem; font-weight:800;}
.left_snb .btn_home {display: flex; align-items: center; justify-content: center; width: 38rem;height: 38rem;font-size:22rem; background: #57ba47;border-radius: 100%;color:#fff; }

@media (max-width:860px) {
	#sub_visual{height:250rem; border-radius: 0;}
	#sub_visual h2{font-size:26rem;}
	#sub_visual p{ font-size:13rem}
	.left_snb li a { font-size:16rem }
}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem; }
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:11rem; padding: 50rem 0 5rem 0;}

	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}
	.subtable tbody th{width:15%;}

	#snb {margin-top:10rem; }
	.left_snb ul li {width:280rem; }
	.left_snb li a { font-size:18rem }
	.left_snb .btn_home { width: 30rem;height: 30rem;font-size:18rem; }
}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */

.sub_con{overflow:hidden;}
.sub_con *{font-family:'preGOV',sans-serif;font-size:20px;font-weight:300;letter-spacing:-0.03em;color:#111;word-break:keep-all;box-sizing:border-box;}
.sub_con .wrap{max-width:73%;margin:0 auto;}
.sub_con .tt{padding-bottom:50px;}
.sub_con .tt em{font-size:15rem;line-height:110%;font-weight:600;letter-spacing:2px; color:#57ba46; margin-bottom:10px; display:block;}
.sub_con .tt h3{font-size:25rem;line-height:110%;font-weight:600;letter-spacing:-1px;}
.sub_con .tt .vr{width:1px;height:60px;margin:30px 0 20px;background:#111;}
.sub_con .tt.taC .vr{margin:30px auto 20px;}
.sub_con .tt p{padding-top:20px; font-size:17rem; font-weight:500; color:#333; line-height:160%;}
.sub_con .tt p .bold{display:block;}
.sub_con p{line-height:160%;}

.sub_con .taC{text-align:center;}
.sub_con .wht *{color:#fff !important;}
.sub_con .monly{display:none;}
.sub_con b{font-size:inherit;font-weight:600;font-family:inherit;letter-spacing:inherit;color:inherit;}

:root {
  --mint:#37c7d0;
}

@media all and (max-width: 1700px) {
    
    .sub_con .wrap{max-width:90%;}
}
@media all and (max-width: 1024px) {
    .sub_con *{font-size:17px;}
    .sub_con .wrap{max-width:100%;}
    .sub_con .tt{padding-bottom:40px;}
	.sub_con .tt em{font-size:11rem;}
    .sub_con .tt h3{font-size:22rem;}
    .sub_con .tt .vr{height:30px;margin:20px 0 10px;}
    .sub_con .tt.taC .vr{margin:20px auto 10px;}
    .sub_con .tt p{padding-top:10px;font-size:16rem;}
    
    .sub_con .monly{display:block !important;}
    .sub_con br.m{display:block !important;}
}

.sec_intro {text-align:center;}
.sec_intro h3{font-size:30rem; color:#000; font-weight:800; margin-bottom:70rem; text-align:center; letter-spacing:-1px; }
.sec_intro .con{display:flex;align-items:center;gap:3.5vw;max-width:1700rem;margin:0 auto;}
.sec_intro .con.reverse { flex-direction: row-reverse; justify-content: space-between; }
.sec_intro .pic{width:50%; }
.sec_intro .pic img {border-radius: 50rem;}
.sec_intro .txt{width:50%; padding:0 100rem; text-align:left;}
.sec_intro .txt h4 {word-break: keep-all; font-weight:800; font-size:25rem; color:#000; margin-bottom:40rem; letter-spacing:-1px; }
.sec_intro .txt p {word-break: keep-all; font-weight:500; font-size:17rem; color:#000; letter-spacing:-.5px; }

@media all and (max-width: 1023px) {
    .sec_intro h3{font-size:23rem; margin-bottom:40rem;}
	.sec_intro .con{display:block;max-width:unset; margin-bottom:30rem; }
    .sec_intro .pic{width:100%;height:auto;}
    .sec_intro .txt{width:100%;padding:30rem; text-align:center;}
	.sec_intro .txt h4 {font-size:22rem; margin-bottom:20rem; }
	.sec_intro .txt p {font-size:16rem; }
}



.tour_con01{padding:0rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:10rem; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; margin-right:10rem; }
.tour_con01 .thumb_box li:last-child {margin-right:0rem; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}

.bg_g {background:#f0f4f3; padding:70rem 0; }

.sec_process {padding:50rem 0;}
.sec_process h3 {font-size:25rem; font-weight:800; letter-spacing:-1px; margin-bottom:20rem; }

.sub__process-list{display:flex;justify-content:center;gap:88rem}
.sub__process-item{display:flex;flex-direction:column;align-items:center;position:relative;width:200rem}
.sub__process-item span {display:flex;justify-content:center;align-items:center;width:24rem;height:24rem;border-radius:50%;background:#57ba47; color:#fff; margin-bottom:10rem;}
.sub__process-item h4 {font-size:18rem; letter-spacing:-.5px; text-align:center; font-weight:600; margin:10rem 0; }
.sub__process-item p {font-size:15rem; letter-spacing:-.5px; text-align:center; }
.sub__process-item dd em {font-size:17rem; letter-spacing:-.5px; text-align:center; display:block; font-weight:600; }
.sub__process-item dd {font-size:15rem; letter-spacing:-.5px; text-align:center; margin-bottom:10rem;}

.sub__process-circle{display:flex;align-items:center;justify-content:center;position:relative;width:140rem;height:140rem;border:1px dashed #57ba47;border-radius:50%;background:#f0f4f3}
.sub__process-item+.sub__process-item .sub__process-circle::after{content:"";position:absolute;top:50%;left:-90rem;width:40rem;height:12rem;background:url("../img/sub/arrow.png") center no-repeat;background-size:100%;transform:translateY(-50%)}
.sub__process-ic{display:block;margin:0 auto;width:50rem}

@media(max-width: 1023px){
.sub__process-wrap{min-height:auto}
.sub__process-list{gap:68rem}
.sub__process-item+.sub__process-item .sub__process-circle::after{left:-76rem}
.sub__process-circle{width:120rem;height:120rem}
}

@media(max-width: 800px){
.sec_process h3 {font-size:20rem;}
.sub__process-list{flex-wrap:wrap;gap:50rem 40rem}
.sub__process-item{width:calc(50% - 20rem)}
.sub__process-item+.sub__process-item .sub__process-circle::after{display:none}
}


.sec_info {padding:50rem 0;}
.sec_info h3 {font-size:25rem; font-weight:800; letter-spacing:-1px; margin-bottom:20rem; }
.sec_info ul {max-width:1200rem; margin:0 auto; }

.sec_info-item{margin-bottom:50rem; display: flex; align-items: center; gap:30px;   position:relative;}
.sec_info-item span {display:flex;align-items:center;justify-content:center;position:relative;width:140rem;height:140rem;border:1px dashed #57ba47;border-radius:50%;background:#f0f4f3}
.sec_info-item dl {flex-direction:column; }
.sec_info-item dt {font-size:22rem; letter-spacing:-.5px; font-weight:800; margin:10rem 0; }
.sec_info-item dd {word-break: keep-all; font-size:17rem; letter-spacing:-.5px; margin:5rem 0;}
.box {background:#f0f4f3; border-radius:10px; padding:10rem 20rem; }
.sec_info-ic{display:block;margin:0 auto;width:50rem}
.sec_info-item em {cursor:pointer; position:absolute; text-align:center; right:0%; transform:translateX(0%); width:200rem; background:#57ba47; color:#fff; border-radius:10px; padding:7rem 20rem; font-weight:600; letter-spacing:-.5px;}

@media(max-width: 1023px){
.sec_info-wrap{min-height:auto}
.sec_info-item{flex-direction:column;}
.sec_info-item em {display:block; position:relative;}
}

@media(max-width: 800px){
.sec_info h3 {font-size:20rem;}
.sec_info ul {flex-wrap:wrap;gap:50rem 40rem}
.sec_info-item dt {font-size:20rem; }
.sec_info-item dd {font-size:16rem;}
.box dd {font-size:14rem; }
}

.sec_noti {padding:100rem 0; text-align:center; }
.sec_noti h3 {word-break: keep-all; font-size:22rem; font-weight:600; letter-spacing:-1px;  }
.sec_noti i {font-size:70rem; font-family: 'Cafe24LovingU'; opacity:0.05; z-index:-1; position:absolute; text-align:center; top:-10rem; left:50%; transform:translateX(-50%);}

@media all and (max-width:1023px){
	.sec_noti h3 {font-size:20rem; }
	.sec_noti i {font-size:40rem; width:100%; top:20rem;}
}


.sec_map{width:100%; position:relative; overflow:hidden; padding:0px 0 50px; }

.sec_map .map_box{height:600px; }
.sec_map .map_box > .map{width:100%; height:100%; border-radius:50px; }
.sec_map .map_box > .map .wrap_map{height:100% !important;}

.sec_map .contWrap{width:100%; margin-top:40px;  display:inline-flex; align-items:start; justify-content:space-between;}
.sec_map .contWrap .contBox{width:32%;}
.sec_map .contWrap .contBox03{width:22%;}
.sec_map .contWrap .contBox .title{width:100%; padding-bottom:25px;}
.sec_map .contWrap .contBox .title span{display:inline-block; vertical-align:middle; margin-right:15px;}
.sec_map .contWrap .contBox .title p{display:inline-block; vertical-align:middle; font-size:25rem; font-weight:700;}

.sec_map .contWrap .contBox p.txt01{font-size:17rem; font-weight:500; line-height:1.5;}
.sec_map .contWrap .contBox p.txt02{display:inline-block; vertical-align:middle; color:#afa194; font-weight:500; font-size:12pt; margin-top:10px;}
.sec_map .contWrap .contBox p.txt02 span{display:inline-block; vertical-align:middle; margin-right:5px;}

.sec_map .contWrap .contBox label{ width:100%; display:inline-flex; align-items:start; justify-content:start;}
.sec_map .contWrap .contBox label pre{overflow-x: hidden; font-family:'Pretendard'; font-size:17rem; font-weight:500; line-height:1.8;}
.sec_map .contWrap .contBox label pre.Left{width:38%;}
.sec_map .contWrap .contBox a{font-size:30rem; font-weight:700; display:block; color:#000;}

@media all and (max-width:1023px){
	.sec_map .map_box{height:400px; }
	.sec_map .contWrap{flex-direction:column; }
	.sec_map .contWrap .contBox{width:100%; margin-bottom:30rem; }
	.sec_map .contWrap .contBox .title p{ font-size:20rem;}
	.sec_map .contWrap .contBox label pre{ font-size:15rem;}
	.sec_map .contWrap .contBox a{font-size:25rem;}
}

.sec_bg {background:url(../img/sub/bg.jpg) no-repeat center center/cover;}

.sec_top {text-align:center;}
.sec_top h3{font-size:30rem; color:#000; font-weight:800; margin-bottom:70rem; text-align:center; letter-spacing:-1px; }
.sec_top .con{display:flex;align-items:center;gap:3.5vw;max-width:1700rem;margin:0 auto;}
.sec_top .con.reverse { flex-direction: row-reverse; justify-content: space-between; }
.sec_top .pic{width:50%; }
.sec_top .pic img {border-radius: 100rem 100rem 0 0;}
.sec_top .txt{width:50%; padding:0 50rem; text-align:left;}
.sec_top .txt em {font-weight:600; font-size:15rem; color:#cce3c8; margin-bottom:20rem; letter-spacing:5px; }
.sec_top .txt h5 {font-weight:600; font-size:22rem; color:#000; margin-bottom:20rem; letter-spacing:-1px; }
.sec_top .txt h4 {font-weight:800; font-size:30rem; color:#000; margin-bottom:40rem; letter-spacing:-1px; }
.sec_top .txt h4 span {font-weight:600; font-size:22rem; }
.sec_top .txt p {font-weight:500; font-size:18rem; color:#000; letter-spacing:-.5px; line-height:1.7; }
.sec_top .txt p b {font-weight:700;}
.sec_top .txt dl {margin-bottom:20rem;}
.sec_top .txt dl dt {font-size:20rem; font-weight:600; margin:20rem 0 10rem; color:#57ba46;  }
.sec_top .txt dl dd {font-size:17rem; font-weight:500; border-radius:50px; border:1px solid #57ba46; color:#57ba46; padding:5rem 10rem; }
.sec_top .txt dl div {display:flex; gap:20px; }

@media all and (max-width: 1023px) {
    .sec_top h3{font-size:20rem; margin-bottom:40rem;}
	.sec_top .con{display:block;max-width:unset; margin-bottom:30rem; }
    .sec_top .pic{width:100%;height:auto;}
	.sec_top .pic img {border-radius: 50rem 50rem 0 0;}
    .sec_top .txt{width:100%;padding:30rem; text-align:center;}
	.sec_top .txt em {font-size:13rem; }
	.sec_top .txt h5 {font-size:18rem; }
	.sec_top .txt h4 {font-size:25rem; margin-bottom:20rem; }
	.sec_top .txt h4 span {font-size:20rem; line-height:1.5; display:block; margin-top:10rem; }
	.sec_top .txt p {font-size:16rem; }
	.sec_top .txt dl dt {font-size:16rem;}
	.sec_top .txt dl dd {font-size:15rem; width:200rem; }
	.sec_top .txt dl div {display: flex; align-items: center; justify-content: center; gap:10px; }
}

@media all and (max-width: 600px) {
	.sec_top .txt dl div {flex-direction:column;  gap:10px; }
}

.sec02{padding:100rem 0; background:#f4f8f3; }
.sec02 .list03{display:grid;grid-template-columns:repeat(3, minmax(100px, 320px));justify-content:center;}
.sec02 .list04{display:grid;grid-template-columns:repeat(4, minmax(100px, 270px));justify-content:center;}
.sec02 .con .item{ display:flex;justify-content:center;align-items:center;width:250px;aspect-ratio:1;border-radius:500rem;border:1px solid #3e9956; background:rgba(255,255,255,0.7); }
.sec02 .con dt{text-align:center; word-break: keep-all; font-size:20rem;font-weight:600; letter-spacing:-1px; margin-bottom:10rem; }
.sec02 .con dd{text-align:center; word-break: keep-all; font-size:18rem;font-weight:500; letter-spacing:-1px; }
.sec02 .con dl {position:relative;}
.sec02 .con dl i{margin:0 auto 10rem; display:flex;justify-content:center;align-items:center;width:20rem;aspect-ratio:1;font-size:14rem;border-radius:50%;background:#57ba47;color:#fff;}

@media all and (max-width: 1024px) {
    .sec02 .con .item{width:170px;}
	.sec02 .con dd{padding-top:10px;font-size:14rem;}
}

@media all and (max-width: 700px) {
    .sec02{padding:70rem 0;}
	.sec02 .list03{display:grid;grid-template-columns:repeat(1, minmax(100px, 300px));justify-content:center;gap:12px 0;}
	.sec02 .list04{display:grid;grid-template-columns:repeat(1, minmax(100px, 300px));justify-content:center;gap:12px 0;}
    .sec02 .con .item{width:100%; aspect-ratio:1.5;}
    .sec02 .con dt{font-size:25rem;}
    .sec02 .con dd{padding-top:10px;font-size:18rem;}
}

.sec_point{padding:100rem 0; }
.sec_point .con{max-width:1000rem; margin:0 auto; display:grid;grid-template-columns: repeat(3, 1fr);align-items:center;justify-content:center;gap:30px;}
.sec_point .con .item{display:flex;justify-content:center;align-items:center;aspect-ratio:1;border-radius:20rem;border:1px dashed #57ba47; background:#f0f4f3; }
.sec_point .con em{display:block; text-align:center; font-size:25rem;font-weight:500; letter-spacing:-1px; color:#57ba47; }
.sec_point .con dt{text-align:center; word-break: keep-all; font-size:24rem;font-weight:700; letter-spacing:-1px; padding:10rem 0; color:#57ba47; }
.sec_point .con dd{text-align:center; word-break: keep-all; font-size:16rem;font-weight:500; letter-spacing:-1px; }

@media all and (max-width: 600px) {
    .sec_point .con{max-width:300rem; display:grid;grid-template-columns: repeat(1, 1fr);gap:10px;}
    .sec_point .con .item {aspect-ratio:1.5;}
    .sec_point .con em{font-size:15rem;}
    .sec_point .con dt{font-size:20rem;}
    .sec_point .con dd{padding-top:10px;font-size:16rem;}
}

.sec_step{padding:100rem 0; }
.sec_step .con{display:flex;justify-content:center;gap:40px;}
.sec_step .con .item{flex:1;max-width:500px;}
.sec_step .con .item em{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:330px;height:50px;margin:0 auto 20px;font-weight:700;font-size:18rem; border-radius:50px;background:#57ba47;color:#fff;}
.sec_step .con .item em:before{content:'';position:absolute;top:50%;left:100%;display:block;width:450px;height:4px;background:url(../img/sub/dotted.png) repeat-x;background-size:auto 100%;}
.sec_step .con .item:last-child em:before{display:none;}
.sec_step .con .item .pic img{display:block;width:100%;}
.sec_step .con .item .txt{padding:20rem 30rem;text-align:center; background:#fff;  border-radius:30px; min-height:200rem;}
.sec_step .con .item .txt2{ padding: 25px;    display: flex;    align-items: center;  justify-content: center; gap: 20px;    background: #fff;  border-radius:30px;}
.sec_step .con .item .txt h4{padding-bottom:20px;font-size:1.8em;font-weight:700;line-height:130%;color:#57ba47;}
.sec_step .con .item .txt p{font-size:16rem; font-weight:400; padding-top:20px;}
.sec_step .con .item .txt p b{font-size:17rem; font-weight:700; display:block; margin-bottom:10rem; }

.sec_step .con .item3{flex:1;max-width:500px;}
.sec_step .con .item3 em{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:330px;height:50px;margin:0 auto 20px;font-weight:700;font-size:18rem; border-radius:50px;background:#57ba47;color:#fff;}
.sec_step .con .item3 em:before{content:'';position:absolute;top:50%;left:100%;display:block;width:450px;height:4px;background:url(../img/sub/dotted.png) repeat-x;background-size:auto 100%;}
.sec_step .con .item3:last-child em:before{display:none;}
.sec_step .con .item3 .txt{display: flex; align-items: center; justify-content: center; padding: 0 30px; text-align:center; background:#fff;  border-radius:30px; min-height:260rem;}
.sec_step .con .item3 .txt h4{padding-bottom:20px;font-size:1.8em;font-weight:700;line-height:130%;color:#57ba47;}
.sec_step .con .item3 .txt p{font-size:16rem; font-weight:400; }
.sec_step .con .item3 .txt p b{font-size:17rem; font-weight:700; display:block; margin-bottom:10rem; }

.sec_step .con .item .txt dl {text-align:left; }
.sec_step .con .item .txt dl dd {word-break: keep-all; font-size:17rem; color:#333; font-weight:500; letter-spacing:-.5px; padding-bottom:15rem; margin-left:10px; }
.sec_step .con .item .txt dl dd:before {content: ""; position:absolute; width:3px; height:3px; background:#57ba47; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1400px) {
    .sec_step .con{display:block;}
    .sec_step .con .item{margin:0 auto;}
    .sec_step .con .item + .item{padding-top:40px;}
    .sec_step .con .item em:before{display:none;}

	.sec_step .con .item3{margin:0 auto;}
    .sec_step .con .item3 em:before{display:none;}
}
@media all and (max-width: 1024px) {
    
    .sec_step .con .item{width:100%;}
    .sec_step .con .item em{width:260px;height:40px;font-size:18rem;}
    .sec_step .con .item .txt{padding-top:20px;}
    .sec_step .con .item .txt h4{padding-bottom:12px;font-size:25rem;}
    .sec_step .con .item .txt p{padding-top:12px;font-size:16rem;}
    .sec_step .con .item .txt2 p{padding-top:12px;font-size:16rem;}
    .sec_step .con .item .txt p b{padding-top:12px;font-size:16rem;}
	.sec_step .con .item .txt dl dd {font-size:16rem; }

	.sec_step .con .item3{width:100%; margin-bottom:30rem; }
    .sec_step .con .item3 em{width:300rem;height:40px;font-size:18rem;}
    .sec_step .con .item3 .txt h4{padding-bottom:12px;font-size:18rem;}
    .sec_step .con .item3 .txt p{font-size:16rem;}
    .sec_step .con .item3 .txt p b{font-size:18rem;}
}

@media all and (max-width: 600px) {
    .sec_step .con .item3 em{width:100%;}
}

.sec_how {padding:100rem 0;}
.sec_how .wrap .item { max-width: 1200px; margin: 0 auto; display: flex; gap: 3vw; align-items: center; background:rgba(255,255,255,0.8); border-radius: 20px; padding: 30rem 50rem; }
.sec_how .wrap .item + .item { margin-top: 40px; }
.sec_how .wrap .item .pic { position: relative; width: 45%; max-width: 300px; min-height: 300px; border-radius: 300px; overflow: hidden; }
.sec_how .wrap .item .pic img { position: absolute; }
.sec_how .wrap .item .txt { flex: none; padding: 34px 0; width:65%; }
.sec_how .wrap .item .txt .tit { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
.sec_how .wrap .item .txt em { display: block; font-size: 15rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; background: #57ba47; color: #fff; padding: 7px 20px; border-radius: 99px; } 
.sec_how .wrap .item .txt h6 { font-size: 25rem; font-weight: 700; line-height: 130%; }
.sec_how .wrap .item .txt p { font-size: 17rem; font-weight: 400; line-height: 170%; }
.sec_how .wrap .item .txt p b {font-weight:600;}

.sec_how .list h4 {font-size:20rem; font-weight:600; margin:20rem 0; }
.sec_how .list li{word-break: keep-all; margin-bottom:10rem; position:relative;padding-left:30px;font-size:17rem;font-weight:500;line-height:160%;}
.sec_how .list li i{position:absolute;top:3px;left:0;display:flex;justify-content:center;align-items:center;width:20rem;aspect-ratio:1;font-size:inherit;border-radius:50%;background:#57ba47;color:#fff;}

html[lang="en"] .sec_how .wrap .item .txt,
html[lang="ja"] .sec_how .wrap .item .txt,
html[lang="zh-CN"] .sec_how .wrap .item .txt{flex:1;}

.sec_how dl {display:grid;grid-template-columns: repeat(3, 1fr);gap:10px; margin-top:20px; }
.sec_how dl dd img {border-radius:10px;}

@media all and (max-width: 1023px) {
	.sec_how .wrap .item .pic {  width: 100%; max-width: 100%; min-height: unset; }
	.sec_how .wrap .item .pic img { position: unset; transform: unset; }
    .sec_how .wrap .item .txt em { font-size: 13rem; padding: 4px 12px; }
    .sec_how .wrap .item .txt h6 { font-size: 20rem; }
    .sec_how .wrap .item .txt p { font-size: 15rem; }
}

@media all and (max-width: 600px) {
	.sec_how .wrap .item {text-align:center; flex-direction: column; align-items: flex-start; padding: 14px; gap: 25px; }
    .sec_how .wrap .item + .item { margin-top: 30px; }
    .sec_how .wrap .item .pic {  width: 100%; max-width: 100%; min-height: unset; }
	.sec_how .wrap .item .pic img { position: unset; transform: unset; width:310rem; }
	.sec_how .wrap .item .txt { width:100%; }
    .sec_how .wrap .item .txt .tit {align-items: center;  margin-bottom: 20px; }
    .sec_how .wrap .item .txt em { font-size: 15rem; padding: 4px 12px; }
    .sec_how .wrap .item .txt h6 { font-size: 20rem; letter-spacing:-1px; }
    .sec_how .wrap .item .txt p { font-size: 16rem; }
	.sec_how .list h4{word-break: keep-all; font-size:20rem;}
	.sec_how .list li{text-align:left; font-size:16rem;}
	.sec_how .list li i{width:17rem;font-size:13rem;}
}

.sec03{position:relative; padding:50rem 0; }
.sec03 .con{max-width:1400rem; margin:0 auto;text-align:center;}
.sec03 .txt {margin-bottom:30rem;}
.sec03 .tbl{}
.sec03 .tbl table{width:100%;}
.sec03 .tbl table *{vertical-align:middle;}
.sec03 .tbl table img{width:100%;}
.sec03 .tbl table th,
.sec03 .tbl table td{padding:20px 20px;border:1px solid #dddedf;text-align:center; font-weight:400; font-size:17rem;}
.sec03 .tbl thead th{font-size:20rem;font-weight:700;color:#57ba47;background:#eff7ee;}
.sec03 .tbl tbody th{font-size:17rem;font-weight:600;color:#222;background:#fff;}
.sec03 .tbl td{background:#fdfdfd;}
.sec03 .tbl .imgs td{padding:0;}
.sec03 .tbl td img{width:170px;}
.sec03 table th.vs{background:#fff;font-weight:600;color:#222;}
.sec03 table th.nor{font-weight:600;background:#e4ebe9;color:#222;}
.sec03 table td.nor{background:#f7f7f7;}

@media all and (max-width: 1024px) {
    
    .sec03 i{top:45px;left:5.5%;}
    .sec03 i img{width:170px;}
    .sec03 .con{max-width:100%;}
    
    .sec03 .tbl table th,
    .sec03 .tbl table td{padding:12px 6px;line-height:140%;word-break:keep-all;}
    .sec03 .tbl tbody th{font-size:0.8em;}
    .sec03 .tbl table td b{font-size:1em;}
    .sec03 .tbl td{font-size:0.8em;}
	
}


@media all and (max-width: 600px) {
    .sec03 .tbl table th,
    .sec03 .tbl table td{padding:12px 6px;line-height:140%;word-break:keep-all;}
    .sec03 .tbl tbody th{font-size:13rem;}
    .sec03 .tbl table td b{font-size:13rem;}
    .sec03 .tbl td{font-size:13rem;}
	.sec03 .tbl tbody td{font-size:13rem;}
	.sec03 .tbl tbody td b{font-size:13rem;}
	.sec03 .tbl thead th{font-size:14rem;}
	.sec03 .tbl tbody th{font-size:14rem;}
}

.sec_spine_list{padding:100rem 0; background:#f9f9f9;}
.sec_spine_list .con{display:flex;align-items: center;gap:10vw;}
.sec_spine_list .tt{padding-left:13.5%;padding-bottom:0;}
.sec_spine_list .list ul{}
.sec_spine_list .list li{margin-bottom:10rem; position:relative;padding-left:40px;font-size:17rem;font-weight:500;line-height:160%;}
.sec_spine_list .list li i{position:absolute;top:3px;left:0;display:flex;justify-content:center;align-items:center;width:25rem;aspect-ratio:1;font-size:inherit;border-radius:50%;background:#57ba47;color:#fff;}

.sec_spine_list .list dl {display:grid;grid-template-columns: repeat(2, 1fr);gap:20px; }
.sec_spine_list .list dl dd img {border-radius:20px;}
.sec_spine_list .list dl dd {position:relative; }
.sec_spine_list .list dl dd span {font-size:13rem; font-weight:600; color:#fff; background:rgba(0,0,0,0.8); padding:10px 20px; position:absolute; text-align:center; bottom:0; right:0%; transform:translateX(0%); border-radius: 0 0 20rem 0;}

@media all and (max-width: 1800px) {
    
    .sec_spine_list .con{gap:7vw;}
}
@media all and (max-width: 1700px) {
    
    .sec_spine_list .con{padding:0 5%; gap:5vw;}
    .sec_spine_list .tt{padding-left:0;padding-bottom:30px;}
}
@media all and (max-width: 1024px) {
    .sec_spine_list{padding:70rem 20rem; }
    .sec_spine_list{background-position:right 80px;background-size:150px auto;}
    .sec_spine_list .con{display:block;padding:0;}
    .sec_spine_list .list .item + .item{padding-top:30px;margin-top:30px;}
    .sec_spine_list .list h6{width:140px;height:38px;font-size:0.9em;}
    .sec_spine_list .list ul{display:block;padding-top:20px;}
    .sec_spine_list .list li{padding-left:34px;padding-bottom:12px; font-size:16rem;}
    .sec_spine_list .list li:last-child{padding-bottom:0;}
    .sec_spine_list .list li i{width:24px;font-size:0.9em;}
	.sec_spine_list .list dl {display:grid;grid-template-columns: repeat(2, 1fr);gap:10px; }
	.sec_spine_list .list dl dd span {font-size:11rem; padding:7px 15px; }
}

.step_list { overflow:hidden;  display:grid;grid-template-columns: repeat(4, 1fr);  margin-top: 80px;    gap: 20px;  }
.step_list dd {     text-align: center;  }
.step_list dd .pic {    max-width: 172px;    width: 90%;    margin: 0 auto;  }
.step_list dd .pic img { border-radius:500px;   display: block;    width: 100%;  }
.step_list dd .circle {    position: relative;    display: block;    width: 15px;    height: 15px;    border-radius: 100%;    background: #57ba47;    margin: 40px auto;  }
.step_list dd .circle::after {    content: "";    width: 100vw;    height: 1px;    background: #57ba47;    position: absolute;    left: -50vw;    top: 50%;    z-index: -1;    transform: translateY(-50%);  }
.step_list dd b { word-break: keep-all;   font-size: 18rem;    font-weight: 600;    color: #57ba47;  }

@media all and (max-width: 1024px) {
	.step_list {      margin-top: 38px;   display:grid;grid-template-columns: repeat(2, 1fr);   }
	.step_list dd {    }
	.step_list dd .pic {      margin: 0 auto 20px;    }
	.step_list dd .circle {      display: none;    }
	.step_list dd b {     font-size: 18rem;  }
}

.sec_ex{padding:100rem 0; }
.sec_ex .con{padding:60px;border-radius:20px;background:#fff;}
.sec_ex .con .txt em{display:flex;justify-content:center;align-items:center;width:300px;height:42px;font-size:23rem;font-weight:700;line-height:140%; margin-bottom:20rem; border:1px solid #444;border-radius:60px;}
.sec_ex .con .txt h5{padding-top:20px;font-size:23rem;font-weight:700;line-height:140%; margin-bottom:20rem; }
.sec_ex .con .txt p{font-size:17rem;font-weight:500;line-height:170%; }
.sec_ex .con .txt .chks{position:relative; padding:34px 0;}
.sec_ex .con .txt .chks h4 {font-size:20rem; font-weight:600; margin:20rem 0; }
.sec_ex .con .txt .chks li{word-break: keep-all; margin-bottom:10rem; position:relative;padding-left:30px;font-size:17rem;font-weight:500;line-height:160%;}
.sec_ex .con .txt .chks i{ position:absolute;top:3px;left:0;display:flex;justify-content:center;align-items:center;width:20rem;aspect-ratio:1;font-size:13rem;border-radius:50%;background:#57ba47;color:#fff;}

@media all and (max-width: 1400px) {
    .sec_ex .con{display:block;}
    .sec_ex .con .pic{justify-content:center;padding-top:40px;}
}

@media all and (max-width: 1024px) {
    .sec_ex .tt{text-align:center;}
    .sec_ex .tt .vr{margin:20px auto;}
    .sec_ex .con{padding:30px 20px;border-radius:10px;}
    .sec_ex .con .txt em{font-size:20rem; }
    .sec_ex .con .txt h5{font-size:20rem;}
    .sec_ex .con .txt p{font-size:18rem;}
    .sec_ex .con .txt .chks{padding-top:24px;}
    .sec_ex .con .pic{gap:6px;}
    .sec_ex .con .pic .item{border-radius:10px;}
    .sec_ex .con .pic .item p{height:40px;font-size:15rem;text-align:center;}
	.sec_ex .con .txt .chks li{font-size:15rem;}
    
}


.sec_kind {background:#fcfcfc;}
.sec_kind section{position: relative;	padding:100rem 0;}
.sec_kind section .row-wrap{	width:100%;	margin:50rem auto 0;	max-width:1000px;   display: flex;    flex-direction: column;     }
.sec_kind section .row-wrap > .row{	   display: flex;    align-items: center;  background: #fff;	border-radius:40px;	padding:30rem 50rem;	margin-bottom: 10px;	position: relative; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}

.sec_kind section .row-wrap > .row:last-child::before{	content:none;}
.sec_kind section .row-wrap > .row > .img{border-radius:500px; position: relative;  width:120rem;}
.sec_kind section .row-wrap > .row > .img img {border-radius:500px; }
.sec_kind section .row-wrap > .row > .img::after{	content:'';	width:1px;	height: 100%;	border-right: 1px dashed #efe4d5;	position: absolute;	top:0;	right:-50rem;}
.sec_kind section .row-wrap > .row > .text{	width:85%;}
.sec_kind section .row-wrap > .row > .text:last-child{	padding-left: 100rem;		}
.sec_kind section .row-wrap > .row h4 {word-break: keep-all; font-size:20rem; font-weight:700; margin-bottom:10rem; }
.sec_kind section .row-wrap > .row p {word-break: keep-all; font-size:17rem; font-weight:400;}

@media(max-width:1023px){
	.sec_kind section{padding:0rem 0;}
	.sec_kind section .row-wrap{	margin:30rem auto 0;}
	.sec_kind section .row-wrap > .row{	 flex-direction:column;}
	.sec_kind section .row-wrap > .row > .img::after{	content:'';	width:1px;	height: 100%;	border-right: 0px dashed #efe4d5;	position: absolute;	top:0;	right:-50rem;}
	.sec_kind section .row-wrap > .row > .text{	text-align:center; width:100%;}
	.sec_kind section .row-wrap > .row > .text:last-child{	padding-left: 0rem;}
	.sec_kind section .row-wrap > .row > .img{	 width:100rem;}
	.sec_kind section .row-wrap > .row h4 { font-size:22rem;margin-top:20rem;  }
	.sec_kind section .row-wrap > .row p { font-size:16rem;}
}

.sec_box {text-align:center;}
.sec_box .con {max-width:1400rem; margin:30rem auto; background:#f2f2f2; border-radius:20px; padding:50rem 30rem; }
.sec_box .con h3 {font-size:22rem; font-weight:700; margin-bottom:20rem; }
.sec_box .con p {font-size:18rem; font-weight:500; }
.sec_box .con p b {color:#57ba47; font-weight:800; }

.sec_box .con2 {max-width:1400rem; margin:30rem auto; display:grid;grid-template-columns: repeat(2, 1fr);gap:30px; }
.sec_box .con2 dl {background:#f2f2f2; border-radius:20px; padding:50rem 20rem;}
.sec_box .con2 h3 {font-size:22rem; font-weight:700; margin-bottom:20rem; color:#57b948;  }

@media(max-width:1023px){
	.sec_box .con h3 {font-size:22rem;}
	.sec_box .con p {font-size:16rem; }
	.sec_box .con2 { display:grid;grid-template-columns: repeat(1, 1fr);gap:10px; }
	.sec_box .con2 h3 {font-size:20rem;}
	.sec_box .con2 p {font-size:16rem;}
}

.sec_img {max-width:1400rem; margin:100rem auto;}
.sec_img ul {display:grid;grid-template-columns: repeat(2, 1fr);gap:50px;}
.sec_img ul li span {font-size:18rem; font-weight:600; text-align:center; display:block; margin-top:10px; }
.sec_img .one {max-width:1000rem; margin:0 auto; text-align:center;}

@media(max-width:1023px){
	.sec_img {max-width:1000rem; margin:20rem auto;}
	.sec_img ul {display:grid;grid-template-columns: repeat(1, 1fr);gap:20px;}
	.sec_img ul li span {font-size:16rem; }
}

.sec_list{padding:100rem 0; }
.sec_list .list02{display:grid;grid-template-columns: repeat(2, 1fr);gap:40px;}
.sec_list .list03{display:grid;grid-template-columns: repeat(3, 1fr);gap:40px;}
.sec_list .con .item{flex:1;max-width:700px;}
.sec_list .con .item em{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;width:330px;height:50px;margin:0 auto 20px;font-weight:700;font-size:18rem; border-radius:50px;background:#57ba47;color:#fff;}
.sec_list .con .item:last-child em:before{display:none;}
.sec_list .con .item .pic img{display:block;width:100%;}
.sec_list .list02 .item .txt {height:250rem;}
.sec_list .con .item .txt{display: flex; align-items: center; justify-content: center; gap:10px; position:relative;padding:20rem 30rem;background:#fff;  border-radius:30px; }
.sec_list .con .item .txt:before{content:'';position:absolute;top:-15%;left:50%;display:block;width:4px;height:20px;background:url(../img/sub/dotted2.png) repeat-y;background-size:100%;}
.sec_list .con .item .txt h4{padding-bottom:20px;font-size:1.8em;font-weight:700;line-height:130%;color:#57ba47;}
.sec_list .con .item .txt i img {border-radius:100px; width:400px;}
.sec_list .con .item .txt p{font-size:16rem; font-weight:400; }
.sec_list .con .item .txt p b{font-size:17rem; font-weight:700; display:block; margin-bottom:10rem; }
.sec_list .con .item .txt dl {text-align:left; }
.sec_list .con .item .txt dl dd {word-break: keep-all; font-size:17rem; color:#333; font-weight:500; letter-spacing:-.5px; padding-bottom:15rem; margin-left:10px; }
.sec_list .con .item .txt dl dd:before {content: ""; position:absolute; width:3px; height:3px; background:#57ba47; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}

@media all and (max-width: 1400px) {
    .sec_list .list02{display:block;}
    .sec_list .list03{display:block;}
    .sec_list .con .item{margin:0 auto;}
    .sec_list .con .item + .item{padding-top:40px;}
    .sec_list .con .item em:before{display:none;}
}
@media all and (max-width: 1024px) {
    .sec_list{padding:50rem 0; }
    .sec_list .con .item{width:100%;}
    .sec_list .con .item em{width:170px;height:40px;font-size:18rem;}
	.sec_list .list02 .item .txt {height:auto;}
    .sec_list .con .item .txt{padding-top:20px;}
    .sec_list .con .item .txt h4{padding-bottom:12px;font-size:22rem;}
    .sec_list .con .item .txt p{padding-top:12px;font-size:16rem;}
	.sec_list .con .item .txt dl dd {font-size:14rem; }
}



.sec_proc {padding:100rem 0; }
.sec_proc .con ul {  display:grid;grid-template-columns: repeat(3, 1fr); gap: 30px;  }
.sec_proc .con ul li {   text-align:center; border-radius: 10px;    overflow: hidden;    border: 1px solid #70c262;  }
.sec_proc .con ul li h4 { font-weight: 700;    padding: 20rem;    color: #fff;    background: #70c262;  }
.sec_proc .con ul li > div {    padding: 25px;    display: flex;    align-items: center;  justify-content: center; gap: 20px;    background: #fff;  }
.sec_proc .con ul li p {    font-size: 17rem;  }



.sec_doctor{margin-bottom:50rem; }
.sec_doctor .wrap{}
.sec_doctor .dr{display:flex;align-items:center;gap:5%;}
.sec_doctor .dr:nth-child(even){flex-direction:row-reverse;}
.sec_doctor .dr + .dr{padding-top:50px;}
.sec_doctor .dr .pic {width:100%; text-align:center; }
.sec_doctor .dr .pic img {border-radius:20px; }
.sec_doctor .dr .txt{width:100%;padding-top:30px;}
.sec_doctor .dr .txt div {display:flex;gap:50px;}
.sec_doctor .dr .txt h4{padding-top:32px;font-size:35rem;font-weight:400;}
.sec_doctor .dr .txt h4 b{font-weight:800;}
.sec_doctor .dr .txt h6{padding-top:22px;}
.sec_doctor .dr .txt p{padding-top:50px;color:#997e63;}
.sec_doctor .dr .txt ul{padding-top:24px;}
.sec_doctor .dr .txt ul h5 {font-size:20rem; font-weight:600; letter-spacing:-.5px; margin-bottom:10rem; }
.sec_doctor .dr .txt li{word-break: keep-all;position:relative;padding-left:8px;padding-bottom:10rem;font-size:17rem;line-height:130%;}
.sec_doctor .dr .txt li:last-child{padding-bottom:0;}
.sec_doctor .dr .txt li:before{content:'';position:absolute;top:10px;left:0;display:block;width:3px;height:3px;border-radius:50%;background:#222;}

@media all and (max-width: 1280px) {
    
    .sec_doctor .wrap{padding:0;}
}
@media all and (max-width: 1024px) {
    
    .sec_doctor .dr{display:block;}
    .sec_doctor .dr + .dr{padding-top:50px;}
    .sec_doctor .dr .pic{text-align:center;}
    .sec_doctor .dr .pic img{max-width:100%;}
    .sec_doctor .dr .txt{padding-top:30px;text-align:center;}
	.sec_doctor .dr .txt div {flex-direction:column; gap:20px;}
	.sec_doctor .dr .txt ul h5 {font-size:18rem;}
    .sec_doctor .dr .txt h4{padding-top:16px;font-size:25rem;}
    .sec_doctor .dr .txt p{padding-top:24px;font-size:0.9em;}
    .sec_doctor .dr .txt ul{padding-top:20px;text-align:left;}
    .sec_doctor .dr .txt li{padding-bottom:12px;font-size:17rem;}
    .sec_doctor .dr .txt li:before{top:8px;width:2px;height:2px;}
    
}

.sec_eq {padding:50rem 0;}
.sec_eq .con{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px; }
.sec_eq .item {border:1px solid #ddd; border-radius:20px; }
.sec_eq .item .pic img{display:block;width:100%; border-radius:20px; }
.sec_eq .item dl{padding-top:30px;text-align:center;}
.sec_eq .item dt{font-size:20rem;font-weight:600;}
.sec_eq .item dd{padding-top:14px;line-height:160%;}

@media all and (max-width: 900px) {
    .sec_eq .con{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
    .sec_eq .item dl{padding-top:20px;}
    .sec_eq .item dt{font-size:16rem;}
}

@font-face {
    font-family: 'LotteMartDream';
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

.ul_layout01{max-width:1800rem; margin:0 auto; }
.ul_layout01 ul{display:grid;grid-template-columns: repeat(8, 1fr); gap:20px; }
.ul_layout01 ul li{position:relative; text-align:center; border-radius:500rem; display: flex; flex-direction:column; align-items: center; justify-content: center;  aspect-ratio:1;border:2px solid #57ba47; }
.ul_layout01 ul li:after {font-family: 'LotteMartDream'; content: "→"; position:absolute; right:-20px; margin-left:-10px; margin-top:10px; color:#57ba47; font-weight:700;}
.ul_layout01 ul li:last-child:after {content: ""; position:absolute; right:-20px; margin-left:-10px; margin-top:10px; color:#57ba47; }
.ul_layout01 ul li:last-of-type{margin-right:0;}
.ul_layout01 ul li h6{display:block; width:100px; font-size:13rem; color:#fff; letter-spacing:0em; font-weight:700; padding:3rem 0; margin:0 auto 5px; border-radius:20px; background:#57ba47;}
.ul_layout01 ul li h5{font-size:19rem; color:#000; letter-spacing:-0.04em; font-weight:700; margin:0; line-height:1.3; letter-spacing:-.5px; }
.ul_layout01 ul li h5 span {font-weight:500; font-size:15rem;}
.ul_layout01 ul li i{display:block; width:40px; margin:0 auto 10rem; }
.ul_layout01 ul li p{font-size:18px; color:#666666; letter-spacing:-0.04em; font-weight:300; line-height:1.6; word-break:keep-all;}
.ul_layout01 ul li:nth-of-type(1){background:#57ba47;}
.ul_layout01 ul li:nth-of-type(2){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(3){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(4){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(5){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(6){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(7){background:#eaf2ec;}
.ul_layout01 ul li:nth-of-type(8){background:#3e9956;}
.ul_layout01 ul li:nth-of-type(1) h6{background:#fff;color:#57ba47;}
.ul_layout01 ul li:nth-of-type(1) h5{color:#fff;}
.ul_layout01 ul li:nth-of-type(2) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(3) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(4) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(5) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(6) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(7) h6{background:#57ba47;}
.ul_layout01 ul li:nth-of-type(8) h6{background:#fff;color:#3e9956;}
.ul_layout01 ul li:nth-of-type(8) h5{color:#fff;}

@media all and (max-width:1600px){
	.ul_layout01 {padding:0 10rem;}
	.ul_layout01 ul{display:grid;grid-template-columns: repeat(4, 1fr); gap:20px; }
	.ul_layout01 ul li:after {display:none;}
}


@media all and (max-width:600px){
	
	.ul_layout01 ul{display:grid;grid-template-columns: repeat(2, 1fr); gap:20px; }
	.ul_layout01 ul li h5{font-size:15rem;}
	.ul_layout01 ul li h5 span {font-size:13rem;}
	
}



/* ========================================================================== */
/* AIN CHILD DEVELOPMENT CENTER - SUB VISUAL / CENTER INTRO v1.0.2           */
/* ========================================================================== */
#sub_visual.sub_visual{
    height:420rem;
    margin-top:100rem;
    overflow:visible;
    text-align:left;
    border-radius:0 0 72rem 72rem;
    background-position:center;
    background-size:cover;
    isolation:isolate;
}
#sub_visual.sub_visual:before{
    position:absolute;
    inset:0;
    z-index:-1;
    content:"";
    border-radius:0 0 72rem 72rem;
    background:linear-gradient(90deg,rgba(250,249,245,.96) 0%,rgba(250,249,245,.86) 37%,rgba(250,249,245,.20) 68%,rgba(250,249,245,.04) 100%);
}
#sub_visual.sub_visual .sub-visual-copy{
    position:relative;
    z-index:2;
    max-width:1400rem;
    height:100%;
    margin:0 auto;
    padding:105rem 40rem 90rem;
}
#sub_visual.sub_visual .sub-visual-label{
    padding:0 0 14rem;
    font-size:14rem;
    line-height:1.2;
    font-weight:800;
    letter-spacing:2px;
    text-align:left;
    color:#527566;
}
#sub_visual.sub_visual h2{
    max-width:680rem;
    font-size:46rem;
    line-height:1.15;
    font-weight:800;
    letter-spacing:-2px;
    text-align:left;
    color:#283730;
}
#sub_visual.sub_visual .sub-visual-desc{
    display:block;
    max-width:620rem;
    margin-top:18rem;
    font-size:17rem;
    line-height:1.65;
    font-weight:500;
    letter-spacing:-.5px;
    color:#55635d;
    word-break:keep-all;
}
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg)}
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg)}
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg)}
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg)}
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg)}
#sub_visual.sub10:after,#sub_visual.sub20:after,#sub_visual.sub30:after,#sub_visual.sub40:after,#sub_visual.sub50:after{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:8rem;
    z-index:2;
    content:"";
}
#sub_visual.sub10:after{background:#7cae91}
#sub_visual.sub20:after{background:#e7a27f}
#sub_visual.sub30:after{background:#7baec2}
#sub_visual.sub40:after{background:#e4c66f}
#sub_visual.sub50:after{background:#a897c9}
#sub_visual.sub10 .sub-visual-label{color:#4d8168}
#sub_visual.sub20 .sub-visual-label{color:#b86949}
#sub_visual.sub30 .sub-visual-label{color:#4e8399}
#sub_visual.sub40 .sub-visual-label{color:#9d7b1b}
#sub_visual.sub50 .sub-visual-label{color:#74609b}
#sub_visual.sub20:before{background:linear-gradient(90deg,rgba(255,249,244,.97) 0%,rgba(255,247,240,.85) 38%,rgba(255,244,235,.18) 70%,rgba(255,255,255,.03) 100%)}
#sub_visual.sub30:before{background:linear-gradient(90deg,rgba(244,250,252,.97) 0%,rgba(243,249,251,.88) 38%,rgba(237,247,250,.18) 70%,rgba(255,255,255,.03) 100%)}
#sub_visual.sub40:before{background:linear-gradient(90deg,rgba(255,252,238,.97) 0%,rgba(255,251,233,.88) 38%,rgba(255,247,218,.18) 70%,rgba(255,255,255,.03) 100%)}
#sub_visual.sub50:before{background:linear-gradient(90deg,rgba(249,247,252,.97) 0%,rgba(248,245,252,.88) 38%,rgba(241,235,249,.18) 70%,rgba(255,255,255,.03) 100%)}
#sub_visual #snb{
    position:absolute;
    left:50%;
    bottom:-34rem;
    z-index:5;
    width:min(92%,1200rem);
    margin:0;
    transform:translateX(-50%);
}
#sub_visual .left_snb{
    min-height:68rem;
    padding:0 28rem;
    border:1px solid rgba(42,67,56,.08);
    border-radius:20rem;
    background:rgba(255,255,255,.96);
    box-shadow:0 12rem 32rem rgba(41,61,53,.10);
}
#contents{padding-top:90rem}

/* CENTER INTRO PAGE */
.ain-center-intro{overflow:hidden;background:#fff;color:#314039}
.ain-center-intro *{box-sizing:border-box}
.ain-center-wrap{width:min(1400px,calc(100% - 80px));margin:0 auto}
.ain-sub-lead{padding:78px 0 84px;text-align:center;background:#fff}
.ain-sub-lead__inner{max-width:980px}
.ain-sub-kicker{display:block;margin-bottom:16px;font-size:14px;line-height:1.2;font-weight:800;letter-spacing:2px;color:#58846f}
.ain-sub-lead h3{font-size:46px;line-height:1.22;font-weight:700;letter-spacing:-2px;color:#26362f}
.ain-sub-lead h3 strong{font-weight:800;color:#4c7f68}
.ain-sub-lead p{max-width:880px;margin:26px auto 0;font-size:18px;line-height:1.8;font-weight:500;letter-spacing:-.45px;color:#617069;word-break:keep-all}
.ain-center-section{padding:100px 0}
.ain-center-system{background:#f6f8f4}
.ain-center-personal{background:#fffaf6}
.ain-center-split{display:flex;align-items:center;gap:7%;min-height:520px}
.ain-center-split--reverse{flex-direction:row-reverse}
.ain-center-photo{width:54%;overflow:hidden;border-radius:34px;box-shadow:0 18px 42px rgba(58,73,66,.10)}
.ain-center-photo img{display:block;width:100%;height:460px;object-fit:cover}
.ain-center-copy{width:39%}
.ain-center-copy h3{margin-bottom:28px;font-size:38px;line-height:1.32;font-weight:800;letter-spacing:-1.7px;color:#273730}
.ain-center-copy p{margin-top:14px;font-size:17px;line-height:1.85;font-weight:500;letter-spacing:-.4px;color:#5c6963;word-break:keep-all}
.ain-center-checks{margin-top:26px}
.ain-center-checks li{position:relative;margin-top:12px;padding-left:27px;font-size:16px;line-height:1.6;font-weight:600;color:#48584f}
.ain-center-checks li:before{position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;content:"✓";font-size:11px;line-height:18px;font-weight:800;text-align:center;color:#fff;background:#73a98a}
.ain-center-strengths{background:#f3f7f5}
.ain-center-heading{text-align:center}
.ain-center-heading h3{font-size:38px;line-height:1.3;font-weight:700;letter-spacing:-1.6px;color:#283831}
.ain-center-heading h3 strong{font-weight:800;color:#4d8069}
.ain-center-heading p{margin-top:16px;font-size:17px;line-height:1.7;color:#66736d}
.ain-strength-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:52px}
.ain-strength-grid li{min-height:270px;padding:34px 26px;border:1px solid #e1e8e4;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(58,74,66,.05)}
.ain-strength-grid b{display:block;margin-bottom:32px;font-size:16px;font-weight:800;color:#7cae91}
.ain-strength-grid h4{font-size:20px;line-height:1.35;font-weight:800;letter-spacing:-.8px;color:#2f4038}
.ain-strength-grid p{margin-top:14px;font-size:15px;line-height:1.7;font-weight:500;color:#65716b;word-break:keep-all}
.ain-center-flow{background:#fff}
.ain-center-flow__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 6%;align-items:center}
.ain-center-flow__copy h3{font-size:38px;line-height:1.32;font-weight:800;letter-spacing:-1.6px;color:#283831}
.ain-center-flow__copy p{max-width:570px;margin-top:24px;font-size:17px;line-height:1.85;font-weight:500;color:#627069}
.ain-center-flow__photo{overflow:hidden;border-radius:32px}
.ain-center-flow__photo img{display:block;width:100%;height:390px;object-fit:cover}
.ain-care-process{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;margin-top:8px;border:1px solid #e0e8e4;border-radius:22px;background:#fbfcfb}
.ain-care-process li{position:relative;padding:27px 14px;text-align:center;border-right:1px solid #e5ebe8}
.ain-care-process li:last-child{border-right:0}
.ain-care-process b{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:#7cae91}
.ain-care-process span{font-size:16px;font-weight:800;color:#34463e}
.ain-center-cta{padding:78px 0;background:#4b7b65}
.ain-center-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.ain-center-cta span{font-size:13px;font-weight:800;letter-spacing:2px;color:#d8e8df}
.ain-center-cta h3{margin-top:12px;font-size:34px;line-height:1.35;font-weight:800;letter-spacing:-1.4px;color:#fff}
.ain-center-cta p{margin-top:12px;font-size:16px;line-height:1.7;color:#e5efe9}
.ain-center-cta__actions{display:flex;gap:12px;flex:0 0 auto}
.ain-center-btn{display:inline-flex;align-items:center;justify-content:center;min-width:168px;height:54px;padding:0 24px;border-radius:12px;font-size:15px;font-weight:800;transition:.2s ease}
.ain-center-btn--primary{color:#365846!important;background:#fff}
.ain-center-btn--light{color:#fff!important;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08)}
.ain-center-btn:hover{transform:translateY(-2px)}

@media all and (max-width:1024px){
    #sub_visual.sub_visual{height:340rem;border-radius:0 0 48rem 48rem;background-position:62% center}
    #sub_visual.sub_visual:before{border-radius:0 0 48rem 48rem;background:linear-gradient(90deg,rgba(250,249,245,.96) 0%,rgba(250,249,245,.84) 52%,rgba(250,249,245,.25) 80%,rgba(250,249,245,.06) 100%)}
    #sub_visual.sub_visual .sub-visual-copy{padding:82rem 32rem 72rem}
    #sub_visual.sub_visual h2{font-size:36rem}
    #sub_visual.sub_visual .sub-visual-desc{font-size:16rem}
    .ain-center-wrap{width:min(100% - 48px,1000px)}
    .ain-sub-lead{padding:66px 0}
    .ain-sub-lead h3{font-size:38px}
    .ain-center-section{padding:78px 0}
    .ain-center-split{gap:5%;min-height:0}
    .ain-center-photo{width:50%}
    .ain-center-photo img{height:380px}
    .ain-center-copy{width:45%}
    .ain-center-copy h3,.ain-center-heading h3,.ain-center-flow__copy h3{font-size:32px}
    .ain-strength-grid{grid-template-columns:repeat(3,1fr)}
    .ain-strength-grid li{min-height:230px}
    .ain-care-process{grid-template-columns:repeat(3,1fr)}
    .ain-care-process li:nth-child(3){border-right:0}
    .ain-care-process li:nth-child(-n+3){border-bottom:1px solid #e5ebe8}
}

@media all and (max-width:767px){
    #sub_visual.sub_visual{height:300rem;margin-top:70rem;border-radius:0 0 30rem 30rem;background-position:68% center}
    #sub_visual.sub_visual:before{border-radius:0 0 30rem 30rem;background:linear-gradient(90deg,rgba(250,249,245,.97) 0%,rgba(250,249,245,.91) 62%,rgba(250,249,245,.42) 100%)}
    #sub_visual.sub_visual .sub-visual-copy{padding:62rem 20rem 68rem}
    #sub_visual.sub_visual .sub-visual-label{padding-bottom:10rem;font-size:11rem;letter-spacing:1.4px}
    #sub_visual.sub_visual h2{max-width:78%;font-size:28rem;letter-spacing:-1.2px}
    #sub_visual.sub_visual .sub-visual-desc{max-width:76%;margin-top:13rem;font-size:14rem;line-height:1.55}
    #sub_visual #snb{bottom:-27rem;width:calc(100% - 28rem)}
    #sub_visual .left_snb{min-height:54rem;padding:0 14rem;border-radius:15rem}
    #contents{padding-top:68rem}
    .ain-center-wrap{width:calc(100% - 36px)}
    .ain-sub-lead{padding:52px 0 58px}
    .ain-sub-lead h3{font-size:31px;letter-spacing:-1.4px}
    .ain-sub-lead p{margin-top:20px;font-size:16px;line-height:1.75}
    .ain-center-section{padding:58px 0}
    .ain-center-split,.ain-center-split--reverse{display:flex;flex-direction:column;gap:30px}
    .ain-center-photo,.ain-center-copy{width:100%}
    .ain-center-photo{border-radius:22px}
    .ain-center-photo img{height:auto;aspect-ratio:16/10}
    .ain-center-copy{text-align:left}
    .ain-center-copy h3,.ain-center-heading h3,.ain-center-flow__copy h3{font-size:29px;letter-spacing:-1.3px}
    .ain-center-copy p,.ain-center-flow__copy p{font-size:16px;line-height:1.75}
    .ain-strength-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
    .ain-strength-grid li{min-height:210px;padding:26px 20px;border-radius:18px}
    .ain-strength-grid li:last-child{grid-column:1/-1;min-height:auto}
    .ain-strength-grid b{margin-bottom:22px}
    .ain-strength-grid h4{font-size:18px}
    .ain-strength-grid p{font-size:14.5px}
    .ain-center-flow__grid{grid-template-columns:1fr;gap:28px}
    .ain-center-flow__photo{border-radius:22px}
    .ain-center-flow__photo img{height:auto;aspect-ratio:16/10}
    .ain-care-process{grid-column:auto;grid-template-columns:1fr 1fr;margin-top:5px;border-radius:18px}
    .ain-care-process li{border-bottom:1px solid #e5ebe8!important}
    .ain-care-process li:nth-child(2n){border-right:0}
    .ain-care-process li:nth-last-child(-n+2){border-bottom:0!important}
    .ain-care-process span{font-size:15px}
    .ain-center-cta{padding:52px 0 86px}
    .ain-center-cta__inner{display:block}
    .ain-center-cta h3{font-size:28px}
    .ain-center-cta__actions{margin-top:28px}
    .ain-center-btn{min-width:0;flex:1;height:50px;padding:0 14px;font-size:14px}
}

@media all and (max-width:420px){
    #sub_visual.sub_visual h2{max-width:86%;font-size:26rem}
    #sub_visual.sub_visual .sub-visual-desc{max-width:84%;font-size:13rem}
    .ain-strength-grid{grid-template-columns:1fr}
    .ain-strength-grid li,.ain-strength-grid li:last-child{grid-column:auto;min-height:auto}
    .ain-center-cta__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
}

/* AIN SUB VISUAL v1.0.3 - NOTICE / REVIEW EXPANSION */
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg)}
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg)}
#sub_visual.sub60:after,#sub_visual.sub70:after{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:8rem;
    z-index:2;
    content:"";
}
#sub_visual.sub60:after{background:#5f9f9b}
#sub_visual.sub70:after{background:#d28b91}
#sub_visual.sub60 .sub-visual-label{color:#397b78}
#sub_visual.sub70 .sub-visual-label{color:#ae6269}
#sub_visual.sub60:before{background:linear-gradient(90deg,rgba(242,250,249,.97) 0%,rgba(240,249,248,.89) 38%,rgba(231,246,244,.20) 70%,rgba(255,255,255,.03) 100%)}
#sub_visual.sub70:before{background:linear-gradient(90deg,rgba(255,247,247,.97) 0%,rgba(254,245,246,.88) 38%,rgba(252,235,238,.19) 70%,rgba(255,255,255,.03) 100%)}

/* =========================================================
   AIN CHILD DEVELOPMENT CENTER - SUB NAV TABS v1.0.4
   기존 DB 메뉴 호출/활성 메뉴 로직 유지, select/dropdown 제거
   ========================================================= */
.ain-snb-tabs{
    position:absolute;
    left:50%;
    bottom:0;
    width:min(1280px, calc(100% - 60px));
    margin:0!important;
    transform:translateX(-50%);
    z-index:30;
}
.ain-snb-tabs .ain-snb-scroll{
    width:100%;
    overflow:visible;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(44,70,60,.09);
    border-bottom:0;
    border-radius:18px 18px 0 0;
    box-shadow:0 -8px 30px rgba(31,53,45,.08);
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
}
.ain-snb-tabs .ain-snb-list{
    display:flex;
    align-items:stretch;
    justify-content:center;
    width:100%;
    margin:0;
    padding:0 18px;
    list-style:none;
}
.ain-snb-tabs .ain-snb-list li{
    position:relative;
    display:block;
    width:auto!important;
    margin:0!important;
    padding:0;
    font-size:0!important;
    font-weight:400!important;
    white-space:nowrap;
}
.ain-snb-tabs .ain-snb-list li + li:before{
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:16px;
    margin-top:-8px;
    background:#e7ebe8;
    content:"";
}
.ain-snb-tabs .ain-snb-list a{
    position:relative;
    display:block;
    min-width:138px;
    padding:21px 28px 20px;
    color:#5b6561;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.35;
    letter-spacing:-.03em;
    text-align:center;
    text-decoration:none;
    transition:color .2s ease, background-color .2s ease;
}
.ain-snb-tabs .ain-snb-list a:after{
    position:absolute;
    left:50%;
    bottom:0;
    width:0;
    height:3px;
    border-radius:3px 3px 0 0;
    background:#6b927f;
    content:"";
    transform:translateX(-50%);
    transition:width .2s ease;
}
.ain-snb-tabs .ain-snb-list li.on a,
.ain-snb-tabs .ain-snb-list a:hover,
.ain-snb-tabs .ain-snb-list a:focus{
    color:#263b33;
    background:rgba(247,250,248,.72);
}
.ain-snb-tabs .ain-snb-list li.on a{
    font-weight:800!important;
}
.ain-snb-tabs .ain-snb-list li.on a:after,
.ain-snb-tabs .ain-snb-list a:hover:after,
.ain-snb-tabs .ain-snb-list a:focus:after{
    width:calc(100% - 54px);
}

/* 대메뉴별 활성 컬러 */
#sub_visual.sub10 .ain-snb-list a:after{background:#6b927f}
#sub_visual.sub20 .ain-snb-list a:after{background:#d9966a}
#sub_visual.sub30 .ain-snb-list a:after{background:#64aeb5}
#sub_visual.sub40 .ain-snb-list a:after{background:#d2a83f}
#sub_visual.sub50 .ain-snb-list a:after{background:#9b83b8}
#sub_visual.sub60 .ain-snb-list a:after{background:#4f9f99}
#sub_visual.sub70 .ain-snb-list a:after{background:#c9858f}

@media all and (max-width:1024px){
    .ain-snb-tabs{
        width:calc(100% - 40px);
    }
    .ain-snb-tabs .ain-snb-list{
        justify-content:flex-start;
        padding:0 10px;
    }
    .ain-snb-tabs .ain-snb-list a{
        min-width:0;
        padding:19px 22px 18px;
        font-size:15px!important;
    }
}

@media all and (max-width:767px){
    .ain-snb-tabs{
        left:0;
        bottom:0;
        width:100%;
        transform:none;
    }
    .ain-snb-tabs .ain-snb-scroll{
        overflow-x:auto;
        overflow-y:hidden;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        border-left:0;
        border-right:0;
        border-radius:0;
        box-shadow:0 -5px 18px rgba(31,53,45,.07);
    }
    .ain-snb-tabs .ain-snb-scroll::-webkit-scrollbar{
        display:none;
    }
    .ain-snb-tabs .ain-snb-list{
        display:inline-flex;
        width:max-content;
        min-width:100%;
        padding:0 12px;
    }
    .ain-snb-tabs .ain-snb-list li{
        flex:0 0 auto;
    }
    .ain-snb-tabs .ain-snb-list li + li:before{
        display:none;
    }
    .ain-snb-tabs .ain-snb-list a{
        padding:17px 17px 16px;
        font-size:14.5px!important;
    }
    .ain-snb-tabs .ain-snb-list li.on a:after,
    .ain-snb-tabs .ain-snb-list a:hover:after,
    .ain-snb-tabs .ain-snb-list a:focus:after{
        width:calc(100% - 30px);
    }
}

@media all and (max-width:420px){
    .ain-snb-tabs .ain-snb-list a{
        padding-left:15px;
        padding-right:15px;
        font-size:14px!important;
    }
}

/* =========================================================
   AIN CHILD DEVELOPMENT CENTER - SUB COMPACT + FULL HIT AREA v1.0.8
   - Sub visual height compression
   - Visible tab cell = actual anchor hit area
   - Existing DB menu / active menu logic unchanged
   ========================================================= */
#sub_visual.sub_visual{
    height:360rem;
}
#sub_visual.sub_visual .sub-visual-copy{
    padding:78rem 40rem 68rem;
}
#sub_visual #snb.ain-snb-tabs{
    bottom:-31rem;
    width:min(92%,1200rem);
}
#sub_visual #snb.ain-snb-tabs.left_snb{
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
}
.ain-snb-tabs .ain-snb-list{
    padding:0;
}
.ain-snb-tabs .ain-snb-list li{
    display:flex;
    flex:1 1 0;
    align-items:stretch;
    min-width:0;
}
.ain-snb-tabs .ain-snb-list a{
    display:flex;
    flex:1 1 auto;
    width:100%;
    min-width:0;
    min-height:62px;
    padding:0 24px;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    touch-action:manipulation;
}
.ain-snb-tabs .ain-snb-list li + li:before,
.ain-snb-tabs .ain-snb-list a:after{
    pointer-events:none;
}

@media all and (max-width:1024px){
    #sub_visual.sub_visual{
        height:300rem;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        padding:65rem 32rem 58rem;
    }
    #sub_visual #snb.ain-snb-tabs{
        bottom:-29rem;
        width:calc(100% - 40px);
    }
    .ain-snb-tabs .ain-snb-list{
        padding:0;
    }
    .ain-snb-tabs .ain-snb-list a{
        min-height:58px;
        padding:0 18px;
    }
}

@media all and (max-width:767px){
    #sub_visual.sub_visual{
        height:260rem;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        padding:46rem 20rem 58rem;
    }
    #sub_visual #snb.ain-snb-tabs{
        left:0;
        bottom:-28rem;
        width:100%;
        transform:none;
    }
    .ain-snb-tabs .ain-snb-list{
        padding:0 8px;
    }
    .ain-snb-tabs .ain-snb-list li{
        flex:0 0 auto;
        min-width:auto;
    }
    .ain-snb-tabs .ain-snb-list a{
        width:auto;
        min-height:56px;
        padding:0 18px;
    }
    #contents{
        padding-top:64rem;
    }
}

@media all and (max-width:420px){
    #sub_visual.sub_visual .sub-visual-copy{
        padding-left:18rem;
        padding-right:18rem;
    }
    .ain-snb-tabs .ain-snb-list a{
        min-height:54px;
        padding:0 15px;
    }
}

/* =========================================================
   AIN CHILD DEVELOPMENT CENTER - MOBILE SUB BOX NAV v1.0.9
   - PC/tablet layout preserved from v1.0.8
   - Mobile visual compacted only
   - Mobile horizontal scroll replaced with stable 2-column boxes
   - Entire visible menu box is the anchor hit area
   ========================================================= */
@media all and (max-width:767px){
    #sub_visual.sub_visual{
        height:230rem;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        padding:34rem 20rem 44rem;
    }
    #sub_visual.sub_visual .sub-visual-label{
        padding-bottom:8rem;
    }
    #sub_visual.sub_visual .sub-visual-desc{
        margin-top:10rem;
    }

    #sub_visual #snb.ain-snb-tabs{
        position:absolute;
        left:12px;
        top:calc(100% - 12px);
        bottom:auto;
        width:calc(100% - 24px);
        margin:0!important;
        transform:none;
        z-index:80;
    }
    #sub_visual #snb.ain-snb-tabs.left_snb{
        padding:0;
    }
    .ain-snb-tabs .ain-snb-scroll{
        width:100%;
        overflow:visible;
        padding:8px;
        box-sizing:border-box;
        border:1px solid rgba(44,70,60,.10);
        border-radius:16px;
        background:#fff;
        box-shadow:0 8px 24px rgba(31,53,45,.10);
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
        touch-action:manipulation;
    }
    .ain-snb-tabs .ain-snb-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        width:100%;
        min-width:0;
        margin:0;
        padding:0;
    }
    .ain-snb-tabs .ain-snb-list li{
        display:block;
        width:100%!important;
        min-width:0;
        margin:0!important;
        padding:0;
        white-space:normal;
    }
    .ain-snb-tabs .ain-snb-list li + li:before{
        display:none;
    }
    .ain-snb-tabs .ain-snb-list a{
        position:relative;
        display:flex;
        width:100%;
        min-width:0;
        min-height:54px;
        height:100%;
        padding:10px 10px;
        align-items:center;
        justify-content:center;
        box-sizing:border-box;
        border:1px solid #e4e9e6;
        border-radius:11px;
        background:#fbfcfb;
        color:#4f5d57;
        font-size:14.5px!important;
        font-weight:700!important;
        line-height:1.35;
        text-align:center;
        word-break:keep-all;
        text-decoration:none;
        -webkit-tap-highlight-color:rgba(68,105,88,.12);
        touch-action:manipulation;
    }
    .ain-snb-tabs .ain-snb-list a:before{
        position:absolute;
        top:-4px;
        right:-4px;
        bottom:-4px;
        left:-4px;
        content:"";
    }
    .ain-snb-tabs .ain-snb-list a:after{
        display:none!important;
    }
    .ain-snb-tabs .ain-snb-list li.on a,
    .ain-snb-tabs .ain-snb-list a:hover,
    .ain-snb-tabs .ain-snb-list a:focus{
        background:#f3f8f5;
        border-color:#adc3b8;
        color:#263b33;
        outline:none;
    }
    #sub_visual.sub10 .ain-snb-list li.on a{background:#f1f7f3;border-color:#a9c3b4;color:#315b47}
    #sub_visual.sub20 .ain-snb-list li.on a{background:#fff5ef;border-color:#e7b89b;color:#9a583a}
    #sub_visual.sub30 .ain-snb-list li.on a{background:#f0f8fa;border-color:#9bc8cf;color:#3e7481}
    #sub_visual.sub40 .ain-snb-list li.on a{background:#fff9e8;border-color:#e2ca83;color:#826718}
    #sub_visual.sub50 .ain-snb-list li.on a{background:#f7f3fb;border-color:#c4b4d7;color:#685487}
    #sub_visual.sub60 .ain-snb-list li.on a{background:#eef8f7;border-color:#9ac8c4;color:#347671}
    #sub_visual.sub70 .ain-snb-list li.on a{background:#fff2f3;border-color:#deb0b6;color:#9d5962}

    #contents{
        padding-top:138rem;
    }
}

@media all and (max-width:420px){
    #sub_visual.sub_visual{
        height:218rem;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        padding:28rem 18rem 40rem;
    }
    #sub_visual #snb.ain-snb-tabs{
        left:10px;
        width:calc(100% - 20px);
    }
    .ain-snb-tabs .ain-snb-scroll{
        padding:7px;
        border-radius:14px;
    }
    .ain-snb-tabs .ain-snb-list{
        gap:7px;
    }
    .ain-snb-tabs .ain-snb-list a{
        min-height:52px;
        padding:9px 7px;
        border-radius:10px;
        font-size:14px!important;
    }
    #contents{
        padding-top:132rem;
    }
}

/* =========================================================
   AIN CHILD DEVELOPMENT CENTER - MOBILE SUB NAV TOUCH LAYER FIX v1.0.11
   - Resolve mobile overlap/touch interception between sub visual nav and contents
   - Real anchor box only: no pseudo expanded hit layer
   - PC/tablet layout preserved
   ========================================================= */
@media all and (max-width:767px){
    #sub_visual.sub_visual{
        position:relative;
        z-index:30;
        height:220rem;
        overflow:visible;
    }
    #sub_visual.sub_visual:before,
    #sub_visual.sub_visual:after{
        pointer-events:none;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        position:relative;
        z-index:2;
        padding:30rem 20rem 38rem;
        pointer-events:none;
    }
    #sub_visual #snb.ain-snb-tabs{
        position:absolute;
        left:12px;
        top:calc(100% - 10px);
        bottom:auto;
        z-index:100;
        width:calc(100% - 24px);
        margin:0!important;
        transform:none;
        pointer-events:auto;
    }
    #sub_visual #snb.ain-snb-tabs,
    #sub_visual #snb.ain-snb-tabs .ain-snb-scroll,
    #sub_visual #snb.ain-snb-tabs .ain-snb-list,
    #sub_visual #snb.ain-snb-tabs .ain-snb-list li,
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a{
        pointer-events:auto;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a{
        position:relative;
        z-index:2;
        cursor:pointer;
        -webkit-user-select:none;
        user-select:none;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a:before{
        display:none!important;
        content:none!important;
        pointer-events:none!important;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a:after,
    #sub_visual #snb.ain-snb-tabs .ain-snb-list li:before{
        pointer-events:none!important;
    }
    #contents{
        position:relative;
        z-index:1;
        padding-top:136rem;
    }
}

@media all and (max-width:420px){
    #sub_visual.sub_visual{
        height:208rem;
    }
    #sub_visual.sub_visual .sub-visual-copy{
        padding:25rem 18rem 34rem;
    }
    #sub_visual #snb.ain-snb-tabs{
        left:10px;
        top:calc(100% - 8px);
        width:calc(100% - 20px);
    }
    #contents{
        padding-top:130rem;
    }
}

/* =========================================================
   v1.0.17 FACILITY TOUR SOURCE PHOTO FINAL
   sub01/sub02.php - source-owned facility/program images
   ========================================================= */
.tour_con01 .tour_intro{
	margin:0 0 30rem;
	text-align:center;
}
.tour_con01 .tour_intro > span{
	display:block;
	margin-bottom:10rem;
	color:#2f675d;
	font-size:14rem;
	font-weight:700;
	letter-spacing:.16em;
}
.tour_con01 .tour_intro h3{
	margin:0;
	color:#202f2b;
	font-size:30rem;
	font-weight:700;
	line-height:1.35;
}
.tour_con01 .tour_intro p{
	margin:10rem 0 0;
	color:#68746f;
	font-size:17rem;
	line-height:1.65;
}
.tour_con01 .img_box{
	border-radius:24rem;
	background:#f5f5f2;
}
.tour_con01 .img_box .swiper-slide{
	position:relative;
	background:#f5f5f2;
}
.tour_con01 .img_box .swiper-slide > img{
	display:block;
	width:100%;
	aspect-ratio:1400 / 933;
	object-fit:cover;
}
.tour_con01 .tour_caption{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	padding:44rem 38rem 28rem;
	background:linear-gradient(to top,rgba(18,30,27,.78) 0%,rgba(18,30,27,.40) 55%,rgba(18,30,27,0) 100%);
	color:#fff;
}
.tour_con01 .tour_caption strong{
	display:block;
	font-size:23rem;
	font-weight:700;
	line-height:1.35;
}
.tour_con01 .tour_caption span{
	display:block;
	margin-top:6rem;
	font-size:15rem;
	font-weight:400;
	line-height:1.55;
	opacity:.94;
}
.tour_con01 .thumb_box{
	margin-top:14rem;
}
.tour_con01 .thumb_box .swiper-slide{
	overflow:hidden;
	margin-right:0;
	border:2rem solid transparent;
	border-radius:12rem;
	background:#eef1ef;
	box-sizing:border-box;
	cursor:pointer;
}
.tour_con01 .thumb_box .swiper-slide > img{
	display:block;
	width:100%;
	aspect-ratio:1400 / 933;
	object-fit:cover;
	opacity:.52;
	transition:opacity .2s ease;
}
.tour_con01 .thumb_box .tour_caption{
	display:none;
}
.tour_con01 .thumb_box li.swiper-slide-thumb-active{
	border-color:#2f675d;
}
.tour_con01 .thumb_box li.swiper-slide-thumb-active img{
	opacity:1;
}
.tour_con01 .img_box span.arrow{
	width:48rem;
	height:48rem;
	margin-top:-24rem;
	border-radius:50%;
	background:rgba(255,255,255,.9);
	box-shadow:0 4rem 16rem rgba(0,0,0,.12);
	display:flex;
	align-items:center;
	justify-content:center;
}
.tour_con01 .img_box span.arrow.prev,
.tour_con01 .img_box span.arrow.next{
	top:50%;
}
.tour_con01 .img_box span.arrow img{
	max-width:11rem;
	max-height:20rem;
}
@media all and (max-width:1024px){
	.tour_con01 .tour_intro{margin-bottom:24rem;}
	.tour_con01 .tour_intro h3{font-size:27rem;}
	.tour_con01 .tour_intro p{font-size:16rem;}
	.tour_con01 .img_box{border-radius:18rem;}
	.tour_con01 .tour_caption{padding:38rem 28rem 22rem;}
	.tour_con01 .tour_caption strong{font-size:21rem;}
}
@media all and (max-width:767px){
	.tour_con01{padding-bottom:36rem;}
	.tour_con01 .tour_intro{margin-bottom:18rem;text-align:left;}
	.tour_con01 .tour_intro > span{margin-bottom:7rem;font-size:12rem;}
	.tour_con01 .tour_intro h3{font-size:23rem;line-height:1.4;}
	.tour_con01 .tour_intro p{margin-top:8rem;font-size:15rem;line-height:1.6;}
	.tour_con01 .img_box{border-radius:14rem;}
	.tour_con01 .tour_caption{padding:34rem 18rem 16rem;}
	.tour_con01 .tour_caption strong{font-size:18rem;}
	.tour_con01 .tour_caption span{margin-top:4rem;font-size:13rem;}
	.tour_con01 .img_box span.arrow{
		width:38rem;
		height:38rem;
		margin-top:-19rem;
	}
	.tour_con01 .img_box span.arrow.prev{left:8rem;}
	.tour_con01 .img_box span.arrow.next{right:8rem;}
	.tour_con01 .thumb_box{margin-top:10rem;}
	.tour_con01 .thumb_box .swiper-slide{border-radius:8rem;}
}
@media all and (max-width:420px){
	.tour_con01 .tour_intro h3{font-size:21rem;}
	.tour_con01 .tour_caption span{display:none;}
	.tour_con01 .tour_caption{padding:30rem 15rem 13rem;}
	.tour_con01 .tour_caption strong{font-size:17rem;}
}

/* ========================================================================== */
/* K-REA SUB COMMON / CHAIRMAN v1.0.0                                        */
/* ========================================================================== */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg)}
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg)}
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg)}
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg)}
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg)}
#sub_visual.sub60{background-image:url(../img/sub/sub06_top.jpg)}
#sub_visual.sub70{background-image:url(../img/sub/sub07_top.jpg)}
#sub_visual.sub_visual:before{background:linear-gradient(90deg,rgba(8,38,29,.90) 0%,rgba(8,38,29,.66) 38%,rgba(8,38,29,.22) 72%,rgba(8,38,29,.08) 100%)}
#sub_visual.sub_visual:after{background:#2f8b62}
#sub_visual.sub_visual .sub-visual-label{color:#b9e2c9}
#sub_visual.sub_visual h2{color:#fff;text-shadow:0 2rem 8rem rgba(0,0,0,.12)}
#sub_visual.sub_visual .sub-visual-desc{color:rgba(255,255,255,.88)}

.krea-greeting{max-width:1240rem;margin:0 auto;padding:35rem 0 100rem;font-family:'Pretendard',sans-serif}
.krea-greeting-lead{text-align:center;margin-bottom:60rem}
.krea-greeting-lead>span{display:block;margin-bottom:15rem;color:#247b59;font-size:13rem;font-weight:700;letter-spacing:2.2rem}
.krea-greeting-lead h3{font-size:38rem;line-height:1.38;font-weight:500;letter-spacing:-1.7rem;color:#26362f}
.krea-greeting-lead h3 strong{font-weight:750;color:#176c4d}
.krea-greeting-grid{display:grid;grid-template-columns:38% 62%;align-items:start;background:#fff}
.krea-chairman-photo{position:relative;overflow:hidden;min-height:620rem;background:#f3f6f4;border-radius:4rem 46rem 4rem 4rem}
.krea-chairman-photo:after{content:'';position:absolute;left:0;right:0;bottom:0;height:4rem;background:linear-gradient(90deg,#17694b,#4aa678)}
.krea-chairman-photo img{display:block;width:100%;height:100%;min-height:620rem;object-fit:cover;object-position:center top}
.krea-greeting-copy{padding:10rem 0 0 75rem}
.krea-greeting-copy p{margin-bottom:22rem;font-size:18rem;line-height:1.88;letter-spacing:-.4rem;color:#4a5751;word-break:keep-all}
.krea-greeting-copy p strong{font-weight:700;color:#1f6b4e}
.krea-greeting-copy .krea-greeting-hello{margin-bottom:26rem;font-size:23rem;font-weight:700;color:#203b2f}
.krea-greeting-copy .krea-greeting-emphasis{margin-top:34rem;padding:22rem 25rem;border-left:3px solid #27835e;background:#f3f8f5;font-size:20rem;font-weight:700;line-height:1.55;color:#1c5c43}
.krea-chairman-sign{margin-top:42rem;text-align:right;color:#37453e}
.krea-chairman-sign span{display:block;margin-bottom:9rem;font-size:16rem}
.krea-chairman-sign strong{font-size:23rem;font-weight:750;letter-spacing:.5rem;color:#1f3028}

.krea-sub-bottom{width:100%;margin:0;padding:52rem 0;background:linear-gradient(110deg,#123c2e 0%,#1b5f45 100%);color:#fff}
.krea-sub-bottom>.wrap{width:1400rem;max-width:calc(100% - 80rem);margin:0 auto}
.krea-sub-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:50rem}
.krea-sub-bottom-copy span{display:block;margin-bottom:9rem;font-size:12rem;font-weight:700;letter-spacing:1.8rem;color:#b9dfc9}
.krea-sub-bottom-copy strong{font-size:22rem;line-height:1.45;font-weight:650;letter-spacing:-.5rem}
.krea-sub-bottom-links{display:flex;gap:9rem;flex-wrap:wrap;justify-content:flex-end}
.krea-sub-bottom-links a{display:block;min-width:128rem;padding:13rem 18rem;border:1px solid rgba(255,255,255,.38);font-size:14rem;font-weight:650;text-align:center;color:#fff;transition:.25s}
.krea-sub-bottom-links a:hover,.krea-sub-bottom-links a:focus{background:#fff;border-color:#fff;color:#174634}

@media(max-width:1024px){
    .krea-greeting{padding:25rem 0 85rem}
    .krea-greeting-grid{grid-template-columns:40% 60%}
    .krea-chairman-photo,.krea-chairman-photo img{min-height:540rem}
    .krea-greeting-copy{padding-left:45rem}
    .krea-greeting-copy p{font-size:17rem}
}
@media(max-width:768px){
    #sub_visual.sub_visual:before{background:linear-gradient(90deg,rgba(7,37,28,.86) 0%,rgba(7,37,28,.68) 66%,rgba(7,37,28,.46) 100%)}
    #sub_visual.sub_visual h2{max-width:90%;color:#fff}
    #sub_visual.sub_visual .sub-visual-desc{max-width:86%;color:rgba(255,255,255,.88)}
    .krea-greeting{padding:15rem 0 65rem}
    .krea-greeting-lead{margin-bottom:38rem}
    .krea-greeting-lead h3{font-size:30rem}
    .krea-greeting-grid{display:block}
    .krea-chairman-photo{width:88%;max-width:420rem;min-height:0;margin:0 auto 38rem;border-radius:3rem 35rem 3rem 3rem}
    .krea-chairman-photo img{min-height:0;height:auto;aspect-ratio:4/5;object-fit:cover}
    .krea-greeting-copy{padding:0}
    .krea-greeting-copy p{font-size:16rem;line-height:1.82}
    .krea-greeting-copy .krea-greeting-hello{font-size:21rem}
    .krea-greeting-copy .krea-greeting-emphasis{font-size:18rem;padding:18rem 20rem}
    .krea-chairman-sign span{font-size:15rem}.krea-chairman-sign strong{font-size:21rem}
    .krea-sub-bottom{padding:38rem 0}
    .krea-sub-bottom>.wrap{max-width:calc(100% - 44rem)}
    .krea-sub-bottom-inner{display:block}
    .krea-sub-bottom-copy strong{font-size:20rem}
    .krea-sub-bottom-links{display:grid;grid-template-columns:1fr;margin-top:24rem}
    .krea-sub-bottom-links a{width:100%;padding:13rem 16rem}
}
@media(max-width:480px){
    .krea-greeting-lead h3{font-size:27rem;letter-spacing:-1.2rem}
    .krea-chairman-photo{width:92%}
    .krea-sub-bottom>.wrap{max-width:calc(100% - 36rem)}
    .krea-sub-bottom-copy strong{font-size:19rem}
}

/* K-REA SIMPLE LINKED SUB PAGES */
.krea-simple-page{max-width:1040rem;margin:0 auto;padding:35rem 20rem 90rem;text-align:center;font-family:'Pretendard',sans-serif}
.krea-simple-kicker{display:block;margin-bottom:16rem;color:#267b5a;font-size:13rem;font-weight:700;letter-spacing:2rem}
.krea-simple-page h3{font-size:36rem;line-height:1.4;font-weight:500;letter-spacing:-1.6rem;color:#25362e}
.krea-simple-page h3 strong{font-weight:750;color:#176a4c}
.krea-simple-page p{max-width:850rem;margin:24rem auto 0;font-size:17rem;line-height:1.85;color:#5a665f;word-break:keep-all}
@media(max-width:768px){.krea-simple-page{padding:15rem 0 65rem}.krea-simple-page h3{font-size:28rem}.krea-simple-page p{font-size:16rem}}


/* ========================================================================== */
/* K-REA v1.0.1 SUB CONTENT SYSTEM / FULL SITEMAP QA                         */
/* ========================================================================== */
.krea-content-page{max-width:1160rem;margin:0 auto;padding:35rem 20rem 90rem;font-family:'Pretendard',sans-serif}
.krea-content-page>h3{margin:0 0 42rem;text-align:center;color:#25362e;font-size:36rem;font-weight:500;line-height:1.42;letter-spacing:-1.6rem;word-break:keep-all}
.krea-content-page>h3 strong{color:#176a4c;font-weight:750}
.krea-content-page>.krea-simple-kicker{text-align:center}
.krea-content-body{color:#536058;font-size:17rem;line-height:1.82;word-break:keep-all}
.krea-content-body>p{max-width:940rem;margin:0 auto 22rem}
.krea-info-grid,.krea-category-grid,.krea-benefit-grid{display:grid;gap:16rem;margin-top:42rem}
.krea-info-grid{grid-template-columns:repeat(3,1fr)}
.krea-info-grid>div{padding:30rem;border:1rem solid #dfe8e3;background:#f7faf8;text-align:center}
.krea-info-grid strong{display:block;margin-bottom:8rem;color:#176a4c;font-size:23rem}.krea-info-grid span{font-size:15rem}
.krea-purpose-quote{max-width:930rem;margin:15rem auto 0;padding:42rem 48rem;border-left:4rem solid #247b59;background:#f4f8f5;color:#34453c;font-size:21rem;font-weight:600;line-height:1.8}
.krea-source-note{text-align:right;color:#78837d;font-size:14rem}
.krea-history{max-width:900rem;margin:0 auto}.krea-history section{display:grid;grid-template-columns:150rem 1fr;padding:30rem 0;border-top:1rem solid #e0e6e2}.krea-history h4{color:#176a4c;font-size:28rem}.krea-history ul{margin:0}.krea-history li{margin:0 0 8rem}.krea-history b{display:inline-block;min-width:70rem;color:#293b32}
.krea-orgchart{max-width:850rem;margin:0 auto;text-align:center}.krea-orgchart .top,.krea-orgchart .primary,.krea-orgchart .org-row>div{padding:18rem;border:1rem solid #cfdcd5;background:#fff;color:#294439;font-weight:700}.krea-orgchart .top{max-width:320rem;margin:auto;background:#163f31;color:#fff}.krea-orgchart .primary{max-width:320rem;margin:auto;background:#edf5f0;color:#176a4c}.krea-orgchart i{display:block;width:1rem;height:30rem;margin:auto;background:#a8beb2}.krea-orgchart small{display:block;margin-top:4rem;font-size:13rem;font-weight:500}.krea-orgchart .org-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14rem;margin-top:22rem}.krea-orgchart .org-row.two{grid-template-columns:repeat(2,1fr);max-width:580rem;margin:22rem auto 0}
.krea-table-wrap{overflow-x:auto;margin-top:34rem;border-top:2rem solid #176a4c}.krea-table{width:100%;min-width:720rem;border-collapse:collapse;background:#fff}.krea-table th,.krea-table td{padding:15rem 13rem;border-bottom:1rem solid #dde5e0;text-align:center;font-size:15rem}.krea-table th{background:#f2f7f4;color:#27493a;font-weight:700}.krea-table td:last-child{text-align:left}.krea-table tr:hover td{background:#fbfdfc}
.krea-category-grid{grid-template-columns:repeat(3,1fr)}.krea-category-grid>div{display:flex;align-items:center;gap:14rem;padding:22rem;border:1rem solid #e0e7e3}.krea-category-grid b{display:flex;width:38rem;height:38rem;align-items:center;justify-content:center;border-radius:50%;background:#edf6f1;color:#176a4c}.krea-category-grid strong{font-size:16rem;color:#35483e}
.krea-empty-info{max-width:880rem;margin:0 auto;padding:42rem;border:1rem solid #dbe5df;background:#f7faf8;text-align:center}.krea-empty-info strong{display:block;margin-bottom:12rem;color:#176a4c;font-size:22rem}.krea-empty-info p{margin:0;font-size:16rem}
.krea-process{display:flex;align-items:stretch;justify-content:center;gap:9rem;margin:0 auto 34rem}.krea-process span{display:flex;min-height:70rem;padding:14rem 15rem;align-items:center;justify-content:center;border:1rem solid #d6e3dc;background:#f7faf8;color:#294c3c;font-size:14rem;font-weight:700;text-align:center}.krea-process i{display:flex;align-items:center;color:#579578;font-style:normal}
.krea-chip-list{display:flex;flex-wrap:wrap;gap:9rem;justify-content:center;margin:28rem 0}.krea-chip-list span{padding:9rem 14rem;border-radius:999rem;background:#eef5f1;color:#246c50;font-size:14rem;font-weight:650}.krea-chip-list.large span{padding:12rem 18rem;font-size:15rem}
.krea-fee-card{max-width:820rem;margin:40rem auto 0;padding:34rem 40rem;border-top:3rem solid #176a4c;background:#f7faf8}.krea-fee-card h4{margin:0 0 22rem;color:#234437;font-size:23rem}.krea-fee-card dl{display:grid;grid-template-columns:130rem 1fr;margin:0}.krea-fee-card dt,.krea-fee-card dd{margin:0;padding:11rem 0;border-bottom:1rem solid #dfe7e2}.krea-fee-card dt{font-weight:700;color:#365346}
.krea-benefit-grid{grid-template-columns:repeat(2,1fr)}.krea-benefit-grid>div{position:relative;padding:28rem 30rem;border:1rem solid #dfe7e2;background:#fff}.krea-benefit-grid b{display:block;margin-bottom:12rem;color:#2f8b62;font-size:13rem}.krea-benefit-grid strong{display:block;color:#273c33;font-size:19rem}.krea-benefit-grid p{margin:10rem 0 0;font-size:15rem;line-height:1.65}
.krea-inline-btn{display:inline-block;margin-top:8rem;padding:13rem 20rem;background:#176a4c;color:#fff!important;font-size:15rem;font-weight:700}
@media(max-width:1024px){.krea-content-page{padding-bottom:80rem}.krea-content-page>h3{font-size:32rem}.krea-category-grid{grid-template-columns:repeat(2,1fr)}.krea-process{flex-wrap:wrap}.krea-process i{display:none}}
@media(max-width:768px){.krea-content-page{padding:15rem 0 60rem}.krea-content-page>h3{margin-bottom:30rem;font-size:28rem;letter-spacing:-1.1rem}.krea-content-body{font-size:16rem}.krea-info-grid,.krea-benefit-grid{grid-template-columns:1fr}.krea-purpose-quote{padding:28rem 24rem;font-size:18rem}.krea-history section{grid-template-columns:1fr;padding:23rem 0}.krea-history h4{margin-bottom:13rem;font-size:24rem}.krea-orgchart .org-row{grid-template-columns:1fr}.krea-category-grid{grid-template-columns:1fr}.krea-fee-card{padding:27rem 22rem}.krea-fee-card dl{grid-template-columns:95rem 1fr}.krea-table th,.krea-table td{font-size:14rem;padding:12rem 10rem}}

/* =========================================================
   K-REA v1.0.4 - SUB VISUAL / S.N.B BRAND UNIFICATION FINAL
   - remove legacy left color bars
   - unify visual label / overlay / active color
   - remove nested left square artifact
   ========================================================= */
#sub_visual.sub10:after,
#sub_visual.sub20:after,
#sub_visual.sub30:after,
#sub_visual.sub40:after,
#sub_visual.sub50:after,
#sub_visual.sub60:after,
#sub_visual.sub70:after{
    display:none!important;
    content:none!important;
}
#sub_visual.sub10:before,
#sub_visual.sub20:before,
#sub_visual.sub30:before,
#sub_visual.sub40:before,
#sub_visual.sub50:before,
#sub_visual.sub60:before,
#sub_visual.sub70:before{
    background:linear-gradient(90deg,rgba(247,252,249,.97) 0%,rgba(244,250,247,.88) 38%,rgba(233,246,239,.20) 70%,rgba(255,255,255,.03) 100%)!important;
}
#sub_visual.sub10 .sub-visual-label,
#sub_visual.sub20 .sub-visual-label,
#sub_visual.sub30 .sub-visual-label,
#sub_visual.sub40 .sub-visual-label,
#sub_visual.sub50 .sub-visual-label,
#sub_visual.sub60 .sub-visual-label,
#sub_visual.sub70 .sub-visual-label{
    color:#176b4c!important;
}
#sub_visual #snb.ain-snb-tabs,
#sub_visual #snb.ain-snb-tabs.left_snb{
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
}
#sub_visual #snb.ain-snb-tabs .ain-snb-scroll{
    overflow:hidden;
    border:1px solid rgba(35,78,60,.10);
    border-radius:18px!important;
    background:rgba(255,255,255,.97);
    box-shadow:0 12px 30px rgba(31,70,53,.11);
}
#sub_visual .ain-snb-tabs .ain-snb-list a:after,
#sub_visual.sub10 .ain-snb-list a:after,
#sub_visual.sub20 .ain-snb-list a:after,
#sub_visual.sub30 .ain-snb-list a:after,
#sub_visual.sub40 .ain-snb-list a:after,
#sub_visual.sub50 .ain-snb-list a:after,
#sub_visual.sub60 .ain-snb-list a:after,
#sub_visual.sub70 .ain-snb-list a:after{
    background:#168258!important;
}
#sub_visual .ain-snb-tabs .ain-snb-list li.on a,
#sub_visual .ain-snb-tabs .ain-snb-list a:hover,
#sub_visual .ain-snb-tabs .ain-snb-list a:focus{
    color:#176b4c!important;
    background:#f3f8f5!important;
}
@media all and (max-width:767px){
    #sub_visual #snb.ain-snb-tabs .ain-snb-scroll{
        overflow:visible;
        border-radius:16px!important;
    }
    #sub_visual.sub10 .ain-snb-list li.on a,
    #sub_visual.sub20 .ain-snb-list li.on a,
    #sub_visual.sub30 .ain-snb-list li.on a,
    #sub_visual.sub40 .ain-snb-list li.on a,
    #sub_visual.sub50 .ain-snb-list li.on a,
    #sub_visual.sub60 .ain-snb-list li.on a,
    #sub_visual.sub70 .ain-snb-list li.on a{
        background:#eef7f2!important;
        border-color:#9dbdaf!important;
        color:#176b4c!important;
    }
}

/* =========================================================
   K-REA v1.0.5 - SUB VISUAL IMAGE CLARITY / TEXT CONTRAST FINAL
   - keep original sub images bright and clear
   - darken only left text area with a soft brand gradient
   - preserve right-side image detail
   ========================================================= */
#sub_visual.sub10:before,
#sub_visual.sub20:before,
#sub_visual.sub30:before,
#sub_visual.sub40:before,
#sub_visual.sub50:before,
#sub_visual.sub60:before,
#sub_visual.sub70:before{
    background:linear-gradient(
        90deg,
        rgba(7,38,28,.72) 0%,
        rgba(7,38,28,.50) 30%,
        rgba(7,38,28,.18) 55%,
        rgba(7,38,28,.03) 78%,
        rgba(7,38,28,0) 100%
    )!important;
}
#sub_visual.sub10 .sub-visual-label,
#sub_visual.sub20 .sub-visual-label,
#sub_visual.sub30 .sub-visual-label,
#sub_visual.sub40 .sub-visual-label,
#sub_visual.sub50 .sub-visual-label,
#sub_visual.sub60 .sub-visual-label,
#sub_visual.sub70 .sub-visual-label{
    color:#b9e2c9!important;
    text-shadow:0 1px 5px rgba(0,0,0,.16);
}
#sub_visual.sub_visual .sub-visual-copy h2,
#sub_visual.sub_visual .sub-visual-copy .tit,
#sub_visual.sub_visual .sub-visual-copy strong{
    color:#fff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.18);
}
#sub_visual.sub_visual .sub-visual-desc{
    color:rgba(255,255,255,.90)!important;
    text-shadow:0 1px 6px rgba(0,0,0,.16);
}
@media all and (max-width:1024px){
    #sub_visual.sub10:before,
    #sub_visual.sub20:before,
    #sub_visual.sub30:before,
    #sub_visual.sub40:before,
    #sub_visual.sub50:before,
    #sub_visual.sub60:before,
    #sub_visual.sub70:before{
        background:linear-gradient(
            90deg,
            rgba(7,37,28,.78) 0%,
            rgba(7,37,28,.58) 44%,
            rgba(7,37,28,.24) 72%,
            rgba(7,37,28,.04) 100%
        )!important;
    }
}
@media all and (max-width:767px){
    #sub_visual.sub10:before,
    #sub_visual.sub20:before,
    #sub_visual.sub30:before,
    #sub_visual.sub40:before,
    #sub_visual.sub50:before,
    #sub_visual.sub60:before,
    #sub_visual.sub70:before{
        background:linear-gradient(
            90deg,
            rgba(7,37,28,.82) 0%,
            rgba(7,37,28,.68) 58%,
            rgba(7,37,28,.43) 100%
        )!important;
    }
    #sub_visual.sub_visual .sub-visual-copy h2,
    #sub_visual.sub_visual .sub-visual-copy .tit,
    #sub_visual.sub_visual .sub-visual-copy strong{
        text-shadow:0 2px 7px rgba(0,0,0,.20);
    }
}

/* =========================================================
   K-REA v1.0.6 - SUB VISUAL BRIGHT / MINIMUM LOCAL MASK FINAL
   - keep existing sub images bright and vivid
   - use only a narrow, light brand mask behind left-side copy
   ========================================================= */
#sub_visual.sub10:before,
#sub_visual.sub20:before,
#sub_visual.sub30:before,
#sub_visual.sub40:before,
#sub_visual.sub50:before,
#sub_visual.sub60:before,
#sub_visual.sub70:before{
    background:linear-gradient(
        90deg,
        rgba(6,34,25,.46) 0%,
        rgba(6,34,25,.28) 26%,
        rgba(6,34,25,.10) 43%,
        rgba(6,34,25,.02) 58%,
        rgba(6,34,25,0) 70%
    )!important;
}
#sub_visual.sub_visual .sub-visual-label{
    color:#e0f4e8!important;
    text-shadow:0 2rem 9rem rgba(0,0,0,.24);
}
#sub_visual.sub_visual .sub-visual-copy h2,
#sub_visual.sub_visual .sub-visual-copy .tit,
#sub_visual.sub_visual .sub-visual-copy strong{
    color:#fff!important;
    text-shadow:0 3rem 14rem rgba(0,0,0,.30);
}
#sub_visual.sub_visual .sub-visual-desc{
    color:rgba(255,255,255,.96)!important;
    text-shadow:0 2rem 9rem rgba(0,0,0,.26);
}
@media all and (max-width:1024px){
    #sub_visual.sub10:before,
    #sub_visual.sub20:before,
    #sub_visual.sub30:before,
    #sub_visual.sub40:before,
    #sub_visual.sub50:before,
    #sub_visual.sub60:before,
    #sub_visual.sub70:before{
        background:linear-gradient(
            90deg,
            rgba(6,34,25,.50) 0%,
            rgba(6,34,25,.32) 36%,
            rgba(6,34,25,.12) 60%,
            rgba(6,34,25,.02) 78%,
            rgba(6,34,25,0) 100%
        )!important;
    }
}
@media all and (max-width:767px){
    #sub_visual.sub10:before,
    #sub_visual.sub20:before,
    #sub_visual.sub30:before,
    #sub_visual.sub40:before,
    #sub_visual.sub50:before,
    #sub_visual.sub60:before,
    #sub_visual.sub70:before{
        background:linear-gradient(
            90deg,
            rgba(6,34,25,.56) 0%,
            rgba(6,34,25,.42) 54%,
            rgba(6,34,25,.24) 82%,
            rgba(6,34,25,.12) 100%
        )!important;
    }
}

/* ========================================================================== */
/* K-REA v1.0.8 ABOUT K-REA CONTENT EXPANSION / RESPONSIVE QA                */
/* - based strictly on planning document 1-2. 한재연 소개                    */
/* ========================================================================== */
.krea-about-page .krea-content-body{
    max-width:1040rem;
    margin:0 auto;
}
.krea-about-page .krea-about-intro,
.krea-about-page .krea-about-section{
    position:relative;
    padding:48rem 0 0;
}
.krea-about-page .krea-about-section{
    margin-top:72rem;
    padding-top:64rem;
    border-top:1rem solid #e1e9e4;
}
.krea-about-page .krea-about-section-no{
    display:block;
    margin-bottom:12rem;
    color:#7aa18f;
    font-size:13rem;
    font-weight:750;
    letter-spacing:1.5rem;
}
.krea-about-page .krea-about-section-head{
    max-width:920rem;
}
.krea-about-page .krea-about-eyebrow{
    margin:0 0 10rem;
    color:#168258;
    font-size:13rem;
    font-weight:750;
    line-height:1.4;
    letter-spacing:1.4rem;
}
.krea-about-page .krea-about-section-head h4,
.krea-about-page .krea-about-partnership h4{
    margin:0;
    color:#263b33;
    font-size:31rem;
    font-weight:600;
    line-height:1.45;
    letter-spacing:-1.1rem;
    word-break:keep-all;
}
.krea-about-page .krea-about-section-head h4 strong,
.krea-about-page .krea-about-partnership h4 strong{
    color:#176a4c;
    font-weight:800;
}
.krea-about-page .krea-about-section-head>p:last-child{
    max-width:900rem;
    margin:18rem 0 0;
    color:#59665f;
    font-size:16rem;
    line-height:1.8;
}
.krea-about-page .krea-about-copy{
    margin-top:28rem;
    padding:34rem 38rem;
    border-left:4rem solid #168258;
    background:#f7faf8;
}
.krea-about-page .krea-about-copy p{
    margin:0;
    color:#46564e;
    font-size:17rem;
    line-height:1.9;
    word-break:keep-all;
}
.krea-about-page .krea-about-copy p+p{
    margin-top:18rem;
}
.krea-about-page .krea-about-copy strong{
    color:#176a4c;
    font-weight:750;
}
.krea-about-page .krea-about-stats{
    margin-top:28rem;
}
.krea-about-page .krea-about-stats>div{
    min-height:142rem;
    padding:28rem 22rem;
    border:1rem solid #dce8e1;
    border-radius:12rem;
    background:#fff;
    box-shadow:0 10rem 28rem rgba(27,72,52,.06);
}
.krea-about-page .krea-about-stats strong{
    margin-bottom:10rem;
    color:#176a4c;
    font-size:29rem;
    font-weight:800;
}
.krea-about-page .krea-about-stats span{
    color:#5a675f;
    font-size:15rem;
    line-height:1.55;
}
.krea-about-page .krea-about-member-list{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:32rem 0 0;
    padding:0;
    border-top:2rem solid #176a4c;
    border-left:1rem solid #e0e8e3;
    list-style:none;
    counter-reset:krea-member;
}
.krea-about-page .krea-about-member-list li{
    position:relative;
    min-height:58rem;
    padding:17rem 18rem 17rem 53rem;
    border-right:1rem solid #e0e8e3;
    border-bottom:1rem solid #e0e8e3;
    background:#fff;
    color:#394a41;
    font-size:14rem;
    line-height:1.55;
    word-break:keep-all;
    counter-increment:krea-member;
}
.krea-about-page .krea-about-member-list li:before{
    position:absolute;
    left:17rem;
    top:17rem;
    content:counter(krea-member, decimal-leading-zero);
    color:#68a188;
    font-size:12rem;
    font-weight:750;
    letter-spacing:.4rem;
}
.krea-about-page .krea-about-link-row{
    margin-top:24rem;
    text-align:right;
}
.krea-about-page .krea-about-link-row .krea-inline-btn{
    margin-top:0;
    border-radius:4rem;
}
.krea-about-page .krea-about-role-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14rem;
    margin-top:30rem;
}
.krea-about-page .krea-about-role-grid>div{
    min-height:190rem;
    padding:27rem 24rem;
    border:1rem solid #dce7e1;
    border-radius:12rem;
    background:#fff;
}
.krea-about-page .krea-about-role-grid b{
    display:block;
    margin-bottom:27rem;
    color:#70a48d;
    font-size:12rem;
    font-weight:750;
}
.krea-about-page .krea-about-role-grid strong{
    display:block;
    color:#263c32;
    font-size:19rem;
    font-weight:750;
}
.krea-about-page .krea-about-role-grid span{
    display:block;
    margin-top:11rem;
    color:#66736c;
    font-size:14rem;
    line-height:1.65;
    word-break:keep-all;
}
.krea-about-page .krea-about-partnership{
    position:relative;
    margin-top:72rem;
    padding:42rem 46rem;
    overflow:hidden;
    border-radius:14rem;
    background:#174a38;
}
.krea-about-page .krea-about-partnership:after{
    position:absolute;
    right:-70rem;
    top:-95rem;
    width:300rem;
    height:300rem;
    border:1rem solid rgba(255,255,255,.09);
    border-radius:50%;
    content:'';
}
.krea-about-page .krea-about-partnership-copy{
    position:relative;
    z-index:1;
    max-width:820rem;
}
.krea-about-page .krea-about-partnership .krea-about-eyebrow{
    color:#a9dfc6;
}
.krea-about-page .krea-about-partnership h4{
    color:#fff;
}
.krea-about-page .krea-about-partnership h4 strong{
    color:#d4f0e3;
}
.krea-about-page .krea-about-partnership p:last-child{
    margin:17rem 0 0;
    color:rgba(255,255,255,.86);
    font-size:16rem;
    line-height:1.8;
    word-break:keep-all;
}
@media(max-width:1024px){
    .krea-about-page .krea-about-member-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .krea-about-page .krea-about-role-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .krea-about-page .krea-about-role-grid>div{
        min-height:165rem;
    }
}
@media(max-width:768px){
    .krea-about-page .krea-about-intro{
        padding-top:30rem;
    }
    .krea-about-page .krea-about-section{
        margin-top:52rem;
        padding-top:48rem;
    }
    .krea-about-page .krea-about-section-head h4,
    .krea-about-page .krea-about-partnership h4{
        font-size:25rem;
        letter-spacing:-.8rem;
    }
    .krea-about-page .krea-about-section-head>p:last-child{
        margin-top:14rem;
        font-size:15rem;
    }
    .krea-about-page .krea-about-copy{
        margin-top:23rem;
        padding:26rem 22rem;
        border-left-width:3rem;
    }
    .krea-about-page .krea-about-copy p{
        font-size:16rem;
        line-height:1.82;
    }
    .krea-about-page .krea-about-stats>div{
        min-height:auto;
        padding:23rem 18rem;
    }
    .krea-about-page .krea-about-stats strong{
        font-size:25rem;
    }
    .krea-about-page .krea-about-member-list{
        grid-template-columns:1fr;
        margin-top:25rem;
    }
    .krea-about-page .krea-about-member-list li{
        min-height:52rem;
        padding:15rem 15rem 15rem 48rem;
    }
    .krea-about-page .krea-about-member-list li:before{
        left:15rem;
        top:15rem;
    }
    .krea-about-page .krea-about-link-row{
        text-align:left;
    }
    .krea-about-page .krea-about-link-row .krea-inline-btn{
        width:100%;
        text-align:center;
        box-sizing:border-box;
    }
    .krea-about-page .krea-about-role-grid{
        grid-template-columns:1fr;
    }
    .krea-about-page .krea-about-role-grid>div{
        min-height:auto;
        padding:23rem 20rem;
    }
    .krea-about-page .krea-about-role-grid b{
        margin-bottom:16rem;
    }
    .krea-about-page .krea-about-partnership{
        margin-top:52rem;
        padding:31rem 23rem;
        border-radius:10rem;
    }
    .krea-about-page .krea-about-partnership p:last-child{
        font-size:15rem;
    }
}

/* ============================================================
   v1.0.9 K-REA HISTORY CONTENT / RESPONSIVE QA
   - Source basis: 한재연 홈페이지 기획안 (송부용) 1-4. 연혁
   - PHP5.3 safe / CSS-only visual enhancement
============================================================ */
.krea-history-page .krea-content-body {
    max-width: 1080rem;
    margin: 0 auto;
}

.krea-history-page .krea-history {
    position: relative;
    max-width: none;
    margin: 0;
    padding: 8rem 0 10rem;
}

.krea-history-page .krea-history:before {
    content: "";
    position: absolute;
    left: 204rem;
    top: 46rem;
    bottom: 48rem;
    width: 2rem;
    background: linear-gradient(to bottom, #168258 0%, #9dcdb9 64%, #e1eee8 100%);
}

.krea-history-page .krea-history-year {
    position: relative;
    display: grid;
    grid-template-columns: 170rem minmax(0, 1fr);
    gap: 70rem;
    padding: 42rem 0;
    border-top: 1rem solid #e2e9e5;
}

.krea-history-page .krea-history-year:first-child {
    border-top: 0;
    padding-top: 22rem;
}

.krea-history-page .krea-history-year:before {
    content: "";
    position: absolute;
    left: 196rem;
    top: 54rem;
    z-index: 2;
    width: 18rem;
    height: 18rem;
    border: 4rem solid #fff;
    border-radius: 50%;
    background: #168258;
    box-shadow: 0 0 0 1rem rgba(22,130,88,.18);
}

.krea-history-page .krea-history-year:first-child:before {
    top: 34rem;
}

.krea-history-page .krea-history-year-head {
    padding-right: 4rem;
}

.krea-history-page .krea-history-year-head h4 {
    margin: 0 0 8rem;
    color: #176a4c;
    font-size: 34rem;
    line-height: 1.1;
    letter-spacing: -1.2rem;
    font-weight: 800;
}

.krea-history-page .krea-history-year-head span {
    display: block;
    color: #728179;
    font-size: 14rem;
    line-height: 1.55;
    font-weight: 600;
    word-break: keep-all;
}

.krea-history-page .krea-history-list {
    margin: 0;
    padding: 0;
}

.krea-history-page .krea-history-list li {
    display: grid;
    grid-template-columns: 92rem minmax(0, 1fr);
    gap: 18rem;
    align-items: start;
    margin: 0;
    padding: 12rem 0;
    border-bottom: 1rem solid #edf2ef;
    color: #35443d;
    font-size: 17rem;
    line-height: 1.72;
    list-style: none;
}

.krea-history-page .krea-history-list li:last-child {
    border-bottom: 0;
}

.krea-history-page .krea-history-list b {
    min-width: 0;
    padding-top: 1rem;
    color: #176a4c;
    font-size: 16rem;
    line-height: 1.7;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.krea-history-page .krea-history-list span {
    min-width: 0;
    word-break: keep-all;
}

.krea-history-page .krea-history-list span strong {
    color: #176a4c;
    font-weight: 800;
}

.krea-history-page .krea-history-list span em {
    display: block;
    margin-top: 4rem;
    color: #718078;
    font-size: 15rem;
    line-height: 1.6;
    font-style: normal;
}

.krea-history-page .krea-history-list .is-highlight {
    margin-top: 4rem;
    padding: 18rem 20rem;
    border: 1rem solid #d9ebe2;
    border-radius: 12rem;
    background: #f7fbf9;
}

.krea-history-page .krea-history-foundation .krea-history-year-head h4 {
    color: #0f7551;
}

.krea-history-page .krea-history-origin .krea-history-year-head h4 {
    font-size: 29rem;
}

.krea-history-page .krea-history-list-detail li {
    padding-top: 16rem;
    padding-bottom: 16rem;
}

@media all and (max-width: 1024px) {
    .krea-history-page .krea-content-body {
        max-width: 100%;
    }

    .krea-history-page .krea-history:before {
        left: 176rem;
    }

    .krea-history-page .krea-history-year {
        grid-template-columns: 145rem minmax(0, 1fr);
        gap: 62rem;
    }

    .krea-history-page .krea-history-year:before {
        left: 168rem;
    }

    .krea-history-page .krea-history-year-head h4 {
        font-size: 31rem;
    }

    .krea-history-page .krea-history-list li {
        grid-template-columns: 84rem minmax(0, 1fr);
        gap: 14rem;
        font-size: 16rem;
    }
}

@media all and (max-width: 768px) {
    .krea-history-page .krea-history {
        padding: 0;
    }

    .krea-history-page .krea-history:before {
        left: 8rem;
        top: 40rem;
        bottom: 36rem;
        width: 2rem;
    }

    .krea-history-page .krea-history-year,
    .krea-history-page .krea-history-year:first-child {
        display: block;
        padding: 30rem 0 30rem 32rem;
    }

    .krea-history-page .krea-history-year:before,
    .krea-history-page .krea-history-year:first-child:before {
        left: 0;
        top: 37rem;
        width: 18rem;
        height: 18rem;
    }

    .krea-history-page .krea-history-year-head {
        margin-bottom: 15rem;
        padding-right: 0;
    }

    .krea-history-page .krea-history-year-head h4,
    .krea-history-page .krea-history-origin .krea-history-year-head h4 {
        margin-bottom: 5rem;
        font-size: 27rem;
        letter-spacing: -.7rem;
    }

    .krea-history-page .krea-history-year-head span {
        font-size: 13.5rem;
    }

    .krea-history-page .krea-history-list li {
        grid-template-columns: 78rem minmax(0, 1fr);
        gap: 10rem;
        padding: 11rem 0;
        font-size: 15.5rem;
        line-height: 1.68;
    }

    .krea-history-page .krea-history-list b {
        font-size: 14.5rem;
    }

    .krea-history-page .krea-history-list span em {
        font-size: 14rem;
    }

    .krea-history-page .krea-history-list .is-highlight {
        padding: 15rem 14rem;
    }
}

@media all and (max-width: 480px) {
    .krea-history-page .krea-history-year,
    .krea-history-page .krea-history-year:first-child {
        padding-left: 28rem;
    }

    .krea-history-page .krea-history-list li,
    .krea-history-page .krea-history-list .is-highlight {
        display: block;
    }

    .krea-history-page .krea-history-list b {
        display: block;
        margin: 0 0 3rem;
        padding: 0;
    }

    .krea-history-page .krea-history-list span {
        display: block;
    }

    .krea-history-page .krea-history-list .is-highlight b {
        margin-bottom: 4rem;
    }
}

/* ========================================================================== */
/* v1.0.10 ORGANIZATION CHART / RESPONSIVE QA / PHP5.3 FINAL                */
/* ========================================================================== */
.krea-organization-page .krea-content-body {
    overflow:visible;
}

.krea-orgchart-v2 {
    position:relative;
    width:100%;
    max-width:1060rem;
    margin:0 auto;
    padding:12rem 24rem 8rem;
    text-align:center;
}

.krea-orgchart-v2 .org-level {
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
}

.krea-orgchart-v2 .org-box {
    position:relative;
    z-index:2;
    display:flex;
    min-height:82rem;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:18rem 20rem;
    border:1rem solid #cfded6;
    border-radius:12rem;
    background:#fff;
    box-shadow:0 8rem 24rem rgba(23,82,60,.07);
    color:#263f35;
}

.krea-orgchart-v2 .org-title {
    display:block;
    font-size:19rem;
    line-height:1.35;
    font-weight:700;
    letter-spacing:-.5rem;
}

.krea-orgchart-v2 small {
    display:block;
    margin-top:6rem;
    color:#65756e;
    font-size:14rem;
    line-height:1.45;
    font-weight:500;
}

.krea-orgchart-v2 .org-box-general {
    width:330rem;
    min-height:86rem;
    border-color:#163f31;
    background:#163f31;
    box-shadow:0 12rem 28rem rgba(22,63,49,.16);
    color:#fff;
}

.krea-orgchart-v2 .org-box-general .org-title {
    font-size:22rem;
}

.krea-orgchart-v2 .org-box-chairman {
    width:330rem;
    min-height:94rem;
    border-color:#168258;
    background:#168258;
    box-shadow:0 12rem 28rem rgba(22,130,88,.17);
    color:#fff;
}

.krea-orgchart-v2 .org-box-chairman .org-title {
    font-size:22rem;
}

.krea-orgchart-v2 .org-box-chairman small {
    color:rgba(255,255,255,.88);
}

.krea-orgchart-v2 .org-box-secretary {
    width:330rem;
    min-height:88rem;
    border-color:#8db8a5;
    background:#eaf4ef;
    color:#176a4c;
}

.krea-orgchart-v2 .org-box-secretary .org-title {
    font-size:21rem;
}

.krea-orgchart-v2 .org-box-support {
    min-height:106rem;
    background:#f7faf8;
}

.krea-orgchart-v2 .org-box-advisory {
    border-color:#bdd4c8;
    background:#f1f7f4;
}

.krea-orgchart-v2 .org-box-practice {
    min-height:92rem;
    border-color:#abcbbc;
    background:#fff;
    color:#176a4c;
}

.krea-orgchart-v2 .org-connector {
    position:relative;
    z-index:1;
    display:block;
    width:2rem;
    height:42rem;
    margin:0 auto;
    background:#a8beb2;
}

.krea-orgchart-v2 .org-branch {
    position:relative;
    z-index:2;
    display:grid;
    margin:42rem auto 0;
    gap:26rem;
}

.krea-orgchart-v2 .org-branch:before {
    content:"";
    position:absolute;
    z-index:0;
    left:50%;
    top:-42rem;
    width:2rem;
    height:42rem;
    background:#a8beb2;
    transform:translateX(-50%);
}

.krea-orgchart-v2 .org-branch:after {
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    height:2rem;
    background:#a8beb2;
}

.krea-orgchart-v2 .org-branch .org-box:before {
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:-20rem;
    width:2rem;
    height:20rem;
    background:#a8beb2;
    transform:translateX(-50%);
}

.krea-orgchart-v2 .org-branch-three {
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:980rem;
}

.krea-orgchart-v2 .org-branch-three:after {
    left:16.666%;
    right:16.666%;
}

.krea-orgchart-v2 .org-branch-two {
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:700rem;
}

.krea-orgchart-v2 .org-branch-two:after {
    left:25%;
    right:25%;
}

.krea-orgchart-v2 .org-connector-after-branch {
    height:42rem;
    margin-top:0;
}

@media all and (max-width:1024px) {
    .krea-orgchart-v2 {
        max-width:900rem;
        padding-right:10rem;
        padding-left:10rem;
    }

    .krea-orgchart-v2 .org-branch {
        gap:18rem;
    }

    .krea-orgchart-v2 .org-box {
        padding:17rem 14rem;
    }

    .krea-orgchart-v2 .org-title {
        font-size:18rem;
    }
}

@media all and (max-width:768px) {
    .krea-orgchart-v2 {
        max-width:560rem;
        padding:5rem 0 0 28rem;
        text-align:left;
    }

    .krea-orgchart-v2:before {
        content:"";
        position:absolute;
        left:11rem;
        top:48rem;
        bottom:44rem;
        width:2rem;
        background:#b8cbc1;
    }

    .krea-orgchart-v2 .org-level,
    .krea-orgchart-v2 .org-branch {
        display:block;
        width:100%;
        max-width:none;
        margin:0;
    }

    .krea-orgchart-v2 .org-level + .org-connector,
    .krea-orgchart-v2 .org-connector-after-branch,
    .krea-orgchart-v2 .org-branch:before,
    .krea-orgchart-v2 .org-branch:after,
    .krea-orgchart-v2 .org-branch .org-box:before {
        display:none;
    }

    .krea-orgchart-v2 .org-box {
        width:100%;
        min-height:0;
        margin:0 0 14rem;
        padding:18rem 20rem;
        align-items:flex-start;
        text-align:left;
        border-radius:10rem;
    }

    .krea-orgchart-v2 .org-box:after {
        content:"";
        position:absolute;
        left:-22rem;
        top:50%;
        width:22rem;
        height:2rem;
        background:#b8cbc1;
        transform:translateY(-50%);
    }

    .krea-orgchart-v2 .org-box:before {
        content:"";
        position:absolute;
        left:-21rem;
        top:50%;
        z-index:2;
        width:8rem;
        height:8rem;
        border:2rem solid #168258;
        border-radius:50%;
        background:#fff;
        transform:translate(-50%,-50%);
    }

    .krea-orgchart-v2 .org-box-general,
    .krea-orgchart-v2 .org-box-chairman,
    .krea-orgchart-v2 .org-box-secretary {
        width:100%;
    }

    .krea-orgchart-v2 .org-branch-three,
    .krea-orgchart-v2 .org-branch-two {
        padding-left:18rem;
    }

    .krea-orgchart-v2 .org-branch-three .org-box,
    .krea-orgchart-v2 .org-branch-two .org-box {
        margin-bottom:12rem;
    }

    .krea-orgchart-v2 .org-title,
    .krea-orgchart-v2 .org-box-general .org-title,
    .krea-orgchart-v2 .org-box-chairman .org-title,
    .krea-orgchart-v2 .org-box-secretary .org-title {
        font-size:18rem;
    }

    .krea-orgchart-v2 small {
        margin-top:5rem;
        font-size:13rem;
    }
}

@media all and (max-width:480px) {
    .krea-orgchart-v2 {
        padding-left:23rem;
    }

    .krea-orgchart-v2:before {
        left:8rem;
    }

    .krea-orgchart-v2 .org-box {
        margin-bottom:11rem;
        padding:16rem 16rem;
    }

    .krea-orgchart-v2 .org-box:after {
        left:-18rem;
        width:18rem;
    }

    .krea-orgchart-v2 .org-box:before {
        left:-17rem;
    }

    .krea-orgchart-v2 .org-branch-three,
    .krea-orgchart-v2 .org-branch-two {
        padding-left:12rem;
    }
}

/* ============================================================
   v1.0.11 ORGANIZATION SOURCE-MATCH / LINE-SAFE RESPONSIVE
   - HWPX 1-5 organization chart placement reflected
   - desktop/tablet: source-like 11-column composition
   - mobile: readable vertical tree
   ============================================================ */
.krea-organization-page .krea-content-body {
    overflow:visible;
}

.krea-orgchart-source {
    position:relative;
    width:100%;
    max-width:1180px;
    margin:46px auto 0;
    padding:34px 48px 40px;
    background:#fbfdfc;
    border:1px solid #e2ebe6;
    border-radius:28px;
    box-sizing:border-box;
    overflow:visible;
}

.krea-orgchart-stage {
    position:relative;
    width:100%;
    height:650px;
    min-height:650px;
    overflow:visible;
}

.krea-orgchart-lines {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:visible;
    pointer-events:none;
}

.krea-orgchart-lines path {
    fill:none;
    stroke:#90ad9e;
    stroke-width:2;
    stroke-linecap:square;
    stroke-linejoin:miter;
    vector-effect:non-scaling-stroke;
}

.krea-org-node {
    position:absolute;
    z-index:2;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:190px;
    min-height:76px;
    padding:14px 18px;
    box-sizing:border-box;
    border:2px solid #a9c1b4;
    border-radius:14px;
    background:#fff;
    color:#173d2f;
    text-align:center;
    box-shadow:0 8px 24px rgba(24, 72, 52, .06);
}

.krea-org-node span {
    display:block;
    font-size:21px;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-.03em;
}

.krea-org-node small {
    display:block;
    margin-top:5px;
    color:#557265;
    font-size:14px;
    line-height:1.45;
    font-weight:500;
    letter-spacing:-.02em;
}

/* v1.0.12 COMPACT / OVERLAP FIX
   HWPX 1-5 source relationship retained; web spacing compressed for readability. */
.krea-org-node.node-general {
    left:45.4545%;
    top:60px;
    transform:translate(-50%, -50%);
    background:#174b38;
    border-color:#174b38;
    color:#fff;
}

.krea-org-node.node-chairman {
    left:45.4545%;
    top:160px;
    transform:translate(-50%, -50%);
    background:#2d7456;
    border-color:#2d7456;
    color:#fff;
}

.krea-org-node.node-chairman small,
.krea-org-node.node-secretary small,
.krea-org-node.node-office small {
    color:rgba(255,255,255,.88);
}

.krea-org-node.node-auditor {
    left:75.4545%;
    top:240px;
    transform:translate(-50%, -50%);
}

.krea-org-node.node-board {
    left:19.0909%;
    top:330px;
    transform:translate(-50%, -50%);
}

.krea-org-node.node-advisory {
    left:74.5455%;
    top:330px;
    width:250px;
    transform:translate(-50%, -50%);
}

.krea-org-node.node-secretary {
    left:45.4545%;
    top:430px;
    transform:translate(-50%, -50%);
    background:#3d8264;
    border-color:#3d8264;
    color:#fff;
}

.krea-org-node.node-committee {
    left:74.5455%;
    top:510px;
    width:250px;
    transform:translate(-50%, -50%);
}

.krea-org-node.node-office {
    left:45.4545%;
    top:590px;
    transform:translate(-50%, -50%);
    background:#3d8264;
    border-color:#3d8264;
    color:#fff;
}

.krea-orgchart-mobile {
    display:none;
}

@media all and (max-width:1100px) {
    .krea-orgchart-source {
        padding:30px 30px 36px;
    }

    .krea-org-node {
        width:164px;
        min-height:70px;
        padding:12px 13px;
    }

    .krea-org-node span {
        font-size:19px;
    }

    .krea-org-node small {
        font-size:13px;
    }

    .krea-org-node.node-advisory,
    .krea-org-node.node-committee { width:220px; }
}

@media all and (max-width:767px) {
    .krea-orgchart-source {
        margin-top:32px;
        padding:26px 20px 30px;
        border-radius:20px;
        overflow:visible;
    }

    .krea-orgchart-stage {
        display:none;
    }

    .krea-orgchart-mobile {
        position:relative;
        display:block;
        padding-left:34px;
    }

    .krea-orgchart-mobile:before {
        content:"";
        position:absolute;
        left:14px;
        top:38px;
        bottom:38px;
        width:2px;
        background:#90ad9e;
    }

    .krea-orgchart-mobile .mobile-org-item {
        position:relative;
        z-index:1;
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:58px;
        margin:0 0 20px;
        padding:12px 14px;
        box-sizing:border-box;
        border:2px solid #a9c1b4;
        border-radius:12px;
        background:#fff;
        color:#173d2f;
        font-size:18px;
        line-height:1.35;
        font-weight:700;
        text-align:center;
    }

    .krea-orgchart-mobile .mobile-org-item:before {
        content:"";
        position:absolute;
        left:-21px;
        top:50%;
        width:20px;
        height:2px;
        background:#90ad9e;
        transform:translateY(-50%);
    }

    .krea-orgchart-mobile .mobile-org-item.is-main {
        background:#2d7456;
        border-color:#2d7456;
        color:#fff;
    }

    .krea-orgchart-mobile .mobile-org-item.is-main:first-child {
        background:#174b38;
        border-color:#174b38;
    }

    .krea-orgchart-mobile .mobile-org-item small {
        margin-left:6px;
        font-size:13px;
        line-height:1.4;
        font-weight:500;
        color:inherit;
        opacity:.9;
    }

    .krea-orgchart-mobile .mobile-org-branch {
        position:relative;
        padding-left:18px;
    }

    .krea-orgchart-mobile .mobile-org-branch:before {
        content:"";
        position:absolute;
        left:0;
        top:-20px;
        bottom:20px;
        width:2px;
        background:#90ad9e;
    }

    .krea-orgchart-mobile .mobile-org-branch .mobile-org-item:before {
        left:-19px;
        width:18px;
    }

    .krea-orgchart-mobile .mobile-org-item.is-last {
        margin-bottom:0;
    }
}

@media all and (max-width:480px) {
    .krea-orgchart-source {
        padding:24px 14px 28px;
    }

    .krea-orgchart-mobile {
        padding-left:28px;
    }

    .krea-orgchart-mobile:before {
        left:11px;
    }

    .krea-orgchart-mobile .mobile-org-item {
        min-height:54px;
        margin-bottom:17px;
        padding:11px 10px;
        font-size:16px;
    }

    .krea-orgchart-mobile .mobile-org-item:before {
        left:-18px;
        width:17px;
    }

    .krea-orgchart-mobile .mobile-org-item small {
        display:block;
        margin:3px 0 0 5px;
        font-size:12px;
    }

    .krea-orgchart-mobile .mobile-org-branch {
        padding-left:14px;
    }

    .krea-orgchart-mobile .mobile-org-branch .mobile-org-item:before {
        left:-15px;
        width:14px;
    }
}

/* =========================================================
   v1.0.13 MEMBER ORGANIZATIONS / SOURCE CONTENT / RESPONSIVE
   ========================================================= */
.krea-member-page .krea-member-intro {
    max-width:920px;
    margin:0 auto;
    color:#4f6258;
    font-size:19rem;
    line-height:1.8;
    text-align:center;
}

.krea-member-page .krea-member-summary {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16rem;
    max-width:700rem;
    margin:38rem auto 0;
}

.krea-member-page .krea-member-summary>div {
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:12rem;
    padding:23rem 20rem;
    border:1rem solid #dce8e1;
    border-radius:16rem;
    background:#f7faf8;
}

.krea-member-page .krea-member-summary strong {
    color:#176a4c;
    font-size:36rem;
    line-height:1;
    font-weight:800;
}

.krea-member-page .krea-member-summary span {
    color:#40554a;
    font-size:16rem;
    font-weight:700;
}

.krea-member-directory,
.krea-member-list-wrap {
    margin-top:74rem;
}

.krea-member-section-title {
    display:flex;
    align-items:center;
    gap:17rem;
    margin-bottom:28rem;
}

.krea-member-section-title>span {
    display:flex;
    flex:0 0 52rem;
    width:52rem;
    height:52rem;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#176a4c;
    color:#fff;
    font-size:16rem;
    font-weight:800;
}

.krea-member-section-title em {
    display:block;
    margin-bottom:3rem;
    color:#76a591;
    font-size:12rem;
    font-style:normal;
    font-weight:700;
    letter-spacing:.12em;
}

.krea-member-section-title h4 {
    margin:0;
    color:#1d3d30;
    font-size:28rem;
    line-height:1.25;
    font-weight:800;
}

.krea-member-field-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14rem;
}

.krea-member-field-grid>a {
    position:relative;
    display:grid;
    grid-template-columns:44rem 1fr auto;
    align-items:center;
    gap:12rem;
    min-height:84rem;
    padding:18rem 20rem;
    box-sizing:border-box;
    border:1rem solid #dde8e2;
    border-radius:14rem;
    background:#fff;
    color:#30483d;
    text-decoration:none;
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.krea-member-field-grid>a:hover,
.krea-member-field-grid>a:focus {
    border-color:#85ad9b;
    box-shadow:0 10rem 28rem rgba(23,106,76,.09);
    transform:translateY(-2rem);
}

.krea-member-field-grid b {
    display:flex;
    width:44rem;
    height:44rem;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#edf6f1;
    color:#176a4c;
    font-size:16rem;
}

.krea-member-field-grid strong {
    font-size:16rem;
    line-height:1.35;
    word-break:keep-all;
}

.krea-member-field-grid span {
    color:#789086;
    font-size:12rem;
    white-space:nowrap;
}

.krea-member-group {
    margin-top:66rem;
    scroll-margin-top:120px;
}

.krea-member-group:first-of-type {
    margin-top:20rem;
}

.krea-member-group-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20rem;
    margin-bottom:18rem;
    padding-bottom:15rem;
    border-bottom:2rem solid #176a4c;
}

.krea-member-group-title {
    display:flex;
    align-items:center;
    gap:12rem;
}

.krea-member-group-title b {
    display:flex;
    width:38rem;
    height:38rem;
    align-items:center;
    justify-content:center;
    border-radius:10rem;
    background:#176a4c;
    color:#fff;
    font-size:15rem;
}

.krea-member-group-title h5 {
    margin:0;
    color:#173d2f;
    font-size:24rem;
    line-height:1.3;
    font-weight:800;
}

.krea-member-top-link {
    color:#6b8176;
    font-size:13rem;
    text-decoration:none;
}

.krea-member-top-link:after {
    content:"↑";
    margin-left:6rem;
}

.krea-member-name-nav {
    display:flex;
    flex-wrap:wrap;
    gap:8rem;
    margin-bottom:18rem;
}

.krea-member-name-nav a {
    display:inline-flex;
    align-items:center;
    gap:7rem;
    padding:8rem 12rem;
    border:1rem solid #e0e8e4;
    border-radius:999rem;
    background:#f8faf9;
    color:#40564b;
    font-size:13rem;
    line-height:1.35;
    text-decoration:none;
}

.krea-member-name-nav a:hover,
.krea-member-name-nav a:focus {
    border-color:#9dbbad;
    background:#edf6f1;
    color:#176a4c;
}

.krea-member-name-nav span {
    color:#176a4c;
    font-size:11rem;
    font-weight:800;
}

.krea-member-cards {
    display:grid;
    grid-template-columns:1fr;
    gap:14rem;
}

.krea-member-card {
    display:grid;
    grid-template-columns:190rem minmax(0,1fr);
    gap:26rem;
    align-items:stretch;
    padding:24rem;
    box-sizing:border-box;
    border:1rem solid #dde7e2;
    border-radius:18rem;
    background:#fff;
    scroll-margin-top:120px;
}

.krea-member-logo {
    display:flex;
    min-height:144rem;
    align-items:center;
    justify-content:center;
    padding:18rem;
    box-sizing:border-box;
    border:1rem dashed #bfd1c7;
    border-radius:14rem;
    background:#f7faf8;
    color:#8ba097;
    text-align:center;
}

.krea-member-logo span {
    font-size:11rem;
    line-height:1.55;
    font-weight:800;
    letter-spacing:.09em;
}

.krea-member-card-body {
    display:flex;
    min-width:0;
    flex-direction:column;
}

.krea-member-card-title {
    display:flex;
    align-items:center;
    gap:10rem;
    margin-bottom:12rem;
}

.krea-member-card-title>span {
    flex:0 0 auto;
    color:#176a4c;
    font-size:13rem;
    font-weight:800;
}

.krea-member-card-title h6 {
    margin:0;
    color:#1d3d30;
    font-size:22rem;
    line-height:1.35;
    font-weight:800;
    word-break:keep-all;
}

.krea-member-card-body>p {
    margin:0;
    color:#52655b;
    font-size:16rem;
    line-height:1.8;
    word-break:keep-all;
}

.krea-member-card-foot {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14rem;
    margin-top:auto;
    padding-top:18rem;
}

.krea-member-field-label {
    display:inline-flex;
    align-items:center;
    min-height:30rem;
    padding:0 11rem;
    border-radius:999rem;
    background:#edf6f1;
    color:#176a4c;
    font-size:12rem;
    font-weight:700;
}

.krea-member-site {
    display:inline-flex;
    align-items:center;
    min-height:34rem;
    padding:0 14rem;
    border-radius:8rem;
    font-size:12rem;
    font-weight:700;
}

.krea-member-site.is-disabled {
    background:#f2f4f3;
    color:#99a49f;
    cursor:default;
}

.krea-member-source-note {
    display:grid;
    grid-template-columns:70rem 1fr;
    gap:16rem;
    margin-top:48rem;
    padding:20rem 22rem;
    border-radius:14rem;
    background:#f6f8f7;
}

.krea-member-source-note strong {
    color:#176a4c;
    font-size:14rem;
}

.krea-member-source-note p {
    margin:0;
    color:#718179;
    font-size:13rem;
    line-height:1.7;
}

@media all and (max-width:1100px) {
    .krea-member-field-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media all and (max-width:767px) {
    .krea-member-page .krea-member-intro {
        font-size:16rem;
        text-align:left;
    }

    .krea-member-page .krea-member-summary {
        gap:10rem;
        margin-top:25rem;
    }

    .krea-member-page .krea-member-summary>div {
        padding:18rem 12rem;
    }

    .krea-member-page .krea-member-summary strong {
        font-size:30rem;
    }

    .krea-member-directory,
    .krea-member-list-wrap {
        margin-top:52rem;
    }

    .krea-member-section-title {
        gap:12rem;
        margin-bottom:20rem;
    }

    .krea-member-section-title>span {
        flex-basis:44rem;
        width:44rem;
        height:44rem;
    }

    .krea-member-section-title h4 {
        font-size:23rem;
    }

    .krea-member-field-grid {
        grid-template-columns:1fr;
        gap:9rem;
    }

    .krea-member-field-grid>a {
        grid-template-columns:38rem 1fr auto;
        min-height:68rem;
        padding:14rem 15rem;
    }

    .krea-member-field-grid b {
        width:38rem;
        height:38rem;
    }

    .krea-member-group {
        margin-top:48rem;
        scroll-margin-top:95px;
    }

    .krea-member-group-head {
        align-items:flex-end;
        gap:10rem;
    }

    .krea-member-group-title h5 {
        font-size:20rem;
    }

    .krea-member-name-nav {
        gap:6rem;
    }

    .krea-member-name-nav a {
        padding:7rem 10rem;
        font-size:12rem;
    }

    .krea-member-card {
        grid-template-columns:1fr;
        gap:16rem;
        padding:18rem;
        scroll-margin-top:95px;
    }

    .krea-member-logo {
        min-height:92rem;
    }

    .krea-member-card-title h6 {
        font-size:19rem;
    }

    .krea-member-card-body>p {
        font-size:15rem;
        line-height:1.75;
    }

    .krea-member-card-foot {
        margin-top:0;
    }
}

@media all and (max-width:480px) {
    .krea-member-page .krea-member-summary {
        grid-template-columns:1fr 1fr;
    }

    .krea-member-page .krea-member-summary strong {
        font-size:27rem;
    }

    .krea-member-page .krea-member-summary span {
        font-size:13rem;
    }

    .krea-member-field-grid>a {
        grid-template-columns:36rem 1fr;
    }

    .krea-member-field-grid>a>span {
        grid-column:2;
    }

    .krea-member-group-head {
        align-items:flex-start;
        flex-direction:column;
    }

    .krea-member-top-link {
        align-self:flex-end;
    }

    .krea-member-group-title h5 {
        font-size:19rem;
    }

    .krea-member-name-nav {
        display:grid;
        grid-template-columns:1fr;
    }

    .krea-member-name-nav a {
        border-radius:8rem;
    }

    .krea-member-card {
        padding:16rem;
    }

    .krea-member-card-foot {
        align-items:flex-start;
        flex-direction:column;
    }

    .krea-member-source-note {
        grid-template-columns:1fr;
        gap:7rem;
    }
}

/* v1.0.13 member-card source-gap polish */
.krea-member-logo img {
    display:block;
    max-width:100%;
    max-height:110rem;
    width:auto;
    height:auto;
    object-fit:contain;
}

.krea-member-logo-placeholder {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6rem;
    color:#8ba097;
    font-size:10rem !important;
    line-height:1.3 !important;
    font-weight:800;
    letter-spacing:.12em !important;
}

.krea-member-logo-placeholder b {
    color:#176a4c;
    font-size:28rem;
    line-height:1;
    letter-spacing:0;
}

.krea-member-field-label {
    gap:8rem;
}

.krea-member-field-label b {
    color:#176a4c;
    font-weight:800;
}

.krea-member-site {
    background:#176a4c;
    color:#fff;
    text-decoration:none;
}

.krea-member-site:hover,
.krea-member-site:focus {
    background:#12543d;
    color:#fff;
}

/* v1.0.14 POLICY IMPROVEMENT DETAIL / RESPONSIVE QA / PHP5.3 FINAL */
.krea-policy-page .krea-content-body{margin-top:58rem}
.krea-policy-section{margin-top:86rem;scroll-margin-top:130px}
.krea-policy-section:first-child{margin-top:0}
.krea-policy-section-head{display:flex;align-items:flex-start;gap:20rem;margin-bottom:28rem;padding-bottom:20rem;border-bottom:1rem solid #dce7e1}
.krea-policy-section-no{display:flex;flex:0 0 48rem;width:48rem;height:48rem;align-items:center;justify-content:center;border-radius:50%;background:#1f6d4b;color:#fff;font-size:15rem;font-weight:800;line-height:1}
.krea-policy-section-kicker{margin:1rem 0 5rem;color:#619176;font-size:12rem;font-weight:800;letter-spacing:.12em}
.krea-policy-section-head h4{margin:0;color:#173c2c;font-size:27rem;font-weight:800;line-height:1.35}

.krea-policy-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}
.krea-policy-process-item{position:relative;display:flex;min-height:116rem;padding:24rem 14rem 20rem;flex-direction:column;align-items:center;justify-content:center;border:1rem solid #d8e4de;border-left:0;background:#fff;text-align:center}
.krea-policy-process-item:first-child{border-left:1rem solid #d8e4de;border-radius:14rem 0 0 14rem}
.krea-policy-process-item:last-child{border-radius:0 14rem 14rem 0}
.krea-policy-process-item:not(:last-child):after{content:"";position:absolute;z-index:2;right:-7rem;top:50%;width:12rem;height:12rem;margin-top:-6rem;border-top:2rem solid #79a68e;border-right:2rem solid #79a68e;background:#fff;transform:rotate(45deg)}
.krea-policy-process-item .num{margin-bottom:8rem;color:#6a9b81;font-size:12rem;font-weight:800;letter-spacing:.08em}
.krea-policy-process-item strong{color:#294d3d;font-size:15rem;font-weight:750;line-height:1.45}
.krea-policy-process-item:nth-child(5),.krea-policy-process-item:nth-child(6){background:#f3f8f5}

.krea-policy-menubar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:hidden;border:1rem solid #d5e2db;border-radius:14rem;background:#fff}
.krea-policy-menubar span{display:flex;min-height:62rem;padding:12rem 8rem;align-items:center;justify-content:center;border-left:1rem solid #e1e9e4;color:#345546;font-size:14rem;font-weight:700;text-align:center;line-height:1.35}
.krea-policy-menubar span:first-child{border-left:0}
.krea-policy-menubar span:hover{background:#f1f7f3;color:#1f6d4b}

.krea-policy-summary-table-wrap{overflow:hidden;border:1rem solid #d7e2dc;border-radius:16rem;background:#fff}
.krea-policy-summary-table{width:100%;border-collapse:collapse;table-layout:fixed}
.krea-policy-summary-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.krea-policy-summary-table .col-type{width:110rem}.krea-policy-summary-table .col-status{width:150rem}
.krea-policy-summary-table th,.krea-policy-summary-table td{padding:16rem 18rem;border-bottom:1rem solid #e3ebe6;border-left:1rem solid #e3ebe6;color:#3c4b44;font-size:14rem;line-height:1.55;vertical-align:middle}
.krea-policy-summary-table th:first-child,.krea-policy-summary-table td:first-child{border-left:0}
.krea-policy-summary-table thead th{background:#214f3a;color:#fff;font-size:14rem;font-weight:800;text-align:center}
.krea-policy-summary-table tbody tr:last-child td,.krea-policy-summary-table tbody tr:last-child th{border-bottom:0}
.krea-policy-summary-table .group-cell{background:#edf6f1;color:#1c6646;font-size:17rem;font-weight:850;text-align:center;line-height:1.5}
.krea-policy-summary-table .group-cell.policy{background:#f1f5f7;color:#365d67}
.krea-policy-summary-table tbody td:last-child{font-weight:650}
.krea-status{display:inline-flex;min-width:72rem;padding:5rem 10rem;align-items:center;justify-content:center;border-radius:999px;font-size:12rem;font-weight:800;line-height:1.2;white-space:nowrap}
.krea-status.is-done{background:#e6f4ec;color:#157447}
.krea-status.is-partial{background:#fff4db;color:#8d6511}
.krea-status.is-reflected{background:#e7f0fb;color:#356692}
.krea-status.is-promise{background:#f0ebf8;color:#6d5095}
.krea-status.is-ongoing{background:#f1f3f2;color:#5b6962}
.krea-policy-summary-mobile{display:none}

.krea-policy-detail-list{display:grid;grid-template-columns:1fr;gap:20rem}
.krea-policy-detail-card{padding:30rem 32rem;border:1rem solid #dbe6e0;border-radius:18rem;background:#fff;box-shadow:0 8rem 28rem rgba(30,73,52,.045)}
.krea-policy-detail-card.featured{border-color:#bcd4c7;background:linear-gradient(135deg,#fff 0%,#f7fbf8 100%)}
.krea-policy-detail-title{display:flex;align-items:flex-start;gap:18rem;margin-bottom:20rem}
.krea-policy-detail-title .index{display:flex;flex:0 0 50rem;width:50rem;height:50rem;align-items:center;justify-content:center;border-radius:13rem;background:#1f6d4b;color:#fff;font-size:15rem;font-weight:850}
.krea-policy-detail-title>div{min-width:0;flex:1}
.krea-policy-detail-title .krea-status{margin-bottom:8rem}
.krea-policy-detail-title h5{margin:0;color:#193c2d;font-size:22rem;font-weight:850;line-height:1.4;word-break:keep-all}
.krea-policy-detail-card ul{margin:0;padding:0 0 0 20rem}
.krea-policy-detail-card li{margin-top:8rem;color:#44534c;font-size:15rem;line-height:1.7;word-break:keep-all}
.krea-policy-detail-card li:first-child{margin-top:0}
.krea-policy-effect,.krea-policy-progress{display:grid;grid-template-columns:92rem 1fr;gap:14rem;margin-top:22rem;padding:16rem 18rem;border-radius:12rem}
.krea-policy-effect{background:#f1f7f3}
.krea-policy-progress{background:#f5f6f6}
.krea-policy-effect strong,.krea-policy-progress strong{color:#1f6d4b;font-size:13rem;font-weight:850;line-height:1.65}
.krea-policy-progress strong{color:#56675f}
.krea-policy-effect p,.krea-policy-progress p{margin:0;color:#45534d;font-size:14rem;line-height:1.65;word-break:keep-all}

@media(max-width:1180px){
    .krea-policy-menubar{grid-template-columns:repeat(4,minmax(0,1fr))}
    .krea-policy-menubar span{border-bottom:1rem solid #e1e9e4}
    .krea-policy-menubar span:nth-child(5){border-left:0}
    .krea-policy-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:12rem}
    .krea-policy-process-item,.krea-policy-process-item:first-child,.krea-policy-process-item:last-child{border:1rem solid #d8e4de;border-radius:12rem}
    .krea-policy-process-item:not(:last-child):after{display:none}
}

@media(max-width:767px){
    .krea-policy-page .krea-content-body{margin-top:40rem}
    .krea-policy-section{margin-top:62rem;scroll-margin-top:90px}
    .krea-policy-section-head{gap:14rem;margin-bottom:20rem;padding-bottom:15rem}
    .krea-policy-section-no{flex-basis:40rem;width:40rem;height:40rem;font-size:13rem}
    .krea-policy-section-head h4{font-size:22rem}
    .krea-policy-section-kicker{font-size:11rem}
    .krea-policy-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:8rem}
    .krea-policy-process-item{min-height:92rem;padding:16rem 10rem}
    .krea-policy-process-item strong{font-size:14rem}
    .krea-policy-menubar{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12rem}
    .krea-policy-menubar span{min-height:54rem;font-size:13rem}
    .krea-policy-menubar span:nth-child(odd){border-left:0}
    .krea-policy-menubar span:nth-child(5){border-left:0}
    .krea-policy-summary-table-wrap{display:none}
    .krea-policy-summary-mobile{display:block}
    .krea-policy-summary-mobile-group{padding:18rem;border:1rem solid #dbe6e0;border-radius:14rem;background:#fff}
    .krea-policy-summary-mobile-group+.krea-policy-summary-mobile-group{margin-top:14rem}
    .krea-policy-summary-mobile-group h5{margin:0 0 10rem;color:#1f6d4b;font-size:18rem;font-weight:850}
    .krea-policy-summary-mobile-group.policy h5{color:#365d67}
    .krea-policy-summary-mobile .item{display:grid;grid-template-columns:36rem 1fr;gap:10rem;padding:13rem 0;border-top:1rem solid #e6ede9}
    .krea-policy-summary-mobile .item:first-of-type{border-top:0}
    .krea-policy-summary-mobile .no{display:flex;width:30rem;height:30rem;align-items:center;justify-content:center;border-radius:8rem;background:#eef5f1;color:#2c6f4f;font-size:11rem;font-weight:850}
    .krea-policy-summary-mobile .item>div{min-width:0}
    .krea-policy-summary-mobile .krea-status{margin:0 0 6rem;min-width:auto}
    .krea-policy-summary-mobile strong{display:block;color:#34473e;font-size:14rem;font-weight:750;line-height:1.5;word-break:keep-all}
    .krea-policy-detail-card{padding:22rem 18rem;border-radius:14rem}
    .krea-policy-detail-title{gap:12rem;margin-bottom:16rem}
    .krea-policy-detail-title .index{flex-basis:40rem;width:40rem;height:40rem;border-radius:10rem;font-size:13rem}
    .krea-policy-detail-title h5{font-size:18rem;word-break:normal}
    .krea-policy-detail-card ul{padding-left:18rem}
    .krea-policy-detail-card li{font-size:14rem;line-height:1.65;word-break:normal}
    .krea-policy-effect,.krea-policy-progress{grid-template-columns:1fr;gap:5rem;margin-top:16rem;padding:14rem}
    .krea-policy-effect p,.krea-policy-progress p{font-size:13rem;word-break:normal}
}

@media(max-width:420px){
    .krea-policy-process{grid-template-columns:1fr}
    .krea-policy-menubar{grid-template-columns:1fr}
    .krea-policy-menubar span{border-left:0}
    .krea-policy-detail-card{padding:20rem 15rem}
}

/* =========================================================
   K-REA v1.0.15 - MEMBERSHIP GUIDE / RESPONSIVE QA FINAL
   - source: homepage plan 4-1 membership guide
   - preserve source wording; no unsupported application steps
   ========================================================= */
.krea-membership-page .krea-content-body{
    max-width:1120rem;
    margin:0 auto;
}
.krea-membership-page section{
    scroll-margin-top:120rem;
}
.krea-section-heading{
    display:flex;
    align-items:flex-start;
    gap:18rem;
    margin-bottom:26rem;
}
.krea-section-heading>span{
    display:flex;
    width:48rem;
    height:48rem;
    flex:0 0 48rem;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#176a4c;
    color:#fff;
    font-size:14rem;
    font-weight:750;
    letter-spacing:.4rem;
}
.krea-section-heading small{
    display:block;
    margin:1rem 0 5rem;
    color:#4d8d70;
    font-size:12rem;
    font-weight:750;
    letter-spacing:1.6rem;
}
.krea-section-heading h4{
    margin:0;
    color:#263c32;
    font-size:27rem;
    line-height:1.35;
    font-weight:750;
    letter-spacing:-.9rem;
}
.krea-membership-intro{
    padding:38rem 0 62rem;
}
.krea-membership-copy{
    padding:32rem 38rem;
    border-left:4rem solid #23815d;
    background:#f5f9f7;
}
.krea-membership-copy p{
    margin:0 0 13rem;
    color:#43544c;
    font-size:17rem;
    line-height:1.82;
    letter-spacing:-.3rem;
    word-break:keep-all;
}
.krea-membership-copy p:last-child{margin-bottom:0}
.krea-membership-points{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14rem;
    margin-top:24rem;
}
.krea-membership-points>div{
    min-height:150rem;
    padding:25rem 23rem;
    border:1rem solid #dce7e1;
    background:#fff;
    box-shadow:0 8rem 24rem rgba(21,75,53,.05);
}
.krea-membership-points b{
    display:block;
    margin-bottom:20rem;
    color:#76a68f;
    font-size:12rem;
    letter-spacing:1rem;
}
.krea-membership-points strong{
    display:block;
    margin-bottom:8rem;
    color:#1f503b;
    font-size:19rem;
    line-height:1.35;
}
.krea-membership-points span{
    display:block;
    color:#66756e;
    font-size:14rem;
    line-height:1.58;
    word-break:keep-all;
}
.krea-membership-section{
    padding:58rem 0;
    border-top:1rem solid #e1e8e4;
}
.krea-membership-fee{
    display:grid;
    grid-template-columns:minmax(0,1fr) 285rem;
    gap:20rem;
    align-items:stretch;
}
.krea-membership-fee dl{
    margin:0;
    border-top:3rem solid #176a4c;
    background:#fff;
}
.krea-membership-fee dl>div{
    display:grid;
    grid-template-columns:180rem 1fr;
    min-height:62rem;
    border-bottom:1rem solid #dfe7e2;
}
.krea-membership-fee dt,
.krea-membership-fee dd{
    display:flex;
    margin:0;
    padding:15rem 20rem;
    align-items:center;
    line-height:1.55;
}
.krea-membership-fee dt{
    background:#f4f8f6;
    color:#315344;
    font-size:15rem;
    font-weight:750;
}
.krea-membership-fee dd{
    color:#424f49;
    font-size:16rem;
    word-break:keep-all;
}
.krea-membership-fee dd strong{
    color:#176a4c;
    font-weight:750;
}
.krea-membership-fee-note{
    display:flex;
    padding:28rem;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(135deg,#153f30 0%,#1f6a4d 100%);
    color:#fff;
}
.krea-membership-fee-note strong{
    margin-bottom:14rem;
    font-size:19rem;
}
.krea-membership-fee-note span{
    margin-bottom:12rem;
    color:#dceee5;
    font-size:15rem;
}
.krea-membership-fee-note a{
    display:block;
    margin-top:5rem;
    color:#fff;
    font-size:15rem;
    line-height:1.5;
    word-break:break-all;
}
.krea-membership-fee-note a:hover,
.krea-membership-fee-note a:focus{
    text-decoration:underline;
}
.krea-membership-application{
    padding:34rem;
    border:1rem solid #dce6e1;
    background:#f8fbf9;
}
.krea-membership-application-copy{
    margin-bottom:24rem;
}
.krea-membership-application-copy>strong{
    display:block;
    margin-bottom:10rem;
    color:#244b39;
    font-size:20rem;
}
.krea-membership-application-copy p{
    margin:0 0 7rem;
    color:#5a6861;
    font-size:15rem;
    line-height:1.7;
    word-break:keep-all;
}
.krea-membership-application-copy .krea-membership-file-note{
    color:#7b6550;
    font-size:14rem;
}
.krea-membership-file-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14rem;
}
.krea-membership-file-card{
    position:relative;
    min-height:125rem;
    padding:23rem 24rem;
    border:1rem solid #d6e2dc;
    background:#fff;
}
.krea-membership-file-card span{
    display:block;
    margin-bottom:15rem;
    color:#74a38c;
    font-size:11rem;
    font-weight:750;
    letter-spacing:1.5rem;
}
.krea-membership-file-card strong{
    display:block;
    padding-right:95rem;
    color:#2d463a;
    font-size:17rem;
    line-height:1.45;
}
.krea-membership-file-card em{
    position:absolute;
    right:22rem;
    top:50%;
    transform:translateY(-50%);
    padding:7rem 10rem;
    border-radius:999rem;
    background:#eef3f0;
    color:#748078;
    font-size:12rem;
    font-style:normal;
    font-weight:700;
}
.krea-membership-contact{
    display:flex;
    margin-top:58rem;
    padding:36rem 40rem;
    align-items:center;
    justify-content:space-between;
    gap:35rem;
    background:#163f31;
    color:#fff;
}
.krea-membership-contact>div:first-child>span{
    display:block;
    margin-bottom:8rem;
    color:#b9dfc9;
    font-size:12rem;
    font-weight:750;
    letter-spacing:1.5rem;
}
.krea-membership-contact h4{
    margin:0 0 7rem;
    color:#fff;
    font-size:25rem;
    line-height:1.3;
}
.krea-membership-contact p{
    margin:0;
    color:#d5e7de;
    font-size:15rem;
}
.krea-membership-contact-info{
    display:grid;
    grid-template-columns:repeat(2,minmax(190rem,1fr));
    gap:10rem;
}
.krea-membership-contact-info a{
    display:block;
    min-width:0;
    padding:14rem 18rem;
    border:1rem solid rgba(255,255,255,.28);
    color:#fff;
    transition:.2s;
}
.krea-membership-contact-info a:hover,
.krea-membership-contact-info a:focus{
    background:#fff;
    border-color:#fff;
    color:#174634;
}
.krea-membership-contact-info small{
    display:block;
    margin-bottom:4rem;
    font-size:10rem;
    font-weight:750;
    letter-spacing:1rem;
    opacity:.72;
}
.krea-membership-contact-info strong{
    display:block;
    font-size:14rem;
    font-weight:650;
    word-break:break-all;
}
@media all and (max-width:1024px){
    .krea-membership-points{grid-template-columns:repeat(2,1fr)}
    .krea-membership-fee{grid-template-columns:1fr 250rem}
    .krea-membership-fee dl>div{grid-template-columns:150rem 1fr}
    .krea-membership-contact{align-items:flex-start}
    .krea-membership-contact-info{grid-template-columns:1fr;min-width:250rem}
}
@media all and (max-width:767px){
    .krea-membership-page section{scroll-margin-top:90rem}
    .krea-membership-intro{padding:24rem 0 44rem}
    .krea-membership-section{padding:42rem 0}
    .krea-section-heading{gap:13rem;margin-bottom:20rem}
    .krea-section-heading>span{width:42rem;height:42rem;flex-basis:42rem}
    .krea-section-heading h4{font-size:23rem}
    .krea-membership-copy{padding:24rem 22rem}
    .krea-membership-copy p{font-size:16rem;line-height:1.75}
    .krea-membership-points{gap:10rem}
    .krea-membership-points>div{min-height:138rem;padding:21rem 19rem}
    .krea-membership-fee{display:block}
    .krea-membership-fee-note{margin-top:14rem;padding:25rem 22rem}
    .krea-membership-application{padding:26rem 22rem}
    .krea-membership-file-grid{grid-template-columns:1fr}
    .krea-membership-contact{display:block;margin-top:42rem;padding:30rem 25rem}
    .krea-membership-contact-info{grid-template-columns:repeat(2,1fr);min-width:0;margin-top:22rem}
}
@media all and (max-width:480px){
    .krea-membership-points{grid-template-columns:1fr}
    .krea-membership-points>div{min-height:0;padding:19rem 18rem}
    .krea-membership-points b{margin-bottom:10rem}
    .krea-membership-fee dl>div{display:block;min-height:0}
    .krea-membership-fee dt,
    .krea-membership-fee dd{display:block;padding:11rem 15rem}
    .krea-membership-fee dt{padding-bottom:5rem;border-bottom:0}
    .krea-membership-fee dd{padding-top:5rem}
    .krea-membership-file-card strong{padding-right:0}
    .krea-membership-file-card em{position:static;display:inline-block;margin-top:14rem;transform:none}
    .krea-membership-contact-info{grid-template-columns:1fr}
}

/* =========================================================
   v1.0.16 MEMBER BENEFITS DETAIL / RESPONSIVE QA
   sub04/sub02.php
   - Source: 한재연 홈페이지 기획안 4-2. 회원혜택
   - PHP5.3 safe / CSS-only responsive layout
   ========================================================= */
.krea-benefits-page .krea-content-body{
    max-width:1240rem;
    margin:0 auto;
}
.krea-benefits-intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) 220rem;
    gap:42rem;
    align-items:center;
    margin-bottom:38rem;
    padding:38rem 42rem;
    border:1rem solid #dfe8e3;
    border-radius:22rem;
    background:linear-gradient(135deg,#f7fbf8 0%,#ffffff 68%);
}
.krea-benefits-intro-copy{
    min-width:0;
}
.krea-benefits-intro .krea-section-label{
    display:block;
    margin-bottom:12rem;
    color:#2f8b62;
    font-size:14rem;
    font-weight:800;
    letter-spacing:.08em;
}
.krea-benefits-intro h4{
    margin:0 0 14rem;
    color:#1f372d;
    font-size:27rem;
    font-weight:800;
    line-height:1.35;
}
.krea-benefits-intro p{
    margin:9rem 0 0;
    color:#596760;
    font-size:16.5rem;
    line-height:1.82;
    word-break:keep-all;
}
.krea-benefits-intro p strong{
    color:#275d46;
    font-weight:800;
}
.krea-benefits-intro-badge{
    display:flex;
    min-height:154rem;
    align-items:center;
    justify-content:center;
    gap:16rem;
    border-radius:18rem;
    background:#176a4c;
    color:#fff;
    box-shadow:0 16rem 32rem rgba(23,106,76,.14);
}
.krea-benefits-intro-badge strong{
    font-size:56rem;
    font-weight:800;
    line-height:1;
}
.krea-benefits-intro-badge span{
    font-size:13rem;
    font-weight:700;
    line-height:1.45;
    letter-spacing:.08em;
}
.krea-benefits-quick{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12rem;
    margin:0 0 46rem;
}
.krea-benefits-quick a{
    display:flex;
    min-width:0;
    min-height:78rem;
    padding:17rem 18rem;
    align-items:center;
    gap:13rem;
    border:1rem solid #dce6e0;
    border-radius:14rem;
    background:#fff;
    color:#33463e;
    text-decoration:none;
    transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.krea-benefits-quick a:hover,
.krea-benefits-quick a:focus{
    border-color:#86b19a;
    background:#f5faf7;
    box-shadow:0 10rem 24rem rgba(33,84,62,.08);
    transform:translateY(-2rem);
    outline:none;
}
.krea-benefits-quick b{
    flex:0 0 auto;
    color:#2f8b62;
    font-size:13rem;
    font-weight:800;
}
.krea-benefits-quick span{
    min-width:0;
    color:#263d33;
    font-size:15rem;
    font-weight:750;
    line-height:1.35;
    word-break:keep-all;
}
.krea-benefits-detail-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20rem;
    align-items:stretch;
}
.krea-benefit-detail{
    display:flex;
    min-width:0;
    flex-direction:column;
    scroll-margin-top:120rem;
    padding:30rem 30rem 28rem;
    border:1rem solid #dfe7e2;
    border-radius:18rem;
    background:#fff;
    box-shadow:0 8rem 22rem rgba(35,62,50,.045);
}
.krea-benefit-head{
    display:flex;
    align-items:flex-start;
    gap:15rem;
    padding-bottom:18rem;
    border-bottom:1rem solid #e7ece9;
}
.krea-benefit-head > b{
    display:flex;
    flex:0 0 42rem;
    width:42rem;
    height:42rem;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#176a4c;
    color:#fff;
    font-size:13rem;
    font-weight:800;
}
.krea-benefit-head > div{
    min-width:0;
}
.krea-benefit-head h4{
    margin:0;
    color:#24392f;
    font-size:20rem;
    font-weight:800;
    line-height:1.38;
    word-break:keep-all;
}
.krea-benefit-head p{
    margin:7rem 0 0;
    color:#2f8b62;
    font-size:15rem;
    font-weight:700;
    line-height:1.55;
    word-break:keep-all;
}
.krea-benefit-desc{
    margin:20rem 0 18rem;
    color:#58675f;
    font-size:15.5rem;
    line-height:1.78;
    word-break:keep-all;
}
.krea-benefit-list{
    display:grid;
    gap:9rem;
    margin:0;
    padding:0;
    list-style:none;
}
.krea-benefit-list li{
    position:relative;
    padding-left:20rem;
    color:#3f4f47;
    font-size:15rem;
    line-height:1.58;
    word-break:keep-all;
}
.krea-benefit-list li:before{
    position:absolute;
    top:.7em;
    left:2rem;
    width:6rem;
    height:6rem;
    border-radius:50%;
    background:#65a684;
    content:"";
}
.krea-benefit-highlight{
    margin:auto 0 0;
    margin-top:22rem;
    padding:15rem 17rem;
    border-radius:11rem;
    background:#eef7f2;
    color:#205c40;
    font-size:15rem;
    font-weight:800;
    line-height:1.55;
    word-break:keep-all;
}
.krea-benefit-note{
    margin:auto 0 0;
    margin-top:22rem;
    padding:14rem 16rem;
    border-radius:10rem;
    background:#f5f6f5;
    color:#69746e;
    font-size:13.5rem;
    line-height:1.55;
    word-break:keep-all;
}
.krea-benefits-summary{
    margin-top:58rem;
    padding-top:46rem;
    border-top:1rem solid #dfe6e2;
}
.krea-section-heading{
    margin-bottom:22rem;
}
.krea-section-heading span{
    display:block;
    margin-bottom:7rem;
    color:#2f8b62;
    font-size:13rem;
    font-weight:800;
    letter-spacing:.08em;
}
.krea-section-heading h4{
    margin:0;
    color:#23382e;
    font-size:27rem;
    font-weight:800;
    line-height:1.35;
}
.krea-benefits-summary-table{
    overflow:hidden;
    border:1rem solid #dce5df;
    border-radius:14rem;
    background:#fff;
}
.krea-benefits-summary-table > div{
    display:grid;
    grid-template-columns:160rem minmax(0,1fr);
    min-height:58rem;
    border-top:1rem solid #e7ece9;
}
.krea-benefits-summary-table > div:first-child{
    border-top:0;
}
.krea-benefits-summary-table strong,
.krea-benefits-summary-table b,
.krea-benefits-summary-table span{
    display:flex;
    min-width:0;
    padding:15rem 20rem;
    align-items:center;
    box-sizing:border-box;
}
.krea-benefits-summary-table strong{
    background:#176a4c;
    color:#fff;
    font-size:14rem;
    font-weight:800;
}
.krea-benefits-summary-table b{
    background:#f5f9f6;
    color:#285d46;
    font-size:15rem;
    font-weight:800;
}
.krea-benefits-summary-table span{
    color:#46564e;
    font-size:15rem;
    line-height:1.55;
    word-break:keep-all;
}

@media all and (max-width:1100px){
    .krea-benefits-intro{
        grid-template-columns:minmax(0,1fr) 180rem;
        gap:28rem;
        padding:32rem 34rem;
    }
    .krea-benefits-intro-badge{
        min-height:140rem;
    }
    .krea-benefits-quick{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .krea-benefit-detail{
        padding:26rem 24rem 25rem;
    }
}

@media all and (max-width:767px){
    .krea-benefits-intro{
        grid-template-columns:1fr;
        gap:22rem;
        margin-bottom:28rem;
        padding:26rem 22rem;
        border-radius:17rem;
    }
    .krea-benefits-intro h4{
        font-size:23rem;
    }
    .krea-benefits-intro p{
        font-size:15.5rem;
        line-height:1.75;
    }
    .krea-benefits-intro-badge{
        min-height:94rem;
        justify-content:flex-start;
        padding:0 24rem;
    }
    .krea-benefits-intro-badge strong{
        font-size:42rem;
    }
    .krea-benefits-quick{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9rem;
        margin-bottom:32rem;
    }
    .krea-benefits-quick a{
        min-height:68rem;
        padding:14rem 13rem;
        gap:10rem;
    }
    .krea-benefits-quick span{
        font-size:14rem;
    }
    .krea-benefits-detail-grid{
        grid-template-columns:1fr;
        gap:15rem;
    }
    .krea-benefit-detail{
        scroll-margin-top:105rem;
        padding:24rem 20rem 22rem;
        border-radius:15rem;
    }
    .krea-benefit-head{
        gap:12rem;
    }
    .krea-benefit-head > b{
        flex-basis:38rem;
        width:38rem;
        height:38rem;
    }
    .krea-benefit-head h4{
        font-size:18rem;
    }
    .krea-benefit-head p{
        font-size:14.5rem;
    }
    .krea-benefit-desc{
        margin:17rem 0 16rem;
        font-size:15rem;
    }
    .krea-benefit-list li{
        font-size:14.5rem;
    }
    .krea-benefits-summary{
        margin-top:42rem;
        padding-top:34rem;
    }
    .krea-section-heading h4{
        font-size:23rem;
    }
    .krea-benefits-summary-table > div{
        grid-template-columns:115rem minmax(0,1fr);
    }
    .krea-benefits-summary-table strong,
    .krea-benefits-summary-table b,
    .krea-benefits-summary-table span{
        padding:13rem 14rem;
    }
    .krea-benefits-summary-table span{
        font-size:14rem;
    }
}

@media all and (max-width:420px){
    .krea-benefits-quick{
        grid-template-columns:1fr;
    }
    .krea-benefits-quick a{
        min-height:58rem;
    }
    .krea-benefits-summary-table > div,
    .krea-benefits-summary-table .krea-benefits-summary-head{
        grid-template-columns:1fr;
    }
    .krea-benefits-summary-table .krea-benefits-summary-head{
        display:none;
    }
    .krea-benefits-summary-table > div{
        padding:13rem 15rem;
    }
    .krea-benefits-summary-table b,
    .krea-benefits-summary-table span{
        padding:0;
    }
    .krea-benefits-summary-table b{
        margin-bottom:5rem;
        background:none;
        font-size:14rem;
    }
    .krea-benefits-summary-table span{
        font-size:14rem;
        line-height:1.5;
    }
}

/* =========================================================
   K-REA v1.0.17 - MEMBER BENEFITS SUMMARY LABEL FIX
   - prevent long English summary label from inheriting round number badge
   - scoped to sub04/sub02 summary section only
   ========================================================= */
.krea-benefits-summary .krea-section-heading{
    display:block;
    margin-bottom:22rem;
}
.krea-benefits-summary .krea-section-heading>span{
    display:block;
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    flex:none;
    margin:0 0 7rem;
    padding:0;
    border-radius:0;
    background:none;
    color:#2f8b62;
    font-size:13rem;
    font-weight:800;
    line-height:1.4;
    letter-spacing:.08em;
    white-space:normal;
    overflow:visible;
    word-break:keep-all;
}
.krea-benefits-summary .krea-section-heading h4{
    margin:0;
    color:#23382e;
    font-size:27rem;
    font-weight:800;
    line-height:1.35;
}

@media all and (max-width:767px){
    .krea-benefits-summary .krea-section-heading>span{
        margin-bottom:6rem;
        font-size:12rem;
        letter-spacing:.06em;
    }
    .krea-benefits-summary .krea-section-heading h4{
        font-size:23rem;
    }
}

/* =========================================================
   K-REA v1.0.18 - MEMBERSHIP FORM DOWNLOAD / PHP5.3 FINAL
   - /data/down/member.hwp download link
   - scoped hover/focus only for active download cards
   ========================================================= */
.krea-membership-file-card.is-download{
    display:block;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
    transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.krea-membership-file-card.is-download:hover,
.krea-membership-file-card.is-download:focus{
    border-color:#176a4c;
    background:#f1f8f4;
    box-shadow:0 10rem 24rem rgba(23,106,76,.10);
    transform:translateY(-2rem);
    outline:none;
}
.krea-membership-file-card.is-download:hover strong,
.krea-membership-file-card.is-download:focus strong{
    color:#176a4c;
}
.krea-membership-file-card.is-download em{
    background:#176a4c;
    color:#fff;
}
.krea-membership-file-card.is-download:hover em,
.krea-membership-file-card.is-download:focus em{
    background:#0f583d;
}
@media(max-width:767px){
    .krea-membership-file-card.is-download{
        min-height:112rem;
    }
}
@media(max-width:480px){
    .krea-membership-file-card.is-download strong{
        padding-right:0;
        padding-bottom:34rem;
    }
    .krea-membership-file-card.is-download em{
        top:auto;
        right:auto;
        left:20rem;
        bottom:16rem;
        transform:none;
    }
}

/* v1.0.19 MEMBER ORGANIZATIONS FULL DESCRIPTION / FIELDS / RESPONSIVE QA / PHP5.3 FINAL */
.krea-member-card-body>p {
    max-width:100%;
    color:#465c51;
    font-size:16rem;
    line-height:1.82;
    word-break:keep-all;
}

.krea-member-meta {
    display:grid;
    grid-template-columns:minmax(170rem, .36fr) minmax(0, 1fr);
    gap:14rem;
    margin-top:20rem;
    padding-top:18rem;
    border-top:1rem solid #e4ece8;
}

.krea-member-affiliation,
.krea-member-keywords {
    min-width:0;
}

.krea-member-affiliation>strong,
.krea-member-keywords>strong {
    display:block;
    margin-bottom:8rem;
    color:#718179;
    font-size:11rem;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.04em;
}

.krea-member-affiliation>span {
    display:inline-flex;
    min-height:32rem;
    align-items:center;
    padding:0 12rem;
    box-sizing:border-box;
    border-radius:999rem;
    background:#edf6f1;
    color:#176a4c;
    font-size:12rem;
    line-height:1.35;
    font-weight:800;
    word-break:keep-all;
}

.krea-member-keyword-list {
    display:flex;
    flex-wrap:wrap;
    gap:7rem;
}

.krea-member-keyword-list>span {
    display:inline-flex;
    min-height:32rem;
    align-items:center;
    padding:0 11rem;
    box-sizing:border-box;
    border:1rem solid #d7e5de;
    border-radius:999rem;
    background:#fff;
    color:#3e5d4e;
    font-size:12rem;
    line-height:1.35;
    font-weight:700;
    white-space:nowrap;
}

.krea-member-card-foot {
    justify-content:flex-end;
    margin-top:14rem;
    padding-top:0;
}

@media all and (max-width:900px) {
    .krea-member-card {
        grid-template-columns:160rem minmax(0,1fr);
        gap:22rem;
    }

    .krea-member-meta {
        grid-template-columns:1fr;
    }
}

@media all and (max-width:767px) {
    .krea-member-card {
        grid-template-columns:1fr;
    }

    .krea-member-card-body>p {
        font-size:15rem;
        line-height:1.78;
    }

    .krea-member-meta {
        gap:16rem;
        margin-top:18rem;
        padding-top:16rem;
    }

    .krea-member-affiliation>span,
    .krea-member-keyword-list>span {
        min-height:31rem;
        font-size:12rem;
    }
}

@media all and (max-width:480px) {
    .krea-member-keyword-list {
        gap:6rem;
    }

    .krea-member-keyword-list>span {
        white-space:normal;
        text-align:center;
    }
}

/* =========================================================
   K-REA v1.0.23 / MEMBER ORGANIZATION LOGO CARDS
   - sub01/sub02.php only
   - PHP5.3 compatible markup / responsive 4-3-2-1 columns
   ========================================================= */
.krea-about-page .krea-about-member-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16rem;
    margin:34rem 0 0;
    padding:0;
    border:0;
    list-style:none;
    counter-reset:krea-member;
}
.krea-about-page .krea-about-member-list li{
    position:relative;
    min-width:0;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
    counter-increment:krea-member;
}
.krea-about-page .krea-about-member-list li:before{
    display:none;
    content:none;
}
.krea-about-page .krea-about-member-card{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    min-height:238rem;
    padding:22rem 18rem 18rem;
    overflow:hidden;
    border:1rem solid #dce8e1;
    border-radius:14rem;
    background:#fff;
    box-shadow:0 8rem 24rem rgba(27,72,52,.055);
    box-sizing:border-box;
    color:#394a41;
    text-align:center;
    text-decoration:none;
}
.krea-about-page a.krea-about-member-card{
    cursor:pointer;
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.krea-about-page a.krea-about-member-card:hover,
.krea-about-page a.krea-about-member-card:focus{
    border-color:#9bc4b1;
    box-shadow:0 12rem 28rem rgba(27,72,52,.12);
    transform:translateY(-3rem);
    outline:0;
}
.krea-about-page .krea-about-member-no{
    position:absolute;
    left:14rem;
    top:12rem;
    z-index:2;
    color:#76a58f;
    font-size:11rem;
    font-weight:800;
    letter-spacing:.35rem;
}
.krea-about-page .krea-about-member-no:before{
    content:counter(krea-member, decimal-leading-zero);
}
.krea-about-page .krea-about-member-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:112rem;
    margin:8rem 0 12rem;
    overflow:hidden;
    box-sizing:border-box;
}
.krea-about-page .krea-about-member-logo img{
    display:block;
    width:auto;
    height:auto;
    max-width:92%;
    max-height:94rem;
    object-fit:contain;
}
.krea-about-page .krea-about-member-logo.logo-wide img{
    max-width:98%;
    max-height:88rem;
}
.krea-about-page .krea-about-member-logo.logo-medium img{
    max-width:88%;
    max-height:94rem;
}
.krea-about-page .krea-about-member-name{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44rem;
    color:#263c32;
    font-size:15rem;
    font-weight:750;
    line-height:1.45;
    word-break:keep-all;
}
.krea-about-page .krea-about-member-site{
    display:block;
    width:100%;
    min-height:22rem;
    margin-top:auto;
    padding-top:10rem;
    color:#5f786c;
    font-size:12rem;
    line-height:1.4;
    word-break:break-all;
}
.krea-about-page .krea-about-member-site em{
    margin-left:4rem;
    color:#176a4c;
    font-style:normal;
    font-weight:800;
}
.krea-about-page .krea-about-member-list li.no-link .krea-about-member-card{
    background:#fbfdfc;
    box-shadow:none;
}
.krea-about-page .krea-about-member-list li.no-link .krea-about-member-site{
    visibility:hidden;
}

@media(max-width:1200px){
    .krea-about-page .krea-about-member-list{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}
@media(max-width:900px){
    .krea-about-page .krea-about-member-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:13rem;
    }
    .krea-about-page .krea-about-member-card{
        min-height:226rem;
        padding:20rem 15rem 16rem;
    }
    .krea-about-page .krea-about-member-logo{
        height:104rem;
    }
    .krea-about-page .krea-about-member-logo img{
        max-height:88rem;
    }
}
@media(max-width:480px){
    .krea-about-page .krea-about-member-list{
        grid-template-columns:1fr;
        gap:11rem;
        margin-top:24rem;
    }
    .krea-about-page .krea-about-member-card{
        min-height:214rem;
        padding:18rem 16rem 15rem;
    }
    .krea-about-page .krea-about-member-logo{
        height:98rem;
        margin-top:5rem;
    }
    .krea-about-page .krea-about-member-logo img,
    .krea-about-page .krea-about-member-logo.logo-wide img,
    .krea-about-page .krea-about-member-logo.logo-medium img{
        max-width:94%;
        max-height:84rem;
    }
    .krea-about-page .krea-about-member-name{
        min-height:38rem;
        font-size:15rem;
    }
}


/* =========================================================
   K-REA v1.0.24 - EXECUTIVE TABLE POSITION ALIGN CENTER
   - sub01/sub06.php only
   - center organization-position column without affecting other tables
   ========================================================= */
.krea-executive-page .krea-table td:last-child{
    text-align:center;
}

/* =========================================================
   K-REA v1.0.26 - LOCATION INFO CARD UI POLISH
   - sub01/sub08.php only
   - responsive Kakao RoughMap + polished location/contact cards
   ========================================================= */
.krea-location-page .krea-location-map-wrap{
    position:relative;
    width:100%;
    overflow:hidden;
    border:1px solid #dce6e1;
    border-radius:20rem;
    background:#f8fbf9;
    box-shadow:0 10rem 30rem rgba(28,74,55,.06);
    box-sizing:border-box;
}
.krea-location-page .krea-location-map-wrap .root_daum_roughmap{
    width:100% !important;
    max-width:none !important;
}
.krea-location-page .krea-location-map-wrap .root_daum_roughmap .wrap_map{
    width:100% !important;
    height:460rem !important;
}
.krea-location-page .krea-location-map-wrap .root_daum_roughmap .wrap_controllers{
    width:100% !important;
    box-sizing:border-box;
}
.krea-location-page .krea-location-info{
    display:grid;
    grid-template-columns:1.75fr 1fr 1.15fr;
    width:100%;
    margin-top:26rem;
    overflow:hidden;
    border:1px solid #dce6e1;
    border-radius:18rem;
    background:#fff;
    box-shadow:0 12rem 34rem rgba(29,70,53,.065);
    box-sizing:border-box;
}
.krea-location-page .krea-location-item{
    display:flex;
    align-items:center;
    gap:18rem;
    min-width:0;
    min-height:154rem;
    padding:28rem 28rem;
    border-right:1px solid #e4ebe7;
    background:linear-gradient(180deg,#fff 0%,#fcfefd 100%);
    box-sizing:border-box;
}
.krea-location-page .krea-location-item:last-child{
    border-right:0;
}
.krea-location-page .krea-location-item-address{
    padding-left:32rem;
}
.krea-location-page .krea-location-icon{
    display:flex;
    flex:0 0 48rem;
    width:48rem;
    height:48rem;
    align-items:center;
    justify-content:center;
    border:1px solid #d7e5de;
    border-radius:14rem;
    background:#f2f8f5;
    color:#176a4c;
    box-sizing:border-box;
}
.krea-location-page .krea-location-icon svg{
    display:block;
    width:22rem;
    height:22rem;
    fill:currentColor;
}
.krea-location-page .krea-location-text{
    min-width:0;
}
.krea-location-page .krea-location-label{
    display:block;
    margin-bottom:5rem;
    color:#176a4c;
    font-size:11rem;
    font-weight:800;
    line-height:1.2;
    letter-spacing:.10em;
}
.krea-location-page .krea-location-item strong{
    display:block;
    margin-bottom:8rem;
    color:#243a30;
    font-size:18rem;
    font-weight:700;
    line-height:1.35;
}
.krea-location-page .krea-location-item p{
    margin:0;
    color:#5b6d64;
    font-size:15rem;
    line-height:1.7;
    word-break:keep-all;
}
.krea-location-page .krea-location-item p em{
    color:#829087;
    font-style:normal;
}
.krea-location-page .krea-location-item a{
    color:#36594a;
    font-weight:600;
    text-decoration:none;
    transition:color .2s ease;
}
.krea-location-page .krea-location-item a:hover,
.krea-location-page .krea-location-item a:focus{
    color:#176a4c;
    text-decoration:underline;
}

@media(max-width:1100px){
    .krea-location-page .krea-location-info{
        grid-template-columns:1.45fr 1fr 1.15fr;
    }
    .krea-location-page .krea-location-item{
        gap:14rem;
        padding:24rem 20rem;
    }
    .krea-location-page .krea-location-item-address{
        padding-left:24rem;
    }
    .krea-location-page .krea-location-icon{
        flex-basis:44rem;
        width:44rem;
        height:44rem;
    }
}

@media(max-width:1024px){
    .krea-location-page .krea-location-map-wrap .root_daum_roughmap .wrap_map{
        height:400rem !important;
    }
    .krea-location-page .krea-location-item strong{
        font-size:17rem;
    }
    .krea-location-page .krea-location-item p{
        font-size:14rem;
    }
}

@media(max-width:820px){
    .krea-location-page .krea-location-info{
        grid-template-columns:1fr;
        margin-top:20rem;
        border-radius:16rem;
    }
    .krea-location-page .krea-location-item,
    .krea-location-page .krea-location-item-address{
        min-height:0;
        padding:20rem 22rem;
        border-right:0;
        border-bottom:1px solid #e4ebe7;
    }
    .krea-location-page .krea-location-item:last-child{
        border-bottom:0;
    }
}

@media(max-width:767px){
    .krea-location-page .krea-location-map-wrap{
        border-radius:14rem;
    }
    .krea-location-page .krea-location-map-wrap .root_daum_roughmap .wrap_map{
        height:330rem !important;
    }
    .krea-location-page .krea-location-info{
        margin-top:16rem;
        border-radius:14rem;
        box-shadow:0 8rem 22rem rgba(29,70,53,.05);
    }
    .krea-location-page .krea-location-item,
    .krea-location-page .krea-location-item-address{
        gap:14rem;
        padding:18rem 18rem;
    }
    .krea-location-page .krea-location-icon{
        flex-basis:42rem;
        width:42rem;
        height:42rem;
        border-radius:12rem;
    }
    .krea-location-page .krea-location-icon svg{
        width:20rem;
        height:20rem;
    }
    .krea-location-page .krea-location-label{
        margin-bottom:4rem;
        font-size:10rem;
    }
    .krea-location-page .krea-location-item strong{
        margin-bottom:5rem;
        font-size:16rem;
    }
    .krea-location-page .krea-location-item p{
        font-size:14rem;
        line-height:1.6;
    }
}

@media(max-width:420px){
    .krea-location-page .krea-location-map-wrap .root_daum_roughmap .wrap_map{
        height:280rem !important;
    }
    .krea-location-page .krea-location-item,
    .krea-location-page .krea-location-item-address{
        padding:16rem 15rem;
    }
    .krea-location-page .krea-location-address-break{
        display:none;
    }
}

/* v1.0.27 MEMBER ORGANIZATIONS LOGO + WEBSITE SYNC / RESPONSIVE QA / PHP5.3 FINAL */
.krea-member-page .krea-member-logo.has-logo{
    border-style:solid;
    border-color:#dce7e1;
    background:#fff;
    padding:14rem;
}
.krea-member-page .krea-member-logo-link{
    display:flex;
    width:100%;
    height:100%;
    min-height:116rem;
    align-items:center;
    justify-content:center;
    border-radius:10rem;
    text-decoration:none;
    transition:transform .2s ease, background-color .2s ease;
}
.krea-member-page .krea-member-logo-link:hover,
.krea-member-page .krea-member-logo-link:focus{
    background:#f5faf7;
    transform:translateY(-2rem);
}
.krea-member-page .krea-member-logo.has-logo img{
    display:block;
    width:100%;
    max-width:158rem;
    max-height:118rem;
    height:auto;
    object-fit:contain;
}
.krea-member-page .krea-member-card-foot:empty{
    display:none;
}
@media(max-width:900px){
    .krea-member-page .krea-member-logo.has-logo img{
        max-width:150rem;
        max-height:108rem;
    }
}
@media(max-width:640px){
    .krea-member-page .krea-member-logo-link{
        min-height:96rem;
    }
    .krea-member-page .krea-member-logo.has-logo img{
        max-width:145rem;
        max-height:92rem;
    }
}


/* v1.0.28 MEMBER WEBSITE BUTTON VISIBILITY / RESPONSIVE QA / PHP5.3 FINAL */
.krea-member-card-foot .krea-member-site,
.krea-member-card-foot a.krea-member-site:link,
.krea-member-card-foot a.krea-member-site:visited {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6rem;
    min-width:96rem;
    min-height:38rem;
    padding:0 18rem;
    border:1rem solid #176a4c;
    border-radius:999rem;
    background:#176a4c;
    color:#fff !important;
    font-size:13rem;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    box-shadow:0 5rem 12rem rgba(23,106,76,.14);
    transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.krea-member-card-foot .krea-member-site:hover,
.krea-member-card-foot .krea-member-site:focus,
.krea-member-card-foot .krea-member-site:active {
    border-color:#0f573d;
    background:#0f573d;
    color:#fff !important;
    text-decoration:none !important;
    box-shadow:0 7rem 16rem rgba(23,106,76,.22);
    transform:translateY(-1rem);
}
.krea-member-site-arrow {
    display:inline-block;
    color:#fff !important;
    font-size:13rem;
    font-weight:800;
    line-height:1;
}
@media all and (max-width:760px) {
    .krea-member-card-foot .krea-member-site,
    .krea-member-card-foot a.krea-member-site:link,
    .krea-member-card-foot a.krea-member-site:visited {
        min-width:104rem;
        min-height:40rem;
        padding:0 18rem;
        font-size:13rem;
    }
}

/* =========================================================
   K-REA v1.0.29 MOBILE SUB NAV AUTO-FLOW / RESPONSIVE QA / PHP5.3 FINAL
   - Mobile sub menu participates in document flow instead of absolute overlay.
   - Menu rows expand naturally (2 / 4 / 6 / 8+ items) without covering #contents.
   - Preserve 2-column box layout and touch target size.
   ========================================================= */
@media all and (max-width:767px){
    #sub_visual.sub_visual{
        height:auto!important;
        min-height:220rem;
        padding-bottom:18px;
        overflow:visible;
        box-sizing:border-box;
    }
    #sub_visual #snb.ain-snb-tabs{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        bottom:auto!important;
        width:calc(100% - 24px)!important;
        margin:-10px auto 0!important;
        transform:none!important;
        z-index:100;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-scroll{
        width:100%;
        overflow:visible;
        box-sizing:border-box;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-auto-rows:1fr;
        align-items:stretch;
        width:100%;
        gap:8px;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list li{
        display:flex;
        min-width:0;
        height:100%;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a{
        display:flex;
        width:100%;
        min-height:54px;
        height:100%;
        padding:10px 10px;
        align-items:center;
        justify-content:center;
        white-space:normal;
        word-break:keep-all;
        overflow-wrap:break-word;
        line-height:1.35;
        text-align:center;
        box-sizing:border-box;
    }
    #contents{
        position:relative;
        z-index:1;
        padding-top:30rem!important;
    }
}

@media all and (max-width:420px){
    #sub_visual.sub_visual{
        min-height:208rem;
        padding-bottom:14px;
    }
    #sub_visual #snb.ain-snb-tabs{
        width:calc(100% - 20px)!important;
        margin:-8px auto 0!important;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list{
        gap:7px;
    }
    #sub_visual #snb.ain-snb-tabs .ain-snb-list a{
        min-height:52px;
        padding:9px 7px;
        font-size:14px!important;
    }
    #contents{
        padding-top:24rem!important;
    }
}