﻿.name_info_wrp {
    padding: 12px 16px;
    background-color: var(--color-turquoise10);
    border-radius: 4px;
}
.name_info_cap {
    color: var(--color-black50);
}
.name_info_txt {
    color: var(--color-black80);
}
.name_info_tap_txt {
    color: var(--color-black80);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.name_info_wrp > .itm_spc {
    padding-top: 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.three_col {
    padding-top: 4px;
    display: flex;
    gap: 16px;
}
.three_col > .col {
    display: flex;
}
.three_col > .col > .photo_wrap {
    width: 56px;
    height: 56px;
    position: relative;
}
.three_col > .col > .photo_wrap > .photo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}
.three_col > .col > .photo_wrap > .photo_zoom_wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.photo_zoom_wrap > .zoom_in_icon {
    font-size: 20px;
    color: var(--color-white100);
    position: absolute;
    right: 3px;
    bottom: 3px;
    background-color: var(--color-black60);
}
.chg_wrp {
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
}
.chg_wrp > .show_info_ritarrow {
    display: flex;
    gap: 4px;
    align-items: center
}
.chg_wrp > .show_info_ritarrow > .help_icon {
    font-size: 20px;
    color: var(--color-turquoise40);
}
.chg_wrp > .show_info_ritarrow > .chg_info_txt {
    color: var(--color-black60);
    text-decoration: underline;
    text-underline-offset: 3px;
}