/*###########
## 폰트 설정 ##
###########*/

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf") format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2") format('woff2'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff") format('woff'),url("https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf") format('opentype');}


/*################
## 웹 레이아웃 설정 ##
##################*/

html, body {
    font-family: 'Noto Sans KR';
/*    height: 100%;*/
    height: 2900px;
    width: 100%;
    overscroll-behavior: none;
    background-color: grey;
}

.pc_view {
    width: 100%;
    min-height: 100%;
    z-index:0;
    position: fixed;

}

.mobile_view {
    filter: drop-shadow(0 9px 46px rgba(0, 0, 0, 0.12))
          drop-shadow(0 11px 15px rgba(0, 0, 0, 0.14))
          drop-shadow(0 24px 38px rgba(0, 0, 0, 0.12))
          drop-shadow(0 -3px 5px rgba(0, 0, 0, 0.1));
    
    z-index:1;
    position: relative;
    min-height: 100%;
    background-color: white;
    border-left:#17171B solid black;
    border-right:#17171B solid black;
    background: linear-gradient(90deg, #000000, #302e2e);
}


@media all and (max-width:440px) {
  .mobile_view {
    width:100%;
    margin: 0 auto;

  } 

  .menu {
    width:100%;
    margin: 0 auto;

  } 
}

@media all and (min-width:440px) {
  .mobile_view {
    width: 440px;
    margin: 0 auto;
  } 
  .menu {
    width: 440px;
    margin: 0 auto;
  } 
} 


.header {
    width: 100%;
    padding-bottom: 10px;
    background-color: rgba(256,256,256, 0.05);
}

.header-title {
    width: 80%;
    color:white;
    font-family: 'Noto Sans KR';
    font-size: 30px;
    padding-top:19px;
    margin-left: 8%;
    margin-right: 12%;
    letter-spacing: -1px;
    font-weight: 700;
    margin-bottom: 20px;

}

.header-content {
    width: 80%;
    color:#e6e6e6;
    font-family: 'Noto Sans KR';
    font-size: 15px;
    border-left: 1px solid #e6e6e6;
    margin-left: 8%;
    margin-right: 12%;
    padding-left:4%;
    padding-right: 1%;
    text-align: justify;
    letter-spacing: -1.15px;
    line-height: 30px;
}

.header-content-bold {
    font-weight: 700 !important;
}




.menu {
    height: 80px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    position: fixed;
    bottom:0;
    z-index: 2;
    left: 50%;
    transform: translate(-50%, 0);
    display: inline-flex;
    background-color: black;
}


.flow-text {
    border-top: 2px solid rgba(156, 152, 152, 0.4);
    border-bottom: 2px solid rgba(156, 152, 152, 0.4);
    padding-top: 8px;
    padding-bottom: 8px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.3s;
    font-family: 'Noto Sans KR';
    font-size: 13.5px;
}
button.menu_button {
    border: 0;
    color: white;
    text-align: center;
    font-size: 14px;
    flex:1;
    height: 100%;
    cursor: pointer;
}



button.menu_button.leftside {
    border-top-left-radius: 25px;
}

button.menu_button.rightside {
    border-top-right-radius: 25px;
}

button.menu_button.dark {
    background-color: rgba(256, 256, 256, 0.1);
}

button.menu_button.light {
    background-color: rgba(0, 0, 0, 0.9);
}

.logo_box {
    display: inline-flex;
    width: 145px;
    height: 25px;
    margin-left: 8%;
    margin-top: 10px;
}

.logo_file {
    margin-right: 10px;
    width: 150px;
    will-change: transform, opacity; /* 최신 브라우저 최적화 */
    transition: transform 0.3s ease, opacity 0.3s ease;

}
.logo_file:hover {
    transform: scale(1.05); /* GPU 가속 */
    opacity: 0.9;
    cursor: pointer;
}

.flow-wrap {
    animation: textLoop 40s linear infinite;
}

@keyframes textLoop {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
    }
}

.modal {
    display: none;
    position: fixed; /* 중요: fixed를 써야 화면 중앙 기준으로 정렬됨 */
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6); /* 배경 어둡게 */
}

.modal .modal_popup {
    position: absolute;
    top: 50%;  /* ⬅ 중앙 기준 */
    left: 50%;
    transform: translate(-50%, -50%);
    width: 340px;
    padding: 20px;
    background: black;
    border-radius: 20px;
    font-family: 'Noto Sans KR';
}


.modal .modal_popup .close_btn {
    display: block;
    padding: 5px 10px;
    border: 1px dotted; white;
    background-color: rgba(256, 256, 256, 0.1);
    color: white;
    font-family: 'Noto Sans KR';
    font-size: 14px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.modal .modal_popup .title {
    font-size: 18px;
    color:white;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.modal .modal_popup .content {
    font-size: 14px;
    color:white;
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin-top:10px;
    margin-bottom: 5px;
}

.modal .modal_popup .description {
    font-size: 14px;
    color:white;
    width: 100%;
    text-align: left;
    font-weight: 400;
    margin-top:25px;
    margin-bottom: 25px;
    line-height: 200%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-top: 15px;
    padding-bottom: 15px;


}


.goo_logo_lines {
    padding-top: 20px;
    display:inline-flex;
    flex-wrap:wrap;
    align-content:flex-start;
    justify-content: center;
}

.img_goo_logo {
    height: 60px;
    width: 60px;
    display: block;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

.goo_logo {
    margin-bottom:25px;
    height: 70px;
    width: 70px;
    opacity: 100%;
    display: block;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    will-change: transform, opacity; /* 최신 브라우저 최적화 */
    transition: transform 0.3s ease, opacity 0.3s ease;
}


.goo_logo:hover{
    transform: scale(1.05); /* GPU 가속 */
    opacity: 0.4;
    cursor: pointer;
}

p.goo_name {
    font-size: 12px;
    text-align: center;
    color:white;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #C9CACA;
}

p.month_name {
    margin-top:5px;
    font-size: 14px;
    text-align: center;
    color:white;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #C9CACA;
}

i.img_month_logo {
    font-size:30px;
    text-align: center;
    display: block;
    cursor: pointer;
    color: white;
}

.month_logo {
    height: 70px;
    width: 70px;
    opacity: 100%;
    display: block;
    cursor: pointer;
    border-radius: 15px;
    will-change: transform, opacity; /* 최신 브라우저 최적화 */
    transition: transform 0.3s ease, opacity 0.3s ease;

}

.month_logo:hover{
    transform: scale(1.05); /* GPU 가속 */
    opacity: 0.4;
    cursor: pointer;
}

.month_lines{
    margin-top: 20px;
    display:inline-flex;
    flex-wrap:wrap;
    align-content:flex-start;
    justify-content: center;
}

.flower_icon{
    height: 50px;
    width: 50px;
    opacity: 30%;
    display: block;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 35px;
    will-change: transform, opacity; /* 최신 브라우저 최적화 */
    transition: transform 0.3s ease, opacity 0.3s ease;
}

p.ribbon_name {
    margin-top:55px !important;
    font-size: 12px;
    text-align: center;
    color:white;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #C9CACA;
}


.flower_lines{
    padding-top: 20px;
    display:inline-flex;
    flex-wrap:wrap;
    align-content:flex-start;
    justify-content: center;
}



.flower_icon.agenull{
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23387deb;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");

}

.flower_icon.age0 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23D3E995;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}


.flower_icon.age10 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23FCE878;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age20 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23FCA378;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age30 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23E1B1F5;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age40 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23B1C9F5;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age50 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23B1F5E3;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age60 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23D8D8D8;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age70 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23A55454;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age80 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23f2a9a2;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon.age90 {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176.89 358.72'%3E%3Cpath style='fill:%23f7eec1;' d='M126.03,181.02c-9.01-19.39-17.07-38.58-26.76-56.91-5.4-10.21-5.47-18.47.11-28.5,7.18-12.89,12.73-26.68,18.95-40.1.96-2.07,1.75-4.23,2.8-6.8-20.94-8.46-41.43-8.04-62.85-.36,2.4,5.57,4.54,10.87,6.94,16.05,33.76,72.82,67.56,145.62,101.35,218.43,3.36,7.23,6.8,14.43,9.9,21.77.62,1.46.57,4.2-.38,5.19-15.54,16.24-31.28,32.3-46.99,48.39-.2.2-.61.19-1.33.38-.71-1.35-1.57-2.73-2.19-4.21-28.85-68.8-57.78-137.57-86.42-206.46-6.35-15.28-11.05-31.33-9.34-48.03,1.08-10.62,4.14-21.13,7.21-31.42,4.07-13.66,8.55-27.25,13.72-40.53,4.81-12.35,12.74-22.87,26.27-26.12,20.03-4.82,38.46-.4,48.36,20.46,7.01,14.76,11.66,30.68,16.86,46.25,4.21,12.59,8.31,25.2,7.26,38.94-1.13,14.77-4.58,28.85-10.17,42.48-3.78,9.22-7.54,18.46-11.34,27.67-.42,1.02-1.09,1.94-1.96,3.44Z M51.22,358.72c-2.66-2.04-5.24-3.78-7.55-5.83-13.83-12.24-27.56-24.6-41.42-36.81-2.36-2.07-2.87-3.84-1.5-6.8,16.82-36.3,33.52-72.67,50.25-109.01.32-.69.7-1.36,1.43-2.78,4.35,10.25,8.45,19.81,12.48,29.4,6.49,15.47,13,30.93,19.28,46.49.84,2.09,1.23,5.05.42,7.02-10.53,25.47-21.32,50.84-32.07,76.23-.24.58-.67,1.08-1.32,2.1Z'/%3E%3C/svg%3E%0A");
}

.flower_icon:hover {
    transform: scale(1.05); /* GPU 가속 */
    opacity: 0.9;
}

/*################
## CSS 기본값 제거 ##
##################*/

    /* 모든 요소의 기본 여백과 패딩 제거 */
    * {
        margin: 0; /* 기본 여백 초기화 */
        padding: 0; /* 기본 패딩 초기화 */
        box-sizing: border-box; /* 박스 모델을 표준 방식으로 설정 */
    }

    /* 폼 요소 (input, button, textarea, select) 초기화 */
    input, button, textarea, select {
        all: unset; /* 브라우저 기본 스타일 제거 */
        box-sizing: border-box; /* 일관된 박스 모델 유지 */
    }

    /* 시각적 디버깅을 위한 기본 테두리 추가 (필요 시 제거 가능) */
    input, button, textarea, select {
        border: 1px solid #ccc; /* 디버깅용 테두리 */
        padding: 8px; /* 기본 내부 여백 설정 */
    }

    /* 접근성을 위해 포커스 스타일 설정 */
    input:focus, button:focus, textarea:focus, select:focus {
        outline: 2px solid #007bff; /* 포커스된 요소 강조 */
        outline-offset: 2px; /* 테두리와 요소 간격 */
    }