@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap");

.dummyMenu {
    border: 1px solid #0067b6;
    height: 50px;
    text-align: center;
    align-content: center;
    font-size: 2rem;
    border-radius: 20px;
    background-color: #0067b6;
    color: #ffffff;

    + .dummyMenu {
        margin-top: 1.6rem;
    }
}

select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/select_arrow.png) no-repeat #fff calc(100% - 16px)
        50%/36px;
    cursor: pointer;
    border-radius: 1.6rem;
    border: 0.2rem solid #dbdbdb;
    padding: 2.4rem 3.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
input,
textarea {
    border-radius: 1.6rem;
    border: 0.2rem solid #dbdbdb;
    padding: 2.4rem 3.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
textarea {
    resize: none;
    width: 100%;
    height: 24rem;
}
select option {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}

input:disabled {
    background-color: #edf2f6;
    border: 1px solid #dbdbdb;
}

.hidden {
    display: none;
}

header {
    width: 100%;
    height: 120px;
    box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.08);
    padding: 30px 0;
    position: relative;
    z-index: 55;
}
header .logo {
    width: 18.2rem;
    display: inline-flex;
    align-items: center;
}
header .util_nav {
    gap: 12px;
    justify-content: space-between;
    position: absolute;
    right: 32px;
}
header .util_nav li .icon {
    width: 60px;
    height: 60px;
    position: relative;
}
header .util_nav li .home {
    background: url(../images/home.png) no-repeat center;
    background-size: cover;
}
header .util_nav li .alarm {
    background: url(../images/alarm.png) no-repeat center;
    background-size: cover;
}
header .util_nav li .alarm .count {
    width: 28px;
    height: 28px;
    background: #ec6c2d;
    color: #fff;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 30px;
}
header .util_nav li .search {
    background: url(../images/icon_search.png) no-repeat center;
    background-size: cover;
}
header .util_nav li .qr_scan {
    background: url(../images/qr.png) no-repeat center;
    background-size: cover;
}
header .util_nav li .menu {
    background: url(../images/menu.png) no-repeat center;
    background-size: cover;
}
header .back {
    width: 60px;
    height: 60px;
}
header .back img {
    object-fit: contain;
}
header .page_tit {
    font-size: 3rem;
    margin-left: 12px;
    letter-spacing: -0.6px;
    font-weight: 500;
}
/* 260113 */
header .logo .admin_lable {
    white-space: nowrap;
    display: inline-block;
    margin-left: 1.2rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 500;
    border-radius: 1rem;
    padding: 1rem 1.6rem;
    background: linear-gradient(to bottom, #bc5c49, #2c2c6d);
    color: #fff;
}

.contents {
    height: calc(100vh - 240px);
    overflow: auto;
}
.contents .top_nav {
    width: 100%;
    border-radius: 600px;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    box-shadow: 8px 8px 12px 0 #ececec;
    margin-bottom: 6rem;
}
.contents .top_nav li {
    flex: 0 33.3%;
}
.contents .top_nav li.active {
    border-radius: 600px;
    background: #0067b6;
}
.contents .top_nav li {
    font-size: 3rem;
    font-weight: 500;
    padding: 22px 0;
    text-align: center;
}
.contents .top_nav li.active {
    color: #fff;
}
.inner {
    width: calc(100% - 80px);
    margin: 0 auto;
}
/*.contents .inner{height: auto; min-height: 100%; !* height: 100%; *! padding-bottom: 70px; position: relative;}*/
.contents > .bg {
    -ms-overflow-style: none;
}
.contents > .bg::-webkit-scrollbar {
    display: none;
}
.contents > .bg > .inner {
    padding: 48px 0 120px;
}
.contents > .bg2 {
    background: rgb(246, 246, 246);
}
.contents > .bg2 .top_nav {
    background: #fff;
}
.contents > .bg2 .top_nav a {
    font-weight: 400;
}
.contents > .bg2 .top_nav .active a {
    font-weight: 500;
}

.mainCard {
    width: 100%;
    height: 380px;
    background:
        url(../images/card_logo2.png),
        linear-gradient(119deg, #01b1ae 5%, #2458c1 51%, #0067b6 91%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%, 100%;
    padding: 38px 36px;
    border-radius: 28px;
    position: relative;
    box-shadow: 12px 12px 18px 0 #ececec;
    margin-bottom: 60px;
}
.mainCard.card2 {
    background: url(../images/card2_bg.png) #c14a8d no-repeat center;
    background-size: cover;
}
.mainCard .toggle {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    right: 36px;
    top: 36px;
}
.mainCard .toggle p {
    margin-right: 12px;
}
.mainCard .toggleSwitch {
    width: 88px;
    height: 40px;
    display: block;
    position: relative;
    border-radius: 600px;
    border: 2px solid #fff;
    cursor: pointer;
    text-align: right;
    align-content: center;
}
.mainCard .toggleSwitch .txt {
    font-size: 2rem;
    letter-spacing: -0.4px;
    margin: 6px 12px;
}
.mainCard .toggleSwitch .toggleButton {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
}
.mainCard .toggleSwitch.active {
    text-align: left;
}
.mainCard .toggleSwitch.active .toggleButton {
    left: calc(100% - 32px);
    background: #fff !important;
}
.mainCard .toggleSwitch.active .txt {
    display: block;
}
.mainCard .toggleSwitch,
.toggleButton {
    transition: all 0.2s ease-in;
}
.mainCard .user_info {
    bottom: 32px;
    width: calc(100% - 64px);
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    position: absolute;
}
.mainCard .user_info .txt {
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    white-space: nowrap;
}
.mainCard .user_info .txt p:not(:last-child) {
    margin-bottom: 10px;
}
.mainCard .user_info .qr_img {
    width: 80px;
}
.mainCard.noCard {
    background: #f8f8f8;
    border: 2px dashed #dbdbdb;
}
.mainCard > img {
    width: 33%;
    height: auto;
}
.mainCard > p {
    font-size: 6rem;
    letter-spacing: -1.2px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.mainCard > p.inner_txt {
    font-size: 2.8rem;
    letter-spacing: -1.2px;
    font-weight: 400;
    color: #0067b6;
    text-align: center;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 5px;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.mainCard.noCard .txt {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
    font-weight: normal;
    transform: inherit;
    left: inherit;
}
.mainCard .qr_wrap {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.mainCard .qr_wrap li {
    display: flex;
    align-items: center;
}
.mainCard .qr_wrap li:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 48px;
}
.mainCard .qr_wrap li a {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #fff;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.mainCard .qr_wrap li:nth-child(1) a::before {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../images/qr_certification.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-right: 12px;
}
.mainCard .qr_wrap li:nth-child(2) a::before {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../images/qr_scan.png) no-repeat center;
    background-size: contain;
    display: block;
    margin-right: 12px;
}
.mainCard .addCard::before {
    content: "";
    width: 100px;
    height: 100px;
    background: url(../images/big_plus.png) no-repeat center;
    background-size: cover;
    display: block;
    margin: 0 auto 32px;
}
.mainCard .addCard {
    width: 100%;
    height: auto;
    text-align: center;
    color: #000;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 28px;
}
.fw300 {
    font-weight: 300;
}
.mainCard.card3 {
    margin-bottom: 0;
    box-shadow: none;
}
.my_btn_wrap {
    gap: 1rem;
    margin: 2rem auto 6rem;
}
.my_btn_wrap button {
    width: 100%;
    border-radius: 1.6rem;
    border: 0.2rem solid #d7dee6;
    background: #fff;
    padding: 2.2rem;
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.my_btn_wrap button.my::before {
    content: "";
    width: 2.8rem;
    height: 3.4rem;
    background: url(../images/my.png) no-repeat center;
    background-size: contain;
    margin-right: 1.2rem;
}
.my_btn_wrap button.membership::before {
    content: "";
    width: 2.8rem;
    height: 3.4rem;
    background: url(../images/membership.png) no-repeat center;
    background-size: contain;
    margin-right: 1.2rem;
}

.service_link {
    margin-bottom: 6rem;
    border-radius: 2.8rem;
    padding: 4.8rem 8rem;
    background: #fff;
    box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
}
.service_link .tit {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 4rem;
}
.service_link ul {
    display: flex;
    flex-flow: row wrap;
    gap: 4rem 6rem;
}
.service_link li {
    width: calc(33% - 3.9rem);
    font-size: 2.6rem;
    letter-spacing: -0.48px;
    color: #555;
    text-align: center;
}
.service_link .icn {
    width: 100%;
    border-radius: 2rem;
    background: #f6f9fc;
    padding: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: baseline;
}
.service_link .icn img {
    display: block;
    height: 6.4rem;
    width: auto;
    margin: 0 auto;
}
.service_link .item_tit {
    margin-top: 2rem;
    letter-spacing: -0.48px;
    white-space: nowrap;
}

.relation_site ul {
    margin-bottom: 6rem;
}
.relation_site .slick-track {
    display: flex !important;
}
.relation_site .slick-slide {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
}
.relation_site .icn {
    width: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center; /* baseline에서 center로 변경하여 정중앙 정렬 */
}
.relation_site .icn img {
    display: block;
}
.relation_site .item_tit {
    margin-top: 2rem;
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 300;
    color: #555;
    line-height: 3.2rem;
    letter-spacing: -0.48px;
    white-space: break-spaces;
}

.bottom_bn {
    border-radius: 2.8rem;
}

.contents .search_box {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}
.contents .search_box .search_wrap {
    display: flex;
    gap: 24px;
    position: relative;
}
.contents .search_box .input_wrap {
    width: 100%;
    border: 4px solid #0067b6;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.contents .search_box input {
    padding: 26px 36px;
    border: 0;
    border-radius: 16px;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    width: calc(100% - 48px);
}
.contents .search_box input::placeholder {
    color: #9c9c9c;
}
.contents .search_box button {
    width: 48px;
    height: 48px;
    background: url(../images/search.png) no-repeat center;
    background-size: contain;
    margin: auto 24px auto auto;
}
.contents .search_box .keyword_wrap p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    color: #0067b6;
    margin-right: 24px;
}
.contents .search_box .keyword_wrap .keyword_ul li:not(:last-child) {
    margin-right: 24px;
}
.contents .search_box .keyword_wrap .keyword_ul a {
    font-size: 2.8rem;
    color: #555;
    letter-spacing: -0.56px;
}

.contents .notice_wrap {
    position: relative;
    margin-left: 40px;
    margin-top: -120px;
}
.contents .notice_wrap .slick-slide {
    margin-right: 10px;
}
.contents .notice_wrap .slick-list {
    margin-right: -5%;
    padding-right: 10px;
    overflow: unset;
}
.contents .notice_wrap .progress {
    width: calc(100% - 20px);
    margin: 0 auto 0 0;
    height: 6px;
    background-color: #ebebeb;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #989898, #989898);
    margin-top: 32px;
}
.contents .notice_wrap .cont_tit {
    font-size: 4rem;
    margin-bottom: 24px;
}
/* .contents .notice_wrap .notice_list{overflow: hidden;} */
.contents .notice_wrap .notice_list li {
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 6px 6px 12px 0 #efefef;
    position: relative;
    height: 220px;
}
.contents .notice_wrap .notice_list li .tit {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 110px;
    word-break: keep-all;
}
.contents .notice_wrap .notice_list li .date {
    position: absolute;
    left: 32px;
    bottom: 40px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.contents .notice_wrap .more {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #fff;
    background: #888;
    text-align: center;
    padding: 10px 20px;
    border-radius: 600px;
    display: flex;
    align-items: center;
    margin-right: 40px;
}
.contents .notice_wrap .more::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/btn_more.png) no-repeat center;
    background-size: cover;
}

.contents .dream_for_wrap {
    position: relative;
    height: 270px;
}
.contents .dream_for {
    position: absolute;
    width: calc(100% + 80px);
    left: -40px;
}
.contents .dream_for .dream_for_li a {
    width: 100%;
    padding: 36px 76px;
    background: #f5f5f5;
    position: relative;
}
.contents .dream_for .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}
.contents .dream_for .tit .c {
    color: #bc065b;
}
.contents .dream_for .txt {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    line-height: 32px;
    color: #555;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
}
.contents .dream_for .slick-dots li {
    width: 13px;
    height: 13px;
    background: #dbdbdb;
    border-radius: 50%;
}
.contents .dream_for .slick-dots li.slick-active {
    background: #000;
}
.contents .dream_for button {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.contents .dream_for button::after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    margin-left: 8px;
    background: url(../images/go_arrow.png) no-repeat center;
    background-size: cover;
}
.contents .dream_for .img {
    width: 50%;
    height: 236px;
    background: url(../images/dreamFor.png) no-repeat right center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.contents .dream_for .slick-list {
    margin-bottom: 20px;
}
.contents .dream_for .slick-dots button {
    display: none;
}

.contents .service_wrap {
    position: relative;
    height: 300px;
    margin-top: 80px;
}
.contents .service_wrap .cont_tit {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    margin-bottom: 25px;
}
.contents .service_wrap .more {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 600px;
    border: 1px solid #dbdbdb;
    font-size: 2rem;
    letter-spacing: -0.4px;
    padding: 9px 16px;
    display: flex;
    align-items: center;
}
.contents .service_wrap .more::after {
    content: "";
    width: 22px;
    height: 22px;
    margin-left: 1px;
    background: url(../images/more_gray.png) no-repeat center;
    background-size: cover;
}
.contents .service_wrap .slick-list {
    margin-left: 40px;
}
.contents .service_list {
    width: calc(100% + 80px);
    position: absolute;
    left: -40px;
}
.contents .service_list li .img {
    width: 100%;
    height: 180px;
    border-radius: 20px;
}
.contents .service_list li .img img {
    background-size: cover;
}
.contents .service_list li .img1 {
    background: url(../images/s1.png) no-repeat center;
    background-size: cover;
}
.contents .service_list li .img2 {
    background: url(../images/s2.png) no-repeat center;
    background-size: cover;
}
.contents .service_list li .img3 {
    background: url(../images/s3.png) no-repeat center;
    background-size: cover;
}
.contents .service_list li .img4 {
    background: url(../images/s4.png) no-repeat center;
    background-size: cover;
}
.contents .service_list .slick-slide {
    width: 210px;
    margin-right: 15px;
}
.contents .service_list .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-top: 20px;
    text-align: center;
}

.contents .service_wrap.circle {
    position: relative;
    height: auto;
}
.contents .service_wrap.circle .service_lst {
    width: 100%;
    display: flex;
    gap: 50px;
    justify-content: space-between;
}
.contents .service_wrap.circle li {
    width: 25%;
}
.contents .service_wrap.circle .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    margin-top: 22px;
    text-align: center;
}
.contents .service_wrap.circle .more {
    position: relative;
    margin: 48px 0 0;
    padding: 22px 34px;
    width: auto;
    display: inline-flex;
    left: 50%;
    transform: translateX(-50%);
}
.contents .service_wrap.circle .more::after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-left: 4px;
}
.contents .service_wrap.circle .service_lst li .img {
    width: 100%;
    height: 180px;
    border-radius: 20px;
}
.contents .service_wrap.circle .service_lst li .img img {
    background-size: cover;
}
.contents .service_wrap.circle .service_lst .slick-slide {
    width: 210px;
    margin-right: 15px;
}

.footer {
    width: 100%;
    height: 120px;
    box-shadow: 0 -12px 20px 0 #efefef;
}
.footer_nav {
    margin-bottom: 12px;
}
.footer_nav li {
    flex: 0 20%;
}
.footer_nav .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 4px;
}
.footer_nav .icon1 {
    background: url(../images/m_icon1.png) no-repeat center;
    background-size: cover;
}
.footer_nav .icon2 {
    background: url(../images/m_icon2.png) no-repeat center;
    background-size: cover;
}
.footer_nav .icon3 {
    background: url(../images/m_icon3.png) no-repeat center;
    background-size: cover;
}
.footer_nav .icon4 {
    background: url(../images/m_icon4.png) no-repeat center;
    background-size: cover;
}
.footer_nav .icon5 {
    background: url(../images/m_icon5.png) no-repeat center;
    background-size: cover;
}
.footer_nav .icon6 {
    background: url(../images/m_icon6.png) no-repeat center;
    background-size: cover;
}
.footer_nav a {
    font-size: 2rem;
    color: #888;
    letter-spacing: -0.4px;
    text-align: center;
}
.footer_nav .on a {
    color: #000;
    font-weight: 500;
}

/* 서브 */
.scan_pop {
    width: 100%;
    height: 100%;
}
.scan_pop .tit {
    color: #fff;
    text-align: center;
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: 600;
    position: relative;
    margin: 80px auto 180px;
}
.scan_pop .qr_scan {
    width: 300px;
    height: 300px;
    position: relative;
    transform: translateX(-50%);
    left: 50%;
    margin-bottom: 60px;
}
.scan_pop .qr_img {
    width: 268px;
    height: 268px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.scan_pop .scan_img {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/scan_box.png) no-repeat center;
    background-size: cover;
}
.scan_pop .text {
    text-align: center;
    color: #fff;
    font-size: 3rem;
    letter-spacing: -0.6px;
    white-space: nowrap;
}
.scan_pop .scan_confirm {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    display: block;
    margin: 60px auto 0;
}
.scan_page .qr_img {
    width: 268px !important;
    height: 268px !important;
    display: block;
    margin: 20px auto;
}
.scan_page .top_text {
    margin-top: 100px;
    text-align: center;
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: 600;
    line-height: 56px;
}
.scan_page .bottom_text {
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 48px;
    margin: 360px 0 40px;
}
.scan_page .btn_wrap button {
    width: 100%;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    text-align: center;
    padding: 26px 0;
    border-radius: 12px;
}
.scan_page .btn_wrap button:not(:last-child) {
    margin-bottom: 12px;
}
.scan_page .btn_wrap button.confirm {
    background: #0067b6;
    color: #fff;
    font-weight: 600;
}
.scan_page .btn_wrap button.go_hlep {
    border: 1px solid #dbdbdb;
}

.faceScan_pop {
    position: fixed;
    width: 100%;
    height: 100%;
}
.faceScan_pop .faceScan {
    width: 260px;
    height: 260px;
    display: block;
    position: absolute;
    top: 31%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cert_pop .certCheck {
    width: 260px;
    height: 260px;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -120%);
}
.contents > .bg {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}
.contents .card_tab {
    margin: 80px auto 68px;
    justify-content: center;
    gap: 48px;
}
.contents .card_tab li {
    width: fit-content;
}
.contents .card_tab li a {
    font-size: 2.8rem;
    color: #555;
    letter-spacing: -0.56px;
}
.contents .card_tab li.active a {
    color: #0067b6;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 4px;
    font-weight: 600;
}
.contents .card_list {
    margin-bottom: 136px;
}
.contents .card_list .cardItem {
    width: 100%;
    border-radius: 28px;
    padding: 32px 36px;
    position: relative;
    margin-bottom: 28px;
    box-shadow: 12px 12px 16px 0 #c8c8c8;
}
.contents .card_list .card1 {
    background: url(../images/card1.png) #268a09;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
}
.contents .card_list .card2 {
    background:
        url(../images/card2.png),
        linear-gradient(158deg, #b1850e 6%, #8d5610 94%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
}
.contents .card_list .card3 {
    background:
        url(../images/card3.png),
        linear-gradient(158deg, #0bb2be 6%, #0263a5 94%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%, 100%;
}
.contents .card_list .card4 {
    background: url(../images/card4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
}
.contents .card_list .card4::before {
    content: "";
    width: 33%;
    max-width: 425px;
    height: 66px;
    background: url(../images/card4_logo.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 20px;
}

.contents .card_list .slick-slide {
    width: 110px;
}
.contents .card_list .slick-list {
    margin-right: -1%;
    overflow: visible;
}
.contents .card_list .slick-slide > div,
.contents .card_list .slick-list,
.contents .card_list .slick-track,
.contents .card_list .slick-slide,
.contents .card_list .cardItem {
    height: 100%;
}
.contents .card_list .slick-slide li {
    height: calc(100%);
}
.contents .card_list .cardItem .top {
    justify-content: space-between;
}
.contents .card_list .cardItem .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #fff;
}
.contents .card_list .cardItem .favorite {
    background: url(../images/card_favorite.png) no-repeat center;
    background-size: cover;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 24px;
    right: 24px;
}
.contents .card_list .cardItem .favorite.on {
    background: url(../images/card_favorite_on.png) no-repeat center;
    background-size: cover;
    width: 48px;
    height: 48px;
}
.contents .card_list .point_wrap {
    position: absolute;
    right: 36px;
    bottom: 40px;
    text-align: right;
    color: #fff;
}
.contents .card_list .point_wrap > p {
    font-size: 2.8rem;
    margin-bottom: 14px;
    letter-spacing: -0.56px;
}
.contents .card_list .point_wrap .p {
    font-size: 4.4rem;
    font-weight: bold;
    letter-spacing: -0.88px;
    display: flex;
    align-items: center;
}
.contents .card_list .point_wrap .p::after {
    content: "P";
    line-height: 1.2;
    font-weight: 500;
    display: block;
    width: 40px;
    height: 40px;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 3.5rem;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-left: 8px;
}
.contents .card_list .card_more {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    background: #555;
    color: #fff;
    width: 180px;
    padding: 18px;
    text-align: center;
    border-radius: 600px;
    display: block;
    margin: 0 auto;
}
.contents .list_count {
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 100px;
}
.contents .list_count .now {
    font-weight: 600;
    color: #0067b6;
}
.contents .add_card {
    display: block;
    margin: 0 auto;
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #a7a7a7;
    border-radius: 16px;
    padding: 26px 140px;
    display: flex;
    align-items: center;
}
.contents .add_card::before {
    content: "";
    margin-right: 8px;
    width: 28px;
    height: 28px;
    background: url(../images/cardList_btn_more.png) no-repeat center;
    background-size: cover;
    display: block;
}
.tab_cont_wrap .cardline {
    width: 65.8%;
    height: 660px;
    border-radius: 28px;
    background: #fff;
    margin: 0 auto;
    border: 2px dashed #888;
    position: relative;
}
.tab_cont_wrap .cardline p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #888;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    white-space: nowrap;
}
.tab_cont_wrap .cardline + .txt {
    margin-top: 40px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 44px;
    text-align: center;
}
.tab_cont_wrap .add_card.gray {
    border: 1px solid #dbdbdb;
    margin-top: 150px;
}
.tab_cont_wrap .add_card.gray::before {
    background: url(../images/btn_add-blue.png) no-repeat center;
    background-size: cover;
}
.tab_cont_wrap {
    gap: 10px;
}
.tab_cont_wrap .btn {
    flex: 1 50%;
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    padding: 30px 0;
    font-size: 3rem;
    letter-spacing: -0.6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab_cont_wrap .btn_list::before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../images/btn_list.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 8px;
}
.tab_cont_wrap .add_card::before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../images/btn_add-blue.png) no-repeat center;
    background-size: cover;
}
.tab_cont_wrap .btn_wrap {
    gap: 10px;
}

.card_view .card_tit {
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: 600;
    margin: 60px 0 36px;
    text-align: center;
}
.card_view .cardBack {
    width: calc(100% - 70px);
    height: auto;
    display: block;
    margin: 36px auto;
    position: relative;
    border-radius: 28px;
    padding: 60px 48px;
    background: #fff;
    box-shadow: 12px 12px 16px 0 #e5e5e5;
    min-height: auto;
}
.card_view .cardBack .btn_black {
    width: calc(100%);
    border-radius: 12px;
    font-size: 2.8rem;
    padding: 20px 0;
    letter-spacing: -0.56px;
    color: #fff;
    background: #000;
    display: block;
    margin: 0 auto 80px;
}

.card_view .qrImg {
    width: 60%;
    height: auto; /* fit-content를 auto로 변경 */
    aspect-ratio: 1 / 1; /* 정사각형 비율 강제 고정 */
    display: block;
    margin: 0 auto 60px;
}
.card_view .point_wrap {
    margin-bottom: 48px;
}
.card_view .point_wrap p {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    color: #000;
    text-align: center;
}
.card_view .point_wrap p.p {
    font-size: 5rem;
    color: #0067b6;
    font-weight: 600;
    letter-spacing: -1.02px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_view .point_wrap p.p::after {
    content: "P";
    width: 48px;
    height: 48px;
    font-size: 4rem;
    font-weight: 600;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: 12px;
    border: 1px solid #0067b6;
}
.card_view .user_info {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    margin: 0 auto;
}
.card_view .user_info .c1 {
    width: 105px;
    max-width: 105px;
}
.card_view .user_info tr {
    line-height: 30px;
}
.card_view .user_info th {
    font-weight: 500;
    text-align: justify;
    color: #555;
}
.card_view .user_info th::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}
.card_view .user_info td {
    padding-left: 36px;
}
.card_view .user_info td span {
    position: relative;
    top: -15px;
}
/* .card_view .btn_wrap{margin-bottom: 200px;} */
.card_view .close {
    display: flex;
    align-items: center;
    border-radius: 800px;
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #333;
    padding: 16px 36px;
    margin: 0 auto;
}
.card_view .close::before {
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/close.png) no-repeat center;
    background-size: cover;
    margin-right: 8px;
}
.card_view .cardBack .point_list {
    margin-bottom: 40px;
}
.card_view .cardBack .point_list li {
    display: flex;
    justify-content: space-between;
}
.card_view .cardBack .point_list li:not(:last-child) {
    margin-bottom: 28px;
}
.card_view .cardBack .point_list li .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.card_view .cardBack .point_list li .tit.b {
    font-size: 2.8rem;
}
.card_view .cardBack .point_list li .cont {
    font-size: 2.6rem;
}
.card_view .cardBack .point_list li .cont.c {
    font-size: 2.8rem;
    color: #0067b6;
}
.card_view .cardBack .table_wrap {
    position: relative;
}
.card_view .cardBack .table_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding-bottom: 12px;
}
.card_view .cardBack .table_wrap .more {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    position: absolute;
    top: 0;
    right: 0;
}
.card_view .cardBack .table_wrap table {
    border-collapse: collapse;
    width: 100%;
}
.card_view .cardBack .table_wrap tr:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}
.card_view .cardBack .table_wrap td {
    position: relative;
    padding: 12px 0;
}
.card_view .cardBack .table_wrap .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
    margin-bottom: 6px;
}
.card_view .cardBack .table_wrap .txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #000;
}
.card_view .cardBack .table_wrap .point {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.card_view .cardItem_wrap .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    padding: 30px 0;
    border-radius: 24px 24px 0 0;
    background: linear-gradient(99deg, #1ec89a 15%, #0067b6 92%);
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.card_view .citizenCard {
    width: 100% !important;
    border-radius: 24px;
    border: 1px solid #ebebeb;
    box-shadow: 4px 8px 12px 0 #efefef;
    padding: 60px 36px;
    margin-bottom: 72px;
}
.card_view .cardItem_wrap .citizenCard {
    border-radius: 0 0 24px 24px;
    border-top: 0;
}
.blue_btns {
    gap: 10px;
    margin-top: 60px;
    width: 100%;
    margin-bottom: 200px;
}
.blue_btns .btn_blue {
    border: 1px solid #0067b6;
    color: #0067b6;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    padding: 28px 0;
    border-radius: 16px;
    width: 100%;
    box-shadow: 8px 8px 20px 0 rgba(0, 103, 182, 0.12);
    font-weight: 500;
    background-color: #fff;
}
.blue_btns .btn_red {
    border: 1px solid #ee0909;
    color: #ee0909;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    padding: 28px 0;
    border-radius: 16px;
    width: 100%;
    box-shadow: 8px 8px 20px 0 rgba(0, 103, 182, 0.12);
    font-weight: 500;
    background-color: #fff;
}
.card_view .haengjung {
    width: 190px;
    display: block;
    margin: 0 auto;
}
.card_view .citizenCard .user_info {
    color: #000;
    margin-bottom: 60px;
}
.card_view .citizenCard .user_info th {
    color: #555;
    font-weight: normal;
}
.card_view .timer_wrap .time_bar {
    width: 100%;
    position: relative;
    border-radius: 600px;
    background: #f2f2f2;
    height: 20px;
    margin-bottom: 36px;
}
.card_view .timer_wrap .time_bar .now {
    display: block;
    width: 30%;
    background: linear-gradient(to right, #0067b6 18%, #00a4a1 94%);
    position: absolute;
    height: 100%;
    border-radius: 600px;
}
.card_view .timer_wrap .text {
    display: flex;
    align-items: center;
    font-size: 3rem;
    letter-spacing: -0.6px;
    justify-content: center;
    padding-top: 30px;
}
.card_view .timer_wrap .text .c {
    font-weight: 500;
    color: #0067b6;
}
.card_view .timer_wrap .text .refresh {
    width: 48px;
    height: 48px;
    background: url(../images/refresh.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    margin-left: 18px;
}
.main_card_view .qr_timer .refresh {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 36px;
    height: 36px;
    background: url(../images/refresh.png) no-repeat center;
    background-size: cover;
    border-radius: 50%;
    margin-left: 18px;
}

/*.certificate_wrap{margin: 0 50px;}*/
.certificate_wrap .list_tit .card_tit {
    margin-bottom: 0;
}
.certificate_wrap .list_tit {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
}
.certificate_wrap .list_tit.center {
    justify-content: center;
}
.certificate_wrap .slider_container {
    align-self: flex-end;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-top: 3.2rem;
}
.certificate_wrap .slider_container .c {
    color: #0067b6;
    font-weight: 600;
}
.certificate_list {
    margin-bottom: 36px;
    position: relative;
    width: calc(100% - 80px);
    margin: 0 auto;
}
.certificate_list .slick-slide {
    margin: 0 10px;
    position: relative;
    z-index: 1;
    padding-bottom: 3px;
}
.certificate_list .slick-slide.slick-active {
    z-index: 10;
}
.certificate_list .slick-list {
    padding: 0 !important;
    margin: 0 -10px;
    overflow: hidden;
    position: relative;
}
.certificate_list .cert_card {
    border-radius: 24px;
    position: relative;
    overflow: hidden;
    box-shadow: 4px 8px 12px 0 #efefef;
    max-height: 1000px;
}
.certificate_list .cert_card .bg {
    height: 45%;
    width: 100%;
}
.certificate_list .cert2 .bg {
    height: 55%;
}
.certificate_list .cert_card .card_info {
    padding: 50px 36px;
}
.certificate_list .cert_card .card_info .sub_tit {
    font-size: 4.5em;
    letter-spacing: -0.72px;
    font-weight: 600;
    margin-bottom: 28px;
}
.certificate_list .cert_card .info_list {
    font-size: 3rem;
    letter-spacing: -0.84px;
    margin-bottom: 40px;
}
.certificate_list .cert_card .info_list .tit {
    color: #555;
    margin-right: 36px;
    text-align: justify;
    width: 105px;
    min-width: 105px;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 3.5px;
}
.certificate_list .cert_card .info_list .tit::after {
    content: "";
    display: inline-block;
    width: 100%;
}
.certificate_list .cert_card .card_info .txt {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 46px;
    font-weight: 500;
    margin: 4rem auto 0;
    text-align: center;
}
.arrow_slick .slick-arrow {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
}
.arrow_slick .slick-prev {
    left: -65px;
    background: url(../images/bn_prev.png) no-repeat center #f8f8f8;
    background-size: 36px;
}
.arrow_slick .slick-next {
    right: -65px;
    background: url(../images/bn_next.png) no-repeat center #f8f8f8;
    background-size: 36px;
}
.card_view .add_cert {
    width: 100%;
    border: 1px solid #0067b6;
    border-radius: 16px;
    text-align: center;
    margin-top: 60px;
    color: #0067b6;
    padding: 27px 0;
    font-size: 3rem;
    letter-spacing: -0.6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card_view .add_cert::before {
    content: "";
    width: 28px;
    height: 28px;
    background: url(../images/btn_add-blue.png) no-repeat center;
    background-size: cover;
    margin-right: 8px;
}
.cert2_counter {
    text-align: center;
}

.inner .p_tit {
    text-align: center;
    font-size: 4.8rem;
    letter-spacing: -0.8px;
    font-weight: 600;
    margin: 32px auto 60px;
}
.mypage_nav ul:not(:last-child) {
    margin-bottom: 112px;
    position: relative;
}
.mypage_nav ul:not(:last-child)::after {
    content: "";
    width: calc(100% + 80px);
    position: absolute;
    height: 16px;
    background: #f8f8f8;
    left: -40px;
}
.mypage_nav li {
    margin-bottom: 48px;
}
.mypage_nav li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
}
.mypage_nav li a::after {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../images/nav_arrow.png) no-repeat center;
    background-size: cover;
}
.mypage .ic_img {
    width: 30%;
    display: block;
    margin: 62px auto 0;
    height: auto;
}
.mypage .logout {
    margin-top: 56px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.mypage .user_info {
    margin-bottom: 120px;
}
.mypage .user_info .info_cont:not(:last-child) {
    margin-bottom: 60px;
}
.mypage .user_info .info_cont .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    margin-bottom: 20px;
}
.mypage .user_info .info_cont .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.mypage .btn_gray {
    width: 100%;
    padding: 25px 0;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 12px;
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
    text-align: center;
}

.mypage .switch_wrap {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 40px;
}
.mypage .switch_wrap + .btn_gray {
    margin-top: 40px;
}
.mypage .switch_wrap .switch[type="checkbox"] {
    background: #ececec;
    width: 108px;
    height: 56px;
}
.mypage .switch_wrap .switch[type="checkbox"]:checked {
    background: #0067b6;
}
.mypage .switch_wrap .switch[type="checkbox"]::before {
    width: 48px;
    height: 48px;
}
.mypage .switch_wrap span {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
}

.mypage .bio_wrap {
    padding-top: 220px;
    text-align: center;
}
.mypage .bio_wrap .txt {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    line-height: 52px;
    margin-bottom: 80px;
    font-weight: 500;
}
.mypage .bio_wrap img {
    width: 55%;
    max-width: 600px;
}
.mypage .bio_wrap .c_gray {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    margin-top: 60px;
}

.mypage .s_tit {
    margin: 60px auto 80px;
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    text-align: center;
}
.password_wrap .password_ck {
    gap: 32px;
    justify-content: center;
    margin-bottom: 40px;
}
.password_wrap .password_ck > div {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #dbdbdb;
}
.password_wrap .password_ck > .on {
    background: #0067b6;
}
.password_wrap .err_txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    text-align: center;
}
.hidden-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.number_btn {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    flex-flow: row wrap;
}
.number_btn button {
    width: 33%;
    flex: 0 33.3%;
    font-size: 4.8rem;
    font-weight: 500;
    padding: 46px 0 38px;
}
.number_btn button:nth-child(n + 2) {
    border-left: 1px solid #dbdbdb;
}
.number_btn button:nth-child(-n + 9) {
    border-bottom: 1px solid #dbdbdb;
}
.number_btn button:nth-child(-n + 3) {
    border-top: 1px solid #dbdbdb;
}
.number_btn button.bg {
    background: #f8f8f8;
    font-weight: normal;
    font-size: 3.8rem;
}

.bottom_pop .close {
    position: absolute;
    top: 53px;
    right: 40px;
    width: 32px;
    height: 32px;
    background: url(../images/close.png) no-repeat center;
    background-size: cover;
}
.bottom_pop .pop_tit {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    margin-bottom: 36px;
    text-align: center;
    font-weight: bold;
}
.bottom_pop .pop_textArea {
    text-align: center;
    padding-top: 20px;
}
.bottom_pop .pop_textArea p {
    font-size: 1.6rem;
}
.bottom_pop .pop_textArea p + p {
    margin-top: 1rem;
}
.bc_pop .tab_list {
    justify-content: center;
    margin: 0 auto 36px;
    border: 1px solid #dbdbdb;
    border-radius: 600px;
    width: 400px;
    background: #f8f8f8;
}
.bc_pop .tab_list li {
    flex: 0 50%;
}
.bc_pop .tab_list .active {
    background: #0067b6;
    border-radius: 600px;
    flex: 0 55%;
    box-shadow: 6px 6px 8px 0 #b7e0ff;
}
.bc_pop .tab_list a {
    padding: 24px 0;
    color: #555;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    text-align: center;
}
.bc_pop .tab_list .active a {
    color: #fff;
}
.bc_pop .tab_cont .cont_wrap {
    display: none;
}
.bc_pop .tab_cont .cont_wrap.active {
    display: block;
}
.bc_pop .tab_cont .cert_wrap {
    flex-flow: row wrap;
    gap: 14px;
    text-align: center;
    margin-bottom: 58px;
}
.bc_pop .tab_cont .cert_wrap > li {
    flex: 0 calc(33% - 8px);
    border: 1px solid #ebebeb;
    padding: 28px 0;
    border-radius: 20px;
    box-shadow: 6px 6px 12px 0 #efefef;
}
.bc_pop .tab_cont .cert_wrap .img {
    width: 128px;
    height: 128px;
    margin: 0 auto 22px;
    border-radius: 50%;
}
/*.bc_pop .tab_cont .cert_wrap .img1{background: url(../images/img1.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img2{background: url(../images/img2.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img3{background: url(../images/img3.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img4{background: url(../images/img4.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img5{background: url(../images/img5.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img6{background: url(../images/img6.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img7{background: url(../images/img7.png) no-repeat center; background-size: cover;}*/
/*.bc_pop .tab_cont .cert_wrap .img8{background: url(../images/img8.png) no-repeat center; background-size: cover;}*/
.bc_pop .tab_cont .cert_wrap .img1 {
    background: url(../images/cert_icon1.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img2 {
    background: url(../images/cert_icon1.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img3 {
    background: url(../images/cert_icon2.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img4 {
    background: url(../images/cert_icon2.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img5 {
    background: url(../images/cert_icon2.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img6 {
    background: url(../images/cert_icon2.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img7 {
    background: url(../images/cert_icon2.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img8 {
    background: url(../images/cert_icon1.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .img9 {
    background: url(../images/goverment.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .cert_wrap .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 500;
    margin-bottom: 12px;
}
.bc_pop .tab_cont .cert_wrap .cont {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #666;
}
.bc_pop .tab_cont .cont_list_wrap .cert_wrap {
    margin-bottom: 0;
}
.bc_pop .tab_cont .cont_list_wrap .cert_wrap:not(:last-child) {
    margin-bottom: 1.4rem;
}
.bc_pop .tab_cont .btn_wrap {
    flex: 1;
    gap: 10px;
    justify-content: center;
}
.bc_pop .tab_cont .btn_wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    flex: 1;
    padding: 27px 0;
    max-width: 330px;
}
.bc_pop .tab_cont .btn_wrap button::before {
    width: 28px;
    height: 28px;
    margin-right: 8px;
}
.add_btn {
    border: 1px solid #0067b6;
    color: #0067b6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add_btn::before {
    content: "";
    background: url(../images/btn_add-blue.png) no-repeat center;
    background-size: cover;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    margin-right: 4px;
}
.bc_pop .tab_cont .btn_wrap .upload_btn {
    border: 1px solid #555;
    color: #555;
}
.bc_pop .tab_cont .btn_wrap .upload_btn::before {
    content: "";
    background: url(../images/btn_upload.png) no-repeat center;
    background-size: cover;
}
.bc_pop .tab_cont .property_list {
    flex-flow: row wrap;
    gap: 14px;
    margin-bottom: 300px;
}
.bc_pop .tab_cont .property_list li {
    flex: 0 calc(50% - 9px);
    box-shadow: 6px 6px 12px 0 #efefef;
    border-radius: 20px;
    border: 1px solid #ebebeb;
    overflow: hidden;
}
.bc_pop .tab_cont .property_list .bg {
    background: #f8f8f8;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 41px;
}
.bc_pop .tab_cont .property_list .text_wrap {
    padding: 30px 0;
    text-align: center;
}
.bc_pop .tab_cont .property_list .text_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    margin-bottom: 20px;
}
.bc_pop .tab_cont .property_list .text_wrap .date {
    color: #555;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
}
.bc_pop .tab_cont .property_btn {
    bottom: 60px;
    width: calc(100%);
    padding: 28px 0;
    color: #fff;
    font-size: 3rem;
    letter-spacing: -0.6px;
    background: #000;
    border-radius: 16px;
}
.add_pop .add_pop_list {
    display: flex;
    gap: 120px;
    justify-content: space-between;
}
.add_pop .add_pop_list li {
    flex: 0 50%;
}
.add_pop .add_pop_list .img {
    width: 80%;
    height: 174px;
    background: #f5f5f5;
    border-radius: 20px;
    margin: 0 auto 20px;
}
.add_pop .add_pop_list .img1 {
    background: url(../images/addpop1.png) no-repeat center #f5f5f5;
    background-size: 95%;
}
.add_pop .add_pop_list .img2 {
    background: url(../images/addpop2.png) no-repeat center #f5f5f5;
    background-size: 95%;
}
.add_pop .add_pop_list .img3 {
    background: url(../images/goverment.png) no-repeat center #f5f5f5;
    background-size: 95%;
}
.add_pop .add_pop_list .img4 {
    background: url(../images/upload.png) no-repeat center #f5f5f5;
    background-size: 95%;
}
.add_pop .add_pop_list .img5 {
    background: url(../images/image.png) no-repeat center #f5f5f5;
    background-size: 95%;
}
.add_pop .add_pop_list .img6 {
    background: url(../images/picture_icon.png) no-repeat center #f5f5f5;
    background-size: 60%;
}
.add_pop .add_pop_list p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    text-align: center;
}
.f_btn_pop {
    height: 50%;
    padding-bottom: 0 !important;
}
.f_btn_pop .pop_txt {
    /* margin: 180px auto 240px; */
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    text-align: center;
    font-weight: 500;
    line-height: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: calc(100% - 80px);
    height: calc(100% - 95px);
    overflow-y: auto;
    align-content: center;
}
.f_btn_pop .btn_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.f_btn_pop .btn_wrap button {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    padding: 30px 0;
    flex: 1 50%;
}
.f_btn_pop .btn_wrap button.gray {
    color: #555;
    background: #f4f4f4;
}
.f_btn_pop .btn_wrap button.bl {
    color: #fff;
    background: #000;
}
.f_btn_pop .btn_wrap button.blue {
    color: #fff;
    background: #0067b6;
}
.f_btn_pop .btn_wrap button.dk_gray {
    color: #fff;
    background: #888;
}
.pop.bio_check img {
    position: absolute;
    top: -20%;
    left: 50%;
    transform: translate(-50%, -75%);
    width: 260px;
    height: 260px;
}
.event_pop .event_ck_list {
    display: flex;
    flex-flow: row wrap;
    gap: 1.8rem;
}
.event_pop .event_ck_list li {
    flex: 0 calc(50% - 0.9rem);
    border-radius: 1.6rem;
    overflow: hidden;
    text-align: center;
}
.event_pop .event_ck_list li .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.event_pop .event_ck_list li label {
    padding: 2.7rem 0;
    width: 100%;
    display: block;
    background: #f8f8f8;
    color: #555;
    position: relative;
}
.event_pop .event_ck_list li .input_wrap.on {
    background: #dff1ff;
    color: #0067b6;
}
.event_pop .event_ck_list li input {
    -webkit-appearance: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    outline: none;
    border-radius: 1.6rem;
}
.event_pop .event_ck_list li input::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.event_pop .btn_wrap {
    position: relative;
    margin: 6rem 0;
    gap: 1.8rem;
}
.event_pop .btn_wrap button {
    border-radius: 1.6rem;
}
.event_pop .btn_wrap .like_btn {
    border: 2px solid #dbdbdb;
    display: flex;
    align-items: center;
    flex: 0 13%;
    justify-content: center;
}
.event_pop .btn_wrap .like_btn::before {
    content: "";
    width: 5.2rem;
    height: 5.2rem;
    background: url(../images/like.png) no-repeat center;
    background-size: cover;
}
.event_pop .btn_wrap .like_btn.on::before {
    background: url(../images/link_on.png) no-repeat center;
    background-size: cover;
}
.terms_popup .scr_box {
    padding: 1.8rem;
    max-height: 40rem;
    overflow-y: auto;
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
    font-size: 1.4rem;
}
.terms_popup .scr_box table {
    border-collapse: collapse;
}
.terms_popup .scr_box table thead tr th,
.terms_popup .scr_box table tbody tr td {
    border: 1px solid #000;
}
.terms_popup .scr_box strong {
    color: #0067b6;
    text-decoration: underline;
}
.terms_popup .agree_button {
    color: #ffffff;
    background: #0067b6;
    width: 100%;
    padding: 10px 0;
    border-radius: 15px;
    font-size: 1.6rem;
    margin-top: 15px;
    font-weight: 600;
}

.certList_popup .pop_inner {
    height: 100%;
}
.certList_popup .select_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 5rem;
}
.certList_popup .select_list li {
    width: 10rem;
    height: 8rem;
    background-color: #67aeff;
    border-radius: 1.6rem;
    text-align: center;
    align-content: center;
}
.certList_popup .select_list li.warn {
    background-color: #e31212;
}
.certList_popup .select_list li .tit {
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
}

.faq .customer_nav {
    justify-content: center;
    gap: 80px;
    font-size: 3rem;
    letter-spacing: -0.6px;
    margin-bottom: 44px;
}
.faq .customer_nav .active a {
    color: #0067b6;
    text-decoration: underline;
    text-underline-offset: 8px;
    font-weight: bold;
}
.faq .faq_wrap > li {
    width: 100%;
    box-shadow: 4px 4px 8px 0 #efefef;
    border-radius: 16px;
}
.faq .faq_wrap > li:not(:last-child) {
    margin-bottom: 16px;
}
.faq .faq_wrap .tit {
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    position: relative;
}
.faq .faq_wrap .on .tit {
    border-radius: 16px 16px 0 0;
}
.faq .faq_wrap .tit button {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 600;
    padding: 32px 20px;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}
.faq .faq_wrap .tit button::before {
    content: "Q";
    color: #0067b6;
    margin-right: 12px;
    font-weight: bold;
}
.faq .faq_wrap .tit button::after {
    content: "";
    width: 36px;
    height: 36px;
    background: url(../images/faq_arrow.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 20px;
    transition: all 0.4s;
}
.faq .faq_wrap .on .tit button::after {
    transform: rotate(-180deg);
}
.faq .faq_wrap .a_wrap {
    border-radius: 0 0 16px 16px;
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 34px 30px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 48px;
    background: #f8f8f8;
    display: none;
}
.faq .faq_wrap .a_wrap::before {
    content: "A";
    font-size: 3.2rem;
    font-weight: bold;
    margin-right: 12px;
}
.faq .faq_wrap .a_wrap .text {
    width: calc(100% - 35px);
    white-space: break-spaces;
}
.faq .faq_wrap .on .a_wrap {
    display: flex;
}

.faq .srch_box {
    width: 100%;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 15px;
    border: 1px solid #dbdbdb;
    box-shadow: 8px 8px 12px 0 #efefef;
    overflow: hidden;
    position: relative;
}
.faq .srch_box .input_srch {
    border: 0;
    padding: 30px 35px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #000;
    border-radius: 600px;
    width: calc(100% - 90px);
    outline: none;
}
.faq .srch_box .btn_search {
    width: 48px;
    height: 48px;
    background: url(../images/search_black.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 65px;
}
.faq .search_info {
    font-size: 3rem;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    margin-top: 50px;
}
.faq .noData {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
}
.faq .faq_wrap .inqpl_desc {
    font-size: 2.3rem;
    padding: 20px;
}
.faq .faq_wrap .inqpl_desc p + p {
    margin-top: 3px;
}
.faq .faq_wrap .inqpl_wrap {
    border-radius: 0 0 16px 16px;
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 34px 30px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 48px;
    background: #f8f8f8;
    display: none;
}
.faq .faq_wrap .inqpl_wrap .text {
    width: calc(100% - 35px);
    white-space: break-spaces;
}
.faq .faq_wrap .on .inqpl_wrap {
    display: contents;
}
.faq .faq_wrap .on .inqpl_wrap .question,
.faq .faq_wrap .on .inqpl_wrap .answer {
    padding: 10px 25px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #0067b6;
}
.faq .faq_wrap .on .inqpl_wrap .question .text,
.faq .faq_wrap .on .inqpl_wrap .answer .text {
    font-size: 2.3rem;
    font-weight: 400;
    color: #000;
}

.list_page .cardAdd_bn .bg1 {
    background: #64c4f6;
    position: relative;
}
.list_page .cardAdd_bn .bg1::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/cardAddBg1.png) no-repeat 10px bottom;
    background-size: 35% 30%;
    left: 0;
    top: 0;
}
.list_page .cardAdd_bn .bg1::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/cardAddBg2.png) no-repeat 60% bottom;
    background-size: 15% 65%;
}
.list_page .cardAdd_bn .bg1 .img {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 38%;
    z-index: 1;
    height: auto;
    max-width: 260px;
}
.list_page .cardAdd_bn .bg1 .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #ebff37;
}
.list_page .cardAdd_bn .bg1 .txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #fff;
}
.list_page .cardList > ul > li:not(:last-child) {
    margin-bottom: 16px;
}
.list_page .cardList a {
    border-radius: 16px;
    padding: 30px 36px;
    position: relative;
    background: #f5f5f5;
    display: flex;
}
.list_page .cardList .card_img {
    width: 140px;
    height: auto;
    margin-right: 28px;
}
.list_page .table_wrap .cardList a .tit {
    font-weight: 500;
    font-size: 3rem;
    letter-spacing: -0.6px;
}

/* .list_page .benefit_bn li{background: red;} */
.list_page .filter {
    padding: 1.5rem 2rem;
    border-radius: 0.8rem;
    border: 2px solid #dbdbdb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    display: flex;
    align-items: center;
}
.list_page .filter::after {
    content: "";
    margin-left: 3.6rem;
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/filter.png) no-repeat center;
    background-size: cover;
}
.list_page .benefit_bn .bg1 {
    background: #1146a1;
    color: #fff;
    position: relative;
}
.list_page .benefit_bn .bg2 {
    background: #1e6fbf;
    color: #fff;
    position: relative;
}
.list_page .benefit_bn .bn:before {
    content: "";
    position: absolute;
    width: 70%;
    height: 100%;
    right: 0;
    bottom: 0;
    background: url(../images/benefit_bg1.png) no-repeat right;
    background-size: contain;
}
.list_page .benefit_bn .bn::after {
    content: "";
    position: absolute;
    width: 156px;
    height: 164px;
    background: url(../images/benefit_bg2.png) no-repeat center;
    background-size: cover;
    top: -20px;
    right: 20px;
}
.list_page .benefit_bn .bn .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #ffd60c;
}
.list_page .benefit_bn .bn .cont {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 36px;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 black;
}
.list_page .event_bn .bg1 {
    background: #029792;
    position: relative;
}
.list_page .event_bn .bg1::before {
    content: "";
    position: absolute;
    width: 55%;
    height: 125%;
    right: 0;
    background: url(../images/event_bg1.png) no-repeat right bottom;
    background-size: contain;
    bottom: 0;
}
.list_page .event_bn .bg1 .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #ffe600;
}
.list_page .event_bn .bg1 .cont {
    font-size: 2.4rem;
    line-height: 36px;
    letter-spacing: -0.48px;
    color: #fff;
}
.list_page .bn_wrap {
    width: 100%;
    margin-bottom: 48px;
}
.list_page .bn_wrap li {
    border-radius: 24px;
    padding: 30px 36px;
    max-height: 180px;
    min-height: 180px;
}
.list_page .bn_wrap .slick-list {
    margin: 0 -30px;
    overflow: inherit;
    margin-bottom: 24px;
}
.list_page .bn_wrap .slick-slide {
    margin: 0 30px;
}
.list_page .bn_wrap .slick-dots {
    position: relative;
    bottom: 0;
}
.list_page .bn_wrap .slick-dots li {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding: 0;
    min-height: inherit;
    background: none;
}
.list_page .bn_wrap .slick-dots button {
    width: 18px;
    height: 18px;
    padding: 0;
    background: #9c9c9c;
    border-radius: 50%;
}
.list_page .bn_wrap .slick-dots button::before {
    display: none;
}
.list_page .bn_wrap .slick-dots .slick-active button {
    background: #000;
}
.list_page .search_wrap {
    width: 100%;
    margin-bottom: 48px;
    border: 0;
    flex-flow: row wrap;
}
.list_page .srch_box {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 600px;
    border: 1px solid #dbdbdb;
    box-shadow: 8px 8px 12px 0 #efefef;
    overflow: hidden;
}
.list_page .srch_box .input_srch {
    border: 0;
    padding: 30px 35px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #000;
    border-radius: 600px;
    width: calc(100% - 90px);
}
.list_page .srch_box .btn_search {
    width: 48px;
    height: 48px;
    background: url(../images/search_black.png) no-repeat center;
    background-size: cover;
}
.list_page .search_wrap .keyword_list {
    display: flex;
    align-items: center;
    gap: 36px;
}
.list_page .search_wrap .keyword_list a {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.list_page .search_wrap .keyword_list a::before {
    content: "#";
    display: block;
}
.list_page .table_wrap .check_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.list_page .table_wrap .check_wrap select {
    width: 144px;
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    background: url(../images/select_arrow.png) no-repeat #fff calc(100% - 12px)
        50%/25px;
    padding: 14px 20px;
    font-size: 2.8rem;
    color: #555;
}
.switch_wrap {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}
.switch[type="checkbox"] {
    appearance: none;
    position: relative;
    border-radius: 600px;
    width: 90px;
    height: 45px;
    background: #ececec;
}
.switch[type="checkbox"]:checked {
    background: #0067b6;
}
.switch[type="checkbox"]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    transition: left 250ms linear;
}
.switch[type="checkbox"]:checked::before {
    background-color: #fff;
    left: 53%;
}
.switch_wrap span {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.switch[type="checkbox"]:disabled {
    border-color: lightgray;
    opacity: 0.7;
    cursor: not-allowed;
}
.switch[type="checkbox"]:disabled:before {
    background-color: lightgray;
}
.switch[type="checkbox"]:disabled + span {
    opacity: 0.7;
    cursor: not-allowed;
}
.list_page .table_wrap table {
    width: 100%;
    border-collapse: collapse;
}
.list_page .table_wrap table td {
    padding-bottom: 16px;
}
.list_page .table_wrap table td a {
    position: relative;
    padding: 32px 36px;
    border-radius: 16px;
    background: #f8f8f8;
}
.list_page .table_wrap table .keywrod {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.list_page .table_wrap table .keywrod li {
    display: flex;
    align-items: center;
    color: #0067b6;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.list_page .table_wrap table .keywrod.type1 li {
    color: #0067b6;
}
.list_page .table_wrap table .keywrod.type2 li {
    color: #c06ae3;
}
.list_page .table_wrap table .keywrod li::before {
    content: "#";
}
.list_page .table_wrap table .keywrod li:not(:last-child) {
    margin-right: 10px;
}
.list_page .table_wrap table .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 600;
}
.list_page .table_wrap table .arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    right: 36px;
    background: url(../images/table_arrow.png) no-repeat center;
    background-size: cover;
}

.paging {
    gap: 10px;
    margin-top: 40px;
    justify-content: center;
}
.paging button {
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    width: 48px;
    height: 48px;
    text-align: center;
    font-size: 2.8rem;
}
.paging button.first {
    background: url(../images/first.png) no-repeat center #f8f8f8;
    background-size: 30px;
}
.paging button.last {
    background: url(../images/last.png) no-repeat center #f8f8f8;
    background-size: 30px;
}
.paging button.prev {
    background: url(../images/prev.png) no-repeat center #f8f8f8;
    background-size: 16px;
}
.paging button.next {
    background: url(../images/next.png) no-repeat center #f8f8f8;
    background-size: 16px;
}
.paging button.on {
    background: #0067b6;
    color: #fff;
    border-color: #0067b6;
}

.myCard.view_page .bg.gray {
    background: #f8f8f8;
    width: 100%;
    margin-top: -80px;
    padding: 80px 0 60px;
    position: relative;
}
.myCard.view_page .bg.gray::before {
    content: "";
    width: calc(100% + 80px);
    position: absolute;
    height: 100%;
    background: #f8f8f8;
    left: -40px;
    top: 0;
}
.myCard.view_page .bg.gray,
.myCard.view_page .bg.gray * {
    position: relative;
    z-index: 1;
}
.myCard.view_page .bg.gray .p_tit {
    margin-top: 0;
}
.myCard.view_page .card_view_img {
    display: block;
    margin: 0 auto 36px;
    width: calc(80%);
}
.myCard.view_page .txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 40px;
    text-align: center;
    color: #555;
}
.myCard.view_page .txt .b,
.myCard.view_page .txt b {
    color: #000;
}
.myCard.view_page .txt .c {
    color: #0067b6;
}
.myCard.view_page .card_info_wrap {
    margin-top: 60px;
}
.myCard.view_page .card_info_wrap .info_cont:not(:last-child) {
    margin-bottom: 48px;
}
.myCard.view_page .card_info_wrap .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: bold;
    margin-bottom: 16px;
}
.myCard.view_page .card_info_wrap .dash_list li {
    font-size: 2.4rem;
    line-height: 40px;
    letter-spacing: -0.48px;
    color: #555;
}
.myCard.view_page .card_info_wrap .txt_sty {
    margin-top: 60px;
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 40px;
}
.myCard .txt_sty .btn_blue {
    border-radius: 600px;
    background: #0067b6;
    color: #fff;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    padding: 30px 160px;
    box-shadow: 0 0 28px 0 #67aeff;
    margin: 0 auto 36px;
    display: block;
    font-weight: bold;
    white-space: nowrap;
}
.myCard.view_page .card_info_wrap .txt_sty a {
    color: #0067b6;
    text-decoration: underline;
    text-underline-offset: 6px;
}
.myCard.view_page .bg2 {
    padding: 0 0 !important;
}
.myCard.view_page .bg2 .card_view_img {
    position: relative;
    top: 80px;
}
.myCard.view_page .card_wrap2 {
    margin-top: 160px;
}
.myCard.view_page .card_wrap2 b {
    font-weight: 500;
}
.myCard.view_page .card_wrap2 .txt {
    text-align: left;
}
.myCard.view_page .card_wrap2 .box_list {
    justify-content: space-between;
    gap: 10px;
}
.myCard.view_page .card_wrap2 .box_list li {
    border-radius: 16px;
    background: #f8f8f8;
    padding: 26px 0 18px;
    width: 25%;
    position: relative;
}
.myCard.view_page .card_wrap2 .box_list li:nth-child(1) {
    background: #def5f8;
}
.myCard.view_page .card_wrap2 .box_list li:nth-child(2) {
    background: #fbf2d4;
}
.myCard.view_page .card_wrap2 .box_list li:nth-child(3) {
    background: #fbefff;
}
.myCard.view_page .card_wrap2 .box_list li:nth-child(4) {
    background: #e2eefc;
}
.myCard.view_page .card_wrap2 .box_list img {
    height: auto;
    display: block;
    margin: 0 auto;
}
.myCard.view_page .card_wrap2 .box_list .img1 {
    width: 50%;
}
.myCard.view_page .card_wrap2 .box_list .img2 {
    width: 60%;
}
.myCard.view_page .card_wrap2 .box_list .img3 {
    width: 50%;
}
.myCard.view_page .card_wrap2 .box_list .img4 {
    width: 50%;
}
.myCard.view_page .card_wrap2 .box_list .txt_wrap {
    margin-top: 14px;
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
}
.myCard.view_page .card_wrap2 .box_list .txt_wrap p {
    font-size: 2rem;
    letter-spacing: -0.4px;
    text-align: center;
    white-space: nowrap;
}
.myCard.view_page .card_wrap2 .box_list .txt_wrap .tit {
    font-weight: 500;
    margin-bottom: 6px;
}
.myCard.view_page .card_wrap2 .box_list .txt_wrap .txt {
    line-height: inherit;
    color: #888;
}
.myCard.view_page .card_wrap2 .check_list li {
    display: flex;
    align-items: center;
}
.myCard.view_page .card_wrap2 .check_list li::before {
    content: "";
    width: 32px;
    height: 32px;
    background: url(../images/check_img.png) no-repeat center;
    background-size: cover;
    margin-right: 8px;
}
.myCard.view_page .card_wrap2 .check_list + p {
    margin-top: 32px;
    color: #000;
}

.myCard.confirm > .tit {
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 48px;
    margin-bottom: 28px;
}
.myCard.confirm > .tit .c {
    font-weight: bold;
    color: #0067b6;
}
.myCard.confirm .confirm_box {
    width: 100%;
}
.myCard.confirm .confirm_box > .tit {
    width: 100%;
    padding: 20px 0;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 24px 24px 0 0;
    font-weight: 500;
    background: #0067b6;
    color: #fff;
    text-align: center;
}
.myCard.confirm .confirm_box .cont_box {
    border-radius: 0 0 24px 24px;
    padding: 20px 36px 32px;
    margin-bottom: 42px;
    border: 1px solid #dce9f5;
    background: #f5fbff;
}
.myCard.confirm .confirm_box .input_wrap,
.myCard.confirm .confirm_box .jumin_wrap {
    align-items: center;
}
.myCard.confirm .confirm_box .jumin_wrap {
    width: 100%;
}
.myCard.confirm .confirm_box .jumin_wrap label {
    width: calc(50%);
}
.myCard.confirm .confirm_box .input_wrap:not(:last-child) {
    margin-bottom: 12px;
}
.myCard.confirm .confirm_box .input_wrap .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    width: 130px;
    min-width: 130px;
    margin-right: 26px;
    color: #0067b6;
    font-weight: 500; /* align-self: flex-start; */
}
.myCard.confirm .confirm_box input {
    border-radius: 8px;
    border: 1px solid #dbdbdb;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    width: calc(100% - 160px);
    padding: 6px 12px;
}
.myCard.confirm .confirm_box input:read-only {
    background: #edf2f6;
    color: #808080;
    flex: 0 20%;
}
.myCard.confirm .confirm_box input:read-only + select {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    border-radius: 0.8rem;
    border: 1px solid #dbdbdb;
    flex: 1 60%;
    margin-left: 0.4rem;
    padding: 0.6rem 1.6rem;
}
.myCard.confirm .confirm_box .jumin_wrap span {
    margin: 0 6px;
    display: block;
    font-size: 2.4rem;
}
.myCard.confirm .confirm_box .jumin_wrap input {
    width: calc(100% - 3px);
}
.myCard.confirm .confirm_box .input_wrap p {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
}
.myCard.confirm .txt_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 16px;
    font-weight: 500;
}
.myCard.confirm .txt_wrap li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 36px;
    color: #555;
    word-break: keep-all;
}
.myCard.confirm .txt_wrap .note_list {
    margin: 24px 0 40px;
}
.myCard.confirm .txt_wrap .note_list * {
    color: #d43c0c;
}
.myCard.confirm .txt_wrap .input_wrap {
    font-size: 2.6rem;
    margin-bottom: 60px;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}
.myCard.confirm .txt_wrap input {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-right: 16px;
}

.viewer {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 36px;
}
.viewer > .tit {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    font-weight: 600;
    border-bottom: 2px solid #000;
    padding-bottom: 28px;
}
.viewer .view_tb {
    margin-bottom: 20px;
    width: 100%;
    border-collapse: collapse;
}
.viewer .view_tb colgroup col:first-child {
    width: 30%;
}
.viewer .view_tb colgroup col:last-child {
    width: 70%;
}
.viewer .view_tb tr {
    border: 1px solid #dbdbdb;
    border-top: 0;
}
.viewer .view_tb th,
.viewer .view_tb td {
    border: 1px solid #dbdbdb;
    border-top: 0;
    padding: 18px 0;
    text-align: center;
    word-break: keep-all;
}
.viewer .view_tb thead th {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 600;
    background: #f8f8f8;
}
.viewer .view_tb td.tit {
    font-weight: bold;
}
.viewer .view_tb td {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.viewer .view_cont_wrap {
    margin-top: 36px;
    font-size: 2.6rem;
    line-height: 40px;
    letter-spacing: -0.52px;
    color: #555;
    word-break: keep-all;
    margin-bottom: 160px;
}
.viewer .view_cont_wrap h1 {
    margin-bottom: 10px;
}
.viewer .view_cont_wrap .cont {
    margin-bottom: 80px;
}
.viewer .view_cont_wrap .tit {
    color: #000;
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    margin-bottom: 36px;
    font-weight: 600;
}
.viewer .view_cont_wrap .circle_tit_wrap > li:not(:last-child) {
    margin-bottom: 48px;
}
.viewer .view_cont_wrap .circle_tit_wrap > li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.viewer .view_cont_wrap .circle_tit_wrap > li::before {
    content: "·";
    margin-right: 5px;
    align-self: flex-start;
}
.viewer .view_cont_wrap .circle_tit_wrap > li .txt_cont {
    flex: 0 97%;
}
.viewer .view_cont_wrap .circle_tit_wrap .circle {
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
    align-items: center;
    color: #000;
}
.viewer .view_cont_wrap .inner_cont .accent {
    font-size: 2.8rem;
    color: #0067b6;
    font-weight: 500;
    margin-bottom: 16px;
}
.float_btn {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 170px;
    width: 65%;
    background: #0067b6;
    color: #fff;
    margin: 0 auto;
    padding: 32px 0;
    text-align: center;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    border-radius: 600px;
    box-shadow: 0 0 28px 0 #67aeff;
    z-index: 1;
}
.add_file_wrap {
    border-radius: 2rem;
    padding: 3.6rem 4rem;
    margin-bottom: 4.8rem;
    background: #f6f6f6;
    width: 100%;
}
.viewer .add_file_wrap li {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    display: flex;
    align-items: center;
}
.viewer .add_file_wrap li::before {
    content: "";
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    margin-right: 0.8rem;
    background: url(../images/addFile_icon.png) no-repeat center;
    background-size: cover;
}
.viewer .add_file_wrap li:not(:last-child) {
    margin-bottom: 2rem;
}
.viewer .add_file_wrap li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.b {
    font-weight: 600;
}
.red {
    color: #c22a0b;
}
.note_list > li {
    display: flex;
    align-items: center;
}
.note_list > li::before {
    content: "※";
    margin-right: 5px;
    align-self: flex-start;
}
.note_list > li > .text {
    width: calc(100% - 15px);
}
.dash_list > li {
    display: flex;
    align-items: center;
}
.dash_list > li::before {
    content: "-";
    margin-right: 5px;
    align-self: flex-start;
}
.dash_list > li > .text {
    width: calc(100% - 12px);
}
.dot_list > li {
    display: flex;
    align-items: center;
}
.dot_list > li::before {
    content: "·";
    margin-right: 5px;
    align-self: flex-start;
}
.dot_list > li > .text {
    width: calc(100% - 10px);
}
.dot_list > li .bold {
    color: #0067b6;
    font-weight: bold;
    text-decoration: underline;
}
.dot_list > table {
    border: 1px solid #000000;
    border-collapse: collapse;
    width: 100%;
}
.dot_list > table thead,
.dot_list > table tbody th,
.dot_list > table tbody td {
    border: 1px solid #000000;
    padding: 3px 5px;
}

.dream {
    margin-bottom: 140px;
}
.dream .dream_bg {
    position: relative;
    z-index: 2;
    margin-bottom: 4.8rem;
}
.dream .dream_bg > * {
    position: relative;
    z-index: 2;
}
.dream .dream_bg::before {
    content: "";
    width: calc(100% + 8rem);
    height: calc(100% + 9.5rem);
    background:
        linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0) 10%,
            rgba(255, 255, 255, 0.1) 25%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0.7) 75%,
            rgba(255, 255, 255, 0.9) 100%
        ),
        url(../images/dream_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -9.5rem;
    left: -4rem;
}
.dream .dream_bg .dream_txt {
    padding-bottom: 3rem;
}
.dream .dream_bg .dream_txt li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 4rem;
    display: flex;
    align-items: center;
    word-break: keep-all;
}
.dream .dream_bg .dream_txt li::before {
    content: "";
    width: 3.2rem;
    min-width: 3.2rem;
    height: 3.2rem;
    background: url(../images/check_list_img.png) no-repeat center;
    background-size: cover;
    align-self: flex-start;
    margin-right: 0.4rem;
}
.dream .dream_bg .dream_txt li:not(:last-child) {
    margin-bottom: 2.5rem;
}
.dream .app > .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 600;
    border-bottom: 2px solid #000;
    padding-bottom: 18px;
    margin-bottom: 36px;
    position: relative;
}
.dream .app + .app {
    margin-top: 40px;
}
.dream .app .cont {
    margin-bottom: 36px;
}
.dream .app .cont > .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 600;
    margin-bottom: 24px;
}
.dream .app .cont .check_list li {
    border: 1px solid #dbdbdb;
    border-radius: 16px;
    padding: 20px 28px;
    box-shadow: 4px 4px 8px 0 #efefef;
    display: flex;
    align-items: center;
    position: relative;
    height: 100px;
}
.dream .app .cont .check_list li.on {
    background: #efefef;
}
.dream .app .cont .check_list li:not(:last-child) {
    margin-bottom: 16px;
}
.dream .app .cont .check_list li .check {
    display: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
}
.dream .app .cont .check_list li .check.on {
    display: block;
    background: url(../images/check_on_top.png) no-repeat center #0067b6;
    background-size: 32px;
}
.dream .app .cont .check_list li .check.green {
    display: block;
    background: url(../images/check_green.png) no-repeat center #08bb79;
    background-size: 32px;
}
.dream .app .cont .check_list li .check.red {
    display: block;
    background: url(../images/check_red.png) no-repeat center #f33333;
    background-size: 32px;
}
.dream .app .cont .check_list li .check.yellow {
    display: block;
    background: url(../images/check_yellow.png) no-repeat center #fbb81c;
    background-size: 32px;
}
.dream .app .cont .check_list li .check.gray {
    display: block;
    background: url(../images/check_gray.png) no-repeat center #cfcfcf;
    background-size: 32px;
}
.dream .app .cont .check_list li .check.mint {
    display: block;
    background: url(../images/check_mint.png) no-repeat center #00b0b6;
    background-size: 32px;
}

.dream .app .cont .check_list li .nm {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.dream .app .cont .check_list li .nm span {
    color: #555;
    font-size: 2.4rem;
    letter-spacing: -1.2px;
}
.dream .app .cont .check_list li .nm .span02 {
    color: #888;
    font-size: 2rem;
    letter-spacing: -0.4px;
}
.dream .app .cont .check_list li .check_btn {
    position: absolute;
    background: #dc7805;
    text-align: center;
    padding: 16px 0;
    width: 120px;
    right: 28px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 12px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #fff;
    height: auto;
}
.dream .app .cont .check_list li .check_btn.ck01 {
    background: #f36900;
}
.dream .app .cont .check_list li .check_btn.succ {
    background: #888;
}
.dream .app .cont .check_list li .check_btn.succ02 {
    background: #333;
}
.dream .app .cont .check_list li .check_btn.succ03 {
    background: #9c9c9c;
}
.dream .app .cont .check_list li .check_btn.add {
    background: #27a3e3;
}
.dream .app .cont .check_list li .check_btn.add02 {
    background: #00b0b6;
}
.dream .app .cont .check_list li .check_btn.write {
    background: #09b586;
}
.dream .app .cont .check_list li .check_btn.write02 {
    background: #04bb89;
}
.dream .app .cont .check_list + .red {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin: 28px 0 60px;
}

.num_list > li {
    display: flex;
    align-items: center;
}
.num_list > li::before {
    margin-right: 0.5rem;
    align-self: flex-start;
}
.num_list > li:nth-child(1):before {
    content: "1.";
}
.num_list > li:nth-child(2):before {
    content: "2.";
}
.num_list > li:nth-child(3):before {
    content: "3.";
}
.num_list > li:nth-child(4):before {
    content: "4.";
}
.num_list > li:nth-child(5):before {
    content: "5.";
}
.num_list > li:nth-child(6):before {
    content: "6.";
}
.num_list > li:nth-child(7):before {
    content: "7.";
}
.num_list > li:nth-child(8):before {
    content: "8.";
}
.num_list > li:nth-child(9):before {
    content: "9.";
}
.num_list > li:nth-child(10):before {
    content: "10.";
}
.num_list > li:nth-child(11):before {
    content: "11.";
}
.num_list > li:nth-child(12):before {
    content: "12.";
}
.num_list > li:nth-child(13):before {
    content: "13.";
}
.num_list > li:nth-child(14):before {
    content: "14.";
}
.num_list > li:nth-child(15):before {
    content: "15.";
}
.dream .app .c_tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 600;
    margin-bottom: 4.8rem;
    color: #0067b6;
}
.dream .app .tit.no_mb {
    margin-bottom: 0;
}
.dream .app .survey_list {
    position: relative;
    margin-bottom: 6rem;
}
.dream .app .survey_list::after {
    content: "";
    width: calc(100% + 8rem);
    height: 1.2rem;
    background: #f3f3f3;
    position: absolute;
    left: -4rem;
}
.dream .app .survey_list li {
    padding: 3.2rem 0 9.4rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 5.6rem;
    flex-flow: row wrap;
    position: relative;
}
.dream .app .survey_list li:not(:last-child) {
    border-bottom: 2px solid #dbdbdb;
}
.dream .app .survey_list li .survey_tit {
    flex: 0 90%;
}
.dream .app .survey_list li .input_wrap {
    position: absolute;
    right: 0;
    bottom: 3.5rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    gap: 4.8rem;
}
.dream .app .survey_list li .input_wrap label {
    display: flex;
    align-items: center;
}
.dream .app .survey_list li .input_wrap input {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1.6rem;
}
.survey_list table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.survey_list th {
    border: 1px solid #ccc;
    padding: 8px;
}
.survey_list td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}
.dream .app + .btn_wrap {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
    margin-top: 8rem;
}
.dream .app + .btn_wrap button {
    border-radius: 60rem;
    padding: 2.8rem 7.6rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    white-space: nowrap;
}
.dream .app + .btn_wrap .btn_white {
    border: 2px solid #dbdbdb;
    color: #555;
}
.dream .app + .btn_wrap .btn_blue {
    border: 2px solid #0067b6;
    color: #0067b6;
}

.dream .app .survey_list .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 600;
    margin-bottom: 3.2rem;
}
.dream .app .survey_list .scr_box {
    padding: 3.6rem;
    max-height: 80rem;
    overflow-y: auto;
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
}
.dream .app .survey_list .survey_txt li {
    border-bottom: 0;
    padding: 0;
    word-break: keep-all;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 4rem;
}
.dream .app .survey_list .survey_txt > li:not(:last-child) {
    margin-bottom: 4rem;
}
.dream .app .survey_list .survey_txt > li p::before {
    content: "■";
    margin-right: 0.5rem;
    margin-bottom: 4rem;
}
.dream .app .survey_list .dot_txt li::before {
    content: "•";
    margin-right: 0.5rem;
}
.dream .app .survey_list .scr_box + .input_wrap {
    margin-top: 4rem;
    justify-content: center;
    right: inherit;
    left: 50%;
    bottom: inherit;
    transform: translateX(-50%);
    position: relative;
}
.dream .app .survey_list .scr_box strong {
    color: #0067b6;
    text-decoration: underline;
}

.dream .app .survey_list .scr_box::-webkit-scrollbar {
    width: 24px;
}
.dream .app .survey_list .scr_box::-webkit-scrollbar-thumb {
    height: 30%;
    background: #cfcfcf;
    border: 8px solid #f8f8f8;
    border-radius: 600px;
}

.dream .app .input_tb {
    border-bottom: 2px solid #dbdbdb;
    width: 100%;
}
.dream .app .input_tb td {
    padding-bottom: 4.8rem;
}
.dream .app .input_tb tr:last-child td {
    padding-bottom: 6rem;
}
.dream .app .input_tb .input_label {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
}
.dream .app .input_tb .input_cont {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    margin-top: 2rem;
}
.dream .app .input_tb .input_cont textarea {
    border-radius: 1.2rem;
    border: 2px solid #dbdbdb;
    padding: 2.8rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    width: 100%;
    height: 400px;
}
.dream .app .input_tb input {
    border-radius: 1.2rem;
    border: 2px solid #dbdbdb;
    padding: 2.8rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    width: 100%;
}
.dream .app .input_tb input::placeholder {
    color: #9f9f9f;
}
.dream .app .input_tb .date_wrap {
    display: flex;
    align-items: center;
    position: relative;
    width: 40%;
}
.dream .app .input_tb .date_wrap::after {
    content: "";
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/calendar.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 2.8rem;
    top: 50%;
    transform: translateY(-50%);
}
.dream .app .input_tb .addr1 {
    display: flex;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
}
.dream .app .input_tb .addr1 .btn_gray {
    border-radius: 1.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    padding: 2.8rem 2rem;
    color: #fff;
    background: #777;
    white-space: nowrap;
}
.dream .app .input_tb .btn_gray {
    border-radius: 1.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    padding: 2.8rem 2rem;
    color: #fff;
    background: #777;
    white-space: nowrap;
}
.dream .app .input_tb .file_area {
    margin-top: 1rem;
    margin-left: 1rem;
}
.dream .app .input_tb .file_area .file_name {
    font-size: 1.5rem;
    padding: 1rem 0;
}
.dream .app .input_tb .file_area .file_name .btn_delete {
    background: url("../images/close.png") no-repeat center;
    background-size: cover;
    width: 11px;
    height: 11px;
    margin-left: 5px;
}

/* 로그인 / 회원가입 */
.login {
    padding-bottom: 30px;
    height: fit-content;
}
.login .login_img {
    display: block;
    margin: 20% auto 48px;
    width: 80%;
    max-width: 460px;
}
.login .wallet_img {
    display: block;
    margin: 20% auto 48px;
    width: 80%;
    max-width: 460px;
}
.login .text {
    text-align: center;
    font-size: 4.8rem;
    letter-spacing: -0.96px;
    line-height: 64px;
    font-weight: 500;
    margin-bottom: 120px;
}
.login .btn_wrap {
    display: flex;
    gap: 36px;
    flex-flow: column;
    margin-bottom: 100px;
}
.login .btn_white {
    width: 100%;
    padding: 35px 0;
    border-radius: 600px;
    border: 1px solid #dbdbdb;
    font-size: 3.2rem;
    font-weight: bold;
}
.login .btn_blue {
    width: 100%;
    padding: 35px 0;
    border-radius: 600px;
    background: #0067b6;
    font-size: 3.2rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.find_account {
    font-size: 2.8rem;
    display: block;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 8px;
}
.privacy_policy_link {
    font-size: 2.8rem;
    display: block;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 8px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.join_h {
    box-shadow: none;
}
.join .p_tit {
    margin: 102px auto 60px;
}
.join_state {
    display: flex;
    gap: 12px;
    margin-bottom: 80px;
}
.join_state li {
    font-size: 2.4rem;
    color: #ffff;
    border-radius: 50%;
    background: #bbb;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
.join_state li.cur {
    background: #000;
}
.join1_box {
    margin-top: 180px;
}
.join .s_tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin-bottom: 60px;
}
.join .s_tit.no_br {
    border: none;
    margin: 0;
}
.join .sub {
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    margin-bottom: 40px;
}
.join .type_list {
    margin: 0 auto;
    gap: 60px;
    width: calc(100% - 25px);
    justify-content: center;
}
.join .type_list.m {
    justify-content: space-between;
    margin: 0 2rem;
    width: calc(100% - 4rem);
}
.join .type_list li {
    width: 100%;
    max-width: 280px;
    border: 1px solid #dbdbdb;
    border-radius: 30px;
    padding: 48px 0;
    cursor: pointer;
    box-shadow: 0.2rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.join .type_list.m li {
    max-width: inherit;
    width: 60%;
}
.join .type_list li.on {
    border: 2px solid #0067b6;
}
.join .type_list li .img {
    width: 14.8rem;
    height: 14.8rem;
    border-radius: 50%;
    margin: 0 auto 50px;
}
.join .type_list li.young .img {
    background: #f5f5f5 url(../images/join_img1.png) no-repeat center;
    background-size: 70%;
}
.join .type_list li.old .img {
    background: #f5f5f5 url(../images/join_img2.png) no-repeat center;
    background-size: 70%;
}
.join .type_list li p {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    text-align: center;
}
.join .type_list li.young .c {
    color: #e36138 !important;
}
.join .type_list li.old .c {
    color: #0067b6;
}
.join .type_list li.shadow {
    box-shadow: 0.2rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.join .btn_wrap {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    display: flex;
    gap: 24px;
}
.join .btn_wrap button {
    width: 200px;
    padding: 27px 0;
    text-align: center;
    font-size: 2.8rem;
    border-radius: 600px;
    font-weight: 500;
}
.join .btn_wrap .btn_white {
    border: 1px solid #dbdbdb;
    color: #555;
}
.join .btn_wrap .btn_blue {
    border: 1px solid #0067b6;
    color: #0067b6;
}
.join .kg_btn_simple {
    width: 40%;
    margin: 0 auto;
    display: inline-block;
    max-width: 360px;
}
.join .kg_btn {
    width: 40%;
    margin: 0 auto;
    display: inline-block;
    max-width: 360px;
}
.join_box .tit_box .s_tit {
    border-bottom: 0;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    text-align: center;
    margin-bottom: 18px;
}
.join_box .tit_box .gray_tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    margin-bottom: 80px;
    text-align: center;
    color: #888;
}
.join_box .number_btn + .btn_wrap {
    display: none;
}
.join_box .auth_list {
    gap: 3rem;
    justify-content: center;
}
.join_box .auth_list li {
    position: relative;
    border-radius: 3rem;
    padding: 3rem 2.8rem;
    border-radius: 3rem;
    border: 0.2rem solid #ebebeb;
    justify-content: center;
    flex: 0 50%;
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.join_box .auth_list .icon_wrap {
    text-align: center;
}
.join_box .auth_list .icon_wrap.h {
    margin-bottom: 10rem;
}
.join_box .auth_list .icon_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-top: 4rem;
    text-align: center;
    font-weight: 500;
}
.join_box .auth_list .icon_wrap .tit.pos {
    position: absolute;
    bottom: 3.2rem;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
}
.join_box .auth_list .icon02 {
    width: 90%;
    display: block;
    margin: 1.8rem auto 1.6rem;
}
.join_box .tit_box.border {
    border-bottom: 0.2rem solid #000;
    margin-bottom: 4.8rem;
    padding-bottom: 1.6rem;
}
.join_box .tit_box.border .s_tit {
    text-align: left;
    margin-bottom: 1.6rem;
    font-weight: 500;
}
.join_box .tit_box .red {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.join .more_cont {
    display: none;
    width: 100%;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    border-radius: 16px;
    padding: 28px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 48px;
    max-height: 350px;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}
.join .more_cont p.tit {
    font-size: 2.8rem;
    font-weight: 500;
}

.join .ck_wrap input[type="checkbox"] {
    display: none;
}
.join .ck_wrap .custom_ck + label {
    display: flex;
    align-items: center;
}
.join .ck_wrap .custom_ck + label::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../images/check.png) no-repeat center;
    background-size: cover;
    margin-right: 16px;
}
.join .ck_wrap .custom_ck:checked + label::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../images/check_on.png) no-repeat center;
    background-size: cover;
    margin-right: 16px;
}
.join .ck_wrap .ck_box .custom_ck:checked + label::before {
    content: "";
    width: 44px;
    height: 44px;
    background: url(../images/check_on_top.png) no-repeat center;
    background-size: cover;
    margin-right: 16px;
}
.join .ck_wrap .ck_box {
    width: 100%;
    padding: 36px 28px;
    border-radius: 16px;
    border: 1px solid #dbdbdb;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 24px;
    font-weight: 500;
}
.join .ck_wrap .ck_box.on {
    border: 0;
    background: #0067b6;
    color: #fff;
}
.cert .terms_title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 30px;
}
.cert .sub_title {
    font-size: 1.4rem;
    margin-bottom: 3rem;
}
.join .sub_ck .ck,
.cert .sub_ck .ck {
    padding: 36px 28px;
    display: flex;
    align-items: center;
    position: relative;
}
.cert .sub_ck .ck {
    border-bottom: 1px solid #dbdbdb;
}
.join .sub_ck .ck label,
.cert .sub_ck .ck label {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.cert .sub_ck .ck input {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 8px;
    margin-right: 2rem;
}
.join .sub_ck .ck label span,
.cert .sub_ck .ck label span {
    margin-right: 6px;
}
.join .sub_ck .ck label .c,
.cert .sub_ck .ck label .c {
    color: #0067b6;
}
.join .sub_ck .ck .btn_more,
.cert .sub_ck .ck .btn_more {
    font-size: 2.4rem;
    color: #555;
    position: absolute;
    right: 28px;
    text-decoration: underline;
    text-underline-offset: 3px;
    display: flex;
    align-items: center;
}
.join .sub_ck .ck .btn_more::after,
.cert .sub_ck .ck .btn_more::after {
    content: "";
    width: 32px;
    height: 32px;
    background: url(../images/more_arrow.png) no-repeat center;
    background-size: cover;
    margin-left: 4px;
    transition: all 0.4s;
}
.join .sub_ck .ck .btn_more.on::after,
.cert .sub_ck .ck .btn_more.on::after {
    transform: rotate(-180deg);
}
.join .more_cont,
.cert .more_cont {
    display: none;
    width: 100%;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    border-radius: 16px;
    padding: 28px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 48px;
    max-height: 350px;
    overflow-y: auto;
}
.cert .more_cont {
    border-radius: 0 !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.join .more_cont p.tit,
.cert .more_cont p.tit {
    font-size: 2.8rem;
    font-weight: 500;
}
.join .more_cont a,
.cert .more_cont a {
    text-align: right;
}
.cert .sub_ck .ck .ck_box {
    display: flex;
    align-items: center;
}
.cert .more_cont .text strong,
.join .more_cont .text strong {
    color: #0067b6;
    text-decoration: underline;
}
.cert .more_cont .text h6,
.join .more_cont .text h6 {
    font-size: 1.3rem;
}
.cert .more_cont .text h5,
.join .more_cont .text h5 {
    font-size: 1.4rem;
}
.cert .more_cont .text h4,
.join .more_cont .text h4 {
    font-size: 1.6rem;
}
.cert .more_cont .text h3,
.join .more_cont .text h3 {
    font-size: 1.8rem;
}
.cert .more_cont .text h2,
.join .more_cont .text h2 {
    font-size: 2rem;
}
.cert .more_cont .text h1,
.join .more_cont .text h1 {
    font-size: 2.2rem;
}

.join .more_cont .text table {
    border: 1px solid #000000;
    border-collapse: collapse;
}
.join .more_cont .text table thead,
.join .more_cont .text table thead th,
.join .more_cont .text table tbody td {
    border: 1px solid #000000;
}
.join .more_cont .text table tbody td {
    padding: 5px;
}
.join .more_cont .text table tbody tr td:nth-child(1) {
    width: 150px;
    text-align: center;
}

.cert .more_cont .text table {
    border: 1px solid #000000;
    border-collapse: collapse;
}
.cert .more_cont .text table thead,
.cert .more_cont .text table thead th,
.cert .more_cont .text table tbody td {
    border: 1px solid #000000;
}
.cert .more_cont .text table tbody td {
    padding: 5px;
}
.cert .more_cont .text table tbody tr td:nth-child(1) {
    width: 80px;
    text-align: center;
}

.cert .more_cont .text table tbody th {
    width: 80px;
    text-align: center;
    border-bottom: 1px solid #000000;
}
.cert .more_cont .text table tbody td {
    color: #0067b6;
    text-decoration: underline;
    font-weight: 700;
}

.join_succ .join_logo,
.login_succ .login_logo {
    width: 80%;
    margin: 20% auto 48px;
    display: block;
    max-width: 460px;
}
.login_succ .login_logo {
    margin: 10% auto 48px;
}
.join_succ .txt,
.login_succ .txt {
    text-align: center;
}
.join_succ .txt1,
.login_succ .txt1 {
    font-size: 4.8rem;
    letter-spacing: -0.96px;
    font-weight: 500;
    margin-bottom: 40px;
}
.join_succ .txt2,
.login_succ .txt2 {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    line-height: 52px;
    color: #555;
}
.join_succ .btn_blue {
    position: absolute;
    bottom: 120px;
    width: 100%;
    border-radius: 600px;
    background: #0067b6;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    padding: 36px 0;
    color: #fff;
    width: calc(100% - 80px);
}
.login_succ .btn_wrap {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 80px);
}

.p_tit + .login_box {
    margin-top: 180px;
}
.p_tit + .login_box .line {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    border-bottom: 1px solid #000;
    margin-bottom: 60px;
    padding-bottom: 16px;
}
.p_tit + .login_box .kg_btn {
    width: 50%;
    display: block;
    margin: 0 auto 60px;
    max-width: 360px;
}
.p_tit + .login_box .txt {
    font-size: 3.2rem;
    line-height: 48px;
    letter-spacing: -0.64px;
    text-align: center;
}
.p_tit + .login_box .txt1 {
    font-weight: 500;
    color: #000;
}
.p_tit + .login_box .gray {
    color: #888;
    margin-top: 24px;
}
.p_tit + .login_box + .btn_wrap {
    display: flex;
    flex-flow: row;
    justify-content: center;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}
.p_tit + .login_box + .btn_wrap .btn_blue,
.p_tit + .login_box + .btn_wrap .btn_white {
    width: 200px;
    background: #fff;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    padding: 27px 0;
}
.p_tit + .login_box + .btn_wrap .btn_blue {
    border: 1px solid #0067b6;
    color: #0067b6;
}
.p_tit + .login_box + .btn_wrap .btn_white {
    border: 1px solid #dbdbdb;
    color: #555;
}

.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

.loading {
    width: 100%;
    height: 100%;
    position: relative;
}
.loading .progress_wrap {
    padding-top: 40%;
}
.loading .progress_wrap .progress {
    -webkit-appearance: none;
    width: 100%;
}
.loading .progress_wrap .value {
    margin: 40px auto 80px;
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: 500;
    text-align: center;
    color: #0067b6;
}
.loading .progress_wrap ::-webkit-progress-bar {
    background-color: #fff;
    border: 1px solid #0067b6;
    border-radius: 12px;
    width: 100%;
    height: 64px;
    overflow: hidden;
}
.loading .progress_wrap ::-webkit-progress-value {
    background: linear-gradient(to left, #4ba4e8 11%, #0067b6 95%);
}
.loading .txt,
.succ > .txt {
    font-size: 4.8rem;
    letter-spacing: -0.96px;
    line-height: 64px;
    font-weight: 500;
    text-align: center;
}
.join .btn_bt {
    background: #0067b6;
    padding: 35px 0;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    width: 100%;
    border-radius: 600px;
    position: absolute;
    bottom: 15%;
    color: #fff;
}

.succ {
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 29.4%;
}

.service .tab_btn {
    justify-content: center;
    gap: 40px;
}
.service .tab_btn a {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
}
.service .tab_btn .on a {
    color: #0067b6;
    text-decoration: underline;
    font-weight: 500;
    text-underline-offset: 0.5rem;
    text-decoration-thickness: 0.2rem;
}
.service .list {
    gap: 48px 20px;
}
.service .list li {
    width: calc(33.3% - 14px);
}
.service .list .tit {
    margin-top: 20px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    text-align: center;
}

.cert_list_wrap {
    margin-bottom: 70px;
}
.cert_list_wrap > ul {
    gap: 14px;
    align-items: stretch;
    align-content: stretch;
}
.cert_list_wrap > ul > li {
    width: calc(33.3% - 10px);
    border-radius: 20px;
    padding: 28px 32px 36px;
    border: 1px solid #ebebeb;
    height: auto;
    box-shadow: 6px 6px 12px 0 #efefef;
}
.cert_list_wrap > ul > li .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 36px;
    text-align: center;
    margin-top: 20px;
    height: 66px;
    align-content: center;
}
.cert_list_wrap .info {
    margin-top: 1rem;
}
.cert_list_wrap .info li {
    font-size: 2rem;
    letter-spacing: -0.4px;
    line-height: 26px;
    text-align: center;
}
.cert_list_wrap2 > ul > li .tit {
    line-height: inherit !important;
    height: auto !important;
    margin-bottom: 1.2rem;
}
.cert_list .blue_btns {
    margin: 70px 0;
}

.news_bg {
    width: calc(100% + 80px);
    top: -60px;
    left: -40px;
    padding: 60px 0 50px;
    background: #e1f0f3;
    position: relative;
}
.news_bn {
    width: 100%;
}
.news_bn .slick-slide {
    width: 80vw;
    margin: 0 14px;
}
.news_bn img {
    width: 100%;
}
.news_bn .bn_count {
    margin: 20px auto 0;
    text-align: center;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
}
.news_wrap .tab_btns {
    justify-content: center;
    margin-bottom: 36px;
    gap: 12px;
}
.news_wrap .tab_btns button {
    padding: 20px 0;
    width: 180px;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    border-radius: 600px;
}
.news_wrap .tab_btns button.active {
    border: 0;
    background: #0067b6;
    color: #fff;
}
.news_wrap .tab_cont {
    display: none;
}
.news_wrap .tab_cont.active {
    display: block;
}
.news_wrap .tab_cont table {
    border-top: 2px solid #000;
    margin-bottom: 48px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.news_wrap .tab_cont table tr {
    border-bottom: 1px solid #ebebeb;
}
.news_wrap .tab_cont table td {
    padding: 28px 0;
}
.news_wrap .tab_cont .hashtag {
    margin-bottom: 16px;
}
.news_wrap .tab_cont .hashtag li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    color: #0067b6;
}
.news_wrap .tab_cont .hashtag li:not(:last-child) {
    margin-right: 16px;
}
.news_wrap .tab_cont .hashtag li::before {
    content: "#";
}
.news_wrap .tab_cont td {
    position: relative;
}
.news_wrap .tab_cont .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    width: calc(80%);
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_wrap .tab_cont .arrow {
    width: 36px;
    height: 36px;
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.news_wrap .tab_cont .more {
    padding: 20px 0;
    width: 160px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #0067b6;
    font-weight: 500;
    display: flex;
    align-items: center;
    border-radius: 600px;
    margin: 0 auto;
    border: 1px solid #0067b6;
    justify-content: center;
}
.news_wrap .tab_cont .more::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(../images/btn_more_blue.png) no-repeat center;
    background-size: cover;
}
.news_wrap .tab_cont .img_list {
    gap: 66px 30px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 48px;
    justify-content: space-between;
}
.news_wrap .tab_cont .img_list li {
    flex: 0 calc(50% - 15px);
    width: calc(50% - 15px);
}
.news_wrap .tab_cont .img_list li .thumb {
    width: 100%;
    margin-bottom: 24px;
}
.news_wrap .tab_cont .img_list li img {
    width: 100%;
    height: auto;
}
.news_wrap .tab_cont .img_list li .reserveThumb {
    height: 240px;
}
.news_wrap .tab_cont .img_list .tit {
    font-size: 2.6rem;
    line-height: 3.6rem;
    letter-spacing: -0.52px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    white-space: inherit;
    -webkit-box-orient: vertical;
}
.page_move {
    justify-content: center;
    margin-top: 80px;
    gap: 16px;
    align-items: center;
}
.page_move button {
    border-radius: 12px;
    width: 80px;
    height: 80px;
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
}
.page_move button img {
    width: 50%;
    height: auto;
}
.page_move button.prev img,
.page_move button.next img {
    width: 30%;
}
.page_move .page_state {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    font-weight: 500;
    margin: 0 60px;
}

.alarm .list_wrap .select_btns {
    display: none;
    gap: 1.2rem;
    width: calc(100% - 74px);
}
.alarm .list_wrap .select_btns.on {
    display: flex;
}
.alarm .list_wrap .select_btns button {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #555;
    border: 2px solid #dbdbdb;
    padding: 1.1rem 2rem;
    white-space: nowrap;
    border-radius: 1rem;
}
.alarm .list_wrap .switch_wrap {
    margin-left: auto;
}
.alarm .list_wrap .switch_wrap span {
    margin-right: 12px;
    color: #555;
    white-space: nowrap;
}
.alarm .alarm_list {
    border-top: 4px solid #000;
    margin-top: 3.6rem;
    width: 100%;
}
.alarm .alarm_list li {
    border-bottom: 2px solid #ebebeb;
    display: flex;
}
.alarm .alarm_list .select_ck {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 8px;
    margin: 5.2rem 3.2rem 5.2rem 0;
    display: none;
}
.alarm .alarm_list .select_ck.on {
    display: block;
}
.alarm .alarm_list a {
    padding: 2.8rem 0;
    background: url(../images/more_arrow_gray.png) no-repeat right center;
    background-size: 3.6rem;
    flex: 1;
}
.alarm .alarm_list .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-bottom: 1.6rem;
}
.alarm .alarm_list .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    max-width: calc(100% - 45px);
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
.alarm_mark {
    display: inline-block;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    min-height: 3rem;
    font-size: 2rem;
    color: #fff;
    background: #e31212;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-left: 10px;
    position: relative;
    top: -10px;
}

.alarm.view_page .tit_wrap .tit {
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: bold;
    margin-bottom: 2rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.alarm.view_page .tit_wrap .date {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.alarm.view_page .view_wrap {
    margin-top: 3.6rem;
    padding-top: 3.6rem;
    border-top: 4px solid #000;
    font-size: 3rem;
    letter-spacing: -0.6px;
    line-height: 4.8rem;
    word-break: keep-all;
}
.alarm.view_page .view_wrap img {
    height: auto;
    max-width: 100%;
    width: auto;
}

/* .inner.myCert{min-height: inherit; position: relative;} */
.myCert .cert_wrap {
    width: 100%;
}
.myCert .no_cert {
    width: calc(100% - 80px);
    border: 2.6px dashed #888;
    border-radius: 2.8rem;
    margin: 0 auto 4rem;
    background: #f8f8f8;
    position: relative;
}
.myCert .no_cert .txt {
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #8888;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.myCert .cert_wrap .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
}
.inner.myCert .add_card {
    border: 2px solid #0067b6;
    margin-bottom: 72px;
    position: absolute;
    bottom: 0;
    color: #0067b6;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.inner.myCert .add_card::before {
    background: url(../images/btn_add-blue.png) no-repeat center;
    background-size: cover;
}

.myCert .txt_wrap {
    text-align: center;
}
.myCert .txt_wrap .flex {
    align-items: center;
    width: calc(100% - 80px);
    margin: 5rem auto;
    justify-content: center;
}
.myCert .txt_wrap img {
    width: 25%;
}
.myCert .txt_wrap .big {
    white-space: nowrap;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    display: flex;
}
.myCert .txt_wrap .big::before {
    content: "";
    width: 1px;
    height: 28px;
    background: #dbdbdb;
    margin: 0 1.6rem;
    display: block;
}
.myCert .txt_wrap .tit {
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
    letter-spacing: -0.44px;
    font-weight: 500;
}
.myCert .txt_wrap .txt {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    line-height: 32px;
    color: #555;
    word-break: keep-all;
}

.myCert .cert_slide {
    width: calc(100% - 80px);
    margin: 0 auto 3.2rem;
}
.myCert .cert_slide .slick-slide {
    margin: 20px 12px;
    border-radius: 2.4rem;
    box-shadow: 4px 8px 12px 0 #efefef;
}
.myCert .cert_slide .text_cont {
    padding: 6rem 3.6rem;
}
.myCert .cert_slide table {
    height: 90px;
    margin-bottom: 6.8rem;
    border-collapse: collapse;
}
.myCert .cert_slide table tr,
.myCert .cert_slide table td {
    height: 45px;
    line-height: 20px;
}
.myCert .cert_slide .tit:before {
    content: "";
    display: inline-block;
    width: 100%;
}
.myCert .cert_slide .tit:after {
    content: "";
    display: inline-block;
    width: 100%;
}
.myCert .cert_slide .tit {
    text-align: justify;
    font-size: 3rem;
    letter-spacing: -0.84px;
    color: #555;
}
.myCert .cert_slide .cont {
    padding-left: 3.6rem;
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
}
.myCert .cert_slide .text_cont img {
    width: 33%;
    display: block;
    margin: 0 auto;
}
.myCert .cert_slide .text_cont .txt {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 46px;
    font-weight: 500;
    margin: 4rem auto 0;
    text-align: center;
}
.myCert .cert_wrap .slide_counter {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    text-align: center;
}
.myCert .cert_wrap .slide_counter .c {
    font-weight: 500;
    color: #0067b6;
}

.myCert_view {
    height: calc(100vh);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
}
.myCert_view .no_item img {
    width: 40%;
    height: auto;
    margin: 0 auto 3.6rem;
    display: block;
}
.myCert_view .no_item .txt {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
}
.myCert_view .txt {
    font-size: 3rem;
    letter-spacing: -0.6px;
    line-height: 46px;
    text-align: center;
    width: 100%;
}

.myCert .item_box {
    width: 60%;
    margin: 16rem auto 10rem;
    border: 3px dashed #dbdbdb;
    border-radius: 2.4rem;
    padding: 6.8rem 0 4.8rem;
    background: #f8f8f8;
    text-align: center;
}
.myCert .item_box img {
    width: 60%;
    display: block;
    margin: 0 auto 6.6rem;
}
.myCert .item_box .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 38px;
    color: #888;
    text-align: center;
}
.myCert .info_box .tit {
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
}
.myCert .user_input {
    width: 100%;
    border: 1px solid #dbdbdb;
    border-radius: 1.2rem;
    padding: 2.2rem 2.4rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.myCert select {
    color: #888;
    margin-bottom: 1.2rem;
}
.myCert .item_box + .txt {
    text-align: center;
    font-size: 4rem;
    letter-spacing: -0.8px;
    line-height: 60px;
    font-weight: 500;
    margin-top: -0.4rem;
}
.myCert .tab_btn_wrap {
    margin-bottom: 3.6rem;
    gap: 1rem;
}
.myCert .tab_btn_wrap button {
    border-radius: 1.6rem;
    border: 0.2rem solid #dbdbdb;
    width: 100%;
    padding: 2.3rem 0;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.08);
}
.myCert .tab_btn_wrap .active {
    border-color: #0067b6;
    color: #0067b6;
    box-shadow: 4px 4px 12px 0 rgba(0, 103, 182, 0.3);
}
.myCert .logo_icn {
    justify-content: center;
    margin: 6rem auto 2rem;
}
.myCert .logo_icn li {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.myCert .logo_icn li:not(:last-child)::after {
    content: "";
    width: 0.2rem;
    height: 2.8rem;
    background: #dbdbdb;
    display: block;
    margin: 0 1.6rem;
}
.myCert .logo_icn img {
    width: 100%;
    max-width: 31rem;
    height: auto;
}
.myCert .blue_box {
    border-radius: 1.6rem;
    padding: 3.6rem 2.6rem;
    width: 100%;
    background: #eef6fc;
    text-align: center;
}
.myCert .blue_box p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    color: #0067b6;
    margin-bottom: 1.6rem;
}
.myCert .blue_box div {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    line-height: 32px;
    color: #555;
}

.cert .s_tit {
    width: 100%;
    font-size: 2rem;
    letter-spacing: -0.64px;
    padding-bottom: 2rem;
    margin-top: 2.8rem;
    font-weight: 500;
    border-bottom: 1px solid #000;
}
.goverment_logo {
    width: 60%;
}
.cert .search_wrap {
    border-radius: 600px;
    border: 1px solid #dbdbdb;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    box-shadow: 8px 8px 12px 0 #efefef;
    margin-bottom: 4rem;
}
.cert .search_wrap input {
    border: 0;
    flex: 1;
    border-radius: 600px 0 0 600px;
    padding: 2.6rem 3.6rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.cert .search_wrap .search_btn {
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/search_black.png) no-repeat center;
    background-size: cover;
    margin-right: 3.6rem;
}
.cert .search_wrap .search_btn.qr_btn {
    background: url(../images/qr.png) no-repeat center;
    background-size: cover;
}
.cert_order_list {
    width: 100%;
    margin-top: 3rem;
}
.cert_order_list li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.cert_order_list a {
    padding: 2.6rem 3.6rem;
    border-radius: 1.6rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    background: #f5f5f5 url(../images/more_arrow_gray.png) no-repeat
        calc(100% - 2.4rem) center;
    background-size: 3.6rem;
}
.cert .doc_wrap .doc_box {
    position: relative;
    padding: 2.8rem 0;
}
.cert .doc_wrap .doc_box label {
    width: auto;
}
.cert .doc_wrap .doc_box.on {
    padding-bottom: 0;
}
.cert .doc_wrap .doc_box:not(:last-child) {
    margin-bottom: 1.2rem;
}
.cert .doc_wrap .doc_box::after {
    content: "";
    position: absolute;
    width: calc(100% + 80px);
    left: -40px;
    top: 100%;
    border-bottom: 1.2rem solid #f5f5f5;
}
.cert .doc_wrap .doc_box:nth-child(1) {
    padding-top: 0;
}
.cert .doc_wrap .doc_box > .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2.4rem;
}
.cert .doc_wrap .doc_box > .tit .c {
    color: #0067b6;
}
.cert .doc_wrap .doc_box .w100 {
    width: 100%;
}
.cert .doc_wrap .doc_box input[type="text"] {
    border: 1px solid #dbdbdb;
    border-radius: 0.6rem;
}
.cert .doc_wrap .doc_box input[type="tel"] {
    border: 1px solid #dbdbdb;
    border-radius: 0.6rem;
}
.cert .doc_wrap .doc_box input[type="password"] {
    border: 1px solid #dbdbdb;
    border-radius: 0.6rem;
}
/*.cert .doc_wrap .doc_box label + label select {margin-left: 10px;}*/
.cert .doc_wrap .doc_box select {
    width: 100%;
    padding: 2.2rem 2.4rem;
    border-radius: 1.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
    border: 1px solid #dbdbdb;
    flex: 1;
}
.cert .doc_wrap .doc_box select:not(:last-child) {
    margin-right: 1rem;
}
.cert .doc_wrap .doc_box label + .tit {
    margin-top: 10px;
}
.cert .doc_wrap .doc_box > .input_wrap {
    font-size: 2.6rem;
    color: #555;
    display: flex;
    align-items: center;
    width: 100%;
}
.cert .doc_wrap .doc_box > .input_wrap .detail {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    right: 0;
}
.cert .doc_wrap .doc_box > .input_wrap + .input_wrap {
    margin-top: 2.4rem;
}
.cert .doc_wrap .doc_box > .input_wrap input {
    width: 4rem;
    height: 4rem;
    margin-right: 1.2rem;
}
.cert .doc_wrap .doc_box > .input_wrap input:checked + span {
    color: #000;
}
.cert .doc_wrap .doc_box .inner_box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -40px;
    top: 0;
    background: #f5f5f5;
    z-index: -1;
}
.cert .doc_wrap .doc_box .inner_box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: -40px;
    top: 0;
    background: #f5f5f5;
    z-index: -1;
}
.cert .doc_wrap .doc_box .inner_box {
    display: none;
    width: 100%;
    background: #f5f5f5;
    position: relative;
    z-index: 1;
    padding: 4rem 0;
    margin-top: 2.8rem;
}
.cert .doc_wrap .doc_box .inner_box li:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 2.8rem;
    padding-bottom: 2.8rem;
}
.cert .doc_wrap .doc_box .inner_box .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 500;
}
.cert .doc_wrap .doc_box .inner_box .input_wrap {
    display: flex;
    width: 100%;
}
.cert .doc_wrap .doc_box .inner_box .input_wrap {
    margin-top: 2.4rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.cert .doc_wrap .doc_box .inner_box .input_wrap input {
    width: 3.4rem;
    height: 3.4rem;
    margin-right: 1.2rem;
    display: inline-block;
}
.cert .doc_wrap .doc_box .inner_box .year {
    width: 100px !important;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    font-size: 2.4rem;
    padding: 1.2rem;
    display: block;
    margin: 0 5px;
}
.cert .issue_cont:not(:last-child) {
    margin-bottom: 6rem;
}
.cert .issue_cont .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 3rem;
    font-weight: 500;
}
.cert .issue_cont .text {
    font-size: 2.6rem;
    letter-spacing: -0.56px;
    margin: 3rem 0;
}
.cert .issue_cont table {
    border-collapse: collapse;
    width: 100%;
}
.cert .issue_cont table .col1 {
    width: 180px;
}
.cert .issue_cont table .col2 {
    width: 265px;
}
.cert .issue_cont table .br th,
.cert .issue_cont table .br td {
    border-top: 2px solid #000;
}
.cert .issue_cont table tbody tr:nth-child(1):not(.br) td {
    border-top: 0;
}
.cert .issue_cont table th,
.cert .issue_cont table td {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 32px;
    border: 1px solid #dbdbdb;
    text-align: center;
    padding: 2rem 0;
    color: #555;
}
.cert .issue_cont1 table tr td:last-child {
    text-align: left;
}
.cert .issue_cont table th,
.cert .issue_cont1 table tr td:nth-child(1) {
    background: #f8f8f8;
    color: #000;
    font-weight: normal;
}
.cert .issue_cont1 table tr td:nth-child(2) {
    padding-left: 2rem;
    word-break: keep-all;
}
.cert > .goverment {
    width: 20%;
    height: auto;
    display: block;
    margin: 20rem auto 16rem;
}
.cert .loading .progress_wrap {
    padding-top: 0 !important;
}
.cert .cert_img {
    position: relative;
}
.cert .cert_img img {
    width: 60%;
    height: auto;
    display: block;
    margin: 40% auto 4.8rem;
}
.cert .cert_img .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    position: absolute;
    top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}
.cert .cert_img .info {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.cert .cert_img .info li {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    text-align: center;
    color: #555;
}
.cert .cert_img .info li:not(:last-child) {
    margin-bottom: 10px;
}
.cert .cert_img + .txt {
    font-size: 4rem;
    letter-spacing: -0.8px;
    font-weight: 500;
    margin-bottom: 17rem;
    text-align: center;
}
.cert .btn {
    width: 100%;
    border-radius: 600px;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    padding: 3.5rem 0;
    background: #0067b6;
    color: #fff;
    font-weight: bold;
}
.cert .issue_cont .bold {
    font-weight: bold;
    color: #0067b6;
    text-decoration: underline;
}

.board_list {
    border-top: 4px solid #000;
}
.board_list li {
    border-bottom: 2px solid #ebebeb;
}
.board_list li a {
    background: url(../images/more_arrow_gray.png) no-repeat right center;
    background-size: 3.6rem;
    padding: 2.8rem 0;
}
.board_list li .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-bottom: 1.6rem;
}
.board_list li .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 9rem);
    display: inline-block;
}

.faq .view_page {
    padding-bottom: 6rem;
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 6rem;
}
.faq .view_page .tit_wrap {
    margin-bottom: 3.6rem;
}
.faq .view_page .tit {
    font-size: 4rem;
    letter-spacing: -0.8px;
    margin-bottom: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faq .view_page .date {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.faq .view_page .add_file_wrap {
    border-radius: 2rem;
    padding: 3.6rem 4rem;
    margin-bottom: 4.8rem;
    background: #f6f6f6;
    width: 100%;
}
.faq .view_page .add_file_wrap li {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    display: flex;
    align-items: center;
}
.faq .view_page .add_file_wrap li::before {
    content: "";
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    margin-right: 0.8rem;
    background: url(../images/addFile_icon.png) no-repeat center;
    background-size: cover;
}
.faq .view_page .add_file_wrap li:not(:last-child) {
    margin-bottom: 2rem;
}
.faq .view_page .add_file_wrap li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.faq .view_page .text {
    font-size: 2.8rem;
    line-height: 44px;
    letter-spacing: -0.56px;
    word-break: keep-all;
}
.faq .view_page .text img {
    width: auto;
    height: auto;
}
.faq .view_page .text li {
    list-style: auto;
    margin: 0 20px;
}
.faq .view_page + .moving {
    display: flex;
    justify-content: space-between;
}
.faq .view_page + .moving a {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    white-space: nowrap;
}
.faq .view_page + .moving .flex {
    align-items: center;
}
.faq .view_page + .moving .flex::before,
.faq .view_page + .moving .flex::after {
    content: "";
    width: 4.8rem;
    height: 4.8rem;
}
.faq .view_page + .moving .prev::before {
    background: url(../images/moving_prev.png) no-repeat center;
    background-size: cover;
}
.faq .view_page + .moving .next::after {
    background: url(../images/moving_next.png) no-repeat center;
    background-size: cover;
}
.faq .view_page + .moving .list {
    border: 2px solid #dbdbdb;
    border-radius: 1.6rem;
    padding: 2.4rem 5.6rem;
}
.faq .view_page + .moving a.disabled {
    color: #ccc;
    pointer-events: none;
}

.useInfo_list {
    position: relative;
}
.useInfo_list .tit {
    text-align: center;
    font-size: 2.8rem;
    color: #555;
    letter-spacing: -0.56px;
    position: relative;
    top: 2rem;
    margin-bottom: 4rem;
}
.useInfo_list .slick-arrow {
    position: absolute;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    top: -3.5rem;
}
.useInfo_list .slick-prev {
    left: 0;
    background: url(../images/bn_prev.png) no-repeat center #f8f8f8;
    background-size: 2.8rem;
}
.useInfo_list .slick-next {
    right: 0;
    background: url(../images/bn_next.png) no-repeat center #f8f8f8;
    background-size: 2.8rem;
}
.useInfo_list .bg1 {
    height: 570px;
    background: url(../images/useInfo_bg.png) no-repeat center;
    background-size: cover;
    padding: 4.8rem 0 9.4rem; /* overflow: hidden; */
    border-radius: 4rem;
    margin-bottom: 0;
}
.useInfo_list .bg1 .useInfo_cont {
    width: 100%;
    height: 100%;
    text-align: -webkit-center;
}
.useInfo_list .bg1 .useInfo_cont img {
    height: 100%;
}
.useInfo_list .bg1 img {
    width: 90%;
    display: block;
}

.useInfo_list .slick-dots {
    position: absolute;
    bottom: 3.6rem;
}
.useInfo_list .slick-dots li {
    width: 1.8rem;
    height: 1.8rem;
    background: #b8d2db;
    border-radius: 50%;
}

.useInfo_list .slick-dots li button {
    display: none;
}
.useInfo_list .slick-dots li.slick-active {
    background: #0067b6;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background-size: contain;
}

/* 250409 추가 */
.list_page .filter2 {
    border-color: #888 !important;
}
.list_page .table_wrap .tab_btns {
    width: 100%;
    gap: 1rem;
    margin: 2.8rem auto 2.6rem;
}
.list_page .table_wrap .tab_btns button {
    flex: 1;
    border-radius: 1.2rem;
    border: 2px solid #dbdbdb;
    padding: 1.7rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
}
.list_page .table_wrap .tab_btns button.active {
    color: #fff;
    background: #00b0b6;
    border: 0;
}

.benefits .top_bn {
    height: 18rem;
    background: linear-gradient(105deg, #00b4b4 -2%, #0148c2 90%);
    border-radius: 1.6rem;
    margin-bottom: 6rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.6rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    word-break: keep-all;
    padding: 5.2rem;
}
.benefits .support_list {
    margin-bottom: 10rem;
}
.benefits .support_list > li {
    border-bottom: 1px solid #ebebeb;
    padding: 3.6rem 0;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    display: flex;
}
.benefits .support_list .tit {
    font-weight: 500;
    display: flex;
    align-items: center;
    align-self: flex-start;
    width: 16rem;
    min-width: 16rem;
    margin-right: 6rem;
    white-space: nowrap;
}
.benefits .support_list .tit::before {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    min-width: 1.2rem;
    background: #0067b6;
    border-radius: 50%;
    margin-right: 0.8rem;
}
.benefits .support_list .text {
    line-height: 4.4rem;
    color: #555;
    width: 100%;
    word-break: keep-all;
    white-space: break-spaces;
}

.benefits .btn_wrap {
    margin-top: 8rem;
    position: fixed;
    bottom: 20rem;
    width: calc(100% - 8rem);
    gap: 1rem;
}
.benefits .btn_wrap .float_btn.half {
    width: 50%;
    position: static;
    transform: inherit;
}

.benefits .benefit_banner {
    width: 100%;
    min-height: 20rem;
    background: #f5f5f5;
    padding: 2.8rem 4rem;
    border-radius: 2.4rem;
    position: relative;
}
.benefits .benefit_banner .tit {
    font-size: 2.8rem;
    margin-bottom: 1.2rem;
    font-weight: bold;
    letter-spacing: -0.56px;
}
.benefits .benefit_banner .tit .c {
    color: #bc065b !important;
}
.benefits .benefit_banner .txt {
    font-size: 2.2rem;
    margin-bottom: 2rem;
    line-height: 3.2rem;
    letter-spacing: -0.44px;
    color: #555;
    width: 60%;
    word-break: keep-all;
}
.benefits .benefit_banner::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    width: 30%;
    max-width: 28rem;
    height: 100%;
    background: url(../images/benefit_bg.png) no-repeat center;
    background-size: cover;
}
.benefits .benefit_banner .link {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    font-weight: 500;
}
.benefits .benefit_banner + .search_wrap {
    margin: 4.8rem 0 6rem;
}
.benefits.list_page .search_wrap.c .srch_box {
    border-color: #0067b6;
}
.benefits.list_page .search_wrap.c .srch_box .input_srch::placeholder {
    color: #0067b6;
}
.benefits.list_page .search_wrap.c .srch_box .btn_search {
    background: url(../images/search.png) no-repeat center;
    background-size: cover;
}
.benefits.list_page .filter {
    background: #f8f8f8;
}
.benefits.list_page .table_wrap .tab_btns.blue button.active {
    background: #0067b6;
}
.benefits .select_wrap {
    border-radius: 1.6rem;
    background: #eff6ff;
    padding: 2.4rem 3.6rem;
    margin-bottom: 4.8rem;
    display: flex;
    align-items: center;
}
.benefits .select_wrap::before {
    content: "";
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.2rem;
    background: url(../images/select_icn.png) no-repeat center;
    background-size: cover;
    margin-right: 6rem;
}
.benefits .select_wrap select {
    font-size: 2.6rem;
    background: url(../images/select_arrow.png) no-repeat transparent
        calc(100% - 16px) 50%/36px;
    background-size: contain;
    border: 0;
    width: 100%;
}
.benefits .select_wrap .select {
    width: 100%;
    position: relative;
}
.benefits .select_wrap .select:nth-child(1)::after {
    content: "";
    width: 0.2rem;
    height: 4rem;
    background: #cfdcee;
    position: absolute;
    right: 0;
}
.benefits .select_wrap .select:nth-child(1) {
    padding-right: 4.8rem;
}
.benefits .select_wrap .select:nth-child(2) {
    padding-left: 4.8rem;
}
.benefits .select_wrap select option {
    font-size: 2.6rem;
}
.list_page .table_wrap table td a.w {
    background: #fff;
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.1);
}
.benefits.list_page .table_wrap table .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 1.8rem;
    font-weight: 500;
}
.benefits .state_wrap {
    display: flex;
    align-items: center;
    width: calc(100% - 6.4rem);
}
.benefits .stat {
    font-size: 2.4rem;
    color: #555;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-width: 9.6rem;
    margin-right: 2rem;
}
.benefits .complete .stat::before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    background: url(../images/stat_icn1.png) no-repeat center;
    background-size: contain;
    display: block;
}
.benefits .date .stat::before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    background: url(../images/stat_icn2.png) no-repeat center;
    background-size: contain;
    display: block;
}
.benefits .complete .stat {
    color: #f2590a;
}
.benefits .bar {
    width: 100%;
    margin-right: 5.6rem;
}
.benefits .chart-container,
.benefits .chart-container * {
    width: 100% !important;
    height: 1.6rem !important;
}
.benefits .state_wrap .count {
    font-size: 2.4rem;
    min-width: 8rem;
    text-align: right;
}

.challenge .tit {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    margin-bottom: 4rem;
    text-align: center;
    font-weight: 500;
}
.challenge_bn {
    margin-bottom: 4.8rem;
}
.challenge_bn img {
    width: calc(100% + 80px);
    height: 20rem;
    left: -4rem;
    object-fit: fill;
    position: relative;
}
.challenge_bn ul {
    display: flex;
    flex-flow: row wrap;
    gap: 0.5rem 0.5rem;
    position: relative;
    width: calc(100% + 80px);
    left: -4rem;
}
.challenge_bn ul li {
    flex: 1 18%;
}
.challenge_bn ul li img {
    width: 100%;
    height: auto;
    min-height: 100%;
}
.challenge_info > .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    color: #0067b6;
    text-align: left;
}
.challenge_info_list {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 0.2rem solid #ebebeb;
}
.challenge_info_list li {
    display: flex;
    align-items: center;
}
.challenge_info_list li:not(:last-child) {
    margin-bottom: 2.2rem;
}
.challenge_info_list .tit {
    color: #555;
    font-weight: 300;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin: 0;
}
.challenge_info_list .txt {
    font-weight: 500;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.challenge_info_list li.mission::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/ch_info_list1.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 1.2rem;
}
.challenge_info_list li.date::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/ch_info_list2.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 1.2rem;
}
.challenge_info_list li.number::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/ch_info_list3.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 1.2rem;
}
.challenge_info_list li.gift::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/ch_info_list4.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 1.2rem;
}
.challenge_txt .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2.4rem;
    font-weight: 500;
    text-align: left;
}
.challenge_txt .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 3.6rem;
    margin-bottom: 9.6rem;
    font-weight: 300;
    color: #555;
}
.challenge_txt .txt img {
    width: 100%;
    height: auto;
}
.challenge_txt .inner_logo {
    width: 22.8rem !important;
    margin-top: 2rem;
}
.challenge .btn {
    font-weight: 300;
    width: 48rem;
    padding: 3rem 0;
}
.challengePop {
    height: auto;
}
.challengePop .pop_tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    margin: 8.8rem 0 6.8rem;
}
.challengePop .target_info {
    margin-bottom: 16rem;
}
.challengePop .target_info li {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    border-bottom: 0.2rem solid #ebebeb;
    padding-bottom: 2rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.challengePop .target_info .tit {
    color: #555;
    font-weight: 300;
}
.challengePop .target_info .txt {
    font-weight: 500;
}
.challengePop .target_info li:not(:last-child) {
    margin-bottom: 2rem;
}
.challenge_goal .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 300;
    margin-bottom: 2.4rem;
    white-space: pre-wrap;
}
.challenge_goal .challenge_go {
    width: 100%;
    margin-bottom: 4.8rem;
    border-radius: 1.6rem;
    padding: 1.8rem 3.6rem;
    border: 0.2rem solid #abe8dd;
    background: #daf9f4;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.challenge_goal .challenge_go.photo::before {
    content: "";
    width: 8.8rem;
    height: 7.2rem;
    background: url(../images/photo_img.png) no-repeat center;
    background-size: contain;
}
.challenge_goal .challenge_go.stamp::before {
    content: "";
    width: 8.8rem;
    height: 7.2rem;
    background: url(../images/stamp_img.png) no-repeat center;
    background-size: contain;
}
.challenge_goal .challenge_go::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/go_arrow.png) no-repeat center;
    background-size: cover;
}
.challenge_goal .challenge_go p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
}
.challenge_goal .note li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    font-weight: 300;
    line-height: 4rem;
}
.select_photo .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    margin-bottom: 3.8rem;
    padding-bottom: 2rem;
    border-bottom: 0.2rem solid #ebebeb;
    text-align: left;
}
.select_photo .util_wrap {
    margin-bottom: 3.8rem;
}
.select_photo .util_wrap,
.select_photo .util_wrap .photo_util,
.select_photo .util_wrap label {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select_photo .util_wrap li,
.select_photo .util_wrap button {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.select_photo .util_wrap label {
    color: #777;
    margin-right: 4.8rem;
}
.select_photo .util_wrap label input:checked + span {
    color: #045abe;
    font-weight: 500;
}
.select_photo .photo_util input {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 0.8rem;
}
.select_photo .util_wrap .curr {
    font-size: 2.4rem;
}
.select_photo .util_wrap .curr .select {
    color: #045abe;
}
.select_photo .photo_list {
    display: flex;
    gap: 1rem 1rem;
    flex-flow: row wrap;
}
.select_photo .photo_list li {
    width: 23.9%;
    position: relative;
    border-radius: 1.2rem;
    overflow: hidden;
}
.select_photo .photo_list input {
    position: absolute;
    top: 1rem;
    right: 1rem;
    border-radius: 0.6rem;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 5;
}
.select_photo .photo_list .no_img button {
    width: 100%;
    height: 100%;
    border: 0.2rem solid #ebebeb;
    border-radius: 1.2rem;
    background: url(../images/add_photo.png) #f8f8f8;
    background-size: 30%, contain;
    background-position: center;
    background-repeat: no-repeat;
}
.select_photo .photo_list li div::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.32);
}
.work_count {
    border-radius: 2.4rem;
    padding: 4rem 3.6rem 4.8rem;
    margin-bottom: 4.8rem;
    background: linear-gradient(to right, rgb(70, 155, 128), rgb(39, 84, 168));
}
.work_count .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-bottom: 3.6rem;
    color: #fff;
    text-align: center;
}
.work_count .bar_txt {
    margin-bottom: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.work_count .bar_txt .total {
    display: flex;
    align-items: flex-end;
    color: #fff;
    font-size: 3rem;
    letter-spacing: -0.6px;
}
.work_count .bar_txt .total::before {
    content: "";
    width: 3.4rem;
    height: 3.8rem;
    background: url(../images/work_img.png) no-repeat center;
    background-size: cover;
    margin-right: 1.2rem;
}
.work_count .bar_txt .total .c {
    margin-left: 0.8rem;
    color: #00f5cb !important;
    font-weight: 500;
}
.work_count .bar_txt .goal {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: rgba(255, 255, 255, 0.6);
}
.thumbPop.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 55555;
    display: none;
}
.thumbPop.popup.on {
    display: block;
}
.thumbPop.popup .img_wrap {
    max-width: 67rem;
    width: 67rem;
}
.thumbPop.popup .img_wrap img {
    width: 100%;
    height: auto;
}
.thumbPop.popup .close_pop {
    width: 6rem;
    height: 6rem;
    padding: 1.2rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    background: url(../images/close.png) no-repeat center #fff;
    background-size: cover;
    border-radius: 50%;
    background-size: 2.8rem;
}
.challenge_box {
    border: 0.2rem solid #ebebeb;
    padding: 3.4rem 0;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    text-align: center;
    border-radius: 1.6rem;
    box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.2);
    margin: -3.2rem 0 4.8rem;
}
.challenge .list li {
    display: flex;
    align-items: center;
    border-radius: 1.6rem;
    padding: 2.6rem 3.6rem;
    border: 0.2rem solid #ebebeb;
    box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.1);
    justify-content: space-between;
}
.challenge .list li:not(:last-child) {
    margin-bottom: 1.6rem;
}
.challenge .list .addr {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.6rem;
    word-break: keep-all;
    margin-right: 3.6rem;
}
.challenge .list .stamp {
    width: 6.4rem;
    min-width: 6.4rem;
    height: 6.4rem;
    background: url(../images/get_stamp.png) no-repeat center;
    background-size: contain;
}
.challenge .list .no_stamp {
    width: 8.2rem;
    min-width: 8.2rem;
    height: 6.8rem;
    background: url(../images/no_stamp.png) no-repeat center;
    background-size: contain;
}
.stampPop.popup {
    height: auto !important;
}
.stampPop.popup .pop_tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 5.2rem;
    text-align: center;
    font-weight: 500;
    word-break: keep-all;
    width: 80%;
    margin: 4rem auto 4.8rem;
}
.stampPop #map {
    width: 100%;
    height: 45rem;
}
.stampPop .btn_green {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin: 4.8rem 0 8rem;
    border-radius: 1.6rem;
    padding: 3rem 0;
    text-align: center;
    font-weight: 300;
    background: #00b164;
    width: 100%;
    color: #fff;
}

.note li {
    display: flex;
}
.note li::before {
    content: "※";
    margin-right: 0.4rem;
}
link {
    display: flex;
    align-items: center;
}
.link::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/go_arrow.png) no-repeat center;
    background-size: cover;
}
.btn_trans {
    background: #cdd5df;
    box-shadow: none !important;
}

.page_tit_wrap {
    font-size: 2.8rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    position: relative;
    left: -4rem;
    top: -4.8rem;
    width: calc(100% + 8rem);
    padding: 4.8rem 4rem 0;
    font-weight: 500;
}
.page_tit_wrap .btn_wrap {
    align-items: center;
}
.page_tit_wrap .back {
    width: 2rem;
    height: 4.2rem;
    background: url(../images/back.png) no-repeat center;
    background-size: contain;
    margin-right: 1.8rem;
}
.page_tit_wrap.bg {
    background: linear-gradient(to bottom left, #08c7c3, #045abe);
    margin-bottom: 5rem;
    padding: 4.8rem 4rem;
}
.page_tit_wrap.bg {
    color: #fff;
}
.eco_wrap .page_tit_wrap.bg {
    background: linear-gradient(to bottom left, #07c4b7, #00bf84);
}
.page_tit_wrap.bg .back {
    background: url(../images/back_white.png) no-repeat center;
    background-size: contain;
}
.page_tit_wrap.bg .txt_wrap {
    text-align: center;
    margin-top: 6.4rem;
}
.page_tit_wrap.bg .txt_wrap .b {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    font-weight: bold;
    margin-bottom: 1.6rem;
}
.page_tit_wrap.bg .txt_wrap .sub {
    font-size: 2.8rem;
    font-weight: 300;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.sum_pass .sum_link > li {
    width: 100%;
    position: relative;
}
.sum_pass .sum_link .sum_003 {
    background: url(../images/sum003_bg.png) no-repeat center;
    background-size: cover;
    padding: 4rem 4.8rem;
    min-height: 24rem;
    border-radius: 2.8rem;
}
.sum_pass .sum_link .sum_003 .sm_tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 500;
    margin-bottom: 1.2rem;
    color: #4effe1;
}
.sum_pass .sum_link .sum_003 .tit {
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 4.4rem;
}
.sum_pass .sum_link .more_arrow {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #fff;
    font-weight: 300;
}
.sum_pass .sum_link .more_arrow::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/more_white.png) no-repeat center;
    background-size: cover;
}
.sum_pass .sum_link .sum_004 {
    position: relative;
    margin: 4rem 0 8rem;
    background: url(../images/sum004_bg.png) no-repeat center;
    background-size: 100% 100%;
    padding: 4.8rem;
}
.sum_pass .sum_link .sum_004 > .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-bottom: 3.6rem;
}
.sum_pass .sum_link .sum_004 > .tit .big {
    font-size: 3.2rem;
    display: flex;
    align-items: center;
    margin-top: 0.8rem;
}
.sum_pass .sum_link .sum_004 > .tit .sum {
    font-weight: bold;
    color: #045abe;
    display: flex;
    align-items: center;
}
.sum_pass .sum_link .sum_004 > .tit .sum::before {
    content: "";
    width: 4.8rem;
    height: 3.8rem;
    background: url(../images/sum_icon.png) no-repeat center;
    background-size: cover;
}
.sum_pass .sum_link .sum_004 .sum_list {
    display: flex;
    gap: 3.4rem;
    width: 100%;
}
.sum_pass .sum_link .sum_004 .sum_list li {
    width: calc(100% / 4);
}
.sum_pass .sum_link .sum_004 .sum_list img {
    display: block;
    border-radius: 50%;
    margin: 0 auto 1.8rem;
    aspect-ratio: 1 / 1;
}
.sum_pass .sum_link .sum_004 .sum_list .tit {
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.sum_pass .sum_link .more_arrow.bl {
    position: absolute;
    right: 0;
    top: 2.4rem;
    color: #555;
}
.sum_pass .sum_link .more_arrow.bl::after {
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
}
.sum_pass .sum_link .sum_005 > .tit {
    display: flex;
    align-items: center;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    margin-bottom: 3rem;
}
.sum_pass .sum_link .sum_005 > .tit::before {
    content: "";
    width: 4rem;
    height: 4rem;
    background: url(../images/sum004.png) no-repeat center;
    background-size: cover;
    margin-right: 1.2rem;
}
.sum_pass .sum_link .sum_005 .my_active {
    display: flex;
    gap: 1.8rem;
}
.sum_pass .sum_link .sum_005 .my_active li {
    border-radius: 2rem;
    padding: 2.8rem 0;
    background: #f8f8f8;
    width: 100%;
    text-align: center;
}
.sum_pass .sum_link .sum_005 .my_active .result {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
    color: #045abe;
}
.sum_pass .sum_link .sum_005 .my_active .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
}
.sum_pass .sum_link .sum_005 .more_arrow {
    top: 0;
}
.sum_pass .use_info {
    margin: 8rem auto 12rem;
}
.sum_pass .use_info > .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    font-weight: bold;
    margin-bottom: 2.8rem;
    display: flex;
    align-items: center;
}
.sum_pass .use_info > .tit::before {
    content: "";
    width: 4rem;
    height: 4.8rem;
    background: url(../images/use_info.png) no-repeat center;
    background-size: cover;
    margin-right: 1.2rem;
}
.sum_pass .use_info ul {
    display: flex;
    gap: 2rem;
}
.sum_pass .use_info ul li {
    width: 100%;
}
.sum_pass .use_info a {
    width: 100%;
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 2rem;
    padding: 2.8rem;
    text-align: center;
}
.sum_pass .use_info .tit {
    font-weight: 500;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.sum_pass .use_info .img {
    height: 6rem;
    margin-bottom: 2.8rem;
}
.sum_pass .use_info .img img {
    width: auto;
    height: 100%;
}
.sum_pass .service .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 300;
    margin-bottom: 2.8rem;
}
.sum_pass .service ul {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}
.sum_pass .service ul li {
    width: 100%;
}
.sum_pass .service a {
    box-shadow: 0.2rem 0.2rem 2rem 0 rgba(0, 0, 0, 0.12);
    border-radius: 2.4rem;
    padding: 4rem 3rem 4.8rem;
}
.sum_pass .service ul .img {
    height: 5.4rem;
    margin-bottom: 3.6rem;
    text-align: center;
}
.sum_pass .service ul .img img {
    width: auto;
    height: 100%;
}
.sum_pass .service ul .tit {
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: -0.64px;
    color: #045abe;
}
.sum_pass .service ul .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.8rem;
    font-weight: 300;
    word-break: keep-all;
    text-align: center;
}
.sum_pass .service ul .sm {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    line-height: 3.2rem;
    color: #555;
    margin-top: 2.4rem;
}
.conditions_check p {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 6rem;
}
.conditions_check .ck_box,
.conditions_check .ck {
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.conditions_check .ck_box {
    font-weight: 500;
    margin-bottom: 3.2rem;
}
.conditions_check .sub_ck .ck {
    font-weight: 300;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    background: #f8f8f8;
    padding: 2.2rem 3.2rem;
    position: relative;
}
.conditions_check .sub_ck .ck + .ck {
    margin-top: 1.6rem;
}
.conditions_check .sub_ck .ck .btn_doc {
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/bn_next.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 3.2rem;
    top: 50%;
    transform: translateY(-50%);
}
.conditions_check .custom_ck {
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 1.6rem;
}
.sum_pass .pass_cont {
    width: 100%;
    border-radius: 2.4rem;
    box-shadow: 0.6rem 0.6rem 1.2rem 0 rgba(0, 0, 0, 0.08);
    padding: 4rem;
    position: relative;
    background: #fff;
}
.sum_pass .pass_cont + .pass_cont {
    margin-top: 2.4rem;
}
.sum_pass .smart_pass > .tit {
    text-align: center;
    margin-bottom: 2.8rem;
    font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: -0.72px;
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
}
.sum_pass .smart_pass > .logo::before {
    content: "";
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/haengjung_front_logo.png) no-repeat center;
    background-size: contain;
    margin-right: 1.2rem;
}
.sum_pass .unique_num {
    padding-top: 6rem;
}
.sum_pass .q {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #555;
    display: flex;
    align-items: center;
    position: absolute;
    right: 4rem;
    top: 2.2rem;
    font-weight: 500;
}
.sum_pass .q::after {
    content: "";
    width: 2.2rem;
    height: 2.2rem;
    background: url(../images/q_mark.png) no-repeat center;
    background-size: cover;
    margin-left: 0.8rem;
    display: block;
}
.sum_pass .unique_num .unique_wrap {
    width: 100%;
    background: url(../images/unique_bg.png) no-repeat center;
    background-size: cover;
    height: 100%;
    padding: 4rem 3.6rem 3rem;
    border-radius: 2rem;
    margin-bottom: 2.8rem;
}
.sum_pass .unique_num .unique_wrap .flex {
    width: 100%;
    justify-content: center;
    margin-bottom: 2.6rem;
    gap: 10rem;
}
.sum_pass .unique_num .unique_wrap .info {
    width: 45%;
}
.sum_pass .unique_num .unique_wrap p {
    font-family: "Noto Serif KR", serif;
}
.sum_pass .unique_num .unique_wrap .tit {
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 1.6rem;
    letter-spacing: -0.64px;
    text-align: center;
}
.sum_pass .unique_num .unique_wrap .info {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 500;
    text-align: center;
}
.sum_pass .unique_num .unique_wrap .info p + p {
    margin-top: 0.4rem;
}
.sum_pass .unique_num .unique_wrap .photo {
    width: 15rem;
}
.sum_pass .unique_num .unique_wrap .cert_date {
    text-align: center;
    font-size: 2rem;
    letter-spacing: -0.44px;
    font-weight: 500;
}
.sum_pass .unique_num .unique_wrap .cert {
    font-size: 2.2rem;
}
.sum_pass .unique_num .txt {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.4rem;
    margin-bottom: 2.8rem;
}
.sum_pass .unique_num .btn_blue {
    display: block;
    width: 100%;
    padding: 2rem;
    color: #fff;
    background: #045abe;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 300;
    border-radius: 1.2rem;
}
.sum_pass .ticket_wrap .img {
    width: 14.8rem;
    margin: 0 auto 3.2rem;
}
.sum_pass .ticket_wrap p {
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.8rem;
    margin-bottom: 2.4rem;
}
.sum_pass .ticket_wrap .note {
    font-size: 2.4rem;
    color: #e86c00;
}
.sum_pass .ticket_wrap .btn_line {
    display: block;
    margin: 0 auto;
    padding: 1.4rem 2.2rem;
    border-radius: 1.2rem;
    border: 0.2rem solid #045abe;
    background: #f1f8ff;
    color: #045abe;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.sum_pass .ticket_wrap .tit {
    font-size: 2.8rem;
    margin-bottom: 2.8rem;
    font-weight: 500;
}
.sum_pass .ticket_wrap .ticket_check {
    margin-bottom: 4.8rem;
}

.sum_pass .input_wrap:not(:first-child) {
    margin-top: 4.8rem;
    display: block;
}
.sum_pass .input_wrap .label {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-bottom: 1.6rem;
    font-weight: 500;
}
.sum_pass input[type="text"],
.sum_pass input[type="tel"] {
    width: 100%;
    border: 0;
    border-bottom: 0.2rem solid #dbdbdb;
    padding: 1.5rem 0;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.sum_pass input[type="text"]::placeholder,
.sum_pass input[type="tel"]::placeholder {
    color: #888;
}
.sum_pass .unique {
    align-items: center;
}
.sum_pass .unique span {
    display: block;
    width: 2.8rem;
    margin: 0 3rem;
    border-bottom: 0.2rem solid #000;
}
.sum_pass .note_wrap {
    margin-top: 6rem;
}
.sum_pass .note_wrap .tit {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 2rem;
    letter-spacing: -0.32px;
    display: flex;
    align-items: center;
}
.sum_pass .note_wrap .tit::before {
    content: "●";
    font-size: 1.6rem;
    display: block;
    margin-right: 0.4rem;
}
.sum_pass .note_wrap .sub_tit,
.sum_pass .note_wrap .arrow li {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
    line-height: 3.8rem;
}
.sum_pass .float_btn:disabled {
    background: #bcbcbc !important;
    box-shadow: none !important;
}

.regist_user .q {
    position: static;
    display: flex;
    margin-left: auto;
    margin-bottom: 1.6rem;
}

.sumpass_pop {
    max-height: 90% !important;
}
.sum_pop .tit,
.use_pop .tit {
    text-align: center;
    font-size: 3.2rem;
    margin: 8rem auto 4.8rem;
    font-weight: 500;
}
.use_pop {
    height: 50% !important;
}
.use_pop .use_txt li:not(:last-child) {
    margin-bottom: 4rem;
}
.use_pop .use_txt p {
    font-size: 2.8rem;
    font-weight: 300;
    margin-bottom: 2rem;
    letter-spacing: -0.56px;
}
.use_pop .use_txt .txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.6rem;
    color: #555;
    font-weight: 300;
}
.sum_pop .check {
    width: 100%;
    margin: 4.8rem 0 7.5rem;
    background: #f1f7ff;
    border-radius: 1.6rem;
    padding: 3.4rem 5rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #045abe;
    font-weight: 500;
    text-align: center;
}
.sum_pop .txt_wrap p {
    color: #555;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4rem;
    word-break: keep-all;
}
.sum_pop .txt_wrap p + p {
    margin-top: 2.4rem;
}
.sum_pop .sumpass_input input {
    border: 0;
    border-bottom: 0.2rem solid #dbdbdb;
    padding-bottom: 1.5rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    width: 100%;
}
.sumpass_pop {
    height: 45%;
}

.stamp > .tit {
    width: 28rem;
    margin: 0 auto 4rem;
}
.sum_pass .tab {
    gap: 1.6rem;
    position: relative;
}
.sum_pass .tab > li {
    width: auto;
}
.sum_pass .tab > li > a {
    border-radius: 600px;
    padding: 1.4rem 3.6rem;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    color: #707070;
    letter-spacing: -0.52px;
}
.sum_pass .tab > li.active > a {
    border: 0;
    background: #045abe;
    color: #fff;
}
.sum_pass .tab .cont {
    display: none;
    position: absolute;
    width: 100%;
    margin-top: 4rem;
    left: 0;
}
.sum_pass .tab > li.active .cont {
    display: block;
    padding-bottom: 10rem;
    min-height: 52vh;
}
.sum_pass .tab .cont .sum_list {
    display: flex;
    flex-flow: row wrap;
    gap: 4rem 2rem;
}
.sum_pass .tab .cont .sum_list li {
    width: calc(33% - 1.05rem);
}
.sum_pass .tab .cont .sum_list .thumb {
    width: 100%;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}
.sum_pass .tab .cont .sum_list .thumb img {
    width: 100%;
    height: 20rem;
}
.sum_pass .tab .cont .sum_list .tit {
    text-align: center;
    margin: 2.4rem auto 0;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 300;
}
.sum_pass .tab .cont .sum_list li.get .thumb::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
}
.sum_pass .tab .cont .sum_list li.get .thumb::after {
    content: "";
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/stamp_get.png) no-repeat center;
    background-size: contain;
    z-index: 6;
}

.stamp .spot_list > li {
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 2.4rem;
}
.stamp .spot_list > li:not(:last-child) {
    margin-bottom: 2.8rem;
}
.stamp .spot_list .thumb {
    width: 100%;
    border-radius: 2.4rem 2.4rem 0 0;
    overflow: hidden;
    max-height: 40rem;
}
.stamp .spot_list .thumb img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.stamp .spot_list .spot_info {
    width: 100%;
    padding: 4rem 4rem 6rem;
}
.stamp .spot_list .spot_info .position {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    align-items: center;
}
.stamp .spot_list .spot_info .tit {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: -0.68px;
}
.stamp .spot_list .spot_info .distance {
    display: flex;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 300;
    color: #888;
}
.stamp .spot_list .spot_info .distance::before {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/distance.png) no-repeat center;
    background-size: cover;
    display: block;
    margin-right: 0.2rem;
}
.stamp .spot_list .spot_info .addr {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 3.6rem;
}
.stamp .spot_list .spot_info .state {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.stamp .spot_list .spot_info .state li {
    border-radius: 600px;
    padding: 1rem 2rem;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #555;
    font-weight: 300;
    background: #f2f2f2;
}
.stamp .spot_list .spot_info .state .on {
    background: #555;
    color: #fff;
}

.stamp .gps {
    width: 100%;
    padding: 2.7rem 3.2rem;
    background: #f5f5f5;
    border-radius: 1.6rem;
    margin-bottom: 2.8rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.stamp .gps .val {
    color: #888;
    margin-left: 1.2rem;
}
.stamp .btn_map {
    width: 100%;
    border: 0.2rem solid #045abe;
    padding: 2.4rem;
    display: flex;
    justify-content: center;
    border-radius: 1.6rem;
    color: #045abe;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    align-items: center;
}
.stamp .btn_map::before {
    content: "";
    width: 4rem;
    height: 4rem;
    background: url(../images/map_icon.png) no-repeat center;
    background-size: cover;
    margin-right: 0.8rem;
}
.stamp .save_picture {
    margin: 6rem 0;
    position: relative;
}
.stamp .save_picture .q {
    position: static;
    margin-left: auto;
    margin-bottom: 2.4rem;
}
.stamp .save_picture .add_pic {
    border-radius: 1.6rem;
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.12);
    padding: 6rem;
    position: relative;
}
.stamp .save_picture .add_pic .img {
    width: 20%;
    margin: 0 auto 4rem;
}
.stamp .save_picture .add_pic .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4rem;
    text-align: center;
}
.stamp .save_picture .add_pic .txt .c {
    color: #df230e !important;
}
.stamp .save_picture .add_pic .btn_picture:disabled {
    display: flex;
    justify-content: center;
    margin: 4rem auto 0;
    border: 0.2rem solid #ebebeb;
    border-radius: 1.2rem;
    padding: 1.2rem 1.6rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
    align-items: center;
    background: #f8f8f8;
}
.stamp .save_picture .add_pic .btn_picture:disabled::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/picture_icon.png) no-repeat center;
    background-size: cover;
    margin-right: 0.4rem;
}
.stamp .save_picture .add_pic .btn_picture.disabled {
    display: flex;
    justify-content: center;
    margin: 4rem auto 0;
    border: 0.2rem solid #ebebeb;
    border-radius: 1.2rem;
    padding: 1.2rem 1.6rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
    align-items: center;
    background: #f8f8f8;
}
.stamp .save_picture .add_pic .btn_picture.disabled::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/picture_icon.png) no-repeat center;
    background-size: cover;
    margin-right: 0.4rem;
}
.stamp .save_picture .add_pic .btn_picture {
    display: flex;
    justify-content: center;
    margin: 4rem auto 0;
    border: 0.2rem solid #000;
    border-radius: 1.2rem;
    padding: 1.2rem 1.6rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #000;
    align-items: center;
    background: #fff;
}
.stamp .save_picture .add_pic .btn_picture::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/picture_icon_on.png) no-repeat center;
    background-size: cover;
    margin-right: 0.4rem;
}
.stamp .save_picture .add_pic .picture_comment {
    padding: 2rem 5rem;
    background: rgb(29 111 212 / 70%);
    border-radius: 600px;
    white-space: nowrap;
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -4rem;
}
.stamp .save_picture .add_pic .picture_comment::before {
    content: "";
    position: absolute;
    bottom: 99.5%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 1.1rem solid transparent;
    border-right: 1.1rem solid transparent;
    border-bottom: 1.7rem solid rgb(29 111 212 / 70%);
}

.stamp .map {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
}
.sum_map_pop {
    height: 28%;
    bottom: -26rem;
    position: fixed;
    width: 100%;
    background: #fff;
    border-radius: 2.8rem 2.8rem 0 0;
    left: 0;
    padding: 6rem 4.8rem;
    transition: all 0.4s;
}
.sum_map_pop.on {
    bottom: 12.2rem;
    z-index: 1;
}
.pop_control {
    width: 8.8rem;
    height: 8rem;
    background: #fff;
    top: -7.9rem;
    right: 4.8rem;
    background: #fff url(../images/map_target.png) no-repeat center;
    background-size: 70%;
    position: absolute;
    border-radius: 1.2rem 1.2rem 0 0;
}
.sum_map_pop .tit {
    font-size: 3.6rem;
    text-align: center;
    margin-bottom: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.72px;
}
.sum_map_pop .addr {
    text-align: center;
    font-size: 2.8rem;
    color: #555;
    letter-spacing: -0.56px;
    margin-bottom: 4.8rem;
}
.sum_map_pop .btn_stamp {
    width: 100%;
    border-radius: 1.2rem;
    padding: 2.2rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #045abe;
    border: 0.2rem solid #045abe;
}
.sum_map_pop .btn_stamp::before {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/stamp_icon.png) no-repeat center;
    background-size: cover;
}

.stamp .float_btn:disabled {
    background: #777 !important;
    color: rgba(255, 255, 255, 0.7);
}
.stamp .picture_area {
    width: 100%;
    border-radius: 1.6rem;
    overflow: hidden;
    max-height: 44rem;
    height: 44rem;
    margin-bottom: 3.6rem;
}
.stamp .picture_area img {
    width: auto;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.stamp .picture_area .no_img {
    width: 100%;
    height: 44rem;
    background: #f5f5f5 url(../images/no_img.png) no-repeat center 40%;
    background-size: 8rem;
    position: relative;
}
.stamp .picture_area .no_img p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 20%);
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #b7b7b7;
    font-weight: 500;
}
.stamp .btn_upload {
    display: flex;
    align-items: center;
    justify-content: center;
}
.stamp .btn_upload::before {
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    background: url(../images/upload_file.png) no-repeat center;
    background-size: cover;
    margin-right: 0.4rem;
}
.stamp .comment .label {
    font-weight: 500;
}
.stamp .spot_info .date {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
    margin-bottom: 2.8rem;
}
.stamp .spot_info .nft_wrap .flex {
    justify-content: space-between;
}
.stamp .spot_info .nft_wrap .contract_pop {
    padding: 1.4rem 2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 1.2rem;
    border: 0.2rem solid #ebebeb;
}
.stamp .spot_info .nft_wrap p {
    display: flex;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.stamp .spot_info .nft_wrap p .c {
    color: #045abe;
}
.stamp .spot_info .nft_wrap p .q {
    margin: 0;
}
.stamp .spot_info .contract_pop_layer {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    margin-top: -6.3rem;
    background: #f8f8f8;
    border-radius: 1.2rem;
    padding: 2rem 2.4rem;
}
.stamp .spot_info .contract_pop_layer .tit {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: -0.48px;
    margin-bottom: 1.2rem;
    color: #555;
}
.stamp .spot_info .contract_pop_layer .addr {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    line-height: 3.2rem;
    color: #888;
    font-weight: 300;
    word-break: break-all;
    margin-right: 1.8rem;
}
.stamp .spot_info .contract_pop_layer .btns {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    display: flex;
    flex-flow: column;
    gap: 1.2rem;
}
.stamp .spot_info .contract_pop_layer button {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: red;
}
.stamp .spot_info .contract_pop_layer .close {
    background: url(../images/pop_close.png) no-repeat center;
    background-size: cover;
}
.stamp .spot_info .contract_pop_layer .delete {
    background: url(../images/delete.png) no-repeat center;
    background-size: cover;
}
.stamp .spot_info .contract_pop_layer.on {
    display: block;
}

.sum_pass .sum_layout > .tit {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
    border-bottom: 1rem solid #f8f8f8;
    padding: 0 4rem 4rem;
    text-align: center;
    font-weight: bold;
    font-size: 3.6rem;
    letter-spacing: -0.72px;
}
.sum_pass .my_action {
    padding: 4rem 0;
}
.sum_pass .my_action .name {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2.4rem;
}
.sum_pass .my_action .my_list {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    margin-bottom: 6rem;
}
.sum_pass .my_action .my_list li {
    width: 100%;
    border-radius: 2.4rem;
    background: #f8f8f8;
    text-align: center;
}
.sum_pass .my_action .my_list li a {
    width: 100%;
    height: 100%;
    padding: 4rem;
}
.sum_pass .my_action .my_list .big {
    font-size: 4.8rem;
    font-weight: bold;
    margin-bottom: 2.2rem;
}
.sum_pass .my_action .my_list .sm {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.sum_pass .my_action .privacy_list li:not(:last-child) {
    margin-bottom: 1.6rem;
}
.sum_pass .my_action .privacy_list li {
    width: 100%;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    padding: 2.4rem 2.8rem;
}
.sum_pass .my_action .privacy_list li a {
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    position: relative;
}
.sum_pass .my_action .privacy_list li a::before {
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 1.2rem;
}
.sum_pass .my_action .privacy_list li a::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/bn_next.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.sum_pass .my_action .privacy_list li:nth-child(1) a::before {
    background: url(../images/privacy_icon1.png) no-repeat center;
    background-size: cover;
}
.sum_pass .my_action .privacy_list li:nth-child(2) a::before {
    background: url(../images/privacy_icon2.png) no-repeat center;
    background-size: cover;
}

.sum_pass .sum_layout .nft_list {
    width: 100%;
}
.sum_pass .sum_layout .nft_list li + li {
    margin-top: 1.2rem;
}
.sum_pass .sum_layout .nft_list a {
    border-radius: 1.6rem;
    padding: 2.4rem 3.6rem;
    position: relative;
    background: #f8f8f8;
}
.sum_pass .sum_layout .nft_list .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    margin-bottom: 1.2rem;
}
.sum_pass .sum_layout .nft_list .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
}
.sum_pass .sum_layout .nft_list a::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/bn_next.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}
.sum_pass .sum_layout .paging {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    position: absolute;
    bottom: 20rem;
    width: calc(100% - 8rem);
}
.sum_pass .sum_layout .paging .btns {
    gap: 1.6rem;
}
.sum_pass .sum_layout .paging button {
    border-radius: 50%;
    box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.1);
}
.sum_pass .sum_layout .paging .first {
    background: url(../images/c_first.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.sum_pass .sum_layout .paging .prev {
    background: url(../images/c_prev.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.sum_pass .sum_layout .paging .next {
    background: url(../images/c_next.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.sum_pass .sum_layout .paging .last {
    background: url(../images/c_last.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.paging.circle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    position: absolute;
    bottom: 20rem;
    width: calc(100% - 8rem);
}
.paging.circle .btns {
    gap: 1.6rem;
}
.paging.circle button {
    border-radius: 50%;
    box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.1);
}
.paging.circle .first {
    background: url(../images/c_first.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.paging.circle .prev {
    background: url(../images/c_prev.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.paging.circle .next {
    background: url(../images/c_next.png) no-repeat center #fff;
    background-size: 2.8rem;
}
.paging.circle .last {
    background: url(../images/c_last.png) no-repeat center #fff;
    background-size: 2.8rem;
}

.sum_pass .privacy_wrap {
    border-radius: 2.4rem;
    border: 0.2rem solid #ebebeb;
    padding: 3.2rem 3.6rem;
    word-break: keep-all;
}
.sum_pass .privacy_wrap,
.sum_pass .privacy_wrap * {
    font-size: 2.4rem;
    line-height: 3.6rem;
    letter-spacing: -0.48px;
    color: #555;
}
.sum_pass .privacy_wrap table {
    border: 1px solid #000000;
    border-collapse: collapse;
}
.sum_pass .privacy_wrap table thead,
.sum_pass .privacy_wrap table thead tr,
.sum_pass .privacy_wrap table thead td,
.sum_pass .privacy_wrap table tbody,
.sum_pass .privacy_wrap table tbody tr,
.sum_pass .privacy_wrap table tbody td {
    border: 1px solid #000000;
}
.sum_pass .privacy_wrap table strong {
    text-decoration: underline;
    color: #045abe;
}

.sum_pass .sum_layout .tab {
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    gap: 4rem;
}
.sum_pass .sum_layout .tab > li > a {
    border: 0;
    background: none;
    color: #000;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    padding: 0;
    border-radius: 0;
    padding-bottom: 0.4rem;
}
.sum_pass .sum_layout .tab > li.active > a {
    font-weight: bold;
    border-bottom: 0.4rem solid #000;
}
.sum_pass .sum_layout .tab > li .cont {
    position: absolute;
    left: 0;
}
.sum_pass .sum_layout .tab .cont .visual {
    margin-bottom: 3.6rem;
    border-radius: 1.6rem;
    overflow: hidden;
}
.sum_pass .sum_layout .tab .cont .visual img {
    height: 18rem;
    object-fit: cover;
}
.post_list li + li {
    margin-top: 1.2rem;
}
.post_list a {
    width: 100%;
    border-radius: 1.6rem;
    padding: 2.4rem 3.6rem;
    background: #f8f8f8;
}
.post_list .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 1.2rem;
    font-weight: 500;
}
.post_list .date {
    color: #888;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.sum_pass .sum_layout .tab .cont .paging {
    width: 100%;
    bottom: 0;
}

.viewer .tit_wrap .tit {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    margin-bottom: 1.6rem;
    font-weight: 500;
}
.viewer .tit_wrap .tit::before {
    display: none;
}
.viewer .date {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
}
.viewer .view_text_wrap {
    padding: 3.4rem 0 4.8rem;
    margin: 2.8rem 0 6rem;
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 4rem;
    color: #555;
    word-break: keep-all;
}
.btn_whiteline {
    padding: 1.8rem 4.6rem;
    width: 14rem;
    white-space: nowrap;
    text-align: center;
    border-radius: 1.2rem;
    border: 0.2rem solid #dbdbdb;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    display: block;
    margin: 0 auto;
}

.sum_pass .sub_tab_list::-webkit-scrollbar {
    width: 0; /* 스크롤바의 너비를 0으로 설정 */
    height: 0; /* 가로 스크롤바의 높이를 0으로 설정 */
}
.sum_pass .sub_tab_list {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 4.8rem;
    overflow-x: auto;
}
.sum_pass .sub_tab_list a {
    padding: 1.4rem 2.8rem;
    border-radius: 600px;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    font-weight: 500;
    color: #707070;
    letter-spacing: -0.52px;
    white-space: nowrap;
}
.sum_pass .sub_tab_list .active a {
    border: 0;
    background: #045abe;
    color: #fff;
}
.sum_pass .faq_list li {
    width: 100%;
    border-radius: 1.6rem;
    background: #f8f8f8;
    padding: 2rem 2.8rem;
}
.sum_pass .faq_list button {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
}
.sum_pass .faq_list button .tit {
    margin-left: 1.2rem;
    text-align: start;
}
.sum_pass .faq_list button::after {
    content: "";
    position: absolute;
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/more_arrow.png);
    background-size: cover;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
}
.sum_pass .faq_list li + li {
    margin-top: 1.6rem;
}
.sum_pass .faq_list .on button {
    color: #045abe;
}
.sum_pass .faq_list .on button::after {
    transform: translateY(-50%) rotate(-180deg);
}
.sum_pass .faq_list .t {
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    min-width: 4.8rem;
}
.sum_pass .faq_list .answer {
    padding: 0 0 0 4.2rem;
    margin-top: 3.2rem;
    display: flex;
    align-items: center;
}
.sum_pass .faq_list .answer .txt {
    margin-left: 1.2rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
    line-height: 3.8rem;
}

.tab_cont .item {
    display: none;
}
.tab_cont .item.active {
    display: block;
}

.btn_blueline {
    border-radius: 1.6rem;
    border: 0.2rem solid #045abe;
    color: #045abe;
    text-align: center;
    padding: 2.7rem;
    width: 100%;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(4, 90, 190, 0.2);
}
.blue_link {
    border: 0.2rem solid #045abe;
    padding: 1rem 2.8rem;
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: -0.48px;
    color: #045abe;
    display: inline-flex;
    align-items: center;
    border-radius: 600px;
    box-shadow: 0.4rem 0.4rem 0.8rem 0 rgba(0, 103, 182, 0.17);
}
.blue_link::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/blue_link.png) no-repeat center;
    background-size: cover;
}

.ip_wrap .page_tit_wrap {
    position: relative;
}
.ip_wrap .page_tit_wrap .blue_link {
    position: absolute;
    right: 4rem;
}
.ip_wrap > .tit {
    text-align: center;
    font-size: 3.6rem;
    letter-spacing: -0.72px;
    margin-bottom: 6rem;
    font-weight: bold;
}
.ip_wrap .idea_wallet > li {
    border-radius: 2.4rem;
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border: 0.2rem solid #ebebeb;
    position: relative;
}
.ip_wrap .idea_wallet > li + li {
    margin-top: 2.8rem;
}
.ip_wrap .idea_wallet .thumb {
    max-height: 40rem;
    height: 40rem;
    overflow: hidden;
}
.ip_wrap .idea_wallet img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ip_wrap .idea_wallet .info_text {
    padding: 4rem 4rem 4.8rem;
}
.ip_wrap .idea_wallet .tit {
    font-size: 3.4rem;
    letter-spacing: -0.68px;
    font-weight: bold;
    margin-bottom: 2rem;
}
.ip_wrap .idea_wallet .center {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.8rem;
    align-items: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    letter-spacing: -0.52px;
}
.ip_wrap .idea_wallet .date {
    color: #959595;
}
.ip_wrap .idea_wallet .hashtag {
    gap: 0.8rem;
    flex-wrap: wrap;
}
.ip_wrap .idea_wallet .hashtag li {
    padding: 0.9rem 1.4rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
    background: #f2f2f2;
    border-radius: 1rem;
}
.ip_wrap .idea_wallet .public {
    position: absolute;
    right: 4rem;
    bottom: 4.8rem;
    padding: 0.8rem 2.8rem;
    background: #e2f2ff;
    font-size: 2.8rem;
    border-radius: 1rem;
    letter-spacing: -0.52px;
    color: #045abe;
    font-weight: 500;
}
.ip_wrap .idea_wallet .private {
    position: absolute;
    right: 4rem;
    bottom: 4.8rem;
    padding: 0.8rem 2.8rem;
    background: #fce8ef;
    font-size: 2.8rem;
    border-radius: 1rem;
    letter-spacing: -0.52px;
    color: #c60000;
    font-weight: 500;
}
.ip_wrap .no_idea {
    text-align: center;
}
.ip_wrap .no_idea .img {
    width: 33%;
    margin: 0 auto 4.8rem;
}
.ip_wrap .no_idea .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2rem;
    font-weight: 500;
}
.ip_wrap .no_idea .txt {
    color: #555;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.8rem;
}
.ip_wrap .regist_idea {
    padding-bottom: 8rem;
}
.ip_wrap .regist_idea .box {
    width: 100%;
    padding: 2.6rem 3.6rem;
    color: #555;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    background: #f8f8f8;
    border-radius: 2.4rem;
    margin-bottom: 6rem;
    line-height: 3.6rem;
}
.ip_wrap .regist_idea .box li + li {
    margin-top: 1.2rem;
}
.ip_wrap .input_label .label {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 2.4rem;
}
.ip_wrap .input_label input:not(input[type="radio"]),
.ip_wrap .input_label select {
    width: 100%;
    padding: 2.4rem 2.8rem;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.ip_wrap .input_label input::placeholder {
    color: #888;
}
.ip_wrap .input_label + .input_label {
    margin-top: 6rem;
    display: block;
}
.ip_wrap .input_label select,
.ip_wrap .input_label select option {
    font-size: 2.6rem;
    color: #888;
}
.ip_wrap .input_label textarea {
    width: 100%;
    resize: none;
    min-height: 24rem;
    padding: 2.4rem 2.8rem;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.ip_wrap input[type="file"] {
    display: none;
}
.ip_wrap label.input {
    padding: 1.4rem 2.5rem;
    background: #fff;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    display: block;
    margin: 2.4rem 0;
    width: 16rem;
    white-space: nowrap;
}
.ip_wrap .input_label .dot_list li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
}
.ip_wrap .input_label .dot_list li + li {
    margin-top: 0.6rem;
}
.ip_wrap .input_label .keyword_wrap {
    margin-bottom: 1.6rem;
}
.ip_wrap .input_label .keyword + .btn_blueline {
    width: 11rem;
    white-space: nowrap;
    margin-left: 0.4rem;
}
.ip_wrap label.flex {
    align-items: center;
    margin-bottom: 2.4rem;
}
.ip_wrap label.flex + .flex {
    margin-left: 4.8rem;
}
.ip_wrap input[type="radio"] + span,
.ip_wrap input[type="checkbox"] + span {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.ip_wrap input[type="radio"],
.ip_wrap input[type="checkbox"] {
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 1.2rem;
}
.ip_wrap .input_label .file_area {
    width: 100%;
    border-radius: 1.6rem;
    background: #f8f8f8;
    padding: 3.4rem 2.8rem;
    margin-bottom: 1.6rem;
}
.ip_wrap .input_label .file_list {
    display: flex;
    gap: 2.6rem 3.6rem;
    flex-flow: row wrap;
}
.ip_wrap .input_label .file_area li {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}
.ip_wrap .input_label .file_area .file_name {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    display: block;
    width: calc(100%);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ip_wrap .input_label .file_area .file_clear {
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    background: url(../images/file_clear.png) no-repeat center;
    background-size: cover;
    margin-left: 0.8rem;
}
.ip_wrap .input_label .keyword_list {
    display: flex;
    align-items: center;
    gap: 1.6rem 1.2rem;
    margin-top: 2.4rem;
    flex-flow: row wrap;
}
.ip_wrap .input_label .keyword_list li {
    padding: 1.4rem 2.4rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    display: inline-flex;
    align-items: center;
    border-radius: 600px;
    background: #555;
    color: #fff;
}
.ip_wrap .input_label .keyword_list .keyword_clear {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    background: url(../images/keyword_clear.png) no-repeat center;
    background-size: cover;
}
.ip_wrap .input_label .public_note {
    width: 100%;
    border-radius: 1.6rem;
    padding: 3.7rem 3.2rem;
    border: 0.2rem solid #ebebeb;
    margin-top: 2.4rem;
}
.ip_wrap .input_label .public_note .input_label {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3.2rem;
}
.ip_wrap .input_label .public_note .dot_list li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.6rem;
    color: #888;
    word-break: keep-all;
}
.ip_wrap > .btns {
    margin: 8rem 0 6rem;
    display: flex;
    gap: 0.6rem;
}
.ip_wrap > .btns button {
    width: 100%;
    border-radius: 1.6rem;
    padding: 2.2rem;
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.idea_thumb {
    border-radius: 2.4rem;
    overflow: hidden;
    height: 25rem;
}
.idea_thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.TxHash {
    margin: 6rem 0;
}
.TxHash .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    margin-bottom: 1.6rem;
}
.TxHash .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.6rem;
    color: #888;
    word-break: keep-all;
    word-break: break-all;
}

.eco_wrap .eco_cont .tit_wrap {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 2.8rem;
}
.eco_wrap .eco_cont .tit_wrap .tit {
    display: flex;
    align-items: center;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
}
.eco_wrap .eco_cont .tit_wrap .tit::before {
    content: "";
    width: 4rem;
    height: 3.8rem;
    background: url(../images/star03.png) no-repeat center;
    background-size: cover;
    margin-right: 0.8rem;
}
.eco_wrap .eco_cont .more {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #777;
    display: flex;
    align-items: center;
}
.eco_wrap .eco_cont .more::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
}
.eco_wrap .bg_flex {
    gap: 1.6rem;
    margin-bottom: 4.8rem;
}
.eco_wrap .bg_wrap {
    border-radius: 2.4rem;
}
.eco_wrap .point_wrap {
    flex: 2;
    background: #ecfcf7;
    padding: 3.2rem 4rem;
    position: relative;
}
.eco_wrap .level_wrap {
    flex: 1;
    padding: 3.2rem 3.2rem 2.4rem;
    background: #e5fce7;
}
.eco_wrap .bg_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.eco_wrap .point_tit {
    display: flex;
    align-items: center;
}
.eco_wrap .point_tit::before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    background: url(../images/point_mark.png) no-repeat center;
    background-size: cover;
    margin-right: 0.6rem;
}
.eco_wrap .level_wrap .tit {
    text-align: center;
    justify-content: center;
}
.eco_wrap .point_wrap::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    background: #daf6ee;
    left: 0;
    top: 70%;
    transform: translateY(-50%);
}
.eco_wrap .point {
    position: relative;
    z-index: 2;
    margin-top: 4.8rem;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
}
.eco_wrap .p {
    color: #00b27b;
}
.eco_wrap .level_wrap .level {
    width: 12.8rem;
    height: 12.8rem;
    background: url(../images/level01.png) no-repeat center;
    background-size: cover;
    margin: 0 auto 2.2rem;
}
.eco_wrap .shadow_box_wrap a {
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 2.4rem;
}
.eco_wrap .shadow_box_wrap.f_box {
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 4.8rem;
}
.eco_wrap .shadow_box_wrap.f_box a {
    padding: 4rem 3rem 4.4rem;
    width: 100%;
}
.eco_wrap .shadow_box_wrap.f_box a .icon {
    height: 6rem;
    margin-bottom: 2.8rem;
    text-align: center;
}
.eco_wrap .shadow_box_wrap.f_box a .icon img {
    width: auto;
    height: 100%;
}
.eco_wrap .shadow_box_wrap.f_box a .tit {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.4rem;
    letter-spacing: -0.48px;
}
.eco_wrap .eco_service {
    padding: 2.8rem 4.8rem;
    background: #f6f6f6 url(../images/eco_service.png) 85% center no-repeat;
    background-size: contain;
}
.eco_wrap .eco_service .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-bottom: 0.8rem;
}
.eco_wrap .eco_service .tel {
    font-size: 3.4rem;
    font-weight: bold;
    letter-spacing: -0.68px;
}
.eco_wrap #ecoBannerArea {
    margin-bottom: 3rem;
    border-radius: 2.4rem;
}
.eco_wrap #ecoBannerArea li img {
    height: 140px;
}
.eco_list {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-bottom: 12rem;
}
.eco_list li {
    width: 100%;
}
.eco_list a {
    padding: 3rem 3.6rem;
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    display: flex;
    align-items: center;
    position: relative;
}
.eco_list .notice::before {
    content: "";
    width: 5.2rem;
    height: 5.6rem;
    background: url(../images/eco_notice.png) no-repeat center;
    background-size: cover;
    margin-right: 2rem;
}
.eco_list .faq::before {
    content: "";
    width: 7rem;
    height: 5.6rem;
    background: url(../images/eco_faq.png) no-repeat center;
    background-size: cover;
    margin-right: 2rem;
}
.eco_list a::after {
    content: "";
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
}
.eco_cont .eco_service_wrap {
    margin-bottom: 8rem;
}
.eco_cont .eco_service_wrap > .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2.8rem;
}
.eco_cont .eco_service_wrap .box {
    border-radius: 2.4rem;
    background: #eef9f6;
    padding: 3.2rem 7rem;
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 4.8rem;
    list-style: -0.52px;
    line-height: 3.8rem;
    color: #429279;
    word-break: keep-all;
}
.eco_cont .num_list > li {
    flex-flow: row wrap;
}
.eco_cont .num_list > li:not(:last-child) {
    margin-bottom: 3.2rem;
}
.eco_cont .num_list .tit {
    width: 90%;
    font-weight: bold;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 1.2rem;
}
.eco_cont .num_list > li::before {
    font-weight: bold;
    font-size: 2.8rem;
}
.eco_cont .num_list .dot_list {
    margin-left: 1rem;
    font-size: 2.6rem;
    color: #888;
}
.eco_wrap .conditions_check .sub_ck .ck {
    background: #fff;
}
.eco_cont > .tit {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 2.8rem;
    text-align: center;
}
.eco_cont .point_box {
    padding: 3.2rem 4rem 12rem;
    background: #ecfcf7;
    border-radius: 2.4rem;
    overflow: hidden;
    position: relative;
    margin-bottom: 4.8rem;
}
.eco_cont .point_box .point_tit {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 2.8rem;
    letter-spacing: -0.56px;
}
.eco_cont .point_box .btn_wrap {
    display: flex;
    align-items: center;
    width: calc(100%);
    position: absolute;
    left: 0;
    bottom: 0;
}
.eco_cont .point_box .btn_wrap button {
    width: 100%;
    padding: 2.5rem;
    color: #fff;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}
.eco_cont .point_box .btn_wrap button:nth-child(1) {
    border-right: 0.1rem solid #fff;
}
.eco_cont .point_box .btn_wrap .transfer::before {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/transfer.png) no-repeat center;
    background-size: cover;
}
.eco_cont .point_box .btn_wrap .point_his::after {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/bottom_arrow.png) no-repeat center;
    background-size: cover;
}
.eco_cont .point_receipt {
    border-radius: 2.4rem;
    box-shadow: 0.2rem 0.2rem 2rem 0 rgba(0, 0, 0, 0.12);
    padding: 3.2rem 4rem 4.8rem;
    margin-bottom: 8rem;
}
.eco_cont .point_receipt .filter_wrap {
    margin-bottom: 2.8rem;
}
.eco_cont .point_receipt .filter_wrap,
.eco_cont .point_receipt .filter {
    justify-content: space-between;
    align-items: center;
}
.eco_cont .point_receipt .filter {
    width: 100%;
    margin-right: 1.2rem;
}
.eco_cont .point_receipt .tit {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 3.2rem;
    letter-spacing: -0.56px;
}
.eco_cont .point_receipt .state {
    border-radius: 600px;
    padding: 1rem 2.4rem;
    border: 0.2rem solid #00b27b;
    color: #00b27b;
    font-size: 2.6rem;
    position: static;
    transform: inherit;
}
.eco_cont .point_receipt .period {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
}
.eco_cont .point_receipt .filter_btn {
    width: 3rem;
    height: 3rem;
    background: url(../images/setting_img.png) no-repeat center;
    background-size: contain;
}
.eco_cont .point_receipt .list > li {
    padding: 2rem 3.6rem;
    border-radius: 1.6rem;
    position: relative;
}
.eco_cont .point_receipt .list li + li {
    margin-top: 1.2rem;
}
.eco_cont .point_receipt .list .minus {
    background: #f8f8f8;
}
.eco_cont .point_receipt .list .plus {
    background: #eef9f6;
}
.eco_cont .point_receipt .list .date {
    font-size: 2.4rem;
    font-weight: 300;
    margin-bottom: 0.8rem;
    color: #888;
    letter-spacing: -0.48px;
}
.eco_cont .point_receipt .list .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.52px;
    margin-bottom: 0;
}
.eco_cont .point_receipt .list .result_point {
    position: absolute;
    right: 3.6rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
}
.eco_cont .point_receipt .list .minus .result_point {
    color: #555;
}
.eco_cont .point_receipt .list .plus .result_point {
    color: #00b27b;
}

button.blue {
    background: #045abe;
    color: #fff;
}
button.dk_gray {
    background: #888;
    color: #fff;
}
.btn_green {
    background: #00b27b !important;
    color: #fff;
}
.btn_green:disabled,
.btn_green[disabled] {
    background: #cdd5df !important;
    box-shadow: none !important;
}
.btn_dkgreen {
    background: #86a5a4;
    color: #fff;
}

.float_btn.no_shadow {
    box-shadow: none;
}
.float_btn.green {
    background: #00b27b;
    box-shadow: 0 0 2.8rem 0 rgba(0, 178, 123, 0.5);
}

.pop.on_pop {
    width: 80%;
    padding: 8rem 4rem; /*position: absolute;*/
    background: #fff;
    border-radius: 4rem;
    height: auto;
}
.pop.on_pop .filter_label {
    margin-bottom: 6rem;
}
.pop.on_pop .filter_label .tit {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    margin-bottom: 2.4rem;
}
.pop.on_pop .filter_label ul {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.pop.on_pop .filter_label .filter_button {
    border-radius: 600px;
    padding: 1.4rem 2.8rem;
    color: #888;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.pop.on_pop .filter_label .filter_button.active {
    color: #00b27b;
    border-color: #00b27b;
}
.pop.on_pop .btn_green {
    width: 100%;
    border-radius: 1.6rem;
    padding: 2.2rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.pop.on_pop .close_pop {
    position: absolute;
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/close.png) no-repeat center;
    background-size: cover;
    right: 2.4rem;
    top: 2.4rem;
}
.pop.on_pop .btn_wrap {
    display: flex;
    gap: 0.4rem;
}
.pop.on_pop .btn_wrap button {
    width: 50%;
}
.pop.on_pop .btn_wrap button {
    border-radius: 1.6rem;
    letter-spacing: -0.56px;
    font-size: 2.8rem;
}
.pop.on_pop .btn_gray {
    background: #888;
    color: #fff;
}
.pop.on_pop .btn_lightgray {
    background: #ebebeb;
    color: #555;
}
.pop.on_pop .btn_blue {
    background: #045abe;
    color: #fff;
}
.pop.on_pop .pop_tit {
    margin-bottom: 6rem;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: 500;
    text-align: center;
}
.popup .pop_sm_txt {
    color: #555;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4rem;
}
.level_pop .pop_tit {
    text-align: left !important;
}
.level_pop .btn_wrap button {
    width: 100% !important;
}
.level_pop .level_list {
    margin-bottom: 6rem;
}
.level_pop .level_list li {
    display: flex;
    align-items: center;
}
.level_pop .level_list li + li {
    margin-top: 1.6rem;
}
.level_pop .level_list .level {
    width: 11.6rem;
    height: 11.6rem;
    margin-right: 2.4rem;
    background: #e5fce7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.level_pop .level_list .level img {
    width: 6.8rem;
    height: auto;
}
.level_pop .level_list .level_txt .tit {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
    letter-spacing: -0.56px;
}
.level_pop .level_list .level_txt .point {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
}

.point_box.flex {
    padding: 3.4rem 4rem;
    justify-content: space-between;
    align-items: center;
}
.point_box.flex * {
    margin: 0 !important;
}
.eco_cont > .label_wrap {
    margin-bottom: 5.8rem;
}
.eco_cont > .label_wrap .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: 500;
    margin-bottom: 2.4rem;
}
.eco_cont > .label_wrap select {
    width: 100%;
    border-radius: 1.6rem;
    padding: 2.4rem 3.2rem;
    border: 0.2rem solid #ebebeb;
}
.eco_cont > .label_wrap select,
.eco_cont > .label_wrap select option {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
}
.eco_cont > .label_wrap.input_wrap .flex {
    width: 100%;
    border-bottom: 0.4rem solid #000;
    margin-bottom: 2rem;
    align-items: center;
}
.eco_cont > .label_wrap.input_wrap input {
    width: 100%;
    border: 0;
    font-size: 3rem;
    letter-spacing: -0.6px;
    color: #888;
    text-align: right;
    margin-right: 0.8rem;
    padding: 2.6rem 0.6rem;
}
.eco_cont > .label_wrap.input_wrap span {
    font-size: 3rem;
    letter-spacing: -0.6px;
}
.eco_cont > .label_wrap.input_wrap p {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
}

.transfer_box {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
    background: #f8f8f8;
    padding: 4rem;
    display: none;
}
.transfer_box .tit {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    margin-bottom: 3.2rem;
}
.transfer_box .label_flex {
    margin-bottom: 3.4rem;
}
.transfer_box .label_flex,
.transfer_box .label_wrap {
    display: flex;
    align-items: center;
}
.transfer_box .label_wrap + .label_wrap {
    margin-left: 4.8rem;
}
.transfer_box .label_wrap .label {
    font-size: 2.8rem;
    letter-spacing: -0.52px;
}
.transfer_box input[type="radio"] {
    width: 4.4rem;
    height: 4.4rem;
    margin-right: 1.2rem;
}
.transfer_box .input_wrap {
    align-items: center;
    display: none;
    margin-bottom: 2.8rem;
}
.transfer_box .input_wrap.on {
    display: flex;
}
.transfer_box .input_wrap input,
.transfer_box .input_wrap select,
.transfer_box .input_wrap option {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    padding: 2rem;
}
.transfer_box .input_wrap select {
    width: 24rem;
    margin-right: 0.6rem;
}
.transfer_box .input_wrap input {
    width: 100%;
}
.transfer_box .note_list li {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    line-height: 3.6rem;
}

.point_type {
    display: flex;
    gap: 1rem;
    margin-top: 4.2rem;
}
.point_type .point_type_box {
    padding: 2.8rem 1.5rem;
    border-radius: 1.6rem;
    background: #daf5ed;
    width: 100%;
}
.point_type .point_type_box .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    text-align: center;
    color: #555;
    margin-bottom: 1.6rem;
}
.point_type .point_type_box .point {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}

.eco_map {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
}
.eco_map #map {
    width: 100%;
    height: 120rem;
}
.map_pop {
    height: auto;
    background: #00b27b;
}
.map_pop .pop_inner {
    display: flex;
    gap: 1.6rem;
    justify-content: space-between;
    padding-bottom: 2rem;
}
.map_pop .pop_inner > div {
    width: 100%;
}
.map_pop .border {
    border-radius: 1.6rem;
    font-size: 2.6rem;
    color: #fff;
    letter-spacing: -0.52px;
    background: rgba(255, 255, 255, 0.08);
    border: 0.2rem solid rgba(255, 255, 255, 0.2);
    padding: 3rem 2.4rem;
    width: 100%;
}
.map_pop .border .flex,
.map_pop .border .flex li {
    gap: 0.6rem;
    width: 100%;
}
.map_pop div.border {
    padding: 2.4rem 2.4rem;
    text-align: center;
}
.map_pop .border .flex {
    margin-top: 2.4rem;
}
.map_pop .border .flex .border {
    background: #00b27b;
}
.map_pop .border.active {
    background: #fff !important;
    color: #00b27b !important;
    border: 0 !important;
}
.map_pop .col .border + .border {
    margin-top: 1.6rem;
}
.map_pop .col .border {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.map_pop .col .border .count {
    font-weight: 500;
}

.RVM_pop {
    height: 40%;
}
.RVM_pop .tit {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 2.8rem;
    letter-spacing: -0.6px;
}
.RVM_pop .RVM_button {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2.4rem;
}
.RVM_pop .RVM_button .active {
    background: #00b27b;
    color: #fff;
}
.RVM_pop .RVM_button li {
    width: 100%;
}
.RVM_pop .RVM_button button {
    border-radius: 1.2rem;
    padding: 2.4rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    background: #dff1eb;
    color: #889e97;
    width: 100%;
}
.RVM_pop .RVM_info {
    display: flex;
    border: 0.2rem solid #ebebeb;
    border-radius: 1.2rem;
}
.RVM_pop .RVM_info li {
    padding: 2.2rem 3rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #888;
    background: #f8f8f8;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.RVM_pop .RVM_info li:not(:first-child) {
    border-left: 0.2rem solid #ebebeb;
    border-radius: 0 1.2rem 1.2rem 0;
}
.RVM_pop .RVM_info li:first-child {
    border-radius: 1.2rem 0 0 1.2rem;
}
.RVM_pop .RVM_info li .info_cont {
    color: #000;
}

.popup.detail_pop {
    height: auto;
}
.detail_pop .cate {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
    margin-bottom: 1.6rem;
}
.detail_pop .tit {
    font-size: 3.2rem;
    font-weight: bold;
    margin-bottom: 2.4rem;
}
.detail_pop .type_info {
    display: flex;
    align-items: center;
    margin-bottom: 3.2rem;
}
.detail_pop .type_info li {
    display: flex;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.detail_pop .type_info li:nth-child(1)::after {
    content: "";
    width: 0.2rem;
    height: 2rem;
    background: #dbdbdb;
    display: block;
    margin: 0 2.4rem;
}
.detail_pop .type_info span {
    color: #000;
}
.detail_pop .position {
    color: #00b27b;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-bottom: 4.8rem;
}
.detail_pop .btn_green {
    width: 100%;
    padding: 2.3rem;
    border-radius: 1.6rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2rem;
}

.popup.findMap_pop {
    height: auto;
}
.findMap_pop .find_map {
    position: relative;
    padding-left: 9.2rem;
    margin: 4rem 0 4.8rem;
}
.findMap_pop .find_map::before {
    content: "";
    width: 0.2rem;
    height: 95%;
    background: #dbdbdb;
    position: absolute;
    left: 4rem;
    top: 0;
}
.find_map li + li {
    margin-top: 4rem;
}
.find_map li {
    display: flex;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.find_map li {
    color: #888;
}
.find_map .start_li,
.find_map .end_li {
    color: #000;
}
.find_map .end_li {
    font-weight: 500;
}
.find_map .end_li::before {
    background: #00b27b;
}
.find_map li::before {
    content: "";
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #dbdbdb;
    left: 3.1rem;
    position: absolute;
}
.find_map .start {
    position: absolute;
    left: 0;
    padding: 0.6rem 2rem;
    border-radius: 600px;
    border: 0.1rem solid #00b27b;
    z-index: 2;
    background: #eefbf7;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #00b27b;
}
.findMap_pop .btn_gray {
    width: 100%;
    padding: 2.2rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    background: #efefef;
    border-radius: 1.6rem;
    margin-bottom: 2rem;
}

.mobile_ck {
    width: 100%;
    border-radius: 2.4rem 2.4rem 0 0;
    padding: 4.8rem 4rem 3.2rem;
    border: 0.2rem solid #dbdbdb;
    border-bottom: 0;
}
.mobile_ck .tit {
    text-align: center;
    margin-bottom: 3.2rem;
    font-weight: bold;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.mobile_ck .img_area {
    width: 21rem;
    height: 24rem;
    border-radius: 1.6rem;
    margin: 0 auto 2.8rem;
}
.mobile_ck .date {
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    text-align: center;
    margin-bottom: 4.8rem;
}
.mobile_ck .name_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.6rem;
}
.mobile_ck .name {
    font-size: 4.8rem;
    font-weight: bold;
    letter-spacing: -0.96px;
}
.mobile_ck .toggleBtn {
    display: flex;
    align-items: center;
}
.mobile_ck .toggleBtn label span {
    position: absolute;
    left: -9rem;
}
.mobile_ck .toggleBtn input {
    display: none;
}
.mobile_ck .toggleBtn span {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: -0.48px;
    display: block;
    margin-right: 1.2rem;
}
.toggleBtn label {
    display: flex;
    position: relative;
    width: 11.4rem;
    height: 5.8rem;
    background: #333;
    border-radius: 60px;
    align-items: center;
}
.toggleBtn label::after {
    content: "";
    position: absolute;
    left: 2.5px;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    transform: translateY(-50%);
    transition: all 0.4s;
}
.toggleBtn label::before {
    position: absolute;
    left: 45px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.4s;
}
.toggleBtn #switch:checked + label::after {
    left: calc(100% - 42.5px);
}
.toggleBtn #switch:checked + label::before {
    content: "ON";
    color: #fff;
    font-size: 2.2rem;
    left: 15px;
}
.mobile_ck .qr_area {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}
.mobile_ck .qr_area .userId {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.96px;
}
.mobile_ck .qr_area .addr {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: bold;
    margin-top: 2rem;
}
.mobile_ck .qr_area .addrDtl {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: bold;
    margin-top: 0.6rem;
}
.mobile_ck .qr_area .issuYmd {
    font-size: 2.5rem;
    letter-spacing: -0.56px;
    margin-top: 0.8rem;
}
.mobile_ck .qr_area .qr_wrap {
    width: 17rem;
    height: 23.6rem;
    background: #fff;
    border-radius: 1.6rem;
    overflow: hidden;
    padding: 1.4rem;
    box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.1);
}
.mobile_ck .qr_area .qr_wrap .qr_img {
    width: 100%;
    height: 70%;
    margin-bottom: 1.2rem;
}
.mobile_ck .qr_area .qr_wrap .timer .time_bar {
    width: 100%;
    margin-bottom: 1.6rem;
    background: #ebebeb;
    border-radius: 600px;
    height: 0.8rem;
    position: relative;
}
.mobile_ck .qr_area .qr_wrap .timer .time_bar .now {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    border-radius: 600px;
    background: #045abe;
    height: 100%;
}
.mobile_ck .qr_area .qr_wrap .time {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #555;
    font-weight: 500;
}
.mobile_ck .qr_area .qr_wrap .time span {
    color: #d90e0e;
}
.mobile_ck .info_btn {
    width: 100%;
    border-radius: 2rem;
    border: 0.2rem solid #000;
    padding: 2.5rem 4rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    font-weight: bold;
    margin-top: 2.4rem;
    background: #fff;
}
.mobile_ck + .text_area {
    width: 100%;
    border-radius: 0 0 2.4rem 2.4rem;
    padding: 2.4rem 0;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    white-space: nowrap;
    overflow: hidden;
    background: #ffdf43;
    border: 0.2rem solid #dbdbdb;
}

.eco_cont .tab_wrap {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
    border-top: 1rem solid #f6f6f6;
    padding: 4rem 4rem 0;
}
.eco_cont .tab_list {
    display: flex;
    gap: 4rem;
    justify-content: center;
    margin-bottom: 4.8rem;
}
.eco_cont .tab_list a {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
}
.eco_cont .tab_list .active a {
    border-bottom: 0.4rem solid #000;
    padding-bottom: 0.4rem;
}
.eco_cont .tab_cont .cont_wrap {
    display: none;
}
.eco_cont .tab_cont .cont_wrap.active {
    display: block;
}
.eco_cont .tab_cont .input_wrap {
    display: flex;
    align-items: center;
    border: 0.2rem solid #dbdbdb;
    border-radius: 1.6rem;
    width: 100%;
    margin-bottom: 3.6rem;
}
.eco_cont .post_list a {
    position: relative;
}
.eco_cont .post_list a .tit {
    font-size: 1.4rem;
}
.eco_cont .post_list a .date {
    font-size: 1.2rem;
}
.eco_cont .post_list a::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/more_arrow_gray.png);
    position: absolute;
    top: 50%;
    right: 2rem;
    background-size: cover;
    transform: translateY(-50%);
}
.eco_cont .post_list + .paging {
    margin-top: 10rem;
}
.eco_cont .paging.circle {
    width: 100%;
    position: relative;
    bottom: inherit;
}
.eco_cont .paging.circle .c {
    color: #00b27b !important;
}

.eco_cont .input_wrap input {
    border: 0;
    border-radius: 1.6rem;
    width: 100%;
    margin-right: 0.4rem;
}
.eco_cont .input_wrap .search {
    width: 3.6rem;
    min-width: 3.6rem;
    height: 3.6rem;
    background: url(../images/search_gray.png) no-repeat center;
    background-size: cover;
    margin-right: 3.2rem;
}

.eco_cont .tab_wrap > .name {
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.my_cont .point_btn {
    flex: 1;
    padding: 4.8rem 4rem;
    width: 27rem;
    min-width: 27rem;
    background: #00b27b;
    border-radius: 2.4rem;
    margin-right: 1.6rem;
}
.my_cont .point_btn .point_tit {
    color: #fff;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    margin-bottom: 6rem;
}
.my_cont .point_btn .point {
    color: #fff;
}
.my_cont .right_flex {
    display: flex;
    gap: 1.6rem;
    flex-flow: row wrap;
}
/*.my_cont .right_flex > a{width: 100%; display: flex; align-items: center; font-size: 2.6rem; letter-spacing: -0.52px; position: relative; padding: 4.8rem 3.2rem;}*/
/*.my_cont .right_flex > a::after{content: ''; width: 10rem; height: 10rem; background: url(../images/level01.png) no-repeat center; background-size: cover; position: absolute; right: 3.2rem; top: 50%; transform: translateY(-50%);}*/
.my_cont .right_flex > a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    position: relative;
    padding: 4.8rem 3.2rem;
}
.my_cont .right_flex img {
    display: block;
    width: 10rem;
    height: 10rem;
}
.my_cont .right_flex .flex {
    width: 100%;
}
.my_cont .info_box {
    border-radius: 1.6rem;
    padding: 3.2rem;
    background: #ecfcf7;
    text-align: center;
    font-size: 2.4rem;
    width: 100%;
}
.my_cont .info_box + .info_box {
    margin-left: 1.6rem;
}
.my_cont .info_box .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
}
.my_cont .info_box .point {
    font-weight: 500;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.my_cont .link_list {
    margin-top: 6rem;
}
.my_cont .link_list li + li {
    margin-top: 1.6rem;
}
.my_cont .link_list li a {
    width: 100%;
    border-radius: 2.4rem;
    padding: 2.4rem 2.8rem;
    border-radius: 1.6rem;
    border: 0.2rem solid #ebebeb;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    display: flex;
    align-items: center;
    position: relative;
}
.my_cont .link_list li a::before {
    content: "";
    width: 4.4rem;
    height: 4.4rem;
    display: block;
    margin-right: 1.2rem;
}
.my_cont .link_list li:first-child a::before {
    background: url(../images/q&a.png) no-repeat center;
    background-size: cover;
}
.my_cont .link_list li:last-child a::before {
    background: url(../images/doc.png) no-repeat center;
    background-size: cover;
}
.my_cont .link_list li a::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/more_arrow_gray.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 2.4rem;
}

.search_wrap {
    width: 100%;
    border-radius: 1.6rem;
    border: 0.2rem solid #dbdbdb;
    display: flex;
    align-items: center;
}
.search_wrap .input_wrap input {
    padding: 2.4rem 3.2rem;
    width: 100%;
}

.QA_list {
    margin-top: 3.6rem;
}
.QA_list li + li {
    margin-top: 2rem;
}
.QA_list a {
    width: 100%;
    padding: 2.4rem 3.6rem;
    position: relative;
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 1.6rem;
}
.QA_list .tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 1.2rem;
}
.QA_list .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
}
.eco_cont .state {
    position: absolute;
    right: 2.8rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #fff;
    border-radius: 600px;
    padding: 0.9rem 1.6rem;
}
.eco_cont .state.wait {
    background: #888;
}
.eco_cont .state.complete {
    background: #00b27b;
}

.viewer .tit_wrap .state {
    position: static;
    width: auto;
    display: inline-block;
    margin: 6.4rem 0 1.6rem;
}
.viewer .view_text {
    font-weight: 500;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 2.4rem;
    color: #000;
}
.viewer .view_answer {
    margin-top: 4.8rem;
    width: 100%;
    border-radius: 2.4rem;
    padding: 3.2rem 3.6rem;
    background: #ecfcf7;
}
.viewer .view_answer .tit_wrap {
    display: flex;
    align-items: center;
    align-items: center;
    border-bottom: 0.2rem solid #d4eee5;
    padding-bottom: 2rem;
    margin-bottom: 2.8rem;
}
.viewer .view_answer .tit {
    font-size: 2.8rem;
    color: #00b27b;
}
.viewer .view_answer .date {
    font-size: 2.8rem;
}
.viewer .answer_text {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 4rem;
    color: #000;
}
.viewer .view_text_wrap:has(.view_answer) {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 6rem;
}

.eco_write .input_label + .input_label {
    margin-top: 4.8rem;
    display: block;
}
.eco_write .input_label .label {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    margin-bottom: 1.6rem;
}
.eco_write .input_label select,
.eco_write .input_label input {
    width: 100%;
}

.eco_tab_list {
    margin-bottom: 2.8rem;
}
.eco_tab_list a {
    border: 0.2rem solid #ebebeb;
    text-align: center;
    width: 24rem;
    white-space: nowrap;
    border-radius: 1.6rem;
    color: #555;
    padding: 2.4rem !important;
    font-size: 2.6rem !important;
    letter-spacing: -0.52px;
}
.eco_tab_list .active a {
    border: 0.2rem #00b27b solid !important;
    color: #00b27b;
}
.eco_tab_cont .box_text {
    width: 100%;
    border-radius: 2.4rem;
    padding: 3.6rem 3.2rem;
    border: 0.2rem solid #ebebeb;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.6rem;
    word-break: keep-all;
}

.search_top {
    width: calc(100% + 8rem);
    position: relative;
    left: -4rem;
    top: -4.8rem;
    padding: 2.6rem 3.2rem;
    display: flex;
    align-items: center;
    box-shadow: 0 1.2rem 2rem 0 rgba(0, 0, 0, 0.08);
}
.search_top .back {
    width: 6rem;
    height: 6rem;
    background: url(../images/back.png) no-repeat center;
    background-size: contain;
    margin-right: 4rem;
}
.search_top .search_wrap {
    border: 0;
}
.search_top .search_wrap input {
    border: 0.2rem solid #045abe;
    width: 100%;
}
.search_top .search_wrap .clear {
    display: none;
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/file_clear.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 13rem;
}
.search_top .search_btn {
    width: 8rem;
    height: 8rem;
    background: #045abe url(../images/search_white.png) no-repeat center;
    background-size: 80%;
    border-radius: 1.2rem;
    margin-left: 0.8rem;
}
.sr_result_wrap {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.sr_result_wrap img {
    display: block;
    width: 20%;
    margin: 0 auto 4.8rem;
    margin-top: 20rem;
}
.sr_result_wrap .txt {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
}

.sr_result_wrap .cate {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
    padding: 0 4rem;
}
.sr_result_wrap .cate + .cate {
    border-top: 1rem solid #f6f6f6;
    padding-top: 4rem;
    margin-top: 4rem;
}
.sr_result_wrap .cate > .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-bottom: 2.8rem;
}
.sr_result_wrap .cate .cate_list .tit {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sr_result_wrap .cate .cate_list .date {
    margin-top: 0.8rem;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    color: #9c9c9c;
}
.sr_result_wrap .cate .cate_list li + li {
    margin-top: 2.8rem;
}

.pop_txt.wrap {
    white-space: inherit;
    word-break: keep-all;
    width: calc(100% - 10rem);
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4rem;
}
.pop_txt.gray {
    color: #555;
}

.nav_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #024088;
    top: 0;
    left: 100%;
    transition: all 0.4s;
    z-index: 55;
}
.nav_wrap.on {
    left: 0;
    z-index: 555;
}
.nav_wrap .nav_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 3rem;
}
.nav_wrap .nav_header .nav_logo {
    width: 21.4rem;
}
.nav_wrap .nav_header .nav_logo img {
    width: 100%;
    height: auto;
}
.nav_wrap .nav_header .nav_close {
    width: 6rem;
    height: 6rem;
    background: url(../images/close_white.png) no-repeat center;
    background-size: cover;
}
.nav_wrap .nav_btns {
    display: flex;
    gap: 1.2rem;
    justify-content: center;
    margin: 9rem auto 10rem;
}
.nav_wrap .nav_btns a {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    padding: 2rem 0;
    border-radius: 1.2rem;
    width: 20rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.56);
    border: 0.2rem solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.08);
}
.nav_wrap li + li {
    border-top: 0.2rem solid rgba(255, 255, 255, 0.08);
    margin-top: 2rem;
    padding-top: 2rem;
}
.nav_wrap li {
    display: flex;
    align-items: center;
    position: relative;
}
.nav_wrap li a {
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #fff;
}
.nav_wrap li::after {
    content: "";
    width: 4.8rem;
    height: 4.8rem;
    background: url(../images/arrow_white.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.nav_wrap li::before {
    content: "";
    width: 4rem;
    height: 4rem;
    margin-right: 2.8rem;
}
.nav_wrap li.nav01::before {
    background: url(../images/nav01.png) no-repeat center;
    background-size: cover;
}
.nav_wrap li.nav02::before {
    width: 4.8rem;
    height: 3.6rem;
    margin-right: 2rem;
    background: url(../images/nav02.png) no-repeat center;
    background-size: cover;
}
.nav_wrap li.nav03::before {
    height: 4.8rem;
    background: url(../images/nav03.png) no-repeat center;
    background-size: cover;
}
.nav_wrap li.nav04::before {
    background: url(../images/nav04.png) no-repeat center;
    background-size: cover;
}
.nav_wrap li.nav05::before {
    background: url(../images/nav05.png) no-repeat center;
    background-size: cover;
}
.nav_wrap li.nav06::before {
    background: url(../images/nav06.png) no-repeat center;
    background-size: cover;
}

.expire {
    position: relative;
}
.expire::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    backdrop-filter: blur(6px);
    border-radius: 2.8rem;
    z-index: 5;
}
.expire > .txt {
    position: absolute;
    z-index: 6;
    color: #fff;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 3.8rem;
    width: 100%;
}
.expire > .txt::before {
    content: "";
    width: 10rem;
    height: 10rem;
    background: url(../images/expire.png) no-repeat center;
    display: block;
    margin: 0 auto 3.6rem;
    background-size: cover;
}
.card_tit {
    text-align: center;
    margin: 6rem auto 2.8rem;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.64px;
}
.cardItem_wrap.expire .c,
.cert_wrap .expire .c {
    color: #ffd500 !important;
}

.myCard.confirm .txt_wrap .info_txt li .tit {
    font-weight: 500;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 1.6rem;
}
.myCard.confirm .txt_wrap .info_txt > li + li {
    margin-top: 2.8rem;
}
.myCard.confirm .txt_wrap .info li {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.myCard.confirm .txt_wrap .info li::before {
    content: "•";
    margin-right: 0.4rem;
    align-self: flex-start;
}
.myCard.confirm .txt_wrap .info li.f_wrap {
    flex-flow: row wrap;
}
.myCard.confirm .txt_wrap .info .txt_div {
    width: 100%;
    padding-left: 1.5rem;
}
.myCard.confirm .txt_wrap .ck_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.8rem;
    background: #f8f8f8;
    border: 0.2rem solid #ebebeb;
    border-radius: 1.2rem;
    margin: 4.8rem 0;
}
.myCard.confirm .txt_wrap .ck_box label {
    display: flex;
    align-items: center;
}
.myCard.confirm .txt_wrap .ck_box .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    margin-bottom: 0;
    color: #000;
}
.myCard.confirm .txt_wrap .ck_box a {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #045abe;
    display: flex;
    align-items: center;
}
.myCard.confirm .txt_wrap .ck_box a::after {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/arrow_blue.png);
    background-size: cover;
}
.myCard.confirm > .tit.left {
    text-align: left;
    font-weight: 500;
}

.library_wrap .login_confirm {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 6rem;
}
.library_wrap .login_confirm .img {
    width: 20rem;
    display: block;
    margin: 0 auto 3.6rem;
}
.library_wrap .login_confirm .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 4rem;
    text-align: center;
}
.library_wrap .login_confirm .txt.b {
    margin: 2.4rem auto 8rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.library_wrap .login_confirm .btn_wrap {
    gap: 0.8rem;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}
.library_wrap .login_confirm .btn_wrap .btn:hover {
    color: #fff;
}
.library_wrap .login_confirm .btn_wrap .btn {
    width: 100%;
    border-radius: 1.6rem;
    padding: 2.4rem;
    text-align: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}

.service_cont .service_item {
    width: 100%;
    border-radius: 2.4rem;
    background: #f8f8f8;
    padding: 2.8rem 3.2rem 3.6rem;
}
.service_cont .service_item.add_card {
    background: none;
    padding: 0;
    border: 0;
}
.service_cont .service_item.add_card::before {
    display: none;
}
.service_cont .service_item > .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-bottom: 6rem;
}
.service_cont .service_item .center {
    position: relative;
}
.service_cont .service_item .center .tit {
    font-size: 3.2rem;
    font-weight: 500;
    color: #9c9c9c;
    letter-spacing: -0.64px;
}
.service_cont .service_item.library .center img {
    width: 12.8rem;
    display: block;
    margin: 8rem auto;
}
.service_cont .service_item.library.on {
    background: linear-gradient(to bottom, #229edc 60%, #1f6bdc);
    position: relative;
}
.service_cont .service_item.library.on::before {
    content: "";
    width: 14%;
    height: 100%;
    position: absolute;
    left: 4.8rem;
    background: rgba(255, 255, 255, 0.1);
    top: 0;
}
.service_cont .service_item.library.on .tit,
.service_cont .service_item.library.on .membership_info {
    color: #fff;
}
.service_cont .service_item.library.on .center .tit {
    margin: 9rem auto 6.8rem;
}
.service_cont .service_item.library.on a > .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.service_cont .service_item.library.on img {
    display: block;
    width: 70%;
}
.service_cont .service_item.library.on .membership_info {
    text-align: right;
}
.service_cont .service_item.library.on .membership_info .name {
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 1.6rem;
    letter-spacing: -0.56px;
}
.service_cont .service_item.library.on .membership_info .member_code {
    font-size: 2.4rem;
    list-style: 0.48px;
}
.service_cont .service_item .add_service {
    display: block;
    border-radius: 1.2rem;
    padding: 2rem 4rem;
    border: 0.2rem solid #dbdbdb;
    background: #fff;
    margin: 0 auto 11rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.service_cont .service_item .center .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #9c9c9c;
    line-height: 4rem;
}
.service_cont .service_item.eco .center img {
    display: block;
    margin: 4.8rem auto;
    width: 14rem;
}
.service_cont .service_item .go_eco {
    display: flex;
    align-items: center;
    font-size: 2.4rem;
    margin-top: 5.8rem;
    letter-spacing: -0.48px;
    justify-content: center;
}
.service_cont .service_item .go_eco::after {
    content: "";
    width: 2.8rem;
    height: 2.8rem;
    background: url(../images/go_arrow.png) no-repeat center;
    background-size: cover;
}
.service_cont .service_item.eco.on {
    background: url(../images/eco_on.png) no-repeat center;
    background-size: cover;
}
.service_cont .service_item.eco.on .tit {
    color: #000;
}
.service_cont .service_item.eco.on .center {
    margin-top: 35rem;
}
.service_cont .service_item.eco.on .point_tit {
    font-size: 2.8rem;
    margin-bottom: 1.6rem;
}
.service_cont .service_item.eco.on .point {
    font-weight: bold;
    font-size: 4rem;
    letter-spacing: -0.8px;
}
.service_cont .service_item.eco.on .point span {
    color: #00a532;
}

/* 260113 */
.service_cont .service_item .card_util {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    position: absolute;
    bottom: -6rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.service_cont .service_item.add_card .btn_remove {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 60rem;
    padding: 1.4rem 3rem;
    border: 0.2rem solid #f6d8d8;
    color: #c84c4c;
    background: #fbf1f1;
    font-weight: 500;
    position: absolute;
    top: 6rem;
    left: 50%;
    transform: translateX(-50%);
}
.service_cont .card_list.service_slide {
    padding-bottom: 10rem;
    margin-bottom: 0;
}
.service_cont:has(.card_list.service_slide) {
    padding-bottom: 6rem;
}
.service_cont .btn_line {
    background: #fff !important;
    border: 0.2rem solid #045abe;
    color: #045abe;
    box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(4, 90, 190, 0.2);
    border-radius: 1.2rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    position: static;
    transform: inherit;
    margin: 12rem auto 0;
}
.service_cont .btn_line::before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    background: url(../images/btn_add-blue.png);
    background-size: cover;
    margin-right: 0.8rem;
}

.mypage .version {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
}
.mypage .logout_btn {
    border-radius: 1.2rem;
    border: 0.2rem solid #dbdbdb;
    padding: 1.5rem 2rem;
    text-decoration: none;
}
.mypage .ic_img.v2 {
    margin: 0 0 0 auto;
    position: relative;
    top: -3rem;
}

.mypage .my_btn {
    gap: 1.2rem;
    margin-bottom: 3.6rem;
    overflow-x: auto;
}
.mypage .my_btn::-webkit-scrollbar {
    display: none;
}
.mypage .my_btn a {
    min-width: 12rem;
    border-radius: 600px;
    padding: 1.5rem;
    text-align: center;
    border: 0.2rem solid #ebebeb;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    white-space: nowrap;
}
.mypage .my_btn .on a {
    background: #045abe;
    color: #fff;
    border: 0;
}
.mypage .my_cont ul > li {
    border-radius: 1.6rem;
    box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.12);
    padding: 3rem 10rem 3rem 4rem;
    position: relative;
}
.mypage .my_cont ul > li + li {
    margin-top: 2.4rem;
}
.mypage .my_cont ul > li a::after {
    content: "";
    width: 3.6rem;
    height: 3.6rem;
    background: url(../images/go_arrow.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
}
.mypage .sum_list .get a {
    display: flex;
    align-items: center;
}
.mypage .sum_list .get a .thumb {
    width: 10rem;
    height: 10rem;
}
.mypage .sum_list .get a .tit {
    margin-left: 1rem;
    margin-bottom: 0;
}
.mypage .nft_ul a .thumb {
    width: 10rem;
    height: 10rem;
}
.mypage .nft_ul a .info {
    margin-left: 1rem;
    align-content: center;
}
.mypage .txt_switch {
    justify-content: flex-start;
    position: relative;
}
.mypage .txt_switch > span::before {
    content: "ON";
    left: 2rem;
}
.mypage .txt_switch > span::after {
    content: "OFF";
    left: 6rem;
}
.mypage .txt_switch > span::before,
.mypage .txt_switch > span::after {
    color: #fff;
    position: absolute;
    font-size: 2rem;
    top: 50%;
    transform: translateY(-50%);
}
.mypage .txt_switch span {
    color: #555;
    padding-left: 0.8rem;
}
.my_cont .tit {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    font-weight: 500;
    margin-bottom: 2.2rem;
}
.my_cont .state_wrap {
    display: flex;
    align-items: center;
}
.my_cont .d_day {
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-size: 2.4rem;
    color: #888;
    letter-spacing: -0.48px;
    margin-right: 1.6rem;
}
.my_cont .d_day::before {
    content: "";
    width: 3.4rem;
    height: 3.4rem;
    background: url(../images/calendar_icon.png) no-repeat center;
    background-size: cover;
    margin-right: 0.8rem;
}
.my_cont .d_day.succ {
    padding: 0;
    margin-right: 1.6rem;
    width: inherit;
    color: #f2590a;
}
.my_cont .d_day.succ::before {
    background: url(../images/challenge_succ.png) no-repeat center;
    background-size: cover;
}
.my_cont .chart {
    width: 100%;
}
.my_cont .state {
    margin-top: 1rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    display: flex;
    align-items: center;
    min-width: 8rem;
    justify-content: flex-end;
}
.my_cont .no_challenge img {
    display: block;
    width: 21rem;
    margin: 12rem auto 4.8rem;
}
.my_cont .no_challenge .txt {
    text-align: center;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #b8b8b8;
}
.my_cont .date {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #9c9c9c;
}
.challengeBox .challenge_info.bg {
    background: #f8f8f8;
    padding: 3.6rem 4rem;
    border-radius: 2.4rem;
    margin-bottom: 6rem;
}
.challengeBox .challenge_info .challenge_info_list {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.challenge_goal .tit .c {
    color: #f36900 !important;
    font-weight: 600;
}
.work_count.bg {
    background: #045abe;
}

.user_card {
    border-radius: 2.4rem;
    box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
    padding: 4.8rem 6rem;
    margin-bottom: 3.6rem;
    background: #fff url(../images/ic_mark.png) no-repeat calc(100% - 4.8rem)
        4.8rem;
    background-size: 21rem;
}
.user_card .user li {
    display: flex;
    align-items: center;
    gap: 2.8rem;
}
.user_card .user li + li {
    margin-top: 3rem;
}
.user_card .user .tit {
    min-width: 9.6rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #888;
}
.user_card .user .user_cont {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
}
.user_card .txt {
    font-size: 2.6rem;
    margin-top: 4.8rem;
    letter-spacing: -0.52px;
    color: #045abe;
    text-align: center;
}

.recycle_input .label_wrap .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.52px;
    margin-bottom: 1.6rem;
}
.recycle_input .label_wrap + .label_wrap {
    margin-top: 4.8rem;
    display: block;
}
.recycle_input .label_wrap input[type="text"],
.recycle_input .label_wrap select {
    width: 100%;
}
.recycle_input .label_wrap input[type="text"]:read-only {
    background: #f5f5f5;
    color: #9c9c9c;
}
.recycle_input .ck_wrap {
    align-items: center;
    gap: 4rem;
    display: flex;
}
.recycle_input .ck_wrap .label_wrap {
    margin: 0;
    display: flex;
    align-items: center;
}
.recycle_input .ck_wrap .label_wrap .tit {
    margin: 0;
    padding: 0;
    font-size: 2.6rem;
    font-weight: normal;
    color: #555;
}
.recycle_input input[type="radio"],
.recycle_input input[type="checkbox"] {
    width: 2rem;
    height: 2rem;
    display: block;
    margin-right: 1.2rem;
}
.recycle_input .ck {
    display: flex;
    align-items: center;
    margin-top: 4rem;
}
.recycle_input .ck .tit {
    font-weight: normal;
    font-size: 2.6rem;
    color: #555;
    margin: 0;
}

.btn_close {
    width: 14rem;
    padding: 2rem;
    display: flex;
    justify-content: center;
    border-radius: 800px;
    border: 0.2rem solid #ebebeb;
    background: #f8f8f8;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    align-items: center;
    color: #888;
    margin: 0 auto;
}
.btn_close::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/close_gray.png) no-repeat center;
    background-size: cover;
    margin-right: 0.8rem;
}

.mypage {
    height: 100%;
}
.mypage .btn_blueline {
    position: absolute;
    bottom: 18rem;
    width: calc(100% - 8rem);
}

.my_benefit_list {
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
}
.my_benefit_list > li {
    padding: 3.2rem 4rem;
}
.my_benefit_list > li + li {
    border-top: 1rem solid #f6f6f6;
}
.my_benefit_list .date {
    display: flex;
    align-items: center;
}
.my_benefit_list .date .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.52px;
    border-radius: 0.8rem;
    background: #00b27b;
    padding: 0.8rem;
    color: #fff;
    margin-right: 1.2rem;
}
.my_benefit_list .date .tit.blue {
    background: #0067b6;
}
.my_benefit_list .date_txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
}
.my_benefit_list .benefit_tit {
    margin: 2rem 0 2.8rem;
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.my_benefit_list .benefit_detail {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}
.my_benefit_list .benefit_detail li {
    border-radius: 1.2rem;
    border: 0.2rem solid #ebebeb;
    padding: 2.4rem;
    width: 100%;
}
.my_benefit_list .benefit_detail li.f {
    background: #f8f8f8;
}
.my_benefit_list .benefit_detail .tit {
    text-align: center;
    word-break: keep-all;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-bottom: 2rem;
    min-height: 5.8rem;
}
.my_benefit_list .benefit_detail .result {
    text-align: center;
    font-weight: 500;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.my_benefit_list .benefit_detail .t1 {
    color: #045abe;
}
.my_benefit_list .benefit_detail .t2 {
    color: #000;
}

.service .service_wrap {
    margin-top: 4.8rem;
}
.service_cont > .box {
    width: 100%;
    border-radius: 2.8rem;
    box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
    padding: 4.8rem 4.4rem;
    position: relative;
}
.service_cont > .box > .tit {
    font-weight: 500;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    margin-bottom: 3.6rem;
}
.service_cont > .box .setting {
    position: absolute;
    top: 4.8rem;
    right: 4.4rem;
    display: flex;
    align-items: center;
    color: #888;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}
.service_cont > .box .setting::before {
    content: "";
    width: 2.6rem;
    height: 2.6rem;
    background: url(../images/setting.png) no-repeat center;
    background-size: cover;
    margin-right: 0.6rem;
}
.service_cont .service_shortcut {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 3.4rem;
}
.service_cont .service_shortcut li {
    width: calc(25% - 2.6rem);
    position: relative;
}
.service_cont .service_shortcut .service_icon {
    width: 100%;
    height: 12rem;
    border-radius: 2rem;
    background: #f6f9fc;
    padding: 2.8rem 1.6rem;
    text-align: center;
}
.service_cont .service_shortcut .service_icon img {
    width: auto;
    height: 100%;
    max-width: 100%;
}
.service_cont .service_shortcut .service_tit {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #555;
    margin-top: 2rem;
    min-height: 5.8rem;
}
.service_cont > .box + .btn-wrap {
    margin: 3.6rem auto 0;
    justify-content: center;
    gap: 0.8rem;
    padding-bottom: 16rem;
}
.service_cont > .box + .btn-wrap button {
    padding: 2.4rem 3.8rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    border-radius: 1.2rem;
    margin: 0;
}
.service_cont .service_shortcut .favorite {
    width: 4rem;
    height: 4rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/favorite.png) no-repeat center;
    background-size: cover;
    z-index: 55;
    display: none;
}
.service_cont .service_shortcut .favorite.on {
    background: url(../images/favorite_on.png) no-repeat center;
    background-size: cover;
}
.service_cont .service_shortcut.setting-mod .favorite {
    display: block;
}

.service_wrap .privacy_ck > .tit,
.service_wrap .privacy_ck .inner_cont > .tit {
    font-size: 2.8rem;
    font-weight: 500;
    list-style: 0.56px;
    margin-bottom: 2.4rem;
}
.service_wrap .privacy_ck > .tit {
    border-bottom: 0.2rem solid #ebebeb;
    padding-bottom: 1.6rem;
    margin-bottom: 3.6rem;
}
.service_wrap .privacy_box {
    width: 100%;
    padding: 4rem;
    border-radius: 2.4rem;
    background: #f8f8f8;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    line-height: 3.6rem;
    color: #555;
    height: 58rem;
    overflow-y: auto;
    word-break: keep-all;
}
.service_wrap .privacy_ck .inner_cont .input_wrap {
    display: flex;
    align-items: center;
    margin-top: 3.6rem;
}
.service_wrap .privacy_ck .input_wrap .tit {
    font-size: 2.6rem;
    font-weight: 500;
    margin-left: 1.6rem;
    letter-spacing: -0.52px;
}
.service_wrap .privacy_ck .input_wrap input {
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
    border: 0.2rem solid #dbdbdb;
}
.service_wrap .privacy_ckList {
    display: flex;
    gap: 3rem;
}
.service_wrap .privacy_ckList li {
    width: 100%;
    border-radius: 2.8rem;
    box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
    padding: 3.2rem 2.8rem;
    position: relative;
}
.service_wrap .privacy_ckList li .img {
    margin: 0 auto 10rem;
    display: flex;
}
.service_wrap .privacy_ckList li:nth-child(2) .img {
    padding: 1.5rem;
}
.service_wrap .privacy_ckList li .tit {
    font-size: 2.8rem;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 3.2rem;
    transform: translateX(-50%);
    white-space: nowrap;
}

.membership_page > .tit {
    text-align: center;
    font-weight: 500;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    margin-bottom: 4.8rem;
}
.membership_detail {
    border-radius: 2.4rem;
    padding: 3.6rem 4rem;
    box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2.8rem;
}
.membership_detail > .tit {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #045abe;
    border-bottom: 0.2rem solid #ebebeb;
    padding-bottom: 1.6rem;
}
.membership_detail .membership_info {
    margin: 2.8rem 0 4rem;
}
.membership_detail .membership_info li {
    display: flex;
    align-items: center;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    justify-content: space-between;
}
.membership_detail .membership_info li + li {
    margin-top: 2rem;
}
.membership_detail .membership_info .info_tit {
    color: #555;
}
.membership_detail .membership_codeInfo img {
    display: block;
    max-height: 10rem;
    margin: 0 auto 1.6rem;
}
.membership_detail .membership_codeInfo .code {
    text-align: center;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    margin-top: 1.6rem;
}
.membership_service_box {
    width: 100%;
    border-radius: 1.2rem;
    padding: 2.4rem 3.6rem;
    border: 0.2rem solid #ebebeb;
    margin-bottom: 2.4rem;
}
.membership_page .membership_service,
.membership_page .membership_service li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    width: 100%;
}
.membership_page .membership_service .service_txt {
    font-weight: 500;
    color: #045abe;
}
.membership_page .library_link {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.membership_page .library_link li,
.membership_page .library_link a {
    width: 100%;
    text-align: center;
}
.membership_page .library_link a {
    padding: 2.4rem;
    border-radius: 1.2rem;
    background: #eef6ff;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #082a51;
}
.membership_page .membership_note {
    margin-top: 6rem;
    position: relative;
    left: -4rem;
    width: calc(100% + 8rem);
    background: #f8f8f8;
    padding: 4rem;
    line-height: 3.6rem;
}
.membership_page .membership_note .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.52px;
    color: #555;
    margin-bottom: 2.8rem;
}
.membership_page .membership_note .text {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    color: #888;
    word-break: keep-all;
}
.membership_page .membership_note li + li {
    margin-top: 1.6rem;
}
.membership_page .membership_note li::before {
    font-size: 2.4rem;
    color: #555;
}
.membership_page .note_txt {
    margin: 2.4rem 0 3.6rem;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
}

.sort_controll {
    display: flex;
    align-items: center;
    border-radius: 1.2rem;
    padding: 0 2.8rem;
    border: 0.2rem solid #ebebeb;
    box-shadow: 0.4rem 0.4rem 2.4rem 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 3.6rem;
}
.sort_controll .icn {
    width: 3.6rem;
    min-width: 3.6rem;
}
.sort_controll select {
    border: 0;
    width: 100%;
}
.sort_controll .bar {
    width: 0.2rem;
    height: 4rem;
    background: #ebebeb;
    display: block;
    margin: 0 0 0 2.4rem;
}
.thumb_list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 1.8rem;
}
.thumb_list img {
    display: block;
}
.thumb_list li {
    width: calc(50% - 0.9rem);
    position: relative;
    border-radius: 2.4rem;
    overflow: hidden;
    box-shadow: 0.4rem 0.4rem 2.4rem 0 rgba(0, 0, 0, 0.08);
}
.thumb_list .thumb_info {
    padding: 2.4rem 2.8rem;
    border: 0.2rem solid #ebebeb;
    border-top: 0;
    border-radius: 0 0 2.4rem 2.4rem;
}
.thumb_list .thumb_info .tit {
    font-size: 2.6rem;
    font-weight: 500;
    letter-spacing: -0.52px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.thumb_list .thumb_info .state_wrap {
    display: flex;
    margin-top: 2.4rem;
}
.thumb_list .thumb_info .state {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    min-width: 8rem;
    justify-content: flex-end;
    font-size: 2rem;
    letter-spacing: -0.4px;
    gap: 0.4rem;
}
.thumb_list .thumb_info .state_wrap .goal {
    color: #888;
}
.thumb_list .label {
    position: absolute;
}
.thumb_list .date_label {
    top: 0.8rem;
    left: 0.8rem;
    padding: 1.2rem 1.6rem;
    border-radius: 600px;
    background: #11c96d;
    color: #fff;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    display: flex;
    align-items: center;
}
.thumb_list .date_label::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/date_label.png) no-repeat center;
    background-size: cover;
    margin-right: 0.6rem;
}
.thumb_list .complete_label {
    top: 0.8rem;
    padding: 1.2rem 1.6rem;
    border-radius: 600px;
    background: #f2590a;
    color: #fff;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    display: flex;
    align-items: center;
}
.thumb_list .proceed_label {
    top: 0.8rem;
    left: 0.8rem;
    padding: 1.2rem 1.6rem;
    border-radius: 600px;
    background: #67aeff;
    color: #fff;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
    display: flex;
    align-items: center;
}

.inquiry .incheon_logo {
    display: block;
    margin: 12rem auto 6rem;
    width: 60%;
}
.inquiry > .txt {
    text-align: center;
    font-weight: 500;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 4.6rem;
    word-break: keep-all;
}
.inquiry .inquiry_box {
    width: 100%;
    border-radius: 2rem;
    background: #f1f7ff;
    padding: 4rem;
    margin: 12rem auto;
}
.inquiry .inquiry_box .tit {
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: -0.6px;
    color: #045abe;
}
.inquiry .inquiry_box .txt {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 4rem;
    color: #555;
    word-break: keep-all;
}
.inquiry .inquiry_box img {
    display: block;
    margin: 9rem auto 0;
    width: 30%;
}
.inquiry .inquiry_btn {
    display: block;
    padding: 2rem;
    width: 36rem;
    max-width: 60%;
    background: #045abe;
    color: #fff;
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.64px;
    border-radius: 1.2rem;
    margin: 0 auto 12rem;
}

.info_container {
    padding: 16rem 0;
}
.info_container > .tit {
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 2.4rem;
    letter-spacing: -0.8px;
}
.info_container > .txt {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    line-height: 4rem;
    color: #555;
    margin-bottom: 6rem;
}
.info_container .info_ck_list > li + li {
    margin-top: 6rem;
}
.info_container .info_ck_list .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    color: #045abe;
    font-weight: bold;
    margin-bottom: 3.8rem;
}
.info_container .info_ck_list .dot_list p {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    align-self: flex-start;
    width: 17rem;
    margin-right: 4.8rem;
}
.info_container .info_ck_list .dot_list > li::before {
    align-self: flex-start;
    font-size: 2.8rem;
}
.info_container .info_ck_list .dot_list > li + li {
    margin-top: 3.6rem;
}
.info_container .info_ck_list .dash_list li {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    color: #555;
}
.info_container .info_ck_list .dash_list li + li {
    margin-top: 1.6rem;
}
.info_container .float_btn {
    width: 100%;
    border-radius: 1.2rem;
    box-shadow: none;
}

/* 260113 */
.addCard_pop.on {
    height: 80%;
}
.addCard_pop .addCard_box {
    width: 100%;
    border-radius: 2rem;
    padding: 3.6rem 3.2rem;
    margin-bottom: 4.8rem;
    background: #eff9fe;
}
.addCard_pop .addCard_box .tit {
    font-size: 3rem;
    letter-spacing: -0.6px;
    margin-bottom: 2.8rem;
    color: #045abe;
    font-weight: 500;
    text-align: center;
}

.addCard_pop .pop_label + .pop_label {
    margin-top: 4.8rem;
}
.addCard_pop .pop_label .tit {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 2rem;
    letter-spacing: -0.6px;
}
.addCard_pop .pop_label input {
    width: 100%;
}
.addCard_pop .pop_label .file {
    display: none;
}
.addCard_pop .pop_label .file_label {
    border-radius: 1.2rem;
    padding: 2.3rem 3.7rem;
    white-space: nowrap;
    border: 0.2rem solid #045abe;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #045abe;
}
.addCard_pop .pop_label .file_div {
    width: 100%;
    border-radius: 1.2rem;
    border: 0.2rem solid #dbdbdb;
    padding: 2.3rem 3.7rem;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    min-height: 8rem;
    margin-left: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.addCard_pop .pop_label .note_text {
    margin-top: 2.8rem;
    font-size: 2.6rem;
    letter-spacing: -0.52px;
    line-height: 4rem;
    color: #888;
}

.circle_num > li {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}
.circle_num > li + li {
    margin-top: 2.4rem;
}
.circle_num > li::before {
    font-size: 2.8rem;
    display: flex;
    align-self: flex-start;
    justify-content: center;
    background: #045abe;
    color: #fff;
    border-radius: 50%;
}
.circle_num > li:nth-child(1)::before {
    content: "1";
    width: 3.4rem;
    height: 3.4rem;
    min-width: 3.4rem;
}
.circle_num > li:nth-child(2)::before {
    content: "2";
    width: 3.4rem;
    height: 3.4rem;
    min-width: 3.4rem;
}
.circle_num > li:nth-child(3)::before {
    content: "3";
    width: 3.4rem;
    height: 3.4rem;
    min-width: 3.4rem;
}
.circle_num > li:nth-child(4)::before {
    content: "4";
    width: 3.4rem;
    height: 3.4rem;
    min-width: 3.4rem;
}
.circle_num > li:nth-child(5)::before {
    content: "5";
    width: 3.4rem;
    height: 3.4rem;
    min-width: 3.4rem;
}
.circle_num > li .text {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    line-height: 4rem;
    word-break: keep-all;
}

/* kh 20250108 모달창 추가*/
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.modal-header .mark-all-read {
    background: none;
    border: none;
    color: #007bff;
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    transition: color 0.2s ease;
}
.modal {
    position: fixed;
    top: 139px;
    right: 20px;
    max-height: 300px;
    width: 60%;
    padding: 15px;
    background: #fff;
    box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
    transition: all 0.3s ease;
    z-index: 998;
}
.modal-content {
    text-align: left;
    font-size: 23px;
    max-height: 300px;
    width: 100%;
    overflow-y: auto;
    padding: 0px 10px;
    color: #333;
}
.modal::before {
    content: "";
    position: absolute;
    top: -20px;
    right: 153px;
    width: 0;
    height: 0;
    border-left: 14px solid #fff0;
    border-right: 14px solid #fff0;
    border-bottom: 20px solid #fff;
}
.modal.visible {
    opacity: 1;
    visibility: visible;
    min-width: 30%;
    transform: scale(1);
}
.modal-content p {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}
.modal.hidden {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.8);
}
.modal-footer {
    display: flex;
    justify-content: center;
    padding: 10px 15px;
}
.modal-footer .load-more {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 8px 96px;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.modal-footer .load-more:hover {
    background-color: #0056b3;
}

.inqpl_result .tit {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 50px 0 200px 0;
}

.description_top {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
}
#docName {
    text-decoration: underline;
    text-decoration-color: #0067b6;
    text-decoration-thickness: 4px;
    text-align: center;
}

.mt50 {
    margin-top: 50px;
}

#tax_list_area a.no-bg {
    background-image: none;
}
#tax_list_area li a label.relative {
    position: relative;
}
#tax_list_area li a input[type="checkbox"].abs {
    position: absolute;
    top: 1px;
}
#tax_list_area li a span.ml25 {
    margin-left: 25px;
}

/* 키보드/입력 포커스 상태일 때 */
body.kb-open .float_btn,
body.kb-open .footer {
    display: none !important;
}

body.ios-kb-open {
    padding-bottom: 400px !important;
}

body.kb-open .contents {
    min-height: 100dvh; /* 콘텐츠가 짧을 때만 화면을 꽉 채우게 유지 */
    margin-bottom: 0 !important;
}

body.kb-open .contents > .bg > .inner {
    padding-bottom: 0 !important;
}

.chain-dots {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 8rem;
}

.dots-row {
    display: flex;
    flex-direction: row;
    gap: 1.5rem; /* dot 간격 */
}

.chain-dots .dot {
    width: 10px;
    height: 10px;
    background-color: #0a8bf0;
    border-radius: 50%;
    opacity: 0.2;
    animation: blink 1.4s infinite;
}

.chain-dots .dot1 {
    animation-delay: 0s;
}
.chain-dots .dot2 {
    animation-delay: 0.2s;
}
.chain-dots .dot3 {
    animation-delay: 0.4s;
}

.loading-text {
    margin-top: 3rem;
    font-size: 2.2rem;
    color: #666;
}

#certApply:disabled,
#certApply.disabled_btn {
    background-color: #d3d3d3 !important;
    color: #888888 !important;
    cursor: not-allowed !important;
    pointer-events: none;
    box-shadow: none;
}

@keyframes blink {
    0%,
    100% {
        opacity: 0.2;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.4);
    }
}

/* 260305 */
.my_card_add_container {
    margin-top: 5.6rem;
}
.my_card_add_container .title {
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    margin-bottom: 4.8rem;
    letter-spacing: -0.8px;
}
.my_card_add_container .card_area {
    padding: 4.8rem 3.2rem;
    width: calc(100% - 4rem);
    margin: 0 auto;
    border-radius: 3.2rem;
}
.my_card_add_container .card_area .card_title {
    margin-bottom: 3.8rem;
    text-align: center;
    font-size: 3.8rem;
    font-weight: bold;
    letter-spacing: -0.76px;
}
.my_card_add_container .card_area .card_img {
    border: 0.4rem solid #fff;
    width: 24.8rem;
    height: 26.8rem;
    border-radius: 2.8rem;
    margin: 0 auto 4.8rem;
}
.my_card_add_container .card_area .card_img img {
    width: 100%;
}
.my_card_add_container .my_card_info_list {
    margin-bottom: 4.8rem;
}
.my_card_add_container .my_card_info_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
}
.my_card_add_container .my_card_info_list li + li {
    margin-top: 2rem;
}
.my_card_add_container .my_card_info_list li .tit {
    font-weight: 500;
    color: #666;
}
.my_card_add_container .my_card_info_list li .cont {
    font-weight: bold;
}
.my_card_add_container .card_text_box {
    width: 100%;
    padding: 2.4rem;
    border-radius: 2.4rem;
    text-align: center;
    background: #fff;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    line-height: 4.4rem;
}
.my_card_add_container .card_text_box .c {
    font-weight: bold;
}
.my_card_add_container .card_type1 {
    background: url(../images/card_type1.png) no-repeat center;
    background-size: cover;
}
.my_card_add_container .card_type2 {
    background: url(../images/card_type2.png) no-repeat center;
    background-size: cover;
}
.my_card_add_container .card_type3 {
    background: url(../images/card_type3.png) no-repeat center;
    background-size: cover;
}
.my_card_add_container .card_type1 .c {
    color: #0e8eaf !important;
}
.my_card_add_container .card_type2 .c {
    color: #b52b4d !important;
}
.my_card_add_container .card_type3 .c {
    color: #1c2577 !important;
}

.challenge_container .gradient_box {
    margin-bottom: 8rem;
    border-radius: 3.2rem;
    background: linear-gradient(to right, #20d19a, #2276d8);
    padding: 6rem 0;
    text-align: center;
}
.challenge_container .gradient_box .tit {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    color: #fff;
    margin-bottom: 3.6rem;
}
.challenge_container .gradient_box .text {
    font-size: 3.2rem;
    font-weight: 500;
    letter-spacing: -0.64px;
    color: #fff;
}
.challenge_container .challenge_agreement .tit {
    font-size: 3.2rem;
    font-weight: bold;
    letter-spacing: -0.64px;
    margin-bottom: 2.8rem;
}
.challenge_container .challenge_agreement .agree_items {
    margin-bottom: 6rem;
}
.challenge_container .challenge_agreement .agree_box {
    display: flex;
    align-items: center;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: -0.6px;
    padding: 2.9rem 3.6rem;
    border: 0.2rem solid #ebebeb;
    background: #fff url(../images/agree_arrow.png) no-repeat
        calc(100% - 2.4rem) center;
    background-size: 3.6rem;
    box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 2.4rem;
    width: 100%;
}
.challenge_container .challenge_agreement .agree_box + .agree_box {
    margin-top: 2rem;
}
.challenge_container .challenge_agreement .c {
    font-weight: bold;
}
.challenge_container .challenge_agreement .agree_box input {
    width: 4.8rem;
    height: 4.8rem;
    display: block;
    margin-right: 2rem;
}

.agree_pop {
    overflow: hidden;
}
.agree_pop .pop_header {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    font-weight: bold;
    margin-bottom: 2.8rem;
}
.agree_pop .pop_scroll_box {
    margin-bottom: 6rem;
    height: 60vh;
    overflow-y: auto;
    border-radius: 2rem;
    padding: 2.8rem;
    border: 0.2rem solid #ebebeb;
    background: #f5f5f5;
    font-size: 2.8rem;
    color: #555;
    font-weight: 500;
    letter-spacing: -0.56px;
    line-height: 4.2rem;
}
.agree_pop .pop_scroll_box .text + .text {
    margin-top: 4rem;
}
.pop .pop_bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    width: calc(100%);
    display: flex;
    gap: 0.6rem;
}
.pop .pop_bottom button {
    padding: 2.2rem;
    border-radius: 0 !important;
}
.pop .pop_bottom button:first-child {
    border-bottom: 0 0 0 3.2rem;
}
.pop .pop_bottom button:last-child {
    border-bottom: 0 0 3.2rem 0;
}

.delivery_service .info_txt {
    color: #fff;
    margin-top: -4.8rem;
    width: calc(100% + 8rem);
    left: -4rem;
    position: relative;
    padding: 6.8rem 4rem;
    background: linear-gradient(
        to right,
        rgb(66, 165, 209),
        rgb(102, 213, 211)
    );
}
.delivery_service .info_txt::after {
    content: "";
    width: 30.6rem;
    height: 42.6rem;
    background: url(../images/delivery_bg.png) no-repeat center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 7rem;
}
.delivery_service .info_txt .tit {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: -0.8px;
    margin-bottom: 3.2rem;
}
.delivery_service .info_txt .txt {
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: -0.56px;
    line-height: 4.2rem;
}
.delivery_service .info_txt .txt + .txt {
    margin-top: 2.4rem;
}
.delivery_service .delivery_tit {
    margin: 12rem auto 6rem;
    text-align: center;
    font-size: 3.6rem;
    font-weight: bold;
}
.delivery_service .deliveryService_list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6rem;
}
.delivery_service .deliveryService_list .img {
    width: 16rem;
    margin-bottom: 2.4rem;
}
.delivery_service .deliveryService_list .delivery_item_tit {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
    color: #555;
    font-weight: 500;
}

@media (1201px <= height <= 1400px) {
    .contents .notice_wrap {
        margin-top: -60px;
        margin-bottom: 20px;
    }
    .p_tit + .login_box {
        margin-top: 60px;
    }
    .number_btn button {
        padding: 40px 0 36px;
    }
    .join .p_tit {
        margin: 80px auto 60px;
    }
    .join_succ .join_logo,
    .login_succ .login_logo {
        max-width: 460px;
    }
    .inner.myCert .add_card {
        position: relative;
        width: 60%;
        margin: 5rem auto 3rem;
        transform: inherit;
        left: inherit;
        justify-content: center;
    }
    .blue_btns {
        margin-bottom: 80px;
    }
    .contents .inner {
        /* min-height: 100%; */
        margin-bottom: 6rem;
        padding-bottom: 0 !important;
    }
    .myCert .item_box + .txt {
        margin-bottom: 5rem;
    }
    .cert .cert_img img {
        margin: 20% auto 4.8rem;
    }
    .cert .cert_img + .txt {
        margin-bottom: 10rem;
    }

    .float_btn {
        position: relative;
        bottom: inherit;
        top: 80px;
        margin-bottom: 180px;
    }
    .event_pop {
        height: 80%;
    }
    .event_pop .btn_wrap .like_btn {
        border: 1px solid #dbdbdb;
        flex: 0 25%;
    }

    /* 20250409 추가 */
    .benefits .support_list {
        margin-bottom: 25rem;
    }
    .benefits .btn_wrap {
        /* position: relative;  */
        bottom: 20rem;
    }
    .benefits .btn_wrap .float_btn.half {
        margin-bottom: 0;
    }
    .map_pop,
    .popup.findMap_pop,
    .popup.detail_pop {
        height: auto;
    }
    .map_pop .pop_inner {
        padding-bottom: 5rem;
    }
    .popup.detail_pop .findMap_pop {
        margin-bottom: 5rem;
    }
    .popup.findMap_pop .btn_gray {
        margin-bottom: 5rem;
    }

    .join .join_box + .btn_wrap {
        bottom: 0;
    }
}

@media (1101px <= height <= 1200px) {
    .p_tit + .login_box + .btn_wrap {
        position: relative;
        margin-top: 180px;
    }
    .succ {
        padding-top: 37.5%;
    }
    .contents .notice_wrap {
        margin-top: -80px;
        margin-bottom: 20px;
    }
    .blue_btns {
        margin-bottom: 40px;
    }
    .contents .inner {
        /* min-height: 100%; */
        height: initial; /* margin-bottom: 12rem; */
    }
    .myCert .item_box + .txt {
        margin-bottom: 10rem;
    }
    .cert .cert_img img {
        margin: 20% auto 4.8rem;
    }
    .cert .cert_img + .txt {
        margin-bottom: 10rem;
    }
    .join .btn_bt {
        position: relative;
        margin-top: 80px;
    }
    .event_pop {
        height: 100%;
    }
    .event_pop .btn_wrap .like_btn {
        border: 1px solid #dbdbdb;
        flex: 0 25%;
    }
    .inner.myCert .add_card {
        position: relative;
        width: 60%;
        margin: 5rem auto 3rem;
        transform: inherit;
        left: inherit;
        justify-content: center;
    }

    .float_btn {
        position: relative;
        bottom: inherit;
        top: 80px;
        margin-bottom: 60px;
    }
    .eco_cont .float_btn.green {
        transform: translateX(-75%);
    }
    .map_pop,
    .popup.findMap_pop,
    .popup.detail_pop {
        height: auto;
    }
    .map_pop .pop_inner {
        padding-bottom: 5rem;
    }
    .popup.detail_pop .findMap_pop {
        margin-bottom: 5rem;
    }
    .popup.findMap_pop .btn_gray {
        margin-bottom: 5rem;
    }
}

@media (1000px <= height <= 1100px) {
    .float_btn {
        position: relative;
        bottom: inherit;
        top: 100px;
    }
    .contents .inner {
        /* min-height: 100%; */
        height: initial;
        margin-bottom: 6rem;
    }
    .cert .cert_img img {
        margin: 15% auto 4.8rem;
    }
    .cert .cert_img + .txt {
        margin-bottom: 10rem;
    }
    .event_pop {
        height: 68%;
    }
    .event_pop .btn_wrap .like_btn {
        border: 1px solid #dbdbdb;
        flex: 0 25%;
    }
    .eco_cont .float_btn.green {
        transform: translateX(-75%);
    }
    .map_pop,
    .popup.findMap_pop,
    .popup.detail_pop {
        height: auto;
    }
    .map_pop .pop_inner {
        padding-bottom: 5rem;
    }
    .popup.detail_pop .findMap_pop {
        margin-bottom: 5rem;
    }
    .popup.findMap_pop .btn_gray {
        margin-bottom: 5rem;
    }
}

@media (1100px <= height <= 1200px) {
    .float_btn {
        position: relative;
        bottom: inherit;
        top: 100px;
    }
}

@media (768px <= width <= 1400px) and (768px <= height <= 1100px) {
    .header {
        padding: 18px 0;
    }
    .contents .inner {
        /* min-height: 100%; */
        height: initial;
        padding-bottom: 0 !important;
    }
    .contents .notice_wrap {
        margin-top: -250px;
        margin-bottom: 20px;
    }
    /* .contents > .bg{padding-top: 36px;} */
    .join .p_tit {
        margin: 0 auto 40px;
    }
    .p_tit + .login_box {
        margin-top: 40px;
    }
    .join_state {
        margin-bottom: 40px;
    }
    .number_btn button {
        padding: 24px 0;
        font-size: 2.8rem;
    }
    .number_btn button.bg {
        font-size: 2.2rem;
    }
    .join .s_tit {
        font-size: 2.8rem;
        margin-bottom: 40px;
    }
    /* .join .btn_wrap .btn_blue,
    .join .btn_wrap .btn_white{padding: 16px 0; font-size: 2rem;} */
    .p_tit + .login_box + .btn_wrap {
        position: relative;
        margin-top: 150px;
    }
    .p_tit + .login_box .kg_btn {
        width: 30%;
    }

    .contents .top_nav li {
        padding: 18px 0 !important;
        font-size: 2.2rem !important;
    }

    .join .btn_wrap {
        position: relative;
        margin-top: 150px;
    }
    .join .btn_wrap button {
        font-size: 2.4rem;
        padding: 20px 0;
    }
    .join_succ .btn_blue {
        position: relative;
        width: 100%;
        margin-top: 200px;
    }
    .login_succ .btn_wrap {
        position: relative;
        margin-top: 200px;
        width: 100%;
    }
    .contents .notice_wrap {
        margin-bottom: 80px;
        overflow: hidden;
        padding-left: 1px;
    }
    /* .contents .inner{padding-bottom: 210px;} */
    .contents .service_wrap {
        margin-top: 40px;
    }
    .service .list {
        flex-flow: row nowrap;
    }
    .service .list li {
        width: calc(15.3%);
    }

    .loading .progress_wrap {
        padding-top: 20%;
    }
    .loading .progress_wrap .value {
        margin-bottom: 40px;
    }

    .succ {
        padding-top: 24%;
    }
    /* .succ img{margin-bottom: 60px;} */
    .join .succ .btn_bt {
        position: relative;
        margin-top: 180px;
    }
    .certificate_list .cert2 .bg {
        height: 50%;
    }
    .certificate_list .cert_card {
        min-height: 800px;
    }

    .inner.myCert .add_card {
        position: relative;
        width: 60%;
        margin: 5rem auto 3rem;
        transform: inherit;
        left: inherit;
        justify-content: center;
    }

    .float_btn {
        position: relative;
        bottom: inherit;
        top: 80px;
        margin-bottom: 180px;
    }

    .cert .cert_img img {
        margin: 5% auto 2rem;
        width: 30%;
    }
    .cert .cert_img + .txt {
        margin-bottom: 5rem;
    }

    .event_pop {
        height: 68%;
    }
    .event_pop .btn_wrap .like_btn {
        border: 1px solid #dbdbdb;
        flex: 0 25%;
    }

    /* 20250409 추가 */
    .benefits .support_list {
        margin-bottom: 25rem;
    }
    .benefits .btn_wrap .float_btn.half {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) and (max-height: 1150px) {
    .select_photo .photo_list li {
        width: 23.8%;
    }
}

@media (max-width: 768px) and (max-height: 1000px) {
    .btn {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 15px 80px;
        margin: 0 auto 1.8rem;
    }

    select {
        -webkit-border-radius: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../images/select_arrow.png) no-repeat #fff
            calc(100% - 8px) 50%/18px;
        cursor: pointer;
        border-radius: 0.8rem;
        border: 0.1rem solid #dbdbdb;
        padding: 1.2rem 1.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    input,
    textarea {
        border-radius: 0.8rem;
        border: 0.1rem solid #dbdbdb;
        padding: 1.2rem 1.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    textarea {
        height: 12rem;
    }
    select option {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .add_btn::before {
        width: 1.3rem;
        height: 1.3rem;
        margin-right: 2px;
    }

    .contents {
        margin-bottom: 60px;
        height: calc(100vh - 120px);
    }
    .contents > .bg > .inner {
        padding: 24px 0 80px;
        margin-bottom: 0;
    }
    /*  .contents > .bg{padding-top: 24px;} */
    .inner {
        width: calc(100% - 40px);
        margin: 0 20px; /* height: 100%; */
    }
    .contents .inner {
        padding-bottom: 35px;
    }
    header {
        width: 100%;
        height: 60px;
        padding: 15px 0;
    }
    header .logo {
        width: 9.1rem;
    }
    header .util_nav {
        gap: 6px;
        right: 16px;
    }
    header .util_nav li .icon {
        width: 30px;
        height: 30px;
    }
    header .util_nav li .alarm .count {
        width: 14px;
        height: 14px;
        font-size: 0.8rem;
        line-height: 15px;
    }
    header .back {
        width: 30px;
        height: 30px;
    }
    header .page_tit {
        width: 30%;
        font-size: 1.5rem;
        margin-left: 6px;
        letter-spacing: -0.3px;
    }
    /* 260113 */
    header .logo .admin_lable {
        margin-left: 0.6rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        border-radius: 0.5rem;
        padding: 0.5rem 0.8rem;
    }

    .contents .top_nav {
        box-shadow: 4px 4px 6px 0 #ececec;
        margin-bottom: 3rem;
    }
    .contents .top_nav li {
        font-size: 1.5rem;
        padding: 11px 0;
    }

    .mainCard {
        width: 100%;
        height: 190px;
        padding: 19px 18px;
        border-radius: 14px;
        position: relative;
        box-shadow: 6px 6px 9px 0 #ececec;
        margin-bottom: 30px;
        background-size: 45%, 100%;
    }
    .mainCard.noCard {
        border-width: 1px;
    }
    .mainCard > p {
        font-size: 3rem;
        letter-spacing: -0.6px;
    }
    .mainCard > p.inner_txt {
        font-size: 1.4rem;
    }
    .mainCard.noCard .txt {
        right: 18px;
        top: 18px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .mainCard .qr_wrap {
        bottom: 20px;
    }
    .mainCard .qr_wrap li:not(:last-child)::after {
        height: 18px;
        margin: 0 24px;
    }
    .mainCard .qr_wrap li a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .mainCard .qr_wrap li:nth-child(1) a::before {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
    .mainCard .qr_wrap li:nth-child(2) a::before {
        width: 18px;
        height: 18px;
        margin-right: 6px;
    }
    .mainCard .addCard::before {
        width: 50px;
        height: 50px;
        margin: 0 auto 16px;
    }
    .mainCard .addCard {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        border-radius: 14px;
    }
    .mainCard .toggle {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        right: 18px;
        top: 18px;
    }
    .mainCard .toggle p {
        margin-right: 6px;
    }
    .mainCard .toggleSwitch {
        width: 44px;
        height: 20px;
        border: 1px solid #fff;
    }
    .mainCard .toggleSwitch .txt {
        font-size: 1rem;
        letter-spacing: -0.2px;
        margin: 3px 6px;
    }
    .mainCard .toggleSwitch .toggleButton {
        width: 14px;
        height: 14px;
        left: 2px;
    }
    .mainCard .toggleSwitch.active .toggleButton {
        left: calc(100% - 16px);
        background: #fff !important;
    }
    .mainCard .user_info {
        bottom: 16px;
        width: calc(100% - 32px);
    }
    .mainCard .user_info .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .mainCard .user_info .txt p:not(:last-child) {
        margin-bottom: 5px;
    }
    .mainCard .user_info .qr_img {
        width: 40px;
    }
    .mainCard.card3 > p {
        font-size: 2.6rem;
    }

    .my_btn_wrap {
        gap: 0.5rem;
        margin: 1rem auto 3rem;
    }
    .my_btn_wrap button {
        border-radius: 0.8rem;
        border: 0.1rem solid #d7dee6;
        padding: 1.1rem;
        font-size: 1.3rem;
    }
    .my_btn_wrap button.my::before {
        content: "";
        width: 1.4rem;
        height: 1.7rem;
        background: url(../images/my.png) no-repeat center;
        background-size: contain;
        margin-right: 0.6rem;
    }
    .my_btn_wrap button.membership::before {
        content: "";
        width: 1.4rem;
        height: 1.7rem;
        background: url(../images/membership.png) no-repeat center;
        background-size: contain;
        margin-right: 0.6rem;
    }

    .service_link {
        margin-bottom: 3rem;
        border-radius: 1.4rem;
        padding: 2.4rem 4rem;
    }
    .service_link .tit {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .service_link ul {
        gap: 2rem 2.8rem;
    }
    .service_link li {
        width: calc(33% - 1.79rem);
        font-size: 1.3rem;
        letter-spacing: -0.24px;
    }
    .service_link .icn {
        border-radius: 1rem;
        padding: 1rem 0;
    }
    .service_link .icn img {
        height: 3.2rem;
    }
    .service_link .item_tit {
        margin-top: 1rem;
        letter-spacing: -0.24px;
    }

    .relation_site ul {
        margin-bottom: 3rem;
    }
    .relation_site .icn {
        border-radius: 1rem;
        padding: 1rem 0;
    }
    .relation_site .icn img {
        width: 6.5rem;
        height: 6.5rem;
    }
    .relation_site .item_tit {
        margin-top: 1rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.6rem;
        letter-spacing: -0.24px;
    }
    .relation_site .slick-slide {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }

    .bottom_bn {
        border-radius: 1.4rem;
    }

    .contents .search_box {
        margin-bottom: 40px;
    }
    .contents .search_box .search_wrap {
        gap: 12px;
    }
    .contents .search_box .input_wrap {
        border: 2px solid #0067b6;
        border-radius: 8px;
    }
    .contents .search_box input {
        padding: 13px 18px;
        border-radius: 8px;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        width: calc(100% - 24px);
    }
    .contents .search_box button {
        width: 24px;
        height: 24px;
        margin: auto 12px auto auto;
    }
    .contents .search_box .keyword_wrap p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-right: 12px;
    }
    .contents .search_box .keyword_wrap .keyword_ul li:not(:last-child) {
        margin-right: 12px;
    }
    .contents .search_box .keyword_wrap .keyword_ul a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .contents .notice_wrap {
        margin-left: 20px;
        margin-bottom: 20px;
        margin-top: -70px;
    }
    .contents .notice_wrap .slick-slide {
        margin-right: 5px;
    }
    .contents .notice_wrap .slick-list {
        margin-right: -5%;
        padding-right: 5px;
    }
    .contents .notice_wrap .progress {
        width: calc(100% - 20px);
        height: 3px;
        margin-top: 16px;
    }
    .contents .notice_wrap .cont_tit {
        font-size: 2rem;
        margin-bottom: 12px;
    }
    .contents .notice_wrap .notice_list li {
        border-radius: 10px;
        padding: 16px;
        box-shadow: 3px 3px 6px 0 #efefef;
        height: 110px;
    }
    .contents .notice_wrap .notice_list li .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 55px;
    }
    .contents .notice_wrap .notice_list li .date {
        left: 16px;
        bottom: 20px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .contents .notice_wrap .more {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        padding: 5px 10px;
        margin-right: 20px;
    }
    .contents .notice_wrap .more::after {
        content: "";
        width: 12px;
        height: 12px;
    }

    .contents .dream_for_wrap {
        height: 135px;
    }
    .contents .dream_for {
        width: calc(100% + 40px);
        left: -20px;
    }
    .contents .dream_for .dream_for_li a {
        padding: 18px 38px;
    }
    .contents .dream_for .dream_for_li img {
        height: 120px;
    }
    .contents .dream_for .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 6px;
    }
    .contents .dream_for .txt {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        line-height: 16px;
        margin-bottom: 15px;
    }
    .contents .dream_for .slick-dots {
        bottom: -20px;
    }
    .contents .dream_for .slick-dots li {
        width: 6px;
        height: 6px;
    }
    .contents .dream_for button {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .contents .dream_for button::after {
        content: "";
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .contents .dream_for .img {
        height: 168px;
    }
    .contents .dream_for .slick-list {
        margin-bottom: 10px;
    }
    .contents .dream_for .slick-dotted.slick-slider {
        margin: 0;
    }

    .contents .service_wrap {
        height: 150px;
        margin-top: 60px;
    }
    .contents .service_wrap .cont_tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 12px;
    }
    .contents .service_wrap .more {
        font-size: 1rem;
        letter-spacing: -0.2px;
        padding: 4px 8px;
    }
    .contents .service_wrap .more::after {
        content: "";
        width: 11px;
        height: 11px;
    }
    .contents .service_wrap .slick-list {
        margin-left: 20px;
    }
    .contents .service_list {
        width: calc(100% + 40px);
        left: -20px;
    }
    .contents .service_list li .img {
        height: 90px;
        border-radius: 10px;
    }
    .contents .service_list .slick-slide {
        width: 105px;
        margin-right: 7px;
    }
    .contents .service_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 10px;
    }

    .contents .service_wrap.circle .service_lst {
        gap: 25px;
    }
    .contents .service_wrap.circle .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-top: 11px;
    }
    .contents .service_wrap.circle .more {
        margin: 24px 0 0;
        padding: 11px 17px;
    }
    .contents .service_wrap.circle .more::after {
        width: 12px;
        height: 12px;
        margin-left: 2px;
    }
    .contents .service_wrap.circle .slick-list {
        margin-left: 20px;
    }
    .contents .service_wrap.circle .service_lst {
        width: calc(100% + 40px);
        left: -20px;
    }
    .contents .service_wrap.circle .service_lst li .img {
        height: 84px;
    }
    .contents .service_wrap.circle .service_lst .slick-slide {
        width: 84px;
        margin-right: 16px;
    }
    .contents .service_wrap.circle .service_lst .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 10px;
    }

    .footer {
        width: 100%;
        height: fit-content;
        box-sizing: border-box;
        box-shadow: 0 -6px 10px 0 #efefef;
        padding: 5px 6px;
    }
    .footer_nav {
        margin-bottom: 6px;
    }
    .footer_nav .icon {
        width: 30px;
        height: 30px;
        margin: 0 auto 2px;
    }
    .footer_nav a {
        font-size: 1rem;
        letter-spacing: -0.2px;
    }

    /* 서브 */
    .scan_pop .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin: 40px auto 90px;
    }
    .scan_pop .qr_scan {
        width: 150px;
        height: 150px;
        margin-bottom: 200px;
    }
    .scan_pop .qr_img {
        width: 134px;
        height: 134px;
    }
    .scan_pop .text {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .scan_pop .scan_confirm {
        width: 60px;
        height: 60px;
        margin: 30px auto 0;
    }
    .scan_page .qr_img {
        width: 134px !important;
        height: 134px !important;
        margin: 10px auto;
    }
    .scan_page .top_text {
        margin-top: 50px;
        font-size: 2rem;
        letter-spacing: -0.4px;
        line-height: 28px;
    }
    .scan_page .bottom_text {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 24px;
        margin: 180px 0 20px;
    }
    .scan_page .btn_wrap button {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        padding: 13px 0;
        border-radius: 6px;
    }
    .scan_page .btn_wrap button:not(:last-child) {
        margin-bottom: 6px;
    }

    .faceScan_pop .faceScan {
        width: 130px;
        height: 130px;
    }
    .cert_pop .certCheck {
        width: 130px;
        height: 130px;
    }
    /*  .contents > .bg{padding-bottom: 26px;} */
    /*  .contents > .bg.gray{padding-bottom: 36px;} */
    .contents .card_tab {
        margin: 40px auto 34px;
        gap: 24px;
    }
    .contents .card_tab li a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .contents .card_tab li.active a {
        text-underline-offset: 5px;
        text-decoration-thickness: 2px;
    }
    .contents .card_list {
        margin-bottom: 68px;
    }
    .contents .card_list .cardItem {
        border-radius: 14px;
        padding: 16px 18px;
        margin-bottom: 14px;
        box-shadow: 6px 6px 8px 0 #c8c8c8;
    }
    .contents .card_list .card1 {
        background-size: 70%, 100%;
    }
    .contents .card_list .card2 {
        background-size: 70%, 100%;
    }
    .contents .card_list .card3 {
        background-size: 70%, 100%;
    }
    .contents .card_list .card4::before {
        height: 4.5%;
        max-width: 217px;
        top: 3%;
        left: 4%;
    }

    .contents .card_list .slick-slide {
        width: 55px;
    }
    .contents .card_list .cardItem .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .contents .card_list .cardItem .favorite {
        width: 24px;
        height: 24px;
        top: 12px;
        right: 12px;
    }
    .contents .card_list .cardItem .favorite.on {
        width: 24px;
        height: 24px;
    }
    .contents .card_list .point_wrap {
        right: 18px;
        bottom: 20px;
    }
    .contents .card_list .point_wrap > p {
        font-size: 1.4rem;
        margin-bottom: 7px;
        letter-spacing: -0.28px;
    }
    .contents .card_list .point_wrap .p {
        font-size: 2.2rem;
        letter-spacing: -0.44px;
    }
    .contents .card_list .point_wrap .p::after {
        line-height: 1.2;
        width: 20px;
        height: 20px;
        width: 23px;
        height: 23px;
        font-size: 1.7rem;
        border: 2px solid #fff;
        margin-left: 4px;
    }
    .contents .card_list .card_more {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        width: 90px;
        padding: 9px;
    }
    .contents .list_count {
        font-size: 1.4rem;
        margin-bottom: 50px;
    }
    .contents .add_card {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        border-radius: 8px;
        padding: 13px 70px;
    }
    .contents .add_card::before {
        margin-right: 4px;
        width: 14px;
        height: 14px;
    }
    .tab_cont_wrap .cardline {
        border-width: 1px;
        height: 660px;
        border-radius: 14px;
    }
    .tab_cont_wrap .cardline p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .tab_cont_wrap .cardline + .txt {
        margin-top: 20px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 22px;
    }
    .tab_cont_wrap .add_card.gray {
        margin-top: 70px;
    }
    .tab_cont_wrap .btn_wrap {
        gap: 5px;
    }
    .tab_cont_wrap .btn {
        border-radius: 8px;
        padding: 15px 0;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin: 0;
    }
    .tab_cont_wrap .btn::before {
        margin-right: 4px;
        width: 14px;
        height: 14px;
    }

    .card_view .card_tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin: 30px 0 18px;
    }
    .card_view .cardBack {
        width: calc(100% - 35px);
        margin: 18px auto;
        border-radius: 14px;
        padding: 30px 24px;
    }
    .card_view .cardBack .btn_black {
        border-radius: 6px;
        font-size: 1.4rem;
        padding: 10px 0;
        letter-spacing: -0.28px;
        margin: 0 auto 40px;
    }
    .card_view .point_wrap {
        margin-bottom: 24px;
    }
    .card_view .qrImg {
        width: 40%;
        height: auto; /* fit-content를 auto로 변경 */
        aspect-ratio: 1 / 1; /* 정사각형 비율 강제 고정 */
        margin: 0 auto 30px;
    }
    .card_view .point_wrap p {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .card_view .point_wrap p.p {
        font-size: 2.5rem;
        letter-spacing: -0.51px;
        margin-top: 10px;
    }
    .card_view .point_wrap p.p::after {
        width: 24px;
        height: 24px;
        font-size: 1.8rem;
        margin-left: 6px;
    }
    .card_view .user_info {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .card_view .user_info .c1 {
        width: 53px;
        max-width: 53px;
    }
    .card_view .user_info tr {
        line-height: 15px;
    }
    .card_view .user_info td {
        padding-left: 18px;
    }
    .card_view .user_info td span {
        position: relative;
        top: -7px;
    }
    /* .card_view .btn_wrap{margin-bottom: 100px;} */
    .card_view .close {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        padding: 8px 18px;
    }
    .card_view .close::before {
        width: 11px;
        height: 11px;
        margin-right: 4px;
    }
    .card_view .cardBack .point_list {
        margin-bottom: 20px;
    }
    .card_view .cardBack .point_list li:not(:last-child) {
        margin-bottom: 14px;
    }
    .card_view .cardBack .point_list li .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .card_view .cardBack .point_list li .tit.b {
        font-size: 1.4rem;
    }
    .card_view .cardBack .point_list li .cont {
        font-size: 1.3rem;
    }
    .card_view .cardBack .point_list li .cont.c {
        font-size: 1.4rem;
    }
    .card_view .cardBack .table_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border-bottom: 1px solid #000;
        padding-bottom: 6px;
    }
    .card_view .cardBack .table_wrap .more {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .card_view .cardBack .table_wrap td {
        padding: 6px 0;
    }
    .card_view .cardBack .table_wrap .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 3px;
    }
    .card_view .cardBack .table_wrap .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .card_view .cardBack .table_wrap .point {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .card_view .cardItem_wrap .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 15px 0;
    }
    .card_view .citizenCard {
        border-radius: 12px;
        box-shadow: 2px 4px 6px 0 #efefef;
        padding: 30px 18px;
        margin-bottom: 36px;
    }
    .card_view .cardItem_wrap .citizenCard {
        border-radius: 0 0 12px 12px;
    }
    .blue_btns {
        gap: 5px;
        margin-top: 0;
        margin-bottom: 0;
        position: absolute;
        bottom: 60px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
    }
    .blue_btns .btn_blue {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        padding: 14px 0;
        border-radius: 8px;
    }
    .blue_btns .btn_red {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        padding: 14px 0;
        border-radius: 8px;
    }
    .card_view .haengjung {
        width: 95px;
        display: block;
        margin: 0 auto;
    }

    .card_view .citizenCard .user_info {
        margin-bottom: 30px;
    }
    .card_view .timer_wrap .time_bar {
        height: 10px;
        margin-bottom: 18px;
    }
    .card_view .timer_wrap .text {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        padding-top: 16px;
    }
    .card_view .timer_wrap .text .refresh {
        width: 24px;
        height: 24px;
        margin-left: 9px;
    }

    /* .certificate_wrap{margin: 0 25px;} */
    .certificate_list {
        margin-bottom: 18px;
        width: calc(100% - 40px);
    }
    .certificate_wrap .list_tit {
        margin-bottom: 18px;
    }
    .certificate_wrap .slider_container {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 1.6rem;
    }
    .certificate_list .slick-slide {
        margin: 0 6px;
    }
    .certificate_list .slick-list {
        padding: 0 !important;
        margin: 0 -5px;
    }
    .certificate_list .cert_card {
        border-radius: 12px;
        box-shadow: 2px 4px 6px 0 #efefef;
        max-height: 400px;
    }
    .certificate_list .cert_card .bg {
        height: 40%;
    }
    .certificate_list .cert2 .bg {
        height: 50%;
    }
    .certificate_list .cert_card .card_info {
        padding: 25px 18px;
    }
    .certificate_list .cert_card .card_info .sub_tit {
        font-size: 2.1rem;
        letter-spacing: -0.36px;
        margin-bottom: 14px;
    }
    .certificate_list .cert_card .info_list {
        font-size: 1.5rem;
        letter-spacing: -0.42px;
        margin-bottom: 20px;
    }
    .certificate_list .cert_card .info_list .tit {
        margin-right: 18px;
        width: 52px;
        min-width: 52px;
        line-height: 1;
        top: 1.7px;
    }
    .certificate_list .cert_card .card_info .txt {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 23px;
        margin: 2rem auto 0;
    }
    .arrow_slick .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .arrow_slick .slick-prev {
        left: -33px;
        background-size: 17px;
    }
    .arrow_slick .slick-next {
        right: -33px;
        background-size: 17px;
    }
    .card_view .add_cert {
        border-radius: 8px;
        margin-top: 30px;
        padding: 13px 0;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .card_view .add_cert::before {
        content: "";
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }

    .inner .p_tit {
        font-size: 2.4rem;
        letter-spacing: -0.4px;
        margin: 16px auto 30px;
    }
    .mypage_nav ul:not(:last-child) {
        margin-bottom: 56px;
    }
    .mypage_nav ul:not(:last-child)::after {
        width: calc(100% + 40px);
        height: 8px;
        left: -20px;
    }
    .mypage_nav li {
        margin-bottom: 24px;
    }
    .mypage_nav li a {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .mypage_nav li a::after {
        width: 18px;
        height: 18px;
    }
    .mypage .ic_img {
        margin: 30px auto 0;
    }
    .mypage .logout {
        margin-top: 28px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        text-underline-offset: 3px;
    }

    .mypage .user_info {
        margin-bottom: 60px;
    }
    .mypage .user_info .info_cont:not(:last-child) {
        margin-bottom: 30px;
    }
    .mypage .user_info .info_cont .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 10px;
    }
    .mypage .user_info .info_cont .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .mypage .btn_gray {
        padding: 12px 0;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 6px;
    }

    .mypage .switch_wrap {
        margin-bottom: 20px;
    }
    .mypage .switch_wrap + .btn_gray {
        margin-top: 20px;
    }
    .mypage .switch_wrap .switch[type="checkbox"] {
        width: 54px;
        height: 28px;
    }
    .mypage .switch_wrap .switch[type="checkbox"]::before {
        width: 24px;
        height: 24px;
    }
    .mypage .switch_wrap span {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .mypage .bio_wrap {
        padding-top: 110px;
    }
    .mypage .bio_wrap .txt {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        line-height: 26px;
        margin-bottom: 40px;
    }
    .mypage .bio_wrap .c_gray {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 30px;
    }

    .mypage .s_tit {
        margin: 30px auto 40px;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .password_wrap .password_ck {
        gap: 16px;
        margin-bottom: 20px;
    }
    .password_wrap .password_ck > div {
        width: 16px;
        height: 16px;
    }
    .password_wrap .err_txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .number_btn button {
        font-size: 2.4rem;
        padding: 23px 0 19px;
    }
    .number_btn button.bg {
        font-size: 1.9rem;
    }

    .bottom_pop.on {
        padding: 22px 20px;
    }
    .bottom_pop .close {
        top: 26px;
        right: 20px;
        width: 16px;
        height: 16px;
    }
    .bottom_pop .pop_tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 18px;
    }
    .bc_pop .tab_list {
        margin: 0 auto 18px;
        width: 200px;
    }
    .bc_pop .tab_list li {
        flex: 0 50%;
    }
    .bc_pop .tab_list .active {
        flex: 0 55%;
        box-shadow: 3px 3px 4px 0 #b7e0ff;
    }
    .bc_pop .tab_list a {
        padding: 12px 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .bc_pop .tab_cont .cert_wrap {
        gap: 7px;
        margin-bottom: 28px;
    }
    .bc_pop .tab_cont .cert_wrap > li {
        flex: 0 calc(33% - 4px);
        padding: 14px 0;
        border-radius: 10px;
    }
    .bc_pop .tab_cont .cert_wrap .img {
        width: 64px;
        height: 64px;
        margin: 0 auto 11px;
    }
    .bc_pop .tab_cont .cert_wrap .tit {
        font-size: 1.3rem;
        margin-bottom: 6px;
    }
    .bc_pop .tab_cont .cert_wrap .cont {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .bc_pop .tab_cont .cont_list_wrap .cert_wrap:not(:last-child) {
        margin-bottom: 0.7rem;
    }
    .bc_pop .tab_cont .btn_wrap {
        gap: 5px;
    }
    .bc_pop .tab_cont .btn_wrap button {
        border-radius: 8px;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        padding: 13px 0;
    }
    .bc_pop .tab_cont .btn_wrap button::before {
        width: 14px;
        height: 14px;
        margin-right: 4px;
    }
    .bc_pop .tab_cont .property_list {
        flex-flow: row wrap;
        gap: 7px;
        margin-bottom: 80px;
    }
    .bc_pop .tab_cont .property_list li {
        flex: 0 calc(50% - 9px);
        box-shadow: 3px 3px 6px 0 #efefef;
        border-radius: 20px;
    }
    .bc_pop .tab_cont .property_list .bg {
        padding: 8px 20px;
    }
    .bc_pop .tab_cont .property_list .text_wrap {
        padding: 15px 0;
    }
    .bc_pop .tab_cont .property_list .text_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 10px;
    }
    .bc_pop .tab_cont .property_list .text_wrap .date {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .bc_pop .tab_cont .property_btn {
        bottom: 30px;
        padding: 14px 0;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        border-radius: 8px;
    }
    .add_pop .add_pop_list {
        gap: 60px;
    }
    .add_pop .add_pop_list .img {
        width: 80%;
        border-radius: 10px;
        margin: 0 auto 10px;
    }
    .add_pop .add_pop_list .img1 {
        background: url(../images/addpop1.png) no-repeat center #f5f5f5;
        background-size: 90%;
    }
    .add_pop .add_pop_list .img2 {
        background: url(../images/addpop2.png) no-repeat center #f5f5f5;
        background-size: 90%;
    }
    .add_pop .add_pop_list p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .f_btn_pop {
        height: 30%;
    }
    .f_btn_pop .pop_txt {
        /* margin: 90px auto 120px; */
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        line-height: 26px;
        width: calc(100% - 40px);
    }
    .f_btn_pop.auto_login .pop_txt {
        /* margin: 36px 0 86px; */
    }
    .f_btn_pop .btn_wrap button {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 15px 0;
    }
    .pop.bio_check img {
        top: 200px;
        left: 50%;
        transform: translate(-50%, -300%);
        width: 130px;
        height: 130px;
    }
    .event_pop {
        height: auto;
    }
    .event_pop .event_ck_list {
        gap: 0.9rem;
    }
    .event_pop .event_ck_list li {
        flex: 0 calc(50% - 0.45rem);
        border-radius: 0.8rem;
    }
    .event_pop .event_ck_list li .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .event_pop .event_ck_list li label {
        padding: 1.35rem 0;
    }
    .event_pop .btn_wrap {
        margin: 3rem 0;
        gap: 0.9rem;
    }
    .event_pop .btn_wrap button {
        border-radius: 0.8rem;
    }
    .event_pop .btn_wrap .like_btn {
        border: 1px solid #dbdbdb;
        flex: 0 20%;
    }
    .event_pop .btn_wrap .like_btn::before {
        width: 2.6rem;
        height: 2.6rem;
    }

    .faq .customer_nav {
        gap: 40px;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 22px;
    }
    .faq .customer_nav .active a {
        text-underline-offset: 4px;
    }
    .faq .faq_wrap > li {
        box-shadow: 2px 2px 4px 0 #efefef;
        border-radius: 8px;
    }
    .faq .faq_wrap > li:not(:last-child) {
        margin-bottom: 8px;
    }
    .faq .faq_wrap .tit {
        border-radius: 8px;
    }
    .faq .faq_wrap .on .tit {
        border-radius: 8px 8px 0 0;
    }
    .faq .faq_wrap .tit button {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 16px 30px 16px 10px;
    }
    .faq .faq_wrap .tit button::before {
        margin-right: 6px;
    }
    .faq .faq_wrap .tit button::after {
        width: 18px;
        height: 18px;
        right: 10px;
    }
    .faq .faq_wrap .a_wrap {
        border-radius: 0 0 8px 8px;
        padding: 17px 15px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 24px;
    }
    .faq .faq_wrap .a_wrap::before {
        font-size: 1.6rem;
        margin-right: 6px;
    }
    .faq .faq_wrap .a_wrap .text {
        width: calc(100% - 17px);
    }
    .faq .faq_wrap .on .inqpl_wrap .question,
    .faq .faq_wrap .on .inqpl_wrap .answer {
        padding: 5px 15px;
        font-size: 1.4rem;
    }
    .faq .faq_wrap .on .inqpl_wrap .question .text,
    .faq .faq_wrap .on .inqpl_wrap .answer .text {
        font-size: 1.3rem;
    }

    .faq .faq_wrap .inqpl_wrap {
        border-radius: 0 0 8px 8px;
        padding: 17px 15px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 24px;
    }
    .faq .faq_wrap .inqpl_wrap::before {
        font-size: 1.6rem;
        margin-right: 6px;
    }
    .faq .faq_wrap .inqpl_wrap .text {
        width: calc(100% - 17px);
    }
    .faq .faq_wrap .inqpl_desc {
        font-size: 1.3rem;
        padding: 10px;
    }

    .faq .srch_box {
        margin-bottom: 12px;
        box-shadow: 4px 4px 6px 0 #efefef;
    }
    .faq .srch_box .input_srch {
        padding: 10px 30px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        width: calc(100% - 45px);
    }
    .faq .srch_box .btn_search {
        width: 24px;
        height: 24px;
        top: 26px;
    }
    .faq .search_info {
        font-size: 1.6rem;
    }

    .list_page .bn_wrap {
        margin-bottom: 24px;
    }
    .list_page .bn_wrap li {
        border-radius: 12px;
        padding: 0;
        max-height: 100%;
        min-height: 90px;
    }
    .list_page .bn_wrap li img {
        height: 92px;
        border-radius: 10px;
    }
    .list_page .bn_wrap .slick-list {
        margin: 0 -15px;
        margin-bottom: 12px;
    }
    .list_page .bn_wrap .slick-slide {
        margin: 0 15px;
    }
    .list_page .bn_wrap .slick-dots li {
        width: 9px;
        height: 9px;
    }
    .list_page .bn_wrap .slick-dots button {
        width: 9px;
        height: 9px;
    }
    .list_page .cardAdd_bn .bg1 .img {
        max-width: 130px;
    }
    .list_page .cardAdd_bn .bg1 .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 5px;
    }
    .list_page .cardAdd_bn .bg1 .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .list_page .cardList > ul > li:not(:last-child) {
        margin-bottom: 8px;
    }
    .list_page .cardList a {
        border-radius: 8px;
        padding: 15px 18px;
    }
    .list_page .cardList .card_img {
        width: 70px;
        margin-right: 14px;
    }
    .list_page .table_wrap .cardList a .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }

    .list_page .filter {
        padding: 0.75rem 1rem;
        border-radius: 0.4rem;
        border: 1px solid #dbdbdb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .list_page .filter::after {
        content: "";
        margin-left: 1.8rem;
        width: 1.6rem;
        height: 1.6rem;
    }
    .list_page .benefit_bn .bn::before {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        right: 0;
        bottom: 0;
        background: url(../images/benefit_bg1.png) no-repeat right;
        background-size: contain;
    }
    .list_page .benefit_bn .bn::after {
        content: "";
        position: absolute;
        width: 78px;
        height: 82px;
        background: url(../images/benefit_bg2.png) no-repeat center;
        background-size: cover;
        top: -10px;
        right: 10px;
    }
    .list_page .benefit_bn .bn .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 8px;
    }
    .list_page .benefit_bn .bn .cont {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 18px;
    }
    .list_page .event_bn .bg1::before {
        content: "";
        position: absolute;
        width: 55%;
        height: 125%;
        right: 0;
        background: url(../images/event_bg1.png) no-repeat right bottom;
        background-size: contain;
        bottom: 0;
    }
    .list_page .event_bn .bg1 .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 8px;
    }
    .list_page .event_bn .bg1 .cont {
        font-size: 1.2rem;
        line-height: 18px;
        letter-spacing: -0.24px;
    }
    .list_page .search_wrap {
        margin-bottom: 24px;
    }
    .list_page .srch_box {
        margin-bottom: 12px;
        box-shadow: 4px 4px 6px 0 #efefef;
    }
    .list_page .srch_box .input_srch {
        padding: 15px 13px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        width: calc(100% - 45px);
    }
    .list_page .srch_box .btn_search {
        width: 24px;
        height: 24px;
    }
    .list_page .search_wrap .keyword_list {
        gap: 18px;
    }
    .list_page .search_wrap .keyword_list a {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .list_page .table_wrap .check_wrap {
        margin-bottom: 10px;
    }
    .list_page .table_wrap .check_wrap select {
        width: 72px;
        border-radius: 4px;
        background: url(../images/select_arrow.png) no-repeat #fff
            calc(100% - 6px) 50%/12px;
        padding: 7px 10px;
        font-size: 1.4rem;
    }
    .switch_wrap {
        gap: 0.5rem;
    }
    .switch[type="checkbox"]::before {
        width: 18px;
        height: 18px;
        left: 3px;
    }
    .switch[type="checkbox"] {
        width: 45px;
        height: 23px;
    }
    .switch_wrap span {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .list_page .table_wrap table td {
        padding-bottom: 8px;
    }
    .list_page .table_wrap table td a {
        padding: 16px 30px 16px 18px;
    }
    .list_page .table_wrap table .keywrod {
        margin-bottom: 10px;
    }
    .list_page .table_wrap table .keywrod li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .list_page .table_wrap table .keywrod li:not(:last-child) {
        margin-right: 5px;
    }
    .list_page .table_wrap table .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .list_page .table_wrap table .arrow {
        width: 18px;
        height: 18px;
        right: 18px;
    }

    .dream .dream_bg {
        margin-bottom: 2.4rem;
    }
    .dream .dream_bg::before {
        content: "";
        width: calc(100% + 4rem);
        height: calc(100% + 5.5rem);
        background:
            linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0) 10%,
                rgba(255, 255, 255, 0.1) 25%,
                rgba(255, 255, 255, 0.3) 40%,
                rgba(255, 255, 255, 0.5) 50%,
                rgba(255, 255, 255, 0.7) 75%,
                rgba(255, 255, 255, 0.9) 100%
            ),
            url(../images/dream_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: -5.55rem;
        left: -2rem;
    }
    .dream .dream_bg .dream_txt {
        padding-bottom: 1.5rem;
    }
    .dream .dream_bg .dream_txt li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 2rem;
    }
    .dream .dream_bg .dream_txt li::before {
        content: "";
        width: 1.6rem;
        min-width: 1.6rem;
        height: 1.6rem;
        margin-right: 0.2rem;
    }
    .dream .dream_bg .dream_txt li:not(:last-child) {
        margin-bottom: 1.25rem;
    }
    .dream .app > .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding-bottom: 9px;
        margin-bottom: 18px;
    }
    .dream .app .cont {
        margin-bottom: 18px;
    }
    .dream .app .cont > .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 12px;
    }
    .dream .app .cont .check_list li {
        border-radius: 8px;
        padding: 10px 14px;
        box-shadow: 2px 2px 4px 0 #efefef;
        height: 50px;
    }
    .dream .app .cont .check_list li:not(:last-child) {
        margin-bottom: 8px;
    }
    .dream .app .cont .check_list li .check {
        width: 24px;
        height: 24px;
        margin-right: 6px;
    }
    .dream .app .cont .check_list li .check.on {
        background-size: 16px;
    }
    .dream .app .cont .check_list li .check.green {
        background-size: 16px;
    }
    .dream .app .cont .check_list li .check.red {
        background-size: 16px;
    }
    .dream .app .cont .check_list li .check.yellow {
        background-size: 16px;
    }
    .dream .app .cont .check_list li .check.gray {
        background-size: 16px;
    }
    .dream .app .cont .check_list li .nm {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .dream .app .cont .check_list li .nm span {
        font-size: 1.2rem;
        letter-spacing: -0.6px;
    }
    .dream .app .cont .check_list li .nm .span02 {
        font-size: 1rem;
        letter-spacing: -0.2px;
    }
    .dream .app .cont .check_list li .check_btn {
        padding: 8px 0;
        width: 60px;
        right: 14px;
        border-radius: 6px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .dream .app .cont .check_list + .red {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin: 12px 0 40px;
    }

    .dream .app .c_tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 2.4rem;
    }
    .dream .app .survey_list {
        margin-bottom: 3rem;
    }
    .dream .app .survey_list::after {
        width: calc(100% + 4rem);
        height: 0.6rem;
        left: -2rem;
    }
    .dream .app .survey_list li {
        padding: 1.6rem 0 4.7rem;
        font-size: 1.3rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
        word-break: keep-all;
    }
    .dream .app .survey_list li:not(:last-child) {
        border-bottom: 1px solid #dbdbdb;
    }
    .dream .app .survey_list li .survey_tit {
        flex: 0 90%;
    }
    .dream .app .survey_list li .input_wrap {
        bottom: 1.65rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        gap: 2.4rem;
    }
    .dream .app .survey_list li .input_wrap input {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.8rem;
    }

    .dream .app + .btn_wrap {
        gap: 1.2rem;
        margin-top: 4rem;
    }
    .dream .app + .btn_wrap button {
        padding: 1.4rem 3.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .dream .app + .btn_wrap .btn_white {
        border: 1px solid #dbdbdb;
    }
    .dream .app + .btn_wrap .btn_blue {
        border: 1px solid #0067b6;
    }

    .dream .app .survey_list .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 1.6rem;
    }
    .dream .app .survey_list .scr_box {
        padding: 1.8rem;
        max-height: 40rem;
    }
    .dream .app .survey_list .survey_txt li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 2rem;
        border-bottom: 0;
    }
    .dream .app .survey_list .survey_txt > li:not(:last-child) {
        margin-bottom: 2rem;
    }
    .dream .app .survey_list .survey_txt > li p::before {
        margin-bottom: 2rem;
    }
    .dream .app .survey_list .scr_box + .input_wrap {
        margin-top: 2rem;
    }

    .dream .app .input_tb {
        border-bottom: 1px solid #dbdbdb;
    }
    .dream .app .input_tb td {
        padding-bottom: 2.4rem;
    }
    .dream .app .input_tb tr:last-child td {
        padding-bottom: 3rem;
    }
    .dream .app .input_tb .input_label {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .dream .app .input_tb .input_cont {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-top: 1rem;
    }
    .dream .app .input_tb .input_cont textarea {
        width: 100%;
        height: 200px;
        padding: 10px;
        border-radius: 0.6rem;
        border: 1px solid #dbdbdb;
        font-size: 1.6rem;
    }
    .dream .app .input_tb .input_cont .blue {
        font-size: 1.4rem;
        color: #0067b6;
    }
    .dream .app .input_tb input {
        border-radius: 0.6rem;
        border: 1px solid #dbdbdb;
        padding: 1.4rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .dream .app .input_tb .date_wrap {
        width: 40%;
    }
    .dream .app .input_tb .date_wrap::after {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
        right: 1.4rem;
    }
    .dream .app .input_tb .addr1 {
        gap: 0.4rem;
        margin-bottom: 0.8rem;
    }
    .dream .app .input_tb .addr1 .btn_gray {
        border-radius: 0.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        padding: 1.4rem 1rem;
    }
    .dream .app .input_tb .btn_gray {
        border-radius: 0.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        padding: 1rem 1.2rem;
    }

    .paging {
        gap: 5px;
        margin-top: 20px;
    }
    .paging button {
        border-radius: 4px;
        width: 24px;
        height: 24px;
        font-size: 1.4rem;
    }
    .paging button.first {
        background: url(../images/first.png) no-repeat center #f8f8f8;
        background-size: 15px;
    }
    .paging button.last {
        background: url(../images/last.png) no-repeat center #f8f8f8;
        background-size: 15px;
    }
    .paging button.prev {
        background: url(../images/prev.png) no-repeat center #f8f8f8;
        background-size: 8px;
    }
    .paging button.next {
        background: url(../images/next.png) no-repeat center #f8f8f8;
        background-size: 8px;
    }

    .myCard.view_page .bg.gray {
        margin-top: -40px;
        padding: 40px 0 30px;
    }
    .myCard.view_page .bg.gray::before {
        width: calc(100% + 40px);
        left: -20px;
    }
    .myCard.view_page .card_view_img {
        margin: 0 auto 18px;
        width: calc(70%);
    }
    .myCard.view_page .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 20px;
    }
    .myCard.view_page .card_info_wrap {
        margin-top: 30px;
    }
    .myCard.view_page .card_info_wrap .info_cont:not(:last-child) {
        margin-bottom: 24px;
    }
    .myCard.view_page .card_info_wrap .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 8px;
    }
    .myCard.view_page .card_info_wrap .dash_list li {
        font-size: 1.2rem;
        line-height: 20px;
        letter-spacing: -0.24px;
    }
    .myCard.view_page .card_info_wrap .txt_sty {
        margin-top: 30px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 20px;
    }
    .myCard .txt_sty .btn_blue {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 15px 80px;
        box-shadow: 0 0 14px 0 #67aeff;
        margin: 0 auto 18px;
    }
    .myCard.view_page .card_info_wrap .txt_sty a {
        text-underline-offset: 3px;
    }

    .myCard.view_page .bg2 .card_view_img {
        top: 40px;
    }
    .myCard.view_page .card_wrap2 {
        margin-top: 80px;
    }
    .myCard.view_page .card_wrap2 .box_list {
        gap: 5px;
    }
    .myCard.view_page .card_wrap2 .box_list li {
        border-radius: 8px;
        padding: 13px 0 9px;
    }
    .myCard.view_page .card_wrap2 .box_list .img1 {
        width: 50%;
    }
    .myCard.view_page .card_wrap2 .box_list .img2 {
        width: 60%;
    }
    .myCard.view_page .card_wrap2 .box_list .img3 {
        width: 50%;
    }
    .myCard.view_page .card_wrap2 .box_list .img4 {
        width: 50%;
    }
    .myCard.view_page .card_wrap2 .box_list .txt_wrap {
        margin-top: 7px;
        bottom: 9px;
    }
    .myCard.view_page .card_wrap2 .box_list .txt_wrap p {
        font-size: 1rem;
        letter-spacing: -0.2px;
    }
    .myCard.view_page .card_wrap2 .box_list .txt_wrap .tit {
        margin-bottom: 3px;
    }
    .myCard.view_page .card_wrap2 .check_list li::before {
        content: "";
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }
    .myCard.view_page .card_wrap2 .check_list + p {
        margin-top: 16px;
    }

    .myCard.confirm > .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 24px;
        margin-bottom: 14px;
    }
    .myCard.confirm .confirm_box > .tit {
        padding: 10px 0;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 12px 12px 0 0;
    }
    .myCard.confirm .confirm_box .cont_box {
        border-radius: 0 0 12px 12px;
        padding: 10px 18px 16px;
        margin-bottom: 21px;
    }
    .myCard.confirm .confirm_box .input_wrap:not(:last-child) {
        margin-bottom: 6px;
    }
    .myCard.confirm .confirm_box .input_wrap .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        width: 65px;
        min-width: 65px;
        margin-right: 13px;
    }
    .myCard.confirm .confirm_box input {
        border-radius: 4px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        width: calc(100%);
        padding: 3px 6px;
    }
    .myCard.confirm .confirm_box .jumin_wrap span {
        margin: 0 3px;
        font-size: 1.2rem;
    }
    .myCard.confirm .confirm_box .jumin_wrap input {
        width: calc(100% - 1.5px);
    }
    .myCard.confirm .confirm_box .input_wrap p {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .myCard.confirm .txt_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 8px;
    }
    .myCard.confirm .txt_wrap li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 18px;
    }
    .myCard.confirm .txt_wrap .note_list {
        margin: 12px 0 20px;
    }
    .myCard.confirm .txt_wrap .input_wrap {
        font-size: 1.3rem;
        margin-bottom: 30px;
    }
    .myCard.confirm .txt_wrap input {
        width: 20px;
        height: 20px;
        border-radius: 4px;
        margin-right: 8px;
    }
    .myCard.confirm .confirm_box input {
        border-radius: 4px;
        border: 1px solid #dbdbdb;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        width: calc(100% - 80px);
        padding: 3px 6px;
    }
    .myCard.confirm .confirm_box input:read-only + select {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        border-radius: 0.4rem;
        margin-left: 0.2rem;
        padding: 0.3rem 0.8rem;
    }

    .viewer {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 18px;
    }
    .viewer > .tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }
    .viewer .view_tb {
        margin-bottom: 10px;
    }
    .viewer .view_tb colgroup col:first-child {
        width: 30%;
    }
    .viewer .view_tb colgroup col:last-child {
        width: 70%;
    }
    .viewer .view_tb th,
    .viewer .view_tb td {
        padding: 9px 0;
    }
    .viewer .view_tb thead th {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .viewer .view_tb td {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .viewer .view_cont_wrap {
        margin-top: 36px;
        font-size: 1.3rem;
        line-height: 24px;
        letter-spacing: -0.26px;
        margin-bottom: 80px;
    }
    .viewer .view_cont_wrap .cont {
        margin-bottom: 40px;
    }
    .viewer .view_cont_wrap .tit {
        color: #000;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 12px;
    }
    .viewer .view_cont_wrap .circle_tit_wrap > li:not(:last-child) {
        margin-bottom: 24px;
    }
    .viewer .view_cont_wrap .circle_tit_wrap .circle {
        font-size: 1.5rem;
        letter-spacing: -0.6px;
        margin-bottom: 10px;
    }
    .viewer .view_cont_wrap .inner_cont .accent {
        font-size: 1.4rem;
        margin-bottom: 8px;
    }
    .float_btn {
        bottom: 90px;
        padding: 16px 0;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        box-shadow: 0 0 14px 0 #67aeff;
    }
    .note_list li .text {
        width: calc(100% - 8px);
    }
    .dash_list li .text {
        width: calc(100% - 6px);
    }
    .viewer .add_file_wrap {
        border-radius: 1rem;
        padding: 1.8rem 2rem;
        margin-bottom: 2.4rem;
    }
    .viewer .add_file_wrap li {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .viewer .add_file_wrap li::before {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        margin-right: 0.4rem;
    }
    .viewer .add_file_wrap li:not(:last-child) {
        margin-bottom: 1rem;
    }

    /* 로그인 / 회원가입 */
    .login .login_img {
        margin: 15% auto 24px;
        width: 230px;
        height: 230px;
    }
    .login .text {
        font-size: 2.4rem;
        line-height: 32px;
        letter-spacing: -0.48px;
        margin-bottom: 60px;
    }
    .login .btn_wrap {
        gap: 18px;
        margin-bottom: 50px;
    }
    .login .btn_white {
        padding: 17px 0;
        font-size: 1.6rem;
    }
    .login .btn_blue {
        padding: 17px 0;
        font-size: 1.6rem;
    }
    .find_account {
        font-size: 1.4rem;
        text-underline-offset: 4px;
    }
    .privacy_policy_link {
        font-size: 1.4rem;
        text-underline-offset: 4px;
    }

    /* 회원가입 */
    .register {
        padding-bottom: 100px;
        height: fit-content !important;
    }
    .register .register_img {
        margin: 110px auto 24px;
        width: 230px;
        height: 50%;
    }
    .register .register_1step {
        font-size: 2.4rem;
        line-height: 32px;
        margin-bottom: 60px;
    }
    .register .register_2step {
        font-size: 2rem;
        line-height: 32px;
        margin-bottom: 60px;
        color: gray;
    }
    .register .text {
        font-size: 2.4rem;
        line-height: 32px;
        margin-bottom: 60px;
    }
    .register .btn_wrap {
        gap: 18px;
        margin-bottom: 50px;
    }
    .register .btn_white {
        padding: 17px 0;
        font-size: 1.6rem;
    }
    .register .btn_blue {
        padding: 17px 0;
        font-size: 1.6rem;
    }

    .join .p_tit {
        margin: 25px auto 30px;
    }
    .join_state {
        gap: 6px;
        margin-bottom: 40px;
    }
    .join_state li {
        font-size: 1.2rem;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .join1_box {
        margin-top: 90px;
    }
    .join .s_tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding-bottom: 8px;
        margin-bottom: 30px;
    }
    .join .sub {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 20px;
    }
    .join .type_list {
        gap: 30px;
        width: calc(100% - 12px);
    }
    .join .type_list li {
        border-radius: 15px;
        padding: 24px 0;
        max-width: 140px;
    }
    .join .type_list li .img {
        width: 7.4rem;
        height: 7.4rem;
        margin: 0 auto 25px;
    }
    .join .type_list li p {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .join .btn_wrap {
        gap: 12px;
        bottom: 80px;
    }
    .join .btn_wrap button {
        width: 100px;
        padding: 13px 0;
        font-size: 1.4rem !important;
    }
    .join .kg_btn_simple {
        width: 40%;
        margin: 0 auto;
        display: inline-block;
        max-width: 360px;
    }
    .join .kg_btn {
        width: 40%;
        margin: 0 auto;
        display: inline-block;
        max-width: 360px;
    }
    .join_box .tit_box .s_tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 9px;
    }
    .join_box .tit_box .gray_tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 40px;
    }
    .join_box .auth_list {
        gap: 1.5rem;
    }
    .join_box .auth_list li {
        border-radius: 1.5rem;
        padding: 1.5rem 1.4rem;
        border-radius: 1.5rem;
        border: 0.1rem solid #ebebeb;
    }
    .join_box .auth_list .icon_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 2rem;
    }
    .join_box .auth_list .icon02 {
        width: 88%;
        margin: 0.9rem auto 0.8rem;
    }
    .join_box .auth_list .icon_wrap.h {
        margin-bottom: 5rem;
    }
    .join_box .auth_list .icon_wrap .tit.pos {
        bottom: 1.6rem;
    }
    .join_box .tit_box.border {
        border-bottom: 0.1rem solid #000;
        margin-bottom: 2.4rem;
        padding-bottom: 0.8rem;
    }
    .join_box .tit_box.border .s_tit {
        text-align: left;
        margin-bottom: 0.8rem;
        font-weight: 500;
    }
    .join_box .tit_box .red {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .join .ck_wrap .custom_ck + label::before {
        width: 22px;
        height: 22px;
        margin-right: 8px;
    }
    .join .ck_wrap .custom_ck:checked + label::before {
        width: 22px;
        height: 22px;
        margin-right: 8px;
    }
    .join .ck_wrap .ck_box .custom_ck:checked + label::before {
        width: 22px;
        height: 22px;
        margin-right: 8px;
    }
    .join .ck_wrap .ck_box {
        padding: 18px 14px;
        border-radius: 8px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 12px;
    }
    .join .sub_ck .ck,
    .cert .sub_ck .ck {
        padding: 18px 14px;
    }
    .join .sub_ck .ck label,
    .cert .sub_ck .ck label {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .cert .sub_ck .ck input {
        width: 1.7rem;
        height: 1.7rem;
        border-radius: 4px;
        margin-right: 1rem;
    }
    .join .sub_ck .ck label span,
    .cert .sub_ck .ck label span {
        margin-right: 3px;
    }
    .join .sub_ck .ck .btn_more,
    .cert .sub_ck .ck .btn_more {
        font-size: 1.2rem;
        right: 14px;
        text-underline-offset: 3px;
    }
    .join .sub_ck .ck .btn_more::after,
    .cert .sub_ck .ck .btn_more::after {
        width: 16px;
        height: 16px;
        margin-left: 2px;
    }
    .join .more_cont,
    .cert .more_cont {
        border-radius: 8px;
        padding: 14px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 24px;
        max-height: 175px;
    }
    .join .more_cont p.tit,
    .cert .more_cont p.tit {
        font-size: 1.4rem;
    }

    .join_succ .join_logo,
    .login_succ .login_logo {
        margin: 15% auto 24px;
        display: block;
        width: 60%;
    }
    .join_succ .txt1,
    .login_succ .txt1 {
        font-size: 2.4rem;
        letter-spacing: -0.48px;
        margin-bottom: 20px;
    }
    .join_succ .txt2,
    .login_succ .txt2 {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        line-height: 26px;
    }
    .join_succ .btn_blue {
        bottom: 60px;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 18px 0;
        width: calc(100% - 40px);
    }
    .login_succ .btn_wrap {
        position: absolute;
        bottom: 60px;
        width: calc(100% - 40px);
        margin-bottom: 0;
    }
    .login_succ .txt + .btn_wrap {
        width: 100%;
        position: relative;
        margin-top: 150px;
    }
    .login_succ .txt + .btn_wrap .btn_blue,
    .login_succ .txt + .btn_wrap .btn_white {
        /* width: 100%; */
        width: calc(100%);
    }
    .p_tit + .login_box {
        margin-top: 90px;
    }
    .p_tit + .login_box .line {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 30px;
        padding-bottom: 8px;
    }
    .p_tit + .login_box .kg_btn {
        margin: 0 auto 30px;
        max-width: 180px;
        width: 50%;
    }
    .p_tit + .login_box .txt {
        font-size: 1.6rem;
        line-height: 24px;
        letter-spacing: -0.32px;
    }
    .p_tit + .login_box .gray {
        margin-top: 12px;
    }
    .p_tit + .login_box + .btn_wrap {
        bottom: 40px;
        margin-top: 0;
        position: absolute;
    }
    .p_tit + .login_box + .btn_wrap .btn_blue,
    .p_tit + .login_box + .btn_wrap .btn_white {
        width: 100px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        padding: 13px 0;
    }

    .loading .progress_wrap {
        padding-top: 40%;
    }
    .loading .progress_wrap .value {
        margin: 20px auto 40px;
        font-size: 2rem;
        letter-spacing: -0.4px;
    }
    .loading .progress_wrap ::-webkit-progress-bar {
        border-radius: 6px;
        height: 32px;
    }
    .loading .txt,
    .succ > .txt {
        font-size: 2.4rem;
        letter-spacing: -0.48px;
        line-height: 32px;
    }
    .join .btn_bt {
        padding: 17px 0;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        bottom: 25%;
        position: fixed;
        width: calc(100% - 40px);
    }

    .succ {
        padding-top: 43%;
    }
    /* .succ img{height: auto; width: 70%; display: block; margin: 0 auto 40px; border-radius: 12px;} */

    .contents .service .service_wrap {
        height: auto;
    }
    .service .tab_btn {
        gap: 20px;
    }
    .service .tab_btn a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .service .list {
        gap: 24px 10px;
    }
    .service .list li {
        width: calc(33.3% - 7px);
        height: 150px;
    }
    .service .list li a {
        height: calc(100% - 33px);
    }
    .service .list .tit {
        margin-top: 10px;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .cert_list_wrap {
        margin-bottom: 35px;
    }
    .cert_list_wrap > ul {
        gap: 7px;
    }
    .cert_list_wrap > ul > li {
        width: calc(33.3% - 5px);
        border-radius: 10px;
        padding: 14px 14px 18px;
    }
    .cert_list_wrap > ul > li .tit {
        font-size: 1.3rem;
        line-height: 18px;
        margin-top: 10px;
        height: 50px;
    }
    .cert_list_wrap2 > ul > li .tit {
        margin-bottom: 0.6rem;
    }
    .cert_list_wrap .info li {
        font-size: 1rem;
        letter-spacing: -0.2px;
        line-height: 13px;
    }
    .cert_list .blue_btns {
        margin: 0;
    }

    .news_bg {
        width: calc(100% + 40px);
        top: -40px;
        left: -20px;
        padding: 30px 0 15px;
    }
    .news_bn .slick-slide {
        width: 80vw;
        margin: 0 7px;
    }
    .news_bn .bn_count {
        margin: 10px auto 0;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .news_wrap .tab_btns {
        margin-bottom: 18px;
        gap: 6px;
    }
    .news_wrap .tab_btns button {
        padding: 10px 0;
        width: 90px;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .news_wrap .tab_cont table {
        border-top: 2px solid #000;
        margin-bottom: 48px;
    }
    .news_wrap .tab_cont table td {
        padding: 14px 0;
    }
    .news_wrap .tab_cont .hashtag {
        margin-bottom: 8px;
    }
    .news_wrap .tab_cont .hashtag li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .news_wrap .tab_cont .hashtag li:not(:last-child) {
        margin-right: 8px;
    }
    .news_wrap .tab_cont .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        width: calc(80%);
    }
    .news_wrap .tab_cont .arrow {
        width: 18px;
        height: 18px;
    }
    .news_wrap .tab_cont .more {
        padding: 10px 0;
        width: 80px;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .news_wrap .tab_cont .more::before {
        width: 10px;
        height: 10px;
        margin-right: 2px;
    }
    .news_wrap .tab_cont .img_list {
        gap: 33px 15px;
        margin-bottom: 24px;
    }
    .news_wrap .tab_cont .img_list li {
        flex: 0 calc(50% - 8px);
        width: calc(50% - 8px);
    }
    .news_wrap .tab_cont .img_list li .thumb {
        margin-bottom: 12px;
    }
    .news_wrap .tab_cont .img_list .tit {
        font-size: 1.3rem;
        line-height: 1.8rem;
        letter-spacing: -0.26px;
    }
    .page_move {
        margin-top: 40px;
        gap: 8px;
    }
    .page_move button {
        border-radius: 6px;
        width: 40px;
        height: 40px;
    }
    .page_move button img {
        width: 50%;
        height: auto;
    }
    .page_move button.prev img,
    .page_move button.next img {
        width: 30%;
    }
    .page_move .page_state {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin: 0 30px;
    }

    .alarm .list_wrap .select_btns {
        gap: 0.6rem;
    }
    .alarm .list_wrap .select_btns button {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        border: 1px solid #dbdbdb;
        padding: 0.55rem 1rem;
        border-radius: 0.5rem;
    }
    .alarm .list_wrap .switch_wrap span {
        margin-right: 0;
    }
    .alarm .alarm_list {
        border-top: 2px solid #000;
        margin-top: 1.8rem;
    }
    .alarm .alarm_list li {
        border-bottom: 1px solid #ebebeb;
    }
    .alarm .alarm_list .select_ck {
        width: 1.7rem;
        height: 1.7rem;
        border-radius: 4px;
        margin: 2.6rem 1.6rem 2.6rem 0;
    }
    .alarm .alarm_list a {
        padding: 1.4rem 0;
        background-size: 2rem;
    }
    .alarm .alarm_list .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.8rem;
    }
    .alarm .alarm_list .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        max-width: calc(100% - 23px);
    }
    .alarm_mark {
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
        min-height: 1.5rem;
        font-size: 1rem;
        line-height: 15px;
        margin-left: 5px;
        top: -5px;
    }

    .alarm.view_page .tit_wrap .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1rem;
    }
    .alarm.view_page .tit_wrap .date {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .alarm.view_page .view_wrap {
        margin-top: 1.8rem;
        padding-top: 1.8rem;
        border-top: 2px solid #000;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        line-height: 2.4rem;
    }

    .myCert .no_cert {
        width: calc(100% - 40px);
        height: 400px !important;
        border: 1.3px dashed #888;
        border-radius: 1.4rem;
        margin: 0 auto 2rem;
    }
    .myCert .no_cert .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .myCert .cert_wrap .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 22px;
        word-break: keep-all;
        white-space: wrap;
    }
    .inner.myCert .add_card {
        border: 1px solid #0067b6;
        margin-bottom: 36px;
        bottom: 60px;
        position: absolute;
    }

    .myCert .txt_wrap .flex {
        width: calc(100% - 40px);
        margin: 2.5rem auto;
    }
    .myCert .txt_wrap img {
        width: 40%;
    }
    .myCert .txt_wrap .big {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .myCert .txt_wrap .big::before {
        content: "";
        height: 14px;
        margin: 0 0.8rem;
    }
    .myCert .txt_wrap .tit {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
        letter-spacing: -0.24px;
    }
    .myCert .txt_wrap .txt {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        line-height: 16px;
    }

    .myCert .cert_slide {
        width: calc(100% - 40px);
        margin: 0 auto 0.5rem;
    }
    .myCert .cert_slide .slick-slide {
        margin: 10px 6px;
        border-radius: 1.2rem;
        box-shadow: 2px 4px 6px 0 #efefef;
    }
    .myCert .cert_slide .text_cont {
        padding: 3rem 1.8rem;
    }
    .myCert .cert_slide table {
        height: 45px;
        margin-bottom: 3.4rem;
    }
    .myCert .cert_slide table tr,
    .myCert .cert_slide table td {
        height: 23px;
        line-height: 16px;
    }
    .myCert .cert_slide .tit {
        font-size: 1.4rem;
        letter-spacing: -0.42px;
    }
    .myCert .cert_slide .cont {
        padding-left: 1.8rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .myCert .cert_slide .text_cont img {
        width: 35%;
    }
    .myCert .cert_slide .text_cont .txt {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 23px;
        margin: 2rem auto 0;
    }
    .myCert .cert_wrap .slide_counter {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .myCert_view {
        height: calc(100vh - 300px);
    }
    .myCert_view .no_item img {
        width: 40%;
        margin: 0 auto 1.8rem;
    }
    .myCert_view .no_item .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .myCert_view .txt {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        line-height: 23px;
    }

    .myCert .item_box {
        width: 60%;
        margin: 8rem auto 5rem;
        border: 1.5px dashed #dbdbdb;
        border-radius: 1.2rem;
        padding: 3.4rem 0 2.4rem;
    }
    .myCert .item_box img {
        width: 60%;
        margin: 0 auto 3.3rem;
    }
    .myCert .item_box .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 19px;
    }
    .myCert .info_box .tit {
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
    .myCert .user_input {
        border-radius: 0.6rem;
        padding: 1.1rem 1.2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .myCert select {
        margin-bottom: 0.6rem;
    }
    .myCert .item_box + .txt {
        font-size: 2rem;
        letter-spacing: -0.4px;
        line-height: 30px;
        margin-top: -0.2rem;
    }
    .myCert .tab_btn_wrap {
        margin-bottom: 3.6rem;
        gap: 1rem;
    }
    .myCert .tab_btn_wrap button {
        border-radius: 0.8rem;
        border: 0.21em solid #dbdbdb;
        padding: 1.65rem 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.08);
    }
    .myCert .tab_btn_wrap .active {
        box-shadow: 4px 4px 12px 0 rgba(0, 103, 182, 0.3);
    }
    .myCert .logo_icn {
        margin: 3rem auto 1rem;
    }
    .myCert .logo_icn li {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .myCert .logo_icn li:not(:last-child)::after {
        width: 0.1rem;
        height: 1.4rem;
        margin: 0 0.8rem;
    }
    .myCert .logo_icn img {
        max-width: 15.5rem;
    }
    .myCert .blue_box {
        border-radius: 0.8rem;
        padding: 1.8rem 1.3rem;
    }
    .myCert .blue_box p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.8rem;
    }
    .myCert .blue_box div {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        line-height: 16px;
    }

    .cert {
        height: auto;
    }
    .pb100 {
        padding-bottom: 100px !important;
    }
    .cert .search_wrap {
        box-shadow: 4px 4px 6px 0 #efefef;
        margin-bottom: 2rem;
    }
    .cert .search_wrap input {
        padding: 1.3rem 1.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.24px;
    }
    .cert .search_wrap .search_btn {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 1.8rem;
    }
    .cert_order_list {
        margin-top: 1.5rem;
    }
    .cert_order_list li:not(:last-child) {
        margin-bottom: 0.6rem;
    }
    .cert_order_list a {
        padding: 1.3rem 1.8rem;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        background: #f5f5f5 url(../images/more_arrow_gray.png) no-repeat
            calc(100% - 1.2rem) center;
        background-size: 1.8rem;
    }
    .cert .doc_wrap .doc_box {
        padding: 1.4rem 0;
    }
    .cert .doc_wrap .doc_box .certTerms {
        margin-top: 1rem;
        font-size: 1.2rem;
    }
    .cert .doc_wrap .doc_box .certTerms li + li {
        margin-top: 0.5rem;
    }
    .cert .doc_wrap .doc_box:not(:last-child) {
        margin-bottom: 0.6rem;
    }
    .cert .doc_wrap .doc_box::after {
        width: calc(100% + 40px);
        left: -20px;
        border-bottom: 0.6rem solid #f5f5f5;
    }
    .cert .doc_wrap .doc_box > .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .cert .doc_wrap .doc_box select {
        padding: 1.1rem 1.2rem;
        border-radius: 0.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .cert .doc_wrap .doc_box select:not(:last-child) {
        margin-right: 0.5rem;
    }
    .cert .doc_wrap .doc_box > .input_wrap {
        font-size: 1.3rem;
    }
    .cert .doc_wrap .doc_box > .input_wrap + .input_wrap {
        margin-top: 1.2rem;
    }
    .cert .doc_wrap .doc_box > .input_wrap input {
        width: 2rem;
        height: 2rem;
        margin-right: 0.6rem;
    }

    .cert .doc_wrap .doc_box .inner_box {
        padding: 2rem 0;
        margin-top: 1.4rem;
    }
    .cert .doc_wrap .doc_box .inner_box li:not(:last-child) {
        margin-bottom: 1.4rem;
        padding-bottom: 1.4rem;
    }
    .cert .doc_wrap .doc_box .inner_box .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .cert .doc_wrap .doc_box .inner_box .input_wrap {
        margin-top: 1.2rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .cert .doc_wrap .doc_box .inner_box .input_wrap input {
        width: 1.7rem;
        height: 1.7rem;
        margin-right: 0.6rem;
    }
    .cert .doc_wrap .doc_box .inner_box .year {
        width: 50px !important;
        border-radius: 3px;
        font-size: 1.2rem;
        padding: 0.6rem;
        margin: 0 3px;
    }

    .cert .issue_cont:not(:last-child) {
        margin-bottom: 3rem;
    }
    .cert .issue_cont .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.5rem;
    }
    .cert .issue_cont .text {
        font-size: 1.2rem;
        letter-spacing: -0.28px;
        margin: 1.5rem 0;
    }
    .cert .issue_cont table .col1 {
        width: 90px;
    }
    .cert .issue_cont table .col2 {
        width: 130px;
    }
    .cert .issue_cont table th,
    .cert .issue_cont table td {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 16px;
        padding: 1rem 0;
    }
    .cert .issue_cont1 table tr td:nth-child(2) {
        padding-left: 1rem;
    }
    .cert > .goverment {
        margin: 10rem auto 8rem;
    }
    .cert .loading .txt {
        font-size: 2rem;
    }

    .cert .cert_img img {
        width: 60%;
        margin: 40% auto 2.4rem;
    }
    .cert .cert_img .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        position: absolute;
        top: 63%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .cert .cert_img .info {
        position: absolute;
        top: 80%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .cert .cert_img .info li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .cert .cert_img .info li:not(:last-child) {
        margin-bottom: 5px;
    }
    .cert .cert_img + .txt {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 8rem;
    }
    .cert .btn {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding: 1.7rem 0;
    }

    .board_list {
        border-top: 2px solid #000;
    }
    .board_list li {
        border-bottom: 1px solid #ebebeb;
    }
    .board_list li a {
        background-size: 1.8rem;
        padding: 1.4rem 0;
    }
    .board_list li .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.8rem;
    }
    .board_list li .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        width: calc(100% - 4.5rem);
    }

    .faq .view_page {
        padding-bottom: 3rem;
        border-bottom: 1px solid #dbdbdb;
        margin-bottom: 3rem;
    }
    .faq .view_page .tit_wrap {
        margin-bottom: 1.8rem;
    }
    .faq .view_page .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1rem;
    }
    .faq .view_page .date {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .faq .view_page .add_file_wrap {
        border-radius: 1rem;
        padding: 1.8rem 2rem;
        margin-bottom: 2.4rem;
    }
    .faq .view_page .add_file_wrap li {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .faq .view_page .add_file_wrap li::before {
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        margin-right: 0.4rem;
    }
    .faq .view_page .add_file_wrap li:not(:last-child) {
        margin-bottom: 1rem;
    }
    .faq .view_page .text {
        font-size: 1.4rem;
        line-height: 22px;
        letter-spacing: -0.28px;
    }
    .faq .view_page + .moving a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .faq .view_page + .moving .flex::before,
    .faq .view_page + .moving .flex::after {
        width: 2.4rem;
        height: 2.4rem;
    }
    .faq .view_page + .moving .list {
        border: 1px solid #dbdbdb;
        border-radius: 0.8rem;
        padding: 1.2rem 2.8rem;
    }

    .useInfo_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        top: 1rem;
        margin-bottom: 3rem;
    }
    .useInfo_list .slick-arrow {
        width: 2.2rem;
        height: 2.2rem;
        top: 2rem;
    }
    .useInfo_list .slick-prev {
        background: url(../images/bn_prev.png) no-repeat center #f8f8f8;
        background-size: 1.4rem;
    }
    .useInfo_list .slick-next {
        background: url(../images/bn_next.png) no-repeat center #f8f8f8;
        background-size: 1.4rem;
    }
    .useInfo_list .bg1 {
        padding: 2.4rem 0 4.7rem;
        border-radius: 2rem;
    }
    .useInfo_list .bg1 img {
        width: 90%;
    }
    .useInfo_list .slick-dots {
        bottom: 1.8rem;
    }
    .useInfo_list .slick-dots li {
        width: 0.9rem;
        height: 0.9rem;
    }

    /* 250409 추가 */
    .list_page .table_wrap .tab_btns {
        gap: 0.5rem;
        margin: 1.4rem auto 1.3rem;
    }
    .list_page .table_wrap .tab_btns button {
        border-radius: 0.6rem;
        border: 1px solid #dbdbdb;
        padding: 0.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .benefits .top_bn {
        border-radius: 0.8rem;
        margin-bottom: 3rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.8rem;
        height: 9rem;
        padding: 2.6rem 3.5rem;
    }
    .benefits .support_list {
        margin-bottom: 5rem;
    }
    .benefits .support_list > li {
        padding: 1.8rem 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .benefits .support_list .tit {
        width: 8rem;
        min-width: 8rem;
        margin-right: 3rem;
    }
    .benefits .support_list .tit::before {
        width: 0.6rem;
        height: 0.6rem;
        min-width: 0.6rem;
        margin-right: 0.4rem;
    }
    .benefits .support_list .text {
        line-height: 2.2rem;
    }

    .benefits .btn_wrap {
        margin-top: 4rem;
        bottom: 10rem;
        width: calc(100% - 4rem);
        gap: 0.5rem;
    }

    .benefits .benefit_banner {
        min-height: 10rem;
        padding: 1.4rem 2rem;
        border-radius: 1.2rem;
    }
    .benefits .benefit_banner .tit {
        font-size: 1.4rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.28px;
    }
    .benefits .benefit_banner .txt {
        font-size: 1.1rem;
        margin-bottom: 1rem;
        line-height: 1.6rem;
        letter-spacing: -0.22px;
        width: 60%;
    }
    .benefits .benefit_banner::after {
        right: 0.5rem;
        width: 30%;
        max-width: 14rem;
    }
    .benefits .benefit_banner .link {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .benefits .benefit_banner + .search_wrap {
        margin: 2.4rem 0 3rem;
    }
    .benefits .select_wrap {
        border-radius: 0.8rem;
        padding: 1.2rem 1.8rem;
        margin-bottom: 2.4rem;
    }
    .benefits .select_wrap::before {
        width: 1.8rem;
        min-width: 1.8rem;
        height: 1.6rem;
        margin-right: 3rem;
    }
    .benefits .select_wrap select {
        font-size: 1.3rem;
        background: url(../images/select_arrow.png) no-repeat transparent
            calc(100% - 8px) 50%/18px;
        background-size: contain;
        padding: 0;
    }
    .benefits .select_wrap .select:nth-child(1)::after {
        content: "";
        width: 0.1rem;
        height: 2rem;
    }
    .benefits .select_wrap .select:nth-child(1) {
        padding-right: 2.4rem;
    }
    .benefits .select_wrap .select:nth-child(2) {
        padding-left: 2.4rem;
    }
    .benefits .select_wrap select option {
        font-size: 1.3rem;
    }
    .list_page .table_wrap table td a.w {
        box-shadow: 0.1rem 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.1);
    }
    .benefits.list_page .table_wrap table .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.9rem;
    }
    .benefits .state_wrap {
        width: calc(100% - 3.2rem);
    }
    .benefits .stat {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        gap: 0.4rem;
        min-width: 5.8rem;
        margin-right: 1rem;
    }
    .benefits .complete .stat::before {
        width: 1.7rem;
        height: 1.7rem;
    }
    .benefits .date .stat::before {
        width: 1.7rem;
        height: 1.7rem;
    }
    .benefits .bar {
        margin-right: 1.5rem;
    }
    .benefits .chart-container,
    .benefits .chart-container * {
        width: 100% !important;
        height: 0.8rem !important;
    }
    .benefits .state_wrap .count {
        font-size: 1.2rem;
        min-width: 4rem;
        text-align: right;
    }

    .challenge .tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 2rem;
    }
    .challenge_bn {
        margin-bottom: 2.4rem;
    }
    .challenge_bn img {
        width: calc(100% + 40px);
        height: 20rem;
        left: -2rem;
    }
    .challenge_bn ul {
        gap: 0.25rem 0.25rem;
        width: calc(100% + 40px);
        left: -2rem;
    }
    .challenge_info > .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .challenge_info_list {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 0.1rem solid #ebebeb;
    }
    .challenge_info_list li:not(:last-child) {
        margin-bottom: 1.1rem;
    }
    .challenge_info_list .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin: 0;
    }
    .challenge_info_list .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .challenge_info_list li.mission::before {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.6rem;
    }
    .challenge_info_list li.date::before {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.6rem;
    }
    .challenge_info_list li.number::before {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.6rem;
    }
    .challenge_info_list li.gift::before {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.6rem;
    }
    .challenge_txt .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .challenge_txt .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 1.9rem;
        margin-bottom: 4.8rem;
    }
    .challenge_txt .inner_logo {
        width: 11.4rem !important;
    }
    .challenge .btn {
        width: 24rem;
        padding: 1.5rem 0;
    }
    .challengePop {
        height: auto;
    }
    .challengePop .pop_tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin: 4.4rem 0 3.4rem;
    }
    .challengePop .target_info {
        margin-bottom: 8rem;
    }
    .challengePop .target_info li {
        border-bottom: 0.1rem solid #ebebeb;
        padding-bottom: 1rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .challengePop .target_info li:not(:last-child) {
        margin-bottom: 1rem;
    }
    .challenge_goal .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 1.2rem;
    }
    .challenge_goal .challenge_go {
        margin-bottom: 2.4rem;
        border-radius: 0.8rem;
        padding: 0.9rem 1.8rem;
        border: 0.1rem solid #abe8dd;
    }
    .challenge_goal .challenge_go.photo::before {
        width: 4.4rem;
        height: 3.6rem;
    }
    .challenge_goal .challenge_go.stamp::before {
        width: 4.4rem;
        height: 3.6rem;
    }
    .challenge_goal .challenge_go::after {
        width: 1.8rem;
        height: 1.8rem;
    }
    .challenge_goal .challenge_go p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .challenge_goal .note li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 2rem;
    }
    .select_photo .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.9rem;
        padding-bottom: 1rem;
        border-bottom: 0.1rem solid #ebebeb;
    }
    .select_photo .util_wrap {
        margin-bottom: 1.9rem;
    }
    .select_photo .util_wrap li,
    .select_photo .util_wrap button {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .select_photo .util_wrap label {
        margin-right: 2.4rem;
    }
    .select_photo .photo_util input {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.4rem;
    }
    .select_photo .util_wrap .curr {
        font-size: 1.2rem;
    }
    .select_photo .photo_list {
        gap: 0.5rem 0.5rem;
    }
    .select_photo .photo_list li {
        width: 23.8%;
        border-radius: 0.6rem;
    }
    .select_photo .photo_list input {
        top: 0.5rem;
        right: 0.5rem;
        border-radius: 0.3rem;
        width: 1.6rem;
        height: 1.6rem;
        z-index: 5;
    }
    .select_photo .photo_list .no_img button {
        border: 0.1rem solid #ebebeb;
        border-radius: 0.6rem;
        background: url(../images/add_photo.png) #f8f8f8 center no-repeat;
        background-size: 30%, contain;
    }
    .work_count {
        border-radius: 1.2rem;
        padding: 2rem 1.8rem 2.4rem;
        margin-bottom: 2.4rem;
    }
    .work_count .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 1.8rem;
    }
    .work_count .bar_txt {
        margin-bottom: 1.2rem;
    }
    .work_count .bar_txt .total {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .work_count .bar_txt .total::before {
        width: 1.7rem;
        height: 1.9rem;
        margin-right: 0.6rem;
    }
    .work_count .bar_txt .total .c {
        margin-left: 0.4rem;
    }
    .work_count .bar_txt .goal {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .thumbPop.popup {
        width: calc(100% - 4rem);
    }
    .thumbPop.popup .img_wrap {
        max-width: calc(100%);
        width: 38.5rem;
    }
    .thumbPop.popup .close_pop {
        width: 3rem;
        height: 3rem;
        padding: 0.6rem;
        right: 1rem;
        top: 1rem;
        background-size: 1.4rem;
    }
    .challenge_box {
        border: 0.1rem solid #ebebeb;
        margin-top: 1.8rem;
        padding: 1.7rem 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border-radius: 0.8rem;
        box-shadow: 0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.2);
        margin: -1.6rem 0 2.4rem;
    }
    .challenge .list li {
        border-radius: 0.8rem;
        padding: 1.3rem 1.8rem;
        border: 0.1rem solid #ebebeb;
        box-shadow: 0.2rem 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.1);
    }
    .challenge .list li:not(:last-child) {
        margin-bottom: 0.8rem;
    }
    .challenge .list .addr {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.8rem;
        margin-right: 1.8rem;
    }
    .challenge .list .stamp {
        width: 3.2rem;
        min-width: 3.2rem;
        height: 3.2rem;
    }
    .challenge .list .no_stamp {
        width: 4.1rem;
        min-width: 4.1rem;
        height: 3.4rem;
    }
    .stampPop.popup .pop_tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 2.6rem;
        margin: 2rem auto 2.4rem;
    }
    .stampPop #map {
        height: 33rem;
    }
    .stampPop .btn_green {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin: 2.4rem 0 4rem;
        border-radius: 0.8rem;
        padding: 1.5rem 0;
    }

    .page_tit_wrap {
        font-size: 1.4rem;
        letter-spacing: -0.32px;
        left: -2rem;
        top: -2.4rem;
        width: calc(100% + 4rem);
        padding: 2.4rem 2rem 0;
    }
    .page_tit_wrap .back {
        width: 1rem;
        height: 2.1rem;
        margin-right: 0.9rem;
    }
    .page_tit_wrap.bg {
        margin-bottom: 2rem;
        padding: 2.4rem 2rem;
    }
    .page_tit_wrap.bg .txt_wrap {
        margin-top: 3.2rem;
    }
    .page_tit_wrap.bg .txt_wrap .b {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 0.8rem;
    }
    .page_tit_wrap.bg .txt_wrap .sub {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pass .sum_link > li {
        width: 100%;
        position: relative;
    }
    .sum_pass .sum_link .sum_003 {
        background: url(../images/sum003_bg.png) no-repeat center;
        background-size: cover;
        padding: 2rem 2.4rem;
        min-height: 12rem;
        border-radius: 1.4rem;
    }
    .sum_pass .sum_link .sum_003 .sm_tit {
        font-size: 1.2rem;
        letter-spacing: -0.48px;
        font-weight: 500;
        margin-bottom: 1.2rem;
        color: #4effe1;
    }
    .sum_pass .sum_link .sum_003 .tit {
        font-size: 1.6rem;
        letter-spacing: -0.36px;
        margin-bottom: 2.2rem;
    }
    .sum_pass .sum_link .more_arrow {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .sum_pass .sum_link .more_arrow::after {
        content: "";
        width: 1.2rem;
        height: 1.2rem;
    }
    .sum_pass .sum_link .sum_004 {
        position: relative;
        margin: 4rem 0 6rem;
        background: url(../images/sum004_bg.png) no-repeat center;
        background-size: 100% 100%;
        padding: 3.8rem;
    }
    .sum_pass .sum_link .sum_004 > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 1.8rem;
    }
    .sum_pass .sum_link .sum_004 > .tit .big {
        font-size: 1.6rem;
        margin-top: 0.4rem;
    }
    .sum_pass .sum_link .sum_004 > .tit .sum::before {
        content: "";
        width: 2.4rem;
        height: 1.9rem;
    }
    .sum_pass .sum_link .sum_004 .sum_list {
        gap: 1.7rem;
    }
    .sum_pass .sum_link .sum_004 .sum_list img {
        margin: 0 auto 0.9rem;
    }
    .sum_pass .sum_link .sum_004 .sum_list .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .sum_link .more_arrow.bl {
        top: 1.2rem;
    }
    .sum_pass .sum_link .sum_005 > .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.5rem;
    }
    .sum_pass .sum_link .sum_005 > .tit::before {
        content: "";
        width: 2rem;
        height: 2rem;
        background: url(../images/sum004.png) no-repeat center;
        background-size: cover;
        margin-right: 0.6rem;
    }
    .sum_pass .sum_link .sum_005 .my_active {
        gap: 0.9rem;
    }
    .sum_pass .sum_link .sum_005 .my_active li {
        border-radius: 1rem;
        padding: 1.4rem 0;
    }
    .sum_pass .sum_link .sum_005 .my_active .result {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
    .sum_pass .sum_link .sum_005 .my_active .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .sum_pass .use_info {
        margin: 4rem auto 6rem;
    }
    .sum_pass .use_info > .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.4rem;
    }
    .sum_pass .use_info > .tit::before {
        content: "";
        width: 2rem;
        height: 2.4rem;
        background: url(../images/use_info.png) no-repeat center;
        background-size: cover;
        margin-right: 0.6rem;
    }
    .sum_pass .use_info ul {
        gap: 1rem;
    }
    .sum_pass .use_info a {
        border-radius: 1rem;
        padding: 1.4rem;
    }
    .sum_pass .use_info .tit {
        font-size: 1.5rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .use_info .img {
        height: 3rem;
        margin-bottom: 1.2rem;
    }
    .sum_pass .service .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.4rem;
    }
    .sum_pass .service ul {
        gap: 0.7rem;
    }
    .sum_pass .service a {
        box-shadow: 0.1rem 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
        border-radius: 1.2rem;
        padding: 2rem 1.5rem 2.4rem;
    }
    .sum_pass .service ul .img {
        height: 2.7rem;
        margin-bottom: 1.8rem;
    }
    .sum_pass .service ul .tit {
        font-size: 1.6rem;
        margin-bottom: 1rem;
        letter-spacing: -0.32px;
    }
    .sum_pass .service ul .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.9rem;
    }
    .sum_pass .service ul .sm {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        line-height: 1.6rem;
        margin-top: 1.2rem;
    }
    .conditions_check p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 3rem;
    }
    .conditions_check .ck_box,
    .conditions_check .ck {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .conditions_check .ck_box {
        margin-bottom: 1.6rem;
    }
    .conditions_check .sub_ck .ck {
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        padding: 1.1rem 1.6rem;
    }
    .conditions_check .sub_ck .ck + .ck {
        margin-top: 0.8rem;
    }
    .conditions_check .sub_ck .ck .btn_doc {
        width: 1.6rem;
        height: 1.6rem;
        right: 1.6rem;
    }
    .conditions_check .custom_ck {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.8rem;
    }
    .sum_pass .pass_cont {
        border-radius: 1.2rem;
        box-shadow: 0.3rem 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.08);
        padding: 2rem;
    }
    .sum_pass .pass_cont + .pass_cont {
        margin-top: 1.2rem;
    }
    .sum_pass .smart_pass > .tit {
        margin-bottom: 1.4rem;
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }
    .sum_pass .smart_pass > .logo::before {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.8rem;
    }
    .sum_pass .unique_num {
        padding-top: 3rem;
    }
    .sum_pass .q {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        right: 2rem;
        top: 1.1rem;
    }
    .sum_pass .q::after {
        width: 1.1rem;
        height: 1.1rem;
        margin-left: 0.4rem;
    }
    .sum_pass .unique_num .unique_wrap {
        padding: 2rem 1.8rem 1.5rem;
        border-radius: 1rem;
        margin-bottom: 1.4rem;
    }
    .sum_pass .unique_num .unique_wrap .flex {
        margin-bottom: 1.3rem;
        gap: 5rem;
    }
    .sum_pass .unique_num .unique_wrap .info {
        width: 45%;
    }
    .sum_pass .unique_num .unique_wrap .tit {
        font-size: 1.6rem;
        font-weight: bold;
        margin-bottom: 0.8rem;
        letter-spacing: -0.32px;
    }
    .sum_pass .unique_num .unique_wrap .info {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .sum_pass .unique_num .unique_wrap .info p + p {
        margin-top: 0.2rem;
    }
    .sum_pass .unique_num .unique_wrap .photo {
        width: 7.5rem;
    }
    .sum_pass .unique_num .unique_wrap .cert_date {
        font-size: 1rem;
        letter-spacing: -0.22px;
    }
    .sum_pass .unique_num .unique_wrap .cert {
        font-size: 1.1rem;
    }
    .sum_pass .unique_num .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.7rem;
        margin-bottom: 1.4rem;
    }
    .sum_pass .unique_num .btn_blue {
        padding: 1rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.6rem;
    }
    .sum_pass .ticket_wrap .img {
        width: 7.4rem;
        margin: 0 auto 1.6rem;
    }
    .sum_pass .ticket_wrap p {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.9rem;
        margin-bottom: 1.2rem;
    }
    .sum_pass .ticket_wrap .note {
        font-size: 1.2rem;
    }
    .sum_pass .ticket_wrap .btn_line {
        padding: 0.7rem 1.1rem;
        border-radius: 0.6rem;
        border: 0.1rem solid #045abe;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .ticket_wrap .tit {
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
    }
    .sum_pass .ticket_wrap .ticket_check {
        margin-bottom: 2.4rem;
    }

    .sum_pass .input_wrap:not(:first-child) {
        margin-top: 2.4rem;
    }
    .sum_pass .input_wrap .label {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.8rem;
    }
    .sum_pass input[type="text"],
    .sum_pass input[type="tel"] {
        border-bottom: 0.1rem solid #dbdbdb;
        padding: 0.75rem 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pass .unique span {
        width: 1.4rem;
        margin: 0 1.5rem;
        border-bottom: 0.1rem solid #000;
    }
    .sum_pass .note_wrap {
        margin-top: 3rem;
    }
    .sum_pass .note_wrap .tit {
        font-size: 1.4rem;
        margin-bottom: 1rem;
        letter-spacing: -0.16px;
    }
    .sum_pass .note_wrap .tit::before {
        content: "●";
        font-size: 0.8rem;
        display: block;
        margin-right: 0.2rem;
    }
    .sum_pass .note_wrap .sub_tit,
    .sum_pass .note_wrap .arrow li {
        font-size: 1.3rem;
        letter-spacing: -0.28px;
        line-height: 1.9rem;
    }

    .regist_user .q {
        margin-bottom: 0.8rem;
    }

    .sum_pop .tit,
    .use_pop .tit {
        font-size: 1.6rem;
        margin: 4rem auto 2.4rem;
    }
    .use_pop {
        height: 45% !important;
    }
    .use_pop .use_txt li:not(:last-child) {
        margin-bottom: 2rem;
    }
    .use_pop .use_txt p {
        font-size: 1.4rem;
        margin-bottom: 1rem;
        letter-spacing: -0.28px;
    }
    .use_pop .use_txt .txt {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.8rem;
    }
    .sum_pop .check {
        margin: 2.4rem 0 3.7rem;
        border-radius: 0.8rem;
        padding: 1.7rem 2.5rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pop .txt_wrap p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
    }
    .sum_pop .txt_wrap p + p {
        margin-top: 1.2rem;
    }
    .sum_pop .sumpass_input input {
        border: 0;
        border-bottom: 0.1rem solid #dbdbdb;
        padding-bottom: 0.7rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pop {
        height: 38%;
    }

    .stamp > .tit {
        width: 14rem;
        margin: 0 auto 2rem;
    }
    .sum_pass .tab {
        gap: 0.8rem;
        position: relative;
    }
    .sum_pass .tab > li > a {
        padding: 0.7rem 1.8rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .tab .cont {
        margin-top: 2rem;
        left: 0;
    }
    .sum_pass .tab > li.active .cont {
        padding-bottom: 5rem;
        min-height: 60vh;
    }
    .sum_pass .tab .cont .sum_list {
        gap: 2rem 1rem;
    }
    .sum_pass .tab .cont .sum_list li {
        width: calc(33% - 0.58rem);
    }
    .sum_pass .tab .cont .sum_list .thumb {
        width: 100%;
        border-radius: 1rem;
        overflow: hidden;
        position: relative;
    }
    .sum_pass .tab .cont .sum_list .thumb img {
        width: 100%;
        height: 10rem;
    }
    .sum_pass .tab .cont .sum_list .tit {
        text-align: center;
        margin: 1.2rem auto 0;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pass .tab .cont .sum_list li.get .thumb::before {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 5;
        position: absolute;
        left: 0;
        top: 0;
    }
    .sum_pass .tab .cont .sum_list li.get .thumb::after {
        width: 80%;
        height: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url(../images/stamp_get.png) no-repeat center;
        background-size: contain;
        z-index: 6;
    }

    .stamp .spot_list > li {
        box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.08);
        border-radius: 1.2rem;
    }
    .stamp .spot_list > li:not(:last-child) {
        margin-bottom: 1.4rem;
    }
    .stamp .spot_list .thumb {
        border-radius: 1.2rem 1.2rem 0 0;
        overflow: hidden;
        max-height: 20rem;
        height: 20rem;
    }
    .stamp .spot_list .spot_info {
        padding: 2rem 2rem 3rem;
    }
    .stamp .spot_list .spot_info .position {
        margin-bottom: 1rem;
    }
    .stamp .spot_list .spot_info .tit {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
    }
    .stamp .spot_list .spot_info .distance {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .stamp .spot_list .spot_info .distance::before {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 0.1rem;
    }
    .stamp .spot_list .spot_info .addr {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.8rem;
    }
    .stamp .spot_list .spot_info .state {
        gap: 0.2rem;
    }
    .stamp .spot_list .spot_info .state li {
        padding: 0.5rem 1rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }

    .stamp .gps {
        padding: 1.35rem 1.6rem;
        border-radius: 0.8rem;
        margin-bottom: 1.4rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .stamp .gps .val {
        margin-left: 0.6rem;
    }
    .stamp .btn_map {
        border: 0.1rem solid #045abe;
        padding: 1.2rem;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .stamp .btn_map::before {
        width: 2rem;
        height: 2rem;
        margin-right: 0.4rem;
    }
    .stamp .save_picture {
        margin: 3rem 0;
    }
    .stamp .save_picture .q {
        margin-bottom: 1.2rem;
    }
    .stamp .save_picture .add_pic {
        border-radius: 0.8rem;
        box-shadow: 0.1rem 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.12);
        padding: 3rem;
    }
    .stamp .save_picture .add_pic .img {
        width: 20%;
        margin: 0 auto 2rem;
    }
    .stamp .save_picture .add_pic .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
    }
    .stamp .save_picture .add_pic .btn_picture:disabled {
        margin: 2rem auto 0;
        border: 0.1rem solid #ebebeb;
        border-radius: 0.6rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .stamp .save_picture .add_pic .btn_picture:disabled::before {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.2rem;
    }
    .stamp .save_picture .add_pic .btn_picture.disabled {
        margin: 2rem auto 0;
        border: 0.1rem solid #ebebeb;
        border-radius: 0.6rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .stamp .save_picture .add_pic .btn_picture.disabled::before {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.2rem;
    }
    .stamp .save_picture .add_pic .btn_picture {
        margin: 2rem auto 0;
        border: 0.1rem solid #000;
        border-radius: 0.6rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .stamp .save_picture .add_pic .btn_picture::before {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.2rem;
    }
    .stamp .save_picture .add_pic .picture_comment {
        padding: 1rem 2.5rem;
        background: rgb(29 111 212 / 70%);
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        bottom: -2rem;
    }
    .stamp .save_picture .add_pic .picture_comment::before {
        content: "";
        position: absolute;
        bottom: 99.5%;
        left: 50%;
        transform: translateX(-50%);
        border-left: 0.5rem solid transparent;
        border-right: 0.5rem solid transparent;
        border-bottom: 0.85rem solid rgb(29 111 212 / 70%);
    }

    .stamp .map {
        position: relative;
        left: -2rem;
        width: calc(100% + 4rem);
    }
    .sum_map_pop {
        height: 28%;
        bottom: -17.5rem;
        border-radius: 1.4rem 1.4rem 0 0;
        left: 0;
        padding: 3rem 2.4rem;
    }
    .sum_map_pop.on {
        bottom: 1.1rem;
    }
    .pop_control {
        width: 4.4rem;
        height: 4rem;
        background: #fff url(../images/map_target.png) no-repeat center;
        top: -3.9rem;
        right: 2.4rem;
        border-radius: 0.6rem 0.6rem 0 0;
        background-size: 70%;
    }
    .sum_map_pop .tit {
        font-size: 1.8rem;
        margin-bottom: 1.4rem;
        letter-spacing: -0.36px;
    }
    .sum_map_pop .addr {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 2.4rem;
    }
    .sum_map_pop .btn_stamp {
        border-radius: 0.6rem;
        padding: 1.1rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border: 0.1rem solid #045abe;
    }
    .sum_map_pop .btn_stamp::before {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
    }

    .stamp .picture_area {
        border-radius: 0.8rem;
        max-height: 22rem;
        height: 22rem;
        margin-bottom: 1.8rem;
    }
    .stamp .picture_area .no_img {
        height: 22rem;
        background-size: 4rem;
        position: relative;
    }
    .stamp .picture_area .no_img p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .stamp .btn_upload::before {
        content: "";
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.2rem;
    }
    .stamp .spot_info .date {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 1.4rem;
    }
    .stamp .spot_info .nft_wrap .contract_pop {
        padding: 0.7rem 1rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.6rem;
        border: 0.1rem solid #ebebeb;
    }
    .stamp .spot_info .nft_wrap p {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .stamp .spot_info .contract_pop_layer {
        margin-top: 0;
        border-radius: 0.6rem;
        padding: 1rem 1.2rem;
    }
    .stamp .spot_info .contract_pop_layer .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.6rem;
    }
    .stamp .spot_info .contract_pop_layer .addr {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        line-height: 1.6rem;
    }
    .stamp .spot_info .contract_pop_layer .btns {
        right: 0.6rem;
        top: 0.6rem;
        gap: 0.6rem;
    }
    .stamp .spot_info .contract_pop_layer button {
        width: 1.8rem;
        height: 1.8rem;
    }

    .sum_pass .sum_layout > .tit {
        position: relative;
        left: -2rem;
        width: calc(100% + 4rem);
        border-bottom: 0.5rem solid #f8f8f8;
        padding: 0 2rem 2rem;
        font-size: 1.8rem;
        letter-spacing: -0.36px;
    }
    .sum_pass .my_action {
        padding: 2rem 0;
    }
    .sum_pass .my_action .name {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .sum_pass .my_action .my_list {
        display: flex;
        gap: 1rem;
        margin-bottom: 3rem;
    }
    .sum_pass .my_action .my_list li {
        border-radius: 1.2rem;
    }
    .sum_pass .my_action .my_list li a {
        padding: 2rem;
    }
    .sum_pass .my_action .my_list .big {
        font-size: 2.4rem;
        margin-bottom: 1.1rem;
    }
    .sum_pass .my_action .my_list .sm {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .my_action .privacy_list li:not(:last-child) {
        margin-bottom: 0.8rem;
    }
    .sum_pass .my_action .privacy_list li {
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        padding: 1.2rem 1.4rem;
    }
    .sum_pass .my_action .privacy_list li a {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pass .my_action .privacy_list li a::before {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.6rem;
    }
    .sum_pass .my_action .privacy_list li a::after {
        width: 1.8rem;
        height: 1.8rem;
    }

    .sum_pass .sum_layout .nft_list li + li {
        margin-top: 0.6rem;
    }
    .sum_pass .sum_layout .nft_list a {
        border-radius: 0.8rem;
        padding: 1.2rem 1.8rem;
    }
    .sum_pass .sum_layout .nft_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.6rem;
    }
    .sum_pass .sum_layout .nft_list .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .sum_pass .sum_layout .nft_list a::after {
        width: 1.8rem;
        height: 1.8rem;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
    }
    .sum_pass .sum_layout .paging {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        bottom: 10rem;
        width: calc(100% - 4rem);
    }
    .sum_pass .sum_layout .paging .btns {
        gap: 0.8rem;
    }
    .sum_pass .sum_layout .paging button {
        box-shadow: 0.1rem 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.1);
    }
    .sum_pass .sum_layout .paging .first {
        background: url(../images/c_first.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .sum_pass .sum_layout .paging .prev {
        background: url(../images/c_prev.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .sum_pass .sum_layout .paging .next {
        background: url(../images/c_next.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .sum_pass .sum_layout .paging .last {
        background: url(../images/c_last.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .paging.circle {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        bottom: 10rem;
        width: calc(100% - 4rem);
    }
    .paging.circle .btns {
        gap: 0.8rem;
    }
    .paging.circle button {
        box-shadow: 0.1rem 0.1rem 0.6rem 0 rgba(0, 0, 0, 0.1);
    }
    .paging.circle .first {
        background: url(../images/c_first.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .paging.circle .prev {
        background: url(../images/c_prev.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .paging.circle .next {
        background: url(../images/c_next.png) no-repeat center #fff;
        background-size: 1.4rem;
    }
    .paging.circle .last {
        background: url(../images/c_last.png) no-repeat center #fff;
        background-size: 1.4rem;
    }

    .sum_pass .privacy_wrap {
        border-radius: 1.2rem;
        border: 0.1rem solid #ebebeb;
        padding: 1.6rem 1.8rem;
        margin-bottom: 2.5rem;
    }
    .sum_pass .privacy_wrap,
    .sum_pass .privacy_wrap * {
        font-size: 1.2rem;
        line-height: 1.8rem;
        letter-spacing: -0.24px;
    }

    .sum_pass .sum_layout .tab {
        margin-top: 2rem;
        gap: 2rem;
    }
    .sum_pass .sum_layout .tab > li > a {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        padding-bottom: 0.2rem;
    }
    .sum_pass .sum_layout .tab > li.active > a {
        border-bottom: 0.1rem solid #000;
    }
    .sum_pass .sum_layout .tab .cont .visual {
        margin-bottom: 1.8rem;
        border-radius: 0.8rem;
        overflow: hidden;
    }
    .sum_pass .sum_layout .tab .cont .visual img {
        height: 9rem;
    }
    .post_list li + li {
        margin-top: 0.6rem;
    }
    .post_list a {
        border-radius: 0.8rem;
        padding: 1.2rem 1.8rem;
    }
    .post_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.6rem;
    }
    .post_list .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .viewer .tit_wrap .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 0.8rem;
    }
    .viewer .date {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .viewer .view_text_wrap {
        padding: 1.7rem 0 2.4rem;
        margin: 1.4rem 0 3rem;
        border-top: 0.1rem solid #000;
        border-bottom: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }
    .btn_whiteline {
        padding: 0.9rem 2.3rem;
        border-radius: 0.6rem;
        border: 0.1rem solid #dbdbdb;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .sum_pass .sub_tab_list {
        gap: 0.8rem;
        margin-bottom: 2.4rem;
    }
    .sum_pass .sub_tab_list a {
        padding: 0.7rem 1.4rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .sum_pass .faq_list li {
        border-radius: 0.8rem;
        padding: 1rem 1.4rem;
    }
    .sum_pass .faq_list button {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sum_pass .faq_list button .tit {
        margin-left: 0.6rem;
        margin-right: 2rem;
    }
    .sum_pass .faq_list button::after {
        width: 1.8rem;
        height: 1.8rem;
    }
    .sum_pass .faq_list li + li {
        margin-top: 0.8rem;
    }
    .sum_pass .faq_list .t {
        width: 2.4rem;
        height: 2.4rem;
        min-width: 2.4rem;
    }
    .sum_pass .faq_list .answer {
        padding: 0 0 0 2.1rem;
        margin-top: 1.6rem;
    }
    .sum_pass .faq_list .answer .txt {
        margin-left: 0.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.9rem;
    }

    .sumpass_pop.on {
        padding-top: 1rem;
    }

    .btn_blueline {
        border-radius: 0.8rem;
        border: 0.1rem solid #045abe;
        padding: 1.3rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .blue_link {
        border: 0.1rem solid #045abe;
        padding: 0.5rem 1.4rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 103, 182, 0.17);
    }
    .blue_link::after {
        content: "";
        width: 1.2rem;
        height: 1.2rem;
    }

    .ip_wrap .page_tit_wrap .blue_link {
        right: 2rem;
    }
    .ip_wrap > .tit {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin-bottom: 3rem;
    }
    .ip_wrap .idea_wallet > li {
        border-radius: 1.2rem;
        box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.08);
        border: 0.1rem solid #ebebeb;
    }
    .ip_wrap .idea_wallet > li + li {
        margin-top: 1.4rem;
    }
    .ip_wrap .idea_wallet .thumb {
        max-height: 20rem;
        height: 20rem;
    }
    .ip_wrap .idea_wallet .info_text {
        padding: 2rem 2rem 2.4rem;
    }
    .ip_wrap .idea_wallet .tit {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
        margin-bottom: 1rem;
    }
    .ip_wrap .idea_wallet .center {
        margin-bottom: 1.4rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        letter-spacing: -0.26px;
    }
    .ip_wrap .idea_wallet .hashtag {
        gap: 0.4rem;
    }
    .ip_wrap .idea_wallet .hashtag li {
        padding: 0.45rem 0.7rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.5rem;
    }
    .ip_wrap .idea_wallet .public {
        right: 2rem;
        bottom: 2.4rem;
        padding: 0.4rem 1.4rem;
        font-size: 1.4rem;
        border-radius: 0.5rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap .idea_wallet .private {
        right: 2rem;
        bottom: 2.4rem;
        padding: 0.4rem 1.4rem;
        font-size: 1.4rem;
        border-radius: 0.5rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap .no_idea .img {
        width: 33%;
        margin: 0 auto 2.4rem;
    }
    .ip_wrap .no_idea .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1rem;
    }
    .ip_wrap .no_idea .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.9rem;
    }
    .ip_wrap .regist_idea {
        padding-bottom: 4rem;
    }
    .ip_wrap .regist_idea .box {
        padding: 1.3rem 1.8rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        border-radius: 1.2rem;
        margin-bottom: 3rem;
        line-height: 1.8rem;
    }
    .ip_wrap .regist_idea .box li + li {
        margin-top: 0.6rem;
    }
    .ip_wrap .input_label .label {
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
    }
    .ip_wrap .input_label input:not(input[type="radio"]),
    .ip_wrap .input_label select {
        width: 100%;
        padding: 1.2rem 1.4rem;
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap .input_label select,
    .ip_wrap .input_label select option {
        font-size: 1.3rem;
        color: #888;
    }
    .ip_wrap .input_label textarea {
        width: 100%;
        resize: none;
        min-height: 12rem;
        padding: 1.2rem 1.4rem;
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap label.input {
        padding: 0.7rem 1rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin: 1.2rem 0;
        width: 8rem;
    }
    .ip_wrap .input_label .dot_list li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .ip_wrap .input_label .dot_list li + li {
        margin-top: 0.3rem;
    }
    .ip_wrap .input_label .keyword_wrap {
        margin-bottom: 0.8rem;
    }
    .ip_wrap .input_label .keyword + .btn_blueline {
        width: 5.5rem;
        margin-left: 0.2rem;
    }
    .ip_wrap label.flex {
        margin-bottom: 1.2rem;
    }
    .ip_wrap label.flex + .flex {
        margin-left: 2.4rem;
    }
    .ip_wrap input[type="radio"] + span,
    .ip_wrap input[type="checkbox"] + span {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap input[type="radio"],
    .ip_wrap input[type="checkbox"] {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.6rem;
    }
    .ip_wrap .input_label .file_area {
        width: 100%;
        border-radius: 0.8rem;
        padding: 1.7rem 1.4rem;
        margin-bottom: 0.8rem;
    }
    .ip_wrap .input_label .file_list {
        gap: 1.3rem 1.8rem;
    }
    .ip_wrap .input_label .file_area .file_name {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap .input_label .file_area .file_clear {
        width: 1.8rem;
        min-width: 1.8rem;
        height: 1.8rem;
        background: url(../images/file_clear.png) no-repeat center;
        background-size: cover;
        margin-left: 0.4rem;
    }
    .ip_wrap .input_label .keyword_list {
        gap: 0.8rem 0.6rem;
        margin-top: 1.2rem;
    }
    .ip_wrap .input_label .keyword_list li {
        padding: 0.7rem 1.2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .ip_wrap .input_label .keyword_list .keyword_clear {
        width: 1.2rem;
        height: 1.2rem;
        min-width: 1.2rem;
        background: url(../images/keyword_clear.png) no-repeat center;
        background-size: cover;
    }
    .ip_wrap .input_label .public_note {
        width: 100%;
        border-radius: 0.8rem;
        padding: 1.8rem 1.6rem;
        border: 0.1rem solid #ebebeb;
        margin-top: 1.2rem;
    }
    .ip_wrap .input_label .public_note .input_label {
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.6rem;
    }
    .ip_wrap .input_label .public_note .dot_list li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.8rem;
        color: #888;
        word-break: keep-all;
    }
    .idea_thumb {
        border-radius: 1.2rem;
        overflow: hidden;
    }
    .ip_wrap > .btns {
        margin: 4rem 0 3rem;
        display: flex;
        gap: 0.3rem;
    }
    .ip_wrap > .btns button {
        width: 100%;
        border-radius: 0.8rem;
        padding: 1.1rem;
        text-align: center;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .TxHash {
        margin: 3rem 0;
    }
    .TxHash .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.8rem;
    }
    .TxHash .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.8rem;
    }
    .ip_wrap .input_label + .input_label {
        margin-top: 3rem;
    }

    .mobile_ck {
        border-radius: 1.2rem;
        padding: 2.4rem 2rem 1.6rem;
        border: 0.1rem solid #dbdbdb;
    }
    .mobile_ck .tit {
        margin-bottom: 1.6rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .mobile_ck .img_area {
        width: 10.5rem;
        height: 12rem;
        border-radius: 0.8rem;
        margin: 0 auto 1.4rem;
    }
    .mobile_ck .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 2.4rem;
    }
    .mobile_ck .name_wrap {
        margin-bottom: 0.8rem;
    }
    .mobile_ck .name {
        font-size: 2.4rem;
        letter-spacing: -0.48px;
    }
    .mobile_ck .toggleBtn label span {
        position: absolute;
        left: -4.5rem;
    }
    .mobile_ck .toggleBtn span {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-right: 0.6rem;
    }
    .toggleBtn label {
        width: 5.7rem;
        height: 2.9rem;
        border-radius: 60px;
        align-items: center;
    }
    .toggleBtn label::after {
        left: 1.3px;
        top: 50%;
        width: 20px;
        height: 20px;
    }
    .toggleBtn label::before {
        left: 23px;
        transition: all 0.4s;
    }
    .toggleBtn #switch:checked + label::after {
        left: calc(100% - 21.3px);
    }
    .toggleBtn #switch:checked + label::before {
        font-size: 1.1rem;
        left: 7px;
    }
    .mobile_ck .qr_area .userId {
        font-size: 1.9rem;
        letter-spacing: -0.48px;
    }
    .mobile_ck .qr_area .addr {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .mobile_ck .qr_area .addrDtl {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .mobile_ck .qr_area .issuYmd {
        font-size: 1.2rem;
        letter-spacing: -0.28px;
    }
    .mobile_ck .qr_area .qr_wrap {
        width: 8.5rem;
        height: 11.8rem;
        border-radius: 0.8rem;
        padding: 0.7rem;
    }
    .mobile_ck .qr_area .qr_wrap .qr_img {
        height: 70%;
        margin-bottom: 0.6rem;
    }
    .mobile_ck .qr_area .qr_wrap .timer .time_bar {
        margin-bottom: 0.8rem;
        height: 0.4rem;
    }
    .mobile_ck .qr_area .qr_wrap .time {
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .mobile_ck .info_btn {
        border-radius: 1rem;
        border: 0.1rem solid #000;
        padding: 1.2rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-top: 3rem;
    }
    .mobile_ck + .text_area {
        border-radius: 0 0 1.2rem 1.2rem;
        padding: 1.2rem 1rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border: 0.1rem solid #dbdbdb;
    }

    .eco_wrap .eco_cont .tit_wrap {
        margin-bottom: 1.4rem;
    }
    .eco_wrap .eco_cont .tit_wrap .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .eco_wrap .eco_cont .tit_wrap .tit::before {
        width: 2rem;
        height: 1.9rem;
        margin-right: 0.4rem;
    }
    .eco_wrap .eco_cont .more {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .eco_wrap .eco_cont .more::after {
        width: 1.2rem;
        height: 1.2rem;
    }
    .eco_wrap .bg_flex {
        gap: 0.8rem;
        margin-bottom: 2.4rem;
    }
    .eco_wrap .bg_wrap {
        border-radius: 1.2rem;
    }
    .eco_wrap .point_wrap {
        padding: 1.6rem 2rem;
    }
    .eco_wrap .level_wrap {
        padding: 1.6rem 1.6rem 1.2rem;
    }
    .eco_wrap .bg_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .eco_wrap .point_tit::before {
        width: 1.7rem;
        height: 1.7rem;
        margin-right: 0.3rem;
    }
    .eco_wrap .point_wrap::after {
        height: 25%;
    }
    .eco_wrap .point {
        margin-top: 2.4rem;
        font-size: 2rem;
    }
    .eco_wrap .level_wrap .level {
        width: 6.4rem;
        height: 6.4rem;
        margin: 0 auto 1.1rem;
    }
    .eco_wrap .shadow_box_wrap a {
        box-shadow: 0.1rem 0.1rem 0.8rem 0 rgba(0, 0, 0, 0.1);
        border-radius: 1.2rem;
    }
    .eco_wrap .shadow_box_wrap.f_box {
        gap: 0.8rem;
        margin-bottom: 2.4rem;
    }
    .eco_wrap .shadow_box_wrap.f_box a {
        padding: 2rem 1.5rem 2.2rem;
    }
    .eco_wrap .shadow_box_wrap.f_box a .icon {
        height: 3rem;
        margin-bottom: 1.4rem;
    }
    .eco_wrap .shadow_box_wrap.f_box a .tit {
        font-size: 1.2rem;
        line-height: 1.7rem;
        letter-spacing: -0.24px;
    }
    /*.eco_wrap .eco_service{border-radius: 1.2rem; padding: 1.4rem 2.4rem; background: #f6f6f6 url(../images/eco_service.png) 85% center no-repeat; margin-bottom: 3rem;}*/
    .eco_wrap .eco_service {
        padding: 1.4rem 2.4rem;
        background: #f6f6f6 url(../images/eco_service.png) 85% center no-repeat;
        background-size: contain;
    }
    .eco_wrap .eco_service .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.4rem;
    }
    .eco_wrap .eco_service .tel {
        font-size: 1.7rem;
        letter-spacing: -0.34px;
    }
    .eco_wrap #ecoBannerArea {
        margin-bottom: 3rem;
        border-radius: 1.2rem;
    }
    .eco_wrap #ecoBannerArea li img {
        height: 70px;
    }
    .eco_list {
        gap: 0.8rem;
        margin-bottom: 6rem;
    }
    .eco_list a {
        padding: 1.5rem 1.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .eco_list .notice::before {
        content: "";
        width: 2.6rem;
        height: 2.6rem;
        background: url(../images/eco_notice.png) no-repeat center;
        background-size: cover;
        margin-right: 1rem;
    }
    .eco_list .faq::before {
        content: "";
        width: 3.5rem;
        height: 2.8rem;
        background: url(../images/eco_faq.png) no-repeat center;
        background-size: cover;
        margin-right: 1rem;
    }
    .eco_list a::after {
        content: "";
        width: 1.6rem;
        height: 1.6rem;
        background: url(../images/more_arrow_gray.png) no-repeat center;
        background-size: cover;
        right: 1rem;
    }
    .eco_cont .eco_service_wrap {
        margin-bottom: 4rem;
    }
    .eco_cont .eco_service_wrap > .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.4rem;
    }
    .eco_cont .eco_service_wrap .box {
        border-radius: 1.2rem;
        padding: 1.6rem 3.5rem;
        font-size: 1.3rem;
        margin-bottom: 2.4rem;
        list-style: -0.26px;
        line-height: 1.9rem;
    }
    .eco_wrap .eco_service {
        border-radius: 1.2rem;
        padding: 1.4rem 2.4rem;
        background: #f6f6f6 url(../images/eco_service.png) 85% center no-repeat;
        background-size: contain;
        margin-bottom: 3rem;
    }
    .eco_cont .num_list > li:not(:last-child) {
        margin-bottom: 1.6rem;
    }
    .eco_cont .num_list .tit {
        width: 90%;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.6rem;
    }
    .eco_cont .num_list > li::before {
        font-size: 1.4rem;
    }
    .eco_cont .num_list .dot_list {
        margin-left: 0.5rem;
        font-size: 1.3rem;
    }
    .eco_cont > .tit {
        font-size: 1.8rem;
        margin-bottom: 1.4rem;
    }
    .eco_cont .point_box {
        padding: 1.6rem 2rem 6rem;
        border-radius: 1.2rem;
        margin-bottom: 2.4rem;
    }
    .eco_cont .point_box .point_tit {
        font-size: 1.4rem;
        margin-bottom: 1.4rem;
        letter-spacing: -0.28px;
    }
    .eco_cont .point_box .btn_wrap button {
        padding: 1.25rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        gap: 0.6rem;
    }
    .eco_cont .point_box .btn_wrap button:nth-child(1) {
        border-right: 0.1rem solid #fff;
    }
    .eco_cont .point_box .btn_wrap .transfer::before {
        content: "";
        width: 1.4rem;
        height: 1.4rem;
        background: url(../images/transfer.png) no-repeat center;
        background-size: cover;
    }
    .eco_cont .point_box .btn_wrap .point_his::after {
        content: "";
        width: 1.4rem;
        height: 1.4rem;
        background: url(../images/bottom_arrow.png) no-repeat center;
        background-size: cover;
    }
    .eco_cont .point_receipt {
        border-radius: 1.2rem;
        box-shadow: 0.1rem 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
        padding: 1.6rem 2rem 2.4rem;
        margin-bottom: 4rem;
    }
    .eco_cont .point_receipt .filter_wrap {
        margin-bottom: 1.4rem;
    }
    .eco_cont .point_receipt .filter {
        margin-right: 0.6rem;
    }
    .eco_cont .point_receipt .tit {
        font-size: 1.4rem;
        margin-bottom: 1.6rem;
        letter-spacing: -0.28px;
    }
    .eco_cont .point_receipt .state {
        padding: 0.5rem 1.2rem;
        border: 0.1rem solid #00b27b;
        font-size: 1.3rem;
    }
    .eco_cont .point_receipt .period {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .eco_cont .point_receipt .filter_btn {
        width: 1.5rem;
        height: 1.5rem;
    }
    .eco_cont .point_receipt .list > li {
        padding: 1rem 1.8rem;
        border-radius: 0.8rem;
    }
    .eco_cont .point_receipt .list li + li {
        margin-top: 0.6rem;
    }
    .eco_cont .point_receipt .list .date {
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
        letter-spacing: -0.24px;
    }
    .eco_cont .point_receipt .list .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .eco_cont .point_receipt .list .result_point {
        right: 1.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .float_btn.green {
        box-shadow: 0 0 1.4rem 0 rgba(0, 178, 123, 0.5);
    }

    .pop.on_pop {
        width: 80%;
        padding: 4rem 2rem;
        border-radius: 2rem;
    }
    .pop.on_pop .filter_label {
        margin-bottom: 3rem;
    }
    .pop.on_pop .filter_label .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .pop.on_pop .filter_label ul {
        gap: 0.8rem;
    }
    .pop.on_pop .filter_label .filter_button {
        padding: 0.7rem 1.4rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .pop.on_pop .btn_green {
        border-radius: 0.8rem;
        padding: 1.1rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .pop.on_pop .close_pop {
        width: 1.8rem;
        height: 1.8rem;
        right: 1.2rem;
        top: 1.2rem;
    }
    .pop.on_pop .btn_wrap {
        gap: 0.2rem;
    }
    .pop.on_pop .btn_wrap button {
        border-radius: 0.8rem;
        letter-spacing: -0.28px;
        font-size: 1.4rem;
    }
    .pop.on_pop .pop_tit {
        margin-bottom: 3rem;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .popup .pop_sm_txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
    }
    .level_pop .pop_tit {
        text-align: left !important;
    }
    .level_pop .btn_wrap button {
        width: 100% !important;
    }
    .level_pop .level_list {
        margin-bottom: 3rem;
    }
    .level_pop .level_list li + li {
        margin-top: 0.8rem;
    }
    .level_pop .level_list .level {
        width: 5.8rem;
        height: 5.8rem;
        margin-right: 1.2rem;
    }
    .level_pop .level_list .level img {
        width: 3.4rem;
        height: auto;
    }
    .level_pop .level_list .level_txt .tit {
        font-size: 1.4rem;
        margin-bottom: 0.6rem;
        letter-spacing: -0.28px;
    }
    .level_pop .level_list .level_txt .point {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        color: #555;
    }

    .point_box.flex {
        padding: 1.7rem 2rem;
    }
    .eco_cont > .label_wrap {
        margin-bottom: 2.9rem;
    }
    .eco_cont > .label_wrap .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .eco_cont > .label_wrap select {
        border-radius: 0.8rem;
        padding: 1.2rem 1.6rem;
        border: 0.1rem solid #ebebeb;
    }
    .eco_cont > .label_wrap select,
    .eco_cont > .label_wrap select option {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .eco_cont > .label_wrap.input_wrap .flex {
        border-bottom: 0.2rem solid #000;
        margin-bottom: 1rem;
    }
    .eco_cont > .label_wrap.input_wrap input {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-right: 0.4rem;
        padding: 1.3rem 0.3rem;
    }
    .eco_cont > .label_wrap.input_wrap span {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
    }
    .eco_cont > .label_wrap.input_wrap p {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .transfer_box {
        left: -2rem;
        width: calc(100% + 4rem);
        padding: 2rem;
    }
    .transfer_box .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.6rem;
    }
    .transfer_box .label_flex {
        margin-bottom: 1.7rem;
    }
    .transfer_box .label_wrap + .label_wrap {
        margin-left: 2.4rem;
    }
    .transfer_box .label_wrap .label {
        font-size: 1.4rem;
        letter-spacing: -0.26px;
    }
    .transfer_box input[type="radio"] {
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.6rem;
    }
    .transfer_box .input_wrap {
        margin-bottom: 1.4rem;
    }
    .transfer_box .input_wrap input,
    .transfer_box .input_wrap select,
    .transfer_box .input_wrap option {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        padding: 1rem;
    }
    .transfer_box .input_wrap select {
        width: 12rem;
        margin-right: 0.3rem;
    }
    .transfer_box .note_list li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.8rem;
    }

    .point_type {
        gap: 0.5rem;
        margin-top: 2.1rem;
    }
    .point_type .point_type_box {
        padding: 1.4rem 0.7rem;
        border-radius: 0.8rem;
    }
    .point_type .point_type_box .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.8rem;
    }
    .point_type .point_type_box .point {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .eco_map {
        left: -2rem;
        width: calc(100% + 4rem);
    }
    .eco_map #map {
        height: 60rem;
    }
    .map_pop {
        height: auto;
    }
    .map_pop .pop_inner {
        gap: 0.8rem;
    }
    .map_pop .border {
        border-radius: 0.8rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border: 0.1rem solid rgba(255, 255, 255, 0.2);
        padding: 1.5rem 1.2rem;
    }
    .map_pop .border .flex,
    .map_pop .border .flex li {
        gap: 0.6rem;
        width: 100%;
    }
    .map_pop div.border {
        padding: 1.2rem 1.2rem;
    }
    .map_pop .border .flex {
        margin-top: 1.2rem;
    }
    .map_pop .col .border + .border {
        margin-top: 0.8rem;
    }

    .RVM_pop {
        height: 22%;
    }
    .RVM_pop .tit {
        font-size: 1.5rem;
        margin-bottom: 1.4rem;
        letter-spacing: -0.3px;
    }
    .RVM_pop .RVM_button {
        gap: 0.5rem;
        margin-bottom: 1.2rem;
    }
    .RVM_pop .RVM_button button {
        border-radius: 0.6rem;
        padding: 1.2rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .RVM_pop .RVM_info {
        border: 0.1rem solid #ebebeb;
        border-radius: 0.6rem;
    }
    .RVM_pop .RVM_info li {
        padding: 1.1rem 1.5rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .RVM_pop .RVM_info li:not(:first-child) {
        border-left: 0.1rem solid #ebebeb;
        border-radius: 0 0.6rem 0.6rem 0;
    }
    .RVM_pop .RVM_info li:first-child {
        border-radius: 0.6rem 0 0 0.6rem;
    }

    .popup.detail_pop {
        height: auto;
    }
    .detail_pop .cate {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 0.8rem;
    }
    .detail_pop .tit {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }
    .detail_pop .type_info {
        margin-bottom: 1.6rem;
    }
    .detail_pop .type_info li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .detail_pop .type_info li:nth-child(1)::after {
        content: "";
        width: 0.1rem;
        height: 1rem;
        margin: 0 1.2rem;
    }
    .detail_pop .position {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 2.4rem;
    }
    .detail_pop .btn_green {
        padding: 1.2rem;
        border-radius: 0.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }

    .popup.findMap_pop {
        height: 32%;
    }
    .findMap_pop .find_map {
        padding-left: 4.6rem;
        margin: 2rem 0 2.4rem;
    }
    .findMap_pop .find_map::before {
        width: 0.1rem;
        height: 95%;
        left: 2rem;
        top: 0;
    }
    .find_map li + li {
        margin-top: 2rem;
    }
    .find_map li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .find_map li::before {
        content: "";
        width: 1rem;
        height: 1rem;
        left: 1.5rem;
    }
    .find_map .start {
        padding: 0.3rem 1rem;
        border: 0.1rem solid #00b27b;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .findMap_pop .btn_gray {
        padding: 1.1rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        border-radius: 0.8rem;
    }

    .eco_cont .tab_wrap {
        left: -2rem;
        width: calc(100% + 4rem);
        border-top: 0.5rem solid #f6f6f6;
        padding: 2rem 2rem 0;
    }
    .eco_cont .tab_list {
        gap: 2rem;
        margin-bottom: 2.4rem;
    }
    .eco_cont .tab_list a {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .eco_cont .tab_list .active a {
        border-bottom: 0.2rem solid #000;
        padding-bottom: 0.2rem;
    }
    .eco_cont .tab_cont .input_wrap {
        border: 0.1rem solid #dbdbdb;
        border-radius: 0.8rem;
        margin-bottom: 1.8rem;
    }
    .eco_cont .post_list a::after {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        right: 1rem;
    }
    .eco_cont .post_list + .paging {
        margin-top: 5rem;
    }

    .eco_cont .input_wrap input {
        border-radius: 0.8rem;
        margin-right: 0.4rem;
    }
    .eco_cont .input_wrap .search {
        width: 1.8rem;
        min-width: 1.8rem;
        height: 1.8rem;
        background: url(../images/search_gray.png) no-repeat center;
        background-size: cover;
        margin-right: 1.6rem;
    }

    .eco_cont .tab_wrap > .name {
        margin-bottom: 1.2rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .my_cont .point_btn {
        flex: 1;
        padding: 2.4rem 2rem;
        width: 13rem;
        min-width: 13rem;
        border-radius: 1.2rem;
        margin-right: 0.8rem;
    }
    .my_cont .point_btn .point_tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 3rem;
    }
    .my_cont .right_flex {
        gap: 0.8rem;
    }
    .my_cont .right_flex > a {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        padding: 2.4rem 1.6rem;
    }
    /*.my_cont .right_flex > a::after{content: ''; width: 5rem; height: 5rem; background: url(../images/level01.png) no-repeat center; background-size: cover; right: 1.6rem;}*/
    .my_cont .right_flex img {
        display: block;
        width: 5rem;
        height: 5rem;
    }
    .my_cont .info_box {
        border-radius: 0.8rem;
        padding: 1.6rem;
        font-size: 1.2rem;
    }
    .my_cont .info_box + .info_box {
        margin-left: 0.8rem;
    }
    .my_cont .info_box .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .my_cont .info_box .point {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .my_cont .link_list {
        margin-top: 3rem;
    }
    .my_cont .link_list li + li {
        margin-top: 0.8rem;
    }
    .my_cont .link_list li a {
        border-radius: 1.2rem;
        padding: 1.2rem 1.4rem;
        border-radius: 0.8rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .my_cont .link_list li a::before {
        content: "";
        width: 2.2rem;
        height: 2.2rem;
        margin-right: 0.6rem;
    }
    .my_cont .link_list li a::after {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        height: 1.2rem;
    }

    .search_wrap {
        border-radius: 0.8rem;
        border: 0.1rem solid #dbdbdb;
    }
    .search_wrap .input_wrap input {
        padding: 1.2rem 1.6rem;
    }

    .QA_list {
        margin-top: 1.8rem;
    }
    .QA_list li + li {
        margin-top: 1rem;
    }
    .QA_list a {
        padding: 1.2rem 1.8rem;
        box-shadow: 0.1rem 0.1rem 1.6rem 0 rgba(0, 0, 0, 0.1);
        border-radius: 0.8rem;
    }
    .QA_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.6rem;
    }
    .QA_list .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .eco_cont .state {
        right: 1.4rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
        padding: 0.4rem 0.8rem;
    }

    .viewer .tit_wrap .state {
        margin: 3.2rem 0 0.8rem;
    }
    .viewer .view_text {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.2rem;
    }
    .viewer .view_answer {
        margin-top: 2.4rem;
        border-radius: 1.2rem;
        padding: 1.6rem 1.8rem;
    }
    .viewer .view_answer .tit_wrap {
        border-bottom: 0.1rem solid #d4eee5;
        padding-bottom: 1rem;
        margin-bottom: 1.4rem;
    }
    .viewer .view_answer .tit {
        font-size: 1.4rem;
    }
    .viewer .view_answer .date {
        font-size: 1.4rem;
    }
    .viewer .answer_text {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }
    .viewer .view_text_wrap:has(.view_answer) {
        margin-bottom: 3rem;
    }

    .eco_write .input_label + .input_label {
        margin-top: 2.4rem;
    }
    .eco_write .input_label .label {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.8rem;
    }

    .eco_tab_list {
        margin-bottom: 1.4rem;
    }
    .eco_tab_list a {
        border: 0.1rem solid #ebebeb;
        width: 12rem;
        border-radius: 0.8rem;
        padding: 1.2rem !important;
        font-size: 1.3rem !important;
        letter-spacing: -0.26px;
    }
    .eco_tab_list .active a {
        border: 0.1rem #00b27b solid !important;
    }
    .eco_tab_cont .box_text {
        border-radius: 1.2rem;
        padding: 1.8rem 1.6rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.8rem;
        margin-bottom: 2rem;
    }

    .search_top {
        width: calc(100% + 5rem);
        left: -3rem;
        top: -2.4rem;
        padding: 1.3rem 1.6rem;
    }
    .search_top .back {
        width: 3rem;
        height: 3rem;
        margin-right: 2rem;
    }
    .search_top .search_wrap input {
        border: 0.1rem solid #045abe;
    }
    .search_top .search_btn {
        width: 4rem;
        height: 4rem;
        border-radius: 0.6rem;
        margin-left: 0.4rem;
        background-size: 70%;
    }
    .search_top .search_wrap .clear {
        width: 1.4rem;
        height: 1.4rem;
        background: url(../images/file_clear.png) no-repeat center;
        background-size: contain;
        right: 6.5rem;
    }
    .sr_result_wrap img {
        margin: 0 auto 2.4rem;
        margin-top: 10rem;
    }
    .sr_result_wrap .txt {
        font-size: 1.4rem;
    }

    .sr_result_wrap .cate {
        left: -2rem;
        width: calc(100% + 4rem);
        padding: 0 2rem;
    }
    .sr_result_wrap .cate + .cate {
        border-top: 0.5rem solid #f6f6f6;
        padding-top: 2rem;
        margin-top: 2rem;
    }
    .sr_result_wrap .cate > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 1.4rem;
    }
    .sr_result_wrap .cate .cate_list .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .sr_result_wrap .cate .cate_list .date {
        margin-top: 0.4rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .sr_result_wrap .cate .cate_list li + li {
        margin-top: 1.4rem;
    }

    .pop_txt.wrap {
        white-space: inherit;
        word-break: keep-all;
        width: calc(100% - 3rem);
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: 0.28px;
    }

    .nav_wrap .nav_header {
        padding-top: 1.5rem;
    }
    .nav_wrap .nav_header .nav_logo {
        width: 10.2rem;
    }
    .nav_wrap .nav_header .nav_close {
        width: 3rem;
        height: 3rem;
    }
    .nav_wrap .nav_btns {
        gap: 0.6rem;
        margin: 4.5rem auto 5rem;
    }
    .nav_wrap .nav_btns a {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        padding: 1rem 0;
        border-radius: 0.6rem;
        width: 10rem;
    }
    .nav_wrap li + li {
        border-top: 0.1rem solid rgba(255, 255, 255, 0.08);
        margin-top: 1rem;
        padding-top: 1rem;
    }
    .nav_wrap li a {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .nav_wrap li::after {
        content: "";
        width: 2.4rem;
        height: 2.4rem;
    }
    .nav_wrap li::before {
        content: "";
        width: 2rem;
        height: 2rem;
        margin-right: 1.4rem;
    }
    .nav_wrap li.nav02::before {
        width: 2.4rem;
        height: 1.8rem;
        margin-right: 1rem;
        background: url(../images/nav02.png) no-repeat center;
        background-size: cover;
    }
    .nav_wrap li.nav03::before {
        height: 2.4rem;
        background: url(../images/nav03.png) no-repeat center;
        background-size: cover;
    }
    .nav_wrap li.nav04::before {
        background: url(../images/nav04.png) no-repeat center;
        background-size: cover;
    }
    .nav_wrap li.nav05::before {
        background: url(../images/nav05.png) no-repeat center;
        background-size: cover;
    }
    .nav_wrap li.nav06::before {
        background: url(../images/nav06.png) no-repeat center;
        background-size: cover;
    }

    .expire::before {
        backdrop-filter: blur(6px);
        border-radius: 1.4rem;
    }
    .expire > .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 1.9rem;
    }
    .expire > .txt::before {
        width: 5rem;
        height: 5rem;
        margin: 0 auto 1.8rem;
    }
    .card_tit {
        margin: 3rem auto 1.4rem;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }

    .myCard.confirm .txt_wrap .info_txt li .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 0.8rem;
    }
    .myCard.confirm .txt_wrap .info_txt > li + li {
        margin-top: 1.4rem;
    }
    .myCard.confirm .txt_wrap .info li {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .myCard.confirm .txt_wrap .info .txt_div {
        padding-left: 0.7rem;
    }
    .myCard.confirm .txt_wrap .ck_box {
        padding: 1.4rem;
        border: 0.1rem solid #ebebeb;
        border-radius: 0.6rem;
        margin: 2.4rem 0;
    }
    .myCard.confirm .txt_wrap .ck_box .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .myCard.confirm .txt_wrap .ck_box a {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .myCard.confirm .txt_wrap .ck_box a::after {
        width: 1.2rem;
        height: 1.2rem;
    }

    .library_wrap .login_confirm {
        margin-top: 3rem;
    }
    .library_wrap .login_confirm .img {
        width: 10rem;
        margin: 0 auto 1.8rem;
    }
    .library_wrap .login_confirm .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }
    .library_wrap .login_confirm .txt.b {
        margin: 1.2rem auto 4rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .library_wrap .login_confirm .btn_wrap {
        gap: 0.4rem;
        width: 80%;
    }
    .library_wrap .login_confirm .btn_wrap .btn {
        border-radius: 0.8rem;
        padding: 1.2rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }

    .service_cont .service_item {
        border-radius: 1.2rem;
        padding: 1.4rem 1.6rem 1.8rem;
    }
    .service_cont .service_item > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 3rem;
    }
    .service_cont .service_item .center .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .service_cont .service_item.library .center img {
        width: 6.4rem;
        margin: 4rem auto;
    }
    .service_cont .service_item.library.on::before {
        content: "";
        left: 2.4rem;
    }
    .service_cont .service_item.library.on .center .tit {
        margin: 4.5rem auto 3.4rem;
    }
    .service_cont .service_item.library.on a > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .service_cont .service_item.library.on .membership_info .name {
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
        letter-spacing: -0.28px;
    }
    .service_cont .service_item.library.on .membership_info .member_code {
        font-size: 1.2rem;
        list-style: 0.24px;
    }
    .service_cont .service_item .add_service {
        border-radius: 0.6rem;
        padding: 1rem 2rem;
        border: 0.1rem solid #dbdbdb;
        margin: 0 auto 5.5rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .service_cont .service_item .center .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }
    .service_cont .service_item.eco .center img {
        margin: 2.4rem auto;
        width: 7rem;
    }
    .service_cont .service_item .go_eco {
        font-size: 1.2rem;
        margin-top: 2.9rem;
        letter-spacing: -0.24px;
    }
    .service_cont .service_item .go_eco::after {
        width: 1.4rem;
        height: 1.4rem;
    }
    .service_cont .service_item.eco.on {
        background: url(../images/eco_on.png) no-repeat center;
        background-size: cover;
    }
    .service_cont .service_item.eco.on .center {
        margin-top: 17.5rem;
    }
    .service_cont .service_item.eco.on .point_tit {
        font-size: 1.4rem;
        margin-bottom: 0.8rem;
    }
    .service_cont .service_item.eco.on .point {
        font-size: 2rem;
        letter-spacing: -0.4px;
    }

    /* 260113 */
    .service_cont .service_item .card_util {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        bottom: -3rem;
    }
    .service_cont .service_item.add_card .btn_remove {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 30rem;
        padding: 0.7rem 1.5rem;
        border: 0.1rem solid #f6d8d8;
        top: 3rem;
    }
    .service_cont .card_list.service_slide {
        padding-bottom: 5rem;
        margin-bottom: 0;
    }
    .service_cont:has(.card_list.service_slide) {
        padding-bottom: 0;
    }
    .service_cont .btn_line {
        border: 0.1rem solid #045abe;
        border-radius: 0.6rem;
        width: calc(100% - 4rem);
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        position: fixed;
        transform: translateX(-50%);
    }
    .service_cont .btn_line::before {
        width: 1.7rem;
        height: 1.7rem;
        background: url(../images/btn_add-blue.png);
        background-size: cover;
        margin-right: 0.4rem;
    }

    .mypage .version {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .mypage .logout_btn {
        border-radius: 0.6rem;
        border: 0.1rem solid #dbdbdb;
        padding: 0.7rem 1rem;
    }
    .mypage .ic_img.v2 {
        top: -1.5rem;
    }

    .mypage .my_btn {
        gap: 0.6rem;
        margin-bottom: 1.8rem;
    }
    .mypage .my_btn a {
        min-width: 6rem;
        padding: 0.7rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .mypage .my_cont ul > li {
        border-radius: 0.8rem;
        box-shadow: 0.2rem 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.12);
        padding: 1.5rem 5rem 1.5rem 2rem;
    }
    .mypage .my_cont ul > li + li {
        margin-top: 1.2rem;
    }
    .mypage .my_cont ul > li a::after {
        content: "";
        width: 1.8rem;
        height: 1.8rem;
        right: 0.8rem;
    }
    .mypage .sum_list .get a .thumb {
        width: 5rem;
        height: 5rem;
    }
    .mypage .nft_ul a .thumb {
        width: 5rem;
        height: 5rem;
    }
    .mypage .txt_switch > span::before {
        content: "ON";
        left: 1rem;
    }
    .mypage .txt_switch > span::after {
        content: "OFF";
        left: 3rem;
    }
    .mypage .txt_switch > span::before,
    .mypage .txt_switch > span::after {
        font-size: 1rem;
    }
    .mypage .txt_switch span {
        padding-left: 0.4rem;
    }
    .my_cont .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 1.1rem;
    }
    .my_cont .d_day {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-right: 0.8rem;
    }
    .my_cont .d_day::before {
        content: "";
        width: 1.7rem;
        height: 1.7rem;
        background: url(../images/calendar_icon.png) no-repeat center;
        background-size: cover;
        margin-right: 0.4rem;
    }
    .my_cont .d_day.succ {
        padding: 0;
        margin-right: 0.8rem;
    }
    .my_cont .d_day.succ::before {
        background: url(../images/challenge_succ.png) no-repeat center;
        background-size: cover;
    }
    .my_cont .state {
        margin-top: 0.8rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        min-width: 4rem;
    }
    .my_cont .no_challenge img {
        width: 10.5rem;
        margin: 6rem auto 2.4rem;
    }
    .my_cont .no_challenge .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .my_cont .date {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .challengeBox .challenge_info.bg {
        padding: 1.8rem 2rem;
        border-radius: 1.2rem;
        margin-bottom: 3rem;
    }

    .user_card {
        border-radius: 1.2rem;
        box-shadow: 0.4rem 0.4rem 2.8rem 0 rgba(0, 0, 0, 0.1);
        padding: 2.4rem 3rem;
        margin-bottom: 1.8rem;
        background: #fff url(../images/ic_mark.png) no-repeat
            calc(100% - 2.4rem) 2.4rem;
        background-size: 10.5rem;
    }
    .user_card .user li {
        gap: 1.4rem;
    }
    .user_card .user li + li {
        margin-top: 1.5rem;
    }
    .user_card .user .tit {
        min-width: 2.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .user_card .user .user_cont {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .user_card .txt {
        font-size: 1.3rem;
        margin-top: 2.4rem;
        letter-spacing: -0.26px;
    }
    .recycle_input {
        margin-bottom: 3rem;
    }
    .recycle_input .label_wrap .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 0.8rem;
    }
    .recycle_input .label_wrap + .label_wrap {
        margin-top: 2.4rem;
    }
    .recycle_input .ck_wrap {
        gap: 2rem;
    }
    .recycle_input .ck_wrap .label_wrap .tit {
        font-size: 1.3rem;
    }
    .recycle_input input[type="radio"],
    .recycle_input input[type="checkbox"] {
        width: 1rem;
        height: 1rem;
        margin-right: 0.6rem;
    }
    .recycle_input .ck {
        margin-top: 2rem;
    }
    .recycle_input .ck .tit {
        font-size: 1.3rem;
        margin-bottom: 0;
    }

    .btn_close {
        width: 7rem;
        padding: 1rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .btn_close::before {
        content: "";
        width: 1rem;
        height: 1rem;
        margin-right: 0.4rem;
    }

    .mypage .btn_blueline {
        bottom: 9rem;
        width: calc(100% - 4rem);
    }

    .myCard.confirm .confirm_box input:read-only {
        flex: 0 30%;
    }

    .my_benefit_list {
        left: -2rem;
        width: calc(100% + 4rem);
    }
    .my_benefit_list > li {
        padding: 1.6rem 2rem;
    }
    .my_benefit_list > li + li {
        border-top: 0.5rem solid #f6f6f6;
    }
    .my_benefit_list .date .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.4rem;
        padding: 0.4rem;
        margin-right: 0.6rem;
    }
    .my_benefit_list .date_txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .my_benefit_list .benefit_tit {
        margin: 1rem 0 1.4rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .my_benefit_list .benefit_detail {
        gap: 0.5rem;
    }
    .my_benefit_list .benefit_detail li {
        border-radius: 0.6rem;
        border: 0.1rem solid #ebebeb;
        padding: 1.2rem;
    }
    .my_benefit_list .benefit_detail .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-bottom: 1rem;
        min-height: 2.9rem;
    }
    .my_benefit_list .benefit_detail .result {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }

    .service .service_wrap {
        margin-top: 2.4rem;
    }
    .service_cont > .box {
        border-radius: 1.4rem;
        box-shadow: 0.2rem 0.2rem 1.4rem 0 rgba(0, 0, 0, 0.1);
        padding: 2.4rem 2.2rem;
    }
    .service_cont > .box > .tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        margin-bottom: 1.8rem;
    }
    .service_cont > .box .setting {
        top: 2.4rem;
        right: 2.2rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .service_cont > .box .setting::before {
        content: "";
        width: 1.3rem;
        height: 1.3rem;
        margin-right: 0.3rem;
    }
    .service_cont .service_shortcut {
        gap: 1.7rem;
    }
    .service_cont .service_shortcut li {
        width: calc(25% - 1.3rem);
    }
    .service_cont .service_shortcut .service_icon {
        height: 6rem;
        border-radius: 1rem;
        padding: 1rem 0.8rem;
    }
    .service_cont .service_shortcut .service_tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-top: 1rem;
        min-height: 2.9rem;
    }
    .service_cont > .box + .btn-wrap {
        margin: 1.8rem auto 0;
        gap: 0.4rem;
        padding-bottom: 8rem;
    }
    .service_cont > .box + .btn-wrap button {
        padding: 1.2rem 1.9rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        border-radius: 0.6rem;
    }
    .service_cont .service_shortcut .favorite {
        width: 2rem;
        height: 2rem;
    }

    .service_wrap .privacy_ck > .tit,
    .service_wrap .privacy_ck .inner_cont > .tit {
        font-size: 1.4rem;
        list-style: 0.28px;
        margin-bottom: 1.2rem;
    }
    .service_wrap .privacy_ck > .tit {
        border-bottom: 0.1rem solid #ebebeb;
        padding-bottom: 0.8rem;
        margin-bottom: 1.8rem;
    }
    .service_wrap .privacy_box {
        padding: 2rem;
        border-radius: 1.2rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.8rem;
        height: 29rem;
    }
    .service_wrap .privacy_ck .inner_cont .input_wrap {
        margin-top: 1.8rem;
    }
    .service_wrap .privacy_ck .input_wrap .tit {
        font-size: 1.3rem;
        margin-left: 0.8rem;
        letter-spacing: -0.26px;
    }
    .service_wrap .privacy_ck .input_wrap input {
        width: 2rem;
        height: 2rem;
        border-radius: 0.4rem;
        border: 0.1rem solid #dbdbdb;
    }
    .service_wrap .privacy_ckList {
        gap: 1.5rem;
    }
    .service_wrap .privacy_ckList li {
        border-radius: 1.4rem;
        box-shadow: 0.2rem 0.2rem 1.4rem 0 rgba(0, 0, 0, 0.1);
        padding: 1.6rem 1.4rem;
    }
    .service_wrap .privacy_ckList li .img {
        margin: 0 auto 5rem;
    }
    .service_wrap .privacy_ckList li:nth-child(2) .img {
        padding: 1rem;
    }
    .service_wrap .privacy_ckList li .tit {
        font-size: 1.4rem;
        bottom: 1.6rem;
    }

    .membership_page > .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 2.4rem;
    }
    .membership_detail {
        border-radius: 1.2rem;
        padding: 1.8rem 2rem;
        box-shadow: 0.2rem 0.2rem 1.4rem 0 rgba(0, 0, 0, 0.1);
        margin-bottom: 1.4rem;
    }
    .membership_detail > .tit {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        border-bottom: 0.1rem solid #ebebeb;
        padding-bottom: 0.8rem;
    }
    .membership_detail .membership_info {
        margin: 1.4rem 0 2rem;
    }
    .membership_detail .membership_info li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .membership_detail .membership_info li + li {
        margin-top: 1rem;
    }
    .membership_detail .membership_codeInfo img {
        max-height: 5rem;
        margin: 0 auto 0.8rem;
    }
    .membership_detail .membership_codeInfo .code {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        margin-top: 0.8rem;
    }
    .membership_service_box {
        border-radius: 0.6rem;
        padding: 1.2rem 1.8rem;
        border: 0.1rem solid #ebebeb;
        margin-bottom: 1.2rem;
    }
    .membership_page .membership_service,
    .membership_page .membership_service li {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .membership_page .library_link {
        gap: 0.5rem;
    }
    .membership_page .library_link a {
        padding: 1.2rem;
        border-radius: 0.6rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .membership_page .membership_note {
        margin-top: 3rem;
        left: -2rem;
        width: calc(100% + 4rem);
        padding: 2rem 2rem;
        line-height: 1.8rem;
    }
    .membership_page .membership_note .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        margin-bottom: 1.4rem;
    }
    .membership_page .membership_note .text {
        font-size: 1.2rem;
        letter-spacing: -0.24px;
    }
    .membership_page .membership_note li + li {
        margin-top: 0.8rem;
    }
    .membership_page .membership_note li::before {
        font-size: 1.2rem;
    }
    .membership_page .note_txt {
        font-size: 1.2rem;
        margin: 1.2rem 0 1.8rem;
        letter-spacing: -0.24px;
    }
    .service_wrap.h {
        height: calc(100vh - 21rem) !important;
    }
    .service_wrap.h .membership_note {
        bottom: 0;
    }

    .sort_controll {
        border-radius: 0.6rem;
        padding: 0 1.4rem;
        border: 0.1rem solid #ebebeb;
        box-shadow: 0.2rem 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.08);
        margin-bottom: 1.8rem;
    }
    .sort_controll .icn {
        width: 1.8rem;
        min-width: 1.8rem;
    }
    .sort_controll .bar {
        width: 0.1rem;
        height: 2rem;
        margin: 0 0 0 1.2rem;
    }
    .thumb_list {
        gap: 0.9rem;
    }
    .thumb_list li {
        width: calc(50% - 0.45rem);
        border-radius: 1.2rem;
    }
    .thumb_list .thumb {
        height: 12.3rem;
    }
    .thumb_list .thumb_info {
        padding: 1.2rem 1.4rem;
        border: 0.1rem solid #ebebeb;
        border-radius: 0 0 1.2rem 1.2rem;
    }
    .thumb_list .thumb_info .tit {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
    }
    .thumb_list .thumb_info .state_wrap {
        margin-top: 1.2rem;
    }
    .thumb_list .thumb_info .state {
        margin-top: 0.5rem;
        min-width: 4rem;
        font-size: 1rem;
        letter-spacing: -0.2px;
        gap: 0.2rem;
    }
    .thumb_list .date_label {
        top: 0.4rem;
        left: 0.4rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .thumb_list .date_label::before {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.3rem;
    }
    .thumb_list .complete_label {
        top: 0.4rem;
        left: 0.4rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }
    .thumb_list .proceed_label {
        top: 0.4rem;
        left: 0.4rem;
        padding: 0.6rem 0.8rem;
        font-size: 1.1rem;
        letter-spacing: -0.22px;
    }

    .inquiry .incheon_logo {
        margin: 6rem auto 3rem;
    }
    .inquiry > .txt {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        line-height: 2.3rem;
    }
    .inquiry .inquiry_box {
        border-radius: 1rem;
        padding: 2rem;
        margin: 6rem auto;
    }
    .inquiry .inquiry_box .tit {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        letter-spacing: -0.3px;
    }
    .inquiry .inquiry_box .txt {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }
    .inquiry .inquiry_box img {
        margin: 4.5rem auto 0;
    }
    .inquiry .inquiry_btn {
        padding: 1rem;
        width: 18rem;
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        border-radius: 0.6rem;
        margin: 0 auto 6rem;
    }

    .info_container {
        padding: 8rem 0;
    }
    .info_container > .tit {
        font-size: 2rem;
        margin-bottom: 1.2rem;
        letter-spacing: -0.4px;
    }
    .info_container > .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
        margin-bottom: 3rem;
    }
    .info_container .info_ck_list > li + li {
        margin-top: 3rem;
    }
    .info_container .info_ck_list .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.9rem;
    }
    .info_container .info_ck_list .dot_list p {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        width: 8rem;
        margin-right: 2.4rem;
    }
    .info_container .info_ck_list .dot_list > li::before {
        font-size: 1.4rem;
    }
    .info_container .info_ck_list .dot_list > li + li {
        margin-top: 1.8rem;
    }
    .info_container .info_ck_list .dash_list li {
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        color: #555;
    }
    .info_container .info_ck_list .dash_list li + li {
        margin-top: 0.8rem;
    }
    .info_container .float_btn {
        border-radius: 0.6rem;
        width: calc(100% - 4rem);
    }

    /* 260113 */
    .addCard_pop.on {
        height: 73%;
    }
    .addCard_pop .addCard_box {
        border-radius: 1rem;
        padding: 1.8rem 1.6rem;
        margin-bottom: 2.4rem;
    }
    .addCard_pop .addCard_box .tit {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        margin-bottom: 1.4rem;
    }

    .addCard_pop .pop_label + .pop_label {
        margin-top: 2.4rem;
    }
    .addCard_pop .pop_label .tit {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        letter-spacing: -0.3px;
    }
    .addCard_pop .pop_label .file_label {
        border-radius: 0.6rem;
        padding: 1.2rem 1.8rem;
        border: 0.1rem solid #045abe;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .addCard_pop .pop_label .file_div {
        border-radius: 0.6rem;
        border: 0.1rem solid #dbdbdb;
        padding: 1.2rem 1.8rem;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        min-height: 4rem;
        margin-left: 0.4rem;
    }
    .addCard_pop .pop_label .note_text {
        margin-top: 1.4rem;
        font-size: 1.3rem;
        letter-spacing: -0.26px;
        line-height: 2rem;
    }

    .circle_num > li {
        gap: 0.7rem;
    }
    .circle_num > li + li {
        margin-top: 1.2rem;
    }
    .circle_num > li::before {
        font-size: 1.4rem;
    }
    .circle_num > li:nth-child(1)::before {
        content: "1";
        width: 1.7rem;
        height: 1.7rem;
        min-width: 1.7rem;
    }
    .circle_num > li:nth-child(2)::before {
        content: "2";
        width: 1.7rem;
        height: 1.7rem;
        min-width: 1.7rem;
    }
    .circle_num > li:nth-child(3)::before {
        content: "3";
        width: 1.7rem;
        height: 1.7rem;
        min-width: 1.7rem;
    }
    .circle_num > li:nth-child(4)::before {
        content: "4";
        width: 1.7rem;
        height: 1.7rem;
        min-width: 1.7rem;
    }
    .circle_num > li:nth-child(5)::before {
        content: "5";
        width: 1.7rem;
        height: 1.7rem;
        min-width: 1.7rem;
    }
    .circle_num > li .text {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2rem;
    }

    /* kh 20250108 모달창 추가*/
    .modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 3px 6px;
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        font-weight: bold;
        color: #333;
    }
    .modal-header .mark-all-read {
        background: none;
        border: none;
        color: #007bff;
        font-size: 14px;
        cursor: pointer;
        padding: 5px;
        transition: color 0.2s ease;
    }
    .modal {
        position: fixed;
        top: 70px;
        right: 20px;
        max-width: 60%;
        width: 60%;
        padding: 15px;
        background: #fff;
        box-shadow: 0 4px 6px rgb(0 0 0 / 0.1);
        border-radius: 10px;
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8);
        transition: all 0.3s ease;
        z-index: 998;
    }
    .modal-content {
        text-align: left;
        font-size: 15px;
        max-height: 300px;
        overflow-y: auto;
        padding: 0px 5px;
        color: #333;
    }
    .modal::before {
        content: "";
        position: absolute;
        top: -9px;
        right: 75px;
        width: 0;
        height: 0;
        border-left: 10px solid #fff0;
        border-right: 10px solid #fff0;
        border-bottom: 10px solid #fff;
    }
    .modal.visible {
        opacity: 1;
        visibility: visible;
        min-width: 60%;
        transform: scale(1);
    }
    .modal-content p {
        padding-top: 23px;
        padding-bottom: 7px;
        border-bottom: 1px solid #e5e5e5;
    }
    .modal.hidden {
        opacity: 0;
        visibility: hidden;
        transform: scale(0.8);
    }
    .modal-footer {
        display: flex;
        justify-content: center;
        padding: 10px 15px;
    }
    .modal-footer .load-more {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 8px 96px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    .modal-footer .load-more:hover {
        background-color: #0056b3;
    }

    /* 260305 */
    .my_card_add_container {
        margin-top: 2.8rem;
    }
    .my_card_add_container .title {
        font-size: 2rem;
        margin-bottom: 2.4em;
        letter-spacing: -0.4px;
    }
    .my_card_add_container .card_area {
        padding: 2.4rem 1.6rem;
        width: calc(100% - 2rem);
        border-radius: 1.6rem;
    }
    .my_card_add_container .card_area .card_title {
        margin-bottom: 1.9rem;
        font-size: 1.9rem;
        letter-spacing: -0.38px;
    }
    .my_card_add_container .card_area .card_img {
        border: 0.2rem solid #fff;
        width: 12.4rem;
        height: 13.4rem;
        border-radius: 1.4rem;
        margin: 0 auto 2.4rem;
    }
    .my_card_add_container .my_card_info_list {
        margin-bottom: 2.4rem;
    }
    .my_card_add_container .my_card_info_list li {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
    .my_card_add_container .my_card_info_list li + li {
        margin-top: 1rem;
    }
    .my_card_add_container .card_text_box {
        padding: 1.2rem;
        border-radius: 1.2rem;
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        line-height: 2.2rem;
    }

    .challenge_container .gradient_box {
        margin-bottom: 4rem;
        border-radius: 1.6rem;
        padding: 3rem 0;
    }
    .challenge_container .gradient_box .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1.8rem;
    }
    .challenge_container .gradient_box .text {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
    }
    .challenge_container .challenge_agreement .tit {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 1.4rem;
    }
    .challenge_container .challenge_agreement .agree_items {
        margin-bottom: 3rem;
    }
    .challenge_container .challenge_agreement .agree_box {
        font-size: 1.5rem;
        letter-spacing: -0.3px;
        padding: 1.4rem 1.8rem;
        border: 0.1rem solid #ebebeb;
        background: #fff url(../images/agree_arrow.png) no-repeat
            calc(100% - 1.2rem) center;
        background-size: 1.8rem;
        box-shadow: 0.2rem 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.08);
        border-radius: 1.2rem;
    }
    .challenge_container .challenge_agreement .agree_box + .agree_box {
        margin-top: 1rem;
    }
    .challenge_container .challenge_agreement .agree_box input {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
    }

    .agree_pop .pop_header {
        font-size: 1.6rem;
        letter-spacing: -0.32px;
        margin-bottom: 1.4rem;
    }
    .agree_pop .pop_scroll_box {
        margin-bottom: 3rem;
        height: 60vh;
        border-radius: 1rem;
        padding: 1.4rem;
        border: 0.1rem solid #ebebeb;
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2.1rem;
    }
    .agree_pop .pop_scroll_box .text + .text {
        margin-top: 2rem;
    }
    .pop .pop_bottom {
        gap: 0.3rem;
    }
    .pop .pop_bottom button {
        padding: 1.1rem;
        border-radius: 0 !important;
    }
    .pop .pop_bottom button:first-child {
        border-bottom: 0 0 0 1.6rem;
    }
    .pop .pop_bottom button:last-child {
        border-bottom: 0 0 1.6rem 0;
    }

    .delivery_service .info_txt {
        margin-top: -2.4rem;
        width: calc(100% + 4rem);
        left: -2rem;
        padding: 3.4rem 2rem;
    }
    .delivery_service .info_txt::after {
        width: 15.3rem;
        height: 21.3rem;
        top: 4.8rem;
    }
    .delivery_service .info_txt .tit {
        font-size: 2rem;
        letter-spacing: -0.4px;
        margin-bottom: 1.6rem;
    }
    .delivery_service .info_txt .txt {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
        line-height: 2.1rem;
    }
    .delivery_service .info_txt .txt + .txt {
        margin-top: 1.2rem;
    }
    .delivery_service .delivery_tit {
        margin: 6rem auto 3rem;
        font-size: 1.8rem;
    }
    .delivery_service .deliveryService_list {
        gap: 3rem;
    }
    .delivery_service .deliveryService_list .img {
        width: 8rem;
        margin-bottom: 1.2rem;
    }
    .delivery_service .deliveryService_list .delivery_item_tit {
        font-size: 1.4rem;
        letter-spacing: -0.28px;
    }
}

@media (768px <= width <= 1240px) and (768px <= height <= 1050px) {
    .contents .notice_wrap {
        margin-bottom: 60px;
        margin-top: -280px;
    }
    .join .btn_wrap {
        position: relative;
        margin-top: 150px;
    }
    /*.contents .inner{margin-bottom: 100px;}*/

    .service .list {
        flex-flow: row wrap;
    }
    .service .list li {
        width: calc(20%);
    }
    .cert_list_wrap > ul > li .tit {
        font-size: 1.2rem;
    }

    .succ {
        /* padding-top: 37.8%; */
        padding-top: 39%;
    }
    .join .succ .btn_bt {
        margin-bottom: 100px;
        position: relative;
    }
    .join .btn_bt {
        position: relative;
        margin-top: 100px;
    }
    .contents .notice_wrap {
        margin-top: 100px;
    }
}

@media (1024px <= width <= 1240px) and (height <= 768px) {
    .succ {
        padding-top: 28.5%;
    }
}

@media (1024px <= width <= 1240px) and (1000px <= height <= 1400px) {
    .join .succ .btn_bt,
    .join .btn_bt {
        position: relative;
        margin-top: 100px;
    }
}

@media (1240px <= width <= 1400px) and (1000px <= height) {
    .succ {
        padding-top: 21%;
    }
    .join .succ .btn_bt {
        margin-bottom: 100px;
    }
    .join .btn_bt {
        position: relative;
        margin-top: 100px;
    }
    .contents .notice_wrap {
        margin-top: 80px;
    }
}

@media (500px <= width <= 505px) and (800px <= height <= 906px) {
    .blue_btns .btn_blue {
        position: relative;
        top: 30px;
        margin: 40px;
    }
    .blue_btns .btn_red {
        position: relative;
        top: 30px;
        margin: 40px;
    }
}

@media (width <= 430px) and (height <= 950px) {
    .succ {
        padding-top: 41%;
    }
}

@media (width <= 420px) and (height <= 930px) {
    .succ {
        padding-top: 43%;
    }
}

@media (width <= 420px) and (height <= 840px) {
    .inner.myCert .add_card {
        position: relative;
        justify-content: center;
        margin-top: 5rem;
        width: 60%;
        transform: inherit;
        left: inherit;
        bottom: 0;
    }
}

@media (width <= 420px) and (height <= 750px) {
    .succ {
        padding-top: 42.8%;
    }

    .dream .app {
        margin-bottom: 30px;
    }
    .p_tit + .login_box + .btn_wrap {
        position: relative;
        bottom: 0;
        margin-top: 40px;
    }
    .login_succ .txt + .btn_wrap {
        width: calc(100%);
    }
}

@media (width <= 400px) and (height <= 900px) {
    .succ {
        padding-top: 45.7%;
    }
}

@media (width <= 375px) and (height <= 820px) {
    .succ {
        padding-top: 47.7%;
    }
}

@media (width <= 350px) and (750px < height <= 900px) {
    .succ {
        padding-top: 52.7%;
    }
    .contents .service_wrap.circle .tit {
        font-size: 1.2rem;
        letter-spacing: -0.86px;
    }
    .card_view .user_info td {
        padding-left: 10px;
    }
    .card_view .user_info {
        font-size: 1.3rem;
    }
    .dream .app .cont .check_list li {
        padding: 10px 6px;
    }
    .contents .notice_wrap {
        margin-bottom: 0;
    }
    .cert_list_wrap2 > ul > li .tit {
        font-size: 1.1rem;
        letter-spacing: -1px;
    }
    .cert_list_wrap .info li {
        font-size: 0.9rem;
        letter-spacing: -0.72px;
    }
    .dream .app .cont .check_list li .nm {
        font-size: 1.2rem;
    }
    .dream .app .input_tb .date_wrap {
        width: 45%;
    }
    .dream .app .cont .check_list li .nm .span02 {
        font-size: 0.8rem;
    }

    .service_cont .service_item {
        padding: 1.4rem 1.2rem;
    }
    .service_cont .service_item.add_card {
        background: none;
        padding: 0;
    }
    .service_cont .service_item .center .txt {
        font-size: 1.2rem;
    }
    .myCard.confirm .confirm_box input:read-only {
        flex: 0 38%;
    }
}

@media (width <= 380px) and (height < 700px) {
    .blue_btns {
        position: relative;
        margin-bottom: 30px;
        bottom: inherit;
        top: 60px;
    }
    .mainCard > p {
        font-size: 2.4rem;
    }
    .mainCard > p.inner_txt {
        font-size: 1.2rem;
    }
    .join .btn_bt {
        bottom: inherit;
        margin: 50px 0;
    }
    .contents > .bg {
        padding-top: 20px;
    }
    .succ {
        padding-top: 43.7%;
    }
    .contents .dream_for .img {
        width: 45%;
    }
    .myCert .item_box {
        margin: 0 auto 4rem;
    }
}

@media (width <= 375px) and (height <= 740px) {
    .succ {
        padding-top: 41.8%;
    }
}

@media (width <= 360px) and (height <= 740px) {
    .succ {
        padding-top: 50%;
    }

    .login_succ .txt + .btn_wrap .btn_blue,
    .login_succ .txt + .btn_wrap .btn_white {
        /* width: 100%; */
        width: calc(100%);
    }

    .sum_pass .unique_num .unique_wrap {
        padding: 2rem 1.4rem 1.5rem;
    }
    .sum_pass .unique_num .unique_wrap .flex {
        gap: 2rem;
    }
    .sum_pass .unique_num .unique_wrap .info {
        font-size: 1rem;
    }
    .sumpass_pop {
        height: 52%;
    }
}

@media (width <= 360px) and (height < 700px) {
    .succ {
        padding-top: 43.8%;
    }
}

@media (width <= 320px) and (height <= 740px) {
    .succ {
        padding-top: 50%;
    }
    .cert_list_wrap > ul > li .tit {
        font-size: 1rem;
        letter-spacing: -1.2px;
    }
    .cert_list_wrap .info li {
        font-size: 0.7rem;
        line-height: 10px;
    }
    .cert .issue_cont table .col2 {
        width: 110px;
    }
    .cert .issue_cont table th,
    .cert .issue_cont table td {
        font-size: 1rem;
    }
    .join .sub_ck .ck label,
    .cert .sub_ck .ck label {
        font-size: 1.2rem;
    }
    .dream .app .input_tb .date_wrap {
        width: 50%;
    }
    .dream .app .cont .check_list li .nm .span02 {
        font-size: 0.8rem;
    }
}

@media (width <= 380px) {
    .certificate_list .cert_card {
        min-height: 350px;
    }
    .certificate_list .cert2 .bg {
        height: 40%;
    }
    .page_move {
        gap: 6px;
    }
    .page_move button {
        width: 40px;
        height: 40px;
    }
    .page_move .page_state {
        font-size: 1.8rem;
        letter-spacing: -0.36px;
        margin: 0 20px;
    }
    .dream .app .cont .check_list li .nm span {
        font-size: 1rem;
        letter-spacing: -1.12px;
    }
    .select_photo .photo_list li {
        width: 23.8%;
    }
}

@media (width <= 360px) {
    .select_photo .photo_list li {
        width: 23.6%;
    }

    .service_link {
        margin-bottom: 3rem;
        border-radius: 1.4rem;
        padding: 2.4rem 3rem;
    }
    .service_link .tit {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .service_link ul {
        gap: 2rem 2.4rem;
    }
    .service_link li {
        width: calc(33% - 1.7rem);
        font-size: 1.3rem;
        letter-spacing: -0.24px;
    }
    .service_link .icn {
        border-radius: 1rem;
        padding: 1rem 0;
    }
    .service_link .icn img {
        height: 3.2rem;
    }
    .service_link .item_tit {
        margin-top: 1rem;
        letter-spacing: -0.24px;
    }

    .relation_site ul {
        margin-bottom: 3rem;
    }
    .relation_site .icn {
        border-radius: 1rem;
        padding: 1rem 0;
    }
    .relation_site .item_tit {
        margin-top: 1rem;
        font-size: 1.2rem;
        letter-spacing: -0.24px;
        line-height: 1.6rem;
        letter-spacing: -0.24px;
    }
    .relation_site .slick-slide {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }
}

@media (400px <= width <= 768px) and (height <= 740px) {
    .cert_list .blue_btns {
        position: relative;
        top: 20px;
    }
}
.center {
    text-align: center;
}
.c {
    color: #0067b6 !important;
}

.use-place-floating {
    position: relative;
    height: 26px; /* 약관동의와 간격 확보 */
}

.service_use_btn {
    display: flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 10px;
    border: none;
    border-radius: 16px;
    background: #0067b6;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(0, 91, 170, 0.18);
}

.use_place_pop .pop_inner {
    max-height: 82vh;
    padding: 1.4rem 0.6rem 2rem;
}

.use_place_scroll {
    padding: 1.8rem;
    max-height: 40rem;
    overflow-y: auto;
    background: #f8f8f8;
    border: 1px solid #dbdbdb;
    font-size: 1.4rem;
}

.use_place_editor {
    font-size: 1.25rem;
    line-height: 1.55;
    color: #222;
}

.use_place_editor table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 1.2rem;
    border: 1px solid #333;
    background: #fff;
}

.use_place_editor th,
.use_place_editor td {
    padding: 0.8rem 0.7rem;
    border: 1px solid #333;
    vertical-align: middle;
    word-break: keep-all;
}

.use_place_editor th {
    text-align: center;
    font-weight: 700;
    background: #f7f7f7;
}

.use_place_editor td {
    text-align: left;
}

.use_place_editor p {
    margin-bottom: 0.7rem;
}

.use-place-floating .service_use_btn {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-100%);
}

.card_view .card_title_wrap {
    position: relative;
    min-height: 48px;
}

.card_view .card_title_wrap .card_tit {
    margin: 0 !important;
    text-align: center;
    font-size: 2rem;
    letter-spacing: -0.8px;
    font-weight: 600;
    line-height: 48px;
}

.card_view .cardItem.citizenCard {
    position: relative;
}

.card_view .cardItem.citizenCard .card_qr_use_btn {
    position: absolute;
    right: 0.8rem;
    top: 0.8rem;
    transform: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 24px;
    padding: 0 9px;
    border: none;
    border-radius: 14px;
    background: #0067b6;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    z-index: 30;
}

.myCert .cert_slide .thumb {
    position: relative;
}

.myCert .cert_slide .thumb .cert_use_place_btn {
    position: absolute !important;
    right: 0.5rem !important;
    bottom: -3.4rem !important;
    top: auto !important;
    transform: none !important;
}

/* 팝업 전체 폭 넓히기 */
#dept_pop .pop_inner {
    position: relative;
    width: calc(100% - 12px);
    max-width: 520px;
    margin: 0 auto;
    padding: 10px 11px 0px;
    background: #fff;
    border-radius: 24px 24px 0 0;
    box-sizing: border-box;
}

/* 제목 - 줄바꿈 최소화 */
#dept_pop .pop_tit {
    margin: 0;
    padding-right: 40px; /* X 버튼 공간 확보 */
    font-size: 20px;
    font-weight: 700;
    color: #111;
    text-align: left; /* 가운데 → 왼쪽 정렬 */
    word-break: keep-all;
}

/* 설명 */
#dept_pop .pop_desc {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    text-align: left;
}

/* input 영역 꽉 채우기 */
#dept_pop .dept_form {
    margin-top: 20px;
}

#dept_pop .dept_form input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid #e1e5ea;
    border-radius: 12px;
    font-size: 15px;
    box-sizing: border-box;
}

/* 버튼 */
#dept_pop .btn_wrap {
    margin-top: 16px;
}

#dept_pop .btn_confirm {
    width: 100%;
    height: 50px;
    border-radius: 12px;
    background: #2f6df6;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 0;
}

#dept_pop .dept_close_btn {
    position: absolute;
    top: 0px;
    right: 12px;
    width: 28px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    font-size: 0;
    line-height: 0;
    box-shadow: none;
    cursor: pointer;
}

#dept_pop .dept_close_btn span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    margin: 0;
    background: #666;
    border-radius: 2px;
    transform-origin: center;
}

#dept_pop .dept_close_btn span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

#dept_pop .dept_close_btn span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.dept_inline_badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    margin-left: 8px;
    padding: 2px 10px 2px 9px;

    border: none;
    border-radius: 20px;

    background: #eef4ff;
    color: #2563eb;

    font-size: 12px;
    font-weight: 600;

    vertical-align: middle;
    cursor: pointer;
}

.dept_inline_badge .dept_text {
    color: #4b5563;
}

.dept_inline_badge em {
    font-style: normal;
    color: #1d4ed8;
    font-weight: 700;
}

.dept_pen {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    border-radius: 50%;
    background: #2f6df6;
    color: #fff;

    font-size: 10px;
    line-height: 1;
}

.dept_inline_badge:active {
    transform: scale(0.98);
}

/* 종료된 챌린지 비활성 처리 */
#challengeListArea li.ended > a,
#challengeListArea a.disabled {
    cursor: default;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

/* 우측 화살표 제거 */
#challengeListArea li.ended > a::after,
#challengeListArea a.disabled::after {
    display: none !important;
    content: none !important;
}

/* 눌렀을 때 파란 영역/포커스 효과 제거 */
#challengeListArea li.ended > a:focus,
#challengeListArea li.ended > a:active,
#challengeListArea li.ended > a:hover,
#challengeListArea a.disabled:focus,
#challengeListArea a.disabled:active,
#challengeListArea a.disabled:hover {
    outline: none;
    background: transparent;
    box-shadow: none;
}

.staff-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.staff-modal {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    animation: staffModalFadeIn 0.18s ease-out;
}

@keyframes staffModalFadeIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.staff-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #f1f3f5;
}

.staff-modal-title-wrap {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.staff-modal-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #eef4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.staff-modal-title {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
    line-height: 1.3;
}

.staff-modal-subtitle {
    margin-top: 4px;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.5;
}

.staff-modal-close {
    width: 36px;
    height: 36px;
    border: 0;
    background: #f8fafc;
    color: #374151;
    border-radius: 50%;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}

.staff-modal-body {
    padding: 20px;
}

.staff-modal-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
}

.staff-modal-input {
    width: 100%;
    height: 52px;
    border: 1px solid #d1d5db;
    border-radius: 14px;
    padding: 0 16px;
    font-size: 16px;
    color: #111827;
    background: #fff;
    box-sizing: border-box;
    outline: none;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease;
}

.staff-modal-input:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.staff-modal-input::placeholder {
    color: #9ca3af;
}

.staff-modal-error {
    margin: 10px 2px 0;
    font-size: 13px;
    color: #dc2626;
    line-height: 1.4;
}

.staff-modal-footer {
    display: flex;
    gap: 10px;
    padding: 0 20px 20px;
}

.staff-btn {
    flex: 1;
    height: 50px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: 0;
}

.staff-btn-secondary {
    background: #f3f4f6;
    color: #374151;
}

.staff-btn-primary {
    background: #2563eb;
    color: #fff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.25);
}

.staff-btn-primary:active,
.staff-btn-secondary:active,
.staff-modal-close:active {
    transform: scale(0.98);
}