@charset "utf-8"; 

/* main visual */
#main_visual{overflow:hidden; position:relative; z-index:1; height:calc(790rem);  color:#fff; text-align:center;}
#main_visual .bx-wrapper{height:100%; margin-bottom:0; background:transparent; border:0; box-shadow:none;}
#main_visual .bx-viewport{height:100% !important;}
#main_visual .slider{height:100%;}
#main_visual .roll{}
#main_visual .roll_txt{ width:1400rem; margin:0 auto; text-align:center; }
#main_visual .roll_img{z-index:-1; position:absolute; left:0; top:0; width:100%;height:100%; background-size:cover; background-position:50%;  animation: imagescale 5s infinite; -webkit-animation: imagescale 5s infinite; -moz-animation: imagescale 5s infinite; -o-webkit-animation: imagescale 5s infinite;}
#main_visual .roll01{background-image:url(../img/main/visual01.jpg);}
#main_visual .roll02{background-image:url(../img/main/visual02.jpg);}
#main_visual .roll03{background-image:url(../img/main/visual03.jpg);}
#main_visual .roll04{background-image:url(../img/main/visual04.jpg);}
#main_visual .roll05{background-image:url(../img/main/visual05.jpg);}
#main_visual .roll{height:100%;}
#main_visual h2{ line-height:1.3; font-weight:800; font-size:35rem; display: flex; align-items: center; justify-content: center;gap:45px; text-align:left; letter-spacing:-1px; }
#main_visual h2 span {display: flex; align-items: center; justify-content: center; font-size:50rem; font-family: 'ChosunIlboMyungjo'; color:#fff; margin-left:0px; letter-spacing:-.5px;  }
#main_visual h2 span:after {content: ""; position:absolute; width:1px; height:70px; background:#fff; text-align:left; margin-left:85px; opacity:0.35;}
#main_visual p{ line-height:2.4; margin:290rem 0 0 0; font-weight:500;  font-size:20rem; letter-spacing:3rem; text-transform:uppercase;}
#main_visual .btn_more{margin-top:50rem}
#main_visual .roll_txt2{display:inline-block; margin-right:80rem; text-align:left;}
#main_visual .bx-controls{ z-index:100; width:100%; text-align:center;}
#main_visual .bx-controls-direction{}
#main_visual .bx-pager{display:inline-block; vertical-align:middle;}
#main_visual .bx-pager > div{display:inline-block;}
#main_visual .bx-pager a{display:inline-block; width:12rem; height:12rem; margin:0 5rem; border:2px solid #fff; font-size:0; text-indent:-9000px; border-radius:50%;}
#main_visual .bx-pager a.active{background:#fff;}
#main_visual .bx-controls-auto{display:inline-block; vertical-align:middle;}
#main_visual .bx-controls-auto > div{display:inline-block;}
#main_visual .bx-controls-auto a{display:inline-block; width:20px; height:20px; margin:0 5px; background-position:center; font-size:0; color:#fff; text-indent:-9000px; background-repeat:no-repeat;}
#main_visual .bx-controls-auto a.bx-start{background-image:url(../img/btn_play.png);}
#main_visual .bx-controls-auto a.bx-stop{background-image:url(../img/btn_pause.png);}
#main_visual .bx-controls-auto a.active{display:none;}

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

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

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

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

@media (max-width:1480px){
	#main_visual .roll_txt{width:80%;}
}

@media (max-width:1023px) {
	#main_visual h2{font-size:17rem; }

	.main-content{display:block;}
	.wrap{width:100%; padding:0 20rem}	
}

@media (max-width:860px){
	#main_visual .bx-default-pager{display:block;}
	#main_visual .bx-controls-direction{display:none;}
	#main_visual h2{ gap:25px; }
	#main_visual h2 span {font-size:30rem;}
	#main_visual h2 span:after {width:1px; height:45px; margin-left:55px; }
}

@media (max-width:540px) {
	#main_visual{ height:300rem}
	#main_visual .roll{padding-top:0}
	#main_visual p{margin:100rem 0 0; font-size:12rem}
	#main_visual .btn_more{margin-top:25rem}
}



.main_con{overflow:hidden;}
.main_con *{font-size:20px;font-weight:300;letter-spacing:-0.03em;color:#111;word-break:keep-all;box-sizing:border-box;}
.main_con .wrap{max-width:73%;margin:0 auto;}
.main_con .tt{padding-bottom:50px;}
.main_con .tt em{font-family: "Roboto Condensed", sans-serif; font-size:17rem; letter-spacing:0; font-weight:600;color:#dab773; font-style:normal; display:block; margin-bottom:7rem; }
.main_con .tt h3{font-size:40rem;font-weight:800;letter-spacing:-1px;line-height:1.3; }
.main_con .tt .vr{width:1px;height:60px;margin:30px 0 20px;background:#111;}
.main_con .tt.taC .vr{margin:30px auto 20px;}
.main_con .tt p{padding-top:10px;font-size:20rem;font-weight:500;line-height:160%; color:#505050; }
.main_con .tt p b{font-weight:700; color:#5d814c; }
.main_con p{line-height:160%;}

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

@media all and (max-width: 1700px) {
    .main_con .wrap{max-width:90%;}
}
@media all and (max-width: 1024px) {
    .main_con *{font-size:17px;}
    .main_con .wrap{max-width:100%;}
    .main_con .tt{padding-bottom:40px;}
    .main_con .tt em{font-size:13rem;}
    .main_con .tt h3{font-size:23rem; line-height:1.1;}
    .main_con .tt .vr{height:30px;margin:20px 0 10px;}
    .main_con .tt.taC .vr{margin:20px auto 10px;}
    .main_con .tt p{padding-top:10px;font-size:0.85em;}
    
    .main_con .monly{display:block !important;}
    .main_con br.m{display:block !important;}
}
@media all and (max-width: 768px) {
    
    .main_con *{font-size:15px;}
}
@media all and (max-width: 375px) {
    
    .main_con *{font-size:14px;}
}


.flex-box {display:flex;}

.mainColor {color:#2E69B2;}/*�뚮옉��*/
.mainColor2 {color:#2FB098;}/*誘쇳듃�� sub2*/
.mainColor4 {color:#0F325D;}/*�⑥깋 sub4*/
.mainColorWhite {color:#fff;}

.Msection5 {padding:100px 40px;}
.Msection5 .clinicList--wrap {padding-top:20px; display:grid;grid-template-columns: repeat(4, 1fr);justify-content:center;gap:20px; }
.Msection5 .clinicList {height:540rem; max-width:432rem; perspective: 1000rem;}
.Msection5 .clinicList:last-child{margin-right:0;}
.Msection5 .clinicList .main__item-inner { position: relative; display: block; white-space: normal; transform-style: preserve-3d; transition: transform .5s;width:100%; height:100%; }
.Msection5 .item-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: no-repeat center center / cover; transform: translateZ(.1px); border-radius:12px; overflow:hidden; }
.Msection5 .item-reverse { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; transform: rotateY(180deg) translateZ(.1px); clip-path: inset(1px); border-radius:12px; overflow:hidden;}
.Msection5 .clinicList.box1 .item-content{background:url("../img/main/main_subject01.jpg")no-repeat center;background-size:cover;}
.Msection5 .clinicList.box2 .item-content{background:url("../img/main/main_subject02.jpg")no-repeat center;background-size:cover;}
.Msection5 .clinicList.box3 .item-content{background:url("../img/main/main_subject03.jpg")no-repeat center;background-size:cover;}
.Msection5 .clinicList.box4 .item-content{background:url("../img/main/main_subject04.jpg")no-repeat center;background-size:cover;}
.Msection5 .clinicList.box1 .item-reverse {background:#162636;}
.Msection5 .clinicList.box2 .item-reverse {background:#dab773;}
.Msection5 .clinicList.box3 .item-reverse {background:#0F325D;}
.Msection5 .clinicList.box4 .item-reverse {background:#a08868;}

.Msection5 .txt_wrap {position:absolute; top:40px; left:40px;}
.Msection5 .txt_wrap strong {font-family: "Roboto Condensed", sans-serif;font-weight:400;font-size: 17rem;line-height: 18px;letter-spacing: 0; color:#fff;}
.Msection5 .txt_wrap h4 {padding-top:20rem; font-size:40rem; font-weight:800; color:#fff; }
.Msection5 .item-reverse .txt_wrap h3 {font-size: 18rem;font-weight: 400;line-height: 30px;letter-spacing: -.5px; color:#fff; padding-top:25px;}
.Msection5 .item-reverse .btn_wrap {position:absolute; bottom:40px; left:40px;}
.Msection5 .item-reverse .btn_wrap a {font-size: 18rem;font-weight: 500;line-height:1;letter-spacing: -0.04em; display:flex; align-items:center; background:#fff; padding:16px 34px; border-radius:50px;}
.Msection5 .item-reverse .btn_wrap a i {margin-left:12px; font-size:15rem;}
.Msection5 .box1 .btn_wrap a {color:#162636;}
.Msection5 .box2 .btn_wrap a {color:#dab773;}
.Msection5 .box3 .btn_wrap a {color:#0F325D;}
.Msection5 .box4 .btn_wrap a {color:#a08868;}

.Msection5 .box1 .btn_wrap a i {color:#162636;}
.Msection5 .box2 .btn_wrap a i {color:#dab773;}
.Msection5 .box3 .btn_wrap a i {color:#0F325D;}
.Msection5 .box4 .btn_wrap a i {color:#a08868;}


@media (hover: hover) and (pointer: fine) {
    .Msection5 .clinicList:hover .main__item-inner { transform: rotateY(180deg); }
    .Msection5 .clinicList:hover .item-reverse { clip-path: none; }
}

@media (max-width: 1023px) {
    .Msection5 {padding:100px 10px;}
	.Msection5 .mainTxt1 {display:none;}
	.Msection5 .clinicList--wrap { display:grid;grid-template-columns: repeat(2, 1fr);gap:10px;}
	.Msection5 .clinicList {height:200rem; max-width:275rem; }
	.Msection5 .txt_wrap {left:20px;}
	.Msection5 .txt_wrap strong {font-size: 11rem;}
	.Msection5 .txt_wrap h4 {padding-top:7rem; font-size:20rem; }
	.Msection5 .clinicList:hover .main__item-inner { transform: rotateY(0deg); }
}

.dental-grid-container {    display: grid;    grid-template-columns: 1fr 1fr;    grid-template-rows: 1fr 1fr;       width: 100%;    height: 894px;    gap: 0;    overflow: hidden;}
.grid-item {    position: relative;    background-size: cover;    background-position: center;    background-repeat: no-repeat;    color: #fff;}

.item-left {    grid-row: 1 / span 2;       background-image: url('../img/main/sleep_bg01.jpg'); }
.item-left .overlay {    position: absolute;    top: 0; left: 0; width: 100%; height: 100%;    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.6) 100%);    z-index: 1;}
.item-left .content-box {    position: relative;    z-index: 2;    height: 100%;    padding: 100px;    display: flex;    flex-direction: column;    justify-content: space-between;}
.item-left h2 {    font-size: 45rem;    font-weight: 800;    margin-bottom: 15px;    letter-spacing: -0.5px;}
.item-left .description {    font-size: 25rem;    color: #fff;  font-weight: 200;   line-height: 1.4;}
.item-left .description strong {   font-weight: 800;}

.experience-badge {    display: flex;    align-items: center;    gap: 10px;    margin-top: auto;}
.experience-badge .title {    font-size: 31rem;    font-weight: 700;    letter-spacing: -0.5px;}
.experience-badge .number { font-family: "Roboto Condensed", sans-serif;   background: url(../img/main/gradient_num.jpg) no-repeat;    color: #fff;    padding: 0px 20px;    border-radius: 4px;    font-size: 45rem;    font-weight: 600;    letter-spacing: 0px;}
.experience-badge .text {    font-size: 31rem;    font-weight: 800;}

.item-right {    grid-row: 1 / span 2;  }
.slide_txt {padding:150rem 100rem;  }
.slide_txt dl dt {font-size:25rem; font-weight:600; margin-bottom:20rem; color:#333; line-height:1.3; letter-spacing:-.5px; }
.slide_txt dl dd {font-size:35rem; font-weight:800; line-height:1.2; color:#122133; letter-spacing:-1px; }
.slide_txt dl span {display:block; font-size:18rem; font-weight:500; line-height:1.6; color:#333; letter-spacing:-.5px; margin-top:20rem; }

.item-right-top {    position: relative;    overflow: hidden;    display: flex;    flex-direction: column;    justify-content: space-between;    align-items: center;    padding: 30px;    text-align: center;}
.slider-container {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 1;}
.slide {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    opacity: 0;  transition: opacity 1.2s ease-in-out;     z-index: 1;}
.slide.active {    opacity: 1;    z-index: 2; }
.nav-arrow {    position: absolute;    top: 50%;    transform: translateY(-50%);    font-size: 60rem;    color: #fff;    cursor: pointer;    z-index: 10;  user-select: none;    padding: 10px;    opacity: 0.8;    transition: opacity 0.3s;}
.nav-arrow:hover { opacity: 1; }
.nav-arrow.prev { left: 10px; }
.nav-arrow.next { right: 10px; }

.slide-overlay-ui {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    padding: 30px;    z-index: 5;     display: flex;    flex-direction: column;    justify-content: flex-end;     pointer-events: none; }
.brand-logo { font-family: "Roboto Condensed", sans-serif;    margin-top: auto;    font-size: 30rem;    font-weight: 600;    color: #f5e4c4;    letter-spacing: -.3px;}
.brand-logo span {    color: #dab773;  }

.item-right-bottom {    background-image: url('../img/main/sleep_bg02.jpg');    display: flex;    justify-content: center;    align-items: center;    text-align: center;}
.item-right-bottom .center-text {    position: relative;    z-index: 2;    font-size: 40rem;    line-height: 1.3;    font-weight: 800;    letter-spacing: -0.5px;}


@media (max-width: 1600px) {
	.item-left h2 {    font-size: 36rem; }
	.item-left .description {    font-size: 20rem;  }
	.experience-badge .title {    font-size: 25rem;}
	.experience-badge .text {font-size: 25rem;  }
	.experience-badge .number {  padding: 0px 10px;     font-size: 37rem;   letter-spacing: 3px;}
	.nav-arrow { font-size: 30rem; }
	.brand-logo {  font-size: 25rem;  }
	.item-right-bottom .center-text {  font-size: 30rem; }
}

@media (max-width: 1023px) {
    .dental-grid-container {grid-template-columns: 1fr;        grid-template-rows: auto auto auto;        height: auto;    }
    .item-left {grid-row: auto; height: 400px;    }
	.item-left .content-box {   padding: 30px;}
	.item-left h2 {    font-size: 20rem; }
	.item-left .description {    font-size: 16rem;  }
	.item-right {grid-row: auto; height: 600px;    }
	.experience-badge .title {    font-size: 14rem;}
	.experience-badge .text {font-size: 15rem;  }
	.experience-badge .number {  padding: 0px 10px;     font-size: 25rem;   letter-spacing: 3px;}
    .item-right-top, .item-right-bottom {height: 300px;    }
	.nav-arrow { font-size: 30rem; }
	.brand-logo {  font-size: 16rem;  }
	.item-right-bottom .center-text {  font-size: 20rem; }
}

@media (max-width: 650px) {
	.item-right {grid-row: auto; height: 500px;    }
	.slide_txt {padding:50rem 50rem;  }
	.slide_txt dl dt {font-size:15rem;}
	.slide_txt dl dd {font-size:20rem;}
	.slide_txt dl span { font-size:13rem}
}

.info-section-container {background:url(../img/main/main_customer_bg.jpg) center top no-repeat; padding:100rem 140rem;  width: 100%;    display: flex;    flex-direction: column;    align-items: center;    gap: 40px;}

.info-content-wrapper {    width: 100%;    display: grid;    grid-template-columns: 1.1fr 0.9fr;     gap: 25px;}
.left-content {    display: flex;    flex-direction: column;    gap: 20px;}

.main-info-board {  background:#162636 url(../img/main/symbol_w.png) 10% 50% no-repeat; background-size:20%;   border-radius: 12px;    padding: 23px 60px;    display: flex;    align-items: center;  justify-content: space-between;  gap: 0px;   }

.logo-symbol-box {    flex: 0.4;  }
.details-box {    flex: 1;    display: flex;    flex-direction: column;    gap: 25px;}
.info-row {    display: flex;    align-items: flex-start;}
.info-row .label {    width: 145px;    font-size: 25rem;    font-weight: 800;    color: #fff; }

.time-list {    list-style: none;    flex: 1;}
.time-list li {    display: flex;   margin-bottom: 8px;}
.time-list li span {font-size: 18rem; font-weight:500;  color: #fff;}
.time-list li span:first-child {    width: 100px;}
.time-list li span:last-child {    font-weight: 500;    }

.tel-row {    align-items: center;   padding-top: 10px;}
.tel-number { font-family: "Roboto Condensed", sans-serif;    font-size: 35rem;    font-weight: 600;    color: #fff;   }

.bottom-link-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 15px;}
.link-card {    background-color: #162636;    border-radius: 10px;    padding:35rem 10rem; display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    gap: 12px;    text-decoration: none;    transition: transform 0.2s, background-color 0.2s;}
.link-card:hover {    background-color: #1f3347;    transform: translateY(-3px);}
.link-card i { }
.link-card span {    font-size: 20rem;    font-weight: 800;    color: #fff;}

.right-content {    width: 100%;}
.right-content .map-box{height:530px; }
.right-content .map-box > .map{width:100%; height:100%;border-radius:10px; }
.right-content .map-box > .map .wrap_map{height:100% !important;}

@media (max-width: 1600px) {
    .info-section-container {padding:70rem 10rem;  }
	.logo-symbol-box {    flex: 0.2;  }
	.info-row .label {font-size: 18rem;  }
}

@media (max-width: 1260px) {
    .info-section-container {flex-direction:column; padding:70rem 10rem;  }
	.info-content-wrapper {        grid-template-columns: 1fr;     }
	.main-info-board {   }
	.logo-symbol-box {   display:none;    }
}

@media (max-width: 600px) {
    .main-info-board {     flex-direction: column;        padding: 30px 20px;        gap: 20px;    }
    
    .info-row .label {    width: 100px;    font-size: 18rem;  }
	.time-list li span:first-child {    width: 80px;}
	.time-list li span {font-size: 14rem; }
	.tel-number {   font-size: 27rem; }
    .bottom-link-grid {        grid-template-columns: repeat(2, 1fr);     }
	.link-card {flex-direction: row;  padding:10rem 10rem }
	.link-card span {    font-size: 15rem; }
	.link-card i img {width:40px;}
	.right-content .map-box{height:400px; }
}



.point-info-wrap {  display: flex;  align-items: center;  justify-content: space-between;  gap: 60px; /*background: url('../img/main/point_bg.jpg') center center / cover no-repeat;*/  padding: 100px 10%;  color: #333;  flex-wrap: wrap;}
.point-info-img {  flex: 1 1 400px;  text-align: center;}
.point-info-img img {  border-radius: 30px;  width: 100%;  height: auto;}
.point-info-img h4 {font-size:25rem; display: flex;        flex-basis: 100%;        align-items: center;}
.point-info-img h4 span {font-size:35rem;}
.point-info-img h4::before,
.point-info-img h4::after {
        content: "";
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.35);
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 16px;
      }
.point-info-text {  flex: 1 1 500px;}
.point-info-title { font-size:25rem; font-weight:700; margin-bottom: 40px; letter-spacing:-1px; }
.point-info-list {  display: flex;  flex-direction: column;  gap: 20px;}
.point-info-list p {font-size:17rem; font-weight:400; letter-spacing:-.5px; line-height:1.7;}
.point-info-list p b {font-weight:600;}
.point-info-item {  background: rgba(218, 183, 115, 0.1);  border-radius: 50px;  padding: 18px 24px;  display: flex;  align-items: center;  gap: 12px;}
.point-info-item .circle-num {font-family: "Roboto Condensed", sans-serif;   min-width: 38px;  height: 38px;  aspect-ratio: 1 / 1;  background: #dab773;  border-radius: 50%;  color: #fff;  font-weight: 600;  font-size: 17rem;  display: flex;  align-items: center;  justify-content: center;  line-height: 1;  flex-shrink: 0;}
.point-info-item h4 {word-break: keep-all; font-size:18rem; font-weight:600; letter-spacing:-.5px; line-height:1.3; }

@media (max-width: 900px) {
  .point-info-img {  flex: 1 1 300px;  text-align: center;}
  .point-info-img img {  border-radius: 30px 0 30px 0;  width: 100%;  height: auto;}
  .point-info-wrap {    flex-direction: column;  gap:40px;    text-align: center;  padding: 100px 2%;  }
  .point-info-text {    flex: 1 1 100%;  }
  .point-info-title { font-size:18rem; }
  .point-info-list {   }
  .point-info-list p {font-size:14rem; }
  .point-info-item { text-align: left;    padding: 14px 20px;  }
  .point-info-item h4 {font-size:14rem;}
}


/* 배경 섹션 */
.hero-section {  position: relative;  width: 100%;  min-height: 600px;  padding: 60px 20px;  display: flex;  justify-content: center;  align-items: center;  /* 배경 이미지 및 어두운 오버레이 처리 */  background: url('../img/main/point_bg.jpg') no-repeat center center / cover;  overflow: hidden;}
.hero-section .content-box {  border: 1px solid rgba(255, 255, 255, 0.6);  width: 100%;  max-width: 900px;  padding: 50px 30px;  text-align: center;  }

.hero-section .title-area {  margin-bottom: 25px;  display: flex;  justify-content: center;  align-items: baseline;  gap: 15px;}
.hero-section .main-title { font-size: 40rem;  font-weight: 800;  letter-spacing: -1px;}

.hero-section .sub-title {  font-size: 30rem;  font-weight: 800;   color: #333;}
.hero-section .highlight-text { letter-spacing:-1px;   font-size: 22rem;  font-weight: 700;  margin-bottom: 18px;}

/* 본문 텍스트 영역 */
.hero-section .body-text {  font-size: 18rem;  line-height: 1.8;   color: #333;  font-weight: 500;  letter-spacing:-.5px; }
.hero-section .body-text p {word-break: keep-all;  margin-bottom: 4px;}
.hero-section .signature {  font-size: 11rem;  font-weight: 500;  color: #333;  letter-spacing: 0.5px;}

/* 모바일 반응형 처리 */
@media (max-width: 768px) {
  .hero-section .content-box {padding: 30px 15px;  }

  .hero-section .title-area {flex-direction: column;align-items: center;gap: 5px;  }
  .hero-section .main-title {font-size: 25rem;  }
  .hero-section .sub-title {font-size: 17rem;  }
  .hero-section .highlight-text, .sub-highlight-text {font-size: 16rem;  }
  .hero-section .body-text {font-size: 14rem;line-height: 1.7;  }
}

/* 2026-08 MAIN LOCAL SEO INTRO */
.main-local-intro { padding: 72px 20px 82px; background: #fff; }
.main-local-intro__inner { max-width: 960px; margin: 0 auto; text-align: center; }
.main-local-intro__inner em { display: block; margin-bottom: 12px; color: #dab773; font-family: "Roboto Condensed", sans-serif; font-size: 14rem; font-weight: 700; letter-spacing: .5px; }
.main-local-intro__inner h2 { margin: 0 0 22px; color: #14283b; font-size: 30rem; font-weight: 800; line-height: 1.35; letter-spacing: -1.2px; word-break: keep-all; }
.main-local-intro__inner p { margin: 5px 0; color: #454545; font-size: 17rem; font-weight: 500; line-height: 1.75; letter-spacing: -.45px; word-break: keep-all; }
@media (max-width: 1023px) {
  .main-local-intro { padding: 58px 24px 64px; }
  .main-local-intro__inner h2 { font-size: 26rem; }
}
@media (max-width: 767px) {
  .main-local-intro { padding: 46px 20px 50px; }
  .main-local-intro__inner em { font-size: 12rem; margin-bottom: 9px; }
  .main-local-intro__inner h2 { margin-bottom: 17px; font-size: 21rem; line-height: 1.45; letter-spacing: -.8px; }
  .main-local-intro__inner p { font-size: 15rem; line-height: 1.7; }
}
@media (max-width: 420px) {
  .main-local-intro { padding-left: 16px; padding-right: 16px; }
  .main-local-intro__inner h2 { font-size: 19rem; }
  .main-local-intro__inner p { font-size: 14.5rem; }
}