@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;}
	
}



/* ========================================================================== */
/* v1.0.0 BREAST CENTER DOCTOR Q&A / BIOPSY 250 CASES / PHP5.3 FINAL         */
/* 2026-09-09 : sub01/sub02.php + sub02/sub04.php responsive enhancement      */
/* ========================================================================== */
.ain-doctor-qa {
    padding: 80rem 0 100rem;
    background: #f7faf7;
}
.ain-doctor-qa .wrap {
    max-width: 1280px;
}
.ain-doctor-qa__head {
    margin-bottom: 45rem;
    text-align: center;
}
.ain-doctor-qa__head em {
    display: block;
    margin-bottom: 10rem;
    color: #57ba47;
    font-size: 14rem;
    font-weight: 600;
    letter-spacing: .12em;
}
.ain-doctor-qa__head h3 {
    color: #111;
    font-size: 34rem;
    font-weight: 800;
    letter-spacing: -1.2px;
}
.ain-doctor-qa__head p {
    margin-top: 14rem;
    color: #666;
    font-size: 17rem;
    line-height: 1.7;
    word-break: keep-all;
}
.ain-doctor-qa__groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: start;
}
.ain-doctor-qa__group {
    overflow: hidden;
    border: 1px solid #e2e9e1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(38, 75, 38, .05);
}
.ain-doctor-qa__group h4 {
    padding: 22rem 26rem;
    border-bottom: 1px solid #e8eee7;
    background: #eef7ed;
    color: #222;
    font-size: 22rem;
    font-weight: 400;
    letter-spacing: -.7px;
}
.ain-doctor-qa__group h4 b {
    color: #2f8f43;
    font-weight: 800;
}
.ain-doctor-qa__list {
    margin: 0;
}
.ain-doctor-qa__item {
    padding: 24rem 26rem 26rem;
}
.ain-doctor-qa__item + .ain-doctor-qa__item {
    border-top: 1px solid #edf0ed;
}
.ain-doctor-qa__item dt,
.ain-doctor-qa__item dd {
    position: relative;
    margin: 0;
    padding-left: 38rem;
    word-break: keep-all;
}
.ain-doctor-qa__item dt {
    color: #222;
    font-size: 18rem;
    font-weight: 700;
    line-height: 1.55;
}
.ain-doctor-qa__item dd {
    margin-top: 13rem;
    color: #555;
    font-size: 16rem;
    font-weight: 400;
    line-height: 1.8;
}
.ain-doctor-qa__item dt span,
.ain-doctor-qa__item dd span {
    position: absolute;
    top: 1rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27rem;
    height: 27rem;
    border-radius: 50%;
    font-size: 14rem;
    font-weight: 800;
}
.ain-doctor-qa__item dt span {
    background: #57ba47;
    color: #fff;
}
.ain-doctor-qa__item dd span {
    border: 1px solid #cfe5cb;
    background: #f3f9f2;
    color: #3f9947;
}

.ain-biopsy-achievement {
    padding: 65rem 20rem;
    background: #fff;
}
.ain-biopsy-achievement .wrap {
    max-width: 1280px;
}
.ain-biopsy-achievement__box {
    position: relative;
    overflow: hidden;
    padding: 52rem 50rem;
    border: 1px solid #dfeadf;
    border-radius: 22px;
    background: linear-gradient(135deg, #f8fcf7 0%, #ffffff 62%, #f0f8ee 100%);
    text-align: center;
}
.ain-biopsy-achievement__box:before,
.ain-biopsy-achievement__box:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.ain-biopsy-achievement__box:before {
    top: -80rem;
    right: -70rem;
    width: 190rem;
    height: 190rem;
    background: rgba(87, 186, 71, .06);
}
.ain-biopsy-achievement__box:after {
    bottom: -65rem;
    left: -45rem;
    width: 140rem;
    height: 140rem;
    background: rgba(87, 186, 71, .04);
}
.ain-biopsy-achievement__eyebrow {
    position: relative;
    z-index: 1;
    margin-bottom: 13rem;
    color: #57ba47;
    font-size: 14rem;
    font-weight: 700;
    letter-spacing: .16em;
}
.ain-biopsy-achievement__box h3 {
    position: relative;
    z-index: 1;
    color: #1c1c1c;
    font-size: 28rem;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -1px;
    word-break: keep-all;
}
.ain-biopsy-achievement__box h3 strong {
    display: inline-block;
    margin: 0 4rem;
    color: #2f9942;
    font-size: 48rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: -5rem;
}
.ain-biopsy-achievement__date {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-top: 13rem;
    padding: 6rem 14rem;
    border-radius: 30px;
    background: #eef7ed;
    color: #4d7250;
    font-size: 14rem;
    font-weight: 600;
}
.ain-biopsy-achievement__desc {
    position: relative;
    z-index: 1;
    margin-top: 22rem;
    color: #444;
    font-size: 18rem;
    font-weight: 500;
    line-height: 1.7;
    word-break: keep-all;
}

@media all and (max-width: 1024px) {
    .ain-doctor-qa {
        padding: 60rem 0 75rem;
    }
    .ain-doctor-qa .wrap {
        padding: 0 30px;
    }
    .ain-doctor-qa__groups {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    .ain-doctor-qa__head h3 {
        font-size: 28rem;
    }
    .ain-biopsy-achievement {
        padding: 50rem 30rem;
    }
    .ain-biopsy-achievement__box {
        padding: 45rem 35rem;
    }
    .ain-biopsy-achievement__box h3 {
        font-size: 24rem;
    }
    .ain-biopsy-achievement__box h3 strong {
        font-size: 42rem;
    }
}

@media all and (max-width: 600px) {
    .ain-doctor-qa {
        padding: 45rem 0 55rem;
    }
    .ain-doctor-qa .wrap {
        padding: 0 18px;
    }
    .ain-doctor-qa__head {
        margin-bottom: 30rem;
    }
    .ain-doctor-qa__head em {
        font-size: 12rem;
        letter-spacing: .08em;
    }
    .ain-doctor-qa__head h3 {
        font-size: 25rem;
    }
    .ain-doctor-qa__head p {
        font-size: 15rem;
    }
    .ain-doctor-qa__group {
        border-radius: 14px;
    }
    .ain-doctor-qa__group h4 {
        padding: 18rem 18rem;
        font-size: 20rem;
    }
    .ain-doctor-qa__item {
        padding: 20rem 18rem 22rem;
    }
    .ain-doctor-qa__item dt,
    .ain-doctor-qa__item dd {
        padding-left: 34rem;
    }
    .ain-doctor-qa__item dt {
        font-size: 17rem;
        line-height: 1.55;
    }
    .ain-doctor-qa__item dd {
        margin-top: 12rem;
        font-size: 15rem;
        line-height: 1.75;
    }
    .ain-doctor-qa__item dt span,
    .ain-doctor-qa__item dd span {
        width: 24rem;
        height: 24rem;
        font-size: 12rem;
    }
    .ain-biopsy-achievement {
        padding: 38rem 18px;
    }
    .ain-biopsy-achievement__box {
        padding: 35rem 20rem;
        border-radius: 16px;
    }
    .ain-biopsy-achievement__eyebrow {
        font-size: 12rem;
        letter-spacing: .1em;
    }
    .ain-biopsy-achievement__box h3 {
        font-size: 20rem;
        line-height: 1.5;
    }
    .ain-biopsy-achievement__box h3 strong {
        display: block;
        margin: 8rem 0 6rem;
        font-size: 40rem;
        vertical-align: baseline;
    }
    .ain-biopsy-achievement__date {
        margin-top: 8rem;
        font-size: 13rem;
    }
    .ain-biopsy-achievement__desc {
        margin-top: 18rem;
        font-size: 16rem;
        line-height: 1.65;
    }
}


/* ========================================================================== */
/* v1.1.0 BREAST CENTER EXAM Q&A / RESPONSIVE QA / PHP5.3 FINAL              */
/* 2026-09-10 : sub02/sub01.php ~ sub02/sub04.php common Q&A                  */
/* ========================================================================== */
.ain-content-qa {
    padding: 80rem 0 100rem;
    background: #f7faf7;
}
.ain-content-qa .wrap {
    max-width: 1180px;
}
.ain-content-qa__head {
    margin-bottom: 42rem;
    text-align: center;
}
.ain-content-qa__head em {
    display: block;
    margin-bottom: 10rem;
    color: #57ba47;
    font-size: 14rem;
    font-weight: 600;
    letter-spacing: .12em;
}
.ain-content-qa__head h3 {
    color: #111;
    font-size: 34rem;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -1.2px;
    word-break: keep-all;
}
.ain-content-qa__list {
    overflow: hidden;
    margin: 0;
    border: 1px solid #e2e9e1;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(38, 75, 38, .05);
}
.ain-content-qa__item {
    padding: 27rem 32rem 29rem;
}
.ain-content-qa__item + .ain-content-qa__item {
    border-top: 1px solid #edf0ed;
}
.ain-content-qa__item dt,
.ain-content-qa__item dd {
    position: relative;
    margin: 0;
    padding-left: 40rem;
    word-break: keep-all;
}
.ain-content-qa__item dt {
    color: #222;
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.6;
}
.ain-content-qa__item dd {
    margin-top: 13rem;
    color: #555;
    font-size: 16rem;
    font-weight: 400;
    line-height: 1.85;
}
.ain-content-qa__item dt span,
.ain-content-qa__item dd span {
    position: absolute;
    top: 1rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28rem;
    height: 28rem;
    border-radius: 50%;
    font-size: 14rem;
    font-weight: 800;
}
.ain-content-qa__item dt span {
    background: #57ba47;
    color: #fff;
}
.ain-content-qa__item dd span {
    border: 1px solid #cfe5cb;
    background: #f3f9f2;
    color: #3f9947;
}

@media all and (max-width: 1024px) {
    .ain-content-qa {
        padding: 60rem 0 75rem;
    }
    .ain-content-qa .wrap {
        padding: 0 30px;
    }
    .ain-content-qa__head h3 {
        font-size: 28rem;
    }
    .ain-content-qa__item {
        padding: 24rem 26rem 26rem;
    }
}

@media all and (max-width: 600px) {
    .ain-content-qa {
        padding: 45rem 0 55rem;
    }
    .ain-content-qa .wrap {
        padding: 0 18px;
    }
    .ain-content-qa__head {
        margin-bottom: 30rem;
    }
    .ain-content-qa__head em {
        font-size: 12rem;
        letter-spacing: .08em;
    }
    .ain-content-qa__head h3 {
        font-size: 24rem;
        line-height: 1.45;
    }
    .ain-content-qa__list {
        border-radius: 14px;
    }
    .ain-content-qa__item {
        padding: 20rem 18rem 22rem;
    }
    .ain-content-qa__item dt,
    .ain-content-qa__item dd {
        padding-left: 34rem;
    }
    .ain-content-qa__item dt {
        font-size: 17rem;
        line-height: 1.6;
    }
    .ain-content-qa__item dd {
        margin-top: 12rem;
        font-size: 15rem;
        line-height: 1.78;
    }
    .ain-content-qa__item dt span,
    .ain-content-qa__item dd span {
        width: 24rem;
        height: 24rem;
        font-size: 12rem;
    }
}