@charset "utf-8";


/* 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;}
.tit01 {z-index:50; position: relative; padding-top:14rem; margin: 0 0 30rem;font-size:25rem;font-weight: 600;color: #222;line-height: 1;} 
.tit01::before {content: "";position: absolute;left: 0;top: 0;width:12rem;height: 3rem;background:#c5a56e;} 
.tit01::after {content: "";position: absolute;left: 12rem;top: 0;width:12rem;height: 3rem;background:#6f4a12;} 
.tit02 {z-index:50; display:flex; align-items: center; position: relative;margin: 40rem 0 20rem;font-size:21rem; padding-left:13rem; font-weight: 600;color:#222;line-height: 1;} 
.tit02::before {content: ""; position:absolute; left:0; top:8rem; width:5rem;height:5rem;background:#c5a56e; border-radius:50%;} 

.bg_gray{background:#f6f6f6;}
.add{margin: -11rem 0 15rem;}
.cont-box{margin-bottom:45rem;}
.cont-box:last-child{margin-bottom:0}
.list_bar > li {position:relative; padding-left:18rem; font-weight: 300; margin-top:7rem}
.list_bar > li:first-child {margin-top: 0}
.list_bar > li::before {content:''; position:absolute;top: 12rem;left:5rem; display:block; width: 7rem;height: 1rem; background: #7f7f7f}


.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: 0rem 0;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{position:relative;height:480rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;display: flex;align-items: center; justify-content: center;}
#sub_visual h2{font-weight:600;font-size:35rem;color:#000;animation:up .5s .2s forwards;}
#sub_visual h2 b{display:block; font-weight:bold}
#sub_visual p{font-family: "Marcellus", serif; position:relative;line-height:1;padding: 50rem 0 15rem 0;font-size:18rem;text-align:center;color:#000;letter-spacing:-.5px;}

#sub_visual dl {margin-top:30rem;    display: flex;    align-items: center;    gap: 8px;    font-size: 17rem;  font-weight:500;  color: #000;}
#sub_visual dl span {margin-left:43px; position:relative; color:#000; font-size:17px; font-weight:500; line-height:1.3; }
#sub_visual dl span:not(:first-child):before {content:""; display:block; position:absolute; top:50%; left:-31px; transform:translateY(-50%); background:url(../img/sub/home_arr.png) center center no-repeat; width:13px; height:13px; }
#sub_visual dl span:before {content:""; display:none; position:absolute; top:50%; left:-31px; transform:translateY(-50%); background:url(../img/sub/home_arr.png) center center no-repeat; width:13px; height:13px; }
#sub_visual dl span.home {font-family: "Marcellus", serif; font-weight:400; }

/* 서브 상단 이미지 */
#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) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;  }
.left_snb{width:100%; padding:25rem 0; text-align:center; border-bottom:1px solid #e5e5e5;}
.left_snb ul{display:flex; flex-wrap:wrap; justify-content:center; }
.left_snb h2{position:relative; line-height:1; padding:60px 0; background:#4cc4cd; border-bottom:0px solid #5ac9d1; font-weight:600; font-size:1.7em; color:#fff; text-align:center; text-transform:uppercase;}
.left_snb li{position:relative; }
.left_snb li:not(:last-child) { margin-right:32px; padding-right:32px; }
.left_snb li:not(:last-child):before { content:""; display:block; width:1px; height:13px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:#e5e5e5; }

.left_snb li a{font-weight:500; font-size:17rem; color:#9a9a9a;}
.left_snb li:hover a{color:#000;}
.left_snb li.on a{font-weight:600; color:#000;}
.left_snb ul{width:1400rem; margin:0 auto; text-align:center;}


@media (max-width:860px) {
	#sub_visual{height:350rem}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{padding:50rem 0 15rem 0; font-size:16rem}
	#sub_visual dl {display:none;}
}

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

	#sub_visual{height:260rem}
	#sub_visual h2{font-size:20rem}
	#sub_visual p{font-size:14rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}
	.subtable tbody th{width:15%;}

	#contents p{font-size:14rem}

}

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


.sec_dr {margin:50rem 0; }
.sec_dr .con > div{display:flex;justify-content:center;align-items:center;gap:130px;padding-bottom:80px;}
.sec_dr .con > div:nth-child(even){flex-direction:row-reverse;}
.sec_dr .con > div:last-child{padding-bottom:0;}
.sec_dr .con img {border-radius:20px;}
.sec_dr .txt dt{position:relative;font-size:30rem; font-weight:600; color:#000;}
.sec_dr .txt span{font-size:15rem; color:#665643; font-weight:400; font-family: "Marcellus", serif; display:block; }
.sec_dr .txt dd{padding-top:50px;}
.sec_dr .txt dd ul {margin-bottom:20rem;}
.sec_dr .txt dd h3 {font-size:25rem; font-weight:800; color:#000; margin-bottom:10rem; }
.sec_dr .txt dd li{position:relative;line-height:140%;padding-bottom:14px;padding-left:18px;font-weight:400;font-size:18rem; letter-spacing:-.5px; color:#696969; }
.sec_dr .txt dd li:before{content:'';position:absolute;top:10px;left:0;display:block;width:4px;height:4px;border-radius:50%;background:#665643;}

@media (max-width: 1024px) {
    
    .sec_dr .con > div{flex-direction:column;gap:40px;align-items:flex-start;overflow:hidden;}
    .sec_dr .con > div > img{width:100%;max-width:400px;margin:0 auto 20px;}
    .sec_dr .con > div:nth-child(even){flex-direction:column;}
	.sec_dr .txt dt{font-size:18rem;}
	.sec_dr .txt dt b{font-size:25rem; }
    .sec_dr .txt dd{padding-top:34px;}
	.sec_dr .txt dd h3 {font-size:18rem; }
	.sec_dr .txt dd li{font-size:15rem; }
}



.sec_rcmd{padding:70rem 0;}
.sec_rcmd .con{display:flex;align-items:center;gap:3.5vw;max-width:1400rem;margin:0 auto;}
.sec_rcmd .pic{width:60%; }
.sec_rcmd .pic img {border-radius: 20rem;}
.sec_rcmd .txt{width:50%;min-width:400px;}

@media all and (max-width: 1024px) {
    .sec_rcmd .con{display:block;max-width:unset;}
    .sec_rcmd .pic{width:100%;height:auto;}
    .sec_rcmd .txt{width:100%;min-width:unset;padding-top:34px;}
}

.sec_rcmd2{}
.sec_rcmd2 .tt em{ font-family: "Marcellus", serif;   position: relative;   font-style:normal; color: #b77f63;font-weight: 400;letter-spacing: 0.1em;}
.sec_rcmd2 .tt em span{    display: inline-block;padding-left: 160px;}
.sec_rcmd2 .tt h3{font-size: 25rem;font-weight: 700;letter-spacing: -0.02em;margin: 30px 0 20px;}
.sec_rcmd2 .txt .list{ font-size:17rem; letter-spacing:-.5px; font-weight:500;   line-height: 1.6; color: #555;}
.sec_rcmd2 .txt .list h4 {font-weight:700; font-size:18rem; color:#b77f63; margin-bottom:10rem; }
.sec_rcmd2 .txt .list dd {word-break: keep-all; font-size:17rem; letter-spacing:-.5px; font-weight:500;   line-height: 1.6; color: #555; margin-bottom:10rem; margin-left:10px;}
.sec_rcmd2 .txt .list dd:before {content: ""; position:absolute; width:3px; height:3px; background:#b77f63; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.sec_rcmd2 .txt dl {display: flex; align-items: center; gap:10px; margin-top:20rem; }
.sec_rcmd2 .txt dl dd {word-break: keep-all;border:1px solid #b77f63; border-radius:60px; padding:5rem 10rem; color:#b77f63; font-size:15rem; }
.sec_rcmd2 .con{padding-bottom:70rem; padding-top:20rem; }
.sec_rcmd2 .con:nth-child(even){flex-direction: row-reverse;}
.sec_rcmd2 .con:last-child{padding-bottom:0}

@media all and (max-width: 1024px) {
    .sec_rcmd2 .con{    padding-bottom: 30px;}
	.sec_rcmd2 .tt h3{font-size: 20rem;}
	.sec_rcmd2 .txt {padding:20rem 10rem;}
	.sec_rcmd2 .txt .list dd {font-size:15rem; }
	.sec_rcmd2 .txt .list{ font-size:15rem; }
	.sec_rcmd2 .txt dl {display:grid;grid-template-columns: repeat(2, 1fr);}
	.sec_rcmd2 .txt dl dd {text-align:center;}
}


.sec_teat{padding:100rem 0;}
.sec_teat .con{padding:0 5vw;}
.sec_teat .item{display:flex;background:#fbf7f4;border-radius:20px; }
.sec_teat .item:nth-child(even){flex-direction:row-reverse;}
.sec_teat .item + .item{margin-top:40px;}
.sec_teat .item .pic{width:40%;max-width:480px;margin:0 auto;height:100%;}
.sec_teat .item .pic img{display:block;width:100%;height:100%;object-fit:cover;border-radius: 20px 0 0 20px;}
.sec_teat .item:nth-child(even) .pic img{border-radius: 0 20px 20px 0;}
.sec_teat .item .txt{position:relative;display:flex;align-items:center;width:60%;padding:3vw;overflow:hidden;}
.sec_teat .item .txt dl{position:relative;z-index:1;}
.sec_teat .item .txt h4{word-break: keep-all; font-size:24rem;font-weight:700;line-height:130%;}
.sec_teat .item .txt h4 span{font-family: "Marcellus", serif;  display:block; font-size:16rem;font-weight:400;line-height:130%;letter-spacing:0px; margin-bottom:10rem; color:#b98267;}
.sec_teat .item .txt li{word-break: keep-all; font-size:17rem;font-weight:500;line-height:160%;color:#333; margin:20rem 0; }
.sec_teat .item .txt li b {display:block; color:#b98267; font-weight:700; font-size:20rem; margin-bottom:10rem; }
.sec_teat .item .txt li dl {margin:15rem 0; }
.sec_teat .item .txt li dd {font-size:17rem;font-weight:500;line-height:160%;color:#333; margin-left:10px; margin-bottom:5rem;}
.sec_teat .item .txt li dd:before {content: ""; position:absolute; width:4px; height:4px; background:#7e665a; text-align:left; margin-left:-10px; border-radius:5px; margin-top:10px;}
.sec_teat .item .txt i{position:absolute;right:60px;bottom:-60px;font-size:100rem;letter-spacing:0;font-style:italic;font-weight:800;color:#e9e9e9;opacity:0.5;}

@media all and (max-width: 1280px) {
    .sec_teat .con{padding:0;}
}
@media all and (max-width: 1024px) {
    .sec_teat{ padding:70rem 10rem;}
    .sec_teat .item{display:block;}
    .sec_teat .item + .item{margin-top:20px;}
    .sec_teat .item .pic{width:100%;height:190px;}
	.sec_teat .item .pic img{border-radius: 20px 20px 0 0;}
	.sec_teat .item:nth-child(even) .pic img{border-radius: 20px;}
    .sec_teat .item .txt{display:block;width:100%;padding:30px 20px;}
    .sec_teat .item .txt h4{font-size:20rem; text-align:center;}
    .sec_teat .item .txt h4 span {font-size:14rem;}
    .sec_teat .item .txt li{padding-top:10px;font-size:14rem;}
    .sec_teat .item .txt li b {font-size:15rem;}
	.sec_teat .item .txt li dd {font-size:14rem}
    .sec_teat .item .txt i{right:30px;bottom:-30px;font-size:64rem;}
}

.booster-comparison-wrap {    padding: 0px 20px 50px; }
  .comparison-container {    display: flex;    align-items: center;    max-width: 1000px;  margin:50rem auto 0;  width: 100%;    position: relative;  }

  .card {    border-radius: 32px;    padding: 50px 40px;    box-shadow: 0 15px 35px rgba(139, 115, 92, 0.06);    box-sizing: border-box;    z-index: 2;  }

  .left-card {    flex: 1;    background-color: #f3ede6;     border: 1px solid #e6ded5;    height: 380px;    display: flex;    flex-direction: column;    justify-content: center;  }
  .left-card .card-title { color: #706151; font-weight: 700; }
  .left-card .card-title span {font-size:17rem; }
  .left-card .deco-line { background-color: #c9beae; }
  .left-card .content-list li { color: #665a4e; }

  .right-card {    flex: 1.2;     background-color: #ffffff;    border: 2px solid #8b6e51;     height: 470px;     display: flex;    flex-direction: column;    justify-content: center;    box-shadow: 0 20px 45px rgba(139, 110, 81, 0.12);  }
  .right-card .card-title { color: #3d3023; font-weight: 800; }
  .right-card .deco-line { background-color: #8b6e51; }
  .right-card .content-list li { color: #222222; font-weight: 500; font-size:17rem;}
  .right-card .content-list li span { color: #8b6e51; font-weight: 700; } /* 핵심요소 갈색 강조 */


  .center-bridge {    width: 200px;    height: 320px;    background: #f3ede6;    margin-right: -40px;    margin-left: -10px;    z-index: 1;    display: flex;    align-items: center;    justify-content: center;    padding-right: 20px;    box-sizing: border-box;	padding-top:100rem;  }
  .label-list {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;    gap: 30px;    text-align: center;  }
  .label-list li {    font-size: 15px;    color: #594b3c;    font-weight: 700;    white-space: nowrap;    line-height: 1.4;  }

  .card-title {    font-size: 25rem;    margin: 0 0 16px 0;    letter-spacing: -0.5px;    text-align: center;  }
  .deco-line {    width: 32px;    height: 2px;    margin: 0 auto 35px auto;  }

  .content-list {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;    gap: 22px;  }
  .text-right { text-align: right; }
  .text-left { text-align: left; }


.check-icon {    font-size: 18px;    line-height: 1.2;    margin-top: 2px;  }

.content-list li {    display: flex;    align-items: flex-start;    gap: 12px;  }
.text-group {    display: flex;    flex-direction: column;    gap: 4px;  }
.text-group strong {  display:none;  font-size: 14px;    font-weight: 600; color:#7f7365;   }
.text-group p {    font-size: 16rem;    margin: 0;    line-height: 1.4;    letter-spacing: -0.3px;  }

@media (max-width: 860px) {
    .comparison-container {      flex-direction: column;      gap: 20px;    }
    .card {      width: 100%;      height: auto !important;      padding: 40px 25px;    }
	  .card-title {    font-size: 20rem;} 
    .text-right { text-align: left; }
    .center-bridge {      display: none;    }
    .text-group strong {    display:block; }
  }



.sec_ex {    max-width: 1400px;    margin: 0 auto;    padding: 40px;    border-radius: 20px;    ;}
.header-section {    text-align: center;    margin-bottom: 40px;}
.badge {    display: inline-block;    background: #b08d6b;    color: #fff;    padding: 6px 16px;    border-radius: 50px;    font-size: 20rem;    font-weight: 700;    margin-bottom: 15px;}
.sec_ex .main-title {    font-size: 25rem;    color: #000;    font-weight: 700;    margin-bottom: 20px;    word-break: keep-all;}
.sub-description {letter-spacing:-.5px;     font-size: 17rem;    color: #333;  font-weight:500; word-break: keep-all;}
.info-cards {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 20px;    margin-bottom: 50px;}
.ex_box {    background: #f8f5f0;    padding: 24px;    border-radius: 12px;    transition: all 0.3s ease;}
.ex-title {    font-size: 18rem;    font-weight: 700;    color: #000;    margin-bottom: 10px;}
.ex-text {font-size: 16rem; color: #333; letter-spacing:-.5px; }
.highlight {    color: #b08d6b;    font-weight: 800;}

@media all and (max-width: 1023px) {
    .sec_ex {  padding: 30px 10px; }
	.badge {  font-size: 15rem;}
	.sec_ex .main-title {    font-size: 18rem;}
}

.sub_con .wrap{max-width:80%;margin:0 auto;}
.sub_con .tt em{ display:block; font-family: "Marcellus", serif;    font-size: 15px;    color: #bfa790;    letter-spacing: 2px;    margin-bottom: 12px; font-style:normal; }
.sub_con .tt h3{ word-break: keep-all;font-size:30rem;line-height:130%; font-weight:600; letter-spacing:-1px;}
.sub_con .tt h3 span { color:#665643; }
.sub_con .tt h3 b { font-weight:800; color:#665643; }
.sub_con .tt p.desc{word-break: keep-all; padding-top:20rem;font-size:17rem; font-weight:400; color:#696969; }

.sub_con .taC{text-align:center;}
.sub_con .wht *{color:#fff !important;}

@media all and (max-width: 1023px) {
    .sub_con .wrap{max-width:100%;}
    .sub_con .tt em{font-size:13rem;}
    .sub_con .tt h3{font-size:20rem;}
    .sub_con .tt p.desc{padding-top:18px; font-size:13rem; }
    
    .sub_con .monly{display:block !important;}
    .sub_con br.m{display:block !important;}
    .sub_con .imgmo{display:block;}
    .sub_con .imgpc{display:none;}
}

.sec_step {    max-width: 1200px;    margin: 0 auto;   padding: 50px 40px;    border-radius: 24px;  }
.sec_step .tt {    margin-bottom: 50rem;}

.timeline {    position: relative;    max-width: 850px;    margin: 0 auto;    padding-left: 50px;}
.timeline::before {    content: '';    position: absolute;    left: 18px;    top: 10px;    bottom: 10px;    width: 2px;    background: #e6dfdb; }
.timeline-item {    position: relative;    margin-bottom: 40px;    background: #fdfcfb;    border: 1px solid #f1ece9;    border-radius: 16px;    padding: 24px 30px;    transition: all 0.3s ease;}
.timeline-item:hover {    transform: translateX(8px);    background: #ffffff;    border-color: #c5a896;     box-shadow: 0 10px 25px rgba(197, 168, 150, 0.12);}
.timeline-node {    position: absolute;    left: -52px;    top: 24px;    width: 36px;    height: 36px;    background: #8d6e63;     color: #ffffff;  font-family: "Marcellus", serif;  border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    font-size: 11rem;    font-weight: 700;    border: 4px solid #ffffff;    box-shadow: 0 0 0 2px #e6dfdb;    z-index: 2;    transition: background 0.3s ease; letter-spacing:2px;}
.timeline-item:hover .timeline-node {    background: #5d4037; }

.step-title {  word-break: keep-all;  font-size: 20rem;    color: #3e2723;    font-weight: 700;    letter-spacing:-.5px;   display: flex;    align-items: center;    gap: 10px;}
.step-title span {    font-size: 17rem; }
.step-desc { word-break: keep-all;   font-size: 16rem;    color: #666;  font-weight:500; letter-spacing:-.5px;  word-break: keep-all; margin-top:8rem;}
.step-desc span { font-size: 14rem;    color: #666;  display:block; }

@media (max-width: 600px) {
    .sec_step { padding: 30px 10px; }
    .timeline { padding-left: 40px; }
    .timeline::before { left: 13px; }
    .timeline-node { left: -42px; width: 35px; height: 35px; font-size: 11rem; border-width: 3px; }
    .step-title { font-size: 15rem; }
}



.sec_infomation {    position: relative;    width: 100%;    max-width: 1400px;  margin:0 auto;  display: flex;    align-items: center;    overflow: hidden;    padding: 70rem 0;}
.sec_infomation .left_img {    position: relative;    width: 40%;    aspect-ratio: 1 / 1;  }
.sec_infomation .left_img img  { border-top-left-radius: 120px; }

.sec_infomation .right_txt {    width: 55%;   padding-right: 5%;    position: relative;    z-index: 2;}
.sec_infomation .right_txt .text {  padding-left:8%;}
.sec_infomation h4 {    font-size: 32px;    font-weight: 700;    color: #333333;    margin-bottom: 30px;    letter-spacing: -1px;}
.sec_infomation .description {    font-size: 18rem; font-weight:500;   color: #555555;    line-height: 1.7;    letter-spacing: -0.5px;    word-break: keep-all; }
.sec_infomation .description b {display:block; font-weight:600;  color: #b08d6b; margin-bottom:20rem; font-size:20rem;  }

.footer-line {    margin-top: 80px;    border-top: 1px solid #e1d4c7;    position: relative;}
.brand-logo {    position: absolute;    right: 0;    top: 15px;	font-family: "Marcellus", serif;     font-size: 16rem;    font-weight: 400;    color: #c9a07c;     letter-spacing: 4px;    text-transform: uppercase;}

@media (max-width: 768px) {
    .sec_infomation {flex-direction: column;align-items: flex-start;padding: 20px; margin-bottom:50rem;   }
    .sec_infomation .left_img {width: 100%;aspect-ratio: 1.2 / 1;margin-bottom: 30px;    }
    .sec_infomation .right_txt {width: 100%;padding-right: 0;    }
	.sec_infomation .right_txt .text {  padding-left:0%;}
    .sec_infomation h4 {font-size: 20rem;margin-bottom: 15px;    }
    .sec_infomation .description {font-size: 14rem;    }
	.sec_infomation .description b {font-size:15rem;  }
    .footer-line {margin-top: 40px;  text-align:center;  }
	.brand-logo {position: relative; font-size: 11rem;   }
}

.bg_brown {background:#fbf7f4; padding:30rem 0; margin-bottom:50rem;}
.sec_detail {    width: 100%;    max-width: 1400px;   margin:0 auto; text-align: center;    position: relative;  padding: 70rem 20rem;  z-index: 2;}
.sec_detail .main-title {    font-size: 30rem;    font-weight: 700;    color: #333333;    margin-bottom: 25px;    letter-spacing: -1px;}

.divider-zone {    display: flex;    align-items: center;    justify-content: center;    gap: 20px;    margin-bottom: 25px;}
.line {    flex: 1;    height: 1px;    background: linear-gradient(to right, transparent, #e0d9d2, transparent);}

.detail-tag {    font-family: "Marcellus", serif;    font-size: 20rem;    letter-spacing: 4px;    color: #8c7662;   }

.sub-title {    font-size: 20rem;    font-weight: 600;    color: #b08d6b;    margin-bottom: 40px;    letter-spacing: -0.5px;}
.explain {    font-size: 18rem;    font-weight: 400;    color: #333;    margin-bottom: 40px;    letter-spacing: -0.5px;}

.image-box {    width: 100%;    max-width: 800px;    margin: 0 auto 40px auto;    background-color: #ffffff; background-position: center;    aspect-ratio: 2 / 1;     border-top-right-radius: 80px;     box-shadow: 0 4px 20px rgba(0,0,0,0.02);}

.point_txt { margin:0 50rem;  background:#9f5822; border-radius:20px; padding:50rem 20rem;  font-size: 18rem; font-weight:600;   color: #fff;    line-height: 1.6;    letter-spacing: -0.5px;    word-break: keep-all;}
.point_txt strong {    color: #e0cdbe;    font-weight: 700;}

@media (max-width: 768px) {
    .sec_detail .main-title {font-size: 22px;    }
    .detail-tag {font-size: 15px;    }
    .sub-title {font-size: 15px;margin-bottom: 25px;    }
    .image-box {border-top-right-radius: 40px;margin-bottom: 25px;    }
    .description {font-size: 13px;padding: 0 10px;    }
	.point_txt { margin:0 20rem; padding:30rem 20rem;}
}



.sec_recommend {    width: 100%;    max-width: 1400px;  margin:0 auto;  display: flex;    flex-direction: column;    gap: 40px;}

.bottom-section {    background-color: #ffffff;    border-radius: 4px;    padding: 60px 40px;    text-align: center;    box-shadow: 0 10px 30px rgba(0,0,0,0.03);}

.recommend-eng {    font-family: "Marcellus", serif;    font-size: 15px;    color: #bfa790;    letter-spacing: 2px;    margin-bottom: 12px;}
.recommend-title {    font-size: 28px;    font-weight: 500;    color: #333;    margin-bottom: 45px;    line-height: 1.4;}
.recommend-title strong {    color: #bc9674;    font-weight: 700;}
.recommend-list {    max-width: 600px;    margin: 0 auto;    list-style: none;}
.recommend-item {    display: flex;    align-items: center;    padding: 18px 0;    border-bottom: 1px dashed #e5e5e5;    text-align: left;}
.recommend-item:last-child {    border-bottom: none;}

.num-tag {    font-family: "Marcellus", serif;    font-size: 18rem;    font-weight: 400;    color: #e0cdbe;    width: 40px;    flex-shrink: 0;}
.item-text {    font-size: 18rem;    color: #555555;    letter-spacing: -0.5px;}

.point_box { margin:20rem 50rem 0;  background:#9f5822; text-align:center; border-radius:20px; padding:30rem 20rem;  font-size: 18rem; font-weight:600;   color: #fff;    line-height: 1.6;    letter-spacing: -0.5px;    word-break: keep-all;}
.point_box h4 {    color: #fff;  font-size:18rem;  font-weight: 700;}
.point_box p {    color: #fff;  font-size:15rem;  font-weight: 400; margin-top:10rem;}

@media (max-width: 768px) {
    .bottom-section {padding: 0 20rem 50rem;    }
    .recommend-title {font-size: 20px;margin-bottom: 30px;    }
    .item-text {font-size: 14px;    }
}



.sec_process {     text-align: center;    padding: 20px 0;}
.sec_process .wrap {    width: 100%;    max-width: 1400px;  margin:50rem auto;  display: grid;    grid-template-columns: repeat(4, 1fr);     gap: 20px;}
.sec_process .process-item {    display: flex;    flex-direction: column;    align-items: center;    position: relative;}
.sec_process .image-circle {    width: 200px;    height: 200px;    border-radius: 50%; background-color: #efefef;     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);    margin-bottom: 25px;    transition: transform 0.3s ease;}
.sec_process .image-circle img {border-radius: 50%; }
.sec_process .guide-line-zone {    display: flex;    flex-direction: column;    align-items: center;    margin-bottom: 15px;}
.sec_process .guide-dot {    width: 8px;    height: 8px;    background-color: #ffffff;    border-radius: 50%;    border: 2px solid #bfa790;}
.sec_process .guide-dashed {    width: 1px;    height: 40px;    border-left: 1px dashed #bfa790;    margin-top: 4px;}

.sec_process .step-tag {    font-family: "Marcellus", serif;     font-size: 14px;    color: #bc9674;    border: 1px solid #bc9674;    padding: 4px 20px;    border-radius: 20px;    margin-bottom: 20px;    display: inline-block;    background-color: rgba(255, 255, 255, 0.02);}
.sec_process .step-title {    font-size: 20rem;    font-weight: 600;    color: #000;    margin-bottom: 12px;    letter-spacing: -0.5px;}
.sec_process .step-desc {    font-size: 16rem;    color: #333;    line-height: 1.6;    letter-spacing: -0.5px;    max-width: 240px;    word-break: keep-all;}

@media (max-width: 1023px) {
    .sec_process .wrap {grid-template-columns: repeat(2, 1fr); gap: 40px 20px;    }
}

@media (max-width: 576px) {
    .sec_process .wrap {     display: grid;    grid-template-columns: repeat(2, 1fr);     gap: 20px;}
    .sec_process .image-circle {width: 150px;height: 150px;    }
	.sec_process .step-title {    font-size: 17rem; }
	.sec_process .step-desc {    font-size: 14rem;  }
}


.banner-wrapper {background:#fbfbfc; padding:70rem 0; }
.header-zone {    position: relative;    z-index: 2;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);     padding-bottom: 25px;    margin-bottom: 40px;}
.brand-sub {    font-family: "Marcellus", serif;     font-size: 14px;    color: #bfa790;     letter-spacing: 3px;     margin-bottom: 8px;}
.header-zone h4 {    font-size: 32px;    font-weight: 700;    color: #000;    letter-spacing: -1px;}

.body-zone {    display: flex;    justify-content: space-between;    align-items: flex-start;    position: relative;    min-height: 250px;}

.bg-alphabet {    font-family: "Marcellus", serif;      font-size: 200rem;    font-weight: 400;    color: rgba(0, 0, 0, 0.02);     line-height: 0.8;    user-select: none;    position: absolute;    left: 20px;    bottom: -20px;    z-index: 1;}

.target-list {    list-style: none;    width: 55%;     margin-left: auto;    position: relative;    z-index: 2;    display: flex;    flex-direction: column;    gap: 20px;}
.target-item {    display: flex;    align-items: center;    text-align: left;}
.num-indicator {    font-family: "Marcellus", serif;    font-size: 24px;    font-weight: 400;    color: #b0b5b9;    width: 50px;    flex-shrink: 0;    opacity: 0.8;}
.text-content {  word-break: keep-all;  font-size: 18rem;    color: #333;    font-weight: 400;    letter-spacing: -0.5px;    line-height: 1.7;}


@media (max-width: 992px) {
    .target-list {width: 70%;    }
}

@media (max-width: 768px) {
    .banner-wrapper {padding: 40px 25px;    }
    .header-zone h4 {font-size: 24px;    }
    .body-zone {flex-direction: column;    }
    .bg-alphabet {font-size: 140px; }
    .target-list {width: 100%;    }
	.target-item {   gap: 10px;}
    .num-indicator {font-size: 20rem;width: 40px;    }
    .text-content {font-size: 14rem;    }
}



.card-lifting {    width: 100%;    max-width: 1400px;  margin:40rem auto;   background-color: #ffffff;     border-radius: 30px;     display: flex;    overflow: hidden;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);}
.lifting-img-box {  display: flex; align-items: center; justify-content: center;  width: 40%;   margin:0 auto; text-align:center;}
.lifting-content-box {    width: 60%;    padding: 20px 5%;    display: flex;    flex-direction: column;    justify-content: center;}
.lifting-title {    font-size: 24px;    font-weight: 700;    color: #333333;    margin-bottom: 25px;    display: flex;    align-items: center;    gap: 12px;}
.lifting-title span {    font-family: "Marcellus", serif;     color: #c5a890;     font-weight: 500;}
.lifting-desc {    font-size: 18rem; font-weight:400;    color: #555555;    line-height: 1.7;    letter-spacing: -0.5px;    word-break: keep-all;}
.lifting-desc b {    font-size: 19rem; font-weight:600;    color: #b08d6b;  display:block; margin-bottom:20rem; line-height: 1.4; }


@media (max-width: 768px) {
    .card-lifting {flex-direction: column;    }
    .lifting-img-box {width: 100%;  }
    .lifting-content-box {width: 100%;padding: 30px 20px;    }
	.lifting-title {    font-size: 20rem;}
    .lifting-desc {    font-size: 14rem;}
	.lifting-desc b {    font-size: 15rem; }
}



.sec_point {    position: relative;    width: 100%;    max-width: 1400px;  margin:0 auto;  padding: 60px 40px;    text-align: center;    overflow: hidden;}
.sec_point::after {    content: '';    position: absolute;    bottom: -100px;    right: -100px;    width: 400px;    height: 400px;    background-color: rgba(255, 255, 255, 0.04);    border-radius: 50%;    pointer-events: none;    z-index: 1;}

.points-wrapper {    position: relative;    display:flex;flex-wrap:wrap;justify-content:center;   gap: 25px;    align-items: center;    margin-top: 20px;}

.points-wrapper::before {    content: '';    position: absolute;    left: 0;    right: 0;    top: 50%;    height: 1px;    background-color: rgba(255, 255, 255, 0.25);    z-index: 1;}
.point-card {    position: relative;    background-color: #ffffff; width:300rem;   aspect-ratio: 1 / 1;     border-radius: 50%;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    padding: 20px;   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);    z-index: 2;     overflow: hidden;}

.card-bg-text {    position: absolute;    font-family: "Marcellus", serif;    font-size: 80px;    font-weight: 400;    color: #f7f3f0;     line-height: 1;    bottom: -15px;    right: 70px;    z-index: 1;    user-select: none;    opacity: 0.39;}
.card-content {    position: relative;    z-index: 2; }
.point-tag {    font-family: "Marcellus", serif;    font-size: 18px;    font-weight: 400;    color: #bcaaa4;     margin-bottom: 12px;}
.sec_point dt {    font-size: 20rem;    color: #b08d6b;    font-weight: 600;    line-height: 1.5;    letter-spacing: -0.5px; margin-bottom:10rem;   word-break: keep-all;}
.sec_point dd {    font-size: 16rem;    color: #333333;    font-weight: 400;    line-height: 1.5;    letter-spacing: -0.5px;    word-break: keep-all;}


@media (max-width: 992px) {
    .points-wrapper {grid-template-columns: repeat(2, 1fr); gap: 40px;    }
    .points-wrapper::before {display: none;    }
}

@media (max-width: 576px) {
    .sec_point {padding: 40px 15px;    }
    .points-wrapper {grid-template-columns: 1fr; gap: 30px;    }
    .point-card {max-width: 260px;margin: 0 auto;    }
	.sec_point dt {    font-size: 18rem; }
	.sec_point dd {    font-size: 14rem;}
}



.surgery-container {    width: 100%;    max-width: 1100px;  margin:0 auto;  padding: 60px 40px;    text-align: center;}
.surgery-zone {    position: relative;    margin-bottom: 45px;    display: flex;    justify-content: center;    align-items: center;}
.surgery-inner {    border: 1px solid #b08d6b;    border-radius: 30px;    overflow: hidden;    display: flex;    font-size: 14px;    font-weight: 700;}
.surgery-num {font-size:15rem; display: flex; align-items: center; justify-content: center;   color: #b08d6b;    padding: 6px 16px;    background-color: #ffffff;    }
.surgery-title { font-size:20rem;   color: #ffffff;    background-color: #b08d6b;     padding: 6px 20px;}
.surgery-title i {display:inline-block; font-size:12rem; font-style:normal; }

.surgery-container .list03 { max-width:600rem; margin:0 auto;  display: grid;    grid-template-columns: repeat(3, 1fr);  justify-content: center;    gap: 20px;}
.surgery-container .list04 {    display: grid;    grid-template-columns: repeat(4, 1fr);  justify-content: center;    gap: 20px;}
.step-surgery {    display: flex;    flex-direction: column;    align-items: center; justify-content: center; }

.step-surgery .image {    width: 100%;   background-color: #fff;     background-size: cover;    background-position: center;    border-radius: 16px;     margin-bottom: 20px;    box-shadow: inset 0 0 15px rgba(0,0,0,0.02);}

/* 하단 캡슐형 STEP 표시 배지 */
.surgery-tag { font-family: "Marcellus", serif;     font-size: 15rem;    font-weight: 400;    color: #bcaaa4;    border: 1px solid #ebdcd4;    padding: 3px 12px;    border-radius: 20px;    background-color: #ffffff;    margin-bottom: 12px;    letter-spacing: 0.5px;    text-transform: uppercase;}
.surgery-txt {font-size:20rem; font-weight:600;}

.surgery-desc {    font-size: 16rem;    color: #444444;    font-weight: 500;    line-height: 1.4;    letter-spacing: -0.5px;    word-break: keep-all;}
.surgery-ex  {  margin-bottom:30rem;}
.surgery-ex h5 {    font-size: 22rem; margin-bottom:10rem;    color: #333;    font-weight: 600;    line-height: 1.4;    letter-spacing: -0.5px;    word-break: keep-all;}
.surgery-ex p {    font-size: 17rem;    color: #333;    font-weight: 400;    line-height: 1.4;    letter-spacing: -0.5px;    word-break: keep-all;}
.surgery-ex p b {font-weight:600; color:#b08d6b; }

@media (max-width: 992px) {
    .steps-wrapper {grid-template-columns: repeat(2, 1fr); /* 태블릿에서는 2x2 구조 */gap: 30px;    }
	.surgery-num {font-size:11rem; padding: 6px 16px;   }
	.surgery-title { font-size:15rem; }
	.surgery-ex h5 {    font-size: 18rem;}
	.surgery-ex p {    font-size: 14rem;}
	.surgery-tag {  font-size: 12rem; }
	.surgery-container .list04 {    display: grid;    grid-template-columns: repeat(2, 1fr);  justify-content: center;    gap: 20px;}
}

@media (max-width: 576px) {
    .surgery-container {padding: 40px 15px;    }
    .main-heading {font-size: 22px;    }
    .steps-wrapper {grid-template-columns: 1fr; /* 모바일 스마트폰 환경에서는 세로 1열 */gap: 40px;    }
    .image-box {max-width: 320px;margin-left: auto;margin-right: auto;    }
	
}


.allonx_list {display:flex;flex-wrap:wrap;justify-content:center;gap:20px; margin-bottom:50rem; }
.allonx_list dl {width:320rem; background-color: #fff;   padding: 30px 20px;    border-radius: 16px;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
.allonx_list dl dt {background:#b08d6b; border-radius:50px; width:40rem; height:40rem; margin:0 auto; display: flex; align-items: center; justify-content: center;  color:#fff; font-family: "Marcellus", serif;margin-bottom:15rem;}
.allonx_list dl dd {word-break: keep-all; font-size:17rem; font-weight:500; letter-spacing:-.5px; }
.allonx_list dl dd b {color:#b08d6b; font-weight:800;}

@media (max-width: 576px) {
    .allonx_list dl dt { width:30rem; height:30rem; }
	.allonx_list dl dd {font-size:15rem; }
}

.image-container {    display: flex;    justify-content: center;    align-items: flex-start;    gap: 20px;  }
.image-item {    display: flex;    flex-direction: column;    align-items: center;    width: 500px; }
.image-item img {    width: 100%;    height: auto;    border-radius: 5px;     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.image2-item .image2 {  display:flex; gap:20px;  width: 1000px; }
.image2-item  img {    width: 100%;    height: auto;    border-radius: 5px;     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.image-caption { margin-top: 10px;    font-size: 17rem;  font-weight:600;  text-align: center;}
.image-caption span {color:#b08d6b; font-weight:700;}

@media (max-width: 576px) {
    .image-container {  flex-direction:column; }
	.image-item {  width: 100%; }
	.image2-item .image2 { flex-direction:column; width: 100%; }
	.image-caption {   font-size: 14rem;}

}

.sec_philosophy {margin:0 auto;  padding:70rem 0;   max-width: 1400px;    width: 100%;    text-align: center;}
.sec_philosophy em {font-style:normal; font-family: "Marcellus", serif;  color:#9c6c62;  font-size: 15rem;    letter-spacing: 2px;    opacity: 0.85;    margin-bottom: 15px;    text-transform: uppercase;}
.sec_philosophy h4 {    font-size: 30rem;    font-weight: 600;    margin-bottom: 25px;    word-break: keep-all;}
.sec_philosophy .description-section {    margin-bottom: 50px;    font-size: 18rem;    line-height: 1.7;    font-weight: 400;    opacity: 0.9;}
.sec_philosophy .description-section p {    margin-bottom: 6px;}
.philosophy-section {  display:grid;grid-template-columns: repeat(3, 1fr);  justify-content: center;    gap: 30px;    flex-wrap: wrap;}
.philosophy {   border-radius: 30px;    overflow: hidden;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);    display: flex;    flex-direction: column;}
.philosophy:nth-of-type(2n) {  background-color: #f6eae2;}
.philosophy:nth-of-type(2n) .philosophy_badge {  background-color: #9c6c62;}

.sec_philosophy .image {    width: 100%;    padding: 20px 20px 0 20px;}
.sec_philosophy .image img {    width: 100%;    border-radius: 20px;    display: block;    object-fit: cover;}
.philosophy-content {    padding: 30px 20px 40px 20px;    display: flex;    flex-direction: column;    align-items: center;    color: #4a4a4a;}
.philosophy_badge {   background-color: #8e8987; display: inline-block;    padding: 8px 30px; letter-spacing:-.5px;    border-radius: 20px;    font-size: 17rem;    font-weight: 600;    margin-bottom: 20px;    color: #ffffff;}
.philosophy-text {    font-size: 17rem;    line-height: 1.6;    font-weight: 400; letter-spacing:-.5px;   word-break: keep-all;}

@media (max-width: 1023px) {
    .sec_philosophy em { font-size: 13rem; }
	.sec_philosophy h4 {    font-size: 20rem; }
	.philosophy-section {  display:grid;grid-template-columns: repeat(2, 1fr);}
	.philosophy_badge {  padding: 8px 20px;    font-size: 15rem;  }
	.philosophy-text {    font-size: 14rem; }
	.philosophy:nth-of-type(1) {  background-color: #f6eae2;}
	.philosophy:nth-of-type(2) {  background-color: #fff;}
	.philosophy:nth-of-type(5) {  background-color: #f6eae2;}
	.philosophy:nth-of-type(6) {  background-color: #fff;}
}

@media (max-width: 650px) {
    .philosophy-section {  display:grid;grid-template-columns: repeat(1, 1fr);}
	.philosophy:nth-of-type(1) {  background-color: #fff;}
	.philosophy:nth-of-type(2) {  background-color: #f6eae2;}
	.philosophy:nth-of-type(5) {  background-color: #fff;}
	.philosophy:nth-of-type(6) {  background-color: #f6eae2;}
}


.Insurance-section {    background-color: #cbb0a0;    padding: 60px 20px;  margin-bottom:50rem;}
.Insurance-section .wrap { display: flex; align-items: center; justify-content: center;  flex-direction:column;    max-width: 1200px;    width: 100%;}

.Insurance-section .info-grid {    display: flex;    width: 100%;    justify-content: space-between; }
.Insurance-section .info-item {    flex: 1;    text-align: center;    color: #ffffff;    position: relative;    padding: 10px 0;}
.Insurance-section .info-item:not(:last-child)::after {    content: '';    position: absolute;    right: 0;    top: 10%;    height: 80%;    width: 1px;    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.25) 50%, rgba(255,255,255,0));}

.Insurance-section .icon-box {    font-size: 32px;    margin-bottom: 20px;    opacity: 0.9;    display: flex;    justify-content: center;    align-items: center;    height: 40px;}
.Insurance-section .title {    font-size: 22rem;    font-weight: 600;    margin-bottom: 10px;    letter-spacing: -0.5px;}
.Insurance-section .desc {    font-size: 18rem;    font-weight: 500;  }

.Insurance-section .notice-box {margin-top:50rem; max-width:1200rem;    border-top: 1px solid rgba(255, 255, 255, 0.4);    padding-top: 20rem;  text-align:center; }
.Insurance-section .notice-text {    color: #ffffff;    font-size: 16rem;    font-weight: 400;    opacity: 0.9;    letter-spacing: -0.3px;}


@media (max-width: 768px) {
    .Insurance-section .info-grid {        flex-wrap: wrap;    }
    .Insurance-section .info-item {        flex: none;        width: 100%;  margin-bottom: 0px;    }
    .Insurance-section .info-item:not(:last-child)::after {        display: none;     }
	.Insurance-section .title {    font-size: 18rem;}
	.Insurance-section .desc {    font-size: 14rem;}
}



.faq-container {    max-width: 1000px;  margin:0 auto;   width: 100%;    background-color: #ffffff;    padding: 40px;    border-radius: 12px; }

.faq-title {    font-size: 24px;    color: #212529;    margin-bottom: 30px;    text-align: center;    font-weight: 700;}
.accordion { margin-top:50rem;}
.accordion-item {    border: 1px solid #e9ecef; border-radius:10px; margin-bottom:10rem;}
.accordion-item:first-child {    border-top: 1px solid #e9ecef;}
.accordion-header {    width: 100%;    display: flex;    justify-content: space-between;    align-items: center;    padding: 20px 10px;    background: none;    border: none;    cursor: pointer;    text-align: left;    outline: none;    transition: background-color 0.2s ease;}

.accordion-header:hover {    background-color: #fbf8f4;}
.question-txt {    font-size: 18rem;    font-weight: 600;    color: #333;    display: flex;    align-items: center;    gap: 12px;}
.q-badge { font-family: "Marcellus", serif;    color: #7e7262;    font-weight: 700;    font-size: 18px;}
.arrow-icon {    font-size: 14px;    color: #7e7262;    transition: transform 0.3s ease, color 0.3s ease;}

.accordion-content {    max-height: 0;    overflow: hidden;    transition: max-height 0.3s ease-out;     background-color: #fff;}
.answer-txt {    padding: 20px 20px 20px 42px;    font-size: 17rem; letter-spacing:-.5px; font-weight:400;   line-height: 1.6;    color: #333;}

.accordion-item.active .arrow-icon {    transform: rotate(180deg);    color: #7e7262;}
.accordion-item.active .accordion-header {    background-color: #fbf8f4;}
.accordion-item.active .question-txt {    color: #333;    font-weight: 600;}

@media (max-width: 1023px) {
    .question-txt {    font-size: 15rem; }
}



.scaling-insurance-section {     margin:0 auto 50rem;    max-width: 1200px;    width: 100%;     text-align: center;   }
.insurance-grid {margin-top:30rem;    display: flex;    justify-content: space-between;    gap: 20px;    margin-bottom: 40px;}

.insurance-card { background-color: #cbb0a0;   padding: 30px 40px;    border-radius: 16px;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);   flex: 1;    position: relative;   }
.insurance-card:not(:last-child)::after {    content: '';    position: absolute;    right: -10px;    top: 20%;    height: 60%;    width: 1px;    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0));}

.card-label { color: #ffffff;    font-size: 20rem;    font-weight: 700;    margin-bottom: 4px;    letter-spacing: -0.3px;}
.card-value {  color: #ffffff;   font-size: 18rem;    font-weight: 500;    opacity: 0.9;    word-break: keep-all;}

.footer-notice {    border-top: 1px solid rgba(255, 255, 255, 0.3);    padding-top: 5px;    max-width: 700px;    margin: 0 auto;}
.notice-desc {    font-size: 16rem;    line-height: 1.7;    font-weight: 500;    opacity: 0.95;    word-break: keep-all;}

@media (max-width: 768px) {
    .scaling-insurance-section {padding: 40px 20px;    }
    .insurance-grid {flex-direction: column;gap: 30px;margin-bottom: 30px;    }
    .insurance-card {padding: 20px 0;    }
    .insurance-card:not(:last-child)::after {display: none;    }
    .insurance-card:not(:last-child) {border-bottom: 1px solid rgba(0, 0, 0, 0.15);padding-bottom: 25px;    }
	.card-label {    font-size: 17rem;} 
	.notice-desc {    font-size: 14rem; }
}

.mar50 {margin-top:50rem;}

.recommendSection{display: flex; align-items: center; justify-content: center; margin-bottom:50rem; }
.recommendSection .Inner{width:100%; max-width:1400rem; margin:0 auto; display:inline-flex; align-items:center; justify-content:space-between; gap:50px; }
.recommendSection span.logo{position:absolute; left:50%; top:0; transform:translate(-50%,0);}
.recommendSection .imgWrap{width:40%;}
.recommendSection .imgWrap img{width:100%;}

.recommendSection .txtWrap{width:60%;}
.recommendSection .txtWrap .txtBox{margin-top:10px; position:relative;}
.recommendSection .txtWrap .txtBox p{display: flex; align-items: center; gap:20px; text-align:left; border-bottom:1px solid #ddd; padding:20rem; }
.recommendSection .txtWrap .txtBox p b{font-size:20rem; font-weight:500; word-break: keep-all; letter-spacing:-.5px;}	
.recommendSection .txtWrap .txtBox p span i {background-color: #b08d6b; border-radius:50px; width:30px; height:30px; display: flex; align-items: center; justify-content: center;   color:#fff; }

@media (max-width: 768px) {
    .recommendSection .Inner{flex-direction:column; }
	.recommendSection .imgWrap{width:100%;}
	.recommendSection .txtWrap{width:100%;}
	.recommendSection .txtWrap .txtBox p b{font-size:15rem;}
}

.allonx {text-align:center; max-width:1400rem; margin:0 auto; margin-bottom:50rem;}
.allonx dl {display:grid;grid-template-columns: repeat(2, 1fr); gap:50px; margin-bottom:50rem;}
.allonx h4 {text-align:center; font-size:20rem; font-weight:600; margin-bottom:20rem; letter-spacing:-.5px;}
.allonx img  {width:100%; border-radius:20px; }

@media (max-width: 768px) {
    .allonx dl {display:grid;grid-template-columns: repeat(1, 1fr); gap:50px; }
	.allonx h4 {font-size:15rem;}
}

.scaling_img {margin-bottom:50rem; background:url(../img/sub/caution_bg.jpg) center top no-repeat; padding:50rem 0; display: flex; align-items: center; justify-content: center;  }
.scaling_img .tt p {font-size:18rem; font-weight:500; margin-top:20rem;}
.scaling_img img {width:300rem;}

@media (max-width: 768px) {
    .scaling_img {flex-direction:column; }
	.scaling_img img {width:200rem;}
	.scaling_img .tt p {font-size:14rem;}
}




.sec_boxes{padding:100rem 0 50rem; }
.sec_boxes .box3 ul{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;text-align:center;}
.sec_boxes .box4 ul{display:grid;grid-template-columns: repeat(4, 1fr);gap:20px;text-align:center;}
.sec_boxes .box5 ul{ display:grid;grid-template-columns: repeat(5, 1fr);gap:20px;text-align:center;}
.sec_boxes .con ul{margin-top:50rem; }
.sec_boxes .con li{display:flex;justify-content:center;align-items:center;border-radius:20px;padding:50rem 20rem; background:#b08d6b;}
.sec_boxes .con li i{font-size:20rem;font-weight:400;color:#b08d6b; background:#fff; border-radius:50px; padding:10rem; }
.sec_boxes .con li p{padding-top:20px;font-size:18rem;font-weight:500;color:#fff;}
    
@media all and (max-width: 1024px) {
        .sec_boxes .box4 ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:12px;}
        .sec_boxes .box5 ul{display:grid;grid-template-columns: repeat(2, 1fr);gap:12px;}
        .sec_boxes .con li{padding:30px 10px;}
		.sec_boxes .con li i{font-size:15rem;padding:5rem; }
        .sec_boxes .con li img{width:32px;}
        .sec_boxes .con li p{padding-top:14px;font-size:14rem;}
}