/* 공통 섹션 스타일 */
section { background:#fff; padding: 30px 20px; margin-bottom: 10px; }

.section-title { 
	text-align: center; 
	font-size: 24px;
	font-weight: 800; 
	margin-bottom: 25px; 
	letter-spacing: 1px; 
	color:#533E29;
	}
section {
	padding:0; margin-bottom: 0px; 
	}

section.info{
	width:100%;
	height:auto;
	background: #fff;
	text-align:Center;	
	border:0px solid red;
	margin:0 auto;
	text-align:left;
	font-size:0;
	display: flex;
  flex-direction: column; 
	}
section.info img{
	display: block;
	margin:0;
	padding:0;
	width:100%;
	}	
section.info div{
	position:Relative;
	width:100%;
	height:auto;
	padding:8%;
	background:#f5f5f5;
	overflow:hidden;
	box-sizing: border-box;
	}	
section.info div h4{
	font-weight: 600;
	font-size:30px;
	color:#000;
	letter-spacing:-0.03em;
	text-align:left;
	margin:0 0 50px 0;
	border:0px solid red;
	}
section.info div h4 span{
	display:block;
	font-weight:300;
	font-size:16px;
	color:#000;
	line-height:1;
	margin-bottom:10px;
	letter-spacing: -1.8px;
	}	
section.info div p.effect{
	width:100%;
	height:auto;
	margin:50px auto;
	padding:0;
	font-size:18px;
	font-weight:300;
	color:#000;
	line-height:1.5;
	letter-spacing:-0.05em;
	}		
section.info div p.effect span{
	display:block;
	font-weight:700;
	font-size:20px;
	line-height:1;
	letter-spacing:-0.05em;
	margin-bottom:10px;
	color:#000;
	}	
section.info div p.con{
	width:100%;
	height:auto;
	margin:80px auto;
	padding:0;
	font-size:20px;
	font-weight:300;
	color:#000;
	line-height:1.8;
	letter-spacing:-0.05em;
	
	}		
section.info div p.con b{
	font-weight:500;
	}	
	
	
/*같이 하면 좋은 시술*/
section.point h4,
section.caution h4,
section.combine h4{
	font-weight: 600;
	font-size:27px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	margin-bottom:30px;
	color:#000;
	}	
	
section.point{	
	margin:0;
	overflow:hidden;
	}	

section.point ul{
	position:relative;
	width:90%;
	height:auto;
	font-size:0;	
	overflow:hidden;
	margin:0 auto 80px auto;
	}		
section.point ul li{
	display:block;
	width:100%;
	height:auto;
	border-bottom:1px solid #000;
	margin-right:3px;
	overflow:hidden;
	text-align:Center;
	font-weight: 300;
	font-size:18px;
	line-height:1.8;
	letter-spacing: -0.05em;
	text-align: center;
	color:#000;
	padding-bottom:30px;
	}	
section.point ul li:last-child{
	border-bottom:0px solid #000;
	}	
section.point ul li span.num{
	position:relative;
	display:block;
	width:60px;
	height:60px;
	background:#000;
	border-radius:50%;
	font-size:25px;
	font-weight:600;
	text-align:center;
	color:#fff;
	line-height:2.2;
	overflow:hidden;
	margin:20px auto;
	}
section.point ul li p{
	font-weight:500;
	font-size: 22px;
	line-height:1;
	margin:30px auto ;
	color:#000;
	}

section.point .etc{
	position:relative;
	text-align:center;
	font-size:20px;
	font-weight:400;
	line-height:1.7;
	letter-spacing:-0.05em;
	color:#000;
	margin:80px auto;
	}
		
section.caution{	
	}
section.caution ul{
	position:relative;
	width:90%;
	height:auto;
	font-size:0;	
	overflow:hidden;
	margin:0 auto 80px auto;
	border:0px solid red;
	}			
section.caution ul li{
	display:block;
	width:auto;
	height:auto;
	margin-bottom:30px;
	font-weight: 300;
	font-size: 18px;
	line-height:1.5;
	letter-spacing: -0.05em;
	color:#000;
	text-align:left;
	background:url(../imgs/caution_dot.png) 0 10px no-repeat;
	background-size:7px;
	padding-left:15px;
	}	
section.combine{	
	}
	
section.combine ul.pack2 {
    display: grid;
    grid-template-columns: repeat(2, 45%); /* 갯수, width */
    gap: 40px; /* 사이 간격 */    
    width: 90%; 
    margin: 0 auto 70px auto; 
    padding: 0;
    list-style: none;
}

/* 리스트 아이템: 배치 속성 제거 및 스타일 유지 */
section.combine ul.pack2 li {
    border: 0px solid #ddd;
    text-align: center;
    box-sizing: border-box; /* 테두리 포함 크기 계산 */
}

/* 텍스트 스타일 (공통 속성으로 묶어서 코드 단축 가능) */
section.combine ul.pack2 li span.t {
    display: block;
    width: 100%;
    height: 45px;    

    line-height:45px;     
    text-align: center;
    font-size:16px;
    font-weight:400;
    letter-spacing: -0.03em;
    overflow: hidden;
}

/* 배경색/글자색 개별 설정 */
section.combine ul.pack2 li span.t {
    background: #E5E4CE;
    color: #533E29;
    border:0px solid red;
}

section.combine ul.pack2 li a {
    display: block;
    width: 100%;
    height:auto; 
    overflow: hidden;
    margin:0;
    padding:0;
}
section.combine ul.pack2 li a img{
	width:100%;
	border:0px solid red;
	display: block;
	}


/*레이저*/


/*레이저 배경*/	
section.laser_1{ 
	/*세르프*/
	background: linear-gradient(180deg, #FFFFFF 0%, #FCDCD8 100%);
	}	
section.laser_2{
	/*울쎄라*/
	background: linear-gradient(180deg, #FFFFFF 0%, #F9B200 100%);
	}	
section.laser_3{
	/*써마지*/
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(199, 143, 189, 0.538462) 28.37%, #972F84 68.27%);
	}	
section.laser_4{
	/*이래비티*/
	background: linear-gradient(180deg, #FFFFFF 0%, #D1502F 100%);
	}	
section.laser_5{
	/*슈링크*/
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(110, 124, 174, 0.5) 26.92%, rgba(63, 82, 149, 0.75) 46.15%, #152C7D 67.79%);

	}	
section.laser_6{
	/*MLA*/
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 201, 187) 33.17%, #E96B4C 69.23%);
	}
section.laser_7{
	/*포텐자*/
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(126, 213, 215, 0.58642) 33.17%, #23B8BA 69.23%);
	}	
section.booster_2{
	/*리쥬란*/
	background: linear-gradient(180deg, #FFFFFF 0%, #00BAB3 100%);
	}	
	

section.point table.compare-table {
    width: 95%;
    border-collapse: collapse;
    font-size:18px;
    color: #000;
    background-color: #fff;
    margin: 0 auto 80px auto;
    table-layout: fixed; /* 칸 너비 고정 */
}

section.point table.compare-table th, .compare-table td {
    border: 1px solid #bbb; /* 회색 테두리 */
    padding:15px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5; /* 줄간격 확보 */
    word-break: keep-all; /* 단어 단위 줄바꿈 */
}

/* 헤더 (짙은 남색 배경) */
section.point table.compare-table thead th {
    background-color: #533e29; /* 이미지와 유사한 짙은 남색 */
    color: #fff;
    padding: 15px 0;
    font-weight:500;
}

/* 첫 번째 컬럼 (구분, 작용원리 등) 배경색이나 스타일이 필요하면 추가 */
section.point table.compare-table tbody td:first-child {
    color: #555; /* 구분 항목은 약간 연하게 처리하거나 그대로 둠 */
}
	
	
/*색소 모공*/
section.pore{	
	padding-bottom:100px;
	box-sizing: border-box;
	}	
section.pore h4{
	font-weight: 600;
	font-size: 36px;
	leading-trim: NONE;
	line-height: 180%;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	color:#000;
	}	
section.pore .desc{
	text-align:Center;
	font-size:22px;
	font-weight:300;
	line-height:1.7;
	letter-spacing:-0.05em;
	color:#000;
	margin:0 auto;
	border:0px solid red;
	}	
section.pore ul.list{
	position:relative;
	max-width:1200px;
	height:auto;
	font-size:0;	
	overflow:hidden;
	margin:0 auto 50px auto;
	border:0px solid red;
	}			
section.pore ul.list li{
	display:block;
	width:auto;
	height:auto;
	margin-bottom:30px;
	font-weight: 300;
	font-size: 24px;
	line-height:1.5;
	letter-spacing: -0.05em;
	color:#000;
	text-align:left;
	background:url(../imgs/caution_dot.png)center left no-repeat;
	padding-left:30px;
	}	
section.pore ul.circle {
    display: flex;             /* 플렉스 박스 선언 */
    justify-content: center;   /* 가로 방향 중앙 정렬 */
    gap: 25px;                 /* 원 사이의 간격 (margin 대체) */    
    width: 1200px;
    margin: 0 auto 100px auto;            /* 블록 전체 중앙 배치 */
    padding: 0;
    list-style: none;
}
/* 원형 리스트 아이템 설정 */
section.pore ul.circle li {
    /* 원 모양 만들기 */
    width: 220px;
    height: 220px;
    border: 1px solid #000;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;    /* 테두리 포함 크기 계산 */
    display: flex;             /* 내부 요소를 플렉스로 */
    align-items: center;       /* 세로 중앙 정렬 */
    justify-content: center;   /* 가로 중앙 정렬 */
    text-align: center;        /* 텍스트 줄바꿈 시 가운데 정렬 */
}
/* 텍스트 설정 */
section.pore ul.circle li span {
    /* 불필요한 margin-top, display 제거 */
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7; 
    letter-spacing:-0.05em;   
    width: 90%; 
}		
	

/* 1300px 중앙 정렬 컨테이너 */
section.pore .inner_1300 {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

/* 가운데 수직 구분선 */
section.pore .inner_1300::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 20%;
    width: 1px;
    height: 80%;
    background-color: #888;
}

/* 각 콘텐츠 박스 (좌우 50%) */
section.pore .pore_box {
    width: 50%;
    padding: 0 40px;
    box-sizing: border-box;
    text-align: center;
}


/* 본문 텍스트 스타일 */
section.pore .pore_box p {
    font-size: 22px;
    line-height: 1.6;
    color: #333;
    margin-bottom: 10px;
}

/* 리스트 스타일 */
section.pore .pore_box ul {
    display: inline-block; /* 텍스트 중앙 정렬 유지를 위해 */
    text-align: left;
    margin: 20px 0;
}

section.pore .pore_box ul li {
    font-size: 22px;
    line-height: 1.8;
    padding-left: 20px; /* 도트 이미지가 들어갈 공간 */
    background: url('../imgs/caution_dot.png') center left no-repeat;
    list-style: none;
}

/* 하단 강조 문구 */
section.pore .highlight {
    margin-top: 40px;
    word-break: keep-all;
}

section.pore .desc_footer {
    margin-top: 10px;
}


section.pore .pore_feature_wrap {
    margin-top: 80px; /* 위쪽 콘텐츠와의 간격 (필요에 따라 조절) */
    display: block;     
    max-width: 1300px;
    margin: 0 auto;
    display: block;;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    
}

/* 상단 박스 영역 */
section.pore .feature_boxes {
    display: flex;
    justify-content: space-between;
    gap: 80px; /* 두 박스 사이 간격 */
}

/* 개별 테두리 박스 */
section.pore .f_box {
    width: 50%;
    border: 1px solid #222; /* 검은색 테두리 */
    border-radius: 10px; /* 둥근 모서리 */
    padding: 60px 0;
    text-align: center;
    box-sizing: border-box;
}

section.pore .f_box p {
    font-size: 22px;
    color: #333;
    line-height: 1.6;
    margin: 0;
}

/* 왼쪽 리스트 (caution_dot.png) */
section.pore .f_box ul.dot_list_01{
	display: inline-block; 
    text-align: center;
    margin: 20px 0;
    padding: 0;
	}
section.pore .f_box .dot_list_01 li {
    font-size: 22px;
    line-height: 2;
    list-style: none;
    display: flex;
    align-items: center; /* 세로(수직) 가운데 정렬 */
    gap: 10px; /* 이미지와 텍스트 사이의 간격 (원하시는 만큼 조절하세요) */
    text-align:Center;
}


/* 하단 테이블 영역 */
section.pore .table_wrap {
    text-align: center;
}

/* 비교 테이블 */
section.pore .compare_table {
    width:750px;
    margin: 0 auto; /* 가운데 정렬 */
    border-collapse: collapse;
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
}

section.pore .compare_table th, 
section.pore .compare_table td {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd; /* 가로선 */
    text-align: center;
    font-size: 22px;
}

section.pore .compare_table th {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    font-weight: bold;
    color: #000;
    font-size: 22px;
}

/* 세로 가운데 구분선 */
section.pore .compare_table th:first-child,
section.pore .compare_table td:first-child {
    border-right: 1px solid #ddd;
}

/* 테이블 우측 제목 배경색 (MLA 부분) */
section.pore .compare_table .highlight_th {
    background-color: #e6e6e6;
}	
	
section.pore2{	
	width: 100%;
    background: #fff;
    padding: 50px 0; /* 상하 전체 여백 */
	}	

section.pore2 .inner {
    width: 90%;
    margin: 0 auto;
    color: #111;
    font-family: 'Noto Sans KR', sans-serif;
    border-bottom: 1px solid #333;
}
section.pore2 .inner:last-child {
    border-bottom: none; /* 마지막 줄은 가로선 제거 */
}
/* 각 내용 구분 블록 (하단 가로선) */
section.pore2 .content-section {
		width:95%;
    padding: 60px 0;
    text-align: left; /* 전체 내용 중앙 정렬 */
    letter-spacing:-0.07em;
    margin:0 auto;
    border:1x solid red;
}


/* 타이틀 및 텍스트 스타일 */
section.pore2 .sec-title {
	text-align:center;
    font-size:24px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing:-0.05em;
}
section.pore2 .sec-title span.num{
	font-size:30px;
	font-weight:800;
	}
section.pore2 .sec-desc {
		width:95%;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
    word-break: keep-all;
    margin:0 auto;
    border:0px solid red;
}
section.pore2 .sec-desc.bold {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 15px;
}

/* 리스트 컨테이너 (텍스트는 왼쪽 정렬하되 블록 자체는 중앙 정렬) */
section.pore2 .list-box {
		width:90%;
    text-align: left;
    margin:30px auto;
}

/* 리스트 공통 속성 */
section.pore2 ul {	
    list-style: none;
    padding: 0;
    margin: 0 auto;
    border:0px solid red;
}
section.pore2 ul li {
    font-size:18px;
    line-height: 1.8;
    padding-left: 24px;
    margin-bottom: 10px;    
    background-repeat: no-repeat;
}

/* 점 리스트 (dot) */
section.pore2 ul.dot-list li {
    background-image: url('../imgs/caution_dot.png');
    background-position: left center; /* 아이콘 세로 위치 미세조정 */
}

/* 체크 리스트 (check) */
section.pore2 ul.check-list li {
    background-image: url('../imgs/caution_dot2.png');
    background-position: left 10px; /* 아이콘 세로 위치 미세조정 */
    background-size:18px;
}

/* --- 테이블 스타일 (페이지 4 전용) --- */
section.pore2 .comp-table {
    width: 100%;
    max-width: 650px;
    margin: 30px auto 0;
    border-collapse: collapse;
    border-top: 2px solid #111;
}
section.pore2 .comp-table th, 
section.pore2 .comp-table td {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 18px;
    word-break: keep-all;
}
section.pore2 .comp-table th {
    background: #f8f8f8;
    font-weight: 600;
    color: #111;
}
section.pore2 .comp-table th:first-child,
section.pore2 .comp-table td:first-child {
    border-right: 1px solid #ddd;
}


/*커뮤니티*/
section.comm_container{
    width: 95%;
    height:auto;
    margin: 100px auto;
    padding: 0;
    overflow: hidden;
}
section.comm_container h4{
	font-weight:700;
	font-size:24px;
	color:#000;
	letter-spacing:-0.03em;
	line-height:1.2;
	text-align:center;
	margin:0 auto;
	border:0px solid red;
	}
section.comm_container h4 span{
	display:block;
	font-weight:300;
	font-size:16px;
	color:#000;
	line-height:1;
	margin-top:10px;
	letter-spacing: -1.8px;
	}	
section.comm_container img.coun{
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;
	}	
section.comm_container p.coun{
	width:100%;
	height:auto;
	text-align:Center;
	font-size:16px;
	font-weight:400;
	line-height:1.8;
	margin:50px auto 50px auto;
	color:#000;
	}		
	
	
/*병원소개*/
section.trend{
    width: 95%;
    height:auto;
    margin: 100px auto;
    padding: 0;
    overflow: hidden;
}
section.trend h4{
	font-weight:700;
	font-size:24px;
	color:#000;
	letter-spacing:-0.03em;
	line-height:1.2;
	text-align:center;
	margin:0 auto 50px auto;
	border:0px solid red;
	}
section.trend h4 span{
	display:block;
	font-weight:300;
	font-size: 16px;
	color:#000;
	line-height:1;
	margin-top:10px;
	letter-spacing: -1.8px;
	}	
	
section.trend div.intro{
	position:relative;
	width:70%;
	height:auto;
	margin:0 auto 80px auto;
	font-size: 16px;
  line-height: 1.8;
  letter-spacing:-0.03em;
  color: #000;
  font-weight:400;
  text-align:center;
  word-break: keep-all; /* 단어 단위 줄바꿈 */
  overflow:hidden;
	}
section.trend img.map{
	width:100%;
	display:block;
	margin:0 auto;
	}

.doctor-profile-wrap {
        width: 95%;
        display: flex;
       flex-direction:column;
        align-items: center;
    }

    /* 왼쪽 사진 영역 (지정된 사이즈 적용) */
    .doctor-photo {
        width:90%;
        background-color: #f4f8fa; /* 이미지 배경색과 유사하게 임시 적용 */
        overflow: hidden;
        margin:0 auto;
    }

    .doctor-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 이미지가 영역을 꽉 채우도록 설정 */
    }

    /* 오른쪽 정보 영역 */
    .doctor-info {
        width:95%; /* 1000px 중 사진(430px)과 여백(50px)을 제외한 너비 */
        padding-top: 30px; /* 사진과 상단 위치를 자연스럽게 맞추기 위한 여백 */
    }

    /* 원장님 이름 타이틀 (36px) */
    .doctor-name {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        margin: 0 0 40px 0; /* 아래 여백 40px */
    }

    /* 약력 리스트 (22px) */
    .doctor-history {
        list-style: none; /* 기본 점 제거 */
        padding: 0;
        margin: 0;
    }

    .doctor-history li {
        font-size:16px;
        color: #444;
        margin-bottom: 18px; /* 줄 간격 */
        position: relative;
        padding-left: 15px; /* 가운뎃점이 들어갈 공간 확보 */
        line-height: 1.3;
    }

    /* 리스트 앞 가운뎃점(·) 스타일 */
    .doctor-history li::before {
        content: "·";
        position: absolute;
        left: 0;
        top: 0;
        font-weight: bold;
    }


/* 장비 소개 컨테이너 (1000px) */
    .equipment-wrap {
        width: 95%;
        border:0px solid red;
        margin:0 auto;
    }

    /* 각 카테고리 타이틀 (이미지에 맞춰 가운데 정렬) */
    .category-title {
        text-align: center;
        font-size: 24px;
        margin: 60px 0 30px 0;
        color: #000;
    }

    /* 첫 번째 카테고리 위쪽 여백 제거 */
    .equipment-wrap > .category-title:first-child {
        margin-top: 0;
    }

    /* 3개씩 나열되는 그리드 리스트 */
    .equipment-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 1비율씩 3칸으로 분할 */
        gap: 20px 15px; /*  세로/가로 간격 */
        list-style: none;
        padding: 0;
        margin: 0 auto 80px auto;
    }

    /* 장비 개별 아이템 */
    .equipment-list li {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; /* 이미지(300px)를 가운데 정렬하기 위해 추가 */
    }

    /* 장비 이미지 (img 태그에 직접 적용) */
    img.eq-img {
        width: 100%; /* 부모(li)의 크기에 맞춰 자동으로 줄어들고 늘어납니다 */
		    aspect-ratio: 1 / 1; /* (팁!) 이미지를 항상 1:1 정사각형 비율로 예쁘게 맞추고 싶다면 추가하세요 */
		    height: auto;
		    margin-bottom: 10px;
		    object-fit: cover; 
		    background-color: #f5f5f5; 
		    border: 1px solid #efefef;
		    border-radius: 8px; /* 모바일에 어울리도록 모서리를 살짝 둥글게 (선택사항) */
    }

    /* 장비 텍스트 정보 영역 */
    .eq-info {
        display: flex;
        flex-direction: column;
        gap: 5px;
        width: 100%; /* 텍스트 영역도 이미지와 너비를 맞춰 깔끔하게 정렬 */
    }
    
    /* 장비 이름 (24px, 굵게) */
    .eq-name {
        font-size:16px;
        font-weight: bold;
        color: #000;
        margin: 0;
    }

    /* 장비 설명 (20px) */
    .eq-desc {
        font-size:14px;
        color: #555;
        margin: 0;
        word-break: keep-all; /* 단어 단위로 줄바꿈 되도록 설정 */
    }


section.trend_pic{
    width: 100%;
    height:auto;
    margin: 100px auto 0 auto;
    padding-bottom:100px;
    background:#f8f8f8;
    overflow: hidden;
}
section.trend_pic h4{
	font-weight:700;
	font-size:24px;
	color:#000;
	letter-spacing:-0.03em;
	line-height:1.2;
	text-align:center;
	margin:50px auto 50px auto;
	border:0px solid red;
	}
section.trend_pic h4 span{
	display:block;
	font-weight:300;
	font-size: 20px;
	color:#000;
	line-height:1;
	margin-top:10px;
	letter-spacing: -1.8px;
	}		
	
.trendpic-wrapper {
            position: relative;
            max-width: 95%;
            margin: 0 auto;
            padding: 0 50px; /* 양쪽에 버튼이 들어갈 공간 100px 확보 */
            box-sizing: border-box;
        }

        /* --- 메인 슬라이더 --- */
        .trendpic-main {
            width: 100%;
            height: auto;
            overflow: hidden;
        }
        
        .trendpic-main .swiper-slide img {
            width: 100%;
            object-fit: cover; /* 이미지가 찌그러지지 않게 꽉 채움 */
        }

        /* --- 썸네일 슬라이더 --- */
        .trendpic-thumbs {
            width: 90%;
            margin: 15px auto 0;
            box-sizing: border-box;
        }

        .trendpic-thumbs .swiper-slide {
            height: 40px; /* 썸네일 높이 (원하시는 대로 수정 가능) */
            opacity: 0.4;
            cursor: pointer;
            transition: opacity 0.3s;
        }

        /* 활성화된 썸네일은 투명도 없이 선명하게 */
        .trendpic-thumbs .swiper-slide-thumb-active {
            opacity: 1;
        }

        .trendpic-thumbs .swiper-slide img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
        }

        /* --- 커스텀 네비게이션 버튼 --- */
        .trendpic-button-prev,
        .trendpic-button-next {
            position: absolute;
            top: 50%; /* 메인 이미지의 세로 중앙 */
            transform: translateY(-50%);
            width: 30px;
            height: 30px;
            z-index: 10;
            cursor: pointer;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        /* Swiper 기본 화살표 아이콘 제거 */
        .trendpic-button-prev::after,
        .trendpic-button-next::after {
            display: none;
        }

        /* 이전 버튼 이미지 및 위치 (사진 밖 왼쪽) */
        .trendpic-button-prev {
            left: 15px; /* 1200px 컨테이너 기준 왼쪽 여백 */
             background: url('../imgs/hero_ar1.png') no-repeat center;
        }

        /* 다음 버튼 이미지 및 위치 (사진 밖 오른쪽) */
        .trendpic-button-next {
            right: 15px; /* 1200px 컨테이너 기준 오른쪽 여백 */
             background: url('../imgs/hero_ar2.png') no-repeat center;
        }        	
	
	
/*성형*/
/*흉터*/
section.pla_7 h4{
	font-weight: 600;
	font-size: 24px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	margin-bottom:30px;
	color:#000;
	}	
section.pla_7 span{
	display:block;
	font-weight: 400;
	font-size: 20px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	margin-top:20px;
	color:#000;
	}		
	
section.pla_7 div.dep1{
	width:95%;
	height:auto;
	display: flex;
	flex-direction: column; /*  세로 배치 */
  align-items: center;    /* 박스들을 가운데로 정렬 */
  margin:0 auto;
  gap: 30px;              /*  세로로 쌓인 박스들 사이의 간격*/
  border: 0px solid red; 
  
	}	
section.pla_7 div.dep1 div.con{
	width:100%;
	height:auto;
	border:1px solid #aaa;
	border-radius:5px;
	padding: 8% 5%;
	text-align:center;
	word-break: keep-all; 
	font-size:16px;
	font-weight:400;
	line-height:1.8;
	letter-spacing:-0.05em;
	box-sizing: border-box; 
	}
section.pla_7 div.dep1 div.con h5,
section.pla_7 div.dep2 h5{
	text-align:Center;
	font-size:20px;
	font-weight:500;
	line-height:1;
	margin-bottom:30px;
	margin-top:10px;
	}
section.pla_7 div.dep1 div.con b{
	font-weight:600;
	color:#533e29
	}	
section.pla_7 div.dep2{
	width:100%;
	height:auto;
  margin:30px auto 100px auto;
  background:#fcf8ec;
  text-align:Center;
	font-size:16px;
	font-weight:400;
	line-height:1.8;
	letter-spacing:-0.05em;
	word-break: keep-all; 
	padding:2%;
	}	

/*시술과정*/
section.process_pla{
	height:auto;	
	border:0px solid red;
	text-align:center;
	background:#f8f8f8;
	padding:50px 0;
	}
section.process_pla h4{
	font-weight: 600;
	font-size: 24px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	color:#000;
	margin:0;
	}		
section.process_pla .process-inner {
  width: 100%; /* 모바일에서는 100%로 잡고 내부 패딩으로 여백을 줍니다 */
  padding: 40px 10px;
  margin: 0 auto;
  box-sizing: border-box;
}

section.process_pla .process-inner ul {
  display: flex;
  flex-wrap: wrap; /*  핵심 1: 가로 공간이 꽉 차면 밑으로 줄바꿈되게 만듭니다 */
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

section.process_pla .process-inner ul li {
  position: relative;
  width: 50%; /*  핵심 2: 1줄에 2개씩 들어가도록 50%로 설정 */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px; /* 윗줄(1,2번)과 아랫줄(3,4번) 사이의 간격 띄우기 */
  box-sizing: border-box;

}

/* 회색 원형 숫자 디자인 */
section.process_pla .step-num {
  width: 40px; /* 터치 환경을 고려해 30px보다 살짝 키웠습니다 */
    height: 40px;
    background-color: #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px; /* 원과 아래 글자 사이의 간격 (모바일에 맞게 대폭 줄임) */
    z-index: 1;

}

/* 텍스트 디자인 */
section.process_pla .step-text {
   font-size: 16px;
    line-height: 1.4;
    color: #000;
    font-weight: 500;
    word-break: keep-all;
}

section.process_pla .step-text span {
  font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
    color: #555; /* 부가 설명은 살짝 연하게 (선택사항) */

}

/* 화살표 만들기 (이미지 없이 CSS로 그림) */
section.process_pla .process-inner ul li::after {
  content: '';
    position: absolute;
    /*  화살표가 원형 숫자의 중앙을 향하도록 top 위치 조정 (40px 원의 절반 = 20px) */
    top: 20px; 
    right: -12px; /* 50% 영역의 오른쪽 끝에 걸치도록 조정 */
    transform: translateY(-50%);
    width: 24px; /* 모바일 화면에 맞게 화살표 크기 축소 */
    height: 42px;
    background: url('../imgs/process_ar.png') no-repeat center / contain;
    z-index: 2;
}

/* 마지막 단계(4번)에는 화살표 없애기 */
/*  핵심 3: 2번(짝수)과 4번(마지막) 화살표 숨기기 */
section.process_pla .process-inner ul li:nth-child(even)::after,
section.process_pla .process-inner ul li:last-child::after{
    display: none;
}

	
section.process_pla div.process_con{
	position:relative;
	width: 95%;
  margin:50px auto  0 auto;
  box-sizing: border-box;
  padding: 0 20px; /* 화면이 1200px보다 작아질 때를 대비한 최소 여백 */
  text-align:left;
}

/* 각 스텝 아이템 여백 */
section.process_pla div.process_con .step_item {
  margin-bottom: 70px; /* 스텝과 스텝 사이의 간격 */
}

/* 마지막 스텝은 아래 여백 제거 */
section.process_pla div.process_con .step_item:last-child {
  margin-bottom: 0;
}

/* 타이틀 배경 (회색 라운드 박스) */
section.process_pla div.process_con .step_title {
  background-color: #d1d1d1; /* 이미지와 비슷한 회색 */
  border-radius: 40px; /* 양끝을 둥글게 */
  padding: 12px 30px;
  display: inline-block; /* 글자 길이에 맞춰 박스 너비 조절 */
  margin-bottom: 30px; /* 타이틀과 설명 사이의 간격 */
  box-sizing:border-box;
}

/* 타이틀 한글 폰트 설정 */
section.process_pla div.process_con .title_ko {
  font-size:20px;
  font-weight: 600;
  color: #111;
  vertical-align: middle;
}

/* 타이틀 영문 폰트 설정 */
section.process_pla div.process_con .title_en {
  font-size: 16px;
  font-weight: 400;
  color: #111;
  margin-left: 8px; /* 한글과 영문 사이 간격 */
  vertical-align: middle;
}

/* 하단 설명 텍스트 설정 */
section.process_pla div.process_con .step_desc {
  font-size: 16px;
  font-weight: 300;
  color: #222;
  line-height: 1.8; /* 텍스트 줄 간격 (가독성을 위해 넓게 설정) */
  word-break: keep-all; /* 단어 단위로 줄바꿈 되도록 설정 */
  text-align:left;
}
section.process_pla div.process_con .step_desc b{
	font-weight:600;
	color:#533e29;
	}
/* 설명 내 문단(p) 간격 설정 */
section.process_pla div.process_con .step_desc p {
  margin: 0 0 15px 0;
}
section.process_pla div.process_con .step_desc p:last-child {
  margin-bottom: 0;
}	


/*키포인트*/
section.pla_8{
	height:auto;	
	}	
section.pla_8 h4{
	font-weight: 600;
	font-size: 24px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	margin-bottom:50px;
	color:#000;
	}	
section.pla_8 span{
	display:block;
	font-weight: 400;
	font-size: 22px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	margin-top:20px;
	color:#000;
	}		
	
section.pla_8 div.pla8_desc{
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto 50px auto;
	padding:0;
	border:0px solid red;
	font-size:16px;
	font-weight:400;
	color:#000;
	line-height: 1.8;
  word-break: keep-all;
  text-align:left;
	letter-spacing:-0.05em;
	overflow:hidden;
	}	
section.pla_8 div.pla8_desc img{
	display:block;
	margin:30px auto;
	width:95%;
	}	
section.pla_8 div.pla8_desc h5{
	display:block;
	font-size:20px;
	margin:0;
	padding:0;
	font-weight:600;
	line-height:1.8;
	}	
section.pla_8 div.pla8_desc b{
	font-weight:600;
	}

section.pla_9{
    position: relative;
    width: 95%;
    height:auto;
    margin: 100px auto;
    padding: 0;
    overflow: hidden;
}
section.pla_9 h4{
	font-weight:700;
	font-size:24px;
	color:#000;
	letter-spacing:-0.03em;
	text-align:center;
	margin:0 auto 50px auto;
	border:0px solid red;
	}
section.pla_9 h4 span{
	display:block;
	font-weight:300;
	font-size: 20px;
	color:#000;
	line-height:1;
	margin-top:10px;
	letter-spacing: -0.03em;
	}	
section.pla_9 div.img_wrap{
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto 80px auto;
	border:1px solid #aaa;
	border-radius:5px;
	overflow:hidden;
	}	
section.pla_9 div.img_wrap img{
	width: 90% !important; /* Swiper의 기본 설정을 이기고 742px로 강력하게 고정 */
  height: auto !important; /* 원본 비율이 찌그러지지 않도록 높이는 자동 설정 */
	display:block;
	margin:40px auto;
	}		
section.pla_9 div.img_wrap span{
	width: 100%;
    height: 40px;
    background: #fcf8ec;    
    font-size: 16px;
    font-weight:400;
    text-align: center;    
    /* Flexbox를 이용한 세로/가로 정중앙 정렬 */
    display: flex;
    justify-content: center; /* 가로 정중앙 */
    align-items: center;     /* 세로 정중앙 */
	}	
	
.swiper .scar_pic {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 50px; /* 하단 페이지네이션이 들어갈 여유 공간 확보 */
}

/* Swiper 기본 제공 텍스트 화살표 숨김 */
.scar_pic .swiper-button-prev::after,
.scar_pic .swiper-button-next::after {
    display: none !important; 
    content: ""; /* 혹시 모를 찌꺼기 텍스트도 방지 */
}

/* 버튼 자체의 색상도 투명하게 만들어 혹시 모를 파란색 흔적 지우기 */
.scar_pic .swiper-button-prev,
.scar_pic .swiper-button-next {
    color: transparent !important; 
    width:30px;
    height:30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -27.5px;
}
.scar_pic .swiper-button-prev {
  background-image: url('../imgs/hero_ar1.png');
  left: 0; /* 사진과 겹치지 않게 1200px 영역의 맨 왼쪽 끝으로 배치 */
}

.scar_pic .swiper-button-next {
  background-image: url('../imgs/hero_ar2.png');
  right: 0; /* 맨 오른쪽 끝으로 배치 */
}

.scar_pic .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #d7ccb5; /* 기본 색상 */
  opacity: 1; /* Swiper 기본 반투명 효과 제거 */
  border-radius: 50%; /* 완벽한 원형 */
  margin: 0 8px !important; /* 동그라미 사이의 간격 */
  transition: background-color 0.3s ease; /* 색상이 부드럽게 변하도록 애니메이션 추가 */
}

/* 마우스 오버 시 & 현재 활성화된 슬라이드의 점 색상 변경 */
.scar_pic .swiper-pagination-bullet:hover,
.scar_pic .swiper-pagination-bullet-active {
  background-color: #533e29;
}	


section.laser_dep1{
	height:auto;	
	border:0px solid red;
	text-align:center;
	padding-bottom:50px;
	}	
		
section.laser_dep1 h4,
section.laser_dep2 h4,
section.laser_dep3 h4{
	font-weight: 600;
	font-size:27px;
	line-height: 180%;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	color:#000;
	}	
section.laser_dep1 h4.white,
section.laser_dep2 h4.white,
section.laser_dep3 h4.white{
	font-weight: 600;
	font-size: 27px;
	line-height: 180%;
	letter-spacing: -5%;
	text-align: center;
	margin-top:100px;
	color:#fff;
	}	
	
section.laser_dep1 img.logo{
	display:block;
	margin:100px auto;
	}
section.laser_dep1 ul.circle{
	position:relative;
	width:1200px;
	height:280px;
	border:0px solid red;
	margin:0 auto;
	font-size:0;
	overflow:hidden;
	text-align:Center;
	}	
section.laser_dep1 ul.circle li{
	position:relative;
	display:inline-block;
	width:275px;
	height:275px;
	border:1px solid #000;
	border-radius:50%;
	background:#fff;
	margin:0 25px 0 auto;
	overflow:hidden;
	}	
section.laser_dep1 ul.circle li:last-child{
	margin:0;
	}		
section.laser_dep1 ul.circle li span{
	display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  font-size:24px;
	font-weight:400;
	margin-top:80px;
	}
	

section.laser_dep1 ul.circle2 {
    display: grid;                           /* 플렉스 대신 그리드(바둑판 배열) 사용 */
    grid-template-columns: repeat(2, 1fr);   /* 핵심! 1줄에 똑같은 크기로 2개씩 배치 */
    justify-items: center;                   /* 각 칸의 중앙에 원을 예쁘게 정렬 */
    gap:10px;                               /* 상하좌우 원 사이의 간격 */  
    width: 95%;
    margin: 0 auto;                          /* 블록 전체 중앙 배치 */
    padding: 0;
    list-style: none;
}
/* 원형 리스트 아이템 설정 */
section.laser_dep1 ul.circle2 li {
    /* 고정 px 대신 비율 사용 */
    width: 100%;           /* 그리드 1칸 너비에 꽉 차게 */
    max-width: 170px;      /* 단, 아무리 커져도 150px을 넘지는 않게 */
    aspect-ratio: 1 / 1;   /* 가로세로 무조건 1:1 완벽한 정비율 (height 대신 사용) */
    border: 1px solid #000;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/* 텍스트 설정 */
section.laser_dep1 ul.circle2 li span {
    font-size:17px;
    font-weight: 400;
    line-height: 1.7; 
    letter-spacing:-0.05em;   
    width: 90%; 
}	
		
section.laser_dep1 ul.recom{
	position:Relative;
	width:92%;
	height:auto;
	margin:0 auto;
	padding:0;
	border:0px solid red;
	box-sizing: border-box;
	}
section.laser_dep1 ul.recom li{
	position:Relative;
	width:100%;
	height:auto;
	margin-bottom:15px;
	background:url(../imgs/caution_dot.png) 0 8px no-repeat;
	background-size:7px;
	padding-left:15px;
	text-align:left;
	font-size:18px;
	font-weight:400;
	color:#000;
	line-height:1.5;
	letter-spacing:-0.05em;
	word-break: keep-all; /* 단어 단위 줄바꿈 */

	}
section.laser_dep1 ul.recom li.white{
	position:Relative;
	width:100%;
	height:auto;
	margin-bottom:15px;
	background:url(../imgs/caution_dot_white.png) 0 8px no-repeat;
	background-size:7px;
	padding-left:15px;
	text-align:left;
	font-size:18px;
	color:#fff;
	font-weight:400;
	line-height:1.5;
	letter-spacing:-0.05em;
	word-break: keep-all; /* 단어 단위 줄바꿈 */
	}	
section.laser_dep1 ul.recom li b{
	font-weight:600;
	}	
	
section.laser_dep3 img{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	}	


/*패키지 구정*/

section.package_detail{
	height:auto;	
	border:0px solid red;
	text-align:center;
	background:#f8f8f8;
	padding:80px 0;
	}	
section.package_detail h4{
	font-weight: 600;
	font-size:24px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	color:#000;
	margin:0;
	}		
section.package_detail div{
	position:Relative;
	width:90%;
	height:auto;
	margin:50px auto 0 auto;
	padding:0;
	border:0px solid red;
	text-align:left;
	font-size:16px;
	font-weight:300;
	line-height:2.2;
	letter-spacing:-0.05em;
	}
section.package_detail div b{
	font-weight:600;
	}
	
/* --- 시술과정 (Mobile) --- */
section.process {
    height: auto;
    text-align: center;
    background: #f8f8f8;
    padding: 50px 0; /* 모바일은 상하 여백을 PC보다 살짝 줄이는 것이 좋습니다 */
}

section.process h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.05em; /* letter-spacing은 %보다 em 단위를 쓰는 것이 웹 표준에 더 잘 맞습니다 */
    color: #000;
    margin: 0;
}

section.process .process-inner {
    width: 100%; /* 모바일에서는 100%로 잡고 내부 패딩으로 여백을 줍니다 */
    padding: 40px 10px;
    margin: 0 auto;
    box-sizing: border-box;
}

section.process .process-inner ul {
    display: flex;
    flex-wrap: wrap; /*  핵심 1: 가로 공간이 꽉 차면 밑으로 줄바꿈되게 만듭니다 */
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

section.process .process-inner ul li {
    position: relative;
    width: 50%; /*  핵심 2: 1줄에 2개씩 들어가도록 50%로 설정 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 40px; /* 윗줄(1,2번)과 아랫줄(3,4번) 사이의 간격 띄우기 */
    box-sizing: border-box;
}

/* 마지막 줄(3번, 4번)은 아래쪽 간격이 필요 없으므로 제거 */
section.process .process-inner ul li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

/* 회색 원형 숫자 디자인 */
section.process .step-num {
    width: 40px; /* 터치 환경을 고려해 30px보다 살짝 키웠습니다 */
    height: 40px;
    background-color: #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px; /* 원과 아래 글자 사이의 간격 (모바일에 맞게 대폭 줄임) */
    z-index: 1;
}

/* 텍스트 디자인 */
section.process .step-text {
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    font-weight: 500;
    word-break: keep-all;
}

section.process .step-text span {
    font-size: 13px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
    color: #555; /* 부가 설명은 살짝 연하게 (선택사항) */
}

/* 화살표 만들기 */
section.process .process-inner ul li::after {
    content: '';
    position: absolute;
    /*  화살표가 원형 숫자의 중앙을 향하도록 top 위치 조정 (40px 원의 절반 = 20px) */
    top: 20px; 
    right: -12px; /* 50% 영역의 오른쪽 끝에 걸치도록 조정 */
    transform: translateY(-50%);
    width: 24px; /* 모바일 화면에 맞게 화살표 크기 축소 */
    height: 42px;
    background: url('../imgs/process_ar.png') no-repeat center / contain;
    z-index: 2;
}

/*  핵심 3: 2번(짝수)과 4번(마지막) 화살표 숨기기 */
section.process .process-inner ul li:nth-child(even)::after,
section.process .process-inner ul li:last-child::after {
    display: none;
}

	
/*키포인트*/
section.laser_dep2{
	height:auto;	
	}		
section.laser_dep2 ul{
	position:relative;
	width:90%;
	height:auto;
	margin:0 auto 30px auto;
	padding:0;
	border:0px solid red;
	overflow:hidden;
	}	
section.laser_dep2 ul li{
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	background:url(../imgs/caution_dot.png) 0 10px no-repeat;
	background-size:7px;
	padding-left:15px;
	font-size:18px;
	font-weight:300;
	color:#000;
	line-height:1.5;
	letter-spacing:-0.07em;
	}	
section.laser_dep2 ul li b{
	font-weight:600;
	}
section.laser_dep2 ul li:first-child,
section.laser_dep2 ul li.etc{
	background:none;
	padding:0;
	}		
	
	
/*추천대상*/	
section.target{
	height:auto;	
	border:0px solid red;
	text-align:center;
	margin:50px auto
	}	
section.target h4{
	font-weight: 600;
	font-size: 26px;
	line-height:1;
	letter-spacing: -5%;
	text-align: center;
	color:#000;
	border:0px solid red;
	margin:0 0 50px 0;
	}	
section.target ul.recom{
	position:Relative;
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0;
	border:0px solid red;
	}
section.target ul.recom li{
	position:Relative;
	width:100%;
	height:auto;
	margin-bottom:25px;
	background:url(../imgs/caution_dot.png) 0 10px no-repeat;
	background-size:7px;
	padding-left:15px;
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:1.5;
	letter-spacing:-0.05em;
	}
section.target ul.recom li.white{
	position:Relative;
	width:100%;
	height:auto;
	margin-bottom:25px;
	background:url(../imgs/caution_dot_white.png) center left no-repeat;
	padding-left:30px;
	text-align:left;
	font-size:24px;
	color:#fff;
	font-weight:300;
	line-height:1;
	letter-spacing:-0.05em;
	}	
section.target ul.recom li.center{
	text-align:center;
	font-size:20px;
	font-weight:600;
	line-height:1;
	background:none;
	}			
	
/*눈성형 테이블*/
section.pla_8 table.info-table {
    width: 90%;
    border-collapse: collapse;
    font-size: 22px;
    color: #000;
    background-color: #fff;
    margin: 0 auto 80px auto;
    table-layout: fixed; /* 칸 너비 고정 */
}

section.pla_8 table.info-table th, .info-table td {
    border: 1px solid #bbb; /* 회색 테두리 */
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5; /* 줄간격 확보 */
    word-break: keep-all; /* 단어 단위 줄바꿈 */
}

/* 헤더 (짙은 남색 배경) */
section.pla_8 table.info-table th {
    background-color: #533e29;
    color: #fff;
    padding: 25px 0;
    font-weight:500;
}

section.pla_8 table.info-table tbody td:first-child {
    color: #555; /* 구분 항목은 약간 연하게 처리하거나 그대로 둠 */
}