.viyum_section1{
	    background: #010101;
}
	
.viyum_section1 h2{
	    text-align: center;
    font-size: 43px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    padding-top: 50px;
}
	
.viyum_section1 h3{
	    font-size: 25px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    padding: 20px 0px 40px;
}
	

	
/* 코 바이러스 */
	
    .image-container {
	position: relative;
    width: 1000px;
    height: 705px;
    background: url('../data/skin/front/pure/img/byunhom/viyum/viyum_img.jpg');
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin: 0 auto;
    }
	
    /* 1. 코 위치 중심점 (빨려 들어가는 블랙홀 역할) */
    .nose-vortex {
      position: absolute;
      top: 30%;   /* 이미지 내 코의 y축 위치 (퍼센트로 미세조정 가능) */
      left: 54%;  /* 이미지 내 코의 x축 위치 */
      width: 1px;
      height: 1px;
    }

    /* 코 주변 은은한 초록색 발광 효과 */
    .nose-vortex::before {
      content: '';
      position: absolute;
      top: -50px;
      left: -40px;
      width: 100px;
      height: 100px;
      background: radial-gradient(circle, rgba(0,255,0,0.5) 0%, rgba(0,0,0,0) 70%);
      border-radius: 50%;
      animation: pulse 2s infinite ease-in-out;
    }

    /* 2. 바이러스 입자 공통 스타일 */
    .particle {
      position: absolute;
      width: 8px;
      height: 8px;
      background: radial-gradient(circle, #b5ff60 0%, #1e6b00 80%);
      border-radius: 50%;
      box-shadow: 0 0 12px #52ff00, 0 0 4px #fff;
      opacity: 0;
      
      /* 인라인 변수 수신 및 애니메이션 적용 */
      animation: inhale var(--duration, 2.5s) infinite linear;
      animation-delay: var(--delay, 0s);
    }

    /* 3. 애니메이션 핵심 Keyframes */
    
    /* 입자가 외부(--x, --y)에서 중심점(0, 0)으로 빨려 들어오는 효과 */
    @keyframes inhale {
      0% {
        transform: translate(var(--x), var(--y)) scale(1.8);
        opacity: 0;
      }
      15% {
        opacity: 1; /* 날아오기 시작할 때 선명해짐 */
      }
      85% {
        opacity: 0.9;
      }
      100% {
        transform: translate(0, 0) scale(0.1); /* 코 안으로 들어가며 작아짐 */
        opacity: 0;
        filter: blur(1px);
      }
    }

    /* 코 내부 가스 잔상/소용돌이 느낌의 펄스 */
    @keyframes pulse {
      0%, 100% { transform: scale(0.8); opacity: 0.4; }
      50% { transform: scale(1.3); opacity: 0.8; }
    }
	
	
/* 코 알레르기 */
#viyum_wonin{
	width: 1100px;
	height:790px;
    margin: 0 auto;
    padding-top: 90px;
	position: relative;
}
#viyum_wonin h2{
	font-size:43px; 
	text-align: left;
    line-height: 1.2;
}
	
#viyum_wonin h2 b{	
color: #b32319;	
}
		
#viyum_wonin_img{
border-radius: 20px;
    position: absolute;
	top: 250px;
}
	
.viyum_saimg{
	    width: 494px;
    height: 684px;
    position: absolute;
    right: 10px;
}
	
/* 깜빡깜빡 */	
.highlight {
            position: absolute;
            border-radius: 50%;
            animation: blink 2s infinite; /* 애니메이션 이름, 기간, 반복 횟수 */
        }



.highlight.gut {	
    width: 130px;
    height: 130px;
    background-color: rgb(255 25 25 / 56%);
    filter: blur(15px);
    top: 490px;
    left: 150px;
	 z-index: 2;
  }
	
@keyframes blink {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 1; 
            }
        }	
	
#mun_01{
    right: 4px;
    position: absolute;
    top: 270px;
}
	
#mun_02{
     top: 0px;
    left: 100px;
    position: absolute;
}
	
#mun_03{
	position: absolute;
    left: 280px;
    top: 90px;
}
	
#mun_04{
	position: absolute;
    left: 360px;
    top: 0px;
}
	
	
	
.arrow-box{
	right: 380px;
    top: 220px;
	animation: fadeIn 0.3s ease-out forwards, bounce 2s infinite ease-in-out;
    animation-delay: 0.1s, 0.5s;
}	
	
	
/* 비염 면역반응 */	
#viyum_munyuck{
    background: #f3f4f8;
    padding-top: 50px;
    height: 580px;
    overflow: hidden;
}
	
#viyum_munyuck h2{
	text-align: center;
    font-size: 43px;	
}
	
/* 비염 발생 위치 */	
	        /* 메인 컨테이너 블록 */
 .viyum {
    width: 1000px;
    padding: 40px 40px 0;
    margin: 0 auto;
    height: 400px;
	position: relative;
        }

        /* 왼쪽: 탭 영역 */
        .viyum__tab-container {
       		 width: 500px;
			 position: absolute;
			z-index: 1;
        }

        .viyum__tab-item {
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
            border: 1px solid #eaeaea;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.3s ease;
			margin-bottom: 20px;
        }

        /* 탭 헤더 */
        .viyum__tab-header {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            padding: 24px;
            font-size: 22px;
            font-weight: bold;
            color: #333333;
            text-align: center;
        }

        /* 화살표 아이콘 */
        .viyum__arrow {
            position: absolute;
            right: 24px;
            width: 28px;
            height: 28px;
			color:#fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
            transition: transform 0.3s ease, background-color 0.3s ease;
        }

        /* 탭 설명란 */
        .viyum__tab-content {
            max-height: 0;
            opacity: 0;
            padding: 0 24px;
            color: #666666;
            font-size: 20px;
            text-align: center;
            transition: all 0.3s ease;
            border-top: 1px dashed transparent;
        }

        /* [상태] 활성화된 탭 스타일 */
        .viyum__tab-item--active {
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
        }

        .viyum__tab-item--active .viyum__tab-content {
            max-height: 100px;
            opacity: 1;
            padding-bottom: 24px;
            padding-top: 16px;
            border-top: 1px dashed #e2e8f0;
        }

        .viyum__tab-item--active .viyum__arrow {
            background: #bb3333;
        }

        /* 오른쪽: 이미지 영역 */
        .viyum__image-container {
    		width: 580px;
   			right: 0px;
   			 position: absolute;
        }

        .viyum__allergy-img {
            display: none;
            width: 100%;
            object-fit: contain;
			
        }

        /* [상태] 활성화된 이미지 */
        .viyum__allergy-img--active {
            display: block;
            animation: viyumFadeIn 0.4s ease-in-out;
        }

        @keyframes viyumFadeIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }
	
/* 피부질환 치료 */	
#skin_chiro_list{	
margin-top: 50px;	
}
	
#skin_chiro_list ul{
	position:relative;
	width:1200px;
	height:450px;
	margin:0 auto;
}
	
	
#skin_chiro_list ul li{
    position: relative;
	width: 390px;
    float: left;
	margin-left: 15px;
	border-radius: 10px;
    overflow: hidden;
}
	
#skin_chiro_list ul li:first-child{
	margin-left: 0px;	
}
	
	
#skin_chiro_list ul li h3{
	text-align: center;
    font-size: 24px;
    background: #dc2b43;
    color: #fff;
    line-height: 2;
}
	
.skin_chiro_list_txt{
    background: #fff;
    padding: 20px 30px;
}

.skin_chiro_list_txt p{
background: #dc2b43;
    font-size: 18px;
    color: #fff;
    text-align: center;
    width: 150px;
    margin-bottom: 10px;
    border-radius: 5px;	
	font-weight: 600;
}	
.skin_chiro_list_txt span{	
	    font-size: 18px;
}