/*? section_wrap */
.section_wrap { position: relative; width: 100%; height: auto; min-height: 100%; margin: 0 auto; text-align: center; padding: 68px 24px 0; } 

/*? border-top */
.bd_top { border-top: 8px solid #fafafa; }

/*? fix_padding */
.fix_padding { padding-bottom: 144px; }

/*? .bot_btn_area + fixed_type */
.bot_btn_area.fixed_type { position: fixed; width: 100%; padding: 16px 24px 40px; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); z-index: 5; max-width: 480px; }

/*? cont_box ( 컨텐츠박스 ) */
.cont_box { width: 100%; padding: 24px; }
.cont_box .cont_tit { font-size: 18px; font-weight: 700; color: #222; line-height: 26px; }
.cont_box .cont_desc { font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 12px; }

/* button style */
.btn03{ display: inline-block; height: 40px; font-size: 15px; font-weight: 700; color: #2aad5c; line-height: 40px; padding: 0 40px; background: #fff; border: 1px solid #2aad5c; border-radius: 12px; }

.blockquote {font-size: 1.5rem !important;}
.progress_area { width: 100%; }
.progress_bar_box { width: 100%; height: 8px; border-radius: 4px; background-color: #f3f3f3; margin-bottom: 8px; position: relative; }
.progress_bar_box::before { content: ""; width: 8px; height: 8px; background-color: #d0d0d0; position: absolute; left: 33%; top: 50%; transform: translateY(-50%); border-radius: 50%; z-index: 1; box-sizing: border-box; }
.progress_bar_box.type01::before { width: 16px; height: 16px; border: 4px solid #2aad5c; }
.progress_bar_box::after { content: ""; width: 8px; height: 8px; background-color: #d0d0d0; position: absolute; right: 33%; top: 50%; transform: translateY(-50%); border-radius: 50%; z-index: 1; box-sizing: border-box; }
.progress_bar_box.type02::after { width: 16px; height: 16px; border: 4px solid #2aad5c; }
.progress_bar_box .progress_bar { width: 34%; height: 8px; position: absolute; top: 0; left: 0; background-color: #2aad5c;border-radius: 4px; }
.progress_text { display: inline-block; width: 100%; text-align: left; font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; }
.blur { filter: blur(5px); -webkit-filter: blur(5px); }
input[type="date"] { position: relative; }
input[type="date"]::before { content: attr(data-placeholder); width: 100%; height: 100%; color: #123929; }
input[type="date"]:focus::before,
input[type="date"]:valid::before { display: none; }
textarea { resize: none; }

.next_line{ margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }
.pd24{ padding: 24px 0; }
.line{ border-top: 1px solid rgba(34, 34, 34, 0.12); }

.top_btn_area,
.top_btn_area{ width: 100%; text-align: right; }
.top_btn_area button,
.top_btn_area a,
.top_btn_area input[type="button"],
.top_btn_area input[type="submit"]{ display: inline-block; text-indent: -99999px; width: 24px; height: 24px; line-height: 24px; background-image: url(../image/intro_exit.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; }

section.result_section .result_title { display: inline-block; width: 100%; margin-top: 12px; font-weight: bold; font-size: 24px; line-height: 36px; text-align: left; }
section.result_section .result_title span { display: table; }

section.survey_section .progress_area + .survey_title { margin-top: 12px; }

main .intro_section .section_wrap,
header + main .intro_section .section_wrap { padding-top: 72px; }
main .intro_section.none_header .section_wrap,
header + main .intro_section.none_header .section_wrap { padding-top: 24px; }

section.intro_section .contents_wrap { width: 100%; }
section.intro_section .contents_wrap.contents_wrap.intro_start { height: calc(100% - 227px); min-height: calc(100% - 227px); }

section.intro_section .contents_wrap.family_start { padding-top:0;}

section.intro_section .bot_btn_area { padding-bottom: 40px; text-emphasis: center; position: absolute; width: calc(100% - 48px); left: 50%; transform: translateX(-50%); bottom: 32px; padding-bottom: 0; }

section.intro_section .input_area { margin-top: 32px; }
section.survey_section .input_area { width: 100%; margin-top: 32px; position: relative; left: 0; }
section.result_section .input_area { width: 100%; margin-top: 80px; position: relative; left: 0; }

.input_hyphen_type { width: 100%; }

@-webkit-keyframes tooltipWave {
    from {
        top: -48px;
    }
    to {
        top: -52px;
    }
}

@keyframes tooltipWave {
    from {
        top: -48px;
    }
    to {
        top: -52px;
    }
}

.bot_btn_area.type04 { margin: 0; width: 100%; height: auto; text-align: center; }
.bot_btn_area.type04 button:first-child,
.bot_btn_area.type04 a:first-child,
.bot_btn_area.type04 input[type="button"]:first-child,
.bot_btn_area.type04 input[type="submit"]:first-child { width: 100%;; background-color: #2aad5c; color: #ffffff; }
.bot_btn_area.type04 button:last-child,
.bot_btn_area.type04 a:last-child,
.bot_btn_area.type04 input[type="button"]:last-child,
.bot_btn_area.type04 input[type="submit"]:last-child { width: 104px; height: 24px; line-height: 32px; background-color: inherit; font-weight: 400; font-size: 15px; text-decoration: underline; color: #888888; margin-top: 12px; white-space: nowrap; border-radius: 0; }
.bot_btn_area.type04 button:disabled:first-child,
.bot_btn_area.type04 a:disabled:first-child,
.bot_btn_area.type04 input[type="button"]:disabled:first-child,
.bot_btn_area.type04 input[type="submit"]:disabled:first-child { background-color: #d0d0d0; }
.bot_btn_area.type04 button:enabled:first-child,
.bot_btn_area.type04 a:enabled:first-child,
.bot_btn_area.type04 input[type="button"]:enabled:first-child,
.bot_btn_area.type04 input[type="submit"]:enabled:first-child { background-color: #2aad5c; } 
.bot_btn_area.type05 { margin: 0; width: 100%; height: auto; text-align: center; }
.bot_btn_area.type05 button:first-child,
.bot_btn_area.type05 a:first-child,
.bot_btn_area.type05 input[type="button"]:first-child,
.bot_btn_area.type05 input[type="submit"]:first-child { width: 100%;; background-color: #2aad5c; color: #ffffff; }
.bot_btn_area.type05 button:last-child,
.bot_btn_area.type05 a:last-child,
.bot_btn_area.type05 input[type="button"]:last-child,
.bot_btn_area.type05 input[type="submit"]:last-child { width: 100%;; background-color: #f3f3f3; color: #888888; margin-top: 8px; }
.bot_btn_area.type05 button:disabled:first-child,
.bot_btn_area.type05 a:disabled:first-child,
.bot_btn_area.type05 input[type="button"]:disabled:first-child,
.bot_btn_area.type05 input[type="submit"]:disabled:first-child { background-color: #d0d0d0; }
.bot_btn_area.type05 button:enabled:first-child,
.bot_btn_area.type05 a:enabled:first-child,
.bot_btn_area.type05 input[type="button"]:enabled:first-child,
.bot_btn_area.type05 input[type="submit"]:enabled:first-child { background-color: #2aad5c; } 
.bot_btn_area.type06 { text-align: center; }
.bot_btn_area.type06 .btn { width: 104px; height: 36px; line-height: 36px; background-color: inherit; font-weight: 400; font-size: 15px; text-decoration: underline; color: #888888; white-space: nowrap; }


.bot_btn_area.type07 { width: 100%; display: flex; justify-content: space-between; }

.bot_btn_area.type07 .btn { height: 56px; line-height: 56px; font-weight: 700; font-size: 16px; color: #ffffff; border-radius: 12px; }
.bot_btn_area.type07 .btn:first-child { width: 120px; background-color: #d0d0d0; }
.bot_btn_area.type07 .btn:last-child { width: calc(100% - 128px); background-color: #2aad5c; }

.bot_btn_area.static_type { position: static; margin-top: 56px; padding-bottom: 40px; }
.bot_btn_area.guide_type { width: 100%; }
.bot_btn_area.login_type { width: 100%; }
.bot_btn_area.login_type button:first-of-type,
.bot_btn_area.login_type a:first-of-type,
.bot_btn_area.login_type input[type="button"]:first-of-type,
.bot_btn_area.login_type input[type="submit"]:first-of-type { width: 100%; }
.bot_btn_area.login_type button:last-of-type,
.bot_btn_area.login_type a:last-of-type,
.bot_btn_area.login_type input[type="button"]:last-of-type,
.bot_btn_area.login_type input[type="submit"]:last-of-type { width: auto; }

.bot_btn_area.login_type.kakao_type img{ width: 20px; vertical-align: -4px; margin-right: 3px; }
.bot_btn_area.login_type.kakao_type button:first-of-type,
.bot_btn_area.login_type.kakao_type a:first-of-type,
.bot_btn_area.login_type.kakao_type input[type="button"]:first-of-type,
.bot_btn_area.login_type.kakao_type input[type="submit"]:first-of-type  { background-color: #fee500; color: #222222; }

.bot_btn_area.login_type.kakao_type button:first-of-type i,
.bot_btn_area.login_type.kakao_type a:first-of-type i,
.bot_btn_area.login_type.kakao_type input[type="button"]:first-of-type i,
.bot_btn_area.login_type.kakao_type input[type="submit"]:first-of-type i { display: inline-block; width: 24px; height: 24px; margin-right: 8px; background-image: url(../image/icon_kakao01.svg); background-repeat: no-repeat;  background-position: center center; vertical-align: middle; }

.bot_btn_area.login_type.kakao_type button:last-of-type,
.bot_btn_area.login_type.kakao_type a:last-of-type,
.bot_btn_area.login_type.kakao_type input[type="button"]:last-of-type,
.bot_btn_area.login_type.kakao_type input[type="submit"]:last-of-type  { color: #aaaaaa; font-weight: 400; }
.bot_btn_area.login_type.kakao_type .btn_sub_text { display: block; text-align: center; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; margin-bottom: 8px; }

.bot_btn_area.type_fixed { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); padding: 36px 24px 24px; bottom: 0; position: fixed; width: 100%; left: 50%; transform: translateX(-50%); max-width: 480px; }
.bot_btn_area.m_fix_area { position: fixed; width: 100%; left: 0; bottom: 0; padding: 16px 24px 32px; background-color: rgba(255,255,255,0.8); filter: drop-shadow(0px -4px 4px rgba(0, 0, 0, 0.05)); }

/* Intro */
section.intro_section .button_info_area { position: absolute; display: inline-block; width: 312px; height: auto; background-color: #e4f6eb; text-align: center; padding: 16px 22px; border-radius: 12px; right: 0; bottom: 20px; }
section.intro_section .button_info_area::after{ content: ""; display: inline-block; width: 21px; height: 12px; position: absolute; right: 40px; bottom: -10px; background-image: url(../image/text_tail.svg); background-repeat: no-repeat; background-position: center center; background-size: 21px; }
section.intro_section .button_info_area strong { font-weight: bold; font-size: 16px; line-height: 22px; color: #2aad5c;      padding-left: 27px; background-image: url(../image/info_icon02.svg); background-repeat: no-repeat; background-position: center left; }
section.intro_section .button_info_area p { font-weight: normal; font-size: 14px; line-height: 22px; margin-top: 10px; word-break: keep-all; }
section.intro_section .intro_pillgram_text { display: inline-block; width: 100%; margin-top: 10px; font-weight: bold; font-size: 14px; line-height: 16px; }
section.intro_section .intro_title { display: inline-block; width: 100%; margin-top: 30px; font-weight: bold; font-size: 24px; line-height: 30px; }
section.intro_section .intro_sub_text { display: block; margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }

section.intro_section .icon_area { width: auto; margin-top: 24px; }
section.intro_section .icon_area .intro_pillgram_logo { width: 100px; }
section.intro_section .icon_area span { display: inline-block; width: 65px; height: 65px; background-image: url(../image/logo_intro.png); background-repeat: no-repeat; background-position: center center; }
section.intro_section .intro_text { margin-top: 16px; font-weight: 400; font-size: 24px; line-height: 34px; }
section.intro_section .intro_text b { font-weight: 700; }

section.intro_section .img_area { width: 168px; margin: 64px auto 0; }
section.intro_section .sub_title { display: inline-block; margin-top: 40px; font-weight: bold; font-size: 20px; }
section.intro_section .icon_list_area { margin-top: 24px; }
section.intro_section .icon_list_area ul { width: 100%; padding: 20px 0; text-align: center; box-sizing: border-box; background-color: #e4f6eb; border-radius: 12px; }
section.intro_section .icon_list_area li { display: inline-block; text-align: center; width: 88px; height: 88px; font-weight: normal; font-size: 15px; font-weight: bold; }
section.intro_section .icon_list_area li span { display: block; width: 100%; margin-bottom: 8px; height: 64px; background-repeat: no-repeat; background-position: center center; }
section.intro_section .btn_intro_text { display: block; font-weight: bold; font-size: 14px; line-height: 16px; text-align: center; margin-bottom: 16px; }
section.intro_section .btn_intro_text em { color: #2aad5c; }
section.intro_section .info_swiper_area { width: 228px; margin: 48px auto 0; overflow: hidden; height: auto; position: relative; }
section.intro_section .info_swiper_area + .swiper-pagination { position: relative; margin-top: 16px; text-align: center; }
section.intro_section .info_swiper_area + .swiper-pagination .swiper-pagination-bullet { opacity: 1; width: 8px; height: 8px; background-color: rgba(42,173,92,0.24); transition: width 0.3s; border-radius: 30px; }
section.intro_section .info_swiper_area + .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 6px; }
section.intro_section .info_swiper_area + .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-left: 6px; background-color: #2aad5c; width: 20px; }
section.intro_section .info_swiper_area .swiper-wrapper { height: auto; }
section.intro_section .info_swiper_area .swiper-slide { text-align: center; }
section.intro_section .info_swiper_area img { height: 140px; }
section.intro_section .info_swiper_area .inner_box { margin-top: 16px; padding: 8px 12px; background-color: #e4f6eb; border-radius: 16px; text-align: center; font-weight: 500; font-size: 18px; line-height: 26px; width: auto; display: inline-block; }
section.intro_section .info_swiper_area .inner_box em { font-weight: 700; color: #2aad5c; }


section.intro_section .icon_list_area li:nth-of-type(1) span { background-image: url(../image/intro_icon02.svg); }
section.intro_section .icon_list_area li:nth-of-type(2) span { background-image: url(../image/intro_icon03.svg); }
section.intro_section .icon_list_area li:nth-of-type(3) span { background-image: url(../image/intro_icon04.svg); }

section.intro_section .intro_img_area { text-align: center; margin-top: 48px; }

section.intro_section .family_text { margin-top: 24px; font-weight: 700; font-size: 26px; line-height: 34px; }
section.intro_section .family_text em { color: #34D657; }
section.intro_section .family_img_area { text-align: center; margin-top: 24px; }
section.intro_section .family_img_area + .btn_area { margin-top: 40px; }

section.intro_section .btn_area button {}

/* Intro 2 */
.intro_section .certi_wrap  { padding-top: 0; }
.intro_section .certi_wrap .certi_logo { margin-top: 0px; }
.intro_section .certi_wrap .certi_logo + .certi_title { margin-top: 8px; }
.intro_section .certi_wrap .certi_title { margin-top: 0px; font-weight: 700; font-size: 26px; line-height: 34px; display: block; }
.intro_section .certi_wrap .certi_title em { color: #2aad5c; }
.intro_section .certi_wrap .certi_step_text { display: block; padding-top: 30px; font-weight: bold; font-size: 18px; line-height: 24px; color: #888888; }
.intro_section .certi_wrap .certi_step_text + .certi_title { margin-top: 4px; }

.intro_section .certi_wrap .certi_title.type_bg_img { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 28px; }
.intro_section .certi_wrap .certi_title.type_bg_img img { width: 47px; }

.intro_section .certi_wrap .certi_title + .guide_text { display: block; margin-top: 16px; font-weight: normal; font-size: 15px; line-height: 24px; }
.intro_section .certi_wrap .certi_title + .guide_text.chk_step_type { margin-top: 8px; font-size: 14px; line-height: 20px; color: #888888; }
.intro_section .certi_wrap .certi_text_area { margin-top: 24px; width: 100%; padding: 20px; background-color: #eff0f7; border-radius: 12px; font-weight: normal; font-size: 15px; line-height: 24px; }
.intro_section .certi_wrap .certi_input_area { margin-top: 24px; }
.intro_section .certi_wrap .certi_input_area li { margin-bottom: 12px; }

.intro_section .certi_wrap .certi_input_area input[type="text"],
.intro_section .certi_wrap .certi_input_area input[type="password"] { width: 100%; height: 56px; line-height: 56px; background-color: #e4f6eb; border: 2px solid #e4f6eb; padding: 0px 24px; border-radius: 12px; font-weight: normal; letter-spacing: 0.75px; font-size: 15px; color: #222222; box-sizing: border-box; }
.intro_section .certi_wrap .certi_input_area input[type="text"]:focus,
.intro_section .certi_wrap .certi_input_area input[type="password"]:focus { background-color: #ffffff; border: 2px solid #2aad5c;  }
.intro_section .certi_wrap .certi_input_area input[type="text"]::placeholder,
.intro_section .certi_wrap .certi_input_area input[type="password"]::placeholder { color: #123929; opacity:1; }
.intro_section .certi_wrap .certi_input_area input[type="text"]:focus,
.intro_section .certi_wrap .certi_input_area input[type="password"]:focus { background-color: #ffffff; border: 2px solid #2aad5c;  }

/* intro swiper type */
.intro_section .swiper-container.intro_swiper { margin-top: 26px; }
.intro_section .intro_swiper .swiper-wrapper { height: auto; }
.intro_section .intro_swiper li { text-align: center; }
.intro_section .intro_swiper img { display: block; margin: 0 auto; }
.intro_section .intro_swiper .title { display: block; margin-top: 24px; font-weight: bold; font-size: 24px; line-height: 32px; }
.intro_section .intro_swiper .text { margin-top: 12px; font-weight: normal; font-size: 15px; line-height: 24px; }
.intro_section .intro_swiper .text em { color: #2aad5c; font-weight: bold; }
.intro_section .intro_swiper .swiper-pagination { margin-top: 16px; display: flex; justify-content: center; position: static; }
.intro_section .intro_swiper .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #c4c4c4; margin: 0 4px; transition: all 0.5s; }
.intro_section .intro_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #2aad5c; width: 26px; border-radius: 33px; }

/* Intro 수정 */
.intro_section .service_guide_area { padding-top: 40px; }
.intro_section .service_guide_area .title { font-weight: 500; font-size: 14px; line-height: 32px; width: 312px; display: block; margin: 0 auto; color: #888888; }
.intro_section .service_guide_area .img_area { margin-top: 18px; }
.intro_section .service_guide_area .img_area img { display: block; margin: 0 auto; width: 312px; }
.intro_section .service_guide_area .text { margin-top: 24px;font-size: 20px; line-height: 28px; font-weight: 500; text-align: center; }
.intro_section .service_guide_area .text em { color: #2aad5c; font-weight: bold; }
.intro_section .service_guide_area .text em.info { padding-right: 16px; background-image: url(../image/icon_intro_info.svg); background-repeat: no-repeat; background-position: 100% 0px; background-size: 16px; margin-right: -3px; }
.intro_section .service_guide_area .text .info_text { display: inline-block; margin-top: 8px; font-size: 12px; line-height: 17px; color: #888888; padding-left: 20px; background-image: url(../image/icon_intro_info.svg); background-repeat: no-repeat; background-position: 0px center; background-size: 16px; }


.service_guide_area i.kakao { display: block; width: 104px; height: 104px; margin: 44px auto 0; background-image: url(../image/img_guide_kakao_logo.png); background-repeat: no-repeat; background-position: center; background-size: 104px; }
.service_guide_area i.kakao + img { height: 74px; margin: 8px auto 0; display: block; }



.intro_section .name_view_area { width: 312px; height: 314px; background-image: url(../image/img_name_bg.png); background-repeat: no-repeat; background-position: center center; position: relative; }
.intro_section .name_view_area .text_box { position: absolute; left: 74px; top: 96px; }
.intro_section .name_view_area .target_name { font-weight: bold; font-size: 14px; line-height: 21px; }
.intro_section .name_view_area .pillgram_text { font-weight: bold; font-size: 14px; line-height: 21px; }

.agree_box { margin-top: 24px; }
.agree_box input[type="checkbox"] { display: none; }
.agree_box .all_chk + label { display: inline-block; width: 100%; height: 64px; font-size: 18px; font-weight: 700; line-height: 32px; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 16px; padding: 16px; }
.agree_box .all_chk + label::before { width: 24px; height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center center; display: inline-block; content: ''; vertical-align: -5px; margin-right: 12px; }
.agree_box .all_chk:checked + label::before { background-image: url(../image/icon/agree_chk_on.svg); }
.agree_box span { display: block; width: 100%; padding-left: 57px; font-weight: normal; font-size: 13px; line-height: 22px; color: #2aad5c; margin-top: 11px; }
.certi_wrap .certi_list_area { margin-top: 56px; position: relative; height: calc(100% - 287px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #2aad5c #dfdfdf; }
.certi_wrap .certi_list_area::-webkit-scrollbar { width: 4px; }
.certi_wrap .certi_list_area::-webkit-scrollbar-thumb { background-color: #2aad5c; border-radius: 2px; }
.certi_wrap .certi_list_area::-webkit-scrollbar-track { background-color: #ffffff; border-radius: 5px; }
.certi_wrap .certi_list_area li { position: relative; width: calc(100% - 16px); height: 144px; margin-bottom: 16px; }
.certi_wrap .certi_list_area label { position: absolute; width: 100%; height: 100%; display: inline-block; }
.certi_wrap .certi_list_area input[type="radio"] { display: none; }
.certi_wrap .certi_list_area .certi_info_area { width: 100%; height: 144px; border: 1px solid #888888; background-color: #ffffff; border-radius: 12px; padding: 16px 0 18px 24px; box-sizing: border-box; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: calc(100% - 25px) 17px; }
.certi_wrap .certi_list_area input[type="radio"]:checked + .certi_info_area { background-color: #2aad5c; border: 1px solid #2aad5c; background-image: url(../image/agree_chk_re.svg); }
.certi_wrap .certi_list_area input[type="radio"]:checked + .certi_info_area > * { color: #fff; }
.certi_wrap .certi_list_area .certi_info_area strong { font-weight: bold; font-size: 15px; line-height: 24px; color: #2aad5c; display: block; }
.certi_wrap .certi_list_area .certi_info_area span { display: inline-block; margin-top: 8px; font-weight: bold; font-size: 18px; line-height: 32px; }
.certi_wrap .certi_list_area .certi_info_area p { font-weight: normal; font-size: 15px; line-height: 24px; color: #888888; }
section.intro_section .certi_wrap .icon_area { margin-top: 0; padding-top: 102px; }
section.intro_section .certi_wrap .icon_area span { background-image: url(../image/agree_icon.svg); }
section.intro_section .certi_wrap .icon_area + .certi_title { margin-top: 17px; display: table; } 
section.intro_section .certi_wrap .certi_text { display: inline-block; margin-top: 16px; font-weight: normal; font-size: 15px; line-height: 24px; }
section.intro_section .certi_wrap .button_info_area { width: 312px; height: 40px; padding: 0; left: 0 }
section.intro_section .certi_wrap .button_info_area strong { display: inline-block; font-size: 13px; line-height: 22px; line-height: 40px; }
section.intro_section .certi_wrap .button_info_area::after { left: 40px; }
section.intro_section .loading_icon_area { padding-top: 160px; padding-left: 11px; position: relative; height: 24px; }
section.intro_section .loading_icon_area span { width: 10px; height: 10px; display: inline-block; background-color: #d0d0d0; border-radius: 50%; margin-right: 6px; position: relative; position: absolute; bottom: 0; -webkit-animation-timing-function: linear; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-fill-mode: forwards; animation-timing-function: linear; animation-duration: 2s; animation-iteration-count: infinite; animation-direction:alternate; animation-fill-mode: forwards; }
section.intro_section .loading_icon_area span:nth-child(1) { left: 0; -webkit-animation-name: wave01; animation-name: wave01; }
section.intro_section .loading_icon_area span:nth-child(2) { left: 15px; -webkit-animation-name: wave02; animation-name: wave02; }
section.intro_section .loading_icon_area span:nth-child(3) { left: 30px; -webkit-animation-name: wave03; animation-name: wave03; }

@-webkit-keyframes wave01 {
    0% {
        bottom: 10px;
        background-color: #2aad5c;
    }
    50% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    100% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
}
@-webkit-keyframes wave02 {
    0% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    50% {
        bottom: 10px;
        background-color: #2aad5c;
    }
    100% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
}
@-webkit-keyframes wave03 {
    0% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    50% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    100% {
        bottom: 10px;
        background-color: #2aad5c;
    }
}

@keyframes wave01 {
    0% {
        bottom: 10px;
        background-color: #2aad5c;
    }
    50% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    100% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
}
@keyframes wave02 {
    0% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    50% {
        bottom: 10px;
        background-color: #2aad5c;
    }
    100% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
}
@keyframes wave03 {
    0% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    50% {
        bottom: 0px;
        background-color: #d0d0d0;
    }
    100% {
        bottom: 10px;
        background-color: #2aad5c;
    }
}

section.intro_section .loading_icon_area + .certi_title { margin-top: 17px; }

.agree_chk_list { padding-top: 16px; }
.agree_chk_list li { margin-bottom: 24px; }
.agree_chk_list li:last-of-type { margin-bottom: 0; }
.agree_chk_list li button { float: right; font-weight: normal; font-size: 15px; line-height: 24px; text-decoration: underline; color: #888888; }
.agree_chk_list label { padding-left: 32px; }
.agree_chk_list input[type="checkbox"] + label { font-weight: normal; font-size: 15px; line-height: 24px; color: #123929; position: relative; }
.agree_chk_list input[type="checkbox"] + label::before { content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; background-image: url(../image/survey_chk.svg); background-repeat: no-repeat; background-position: center calc(50% + 1px); }
.agree_chk_list input[type="checkbox"]:checked + label::before { background-image: url(../image/survey_chk_on.svg); }
.agree_chk_list input[type="checkbox"]:checked + label { font-weight: bold; color: #2aad5c; }


/* Result */
section.result_section .result_title.margin_top_set { margin-top: 72px; }

.result_detail .high { position: relative; display: inline-block; font-weight: bold; }
.result_detail .high::after { content: ""; display: inline-block; position: absolute; width: 100%; height: 80%; background-color: rgba(176,74,255,0.2); left: 0; top: 50%; transform: translateY(-50%); }

.result_detail { width: 100%; background-color: #ffffff; }
.result_detail section { width: 100%; position: relative; }
.result_detail .section_wrap { width: 100%; margin: 0 auto; padding: 0 24px; height: auto; min-height: auto; text-align: left; }
.result_detail .section_wrap.over_wrap { width: 100%; }
.result_detail .contents_box.type01 { background-color: #ffffff; border: 2px solid #f3f3f3; box-sizing: border-box;  border-radius: 12px; width: 100%; margin-bottom: -87px; }
.result_detail .contents_box.type02 { background-color: #ffffff; border: 2px solid #f2f2f2; box-sizing: border-box; border-radius: 12px; padding: 27px 20px 44px; }
.result_detail .contents_list.type01 { margin-top: 18px; }
.result_detail .contents_list.type01 li { padding: 32px 0 0px; }
.result_detail .contents_list.type01 li:first-of-type { padding-top: 34px; }
.result_detail .contents_list.type01 li:last-of-type { padding-bottom: 0; }
.result_detail .contents_list.type01 span { display: inline-block; font-weight: normal; font-size: 18px; line-height: 20px; }
.result_detail .contents_list.type01 em { display: inline-block; font-weight: normal; font-size: 18px; line-height: 20px; color: rgba(0,0,0,0.5); float: right;}
.result_detail .contents_list.type01 li.danger span,
.result_detail .contents_list.type01 li.danger em { font-weight: bold; }
.result_detail .contents_list.type01 li.danger em { color: #f1635f; }



.result_detail .contents_list.type02 { width: 100%; }
.result_detail .contents_list.type02 > dt { position: relative; border-top: 0.5px solid rgba(0,0,0,0.2); padding: 10px 0px 10px 0px; cursor: pointer; }
.result_detail .contents_list.type02 > dt .img_box { width: 76px; height: 76px; overflow: hidden; display: inline-block; margin: 0 16px 0 0; border-radius: 8px; position: relative; }
.result_detail .contents_list.type02 > dt .img_box img { width: 150%; min-height: 76px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.result_detail .contents_list.type02 > dt::after { content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; top: 36px; right: 0px; background-image: url(../image/result_drop_icon.svg); background-repeat: no-repeat; background-position: center center; background-size: 24px; transition: all 0.5s; }
.result_detail .contents_list.type02 > dt.on::after { transform: rotate(-180deg); }
.result_detail .contents_list.type02 > dt:last-of-type { border-bottom: 0.5px solid rgba(0,0,0,0.2);  }
.result_detail .contents_list.type02 > dt > p { display: inline-block; margin-top: 0; width: calc(100% - 92px); float: none; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.result_detail .contents_list.type02 > dt strong { display: block; font-weight: bold; font-size: 20px; line-height: 20px; }
.result_detail .contents_list.type02 > dt p span { display: block; font-weight: normal; font-size: 15px; line-height: 20px; padding-top: 5px; padding-right: 42px; }


.result_detail .contents_list.type02 .content_drop_area { background-color: #fafafa; box-sizing: border-box; cursor: default; height: 0; overflow: hidden; padding: 0px 24px 0px 29px; border: 0; transition: all 0.5s; opacity: 0; }
.result_detail .contents_list.type02 .content_drop_area.on { height: auto; padding: 24px 24px 24px 29px;  opacity: 1; }
.result_detail .contents_list.type02 .content_drop_area .inner_text_area { font-weight: normal; font-size: 15px; line-height: 22px; letter-spacing: -0.015em; }
.result_detail .contents_list.type02 .content_drop_area .inner_text_area strong { font-weight: 500; font-size: 16px; line-height: 24px; color: #2aad5c; }
.result_detail .contents_list.type02 .content_drop_area .inner_text_area ul { margin-top: 16px; }
.result_detail .contents_list.type02 .content_drop_area .inner_text_area li { font-weight: normal; font-size: 14px; line-height: 22px; }
.result_detail .contents_list.type02 .content_drop_area .inner_text_area li::before { content: "*"; display: inline-block; width: 8px; }
.result_detail .contents_list.type02 .content_drop_area .inner_contents_area { margin-top: 29px; padding: 21px 16px 34px 15px; background-color: #ffffff; border: 1px solid rgba(158,158,158,0.3); border-radius: 12px; }
.result_detail .contents_list.type02 .content_drop_area.none_data_area { padding: 0px; text-align: center; }
.result_detail .contents_list.type02 .content_drop_area.none_data_area.on { padding: 16px 0; }
.result_detail .contents_list.type02 .content_drop_area.none_data_area .none_text_area { font-weight: normal; font-size: 16px; line-height: 24px; height: 24px; display: inline-block; padding-left: 28px; background-image: url(../image/info_icon01.svg); background-repeat: no-repeat; background-position: center left; }

.result_detail .contents_list.type02 .inner_contents_area strong { font-weight: bold; font-size: 18px; line-height: 22px;  }
.result_detail .contents_list.type02 .inner_contents_area .tab_list { display: flex; flex-wrap: wrap; width: 260px; align-content: flex-start; margin-top: 18px; }
.result_detail .contents_list.type02 .inner_contents_area .tab_list li { width: auto; height: 22px; margin-bottom: 13px; margin-right: 24px; }
.result_detail .contents_list.type02 .inner_contents_area .tab_list li span { width: 100%; font-weight: 500; font-size: 15px; line-height: 22px; color: #888888; display: inline-block; cursor: pointer; text-decoration: underline; }
.result_detail .contents_list.type02 .inner_contents_area .tab_list li span.on { font-weight: bold; text-decoration: underline; color: #2aad5c; }

.result_detail .contents_list.type02 .inner_contents_area .graph_list { margin-top: 36px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li { display: none; width: 100%; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li.on { display: inline-block; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li .title_area { width: 100%; display: flex; justify-content: space-between; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li .title_area .title { font-weight: normal; font-size: 18px; line-height: 20px; color: #000000; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li > span { font-weight: normal; font-size: 14px; line-height: 20px; display: inline-block; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list li > span:nth-of-type(2) { margin-top: 32px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph { display: flex; align-items: center; margin-top: 8px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph em { display: inline-block; border-radius: 0 8px 8px 0; left: 0; top: 0;  height: 14px }
.result_detail .contents_list.type02 .inner_contents_area .graph_list div:nth-of-type(2) em {  background-color: #e5e5e5; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list div:nth-of-type(4) em { background: linear-gradient(270deg, #2aad5c 0%, rgba(176, 74, 255, 0) 199.46%); }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph.type01 { margin-bottom: 32px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph.type01 em { min-width: 20px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph.type02 em { min-width: calc(100% - 120px); }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph .percent { display: inline-block; font-weight: normal; font-size: 15px; line-height: 20px; margin-left: 8px; }
.result_detail .contents_list.type02 .inner_contents_area .graph_list .graph.type02 span { font-weight: bold; }

.result_detail .contents_list.type03 { width: 100%; }
.result_detail .contents_list.type03 > li { width: 100%; border: 0; padding: 0 0 36px; }
.result_detail .contents_list.type03 > li:last-of-type { padding-bottom: 0; }
.result_detail .contents_list.type03 .inner_header_area { width: 100%; border-bottom: 0.5px solid rgba(0,0,0,0.2); padding-bottom: 9px; }
.result_detail .contents_list.type03 .inner_header_area strong { display: inline-block; font-weight: 500; font-size: 20px; line-height: 22px; }
.result_detail .contents_list.type03 .inner_header_area ul { float: right; }
.result_detail .contents_list.type03 .inner_header_area li { display: inline-block; }
.result_detail .contents_list.type03 .inner_header_area li span { display: inline-block; width: 44px; height: 20px; line-height: 18px; border: 1px solid #cccccc; box-sizing: border-box; border-radius: 27px; font-weight: bold; font-size: 14px; text-align: center; }
.result_detail .contents_list.type03 .inner_header_area li span.type_y { background-color: rgba(255,206,80,0.1); border-color: #ffce50; color: #ffce50; }
.result_detail .contents_list.type03 .inner_header_area li span.type_o { background-color: rgba(243,111,36,0.1); border-color: #f36f24; color: #ff8f50; }
.result_detail .contents_list.type03 .inner_header_area li span.type_r { background-color: rgba(241,99,95,0.1); border-color: #f1635f; color: #f1635f; }
.result_detail .contents_list.type03 .inner_header_area li span.type_g { width: 50px;  background-color: rgba(0,0,0,0.1); border-color: #9b9b9b; color: #9b9b9b; }
.result_detail .contents_list.type03 .inner_contents_list { margin-top: 11px; }
.result_detail .contents_list.type03 .inner_contents_list li { display: inline-block; margin-right: 16px; vertical-align: top; }
.result_detail .contents_list.type03 .inner_contents_list .img_box { width: 76px; height: 76px; overflow: hidden; display: inline-block; border-radius: 8px; position: relative; }
.result_detail .contents_list.type03 .inner_contents_list .img_box img { width: 150%; min-height: 76px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.result_detail .contents_list.type03 .inner_contents_list li span { display: table; margin-top: 4px; width: 76px; font-weight: 400; font-size: 16px;  }


.result_detail .tab_list.type01 { position: relative; }
.result_detail .tab_list.type01 .title li { font-weight: bold; font-size: 22px; line-height: 20px;  position: relative; top: 0; display: inline-block; margin: 0 8px; color: rgba(0,0,0,0.2); cursor: pointer; padding: 0 8px 6px 7px; }
.result_detail .tab_list.type01 .title li.on { color: #2aad5c; position: relative; border-bottom: 2px solid #2aad5c; }
.result_detail .tab_list.type01 .title li.point::after { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #f1635f; border-radius: 50%; position: absolute;  top: -5px; right: -2px; }
.result_detail .tab_list.type01 .title li:first-of-type { margin-left: 0; }
.result_detail .tab_list.type01 .title li:last-of-type { margin-right: 0; }
.result_detail .tab_list.type01 .detail li li:first-of-type { padding: 16px 0 17px; }
.result_detail .tab_list.type01 .title li:hover { color: #2aad5c; }
.result_detail .tab_list.type01 .detail > li { position: relative; margin: 25px 0 18px; display: none; width: 100%; }

.result_detail .tab_list.type01 .detail > li { display: none; }
.result_detail .tab_list.type01 .detail > li.on { display: inline-block; }

.result_detail .tab_list.type01 .table_title { width: 100%; font-size: 16px; border-top: 1px solid #d0d0d0; display: flex; justify-content: space-between; padding: 12px 0; margin-top: 20px; }
.result_detail .tab_list.type01 .table_title li { width: 25%; text-align: right; font-weight: bold; box-sizing: border-box; }
.result_detail .tab_list.type01 .table_title li:nth-of-type(1) { width: 30%; text-align: left; padding-left: 0px; }
.result_detail .tab_list.type01 .table_title li:nth-of-type(4) { display: flex; justify-content: flex-end; position: relative; padding-right: 0px; }
.result_detail .tab_list.type01 .table_title + .detail > li { padding-top: 0; margin-top: 0; }


.result_detail .tab_list.type01 .detail > li .none_text { display: inline-block; width: 100%; padding: 34px 12px 10px; background-color: #e4f6eb; border-radius: 12px; font-weight: normal; font-size: 15px; line-height: 20px; letter-spacing: -0.015em; background-image: url(../image/info_icon_gray.svg); background-repeat: no-repeat; background-position: 10px 12px; }
.result_detail .tab_list.type01 .table_title.hide + .detail > li .none_text { margin-top: 20px; }


.result_detail .tab_list.type01 .detail li li { width: 100%; padding: 25px 0; font-size: 16px; border-top: 0.5px solid #d0d0d0; display: flex; justify-content: space-between; align-items: center; }
.result_detail .tab_list.type01 .detail li li:last-of-type { border-bottom: 0.5px solid #d0d0d0; }
.result_detail .tab_list.type01 .detail li li strong { width: 30%; font-size: 16px; }
.result_detail .tab_list.type01 .detail li li span { width: 25%; text-align: right; }
.result_detail .tab_list.type01 .detail li li:first-of-type span { line-height: 31px; }
.result_detail .tab_list.type01 .detail li li span:nth-of-type(1) { font-weight: 500; }
.result_detail .tab_list.type01 .detail li li span:nth-of-type(2) { font-weight: normal; color: rgba(0,0,0,0.5); }
.result_detail .tab_list.type01 .detail li li span:nth-of-type(3) { font-weight: bold; font-size: 14px; color: #5fbe57; display: inline-block; position: relative; padding-right: 0px; display: flex; justify-content: flex-end; align-items: center; }
.result_detail .tab_list.type01 .detail li li span:nth-of-type(3) i { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #5fbe57; margin-right: 5px; }
.result_detail .tab_list.type01 .detail li li.danger span:nth-of-type(1) { color: #f1635f; }
.result_detail .tab_list.type01 .detail li li.danger span:nth-of-type(3) { color: #f1635f; }
.result_detail .tab_list.type01 .detail li li.danger span:nth-of-type(3) i { background-color: #f1635f; }
.result_detail .tab_list.type01 .detail li li.line_type02 { padding: 16px 0; }
.result_detail .tab_list.type01 .detail li li.line_type02 em { display: block; }
.result_detail .tab_list.type01 .detail li li.line_type02 span:nth-of-type(3) { line-height: 32px; }
.result_detail .tab_list.type01 .swiper-container { margin-top: 28px; }

@media (min-width:481px){
     .result_detail .tab_list.type01 .swiper-container { position: static; overflow: visible; }
    .result_detail .tab_list.type01 .swiper-wrapper { position: static; width: auto; height: auto; display: inline-block; }
    .result_detail .tab_list.type01 .swiper-slide { position: relative; width: auto; height: auto; display: inline-block; }   
}



.result_detail .section_title { font-weight: bold; font-size: 24px; line-height: 36px; display: block; }
.result_detail .section_title .small_text { display: block; font-size: 18px; line-height: 20px; }
.result_detail .section_sub_title { display: inline-block; font-weight: normal; font-size: 15px; line-height: 22px; letter-spacing: -0.015em; color: rgba(0,0,0,0.4); }
.result_detail .section_text { font-weight: normal; font-size: 14px; line-height: 20px; }

.result_detail .contents_title { font-weight: normal; font-size: 22px; line-height: 27px; letter-spacing: -0.015em; }
.result_detail .contents_title span { font-weight: bold; }

.result_detail section { background-color: #ffffff; }
.result_detail section.last_section { padding-bottom: 303px; }

.result_detail .result_top_section { padding: 122px 0 16px; }
.result_detail .scroll_action_bg_wrap + .result_top_section { padding-top: 0px; }
.result_detail .result_top_section.none_top_type { padding-bottom: 12px; }
.result_detail .result_top_section .border_action_area { display: block; height: 30px; background-color: #ffffff; border-radius: 24px 24px 0 0; }

.result_detail .result_title_area { width: 100%; position: relative; }
.result_detail .result_title_area strong { display: block; font-weight: 400; font-size: 24px; line-height: 34px; text-align: center; margin-top: 4px; }
.result_detail .result_title_area strong b { font-weight: 700; }
.result_detail .result_title_area strong em { font-weight: 700; color: #2aad5c; }
.result_detail .result_title_area span { font-weight: bold; }
.result_detail .result_title_area .date { display: block; font-weight: 400; font-size: 15px; line-height: 18px; color: #888888; text-align: center; position: static; margin-top: 4px; }
.result_detail.type_change .result_top_section { padding: 144px 0 32px; }
.result_detail.type_change .result_section05 { margin-top: 0; padding: 47px 0 65px; margin-bottom: 16px; }
.result_detail.type_change .result_section07 { margin-top: 0; padding-top: 44px; }
.result_section01 { position: relative; border-bottom: 16px solid #f3f3f3; margin-bottom: 0px; }
.result_section01 .total_info { width: 100%; position: relative; top: -125px; padding: 17px 16px 25px; display: none; }
.result_section01 .total_info.on { display: block; }
.result_section01 .total_info .info_title { font-weight: bold; font-size: 20px; line-height: 22px; background-repeat: no-repeat; background-position: right center; }
.result_section01 .total_info .info_title.point_type01 { background-image: url(../image/result_point01.svg); }
.result_section01 .total_info .info_title.point_type02 { background-image: url(../image/result_point02.svg); }
.result_section01 .total_info .info_title.point_type03 { background-image: url(../image/result_point03.svg); }
.result_section01 .total_info .info_title.point_type04 { background-image: url(../image/result_point04.svg); }
.result_section01 .total_info .info_title.point_type05 { background-image: url(../image/result_point05.svg); }
.result_section01 .total_info .info_title strong { font-size: 60px; line-height: 60px; display: inline-block; margin-right: 10px; }
.result_section01 .total_info .info_title em { font-weight: normal; font-size: 24px; line-height: 43px; display: inline-block; margin-left: -5px; }
.result_section01 .total_info .detail_text { margin-top: 15px; font-weight: normal; font-size: 16px; line-height: 20px; }
.result_section01 .section_sub_title { margin-top: 4px; }
.result_section01 .section_text { margin-top: 8px; }

.result_section01 .total_info .top_area { display: inline-block; justify-content: space-between; padding-bottom: 26px; border-bottom: 1px solid #e4f6eb; position: relative; width: 100%; }
.result_section01 .total_info .top_area .ranking_view { display: inline-block; background-color: #f3f3f3; border-radius: 23px; align-items: center; }
.result_section01 .total_info .top_area .ranking_view span { font-weight: bold; font-size: 14px; line-height: 20px; color: #888888; display: inline-block; padding: 2px 8px 2px 12px; }
.result_section01 .total_info .top_area .ranking_view strong { display: inline-block; padding: 2px 8px 2px 8px; background-color: #2aad5c; border-radius: 23px; font-size: 14px; line-height: 20px; color: #ffffff; }
.result_section01 .total_info .top_area .rank_title { margin-top: 159px; display: block; font-weight: bold; font-size: 20px; line-height: 20px; color: #2aad5c; text-align: center; }
.result_section01 .total_info .top_area .rank_text { margin-top: 12px; font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: -0.015em; text-align: center; }
.result_section01 .total_info .bot_text_area { margin-top: 24px; }
.result_section01 .total_info .bot_text_area .title { display: block; font-weight: bold; font-size: 24px; line-height: 20px; }
.result_section01 .total_info .bot_text_area .standard_date { display: block; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; margin-top: 4px; }
.result_section01 .total_info .bot_text_area .info_text { margin-top: 16px; font-weight: normal; font-size: 14px; line-height: 20px; }
.result_section01 .total_info .right_img_side { position: absolute; top: 50px; left: 50%; transform: translateX(-50%); }

.result_top_section .info_change_area { margin-top: 24px; text-align: right; }
.result_top_section .info_change_area input[type="checkbox"] { display: none; }
.result_top_section .info_change_area input[type="checkbox"] + label { font-weight: bold; font-size: 12px; line-height: 24px; position: relative; padding-left: 32px; display: inline-block; }
.result_top_section .info_change_area input[type="checkbox"] + label::after { content: ""; position: absolute; left: 0; width: 22px; height: 22px; display: inline-block; border-radius: 50%; box-sizing: border-box; top: 50%; transform: translateY(-50%); background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center; background-size: 22px; }
.result_top_section .info_change_area input[type="checkbox"]:checked + label::after { background-image: url(../image/icon/agree_chk_on.svg); }

.record_section { padding-top: 56px; overflow: hidden; }
.record_section .section_title { font-weight: bold; font-size: 26px; line-height: 30px; }
.record_section .record_list_area { margin-top: 20px; overflow: visible; padding: 0; position: static; }
.record_section .record_list_area::before { content: ""; position: absolute; display: inline-block; width: 1000%; right: 552px; height: 100%; bottom: 0; background: #ffffff; z-index: 10; }
.record_section .record_list_area::after { content: ""; position: absolute; display: inline-block; width: 1000%; height: 100%; bottom: 0; left: 706px; background-color: #ffffff; z-index: 10; }
.record_section .record_list_area .record_list { height: auto; width: 100%; margin-bottom: 16px; }

.none_record_area { margin-top: 56px; }
.none_record_area .img_view_area { text-align: center; }
.none_record_area .img_view_area i { display: inline-block; width: 55px; height: 54px; background-image: url(../image/icon_none_recode.svg); background-repeat: no-repeat; background-position: center center; }
.none_record_area .img_view_area p { margin-top: 6px; font-weight: normal; font-size: 16px; line-height: 44px; letter-spacing: -0.015em; color: #d0d0d0; }
.none_record_area .sub_text_area { margin-top: 54px; padding: 14px 16px; width: 100%; background-color: #e4f6eb; border-radius: 12px; }
.none_record_area .sub_text_area strong { display: inline-block; padding-left: 32px; font-weight: bold; font-size: 15px; line-height: 20px; letter-spacing: -0.015em; background-image: url(../image/result_info_icon.svg); background-repeat: no-repeat; background-position: left center; }
.none_record_area .sub_text_area p { margin-top: 4px; font-weight: normal; font-size: 15px; line-height: 20px; letter-spacing: -0.015em; }

.more_analysis_area { padding-top: 12px; }
.more_analysis_area .contents_view_box { background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 16px; padding: 20px 0; display: flex; justify-content: center; }
.more_analysis_area .contents_view_box i { display: inline-block;  width: 78px; height: 78px; background-image: url(../image/icon_drug01.svg); background-repeat: no-repeat; background-position: center; }
.more_analysis_area .contents_view_box .text_area { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 8px; }
.more_analysis_area .contents_view_box .text_area .title { font-weight: 700; font-size: 14px; line-height: 20px; }
.more_analysis_area .contents_view_box .text_area .title em { color: #2aad5c; display: block; }
.more_analysis_area .contents_view_box .text_area .more_btn { display: inline-block; padding: 0 22px; height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; margin-top: 8px; font-weight: 700; font-size: 13px; color: #ffffff; }

.result_section02 { margin-top: 16px; }
.result_section02 .section_wrap { padding: 56px 0 48px; overflow: hidden; }
.result_section02 .section_title { line-height: 30px; }
.result_section02 .attention_list { margin-top: 28px; }
.result_section02 .attention_list ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.result_section02 .attention_list li { width: calc(100%/3 - 6px); height: 88px; text-align: center; padding-top: 60px; background: #FFFFFF; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); border-radius: 8px; background-repeat: no-repeat; background-position: center 12px; position: relative; cursor: pointer; margin-bottom: 14px; }
.result_section02 .attention_list li.on { border: 2px solid #2aad5c; }
.result_section02 .attention_list li.warning::after { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; border-radius: 50%; left: 6px; top: 6px; background-image: url(../image/icon_warning_red.svg); background-repeat: no-repeat; background-position: center center; }
.result_section02 .attention_list + .tab_list.type01 { margin-top: 0; }

.result_section02 .attention_list li:nth-child(1) { background-image: url(../image/icon_body01.svg); } 
.result_section02 .attention_list li:nth-child(2) { background-image: url(../image/icon_body02.svg); }
.result_section02 .attention_list li:nth-child(3) { background-image: url(../image/icon_body03.svg); }
.result_section02 .attention_list li:nth-child(4) { background-image: url(../image/icon_body05.svg); }
.result_section02 .attention_list li:nth-child(5) { background-image: url(../image/icon_body06.svg); }
.result_section02 .attention_list li:nth-child(6) { background-image: url(../image/icon_body04.svg); }
.result_section02 .tab_list.type01 { margin-top: 40px; width: 100%; }
.result_section02 .sub_text_area { width: 100%; padding: 34px 11px 10px 12px; box-sizing: border-box; background-color: #e4f6eb; border-radius: 12px; font-weight: normal; font-size: 15px; line-height: 20px; letter-spacing: -0.015em; background-image: url(../image/result_info_icon.svg); background-repeat: no-repeat; background-position: 12px 13px; background-size: 16px; }
.result_section02 .result_info_text { margin-bottom: 16px; font-weight: normal; font-size: 18px; line-height: 20px; font-weight: bold; }
.result_section02 .result_info_text.all_clear { margin-top: 16px; margin-bottom: 0; }
.result_section02 .result_info_text em { color: #5fbe57; }
.result_section02 .result_info_text.danger em { color: #f1635f; }
.result_section02 .tab_list.type01 .swiper-container { height: auto; overflow: visible; }
.result_section02 .tab_list.type01 .swiper-wrapper { height: 20px; overflow: visible; }
.result_section02 .tab_list.type01 .swiper-slide { width: auto !important; height: 28px; }
.result_section03 { margin-top: 16px; padding: 49px 0 30px; }
.result_section03 .section_text { margin-top: 8px; }
.result_section03 .inner_contents_box { margin-top: 20px; }
.result_section03 .inner_contents_box li { width: 100%; padding: 19px 12px; box-sizing: border-box; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 12px; cursor: pointer; background-image: url(../image/result_arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) 20px; }
.result_section03 .inner_contents_box li:hover { background-color: rgba(176,74,255,0.04); border: 1px solid #2aad5c; }
.result_section03 .inner_contents_box li .inner_title { font-weight: normal; font-size: 16px; line-height: 16px; color: rgba(0,0,0,0.5); }
.result_section03 .inner_contents_box li p { display: table; font-weight: normal; font-size: 18px; line-height: 21px; height: 22px; margin-top: 3px; }
.result_section03 .inner_contents_box li p:first-of-type { margin-top: 10px; }
.result_section03 .inner_contents_box li p.short_type01 { display: inline-block; width: 70px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.result_section03 .inner_contents_box li p.short_type02 { display: inline-block; width: 280px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.result_section03 .inner_contents_box li strong { display: block; margin-top: 8px; font-weight: 500; font-size: 18px; line-height: 20px; }
.result_section03 .inner_contents_box li:last-of-type { margin-top: 12px; }
.result_section03 .swiper-wrapper { height: 390px; }
.result_section03 .swiper-pagination { width: 100%; bottom: 0; }
.result_section03 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px;  margin:0 8px 0 0; background-color: #c4c4c4; opacity: 1; }
.result_section03 .swiper-pagination .swiper-pagination-bullet:last-of-type { margin: 0; }
.result_section03 .swiper-pagination .swiper-pagination-bullet-active { background-color: #222222; }

.result_section04 { margin-top: 16px; padding: 56px 0 64px; }
.result_section04 .summary_list { margin-top: 32px; width: 100%; display: flex; justify-content: space-between; }
.result_section04 .summary_list li { display: inline-block; width: auto; }
.result_section04 .summary_list li span { display: inline-block; width: 60px; height: 74px;  background-repeat: no-repeat; background-position: center top; padding-top: 50px; text-align: center; font-weight: bold; font-size: 16px; box-sizing: border-box; }
.result_section04 .summary_list li span.icon_type01 { background-image: url(../image/result_icon01.svg)}
.result_section04 .summary_list li span.icon_type02 { background-image: url(../image/result_icon02.svg)}
.result_section04 .summary_list li span.icon_type03 { background-image: url(../image/result_icon03.svg)}
.result_section04 .summary_list li span.icon_type04 { background-image: url(../image/result_icon04.svg)}
.result_section04 .text_list li { margin-top: 16px; width: 100%; padding: 18px 11px 38px; background-color: #ffffff; border: 1px solid #f5f2f2; box-sizing: border-box; border-radius: 12px; }
.result_section04 .text_list .list_title { font-weight: bold; font-size: 16px; line-height: 20px; color: #888888; display: table; }
.result_section04 .text_list .list_inner_title { display: block; margin-top: 24px; font-weight: bold; font-size: 20px; line-height: 20px; }
.result_section04 .text_list .list_inner_title:first-of-type { margin-top: 16px; }
.result_section04 .text_list .inner_text { display: inline-block; margin-top: 8px; font-weight: normal; font-size: 15px; line-height: 22px; }

.result_section05 { margin-top: 16px; padding: 56px 0 35px; }
.result_section05 .section_text { margin-top: 4px; padding: 0 24px; }
.result_section05 .contents_list { margin-top: 22px; }
.result_section05 .section_wrap { padding: 0; }
.result_section05 .section_title { padding: 0 24px; }
.result_section05 .section_title em { display: none; }
.result_section05 .section_title em.on { display: inline-block; }

.result_section05 .price_area { margin-top: 24px; }
.result_section05 .price_area .price_text { display: flex; justify-content: space-between; padding: 0 24px; }
.result_section05 .price_area .price_text span { font-weight: bold; font-size: 24px; line-height: 32px; text-align: right; }
.result_section05 .price_area .price_text span em { display: block; margin-top: 20px; padding: 8px 16px; background-color: #e4f6eb; border-radius: 12px; font-weight: bold; font-size: 14px; line-height: 22px; color: #2aad5c; position: relative; }
.result_section05 .price_area .price_text span em::after { position: absolute; content: ""; display: inline-block; width: 21px; height: 12px; background-image: url(../image/icon_tail_grey.svg); background-repeat: no-repeat; background-position: center center; right: 21px; top: -12px; }

.result_section05 .contents_list.type02 > dt { margin: 0 24px; }
.result_section05 .contents_list.type02 .content_drop_area.on { padding: 24px 25px 24px; }

.result_section06 { margin-top: 16px; padding: 56px 0 36px; position: relative; }
.result_section06 .section_text { margin-top: 4px; }
.result_section06 .contents_list { margin-top: 26px; }

.result_section07 { margin-top: 16px; padding: 56px 0 32px; }
.result_section07 .slide_contents_area { margin-top: 0px; }


.result_section07 { position: relative; overflow: hidden; }
.result_section07 .section_wrap { position: unset; }
.result_section07 .swiper-container { height: auto; position: relative; overflow: visible; overflow-x: visible; overflow-y: visible; position: relative; }

.result_section07 .swiper-container::before { content: ""; position: absolute; display: inline-block; width: 1000%; right: 552px; height: 100%; bottom: 0; background: #ffffff; z-index: 10; }
.result_section07 .swiper-container::after { content: ""; position: absolute; display: inline-block; width: 1000%; height: 100%; bottom: 0; left: 706px; background-color: #ffffff; z-index: 10; }
.result_section07 .fake_wrap { width: 154px; position: absolute; height: 100%; left: 552px; background: linear-gradient(270deg, #FFFFFF 13.85%, rgba(255, 255, 255, 0.82) 74.75%, rgba(255, 255, 255, 0) 117.32%); bottom: 0; z-index: 10; }

.result_section07 .swiper-slide { min-width: 292px;  width: 330px; height: auto; }
.result_section07 .swiper-wrapper { height: auto; }
.result_section07 .swiper-pagination-progressbar { position: relative; height: 4px; margin-top: 24px; width: 100%; background-color: transparent; }
.result_section07 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #222222; }
.result_section07 .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px;  margin:0 8px 0 0; background-color: #c4c4c4; opacity: 1; }
.result_section07 .swiper-pagination-progressbar,
.result_detail.type_solution .result_section07 .swiper-pagination-progressbar { background-color: rgba(0,0,0,0.1); }

.result_section07 .slide_contents_area > ul > li { background-color: #ffffff; border: 1px solid rgba(185,185,185,0.3); border-radius: 12px; padding: 24px 15px; }
.result_section07 .slide_contents_area .inner_title { font-weight: bold; font-size: 22px;  line-height: 20px; }
.result_section07 .slide_contents_area .inner_list { margin-top: 20px; }
.result_section07 .slide_contents_area .inner_list li { margin-top: 11px; }
.result_section07 .slide_contents_area .inner_list li:first-of-type { margin-top: 0; }
.result_section07 .slide_contents_area .inner_list span,
.result_section07 .slide_contents_area .inner_list em { font-weight: normal; font-size: 20px; line-height: 20px; }
.result_section07 .slide_contents_area .inner_list em { position: relative; float: right; }
.result_section07 .slide_contents_area .inner_list em::before { content: ""; display: inline-block; width: 11px; height: 2px; position: absolute; background-image: url(../image/list_icon.svg); background-repeat: no-repeat; background-position: center center; left: -29px; top: 50%; transform: translateY(-50%); }
.result_section07 .bot_btn_area { text-align: center; margin-top: 0px; bottom: 32px; width: calc(100% - 48px); }
.result_section07 .bot_btn_area button,
.result_section07 .bot_btn_area a,
.result_section07 .bot_btn_area input[type="button"],
.result_section07 .bot_btn_area input[type="submit"] { font-size: 20px; }

.result_detail { background-color: #ffffff; }
.result_detail .bot_btn_area .btn_sub_text { position: absolute; right: 0; padding: 8px 16px; background-color: #e4f6eb; border-radius: 12px; top: -60px; }
.result_detail .bot_btn_area .btn_sub_text::after { position: absolute; content: ""; display: inline-block; width: 21px; height: 12px; background-image: url(../image/icon_tail_grey.svg); background-repeat: no-repeat; background-position: center; bottom: -12px; transform: rotate(180deg); right: 20px; }
.result_detail .bot_btn_area .btn_sub_text span { font-weight: bold; font-size: 14px; line-height: 22px; }
.result_detail .bot_btn_area .btn_sub_text strong { font-weight: bold; font-size: 14px; line-height: 22px; color: #2aad5c; }


.benefits_section { margin-top: 16px; padding-top: 48px; }
.benefits_section.none_btn_type .section_wrap { padding-bottom: 80px }
.benefits_section.none_btn_type + .share_section { margin-top: 16px; }
.benefits_section .section_wrap { padding-bottom: 196px; }
.benefits_section .section_wrap.over_wrap { width: calc(552px + 90px); position: relative; left: calc(50% + 45px); transform: translateX(-50%); margin: 0; }
.benefits_section .section_title { line-height: 30px; }
.benefits_section .benefits_info_area { margin-top: 32px; font-weight: bold; font-size: 20px; line-height: 24px; color: #2aad5c; }
.benefits_section .result_test { width: 100%; display: block; margin: 0 auto; max-width: 400px; }
.benefits_section .benefits_list { margin-top: 12px; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; }
.benefits_section .benefits_list li { width: calc(50% - 4px); height: 152px; padding: 16px; background-color: #ffffff; border: 1px solid #f3f3f3; box-sizing: border-box; border-radius: 8px; background-repeat: no-repeat; background-position: right bottom; margin-bottom: 8px; }
.benefits_section .benefits_list li span { display: block; font-weight: normal; font-size: 13px; line-height: 19px; color: #888888; }
.benefits_section .benefits_list li strong { font-weight: bold; font-size: 13px; line-height: 19px; color: #2aad5c; margin-top: 0; display: block; }
.benefits_section .benefits_list li:first-of-type,
.benefits_section .benefits_list li:last-of-type { background-color: rgba(239, 240, 246, 0.5); }
.benefits_section .benefits_list li:nth-of-type(1) { background-image: url(../image/icon_inner_bg01.svg); }
.benefits_section .benefits_list li:nth-of-type(2) { background-image: url(../image/icon_inner_bg02.svg); }
.benefits_section .benefits_list li:nth-of-type(3) { background-image: url(../image/icon_inner_bg03.svg); }
.benefits_section .benefits_list li:nth-of-type(4) { background-image: url(../image/icon_inner_bg04.svg); }
.bot_btn_area.type_tooltip button,
.bot_btn_area.type_tooltip a,
.bot_btn_area.type_tooltip input[type="button"],
.bot_btn_area.type_tooltip input[type="submit"] { font-size: 20px; }

.share_section { margin-top: 0; margin-bottom: 0; padding: 24px 0 24px; }
.share_section .share_area { text-align: center; }
.share_section .share_area .text { font-weight: bold; font-size: 20px; line-height: 26px; }
.share_section .share_area .sub_text { font-weight: 500; font-size: 16px; line-height: 30px; margin-top: 4px; color: #888888; }
.share_section .share_area .btn_list { margin-top: 24px; }
.share_section .share_area .btn_list li { display: inline-block; margin: 0 14px; }
.share_section .share_area .btn_list li .kakao i,
.share_section .share_area .btn_list li .url i { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background-repeat: no-repeat; background-position: center; }
.share_section .share_area .btn_list li .kakao i { background-color: #fae300; background-image: url(../image/icon_kakao.svg); }
.share_section .share_area .btn_list li .url i { background-color: #f3f3f3; background-image: url(../image/icon_url.svg); }
.share_section .share_area .btn_list li .kakao span,
.share_section .share_area .btn_list li .url span { display: block; margin-top: 8px; font-weight: 500; font-size: 16px; line-height: 30px; }
.share_section.none_footer_type { padding-bottom: 40px; }

.share_section.type_img01 { width: 100%; max-width: 552px; margin: 0 auto; }
.share_section.type_img01 .share_area { position: relative; padding-top: 100px; }
.share_section.type_img01 .share_area .bg_img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 272px; height: 184px; background-image: url(../image/img_share_bg01.svg); background-size: contain; background-repeat: no-repeat; background-position: center; }
.share_section.type_img01 .share_area .bg_img2 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 272px; height: 184px; background-image: url(../image/img_share_bg02.svg); background-size: contain; background-repeat: no-repeat; background-position: center; }
.share_section.type_img01 .share_area .inner_contents_box { padding: 106px 16px 16px; background-color: #34364D; border-radius: 16px; }
.share_section.type_img01 .share_area .inner_contents_box .title { font-weight: 700; font-size: 20px; line-height: 26px; color: #ffffff; }
.share_section.type_img01 .share_area .inner_contents_box .title em { color: #fee500; }
.share_section.type_img01 .share_area .inner_contents_box .sub_text { margin-top: 6px; text-align: center; font-weight: 500; font-size: 16px; line-height: 22px; color: rgba(255, 255, 255, 0.48); }
.share_section.type_img01 .share_area .inner_contents_box .btn_box { margin-top: 16px; display: flex; justify-content: space-between; align-items: center; }
.share_section.type_img01 .share_area .inner_contents_box .btn_box .btn { height: 56px; line-height: 56px; border-radius: 12px; }
.share_section.type_img01 .share_area .inner_contents_box .btn_box .btn span { font-weight: 700; font-size: 16px; height: 56px; line-height: 56px; }
.share_section.type_img01 .share_area .inner_contents_box .btn_box .btn.kakao { width: 100%; background-color: #fee500; display: flex; justify-content: center; align-items: center; }
.share_section.type_img01 .share_area .inner_contents_box .btn_box .btn.kakao  span { color: #222222; }
.share_section.type_img01 .share_area .inner_contents_box .btn_box .btn.kakao  i { display: inline-block; width: 20px; height: 19px; margin-right: 10px; background-image: url(../image/icon_kakao02.svg); background-repeat: no-repeat; background-position: center; }
.share_section.type_img01 p.guide { margin-top:8px; font-style: normal;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(34, 34, 34, 0.48);}

/* 결과지 수정 - 20211222 */
.result_detail.type_solution .section_question .section_wrap { padding: 0; }
.result_detail.type_solution .section_question .section_title { padding-left: 24px; }
.result_detail.type_solution .result_top_section { background-color: #ffffff; padding-bottom: 16px; }
.result_detail.type_solution .result_section02 .attention_list { margin-top: 16px; }
.result_detail.type_solution .result_section02 { margin-top: 0; }
.result_detail.type_solution .result_section02 .section_wrap { padding: 0px 24px 0; }

.result_detail.type_solution .section_warning { padding-top: 4px; }
.result_detail.type_solution .section_warning .title_sub_text { margin-top: 2px; font-weight: normal; font-size: 13px; line-height: 20px; color: #888888; }
.result_detail.type_solution .warning_info_area { margin-top: 32px; }
.result_detail.type_solution .warning_info_area:first-of-type { margin-top: 0px; }
.result_detail.type_solution .warning_info_area .top_area { display: flex; justify-content: space-between; align-items: center; }
.result_detail.type_solution .warning_info_area .top_area .title { font-weight: 600; font-size: 20px; line-height: 22px; }
.result_detail.type_solution .warning_info_area .top_area .type_area { display: flex; justify-content: space-between; }
.result_detail.type_solution .warning_info_area .top_area .type_area span { display: inline-block; padding: 0 10px; background-color: rgba(42,173,92,0.1); border-radius: 27px; height: 20px; line-height: 20px; font-weight: 500; font-size: 13px; color: #2aad5c; margin-left: 6px; }
.result_detail.type_solution .warning_info_area .info_list_area { margin-top: 12px; padding: 16px; background-color: #ffffff; border-radius: 12px; border: 1px solid #f3f3f3; }
.result_detail.type_solution .warning_info_area .info_list_area li { padding-left: 24px; background-image: url(../image/icon_wraning_r.svg); background-repeat: no-repeat; background-position: left 4px; font-weight: 500; font-size: 15px; line-height: 22px; margin-bottom: 12px; }
.result_detail.type_solution .warning_info_area .info_list_area li:last-of-type { margin-bottom: 0; }

.result_detail.type_solution .btn_section { text-align: center; padding: 72px 24px 0; height: 166px; }
.result_detail.type_solution .btn_section .sub_text { font-weight: bold; font-size: 15px; line-height: 22px; color: #2aad5c; margin-bottom: 8px; }
.result_detail.type_solution .btn_section .bot_btn_area { text-align: center; }
.result_detail.type_solution .btn_section .fixed_btn_area { width: calc(100% - 48px); max-width: 432px; }
.result_detail.type_solution .bot_btn_area.type01.fixed_btn_area.type_arrow button, 
.result_detail.type_solution .bot_btn_area.type01.fixed_btn_area.type_arrow a, 
.result_detail.type_solution .bot_btn_area.type01.fixed_btn_area.type_arrow input[type="button"], 
.result_detail.type_solution .bot_btn_area.type01.fixed_btn_area.type_arrow input[type="submit"] { position: relative; }

.result_detail.type_solution .bot_btn_area.type01.fixed_btn_area.type_arrow i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/result/icon_arrow_btn01.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 32px; top: 50%; transform: translateY(-50%); }

.result_detail.type_solution .btn_section + .section_question { padding-top: 72px; }
.result_detail.type_solution .section_question { padding-top: 0px; padding-bottom: 96px; }
.result_detail.type_solution .section_question .content_list { margin-top: 14px; padding-bottom: 6px; }
.result_detail.type_solution .content_list .detail_open { width: 16px; height: 14px; position: absolute; right: 24px; top: 18px; }
.result_detail.type_solution .content_list .detail_open::before { content: ""; display: inline-block; position: absolute; width: 16px; height: 2px; top: 50%; left: 0px; transform: translateY(-50%); background-color: #363636 }
.result_detail.type_solution .content_list .detail_open::after { content: ""; display: inline-block; position: absolute; width: 2px; height: 16px; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #363636; transition: all 0.5s;  opacity: 1;}
.result_detail.type_solution .content_list .on .detail_open::after { opacity: 0; }
.result_detail.type_solution .content_list { background-color: rgba(239,240,246,0.5); }
.result_detail.type_solution .content_list li { position: relative; height: 88px; background-color: transparent; transition: height 0.5s; overflow: hidden; }
.result_detail.type_solution .content_list li p { font-weight: normal; font-size: 13px; line-height: 20px; transition: all 0.5s; opacity: 0; padding: 0px 50px 24px 19px; word-break: keep-all; }
.result_detail.type_solution .content_list li.on p { opacity: 1; word-break: break-all; }
.result_detail.type_solution .content_list li p strong { display: inline-block; width: auto; padding: 0; margin: 0; height: auto; font-weight: bold; font-size: 13px; line-height: 20px; }
.section10 .content_list li p strong { display: inline-block; font-size: 16px; line-height: 22px; cursor: auto; position: static; width: auto; padding: 0; height: auto; }
.result_detail.type_solution .content_list li strong { font-weight: 500; font-size: 14px; display: table; width: 100%; position: relative; left: 0; top: 0; cursor: pointer; height: 64px; padding-left: 19px; transition: all 0.5s; }
.result_detail.type_solution .content_list li strong em { vertical-align: middle; display: table-cell; line-height: 22px; padding-right: 65px; }
.result_detail.type_solution .content_list li strong,
.result_detail.type_solution .content_list li p { padding-left: 24px; }

.share_section.guide_btn_type { margin-top: 0px; }
.result_detail.type_solution .share_section.guide_btn_type { margin: 0; padding: 70px 0 120px; }

.result_detail.type_solution .result_section02 .text_list { height: auto; }
.result_detail.type_solution .result_section02 .text_list li { margin-top: 20px; width: 100%; height: auto;  background-color: #ffffff; border: 1px solid #f5f2f2; box-sizing: border-box; border-radius: 12px; padding: 20px 16px 14px;  }
.result_detail.type_solution .result_section02 .text_list li .scroll_area { width: 100%; max-height: 270px; overflow-y: scroll; padding-right: 4px; position: relative; -ms-overflow-style: none; scrollbar-width: none; }
.result_detail.type_solution .result_section02 .text_list li .scroll_area .bar_wrap { display: inline-block; position: absolute; width: 4px; height: 100%; right: 0; top: 0; background-color: transparent; overflow: hidden; }
.result_detail.type_solution .result_section02 .text_list li .scroll_area .bar { content:""; display: inline-block; position: absolute; width: 4px; right: 0; top: 0; border-radius: 2px; }
.result_detail.type_solution .result_section02 .text_list .list_title { font-weight: bold; font-size: 16px; line-height: 20px; display: table; }
.result_detail.type_solution .result_section02 .text_list .inner_text + .list_title { margin-top: 16px; }
.result_detail.type_solution .result_section02 .text_list .list_inner_title { display: block; margin-top: 32px; font-weight: bold; font-size: 20px; line-height: 20px; }
.result_detail.type_solution .result_section02 .text_list .list_inner_title:first-of-type { margin-top: 0px; }
.result_detail.type_solution .result_section02 .text_list .list_title + .list_inner_title { margin-top: 12px; }
.result_detail.type_solution .result_section02 .text_list .list_inner_title + .list_title { margin-top: 24px; }
.result_detail.type_solution .result_section02 .text_list .inner_text { display: inline-block; margin-top: 8px; font-weight: normal; font-size: 15px; line-height: 22px; }
.result_detail.type_solution .result_section02 .contents_area .text_box { padding: 14px 16px; background-color: #e4f6eb; border-radius: 12px; font-weight: normal;  font-size: 14px; line-height: 22px; margin-top: 8px; }
.result_detail.type_solution .result_section02 .contents_area .text_box strong { font-weight: bold; }

.result_detail.type_solution .result_section02 .contents_area .checkup_data_area { margin-top: 16px; width: 100%; padding: 16px; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; }
.result_detail.type_solution .result_section02 .contents_area .checkup_data_area dl { display: flex; justify-content: flex-start; flex-wrap: wrap; }
.result_detail.type_solution .result_section02 .contents_area .checkup_data_area dt { display: inline-block; width: 68px; font-weight: bold; font-size: 14px; line-height: 22px; }
.result_detail.type_solution .result_section02 .contents_area .checkup_data_area dd { display: inline-block; width: calc(100% - 100px); font-weight: normal; font-size: 14px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.result_detail.type_solution .result_section02 .contents_area .checkup_data_btn { margin: 6px auto; display: block; text-align: center; padding-left: 24px; background-image: url(../image/info_icon_gray.svg); background-repeat: no-repeat; background-position: left center; font-weight: normal; font-size: 14px; line-height: 22px; text-decoration: underline; color: #888888; }

.result_detail.type_solution .result_section02 .blur_text_area { height: 312px; overflow: hidden; position: relative; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_view_wrap { position: absolute; left: 0; top: 54px; width: 100%; height: calc(100% - 54px); background-color: rgba(255,255,255,0.8); filter: blur(6px); backdrop-filter: blur(2px); -webkit-backdrop-filter:  blur(4px); z-index: 1; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area { position: absolute; left: 0; top: 54px; width: 100%; height: calc(100% - 54px); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-top: 44px; z-index: 1; text-align: center; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area .wrap_title { font-weight: 700; font-size: 22px; line-height: 30px; color: #000000; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area .label_list { margin-top: 16px; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area .label_list .label { display: block; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area .label_list .label span { background: rgba(42,173,92,0.1); border-radius: 27.5px; padding: 0 12px; height: 30px; line-height: 30px; font-weight: 500; font-size: 16px; color: #2aad5c; display: inline-block; }
.result_detail.type_solution .result_section02 .blur_text_area .blur_text_area .label_list .label + .label { margin-top: 12px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .result_detail.type_solution .result_section02 .blur_text_area .blur_view_wrap { background-color: #ffffff; }
}
/* IE6,7,8 */
@media \0screen\,screen\9 {
     .result_detail.type_solution .result_section02 .blur_text_area .blur_view_wrap { background-color: #ffffff; }
}
 
/* IE9,10 */
@media screen and (min-width:0\0){
     .result_detail.type_solution .result_section02 .blur_text_area .blur_view_wrap { background-color: #ffffff; }
} 
.result_detail.type_solution .result_section02 .blur_text_area .text_list li .scroll_area { overflow: hidden; -ms-overflow-style: none; }
.result_detail.type_solution .result_section02 .blur_text_area .text_list li .scroll_area .bar_wrap { display: none; }

.result_detail.type_solution .swiper-pagination { position: relative; width: 100%; margin-top: 16px; }
.result_detail.type_solution .swiper-pagination-bullet { margin-right: 8px; width: 12px; height: 12px; background-color: #c4c4c4; transition: all 0.3s; opacity: 1; }
.result_detail.type_solution .swiper-pagination-bullet:last-of-type { margin: 0; }
.result_detail.type_solution .swiper-pagination-bullet-active { width: 36px; height: 12px; background-color: #2aad5c; border-radius: 33px; }
.result_detail.type_solution .swiper-pagination-progressbar { background-color: transparent; }

.result_detail.type_solution .summary_section .section_wrap { width: 312px; padding: 0; }
.result_detail.type_solution .summary_section .summary_text_area { width: 100%; padding: 14px 16px; font-weight: normal; font-size: 16px; line-height: 22px; background-color: #e4f6eb; border-radius: 12px; }
.result_detail.type_solution .summary_section .summary_text_area p { width: auto; margin: 0 auto; }
.result_detail.type_solution .summary_section .summary_text_area em { color: #2aad5c; font-weight: bold; }
.result_detail.type_solution .summary_section .nutrients_area { width: 100%; margin: 0px auto 0; }
.result_detail.type_solution .summary_section .guide_text_area { padding: 9px 14px 9px 10px; background-color: rgba(34,34,34,0.7); border-radius: 12px; width: auto; display: inline-block; font-size: 14px; margin-bottom: 12px; position: relative; margin-left: 95px; }
.result_detail.type_solution .summary_section .guide_text_area span { color: #ffffff; font-weight: 700; line-height: 22px; }
.result_detail.type_solution .summary_section .guide_text_area::after { content: ""; width: 21px; height: 12px; display: inline-block; position: absolute; left: 14px; bottom: -12px; background-image: url(../image/icon_tail_grey02.svg); }

.result_detail.type_solution .summary_section .pack_area { width: 310px; height: 284px; background-image: url(../image/img_pack.png); background-repeat: no-repeat; background-position: center center; padding: 71px 28px 0; background-size: 100%; }
.result_detail.type_solution .summary_section .pack_area .title { font-weight: bold; font-size: 18px; line-height: 26px; }
.result_detail.type_solution .summary_section .pack_area .list_area { margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; height: 108px; }
.result_detail.type_solution .summary_section .pack_area .list_area li { display: inline-block; width: calc(50% - 10px); display: flex; justify-content: space-between; margin-bottom: 6px; position: relative; padding-left: 10px; }
.result_detail.type_solution .summary_section .pack_area .list_area li::before { content: "•"; display: inline-block; position: absolute; font-weight: normal; font-size: 13px; line-height: 16px; color: #222222; left: 0; top: 50%; transform: translateY(-50%); height: 21px;; }
.result_detail.type_solution .summary_section .pack_area .list_area li strong { font-weight: normal; font-size: 14px; line-height: 21px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result_detail.type_solution .summary_section .pack_area .list_area li .btn { font-weight: normal; font-size: 14px; line-height: 21px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; text-align: left; }
.result_detail.type_solution .summary_section .pack_area .list_area li span {  font-weight: normal; font-size: 15px; line-height: 21px; color: #888888; }
.result_detail.type_solution .price_area { margin-top: 48px;  padding: 0 24px;  }
.result_detail.type_solution .price_area .text_area { display: flex; justify-content: flex-end; align-items: center; margin-top: 8px; }
.result_detail.type_solution .price_area .text_area strong { font-weight: bold; font-size: 24px; line-height: 36px; letter-spacing: -0.015em; }
.result_detail.type_solution .price_area .text_area .price { margin-left: 4px; color: #2aad5c; }
.result_detail.type_solution .price_area .bubble_text_area { margin-top: 20px; background-color: #e4f6eb; border-radius: 12px; position: relative; padding: 8px 12px; display: inline-block; width: auto; }
.result_detail.type_solution .price_area .bubble_text_area::after { content: ""; width: 21px; height: 12px; display: inline-block; position: absolute; right: 20px; top: -12px; background-image: url(../image/icon_tail_grey.svg); }
.result_detail.type_solution .price_area .bubble_text_area span { font-weight: bold; font-size: 14px; line-height: 22px; color: #2aad5c; }

.result_detail.type_solution .summary_section .summary_text_wrap { margin-top: 16px; }
.result_detail.type_solution .summary_section .summary_text_wrap p { text-align: center; font-weight: 700; font-size: 16px; line-height: 22px; color: #2aad5c; }


/* 심평원 변경 */
.result_detail.type_solution .price_area .title_area { display: flex; justify-content: flex-start; align-items: center; }
.result_detail.type_solution .price_area .title_area .title { font-weight: 700; font-size: 20px; line-height: 28px; color: #363636; white-space: nowrap;  }
.result_detail.type_solution .price_area .title_area .tooltip_area { position: relative; width: 16px; height: 16px; margin-left: 5px; }
.result_detail.type_solution .price_area .title_area .tooltip_area i { display: inline-block; width: 16px; height: 16px; background-image: url(../image/icon_mark03.svg); background-repeat: no-repeat; background-position: center; cursor: pointer; }
.result_detail.type_solution .price_area .title_area .tooltip_area .tooltip_box { position: absolute; right: -108px; top: 28px; width: 312px; padding: 14px 18px;  background-color: #e4f6eb; border-radius: 12px; font-weight: 500; font-size: 14px; line-height: 22px; color: #2aad5c; z-index: 1; display: none; }
.result_detail.type_solution .price_area .title_area .tooltip_area .tooltip_box::after { content: ""; display: inline-block; width: 18px; height: 11px; background-image: url(../image/icon_tail_grey.svg); position: absolute; top: -11px; left: 187px; background-repeat: no-repeat; background-position: center; background-size: cover;  }


.result_detail.type_solution .motion_area01 { display: block; width: 184; height: 92px; position: relative; overflow: hidden; margin: 0 auto; }
.result_detail.type_solution .motion_area01 ul { width: 184px; height: 100%; justify-content: center; display: flex; flex-wrap: wrap; }
.result_detail.type_solution .motion_area01 li { display: inline-block; opacity: 0; transform: translateY(40px); transition: all 0.3s; width: 88px; height: 56px; cursor: pointer; overflow: hidden; margin-right: 8px; position: relative; }
.result_detail.type_solution .motion_area01 li:nth-of-type(2n) { margin-right: 0; }
.result_detail.type_solution .motion_area01 li:last-of-type { margin-right: 0; }
.result_detail.type_solution .motion_area01 li.on { opacity: 1; transform: translateY(0px); }
.result_detail.type_solution .motion_area01 li img { max-width: none; width: 305%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; }
.result_detail.type_solution .motion_area01 li em.click_effect { width: 17px; height: 17px; box-sizing: border-box; background-color: rgba(42,173,92,0.3); z-index: 1; display: inline-block; border-radius: 50%; position: absolute; left: 18px; top: 10px; -webkit-animation: fadeOut 0.5s 1s infinite linear alternate; animation: fadeOut 0.5s 1s infinite linear alternate; transition: all 0.7s; opacity: 1; }  

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.summary_section + .detail_result_wrap { margin-top: 48px; }
.detail_result_wrap { padding-bottom: 96px; }
.drop_down_area + .drop_down_area { margin-top: 16px; }
.drop_down_area .drop_inner_wrap { padding-bottom: 32px; }
.drop_down_area .drop_btn { width: calc(100% - 48px); margin: 0 auto; height: 52px; line-height: 52px; background-color: #e4f6eb; border-radius: 12px; display: block; text-align: left; padding: 0 15px; font-weight: 700; font-size: 18px; position: relative; box-sizing: border-box; }
.drop_down_area .drop_btn i { display: inline-block; width: 16px; height: 16px; background-image: url(../image/result/icon_arrow_drop.svg); background-repeat: no-repeat; background-position: center center; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: transform; }
.drop_down_area.active .drop_btn i {  transform: translateY(-50%) rotate(180deg) }
.drop_down_area .drop_wrap { overflow: hidden; height: 0; transition: height 0.5s; }
.drop_down_area .inner_title_sub_text { font-weight: 400; font-size: 13px; line-height: 20px; color: #888888; width: calc(100% - 48px); padding: 12px 0 20px; margin: 0 auto }
.result_detail.type_solution .btn_section.type_top { padding-top: 36px; height: auto; padding-bottom: 0px; height: 100px; margin-bottom: 24px; }
.result_detail.type_solution .btn_section.type_top.has_text { height: 130px; }
.result_detail.type_solution .btn_section .disalbed { background-color: #f3f3f3; color: rgba(34, 34, 34, 0.24); }
.result_detail.type_solution .btn_section.type_top + .detail_result_wrap { padding-top: 24px } 


.result_detail.type_solution .record_section { padding-top: 0px; }
.result_detail.type_solution .record_section .section_title { font-size: 24px;line-height: 36px; letter-spacing: -0.015em; }
.result_detail.type_solution .record_section .sub_text { margin-top: 2px; font-weight: normal; font-size: 13px; line-height: 22px; color: #888888; }
.result_detail.type_solution .record_section .record_list_area { margin-top: 0px; overflow: hidden; padding: 5px }
.result_detail.type_solution .record_section .record_list_area .box_wrap { display: block; height: auto; }
.result_detail.type_solution .record_section .record_list_area .box_wrap  .box { display: block; padding: 16px 0; }
.result_detail.type_solution .record_section .record_list_area .box_wrap .inner_area { width: 100%; }
/* 투약정보 수정 - 20220104 */
.result_detail.type_solution .record_section .record_list_area .box { width: 100%; border-top: 1px solid #d0d0d0; padding: 16px 0 20px; display: flex; justify-content: space-between; }
.result_detail.type_solution .record_section .record_list_area .box:last-of-type { border-bottom: 1px solid #d0d0d0; }
.result_detail.type_solution .record_section .record_list_area .box .left_area { width: 100%; }
.result_detail.type_solution .record_section .record_list_area .box .right_area { width: 100%; margin-top: 16px; }
.result_detail.type_solution .record_section .record_list_area .box .title { font-weight: 500; font-size: 14px; line-height: 27px; letter-spacing: -0.015em; color: #d0d0d0; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result_detail.type_solution .record_section .record_list_area .box .name { display: inline-block; font-weight: normal; font-size: 20px; line-height: 36px; letter-spacing: -0.015em;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: -4px; }
.result_detail.type_solution .record_section .record_list_area .box .detail_text { display: inline-block; font-weight: normal; font-size: 16px; line-height: 24px; color: #363636;  width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result_detail.type_solution .record_section .record_list_area .box .right_area .title { height: 24px; line-height: 24px; background-color: #f3f3f3; display: inline-block; border-radius: 32px; width: auto; padding: 0 8px; font-weight: bold; font-size: 13px; color: #222222; margin-top: -2px; margin-bottom: 0px; }
.result_detail.type_solution .record_section .record_list_area .box .drug_list { margin-top: 4px;  }
.result_detail.type_solution .record_section .record_list_area .box .drug_list li { font-weight: bold; font-size: 14px; line-height: 27px; letter-spacing: -0.015em; color: #2aad5c; display: inline-block; }
.result_detail.type_solution .record_section .record_list_area .box .drug_list li + li::before { content: "•"; display: inline-block; width: auto; margin-right: 2px; }
.result_detail.type_solution .record_section .record_list_area .swiper-pagination { margin-top: 24px; }

.result_detail.type_solution .motion_area01 li em.click_effect::before { content: ""; display: inline-block; width: 9px; height: 9px; background-color: #2aad5c; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; }

.result_detail.type_solution .result_section02 .text_list li .scroll_area::-webkit-scrollbar { display: none; }

.result_detail.type_solution .result_section07 { margin: 0; padding: 12px 0 0; }

/* 상담어필 */
header.m_static { position: relative; }
.result_detail .state_view_area { background-color: #34364d; width: 100%; max-width: 1024px; margin: 0 auto; margin-top: 80px; position: sticky; top: 0; z-index: 55; margin-top: 0; }
.result_detail .state_view_section { margin-top: 0px; }
.result_detail .state_view_section .section_wrap { width: 100%; max-width: 1024px; padding: 0; }
.result_detail .state_view_section .section_wrap .top_area { background-color: #34364d; text-align: center; }

.result_detail .state_view_area .state_view_list { display: flex; justify-content: center; align-items: center; padding: 12px 0; }
.result_detail .state_view_area .state_view_list li { font-weight: 500; font-size: 16px; line-height: 22px; color: #a7a7a7; display: inline-block; }
.result_detail .state_view_area .state_view_list li.active { color: #e4f6eb; }
.result_detail .state_view_area .state_view_list li em { margin-left: 8px; }
.result_detail .state_view_area .state_view_list li + li { padding-left: 8px; }
.result_detail .state_view_section .top_area .state_contents_view { padding: 20px 30px; width: 543px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 159px; position: relative; }
.result_detail .state_view_section .top_area .state_contents_view .text_area .main_text { text-align: left; font-weight: 700; font-size: 24px; line-height: 34px; color: #ffffff; position: absolute; left: 26px; top: 27px; }
.result_detail .state_view_section .top_area .state_contents_view .text_area .sub_text { margin: 0px; font-weight: 400; font-size: 15px; line-height: 22px; color: #e4f6eb; position: absolute; left: 26px; top: 117px; }
.result_detail .state_view_section .top_area .state_contents_view .img_area i { width: 88px; display: inline-block; height: 82px; background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; right: 28px; top: 20px; }
.result_detail .state_view_section .top_area .state_contents_view .img_area i.state01 { background-image: url(../image/icon_solution_state01.png); }
.result_detail .state_view_section .top_area .state_contents_view .img_area i.state02 { background-image: url(../image/icon_solution_state02.png); }
.result_detail .state_view_section .top_area .state_contents_view .img_area i.state03 { background-image: url(../image/icon_solution_state03.png); }

.result_top_section .update_view_area { text-align: center; }
.result_top_section .update_view_area .update_label { margin-bottom: 4px; display: inline-block; background-color: #fc9095; padding: 0 6px 0 8px; height: 21px; line-height: 21px; font-weight: 700; font-size: 13px; color: #ffffff; border-radius: 16px; }
.result_detail .scroll_action_bg_wrap { display: block; background-color: #34364D; position: sticky; top: 46px; z-index: 55; }
.result_detail .scroll_action_bg_wrap .scroll_action_area {  display: inline-block; width: 100%; height: 32px;  background-color: #ffffff; border-radius: 24px 24px 0 0; }
.result_section .bot_btn_area { bottom: 32px; position: absolute; width: calc(100% - 48px); }

/* Reservation */
.reservation_section .section_wrap { width: 100%; height: auto; padding: 20px 24px 0px; max-width: inherit; }
.reservation_section .contents_wrap { width: 100%; padding: 0; min-height: auto; }
.reservation_section .contents_wrap.type_impossible { max-width: 100%; }
.reservation_section .content_area .tie_list li { width: 88px; }
.reservation_section .content_area.hi_set { padding-bottom: 64px; }
.reservation_section .section_title { font-weight: 700; font-size: 22px; line-height: 30px; color: #222222; }
.reservation_section .sub_text { margin-top: 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }
.reservation_section .content_area { margin-top: 24px; }
.reservation_section .content_area .contents_title { display: flex; justify-content: flex-start; align-items: center; }

.reservation_section .content_area .contents_title strong { font-weight: bold; font-size: 26px; display: table; line-height: 34px; letter-spacing: -0.1px; }
.reservation_section .content_area .contents_title span { display: inline-block; font-weight: bold; font-size: 16px; line-height: 22px; color: #888888; margin-top: 2px; }
.reservation_section .content_area .contents_title em { display: table; }
.reservation_section .content_area input[type="radio"] { display: none; }

.reservation_section .content_area .contents_title .title { font-weight: 600; font-size: 18px; line-height: 24px; color: #363636; }
.reservation_section .content_area .contents_title .label { margin-left: 4px; background-color: rgba(42,173,92,0.1); border-radius: 30px; padding: 0 8px; height: 20px; line-height: 20px; font-weight: 700; font-size: 13px; color: #2aad5c; }

.reservation_section .quick_chk_area { margin-top: 12px; margin-bottom: 32px; }
.reservation_section .quick_chk_area input[type="checkbox"] { display: none; }
.reservation_section .quick_chk_area .quick_btn { width: 100%; height: 78px; line-height: 78px; display: inline-block; background-color: #ffffff; border: 1px solid rgba(42,173,92,0.3); box-sizing: border-box; border-radius: 12px; text-align: center; font-weight: bold; font-size: 20px; color: #2aad5c; }
.reservation_section .quick_chk_area .quick_btn span { padding-left: 36px; background-image: url(../image/icon_quick_chk02.svg); background-repeat: no-repeat; background-position: left center; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; margin-right: 5px; }
.reservation_section .quick_chk_area input[type="checkbox"]:checked + label { background-color: #2aad5c; border: 1px solid #2aad5c; color: #ffffff; }
.reservation_section .quick_chk_area input[type="checkbox"]:checked + label span { background-image: url(../image/icon_quick_chk_on.svg); }

.reservation_section .content_area .date_list { display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; margin-top: 12px; margin-bottom: 24px; }
.reservation_section .content_area .date_list li { display: inline-block; margin-bottom: 0px; width: 44px; margin-right: 12px; box-sizing: border-box;  }
.reservation_section .content_area .date_list li:last-of-type { margin: 0; }
.reservation_section .content_area .date_list label { display: inline-block; width: 44px; text-align: center; background-color: #ffffff; border-radius: 12px; font-weight: normal; font-size: 14px; letter-spacing: 0.25px; color: #888888; padding: 8px 10px; text-align: center; }
.reservation_section .content_area .date_list label span,
.reservation_section .content_area .date_list label strong { display: block; text-align: center; }
.reservation_section .content_area .date_list label span { margin-bottom: 6px; font-weight: bold; font-size: 14px; line-height: 22px; color: #888888; }
.reservation_section .content_area .date_list label strong { font-weight: bold; font-size: 20px; line-height: 29px; color: #222222; }

.reservation_section .content_area .time_list { display: flex; flex-wrap: wrap; align-content: flex-start; width: 100%; margin-top: 16px; margin-bottom: 0px; }
.reservation_section .content_area .time_list li { display: inline-block; margin-bottom: 12px; padding-right: 8px; box-sizing: border-box; }
.reservation_section .content_area .time_list label { display: inline-block; width: 56px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #888888; background-color: #ffffff; border-radius: 8px; font-weight: normal; font-size: 13px; letter-spacing: 0.25px; color: #888888; }
.reservation_section .section_wrap .bot_btn_area.pb_set { padding-bottom: 65px; }

.reservation_section .content_area .date_list input[type="radio"]:checked + label { background-color: #2aad5c; }
.reservation_section .content_area .time_list input[type="radio"]:checked + label { background-color: #2aad5c; border: 1px solid #2aad5c; color: #ffffff; }
.reservation_section .content_area .date_list input[type="radio"]:checked + label span,
.reservation_section .content_area .date_list input[type="radio"]:checked + label strong { color: #ffffff; }
.reservation_section .content_area .date_list input[type="radio"]:disabled + label { background-color: transparent; }
.reservation_section .content_area .date_list input[type="radio"]:disabled + label span { color: #d0d0d0; }
.reservation_section .content_area .date_list input[type="radio"]:disabled + label strong { color: #d0d0d0; text-decoration: line-through; }
.reservation_section .content_area .time_list input[type="radio"]:disabled + label { background-color: #d0d0d0; color: #ffffff; border: 1px solid #d0d0d0; }
.reservation_section .content_area .input_list { margin-top: 36px; }
.reservation_section .content_area .input_list li:first-of-type { margin-bottom: 16px; }
.reservation_section .content_area .input_list li { width: 100%; position: relative; }
.reservation_section .content_area .input_list input[type="text"],
.reservation_section .content_area .input_list input[type="tel"] { width: 100%; height: 56px; line-height: 56px; background-color: #e4f6eb; border: 2px solid #e4f6eb; padding: 0px 128px 0 24px; border-radius: 12px; font-weight: normal; letter-spacing: 0.75px; font-size: 15px; color: #222222; box-sizing: border-box; }
.reservation_section .content_area .input_list li:first-of-type input[type="text"] { padding: 0px 134px 0 24px; }
.reservation_section .content_area .input_list input[type="text"]:focus,
.reservation_section .content_area .input_list input[type="tel"]:focus { background-color: #ffffff; border: 2px solid #2aad5c;  }
.reservation_section .content_area .input_list input[type="text"]::placeholder,
.reservation_section .content_area .input_list input[type="tel"]::placeholder { color: #123929; font-weight: normal; opacity:1;}

.reservation_section .content_area .input_list li button,
.reservation_section .content_area .input_list li a, 
.reservation_section .content_area .input_list li input[type="button"],
.reservation_section .content_area .input_list li input[type="submit"] { position: absolute; width: 112px; height: 40px; right: 11px; background-color: #2aad5c; border-radius: 6px; top: 50%; transform: translateY(-50%); font-weight: normal; font-size: 14px; line-height: 24px; color: #ffffff; }
.reservation_section .content_area .input_list li button:disabled,
.reservation_section .content_area .input_list li a:disabled,
.reservation_section .content_area .input_list li input[type="button"]:disabled,
.reservation_section .content_area .input_list li input[type="submit"]:disabled { background-color: #d0d0d0; }
.reservation_section .content_area .input_list .input_time { display: inline-block; position: absolute; font-size: 14px; right: 136px; top: 50%; transform: translateY(-50%); font-weight: normal; color: #123929; }
.reservation_section .content_area .input_sub_text{ font-weight: normal; display: inline-block; font-size: 14px; line-height: 22px; color: #888888; margin-top: 8px; position: absolute; }

.reservation_section .content_area .input_list li:last-of-type input[type="text"] { padding-right: 180px; }

.reservation_section .section_wrap.complete_area { padding-top: 136px;  text-align: left; height: auto; padding-bottom: 43px; }
.reservation_section .section_wrap.complete_area .section_title { font-weight: bold; font-size: 24px; line-height: 32px; display: block; margin-left: 0px; }
.reservation_section .section_wrap.complete_area .section_title em { display: table; }
.reservation_section .section_wrap.complete_area .section_sub_text { font-weight: normal; font-size: 16px; line-height: 22px; color: #888888; margin-top: 2px; margin-left: 0px; margin-top: 8px; display: block; }
.reservation_section .section_wrap.complete_area .date_info_area { width: 100%; margin: 0 auto; text-align: left; }
.reservation_section .section_wrap.complete_area .date_info_area ul { margin-top: 56px; width: 312px; height: 84px; padding: 15px 0 0 24px; background-color: #e4f6eb; border-radius: 12px; box-sizing: border-box; text-align: left; }
.reservation_section .section_wrap.complete_area .date_info_area ul span { font-weight: 500; font-size: 16px; line-height: 28px; color: #888888; display: inline-block; margin-right: 15px; }
.reservation_section .section_wrap.complete_area .date_info_area ul strong { font-weight: 500; font-size: 16px; line-height: 28PX; display: inline-block; }
.reservation_section .section_wrap.complete_area .date_info_area ul.list_type { width: 100%; padding: 24px 16px; margin-top: 24px; height: auto; margin-bottom: 88px; }
.reservation_section .section_wrap.complete_area .date_info_area ul.list_type li { list-style: disc; margin-left: 20px; font-weight: 400; font-size: 14px; line-height: 24px; }
.reservation_section .section_wrap.complete_area .date_info_area .contents_sub_text { display: block; width: 100%; text-align: left; margin: 20px auto 0; font-weight: normal; font-size: 16px; line-height: 22px; margin-bottom: 88px; }
.reservation_section .section_wrap.complete_area .date_info_area .contents_sub_text strong { font-weight: bold; } 
.reservation_section .section_wrap.complete_area .date_info_area.type_kakao .contents_sub_text { margin-bottom: 8px; text-align: center; position: static; }
.reservation_section .section_wrap.complete_area .date_info_area button,
.reservation_section .section_wrap.complete_area .date_info_area a, 
.reservation_section .section_wrap.complete_area .date_info_area input[type="button"],
.reservation_section .section_wrap.complete_area .date_info_area input[type="submit"] { width: 100%; height: 64px; line-height: 64px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; letter-spacing: 0.75px; color: #fcfcfc; }
.reservation_section .section_wrap.complete_area .date_info_area.type_kakao { margin-top: 24px; }
.reservation_section .section_wrap.complete_area .date_info_area.type_kakao .text_box_area { padding: 18px; line-height: 28px; background-color: #e4f6eb; border-radius: 16px; text-align: center; font-weight: 500; font-size: 16px; color: #2aad5c; margin-bottom: 132px; }
.reservation_section .section_wrap.complete_area .table_info_area { margin-top: 0; text-align: center; height: 0; overflow: hidden; transition: all 1.5s; }
.reservation_section .section_wrap.complete_area .table_info_area.on { margin-top: 96px; height: 560px; }
.reservation_section .section_wrap.complete_area .table_info_area .contents_title { display: inline-block; width: 100%; font-weight: bold; font-size: 18px; line-height: 26px; letter-spacing: -0.2px; text-align: left; }
.reservation_section .section_wrap.complete_area .table_info_area .info_table { margin-top: 20px; margin-bottom: 56px; }
.reservation_section .section_wrap.complete_area .table_info_area button,
.reservation_section .section_wrap.complete_area .table_info_area a, 
.reservation_section .section_wrap.complete_area .table_info_area input[type="button"],
.reservation_section .section_wrap.complete_area .table_info_area input[type="submit"] { width: 100%; height: 64px; line-height: 64px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; letter-spacing: 0.75px; color: #fcfcfc; }
.reservation_section .section_wrap.complete_area .date_info_area.type_kakao .kakao_btn_area .kakao_btn { background-color: #fee500; color: #222222; }
.reservation_section .section_wrap.complete_area .date_info_area.type_kakao .kakao_btn_area .sub_btn { margin-top: 24px; background-color: transparent; font-weight: bold; font-size: 15px; line-height: 22px; height: 22px; text-decoration: underline; color: #222222; }
.reservation_section .drop_text_area { text-align: right; }
.reservation_section .drop_text_area dl { display: inline-block; background-color: #e4f6eb; border-radius: 12px; width: 100%; height: 56px; overflow: hidden; width: 100%; margin-bottom: 24px; text-align: left; cursor: pointer; transition: all 0.5s; }
.reservation_section .drop_text_area dt { width: 100%; height: 56px; line-height: 56px; padding: 0 20px 0 54px; background-image: url(../image/info_icon02.svg); background-repeat: no-repeat; background-position: 20px center; background-size: 24px; font-weight: bold; font-size: 16px; color: #2aad5c; position: relative; }
.reservation_section .drop_text_area dt::after { content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; background-image: url(../image/drop_arrow.svg); background-repeat: no-repeat; background-position: center center; top: 16px; right: 20px; }
.reservation_section .drop_text_area dl.on dt::after { transform: rotate(180deg); }
.reservation_section .drop_text_area dl dd { font-weight: normal; font-size: 14px; line-height: 22px; color: #363636; padding: 0 20px 16px; }
.reservation_section .drop_text_area dl dd span { color: #2aad5c; }
.reservation_section .drop_text_area dl dd i { display: inline-block; width: 14px; height: 14px; background-image: url(../image/icon_smile.svg); background-repeat: no-repeat; background-position: center center; }

.reservation_section .reservation_complete_area { margin-top: 36px; margin-bottom: 36px; }
.reservation_section .reservation_complete_area dt,
.reservation_section .reservation_complete_area dd { padding-left: 32px; }
.reservation_section .reservation_complete_area dt { background-repeat: no-repeat; background-position: left top; } 
.reservation_section .reservation_complete_area dt.icon_clock { background-image: url(../image/icon_clock.svg); }
.reservation_section .reservation_complete_area dt.icon_wait{ background-image: url(../image/icon_wait.svg); }
.reservation_section .reservation_complete_area dt.icon_wait em { color: #2aad5c; }
.reservation_section .reservation_complete_area dt { font-weight: bold; font-size: 18px; line-height: 24px; }
.reservation_section .reservation_complete_area dd { margin-top: 12px; font-weight: normal; font-size: 14px; line-height: 20px; }
.reservation_section .reservation_complete_area dd strong { font-weight: bold; }
.reservation_section .reservation_complete_area dd + dt { margin-top: 32px; }
.reservation_section .reservation_complete_area dd textarea { width: 100%; max-width: 328px; box-sizing: border-box; padding: 16px 20px; font-weight: normal; font-size: 14px; line-height: 20px; background-color: #ffffff; border-radius: 16px; border: 0; min-height: 162px; border: 1px solid #d0d0d0; }
.reservation_section .reservation_complete_area dd textarea::placeholder { color: #888888; }

.reservation_section .bot_btn_area.static_type { margin-top: 0; padding-bottom: 32px; }
.reservation_section .bot_btn_area.static_type .btn { width: 100%; max-width: 100%; height: 64px; line-height: 64px; background-color: #2aad5c; text-align: center; color: #ffffff; border-radius: 12px; }

.reservation_section .guide_title { font-weight: 700; font-size: 24px; line-height: 30px; margin-top: 64px; display: block; }
.reservation_section .guide_text { font-weight: 400; font-size: 16px; line-height: 26px; margin-top: 12px; }

.reservation_section .guide_text + .bot_btn_area { margin-top: 40px; }
.reservation_section .bot_btn_area .type_kakao { max-width: 100%; width: 100%; height: 64px; line-height: 64px; background-color: #fee500; border-radius: 12px; font-weight: 700; font-size: 15px; background-image: url(../image/btn_icon_kakao.svg); background-repeat: no-repeat; background-position: calc(50% - 75px) center; padding-left: 32px; box-sizing: border-box; color: #222222; }
.reservation_section .bot_btn_area .sub_btn { margin-top: 24px; background-color: transparent; color: #222222; height: auto; font-weight: 700; font-size: 15px; line-height: 22px; letter-spacing: -0.02em; text-decoration: underline; }


/* 시간 선택 UI 변경 - 20220623 */
.reservation_section .time_select_area.type_select .slot_table_area { margin-top: 16px; position: relative; }
.reservation_section .time_select_area .slot_table_area .target_select { z-index: 2; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; display: block; }
.reservation_section .time_select_area .slot_table_area .fake_select { position: relative; width: 100%; }
.reservation_section .time_select_area .slot_table_area .fake_select .select_area { width: 100%; height: 56px; background-color: #ffffff; border: 1px solid rgba(42,173,92,0.3); border-radius: 12px; text-align: center; line-height: 56px; font-weight: 700; font-size: 18px; color: #2aad5c; position: relative; cursor: pointer; z-index: 3; }
.reservation_section .time_select_area .slot_table_area .fake_select .select_area i { display: inline-block; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px;  background-image: url(../image/icon_arrow_select.svg); background-repeat: no-repeat; background-position: center center; }
.reservation_section .time_select_area .slot_table_area .fake_select .select_area.on i { transform:  translateY(-50%) rotate(180deg); }
.reservation_section .time_select_area .slot_table_area .fake_select .option_area { position: fixed; top: inherit; bottom: 0; z-index: 10; left: 0; width: 100%; padding-top: 0px; height: 0; overflow: hidden; transition: height 0.5s; background-color: #ffffff; border: 1px solid rgba(138, 82, 220, 0.3); border-radius: 24px 24px 0 0; z-index: 10; opacity: 0; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_area.on { height: 240px; padding: 32px 0 0; opacity: 1; padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); width: 100%; max-width: 480px; left: 50%; transform: translateX(-50%); }
.reservation_section .time_select_area .slot_table_area .fake_select .option_list { height: 100%; overflow: auto; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_list::-webkit-scrollbar { width: 6px; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_list::-webkit-scrollbar-thumb { background-color: #dfdfdf; border-radius: 10px; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_list::-webkit-scrollbar-track { background-color: #ffffff; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_area li { height: 56px; line-height: 56px; text-align: center; font-weight: 700; font-size: 18px; background-color: #ffffff; cursor: pointer; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_area li.select { background-color: #2aad5c; color: #ffffff; }
.reservation_section .time_select_area .slot_table_area .fake_select .option_area li.disabled { background-color: #ffffff; color: rgba(191, 191, 191, 0.5); cursor: default; }


.reservation_section .bot_btn_area.m_fix_area { z-index: 5; }

.select_fake_dim { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: none; }
.select_fake_dim.on { display: block; background-color: rgba(0,0,0,0.4); z-index: 3; }


.reservation_section .time_wrap { position: relative; height: 0; overflow: hidden; transition: height 0.5s; }
.reservation_section .time_wrap .time_list_dim { display: none; }
.reservation_section .time_wrap .time_list_dim.on { display: none; }

.reservation_choice_section .section_wrap { padding: 72px 24px 24px; }

.reservation_section .time_select_area .time_list_area { margin-top: 24px; }
.reservation_section .time_select_area .time_list_area ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: calc(100% + 8px); max-width: 520px; }
.reservation_section .time_select_area .time_list_area ul li { width: calc(25% - 8px); margin-right: 8px; }
.reservation_section .time_select_area .time_list_area ul li input[type="radio"] + label { display: inline-block; width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; background-color: #ffffff; border: 1px solid rgba(42,173,92, 0.3); border-radius: 6px; font-weight: 700; font-size: 16px; color: #2aad5c; margin: 0 0 8px; }
.reservation_section .time_select_area .time_list_area ul li input[type="radio"]:checked + label { background-color: #2aad5c; color: #ffffff; }
.reservation_section .time_select_area .time_list_area ul li input[type="radio"]:disabled + label { background-color: #f3f3f3; border: 1px solid #f3f3f3; color: #888888; }

.reservation_section .reservation_ad_area { width: calc(100% + 48px); margin-left: -24px; height: 96px; }
.reservation_section .reservation_ad_area .link { display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.reservation_section .reservation_ad_area img { image-rendering:-webkit-optimize-contrast; max-width: none; max-width: 472px; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* 설문 - 상담 내용 */
.reservation_section .contents_wrap .qa_list_area { margin-top: 24px; }
.reservation_section .contents_wrap .qa_list_area input[type="checkbox"] { display: none; }
.reservation_section .contents_wrap .qa_list_area input[type="checkbox"] + label { display: inline-block; width: auto; padding: 0 16px; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 8px; box-sizing: border-box; height: 38px; line-height: 36px; font-weight: 400; font-size: 15px; color: #888888; }
.reservation_section .contents_wrap .qa_list_area input[type="checkbox"]:checked + label { background-color: rgba(42,173,92,0.1); border: 1px solid #2aad5c; color: #2aad5c; font-weight: 700; letter-spacing: 0.085; }

.reservation_section .contents_wrap .qa_list_area .list_wrap { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.reservation_section .contents_wrap .qa_list_area li { margin-right: 12px; margin-bottom: 12px; }

.reservation_section .bot_btn_area.pc_fix_area { max-width: 480px; left: 50%; transform: translateX(-50%); padding: 44px 24px 24px; filter: none; }
.reservation_section .bot_btn_area.pc_fix_area.pc_qa_type { position: fixed; padding: 44px 24px 24px; top: inherit; }
.reservation_section .bot_btn_area.type02 button:first-child, 
.reservation_section .bot_btn_area.type02 a:first-child, 
.reservation_section .bot_btn_area.type02 input[type="button"]:first-child, 
.reservation_section .bot_btn_area.type02 input[type="submit"]:first-child { width: calc(38% - 4px); }
.reservation_section .bot_btn_area.type02 button:last-child, 
.reservation_section .bot_btn_area.type02 a:last-child, 
.reservation_section .bot_btn_area.type02 input[type="button"]:last-child, 
.reservation_section .bot_btn_area.type02 input[type="submit"]:last-child { width: calc(62% - 4px); }

.reservation_section .time_select_area.type_select .fake_select { width: 100%; }

/* 상담어필 */
.reservation_section .state_view_list { display: flex; justify-content: center; align-items: center; padding-bottom: 56px; }
.reservation_section .state_view_list li { font-weight: 500; font-size: 16px; line-height: 22px; color: #a7a7a7; display: inline-block; }
.reservation_section .state_view_list li.active { color: #2aad5c; font-weight: 700; }
.reservation_section .state_view_list li + li { padding-left: 8px; }
.reservation_section .state_view_list em { display: inline-block; margin-left: 8px; }

/* Payment */
section.payment_section .section_wrap { height: auto; padding-left: 0; padding-right: 0; }
section.payment_section .contents_wrap { padding-top: 0; min-height: auto; height: auto; }
section.payment_section .bot_btn_area button[type="button"],
section.payment_section .bot_btn_area a,
section.payment_section .bot_btn_area input[type="button"],
section.payment_section .bot_btn_area input[type="submit"] { font-size: 18px; letter-spacing: 0.75px; }
section.payment_section .contents_title { font-weight: normal; font-size: 40px; color: #222222; display: inline-block; width: 100%; text-align: left; margin-top: 32px; }

section.payment_section .shopping_list_title { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
section.payment_section .shopping_list_title strong { font-weight: 700; font-size: 18px; line-height: 26px; }
section.payment_section .shopping_list_title i { display: inline-block; width: 16px; height: 16px; background-image: url(../image/common/icon_arrow_blcok16.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
section.payment_section .shopping_list_title.hidden i { transform: rotate(180deg); }
section.payment_section .shopping_list_wrap { display: block; padding: 0 24px 12px; }

section.payment_section .shopping_list { padding: 16px 0 24px; }
section.payment_section .shopping_list .shopping_title { font-size: 20px; line-height: 30px; font-weight: bold; color: #222222; display: flex; justify-content: space-between; }
section.payment_section .shopping_list .shopping_title { padding: 0 0 6px 0; border-top: 0; }

section.payment_section .shopping_list li { border-bottom: 1px solid #f5f5f5; padding-bottom: 16px; margin-bottom: 16px; }
section.payment_section .shopping_list li:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

section.payment_section .list_main_area { display: flex; flex-wrap: wrap; }
section.payment_section .list_main_area .date_box { width: 100%; text-align: right; margin-bottom: 24px; }
section.payment_section .list_main_area .date_box span { font-size: 14px; font-weight: 400; color: #222; line-height: 20px; }
section.payment_section .list_main_area .img_box { position: relative; width: 96px; height: 96px; border: 1px solid #e4f6eb; border-radius: 8px; overflow: hidden; margin-right: 8px; min-width: 96px }
section.payment_section .list_main_area .img_box img { width: 250%; min-height: 76px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
section.payment_section .list_main_area .text_box { padding-top: 8px; display: flex; flex-direction: column; width: calc(100% - 104px); }
section.payment_section .list_main_area .text_box .top_text { font-weight: 500; font-size: 13px; line-height: 18px; color: rgba(34,34,34,0.72); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; }
section.payment_section .list_main_area .text_box .main_text { font-weight: 700; font-size: 15px; line-height: 22px; color: #363636; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
section.payment_section .list_main_area .text_box .sub_text { font-weight: 400; font-size: 13px; line-height: 18px; color: rgba(34,34,34,0.72); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; }
section.payment_section .bot_text_area { margin-top: 12px; display: flex; justify-content: flex-end; align-items: center; }
section.payment_section .bot_text_area .count_text { font-weight: 400; font-size: 16px; line-height: 22px; white-space: nowrap; color: rgba(34,34,34,0.72); }
section.payment_section .bot_text_area .list_price { font-weight: 700; font-size: 18px; line-height: 26px; text-align: right; width: 100%; white-space: nowrap; display: inline-block; }

/* 파우치 사은품 */
section .gifts_view_area  { margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }
section .gifts_view_area .gifts_list_area { margin-top: 8px; }
section .gifts_view_area .gift_title { font-weight: 700; font-size: 18px; line-height: 26px; color: #222222;  display: flex; justify-content: space-between;}
section .gifts_view_area .img_box img { margin:10px; width: initial; max-width: initial; top: initial; left: initial; position: relative; transform: initial; }

section .calc_price_area .bd_top_01 { border-top: 1px solid #efefef; }
section .calc_price_area .bd_bottom_01 { border-bottom: 1px solid #efefef; }
section .calc_price_area .calc_title { margin-bottom:24px; font-weight: bold; font-size: 18px; line-height: 32px; color: #222222; display: flex; justify-content: space-between; }
section .calc_price_area .calc_title span { color: #fb5058; }

section .calc_price_area .calc_price_list{ margin-top: 16px; }
section .calc_price_area .calc_price_list li { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 8px; }
section .calc_price_area .calc_price_list li span { font-size: 16px; font-weight: 500; color: #222222; line-height: 22px; }
section .calc_price_area .calc_price_list li span em{ display: block; font-size: 13px; font-weight: 400; color: #888; line-height: 20px; }
section .calc_price_area .calc_price_list li strong { font-size: 16px; font-weight: 500; color: #222; line-height: 22px; }
section .calc_price_area .calc_price_list li strong em.orginal { margin-right:8px; font-weight: 400; font-size: 14px; line-height: 22px; color: #FF0000; text-align: right; text-decoration: line-through; }
section .calc_price_area .calc_price_list li strong.font_purple { color: #2aad5c; }
section .calc_price_area .calc_price_list li strong.font_red { color: #2aad5c; }
section .calc_price_area .calc_price_list li .total_sale { color: #2aad5c; }
section .calc_price_area .calc_price_list .total_price { padding-top: 13px; }
section .calc_price_area .calc_price_list .total_price span { font-weight: bold; font-size: 24px; line-height: 32px; color: #222222; }
section .calc_price_area .calc_price_list .total_price strong.total_sale { font-size: 24px; line-height: 32px; color: #363636; }
section .calc_price_area .detail_price_box { border-top: 1px solid #EFEFEF; margin-top: 8px; }
.discount_detail_box { width: 100%; padding: 8px 16px 0; }
.discount_detail_box dl { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.discount_detail_box dl + dl { margin-top: 4px; }
.discount_detail_box dl dt,
.discount_detail_box dl dd { font-size: 14px; font-weight: 400; color: #888; line-height: 24px; }

section.mypage_section .calc_price_list .discount_list{ margin-top: 0; }
section .calc_price_area ul.discount_list { width:100%; padding: 0 16px; }
section .calc_price_area ul.discount_list li { margin-bottom:0; display: flex; justify-content: space-between;  margin-top: 4px; padding-left: 12px; position: relative; }
section .calc_price_area ul.discount_list li::before { content: "ㄴ"; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
section .calc_price_area ul.discount_list li:first-of-type {  margin-top: 8px; }
section .calc_price_area ul.discount_list li span { font-weight: 400; font-size: 14px; line-height: 24px; color: #888888; }
 
section .calc_price_area li.point_area { flex-wrap: wrap; padding: 8px 0px; margin-bottom:8px; }
section .calc_price_area li.point_area + li.point_area { border-top: none; padding-top: 0; margin-top: -8px; }
section .calc_price_area li.point_area .point_chk_box input { display: none; }
section .calc_price_area li.point_area .point_chk_box label { position: relative; display: block; font-size: 16px; font-weight: 500; color: #222; line-height: 22px; padding-left: 32px; }
section .calc_price_area li.point_area .point_chk_box label::before{ position: absolute; left: 0; top: -2px; width: 24px; height: 24px; background: url(../image/icon/agree_chk.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
section .calc_price_area li.point_area .point_chk_box label em { display: block; font-size: 13px; font-weight: 400; color: #888; line-height: 20px; }
section .calc_price_area li.point_area .point_chk_box label b { display: block; font-size: 13px; font-weight: 400; color: #F60909; line-height: 20px; }
section .calc_price_area li.point_area .point_chk_box input[type="checkbox"]:checked + label::before{ background: url(../image/icon/agree_chk_on.svg) no-repeat center center; background-size: contain; }

section .calc_price_area li.point_area .chk_box input[type="checkbox"] + label { padding-left: 28px; display: flex; font-weight: 400; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; justify-content: flex-start; align-items: center; }
section .calc_price_area li.point_area .chk_box input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }
section .calc_price_area li .pillgram_point .input_box { margin-top: 8px; margin-bottom: 12px; }
section .calc_price_area li.point_area .chk_box .chk_area input[type="checkbox"] + label { display: flex; flex-direction: column; align-items: flex-start; background-position: left top; font-weight: 500; font-size: 16px; line-height: 22px; }
section .calc_price_area li.point_area .chk_box .chk_area input[type="checkbox"] + label em { font-weight: 400; font-size: 13px; line-height: 20px; color: #888; }

section .calc_price_area li .pillgram_point{ width: 100%; padding-top: 8px; }
section .calc_price_area li .pillgram_point .input_box02{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
section .calc_price_area li .pillgram_point .input_box02 input[type="text"]{ width: calc(100% - 88px); height: 40px; font-size: 15px; font-weight: 400; color: #222; border: 1px solid #D0D0D0; border-radius: 8px; padding: 0 24px; transition: all 0.1s ease-in-out; }
section .calc_price_area li .pillgram_point .input_box02 input[type="text"]::placeholder{ color: #123929; }
section .calc_price_area li .pillgram_point .input_box02 input[type="text"]:focus,
section .calc_price_area li .pillgram_point .input_box02 input[type="text"]:focus-visible{ border: 1px solid #2aad5c; }
section .calc_price_area li .pillgram_point .input_box02 button{ width: 84px; height: 40px; font-size: 15px; font-weight: 500; color: #fff; line-height: 40px; text-align: center; border-radius: 8px; background: #2aad5c; }
section .calc_price_area li .pillgram_point .point_chk_area input { display: none; }
section .calc_price_area li .pillgram_point .point_chk_area input[type="checkbox"] + label { padding-left: 28px; display: flex; font-weight: 400; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; justify-content: flex-start; align-items: center; }
section .calc_price_area li .pillgram_point .point_chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }
section .calc_price_area li .pillgram_point .input_box { margin-top: 8px; margin-bottom: 12px; }
section .calc_price_area li .pillgram_point .point_chk_area .chk_area input[type="checkbox"] + label { display: flex; flex-direction: column; align-items: flex-start; background-position: left top; font-weight: 500; font-size: 16px; line-height: 22px; }
section .calc_price_area li .pillgram_point .point_chk_area .chk_area input[type="checkbox"] + label em { font-weight: 400; font-size: 13px; line-height: 20px; color: #888; }

.point_area .point_info{ width: 100%; font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.7); line-height: 20px; text-align: center; padding: 6px; background: #F0F0F0; border-radius: 8px; margin-bottom: 12px; }
.point_area .radio_list{ width: 100%; padding-left: 32px; margin-bottom: 12px; }
.radio_list .radio_list_item input[type="radio"]{ display: none; }
.radio_list .radio_list_item label{ position: relative; display: flex; align-items: flex-start; justify-content: space-between; }
.radio_list .radio_list_item label::before{ position: absolute; left: -30px; top: 0;  width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: block; z-index: 2; }
.radio_list .radio_list_item .radio_tit{ font-size: 16px; font-weight: 500; color: #222; line-height: 22px; }
.radio_list .radio_list_item .radio_tit em{ display: block; font-size: 13px; font-weight: 400; color: #888; line-height: 20px; }
.radio_list .radio_list_item .radio_tit b{ display: none; font-size: 13px; font-weight: 400; color: #2aad5c; line-height: 20px; }
.radio_list .radio_list_item .radio_price{ font-size: 16px; font-weight: 400; color: #222; line-height: 22px; opacity: 0; }
.radio_list .pillgram_point{ display: none; }
/* ? active */
.radio_list .radio_list_item input[type="radio"]:checked + label::before{ border: 5px solid #2aad5c; }
.radio_list .radio_list_item input[type="radio"]:checked + label .radio_price{ opacity: 1; }

section.payment_section .calc_price_area .price_info_text { display: table; background-color: rgba(34, 34, 34, 0.7);; border-radius: 12px; padding: 12px 20px; font-weight: bold; font-size: 14px; color: #ffffff; margin-top: 10px; position: relative; margin-left: auto; }
section.payment_section .calc_price_area .price_info_text em { color: #2aad5c; }
section.payment_section .calc_price_area .price_info_text.type02 { color: #363636; }
section.payment_section .calc_price_area .price_info_text.type02 strong { color: #2aad5c; }
section.payment_section .calc_price_area .price_info_text.type02 a { display: inline-block; width: 100px; background-color: #2aad5c; border-radius: 6px; font-weight: normal; font-size: 11px; line-height: 23px; text-align: center; color: #ffffff; }
section.payment_section .calc_price_area .price_info_text::after { content: ""; display: inline-block; width: 0px; height: 0px; position: absolute; top: -20px; right: 20px; border-right: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid rgba(34, 34, 34, 0.7); }

section.payment_section .calc_price_area .total_price { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; margin-top: 24px; font-size: 20px; line-height: 30px; font-weight: 500; padding-bottom: 0; }
section.payment_section .calc_price_area .total_price .title { font-size: 16px; font-weight: 500; line-height: 24px; }
section.payment_section .calc_price_area .total_price .total_sale { font-size: 26px; line-height: 34px; }
section.payment_section .calc_price_area .total_price + .guide_text { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 18px; color: #888888; text-align: right; height: 0px; transition: all 0.5s; overflow: hidden; }
section.payment_section .calc_price_area .total_price + .guide_text.on { height: 18px; }
section.payment_section .calc_price_area .right_detail { text-align: right; }
section.payment_section .calc_price_area .right_detail .value { display: flex; align-items: center; }
section.payment_section .calc_price_area .right_detail .origin_price { font-size: 14px; font-weight: 400; color: #888; line-height: 18px; display: inline-block; text-decoration: line-through; margin-right: 4px; }
section.payment_section .calc_price_area .right_detail .price { font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block; }
section.payment_section .calc_price_area .right_detail .discount_badge { display: inline-block; width: auto; font-size: 13px; color: #297dfb; line-height: 14px; padding: 4px 10px; background: #F3F8FF; border: 1px solid #79AFFF; border-radius: 20px; margin-left: auto; }

section.payment_section .shipping_date_area { margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }
section.payment_section .shipping_date_area .shipping_title { margin-bottom:8px; font-weight: 700; font-size: 18px; line-height: 26px; color: #222222; }
section.payment_section .shipping_date_area .shipping_sub_copy { margin-bottom:8px; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(34, 34, 34, 0.72); }

section.payment_section .shipping_date_area .shipping_date_pick { margin-bottom:8px; display: flex; justify-content: space-between; }
section.payment_section .shipping_date_area .input_box { width: calc(100% - 148px); }
section.payment_section .shipping_date_area .input_box input[type="text"] { background-color: #ffffff; color: #222222; opacity: 0; }
section.payment_section .shipping_date_area .input_box input[type="text"] + label { background-color: #ffffff;border: 1px solid #d0d0d0; font-size: 15px; padding: 18px 24px; color: #123929;}

section.payment_section .shipping_date_area .input_box + button,
section.payment_section .shipping_date_area .input_box + a,
section.payment_section .shipping_date_area .input_box + input[type="button"],
section.payment_section .shipping_date_area .input_box + input[type="submit"] { width: 140px; height: 56px; line-height: 56px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; letter-spacing: 0.75px; color: #ffffff; }
section.payment_section .shipping_date_area > p { font-size: 16px; line-height: 24px; color: rgba(110, 113, 145, 0.48); }

section.payment_section .gift_card_area { margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }
section.payment_section .gift_card_area .gift_card_title { margin-bottom:8px; font-weight: 700; font-size: 18px; line-height: 26px; color: #222222; }
section.payment_section .gift_card_area .gift_card_title span { font-weight: 500; font-size: 13px; line-height: 26px; color: #2aad5c; }
section.payment_section .gift_card_area .gift_card_sub_copy { margin-bottom:8px; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(34, 34, 34, 0.72); }

section.payment_section .gift_card_area .input_list textarea { height: 128px; border: 1px solid #D0D0D0; border-radius: 12px; padding: 14px 84px 14px 24px; font-size: 16px; font-weight: 400; line-height: 22px; }
section.payment_section .gift_card_area .input_list textarea::placeholder { color: rgba(110, 113, 145, 0.47); }
section.payment_section .gift_card_area .input_list span { font-weight: 400; font-size: 15px; line-height: 22px; text-align: right; color: #123929; position:absolute; right:24px; margin-top:92px; bottom:auto;  }

section.payment_section .gift_card_area .gift_card_preview { display: flex; align-items: center; margin:16px 0px 0px 0px; width:100%; min-height:192px; aspect-ratio : 1.7 / 1; background-image: url(../image/shopping/img_gift_card.svg); background-repeat: no-repeat; background-position: center; background-size: contain;}
section.payment_section .gift_card_area .gift_card_preview span { display: inline-block; width: calc(50% - 12px); word-wrap: break-word; word-break: break-all; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; font-size: 8px; font-weight: 400; line-height: 14px; color: #222222; left:50%; position:absolute; padding: 24px 12px; }



section.payment_section .recipient_area h3 { font-size: 18px; font-weight: 700; color: #222; line-height: 26px; margin-bottom: 8px; }
section.payment_section .recipient_area ul li { position: relative; font-size: 15px; font-weight: 400; color: #123929; line-height: 24px; padding-left: 20px; margin-bottom: 8px; }
section.payment_section .recipient_area ul li::before { position: absolute; left: 8px; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #123929; content: ''; display: block; }
section.payment_section .recipient_area ul li:last-of-type { margin-bottom: 0; }

section.payment_section .card_area .sub_title { display: block; }
section.payment_section .card_area select { background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; width: 100%; height: 56px; line-height: 56px; padding: 0 16px 0 24px; font-weight: normal; font-size: 15px; background-image: url(../image/result_drop_icon.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) center; margin-top: 24px; }

section.mypage_section .total_price { display: flex; justify-content: space-between; width: 100%; margin-top: 16px; font-size: 18px; line-height: 26px; font-weight: 500; align-items: center; }
section.mypage_section .total_price .total_sale { font-weight: 700; font-size: 26px; line-height: 34px; }
section.mypage_section .total_price + .guide_text { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 18px; color: #888888; text-align: right; height: 0px; transition: all 0.5s; overflow: hidden; }
section.mypage_section .total_price + .guide_text.on { height: 18px; }

section.payment_section .sub_title { font-weight: bold; font-size: 18px; line-height: 26px; color: #222222; }
section.payment_section .sub_text{ font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 24px; }
section.payment_section .sub_text b{ font-weight: 700; }

section.payment_section .signup_area .contents_header,
section.payment_section .address_area .contents_header { display: block; justify-content: space-between; width: 100%; }
section.payment_section .signup_area .contents_header input[type="checkbox"],
section.payment_section .address_area .contents_header input[type="checkbox"] { display: none; }
section.payment_section .signup_area .contents_header label,
section.payment_section .address_area .contents_header label { display: block; font-weight: bold; font-size: 18px; line-height: 32px; letter-spacing: 0.75px; padding-left: 41px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; margin-top: 24px; }
section.payment_section .signup_area .contents_header input[type="checkbox"]:checked + label,
section.payment_section .address_area .contents_header input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }

section.payment_section .signup_area .contents_header strong,
section.payment_section .address_area .contents_header strong { display: block; }
section.payment_section .signup_area .contents_header + .input_list,
section.payment_section .address_area .contents_header + .input_list { margin-top: 12px; }

section.payment_section .card_select_area { padding: 110px 0 280px; }
section.payment_section .card_select_area select { background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; width: 100%; height: 56px; line-height: 56px; padding: 0 16px 0 24px; font-weight: normal; font-size: 15px; background-image: url(../image/result_drop_icon.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) center; margin-top: 24px; }


section.payment_section .signup_area .input_list { margin-top: 22px; }
section.payment_section .signup_area.type_02 .input_list li { width: 100%; }
section.payment_section .signup_area .input_list li { margin-bottom: 12px; width: 100%;  }
section.payment_section .signup_area .input_list li.list_btn_area { position: relative; }
section.payment_section .signup_area .input_list li.list_btn_area input[type="text"],
section.payment_section .signup_area .input_list li.list_btn_area input[type="tel"] { padding-right: 108px; }
section.payment_section .signup_area .input_list li button,
section.payment_section .signup_area .input_list li a,
section.payment_section .signup_area .input_list li input[type="button"],
section.payment_section .signup_area .input_list li input[type="submit"] { position: absolute; width: 92px; height: 40px;line-height: 40px; right: 8px; top: 50%; transform: translateY(-50%); background-color: #2aad5c; border-radius: 8px; font-weight: normal; font-size: 12px; line-height: 24px; color: #ffffff; }

section.payment_section .signup_area .input_list li button:disabled,
section.payment_section .signup_area .input_list li a:disabled,
section.payment_section .signup_area .input_list li input[type="button"]:disabled,
section.payment_section .signup_area .input_list li input[type="submit"]:disabled { background-color: #d0d0d0; }


section.payment_section .signup_area .input_list label { margin-right: 26px; }
section.payment_section .signup_area .input_list input[type="radio"] { display: none; }
section.payment_section .signup_area .input_list input[type="radio"] + label { padding-left: 26px; position: relative; font-weight: bold; font-size: 15px; line-height: 24px; color: #d0d0d0; }
section.payment_section .signup_area .input_list input[type="radio"]:checked + label { color: #2aad5c; }
section.payment_section .signup_area .input_list input[type="radio"] + label::before { content:""; display: inline-block; position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #d0d0d0; left: 0; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
section.payment_section .signup_area .input_list input[type="radio"]:checked + label::before { border: 4px solid #2aad5c; background-color: #ffffff; }

section.payment_section .address_area.type02 { margin-top: 88px; }
section.payment_section .address_area.type02 .contents_header { width: 100%; display: flex; justify-content: space-between; }
section.payment_section .address_area.type02 input[type="checkbox"] { display: none; }
section.payment_section .address_area.type02 input[type="checkbox"] + label { font-weight: bold; font-size: 18px; line-height: 32px; letter-spacing: 0.75px; padding-left: 32px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; }
section.payment_section .address_area.type02 input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); } 

section.payment_section .address_area .input_list { margin-top: 22px; width: 100%; }
section.payment_section .address_area .input_list li { margin-bottom: 12px; }
section.payment_section .address_area .input_list li.list_btn_area { display: flex; justify-content: space-between; }
section.payment_section .address_area .input_list li.list_btn_area .input_box { width: calc(100% - 148px); }
section.payment_section .signup_area .input_list li.list_btn_area.certi_type input[type="text"] { padding-right: 155px;}
section.payment_section .signup_area .input_list li.list_btn_area.certi_type .input_time { display: inline-block; position: absolute; font-size: 14px; right: 110px; top: 50%; transform: translateY(-50%); font-weight: normal; color: #123929; }
section.payment_section .address_area .input_list li.list_btn_area button,
section.payment_section .address_area .input_list li.list_btn_area a,
section.payment_section .address_area .input_list li.list_btn_area input[type="button"],
section.payment_section .address_area .input_list li.list_btn_area input[type="submit"] { width: 140px; height: 56px; line-height: 56px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; letter-spacing: 0.75px; color: #ffffff; }

section.payment_section .flex_set { display: flex; justify-content: flex-start; flex-wrap: wrap;  width: 100%; }
section.payment_section .flex_set .info_chk_area { width: 100%; margin-top: 16px; }
section.payment_section .flex_set .info_chk_area input[type="checkbox"] { display: none; }
section.payment_section .flex_set .info_chk_area label { padding-left: 30px; position: relative; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.75px; }
section.payment_section .flex_set .info_chk_area label::before { content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center center; }
section.payment_section .flex_set .info_chk_area input[type="checkbox"]:checked + label::before { background-image: url(../image/icon/agree_chk_on.svg); }
section.payment_section .flex_set + .input_list { margin-top: 12px; }
section.payment_section .agree_area { margin-top: 164px; padding-bottom: 280px; }
section.payment_section .agree_area .sub_title { display: inline-block; margin-bottom: 24px; }
section.payment_section .agree_area input[type="checkbox"] { display: none; }
section.payment_section .agree_area .all_chk + label { display: inline-block; width: 100%; height: 64px; line-height: 64px; background-color: #eff0f7; border-radius: 12px; padding-left: 57px; font-weight: bold; font-size: 18px; letter-spacing: 0.75px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: 16px center; }
section.payment_section .agree_area .all_chk:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }

section.payment_section .agree_area span { display: block; width: 100%; padding-left: 57px; font-weight: normal; font-size: 13px; line-height: 22px; color: #2aad5c; margin-top: 11px; }


.use_point_area { margin-top: 24px; }
.use_point_area .title_area { display: flex; justify-content: flex-start; align-items: flex-end; }
.use_point_area .title_area .title { font-weight: 700; font-size: 16px; line-height: 30px; }
.use_point_area .title_area .sub_text { font-weight: 400; font-size: 11px; line-height: 20px; color: #737373; padding-bottom: 2px; padding-left: 8px; display: inline-block; }

.use_point_area .title_area + .point_chk_area { margin-top: 4px; }
.use_point_area .point_view_area { display: flex; justify-content: space-between; align-items: center; }
.use_point_area li + li { margin-top: 16px; }

.point_chk_wrap { width:100%; }
.point_chk_wrap .chk_area input[type="checkbox"] { display: none; }
.point_chk_wrap .chk_area input[type="checkbox"] + label { padding-left: 28px; display: flex; font-weight: 400; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; justify-content: flex-start; align-items: center; }
.point_chk_wrap .chk_area input[type="checkbox"] + label em { display: inline-block; font-weight: 400; font-size: 12px; line-height: 24px; color: #888888; }
.point_chk_wrap .chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }
.point_chk_wrap .price { font-weight: 700; font-size: 16px; line-height: 24px; color: #fb5058; }
.point_chk_wrap .guide_text_area { font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }
.point_chk_wrap .guide_text_area strong { color: #222222; }

/* 이지웰 포인트 UI 수정 - 20220624*/
.point_choice_area { width:100%; }
.point_choice_area dt input[type="radio"] { display: none; }
.point_choice_area dt input[type="radio"] + label { display: block; padding-left:  28px; font-weight: 700; font-size: 16px; line-height: 24px; background-image: url(../image/icon_radio01.svg); background-repeat: no-repeat; background-position: left center; }
.point_choice_area dt input[type="radio"] + label em { display: none; margin-left: 4px; font-weight: 700; font-size: 11px; line-height: 20px; color: #737373; }
.point_choice_area dt input[type="radio"]:checked + label { background-image: url(../image/icon_radio01_off.svg); }
.point_choice_area dt input[type="radio"]:checked + label em { display: inline-block; }
.point_choice_area dd { height: 0; overflow: hidden; padding: 0px; transition: height 0.5s, padding 0.5s;  }
.point_choice_area dd + dt { margin-top: 16px; }
.point_choice_area dd.on { overflow: hidden; padding: 8px 0px; }
.point_choice_area .drop_down_area { width:100%; background-color: #fdfdfd; border: 2px solid #e4f6eb; border-radius: 12px; margin-bottom:4px }
.point_choice_area .drop_down_area { padding: 18px 16px; }
.point_choice_area .drop_down_area .use_point_guide_title { font-weight: 700; font-size: 14px; line-height: 22px;  }
.point_choice_area .drop_down_area .use_point_guide_title em { color: #fb5058; }
.point_choice_area .drop_down_area .use_point_guide_title + .single_chk_group { margin-top: 14px; }

.point_choice_area .single_chk_group li .point_chk_wrap { display: flex; justify-content: space-between; } 
.point_choice_area .single_chk_group li + li { margin-top: 16px; }

.point_choice_area .drop_down_area.no_bg { background: initial; border: 0; padding: 0px 0px 0px 28px; font-weight: 500; font-size: 14px; line-height: 22px; color: #222222; }
.point_choice_area .drop_down_area.no_bg em { color:#7D7D7D }


.point_choice_area .pillgram_point_area { border:0; padding: 0; width: 100%; margin: 0;}


.chk_view_area01 { height: 0; overflow: hidden; transition: all 0.5s; }
.chk_view_area01.on { height: auto; }


section.payment_section .type03.bot_margin_set { margin-top: 88px; padding-bottom: 40px; width: calc(100% - 24px); }
section.payment_section .type03.bot_margin_set button,
section.payment_section .type03.bot_margin_set a,
section.payment_section .type03.bot_margin_set input[type="button"],
section.payment_section .type03.bot_margin_set input[type="submit"] { display: block; margin: 0 auto 24px; }
section.payment_section .type03.bot_margin_set input[type="checkbox"] { display: none; }
section.payment_section .type03.bot_margin_set input[type="checkbox"] + .agree_all_btn { display: inline-block; width: 100%; height: 64px; line-height: 64px; background-color: #e4f6eb; font-weight: bold; font-size: 18px; letter-spacing: 0.75px; color: #222222; padding-left: 41px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: calc(50% - 58px) center;  border-radius: 12px; margin-bottom: 24px; }
section.payment_section .type03.bot_margin_set input[type="checkbox"]:checked + .agree_all_btn { background-image: url(../image/icon/agree_chk_on.svg); }

section.payment_section .fixed_btn_area { width: 100%; padding: 16px 20px 24px; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 18%, rgba(255,255,255,1) 100%); max-width: 480px; }


.payment_section .pay_wrap { width: 100%; margin: 0 auto; padding-top: 16px; text-align: left; min-height: 588px; padding-bottom: 64px; }
.payment_section .paycomplete_wrap .pay_wrap  { padding-top: 120px; }
.payment_section .pay_wrap .icon_area span { display: inline-block; width: 64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-size: 64px; }
.payment_section .pay_wrap .icon_area span.complete { background-image: url(../image/pay_icon01.svg); }
.payment_section .pay_wrap .icon_area span.false { background-image: url(../image/pay_icon02.svg); }
.payment_section .pay_wrap .pay_title { display: inline-block; margin-top: 16px; font-weight: bold; font-size: 24px; line-height: 32px; width: 336px; }
.payment_section .pay_wrap .pay_info_list { margin-top: 24px; width: 100%; background-color: #e4f6eb; border-radius: 12px; padding: 16px 0 16px 24px; }
.payment_section .pay_wrap .pay_info_list li span { display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; color: #888888; width: 95px; }
.payment_section .pay_wrap .pay_info_list li strong { display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px;  }
.payment_section .pay_wrap .pay_sub_text { display: inline-block; margin-top: 4px; font-weight: normal; font-size: 12px; line-height: 24px; color: #888888; word-break: keep-all; }
.payment_section .pay_wrap .pay_info_list .link_area { width: 100%; text-align: right; }
.payment_section .pay_wrap .pay_info_list .link_area .go_result { display: inline-block; text-align: center; margin-right: 24px; width: auto; height: 24px; line-height: 24px; background-color: #2aad5c; border-radius: 6px; color: #ffffff; font-weight: normal; font-size: 14px; padding: 0 6px; }
.payment_section .pay_wrap .complete_list > li:first-of-type .pay_info_list { padding: 12px 0 19px 24px; }
.payment_section .pay_wrap .complete_list .pay_info_list { padding: 12px 24px 8px; }

.payment_section .complete_list { width: 100%; margin-bottom: 132px; }
.payment_section .complete_list > li { margin-bottom: 56px; }
.payment_section .mb_set .complete_list { margin-bottom: 80px; }
.payment_section .mb_set.pay_wrap { padding-bottom: 0; min-height: auto; } 
.payment_section .paycomplete_wrap .mb_set.pay_wrap { padding-top: 16px; }

.payment_section { position: relative; }
.payment_section .section_wrap.btn_area_set { padding-bottom: 152px; }

.fold{ display: none; }
.card_area .list_title_area { display: flex; justify-content: space-between; align-items: center; }
.card_area .toggle_btn_area .add,
.card_area .toggle_btn_area .cancel { font-weight: bold; font-size: 18px; line-height: 32px; text-decoration: underline; }
.card_area .toggle_btn_area .add { display: inline-block; padding-left: 16px; background-image: url(../image/icon_plus_pp.svg); background-repeat: no-repeat;  background-position: left center; color: #2aad5c; background-size: 12px; }
.card_area .toggle_btn_area .cancel { color: #888888; }
.card_area .toggle_btn_area .cancel { display: none; }
.card_area .toggle_btn_area .add { display: block; }
.card_area .toggle_btn_area.on .add { display: none; }
.card_area .toggle_btn_area.on .cancel { display: block; }

.card_area .toggle_input_list li { margin-bottom: 12px; }
.card_area .toggle_input_list li:last-of-type { margin-bottom: 0; }
.card_area .toggle_input_wrap { height: 0; overflow: hidden; transition: all 0.5s; margin-top: 0; }
/* .card_area .toggle_input_list.active { min-height: 260px; } */
.card_area .toggle_input_list.active,
.card_area .select_area.hide + .toggle_input_wrap.active,
.card_area select.hide + .toggle_input_wrap.active,
.card_area .select_area.off + .toggle_input_wrap.active { margin-top: 16px; }
.card_area .select_area + .toggle_input_list.active,
.card_area select + .toggle_input_list.active { margin-top: 16px; }

.card_area .select_area { height: 56px; transition: all 0.5s; overflow: hidden; }
section.payment_section .card_area .select_area { margin-top: 24px; } 
section.payment_section .card_area .select_area select { margin-top: 0; }
section.payment_section .card_area .select_area.off { height: 0; margin-top: 0; }

section.mypage_section .card_area .select_area { margin-top: 24px; } 
section.mypage_section .card_area .select_area select { margin-top: 0; }
section.mypage_section .card_area .select_area.off { height: 0; margin-top: 0; }

section.mypage_section .discount_list { padding: 0 16px; margin-top: 8px; }
section.mypage_section .discount_list li { display: flex; justify-content: space-between;  margin-top: 4px; padding-left: 12px; position: relative; }
section.mypage_section .discount_list li::before { content: "ㄴ"; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
section.mypage_section .discount_list li:first-of-type {  margin-top: 0px; }
section.mypage_section .discount_list li span { font-weight: 400; font-size: 14px; line-height: 24px; color: #888888; }

section.mypage_section .discount_list { padding: 0 16px; }
section.mypage_section .discount_list li { display: flex; justify-content: space-between;  margin-top: 4px; padding-left: 12px; position: relative; }
section.mypage_section .discount_list li::before { content: "ㄴ"; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
section.mypage_section .discount_list li:first-of-type {  margin-top: 0px; }
section.mypage_section .discount_list li span { font-weight: 400; font-size: 14px; line-height: 24px; color: #888888; }


/* Pay complete */
.pay_section .section_wrap { padding: 34px 24px 0; }
header.detail + main > .pay_section .section_wrap  {  padding: 68px 24px 0;  }

.pay_section .pay_wrap { width: 100%; padding-top: 24px; margin: 0 auto; text-align: left; min-height: auto; }
.pay_section .pay_wrap .icon_area span { margin-bottom: 16px;  display: inline-block; width: 64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-size: 64px; }
.pay_section .pay_wrap .icon_area span.complete { background-image: url(../image/shopping/icon_pay_success_01.svg); }
.pay_section .pay_wrap .icon_area span.false { background-image: url(../image/shopping/icon_pay_fail_01.svg); }

.pay_section .pay_wrap .pay_title { width:100%; display: inline-block; font-weight: bold; font-size: 24px; line-height: 32px; }
.pay_section .pay_wrap .pay_title.success { background-image: url(../image/shopping/icon_pay_success_02.svg); background-repeat: no-repeat; background-size: 48px 48px; background-position: top right; }
.pay_section .pay_wrap .pay_title.fail { background-image: url(../image/shopping/icon_pay_fail_02.svg); background-repeat: no-repeat; background-size: 48px 48px; background-position: top right; }


.pay_section .pay_wrap .pay_info_list { margin-top: 12px; width: 100%; background-color: #e4f6eb; border-radius: 12px; padding: 16px 0 16px 24px; }
.pay_section .pay_wrap .pay_info_list li span { min-width:56px; display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; color: #888888; margin-right: 16px; }
.pay_section .pay_wrap .pay_info_list li strong { display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; }
.pay_section .pay_wrap .pay_sub_text { display: inline-block; margin-top: 8px; font-weight: normal; font-size: 15px; line-height: 24px; }
.pay_section .pay_wrap .pay_sub_text.false_text { display: table; margin-top: 16px; }
.pay_section .pay_wrap .pay_sub_text.false_text strong { font-weight: bold; }
.pay_section .pay_wrap .pay_sub_text.fail_text { display: table; margin-top: 24px; }
.pay_section .pay_wrap .pay_sub_text.fail_text strong { font-weight: bold; }
.pay_section .bot_btn_area { position: absolute; width: calc(100% - 48px); bottom: 32px; }

.pay_section .pay_wrap .order_title { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin-top: 24px; font-size: 26px; line-height: 34px; font-weight: 700; font-size: 26px; line-height: 34px; }
.pay_section .pay_wrap .order_title em { color: #39B855; }
.pay_section .pay_wrap .order_sub_text { display: inline-block; margin-top:8px; font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(34, 34, 34, 0.72); }
.pay_section .pay_wrap .order_date_text{ font-size: 26px; font-weight: 700; color: #222; line-height: 34px; word-break: keep-all; margin-top: 32px; }
.pay_section .pay_wrap .order_date_text b{ color: #39B855; }
.pay_section .pay_wrap .box { margin-top:18px; padding: 18px; background: #FFFFFF; border: 2px solid #e4f6eb; border-radius: 12px; }
.pay_section .pay_wrap .box .reservation_waiting .top_area .label { margin-top:0;}

/* 미래에셋 */
.pay_section .pay_wrap .pay_complete_text { font-weight: 700; font-size: 24px; line-height: 32px; margin-top: 16px; }
.pay_section .pay_wrap .pay_complete_text em { color: #2aad5c; }
.pay_section .pay_wrap .pay_complete_text + .pay_sub_text { margin-top: 16px; }

.pay_section .pay_wrap .btn_area { position: absolute; top: auto; width: calc(100% - 48px); margin-top:80px; }
.pay_section .pay_wrap .btn_area .btn_tooltip { position: absolute; display: inline-block; top: -44px; left: 50%; transform: translateX(-50%); padding: 0 20px; height: 40px; line-height: 40px; background: rgba(34, 34, 34, 0.7); border-radius: 12px; font-weight: 700; font-size: 14px; color: #ffffff; white-space: nowrap; }
.pay_section .pay_wrap .btn_area .btn_tooltip em { color: #2aad5c; }
.pay_section .pay_wrap .btn_area .btn_tooltip::after { content: ""; width: 20px; height: 12px; left: 50%; transform: translateX(-50%); display: inline-block; position: absolute; bottom: -12px; background-image: url(../image/icon_tail_grey02.svg); }



section.payment_section .calc_price_area .sale_text { font-weight: normal; font-size: 13px; line-height: 22px; color: #888888; }

/* CS */
.qa_section { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; }
.qa_section .section_wrap { width: 100%; padding: 55px 24px 32px; text-align: left; min-height: auto; position: static; }
.qa_section .section_wrap .section_title { font-weight: bold; font-size: 24px; }
.qa_section .section_wrap .contens_area { margin-top: 36px; margin-bottom: 120px; }
.qa_section .section_wrap .contens_area strong { font-weight: bold; font-size: 16px; line-height: 26px; }
.qa_section .section_wrap .contens_area p { font-weight: normal; font-size: 16px; line-height: 26px; }
.qa_section .section_wrap .go_kakao,
.qa_section .section_wrap input[type="submit"].go_kakao { display: inline-block; width: calc(100% - 48px); height: 64px; line-height: 64px; background-color: #fee500; border-radius: 12px; font-size: 15px; font-weight: bold; text-align: center; position: relative; bottom: 32px; }

/* FAQ 변경 - 20220119 */
.faq_section { width: 100%; padding-top: 69px; min-height: 100%; box-sizing: border-box; }
.faq_section .faq_top_area { width: 100%; background-color: rgba(42,173,92,0.04); }
.faq_section .area_wrap { width: 100%; margin: 0 auto; }
.faq_section .faq_top_area .area_wrap { width: 100%; padding: 76px 24px 56px; display: block; }
.faq_section .text_area .title { font-weight: normal; font-size: 40px; line-height: 30px; color: #2e2e2e; }
.faq_section .text_area .sub_text_area { margin-top: 32px; }
.faq_section .text_area .sub_text_area strong { font-weight: bold; font-size: 16px; line-height: 26px; }
.faq_section .text_area .sub_text_area p { font-weight: normal; font-size: 16px; line-height: 26px; }
.faq_section .button_area { margin-top: 32px; }
.faq_section .button_area .btn { width: 100%; height: 64px; line-height: 64px; background-color: #fee500; border-radius: 12px; font-weight: bold; font-size: 15px; background-image: url(../image/btn_icon_kakao.svg); background-repeat: no-repeat; background-position: calc(50% - 88px) center; padding-left: 32px; box-sizing: border-box; }

.faq_section .faq_list_area .area_wrap { padding: 48px 24px 88px; }
.faq_section .faq_list_area .title_area {  overflow: visible; }
.faq_section .faq_list_area .title_area ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: auto; height: auto; }
.faq_section .faq_list_area .title_area li { width: auto; height: 38px; line-height: 38px; font-weight: bold; font-size: 15px; color: #888888; text-align: center; cursor: pointer; padding: 0 14px;  background-color: #f3f3f3; border-radius: 24px; margin-right: 10px; margin-bottom: 10px; }
.faq_section .faq_list_area .title_area li:last-of-type { margin-right: 0; }
.faq_section .faq_list_area .title_area li.on { background-color: #2aad5c; color: #ffffff; }
.faq_section .faq_list_area .list_area { margin-top: 14px; }
.faq_section .faq_list_area .list_area .list { display: none; }
.faq_section .faq_list_area .list_area .list.on { display: block; }
.faq_section .faq_list_area .list_area .contents_list li { border-bottom: 1px solid #e4f6eb; overflow: hidden; transition: all 0.5s; }
.faq_section .faq_list_area .title_area ul::-webkit-scrollbar { display: none; }

.faq_section .faq_list_area .list_area .contents_list li strong { display: flex; padding: 24px 0; width: 100%; justify-content: space-between; align-items: flex-start; cursor: pointer; }
.faq_section .faq_list_area .list_area .contents_list li strong em { font-weight: bold; font-size: 16px; line-height: 22px; color: #363636; }
.faq_section .faq_list_area .list_area .contents_list li strong .detail_open { display: inline-block; width: 30px; min-width: 30px; height: 30px; background-image: url(../image/icon_list_plus.svg); background-repeat: no-repeat; background-position: center center; }
.faq_section .faq_list_area .list_area .contents_list li.on strong .detail_open { background-image: url(../image/icon_list_min.svg); }
.faq_section .faq_list_area .list_area .contents_list li p { overflow: hidden; font-weight: 300; font-size: 14px; line-height: 23px; color: #363636; transition: all 0.5s; padding: 12px 0px 24px; }
.faq_section .faq_list_area .list_area .contents_list li p strong { font-weight: bold; margin: 0; padding: 0; width: auto; display: inline; }


/* My Page */
.mypage_section { width: 100%; margin: 0 auto; display: block; }
.mypage_section.pd_set { width: 100%; padding-bottom: 50px; }
.mypage_section .section_wrap { width: 100%; padding: 68px 0 0; text-align: left; min-height: auto; position: static; }
.mypage_section.type_complete .section_wrap { padding-top: 68px; }
.mypage_section.type_complete .section_wrap .section_title { padding-top: 24px; display: block; }
.mypage_section .section_title { font-weight: bold; font-size: 24px; }
.mypage_section .section_text { margin-top: 56px; font-weight: normal; font-size: 26px; line-height: 42px; color: #222222; }
.mypage_section .section_text.inner_type01 { color: #888888; padding-left: 24px; }


.my_info_list.type01 { margin-top: 17px; margin-bottom: 96px; }
.my_info_list.type01 li { margin-bottom: 49px; }
.my_info_list.type01 .list_date { font-weight: normal; font-size: 16px; line-height: 24px; color: #888888; }
.my_info_list.type01 .list_detail_area { width: 100%; padding: 29px 18px 16px 22px; position: relative; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; margin-top: 7px; }
.my_info_list.type01 .list_detail_area .delete_info_btn { display: inline-block; width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; background-image: url(../image/intro_exit.svg); background-repeat: no-repeat; background-position: center center; }
.my_info_list.type01 .list_detail_area .info_name { font-weight: normal; font-size: 18px; line-height: 24px; }
.my_info_list.type01 .list_detail_area .info_name span { font-weight: bold; }
.my_info_list.type01 .list_detail_area .info_detail { font-weight: normal; font-size: 13px; line-height: 22px; color: #888888; }
.my_info_list.type01 .list_detail_area .detail_btn_list { width: 100%; margin-top: 15px; text-align: inherit; display: flex; justify-content: space-between; }
.my_info_list.type01 .list_detail_area .detail_btn_list .type01 { display: inline-block; width: 142px; height: 40px; line-height: 40px; background-color: #ffffff; border: 1px solid #888888; border-radius: 8px; font-weight: 600; font-size: 13px; letter-spacing: 0.25px; color: #888888; flex-grow: 1; margin-right: 13px; }
.my_info_list.type01 .list_detail_area .detail_btn_list .type02 { display: inline-block; width: 93px; height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; font-weight: 600; font-size: 13px; letter-spacing: 0.25px; color: #fcfcfc; flex-grow: 0.8; }

.my_info_list.type02 { margin-top: 20px; margin-bottom: 96px; }
.my_info_list.type02 > ul > li { width: 100%; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; padding: 21px 13px 13px; margin-bottom: 24px; position: relative; }
.my_info_list.type02 > ul > li:last-of-type { margin-bottom: 0; }
.my_info_list.type02 > ul > li .list_title { font-weight: normal; font-size: 18px; line-height: 24px; }
.my_info_list.type02 > ul > li .inner_list { margin-top: 21px; }
.my_info_list.type02 > ul > li .inner_list li { margin-bottom: 12px; }
.my_info_list.type02 > ul > li .inner_list li strong { display: inline-block; width: 96px; font-weight: normal; font-size: 15px; line-height: 18px; }
.my_info_list.type02 > ul > li .inner_list li span { font-weight: normal; font-size: 15px; line-height: 18px; color: #888888; float: right; text-align: right; }
.my_info_list.type02 > ul > li .inner_list li em { display: block; }
.my_info_list.type02 > ul > li .btn_area { width: 100%; position: relative; height: 72px; }
.my_info_list.type02 > ul > li button,
.my_info_list.type02 > ul > li a,
.my_info_list.type02 > ul > li input[type="button"],
.my_info_list.type02 > ul > li input[type="submit"] { display: inline-block; width: 93px; height: 40px; line-height: 40px; background-color: #ffffff; border: 1px solid #888888; border-radius: 8px; position: absolute; right: 0; bottom: 0; font-weight: 600; font-size: 13px; color: #888888; }
.my_info_list.type03 { margin-top: 51px; margin-bottom: 96px; }
.my_info_list.type03 .delivery_date { font-weight: bold; font-size: 15px; line-height: 24px; letter-spacing: 0.75px; color: #123929; }
.my_info_list.type03 .input_list { margin-top: 21px; width: 100%; margin-bottom: 8px; }
.my_info_list.type03 .input_list li { margin-bottom: 12px; }
.my_info_list.type03 .input_list li:last-child { margin-bottom: 0; }
.my_info_list.type03 .input_list li.btn_type { display: flex; justify-content: space-between; }
.my_info_list.type03 .input_list li input[type="text"],
.my_info_list.type03 .input_list li input[type="date"],
.my_info_list.type03 .input_list li input[type="tel"] { width: 100%; height: 56px; line-height: 56px; background-color: #e4f6eb; border: 2px solid #e4f6eb; padding: 0px 24px; border-radius: 12px; font-weight: normal; letter-spacing: 0.75px; font-size: 15px; color: #222222; box-sizing: border-box; }
.my_info_list.type03 .input_list li input[type="text"]:focus,
.my_info_list.type03 .input_list li input[type="date"]:focus,
.my_info_list.type03 .input_list li input[type="tel"]:focus { background-color: #ffffff; border: 2px solid #2aad5c;  }
.my_info_list.type03 .input_list li input[type="text"]::placeholder,
.my_info_list.type03 .input_list li input[type="date"]::placeholder,
.my_info_list.type03 .input_list li input[type="tel"]::placeholder { color: #123929; opacity:1; }

.my_info_list.type03 .input_list li.btn_type input[type="text"] { width: calc(100% - 148px) }

.my_info_list.type03 .input_list li button,
.my_info_list.type03 .input_list li a,
.my_info_list.type03 .input_list li input[type="button"],
.my_info_list.type03 .input_list li input[type="submit"] { display: inline-block; width: 140px; height: 56px; line-height: 56px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; line-height: 24px; letter-spacing: 0.75px; color: #ffffff; }

.my_info_list.type03 .bot_btn_area { margin-top: 70px; }

.my_info_list.type03 .input_list li select { background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; width: 100%; height: 56px; line-height: 56px; padding: 0 16px 0 24px; font-weight: normal; font-size: 15px; background-image: url(../image/result_drop_icon.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) center; }
.my_info_list.type03 .sub_text_list { font-weight: normal; font-size: 14px; line-height: 24px; color: #888888; }

.my_info_list.type04 { border-top: 2px solid #d9dbe9; margin-bottom: 0; padding-bottom: 136px; margin-top: 28px; padding-top: 28px; }
.my_info_list.type04.pb_set { padding-bottom: 0; }
.my_info_list.type04 em { display: block; }

.my_info_list.type04 li { width: 100%; margin-bottom: 24px; }
.my_info_list.type04 li:last-of-type strong { font-weight: 500; font-size: 15px; line-height: 24px; color: #123929; }

.my_info_list.type04 input[type="checkbox"] { display: none; }
.my_info_list.type04 input[type="checkbox"] + label { font-weight: normal; font-size: 15px; line-height: 24px; color: #123929; position: relative; padding-left: 40px; display: inline-block; }

.my_info_list.type04 input[type="checkbox"] + label::before { content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; left: 0px; top: 50%; transform: translateY(-50%); border-radius: 50%; background-image: url(../image/survey_chk.svg); background-repeat: no-repeat; background-position: center calc(50% + 1px); }
.my_info_list.type04 input[type="checkbox"]:checked + label::before { background-image: url(../image/survey_chk_on.svg); }

.my_info_list.type04 input[type="checkbox"]:checked + label { font-weight: bold; color: #2aad5c; }
.my_info_list.type04 .bot_btn_area { margin-top: 72px; bottom: 96px; } 


.mypage_section .sub_title.margin_set { display: block; margin-top: 56px; font-size: 26px; line-height: 42px; font-weight: normal; }
.mypage_section .sub_title.type_bold em { display: block; }
.mypage_section .sub_text { display: inline-block; margin-top: 11px; font-weight: normal; font-size: 16px; line-height: 22px; color: #888888; }

.my_info_list.type05 { margin-top: 24px; width: 100%; margin-bottom: 0; padding: 0 24px;}
.my_info_list.type05 .input_list li.btn_type { position: relative; }
.my_info_list.type05 .input_list li.btn_type button,
.my_info_list.type05 .input_list li.btn_type a,
.my_info_list.type05 .input_list li.btn_type input[type="button"],
.my_info_list.type05 .input_list li.btn_type input[type="submit"] { position: absolute; display: inline-block; width: 92px; height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; font-weight: normal; font-size: 12px; color: #ffffff; right: 8px; top: 50%; transform: translateY(-50%); }
.my_info_list.type05 .input_list li.btn_type button:disabled,
.my_info_list.type05 .input_list li.btn_type a:disabled,
.my_info_list.type05 .input_list li.btn_type input[type="button"]:disabled,
.my_info_list.type05 .input_list li.btn_type input[type="submit"]:disabled { background-color: #d0d0d0; }
.my_info_list.type05 .input_list li .info_view_area { padding-top: 32px; display: flex; justify-content: space-between; }

.my_info_list.type05 .input_list li .info_view_area span { display: inline-block; font-weight: normal; font-size: 14px; line-height: 24px; color: #888888; }
.my_info_list.type05 .input_list li .info_view_area button { display: inline-block; font-weight: normal; font-size: 14px; line-height: 24px; text-decoration: underline; color: #888888; }
.my_info_list.type05 .input_list li .info_chk_area { margin-top: 9px; }
.my_info_list.type05 .input_list li .info_chk_area input[type="radio"] { display: none; }
.my_info_list.type05 .input_list li .info_chk_area input[type="radio"] + label { position: relative; font-weight: bold; font-size: 15px; line-height: 24px; color: #d0d0d0; padding-left: 26px; margin-right: 12px; }
.my_info_list.type05 .input_list li .info_chk_area input[type="radio"] + label::before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #d0d0d0; border-radius: 50%; border: 4px solid #d0d0d0; box-sizing: border-box; }
.my_info_list.type05 .input_list li .info_chk_area input[type="radio"]:checked + label { color: #2aad5c; }
.my_info_list.type05 .input_list li .info_chk_area input[type="radio"]:checked + label::before { background-color: #ffffff; border: 4px solid #2aad5c; }
.my_info_list.type05 .bot_btn_area { margin-top: 70px; width: 100%; }
.my_info_list.type05 .input_list .btn_type.certi_type input[type="text"] { padding-right: 150px;}
.my_info_list.type05 .input_list .certi_type .input_time { display: inline-block; position: absolute; font-size: 14px; right: 110px; top: 50%; transform: translateY(-50%); font-weight: normal; color: #123929; }


.my_info_list.type04 .cancel_questions_area { width: 100%; }
.my_info_list.type04 .cancel_answer_area { margin-top: 0px; min-height: 136px; height: auto; }

.my_info_list.type04 .cancel_answer_area .answer_list { height: auto; margin-top: 16px; }
.my_info_list.type04 .cancel_answer_area .answer_list .textarea_wrap { width: 100%; }

.my_info_list.type04 .cancel_answer_area .answer_list { width: 100%; }
.my_info_list.type04 .cancel_answer_area .answer_list .list { display: none; }
.my_info_list.type04 .cancel_answer_area .answer_list .list.on { display: block; }
.my_info_list.type04 .cancel_answer_area .answer_list .box { background: rgba(138, 82, 220, 0.05); border-radius: 12px; padding: 12px 16px; display: flex; justify-content: flex-start; align-items: flex-start; }
.my_info_list.type04 .cancel_answer_area .answer_list .box .num_area { min-width: 16px; }
.my_info_list.type04 .cancel_answer_area .answer_list .box .num_area em { display: inline-block; width: 16px; height: 16px; background-color: #ffffff; text-align: center; font-weight: 700; font-size: 12px; line-height: 16px; color: #2aad5c; border-radius: 50%; margin-right: 8px; }
.my_info_list.type04 .cancel_answer_area .answer_list .box + .box { margin-top: 8px; }

.my_info_list.type04 .cancel_answer_area .answer_list .box .text_area { width: calc(100% - 24px); }
.my_info_list.type04 .cancel_answer_area .answer_list .box .text { font-weight: 400; font-size: 15px; line-height: 24px; }
.my_info_list.type04 .cancel_answer_area .answer_list .box .text em { font-weight: 700; font-size: 16px; line-height: 24px; color: #2aad5c; display: inline-block; word-break: break-all; }
.my_info_list.type04 .cancel_answer_area .answer_list .box .link { margin-top: 8px; display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; text-decoration: underline; color: #2aad5c; position: relative; }
.my_info_list.type04 .cancel_answer_area .answer_list .box .link::after { content: ""; display: inline-block; width: 12px; height: 12px; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); background-image: url(../image/icon_arrow_pp01.svg); background-repeat: no-repeat; background-position: center center; }
.my_info_list.type04 .cancel_answer_area .answer_list textarea::placeholder { color: #123929; overflow: scroll; }

.cancel_answer_area .textarea_hide_wrap { height: 0; overflow: hidden; }
.cancel_answer_area .textarea_hide_wrap.active { height: 184px; }

.my_info_list.type04 .cancel_answer_area + .bot_btn_area { margin: 0; width: 100%; margin-top: 48px; }
.my_info_list.type04 .cancel_answer_area + .bot_btn_area .btn { width: calc(50% - 4px); height: 64px; line-height: 64px; font-weight: 700; font-size: 15px; }
.my_info_list.type04 .cancel_answer_area + .bot_btn_area .btn:disabled { background-color: #d0d0d0; border: 0; color: #ffffff; }

.my_info_list .member_box { width: 100%; margin-top: 8px; }
.my_info_list .member_box .member_hancom { display: inline-block; font-size: 13px; font-weight: 500; color: #2aad5cD4; line-height: 28px; padding: 0 12px; border: 1px solid #2aad5cBF; border-radius: 8px; margin-right: 4px; }
.my_info_list .member_box + .input_list { margin-top: 8px; }

.mypage_section .section_header .sub_title { display: block; margin-top: 5px; font-weight: normal; font-size: 16px; line-height: 22px; color: #888888; }

main.sub_main_area .mypage_section.mypage_main .side_nav .nav_info { display: inline-block; margin-top: 55px; width: 100%; position: relative; }
.mypage_section .section_header button,
.mypage_section .section_header a,
.mypage_section .section_header input[type="button"],
.mypage_section .section_header submit { float: right; font-weight: normal; font-size: 14px; line-height: 24px; color: #888888; padding-right: 26px; background-image: url(../image/go_arrow.svg); background-repeat: no-repeat; background-position: right center; }

.mypage_section .record_date { display: inline-block; margin-top: 20px; font-weight: normal; font-size: 16px; line-height: 24px; color: #888888; }
.mypage_section .record_detail_area { margin-top: 8px; width: 100%; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; padding: 24px 24px 91px; position: relative; }
.mypage_section .record_detail_area + .record_detail_area { margin-top: 12px; }
.mypage_section .record_detail_area:last-of-type { margin-bottom: 96px; }
.mypage_section .record_detail_area .title_area { width: 100%; }
.mypage_section .record_detail_area .title_area .state { font-weight: bold; font-size: 18px; line-height: 24px; color: #2aad5c; display: block; }
.mypage_section .record_detail_area .title_area strong { font-weight: normal;  font-size: 22px; line-height: 36px; }
.mypage_section .record_detail_area .title_area strong span { font-weight: bold; display: inline-block; margin-right: 5px; }
.mypage_section .record_detail_area button,
.mypage_section .record_detail_area a,
.mypage_section .record_detail_area input[type="button"],
.mypage_section .record_detail_area input[type="submit"] { width: calc(100% - 48px); height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; font-weight: 600; font-size: 13px; letter-spacing: 0.25px; color: #fcfcfc; position: absolute; right: 24px; bottom: 24px; }
.mypage_section .record_detail_area ul { margin-top: 21px; width: 100%; }
.mypage_section .record_detail_area ul li { width: 100%; display: flex; justify-content: space-between; margin-bottom: 8px; }
.mypage_section .record_detail_area ul li:last-of-type { margin-bottom: 0; }
.mypage_section .record_detail_area ul li span { font-weight: normal; font-size: 14px; line-height: 24px; }
.mypage_section .record_detail_area ul li strong { font-weight: bold; font-size: 14px; line-height: 24px; }

.mypage_section.secession_type .section_text { margin-top: 45px; }

.mypage_section.secession_type .bot_btn_area { margin-top: 156px; }

.mypage_section.mypage_main { padding-right: 0px; }
.mypage_section.mypage_main .section_wrap { padding: 20px 24px 96px; }
.mypage_section .data_summary_area { width: 100%; background-color: #2aad5c;  box-shadow: 2px 2px 4px rgba(188,179,179,0.25); border-radius: 24px; padding: 18px 16px 16px; color: #ffffff; margin-bottom: 49px; display: block; text-align: left;  }
.mypage_section .data_summary_area.none_data { background-color: #f3f3f3; box-shadow: 2px 2px 4px rgba(188, 179, 179, 0.25); padding: 63px 0 63px 16px; color: #888888; }
.mypage_section .data_summary_area.none_data .summary_text strong { font-weight: 500; font-size: 20px; line-height: 24px; }
.mypage_section .data_summary_area.none_data .summary_text span { width: auto; font-weight: normal; font-size: 16px; line-height: 24px; }
.mypage_section .data_summary_area .summary_date { font-weight: normal; font-size: 11px; line-height: 22px; }
.mypage_section .data_summary_area .summary_text strong { margin-top: 20px; margin-bottom: 3px; font-weight: bold; font-size: 20px; line-height: 24px; display: block; }
.mypage_section .data_summary_area .summary_text span { font-weight: normal; font-size: 16px; line-height: 24px; display: inline-block; width: 236px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.mypage_section .data_summary_area .progress_area { margin-top: 26px; }
.mypage_section .data_summary_area .progress_bar_box { width: 100%; height: 6px; background-color: rgba(243,243,243,0.5);  border-radius: 40px; }
.mypage_section .data_summary_area .progress_bar { height: 6px; background-color: #ffffff; border-radius: 40px; width: 98px; }
.mypage_section .data_summary_area .progress_bar_box::before { display: none; }
.mypage_section .data_summary_area .progress_bar_box::after { display: none;  }
.mypage_section .data_summary_area .progress_text { font-weight: normal; font-size: 12px; line-height: 22px; color: #ffffff; }

/* My Page Code Type */
.mypage_section .code_view_area .title { font-weight: bold; font-synthesis: 14px; line-height: 24px }
.mypage_section .code_view_area .code_copy_area { margin-top: 8px; display: flex; justify-content: space-between; }
.mypage_section .code_view_area .code_copy_area .copy_target { width: 1; height: 1; display: inline-block; top: 0; left: 0; margin: 0; padding: 0; border: 0; opacity: 0; }
.mypage_section .code_view_area .code_copy_area .code { font-weight: bold; font-size: 32px; line-height: 40px; }
.mypage_section .code_view_area .code_copy_area .copy_btn { width: 92px; height: 40px; line-height: 40px; text-align: center; background-color: #2aad5c; border-radius: 8px; color: #ffffff; font-weight: bold; font-size: 12px; }
.mypage_section .benefits_view_area { margin-top: 16px; background-color: #eef0f7; border-radius: 12px; padding: 12px 32px; display: flex; justify-content: space-between; position: relative; }
.mypage_section .benefits_view_area .benefits_text { text-align:  center; }
.mypage_section .benefits_view_area .benefits_text span { font-weight: normal; font-size: 15px; line-height: 24px; display: block }
.mypage_section .benefits_view_area .benefits_text strong { margin-top: 4px; display: block; font-weight: bold; font-size: 15px; line-height: 24px; }
.mypage_section .benefits_view_area .benefits_text + .benefits_text::before { content: ""; display: inline-block; width: 1px; height: calc(100% - 28px); background-color: #c4c4c4; position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); }
.mypage_section .sub_text { margin-top: 8px; font-weight: normal; font-size: 16px; line-height: 22px; word-break: keep-all; color: #888888; }

/* My Page Code Banner Type */
.mypage_section .code_banner_area { width: 100%; overflow: hidden; border-radius: 6px; position: relative; height: 80px; }
.mypage_section .code_banner_area img { height: 80px; width: auto; max-width: none; image-rendering:-webkit-optimize-contrast; /*transform: translateZ(0);*/ /*backface-visibility: hidden;*/ }


.mypage_section .detail_page_list { width: 100%; margin-top: 10px; }
.mypage_section .detail_page_list li { margin-bottom: 8px; border: 0; }
.mypage_section .detail_page_list li:last-of-type { margin-bottom: 0px; border: 0; }
.mypage_section .detail_page_list a { display: inline-block; width: 100%; height: 68px; line-height: 68px; position: relative; padding-left: 36px; font-weight: normal; font-size: 16px; background-repeat: no-repeat; background-position: center left; text-align: left; }
.mypage_section .detail_page_list a em { font-weight: 700; font-size: 16px; color: #2aad5c; padding: 0 6px; }
.mypage_section .detail_page_list a.icon_type_he { background-image: url(../image/mypage_icon_he.svg); }
.mypage_section .detail_page_list a.icon_type_sb { background-image: url(../image/mypage_icon_sb.svg);  }
.mypage_section .detail_page_list a.icon_type_cd { background-image: url(../image/mypage_icon_cd.svg);  }
.mypage_section .detail_page_list a.icon_type_py { background-image: url(../image/mypage_icon_py.svg);  }
.mypage_section .detail_page_list a.icon_type_if { background-image: url(../image/mypage_icon_if.svg);  }
.mypage_section .detail_page_list a.icon_type_fr { background-image: url(../image/mypage_icon_fr.svg);  }
.mypage_section .detail_page_list a::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../image/go_arrow.svg); background-position: center center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.mypage_section .detail_page_list a .label { padding: 0px 8px; height: 20px; line-height: 20px; background-color: rgba(42,173,92,0.1); border-radius: 30px; font-weight: 700; font-size: 13px; color: #2aad5c; display: inline-block; margin-left: 8px; }
.mypage_section .detail_page_list a { display: flex; justify-content: flex-start; align-items: center; }

.mypage_section .detail_page_list + .banner_area { width: 100%; height: 96px; border-radius: 8px; overflow: hidden; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; margin-top: 24px; position: relative; }

.mypage_section .detail_page_list + .banner_area + .swiper-pagination { margin-top: 8px; width: calc(100% - 48px); max-width: 498px; }
.mypage_section .detail_page_list + .banner_area + .swiper-pagination { height: 10px; }
.mypage_section .detail_page_list + .banner_area + .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #c4c4c4; border-radius: 50%; opacity: 1; margin: 0 4px; transition: width 0.3s; }
.mypage_section .detail_page_list + .banner_area + .swiper-pagination .swiper-pagination-bullet-active { background-color: #2aad5c; border-radius: 33px; width: 28px; }

.mypage_section .detail_page_list + .banner_area a { width: 100%; height: 100%; display: inline-block; position: relative; border-radius: 8px; overflow: hidden; }
.mypage_section .detail_page_list + .banner_area a img {  position: absolute; min-width: 100%; height: 100%; max-width: none; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */ image-rendering: crisp-edges; }

.mypage_section.sub_type02 .cancel_banner_area { margin-top: 96px; margin-left: -24px; width: calc(100% + 48px); height: 100px; }
.mypage_section.sub_type02 .cancel_banner_area a { width: 100%; height: 96px; display: inline-block; }
.mypage_section.sub_type02 .cancel_banner_area a img { width: 100%; image-rendering:-webkit-optimize-contrast; }

/* My Page Code Detail */
.mypage_code_detail { width: 100%; padding-top: 69px; margin: 0 auto; }
.mypage_code_detail .info_area { padding: 36px 24px 64px; width: 360px; margin: 0 auto; }
.mypage_code_detail .section_title + .img_area { margin-top: 40px; }
.mypage_code_detail .img_area { text-align: center; }
.mypage_code_detail .img_area img { image-rendering: -webkit-optimize-contrast; }
.mypage_code_detail .code_share_area .title { font-weight: 500; font-size: 14px; line-height: 24px; }

.mypage_code_detail .code_share_area .code_copy_area { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.mypage_code_detail .code_share_area .code_copy_area .copy_target { width: 1; height: 1; display: inline-block; top: 0; left: 0; margin: 0; padding: 0; border: 0; opacity: 0; }
.mypage_code_detail .code_share_area .code_copy_area .code { font-weight: bold; font-size: 32px; line-height: 24px; }
.mypage_code_detail .code_share_area .code_copy_area .copy_btn { width: 92px; height: 40px; line-height: 40px; text-align: center; background-color: #2aad5c; border-radius: 8px; color: #ffffff; font-weight: bold; font-size: 12px; }

.mypage_code_detail .friend_view_area { margin-top: 44px;  }
.mypage_code_detail .friend_view_area .title_area { display: flex; justify-content: space-between; align-items: center; }
.mypage_code_detail .friend_view_area .title_area .title { font-weight: bold; font-size: 24px;  line-height: 36px; letter-spacing: -0.015em; }
.mypage_code_detail .friend_view_area .title_area .count { font-weight: bold; font-size: 25px; line-height: 20px;  }

.mypage_code_detail .friend_view_area .sub_text  { font-weight: normal; font-size: 12px; line-height: 20px; color: #888888; }
.mypage_code_detail .friend_view_area .percent_view_area { margin-top: 8px; width: 100%; padding: 18px 32px; background-color: #e4f6eb; border-radius: 12px; }
.mypage_code_detail .friend_view_area .percent_view_area ul { display: flex; justify-content: center; }
.mypage_code_detail .friend_view_area .percent_view_area ul li { margin-right: 16px; text-align: center; }
.mypage_code_detail .friend_view_area .percent_view_area ul li:last-of-type { margin-right: 0px; }
.mypage_code_detail .friend_view_area .percent_view_area ul li span { display: inline-block; width: 52px; height: 52px; border: 3px solid #d0d0d0; box-sizing: border-box; border-radius: 50%; line-height: 46px; font-weight: bold; font-size: 16px; letter-spacing: -0.015em; color: #d0d0d0; text-align: center; position: relative; }
.mypage_code_detail .friend_view_area .percent_view_area ul li span.on::after { position: absolute; z-index: 2; display: inline-block; width: calc(100% + 6px); height: calc(100% + 6px); border: 4px solid #2aad5c; border-radius: 50%; left: -3; top: -3; box-sizing: border-box; font-weight: bold; font-size: 14px; letter-spacing: -0.015em; color: #2aad5c; transform: rotate(20deg); background-color: rgba(42,173,92,0.1); }
.mypage_code_detail .friend_view_area .percent_view_area ul li span.on::before { content: ""; width: 40px; height: 40px; background-color: rgba(42,173,92,0.1); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #2aad5c; box-sizing: border-box; }
.mypage_code_detail .friend_view_area .percent_view_area ul li strong { display: block; margin-top: 4px; font-weight: bold; font-size: 10px; line-height: 12px; color: #d0d0d0; }
.mypage_code_detail .friend_view_area .percent_view_area ul li span.on + strong { color: #2aad5c; }
.mypage_code_detail .friend_view_area .percent_view_area.typeA ul li:nth-of-type(1) span.on::after { content:"5%"; }
.mypage_code_detail .friend_view_area .percent_view_area.typeA ul li:nth-of-type(2) span.on::after { content:"10%"; }
.mypage_code_detail .friend_view_area .percent_view_area.typeA ul li:nth-of-type(3) span.on::after { content:"15%"; }
.mypage_code_detail .friend_view_area .percent_view_area.typeA ul li:nth-of-type(4) span.on::after { content:"20%"; }

.mypage_code_detail .friend_view_area .percent_view_area.typeB ul li:nth-of-type(1) span.on::after { content:"10%"; }
.mypage_code_detail .friend_view_area .percent_view_area.typeB ul li:nth-of-type(2) span.on::after { content:"15%"; }
.mypage_code_detail .friend_view_area .percent_view_area.typeB ul li:nth-of-type(3) span.on::after { content:"20%"; }

.mypage_code_detail .friend_view_area .percent_view_area.typeC ul li:nth-of-type(1) span.on::after { content:"30%"; }

.mypage_code_detail .friend_view_area .percent_view_area ul li span em { font-size: 10px; display: inline-block; }
.mypage_code_detail .friend_view_area .link_area { width: 100%; text-align: center; margin-top: 20px;}
.mypage_code_detail .friend_view_area .go_input_code { display: inline-block; font-weight: 500; font-size: 13px; line-height: 20px; text-decoration: underline; color: #123929; width: auto; }

.mypage_code_detail .guide_text_area { background-color: #f3f3f3; padding: 24px 24px 56px 24px; }
.mypage_code_detail .guide_text_area .title { display: block; font-weight: 500; font-size: 13px; line-height: 20px; color: #888888; }
.mypage_code_detail .guide_text_area .list { font-weight: normal; font-size: 10px; line-height: 20px; color: #888888; list-style: disc; margin-left: 16px; word-break: keep-all; }


.mypage_code_detail .guide_text_area .list + .title { margin-top: 20px; }

.mypage_code_input_section .section_wrap { padding: 32px 24px; }
.mypage_code_input_section .contents_area { width: 100%; margin: 0; padding-top: 58px; text-align: left; }
.mypage_code_input_section .contents_area .title .top_sub_text { display: block; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; }
.mypage_code_input_section .contents_area .title strong { font-weight: bold; font-size: 24px; line-height: 32px; display: block; margin-top: 4px; }
.mypage_code_input_section .contents_area .input_area { margin-top: 24px; }
.mypage_code_input_section .contents_area .sub_text_list { margin-top: 12px; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; list-style: disc; margin-left: 24px; word-break: keep-all; }
.mypage_code_input_section .contents_area .sub_text_list strong { font-weight: bold; }
.mypage_code_input_section .contents_area + .bot_btn_area { width: calc(100% - 48px); left: 50%; transform: translateX(-50%); position: absolute; top: auto; height: 116px; }


.mypage_code_input_section input[type="text"],
.mypage_code_input_section input[type="password"],
.mypage_code_input_section input[type="tel"] { width: 100%; height: 56px; line-height: 56px; background-color: #e4f6eb; border: 2px solid #e4f6eb; padding: 0px 24px; border-radius: 12px; font-weight: normal; letter-spacing: 0.75px; font-size: 15px; color: #222222; box-sizing: border-box; }
.mypage_code_input_section input[type="text"]:focus,
.mypage_code_input_section input[type="password"]:focus,
.mypage_code_input_section input[type="tel"]:focus { background-color: #ffffff; border: 2px solid #2aad5c;  }
.mypage_code_input_section input[type="text"]::placeholder,
.mypage_code_input_section input[type="password"]::placeholder,
.mypage_code_input_section input[type="tel"]::placeholder { color: #123929; opacity:1;}

/* 2021-07-30 My Page 변경 후 */
.mypage_section.sub_type01 .section_wrap { padding: 68px 0 96px 0; }
.mypage_section.sub_type02 .section_wrap { padding: 144px 24px 96px; }
.mypage_section.sub_type01 .section_title { font-weight: normal; font-size: 30px; line-height: 30px; padding-left: 24px;}
.mypage_section.sub_type02 .section_title { font-weight: normal; font-size: 30px; line-height: 30px; }
.mypage_section.sub_type02 .section_header .sub_title { margin-top: 8px; }
.mypage_section.sub_type01 .section_wrap.mypage_code_detail { padding-bottom: 0; }

.mypage_section.sub_type01 .data_info_list { width: 100%; }
.mypage_section .data_info_list.type01 { margin-top: 32px; }
.mypage_section .data_info_list.type03 { margin-top: 44px; }
.mypage_section .data_info_list.type01 a { display: inline-block; width: 100%; padding: 20px; text-align: left; background-color: #fdfdfd; box-sizing: border-box; border-radius: 12px; border: 2px solid #e4f6eb; background-image: url(../image/icon_arrow.svg); background-repeat: no-repeat;  background-position: calc(100% - 16px) 22px; }
.mypage_section.sub_type01 .data_info_list.type01 a { width: calc(100% - 48px); margin: 0 auto; text-align: left; }
.mypage_section .data_info_list.type01 > li { margin-bottom: 16px; }
.mypage_section.sub_type01 .data_info_list.type01 > li { text-align: center; padding: 0; }
.mypage_section.sub_type01 .data_info_list.type01 > li:last-of-type { border-bottom: 0; }
.mypage_section .data_info_list.type01 > li:first-of-type,
.mypage_section .data_info_list.type03 > li:first-of-type { padding-top: 0; }
.mypage_section .data_info_list.type01 > li:last-of-type { padding-bottom: 0; }
.mypage_section .data_info_list.type01 .info_date { font-weight: normal; font-size: 14px; line-height: 16px; display: inline-block; width: 100%; align-items: center; padding-right: 24px; } 

.mypage_section .data_info_list.type01 .info_date em { display: block; margin-top: 4px; margin-left: 0px; font-weight: bold; font-size: 14px; line-height: 20px; color: #2aad5c; }
.mypage_section .data_info_list.type01 .info_date em.sparkle { -webkit-animation: blink-effect 0.7s step-end infinite; animation: blink-effect 0.7s step-end infinite; }


@-webkit-keyframes blink-effect {
    50% {
        opacity: 0%;
    }
}

@keyframes blink-effect {
    50% {
        opacity: 0%;
    }
}

.mypage_section .data_info_list.type01 .data_main_text { margin-top: 20px; }
.mypage_section .data_info_list.type01 .data_main_text strong { display: block; font-weight: bold; font-size: 22px; line-height: 24px; }
.mypage_section .data_info_list.type01 .data_main_text strong em { display: inline-block; margin-left: 8px; padding: 0 8px; border-width: 2px; border-style: solid; box-sizing: border-box; border-radius: 27px; font-weight: bold; font-size: 18px; line-height: 26px; }
.mypage_section .data_info_list.type01 .data_main_text strong em.type_g { border-color: #50D16D; color: #50D16D; }
.mypage_section .data_info_list.type01 .data_main_text strong em.type_b { border-color: #05AFE4; color: #05AFE4; }
.mypage_section .data_info_list.type01 .data_main_text strong em.type_o { border-color: #F36F24; color: #F36F24; }
.mypage_section .data_info_list.type01 .data_main_text strong em.type_r { border-color: #D61A1A; color: #D61A1A; }

.mypage_section .data_info_list.type01 .data_main_text span { display: inline-block; width: 100%; font-weight: normal; font-size: 18px; line-height: 24px; margin-top: 8px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mypage_section .data_info_list.type01 .progress_list { margin-top: 20px; }
.mypage_section .data_info_list.type01 .progress_list + .progress_list { margin-top: 8px; }
.mypage_section.sub_type01 .data_detail_area { margin-top: 26px; padding: 0 24px; }

.mypage_section .data_info_list.type01 .progress_list .state,
.mypage_section .data_info_list.type02 .progress_area .state,
.mypage_section .data_info_list.type03 .progress_area .state,
.mypage_section .data_detail_area .detail_top .state { display: inline-block; padding: 0 10px; width: auto; height: 20px; font-weight: bold; font-size: 1.4rem; line-height: 1.55555; border-radius: 2.7rem; }
.mypage_section .data_info_list.type01 .progress_list .state.type_p,
.mypage_section .data_info_list.type02 .progress_area .state.type_p,
.mypage_section .data_info_list.type03 .progress_area .state.type_p,
.mypage_section .data_detail_area .detail_top .state.type_p { background-color: rgba(42,173,92,0.1); color: #2aad5c; }
.mypage_section .data_info_list.type01 .progress_list .state.type_g,
.mypage_section .data_info_list.type02 .progress_area .state.type_g,
.mypage_section .data_info_list.type03 .progress_area .state.type_g,
.mypage_section .data_detail_area .detail_top .state.type_g { background-color: #e4f6eb; color: #123929; }
.mypage_section .data_info_list.type01 .progress_list .state.type_r,
.mypage_section .data_info_list.type02 .progress_area .state.type_r,
.mypage_section .data_info_list.type03 .progress_area .state.type_r,
.mypage_section .data_detail_area .detail_top .state.type_r { background-color: rgba(251,80,88,0.1); color: #fb5058; }
.mypage_section .data_info_list.type01 .progress_list .state.type_o,
.mypage_section .data_info_list.type02 .progress_area .state.type_o,
.mypage_section .data_info_list.type03 .progress_area .state.type_o,
.mypage_section .data_detail_area .detail_top .state.type_o { background-color:  rgba(255, 141, 35, 0.1); color: #ff8d23; }
.mypage_section .data_info_list.type01 .progress_list .state.type_b,
.mypage_section .data_info_list.type02 .progress_area .state.type_b,
.mypage_section .data_info_list.type03 .progress_area .state.type_b,
.mypage_section .data_detail_area .detail_top .state.type_b { background-color: rgba(53, 170, 255, 0.1); color: #35aaff; }

.mypage_section .data_info_list.type01 .progress_list span { margin-right: 4px; }
.mypage_section .data_info_list.type01 .guide_text { margin-top: 8px; font-weight: normal; font-size: 14px; line-height: 22px; color: #888888; }

.mypage_section .data_info_list.type02 .progress_area .state + .state { margin-left: 4px; }


.mypage_section .data_info_list.type02 a { display: inline-block; width: 100%; padding: 20px; text-align: left; background-color: #fdfdfd; border: 2px solid #e4f6eb; box-sizing: border-box; border-radius: 12px; background-image: url(../image/icon_arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 17px) 22px; background-size: 16px; }
.mypage_section .data_info_list.type03 a { display: inline-block; width: 100%; padding: 20px; text-align: left; background-color: #fdfdfd; border: 2px solid #e4f6eb; box-sizing: border-box; border-radius: 12px; background-image: url(../image/icon_arrow.svg); background-repeat: no-repeat; background-position: calc(100% - 16px) 22px; }
.mypage_section .data_info_list.type02 li,
.mypage_section .data_info_list.type03 li { margin-bottom: 16px; }
.mypage_section .data_info_list.type02 li:last-of-type,
.mypage_section .data_info_list.type03 li:last-of-type { margin-bottom: 0px; border-bottom: 0; }
.mypage_section .data_info_list.type02 .progress_area,
.mypage_section .data_info_list.type03 .progress_area { width: 100%; }
.mypage_section .data_detail_area .detail_top .progress_area { width: 100%; display: flex; justify-content: flex-start; }
.mypage_section .data_detail_area .detail_top .progress_area .state + .state { margin-left: 4px; }
.mypage_section .data_detail_area .detail_top .progress_area .date { flex-grow: 1; text-align: right; }

.mypage_section.sub_type01 .data_info_list.type02 > li { text-align: center; }
.mypage_section.sub_type01 .data_info_list.type02 > li { text-align: center; }
.mypage_section.sub_type01 .data_info_list.type03 > li { text-align: center; }
.mypage_section.sub_type01 .data_info_list.type02 a { text-align: left; width: calc(100% - 48px); }
.mypage_section.sub_type01 .data_info_list.type03 a { text-align: left; width: calc(100% - 48px); }
.mypage_section.sub_type01 .data_info_list.type02 a .data_main_text span { width: 100%; font-size: 16px; line-height: 22px; }

.mypage_section .data_info_list.type02 .progress_area .state + .date,
.mypage_section .data_info_list.type03 .progress_area .state + .date { margin-left: 8px; }
.mypage_section .data_info_list.type02 .progress_area .state + .date { margin-left: 0; display: block; line-height: 20px; margin-top: 4px; }

.mypage_section .data_info_list.type02 .progress_area .date,
.mypage_section .data_info_list.type03 .progress_area .date { font-weight: normal; font-size: 14px; line-height: 16px; }
.mypage_section .data_info_list.type02 .progress_area .date { padding-right: 12px; line-height: 1.5; }
.mypage_section .data_info_list.type03 .progress_area .date,
.mypage_section .data_detail_area .detail_top .progress_area .date { font-weight: normal; font-size: 14px; line-height: 16px; }
.mypage_section .data_info_list.type02 .data_main_text { margin-top: 16px; }
.mypage_section .data_detail_area .detail_top .data_main_text { margin-top: 8px; }
.mypage_section .data_info_list.type02 .data_main_text strong,
.mypage_section .data_detail_area .detail_top .data_main_text strong { display: block; font-weight: bold; font-size: 20px; line-height: 24px; }
.mypage_section .data_info_list.type02 .data_main_text span { display: inline-block; width: 100%; font-weight: normal; font-size: 18px; line-height: 24px; margin-top: 12px; }
.mypage_section .data_detail_area .detail_top .data_main_text span { display: inline-block; width: 272px; font-weight: normal; font-size: 16px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mypage_section .data_tab_list { margin-top: 44px; padding: 0 24px 0 ; white-space: nowrap; overflow: auto; }
.mypage_section .data_tab_list::-webkit-scrollbar { display: none; }
.mypage_section .data_tab_list li { display: inline-block; margin-right: 8px; }
.mypage_section .data_tab_list li:last-of-type { margin-right: 0; }
.mypage_section .data_tab_list li input[type="checkbox"] { display: none; }
.mypage_section .data_tab_list li input[type="checkbox"] + label { display: inline-block; padding: 12px 16px 12px 36px; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 8px; font-weight: bold; font-size: 13px; color: #888888; padding-left: 40px; background-image: url(../image/agree_chk_gr.svg); background-repeat: no-repeat; background-position: 16px center; background-size: 16px; }
.mypage_section .data_tab_list li input[type="checkbox"]:checked + label { background-color: #2aad5c; border: 1px solid #2aad5c; color: #ffffff; background-image: url(../image/agree_chk_re.svg); }


.mypage_section .data_detail_area .detail_top .data_sub_text { margin-top: 1px; display: flex; justify-content: space-between; }
.mypage_section .data_detail_area .detail_top .data_sub_text span { font-weight: normal; font-size: 16px; line-height: 24px; }
.mypage_section .data_detail_area .detail_top .data_sub_text strong { font-weight: bold; font-size: 16px; line-height: 24px; }

.mypage_section .data_detail_area .detail_pay_area { margin-top: 72px; }
.mypage_section .data_detail_area .detail_pay_area .list_title { font-weight: bold; font-size: 24px; line-height: 30px; }
.mypage_section .data_detail_area .detail_pay_area .pay_list { margin-top: 23px; }
.mypage_section .data_detail_area .detail_pay_area .pay_list li { display: flex; justify-content: space-between; margin-bottom: 16px; }
.mypage_section .data_detail_area .detail_pay_area .pay_list li:last-of-type { margin-bottom: 8px; }
.mypage_section .data_detail_area .detail_pay_area .pay_list strong { font-weight: 400; font-size: 16px; line-height: 24px; }
.mypage_section .data_detail_area .detail_pay_area .pay_list span { font-weight: 700; font-size: 16px; line-height: 24px; }
.mypage_section .data_detail_area .detail_pay_area .inner_btn_area { text-align: right; }
.mypage_section .data_detail_area .detail_pay_area .receipt_btn { display: inline-block; font-weight: bold; font-size: 16px; line-height: 24px; text-decoration: underline; color: #2aad5c; display: inline-block; }

.mypage_section .data_detail_area .detail_pay_area .point_view_area { width: 100%; margin-top: 8px; padding: 16px; background-color: #e4f6eb; border-radius: 12px; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area li { margin: 0; margin-bottom: 4px; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area li:last-of-type { margin: 0; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area ul { width: 100%; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area li { display: flex; justify-content: space-between; width: 100%; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area span { font-weight: 400; font-size: 14px; line-height: 24px; }
.mypage_section .data_detail_area .detail_pay_area .point_view_area strong { font-weight: 700; font-size: 14px; line-height: 24px; }


.mypage_section .detail_list .list_type05 .pay_info_list { margin-top: 24px; }
.mypage_section .detail_list .list_type05 .pay_info_list li { display: flex; justify-content: space-between; margin-bottom: 16px; }
.mypage_section .detail_list .list_type05 .pay_info_list li strong { font-weight: normal; font-size: 18px; line-height: 24px; white-space: nowrap; }
.mypage_section .detail_list .list_type05 .pay_info_list li span { font-weight: normal; font-size: 18px; line-height: 24px; text-align: right; }
.mypage_section .pay_info_list + .guide_text { display: block; margin-top: 4px; font-weight: normal; font-size: 13px; line-height: 22px; color: #888888; }
.mypage_section .pay_info_list + .leftover_view_area { width: 100%; text-align: right; margin-top: 4px; font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; }
.mypage_section .pay_info_list + .leftover_view_area + .point_chk_area { margin-top: 16px; }

.mypage_section .button_info_area { padding-top: 20px; width: 100%; width: 368px; margin: 0 auto; text-align: right; }
.mypage_section .button_info_area .text_area { width: 100%; padding: 16px; background-color: #e4f6eb; border-radius: 12px; display: inline-block; position: relative; text-align: center; }
.mypage_section .button_info_area .text_area::after { content: ""; width: 21px; height: 12px; display: inline-block; background-image: url(../image/text_tail.svg); top: -12px; right: 40px; background-repeat: no-repeat; background-position: center center; position: absolute; transform: rotate(180deg); }
.mypage_section .button_info_area .text_area strong { display: inline-block; font-weight: bold; font-size: 16px; line-height: 22px; color: #2aad5c; padding-left: 27px; box-sizing: border-box; background-image: url(../image/info_icon02.svg); background-repeat: no-repeat; background-position: center left; }
.mypage_section .button_info_area .text_area span { margin-top: 8px; display: inline-block; font-weight: normal; font-size: 14px; line-height: 22px; text-align: center; word-break: keep-all; }


.mypage_section .data_info_list.type03 .data_pay_title { margin-top: 20px; font-weight: bold; font-size: 20px; line-height: 24px; }
.mypage_section .data_info_list.type03 .data_pay_info { margin-top: 12px; width: 100%; display: flex; justify-content: space-between; }
.mypage_section .data_info_list.type03 .data_pay_info span { font-weight: normal; font-size: 16px; line-height: 24px; }
.mypage_section .data_info_list.type03 .data_pay_info strong { font-weight: bold; font-size: 16px; line-height: 24px; }

.mypage_section .data_info_list.type05 { margin-top: 56px; }
.mypage_section .data_info_list.type05 > li { width: 100%; padding: 48px 24px; margin: 0 auto; border-bottom: 8px solid #f3f3f3; text-align: left; }
.mypage_section .data_info_list.type05 > li:first-of-type { padding-top: 0; }
.mypage_section .data_info_list.type05 > li:last-of-type { margin-bottom: 0; border-bottom: 0; }
.mypage_section .data_info_list.type05 > li > strong { font-weight: bold; font-size: 20px; line-height: 24px; }
.mypage_section .data_info_list.type05 .inner_data_list li { margin-top: 16px; display: flex; justify-content: space-between; }
.mypage_section .data_info_list.type05 .inner_data_list strong,
.mypage_section .data_info_list.type05 .inner_data_list span { font-weight: normal; font-size: 16px; line-height: 24px; }
.mypage_section .data_info_list.type05 .inner_data_list li:last-of-type { margin-top: 8px; text-align: right; display: inline-block; width: 100%; }
.mypage_section .data_info_list.type05 .inner_data_list li:last-of-type button,
.mypage_section .data_info_list.type05 .inner_data_list li:last-of-type a,
.mypage_section .data_info_list.type05 .inner_data_list li:last-of-type input[type="button"],
.mypage_section .data_info_list.type05 .inner_data_list li:last-of-type input[type="submit"] { display: inline-block; font-weight: bold; font-size: 16px; line-height: 24px; text-decoration: underline; color: #2aad5c; }

/* 20211021 - 마이페이지 UI 개선 */
.mypage_section .data_info_list.type02 { margin-top: 44px; }

.mypage_section .detail_list { margin-bottom: 40px; }
.detail_list .list_title,
.card_area .list_title_area .title { font-weight: 700; font-size: 18px; line-height: 26px; display: block; }

/* ==================== PL725 ==================== */
.mypage_section .cont_flex{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.mypage_section .cont_flex h4{ font-size: 18px; font-weight: 700; color: #222; line-height: 26px; }
.mypage_section .cont_flex .right{ position: relative; display: flex; align-items: center; text-align: right; cursor: pointer; }
.mypage_section .cont_flex .right .list_data{ font-size: 15px; font-weight: 400; color: #222; line-height: 22px; display: inline-block; }
.mypage_section .cont_flex .right strong{ position: relative; font-size: 16px; font-weight: 700; color: #2aad5c; line-height: 22px; display: inline-block; margin-left: 8px; }
.mypage_section .cont_flex .right strong::before{ position: absolute; right: 12px; bottom: 2px; width: calc(100% - 12px); height: 1.5px; background: #2aad5c; content: ''; display: block; }
.mypage_section .cont_flex .right strong::after{ width: 8px; height: 12px; background: url(../image/icon_arrow_pop.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -1px; margin-left: 4px; }
.mypage_section .cont_flex .right .btn_datepicker{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: transparent; background: transparent; cursor: pointer; z-index: 5; }

.mypage_section .pay_card { width: 100%; height: 56px; font-size: 15px; font-weight: 400; color: #222; line-height: 24px; padding: 16px 24px; border: 1px solid #d0d0d0; border-radius: 12px; box-sizing: border-box; background: #fff; margin-top: 16px; }
.mypage_section .pay_sns { width: 100%; height: 68px; padding: 12px; border-radius: 12px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); margin-top: 16px; }
.mypage_section .pay_sns .icon{ display: block; height: 16px; margin-bottom: 8px; }
.mypage_section .pay_sns p{ display: block; font-size: 14px; font-weight: 700; line-height: 20px; text-align: right; }
.mypage_section .pay_sns.kakao { background: #FFEB00; }
.mypage_section .pay_sns.kakao p { color: rgba(34, 34, 34, 0.48); }
.mypage_section .pay_sns.naver { background: #00C73C; }
.mypage_section .pay_sns.naver p { color: #ffffff;  } 

#popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2200; }
#popup .popup_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.7); }
#popup .popup_wrap { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; flex-direction: column; width: 100%; max-width: 480px; padding: 48px 0 0; background: #fff; border-radius: 16px; z-index: 2220; }
#popup .btn_pop_close { position: absolute; right: 24px; top: 16px; width: 24px; height: 24px; background: url(../image/btn_popup_close.svg) no-repeat center center; background-size: contain; text-indent: -9999px; display: block; }
#popup .popup_inner { flex: 1; padding: 0 24px 24px; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
#popup .popup_inner::-webkit-scrollbar { display: none; }
#popup .pop_content_div { display: none; max-height: calc(100vh - 70px); padding: 0 24px 24px; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
#popup .pop_content_div::-webkit-scrollbar { display: none; }
#popup .pop_content_div h3 { font-size: 18px; font-weight: 700; color: #222; line-height: 26px; }
#popup .pop_content_div.month_pack { margin-bottom: 0; }
#popup .pop_btn_box { width: 100%; margin-top: 18px; }
#popup .pop_btn_box button, 
#popup .pop_btn_box input[type=submit] { width: 100%; height: 64px; font-size: 16px; font-weight: 700; color: #fff; line-height: 65px; background: #2aad5c; border: 1px solid #2aad5c; border-radius: 12px; box-sizing: border-box; display: block; }
#popup .pop_content_div.on { display: block; }
#popup .popup_wrap.type_toast { bottom: -30%; max-height: 90vh; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: bottom 0.5s ease-in-out; }
#popup.on .popup_wrap.type_toast { bottom: 0; }
#popup .popup_wrap.type_center { bottom: 50%; width: 90%; max-width: calc(480px - 48px); max-height: 90vh; transform: translateX(-50%) translateY(50%); }
/* full_type */
#popup .popup_wrap.full_type { height: 100%; padding-top: 0; border-radius: 0; }
#popup .popup_wrap.full_type .popup_top { position: relative; height: 68px; padding: 24px; text-align: center; }
#popup .popup_wrap.full_type .popup_top h3{ font-size: 16px; font-weight: 700; color: #222; line-height: 22px; }
#popup .popup_wrap.full_type .btn_pop_close { top: 20px; left: 24px; right: auto; width: 28px; height: 28px; background-image: url(../image/header/icon_detail_back01.svg); }
#popup .popup_wrap.full_type .pop_btn_box { position: absolute; left: 0; bottom: 0; padding: 24px; }
/* scroll_type */
#popup .popup_wrap.scroll_type { display: flex; flex-direction: column; }
#popup .popup_wrap.scroll_type .scroll_wrap { flex: 1; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; }
#popup .popup_wrap.scroll_type .scroll_wrap::-webkit-scrollbar { display: none; }
/* terms_type */
#popup .popup_wrap.terms_type { width: calc(100% - 48px); max-width: 432px; min-width: 312px; bottom: 50%; transform: translate(-50%, 50%); border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
#popup .popup_wrap.terms_type .pop_content_div { padding: 0 24px 34px; }
#popup .popup_wrap.terms_type .pop_content_div h3 { line-height: 48px; text-align: center; }
#popup .popup_wrap.terms_type .terms_box { width: 100%; min-height: 200px; max-height: 50vh; overflow-y: scroll; margin-top: 30px; }
#popup .popup_wrap.terms_type .terms_box::-webkit-scrollbar { width: 4px; }
#popup .popup_wrap.terms_type .terms_box::-webkit-scrollbar-thumb { height: 10%; background: #2aad5c; border-radius: 4px; }
#popup .popup_wrap.terms_type .terms_box::-webkit-scrollbar-track { background: #ffffff; }
#popup .popup_wrap.terms_type .terms_box p { font-size: 13px; font-weight: 400; color: #222222; line-height: 22px; margin-bottom: 24px; }
#popup .popup_wrap.terms_type .terms_box p:last-of-type { margin-bottom: 0; }
#popup .popup_wrap.terms_type .terms_box dt { font-size: 15px; font-weight: 700; color: #222222; line-height: 22px; margin-bottom: 8px; }
#popup .popup_wrap.terms_type .terms_box dd { font-size: 13px; font-weight: 400; color: #222222; line-height: 22px; margin-bottom: 24px; }
#popup .popup_wrap.terms_type .terms_box dd:last-of-type { margin-bottom: 0; }
#popup .popup_wrap.terms_type .terms_box li { margin-bottom: 16px; }
#popup .popup_wrap.terms_type .pop_btn_box { display: flex; justify-content: space-between; margin-top: 30px; }
#popup .popup_wrap.terms_type .pop_btn_box button { width: 49%; height: 56px; line-height: 55px; }
#popup .popup_wrap.terms_type .pop_btn_box .btn_disagree { color: #2aad5c; background: #ffffff; border: 1px solid #2aad5c; }

#change_popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2200; }
#change_popup .popup_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(34, 34, 34, 0.7); }
#change_popup .popup_wrap { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 48px); max-width: 312px; min-width: 312px; padding: 43px 24px; background: #fff; border-radius: 16px; overflow: hidden; z-index: 2220; }
#change_popup .popup_wrap p { font-size: 14px; font-weight: 400; color: #222; line-height: 24px; text-align: center; }
#change_popup .popup_wrap p::before { width: 40px; height: 40px; background: url(../image/icon_check_black.svg) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto 8px; }
#change_popup .popup_wrap p strong { font-size: 18px; font-weight: 700; line-height: 30px; }
/* ==================== PL725 ==================== */

.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box { margin-top: 16px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box > ul > li { padding: 10px 0 10px 0; border-top: 1px solid rgba(0,0,0,0.2); position: relative; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box > ul > li:last-of-type { border-bottom: 1px solid rgba(0,0,0,0.2); }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box p { display: inline-block; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .goods_info { padding-left: 8px; vertical-align: top; width: calc(100% - 84px); overflow: hidden; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .goods_info .goods_name { font-weight: bold; font-size: 14px; line-height: 20px; color: #222222; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:auto; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .goods_info span { font-weight: normal; font-size: 14px; line-height: 22px; }

.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .price_info { display: inline-block; position: absolute; right: 0; bottom: 12px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .sale_price { display: table; text-align: right; width: 100%; font-weight: normal; font-size: 13px; line-height: 22px; color: #d0d0d0; text-decoration: line-through; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .sale_percent { font-weight: bold; font-size: 18px; line-height: 22px; color: #2aad5c; display: inline-block; padding-right: 8px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .price { font-weight: bold; font-size: 16px; line-height: 32px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .img_box { width: 76px; height: 76px; overflow: hidden; display: inline-block; border-radius: 8px; position: relative; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box img { width: 250%; min-height: 76px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li { display: flex; justify-content: space-between;  margin-bottom: 8px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total .calc_area li:last-of-type { margin-bottom: 8px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li strong { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(34,34,34,0.72); }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total .calc_area li span { font-weight: 500; font-size: 16px; line-height: 22px; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li span.font_red { color: #fb5058; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li .total_price { font-weight: bold; font-size: 18px; line-height: 32px; color: #2aad5c; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total .use_point_area li { display: block; }
.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li .price { font-weight: 700; font-size: 16px; line-height: 24px; }

.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total li.point_area { display: block; justify-content: inherit; padding: 8px 0px; margin-bottom:8px; border-top:1px #EFEFEF solid; border-bottom:1px #EFEFEF solid; } 

.mypage_section .data_detail_area .detail_list .list_type01 .nut_info_box .shopping_total .point_chk_area + .calc_area { margin-top: 8px; }

.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list + .point_change_wrap { margin-top: 12px; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li { display: flex; justify-content: space-between; margin-bottom: 16px; align-items: center; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li:last-of-type { margin-bottom: 0; align-items: flex-start; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .point_title { font-weight: 700; display: flex; flex-direction: column; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .point_title em { font-weight: 400; font-size: 11px; line-height: 24px; color: #888888; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li { display: flex; align-items: center; justify-content: space-between; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .title,
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li strong { font-weight: 700; font-size: 18px; line-height: 26px; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .btn_area .point_change_btn { display: inline-block; margin-left: 8px; font-weight: 700; font-size: 16px; line-height: 22px; color: #2aad5c; text-decoration: underline; }

.mypage_section .data_detail_area .detail_list .point_change_wrap { height: 0; overflow: hidden; transition: height 0.5s; }

.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .date_update_area span,
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li span { font-weight: 700; font-size: 16px; line-height: 22px; position: relative; height: 22px; display: inline-block; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .date_update_area { display: flex; justify-content: flex-end; align-items: center; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .datepicker_area { margin-left: 8px; position: relative; width: 28px; height: 32px; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .datepicker_area .fake_btn { font-weight: bold; font-size: 16px; line-height: 32px; text-decoration: underline; color: #2aad5c; cursor: pointer; display: inline-block; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li .datepicker_area .date_input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; opacity: 0; cursor: pointer; }
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li span .date_chk_btn { font-size: 18px; line-height: 32px; text-decoration: underline; color: #2aad5c; font-weight: bold; display: inline-block; margin-left: 16px; text-align: center; }
/*.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list li span .date_find_input { position: absolute; right: 0; opacity: 1; width: 33px; height: 32px; cursor: pointer; }*/
.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list input[type="date"] { font-size: 17px; margin-top: 5px; width: 150px; font-weight: 400; color: #222222; }

/* 배송지정보 */
.delivery_area { height: calc(100% - 80px); display: flex; flex-direction: column; }
.delivery_area .input_list { flex: 1; }
.delivery_area .input_list li { margin-bottom: 12px; }
.delivery_area .input_list li.list_btn_area { display: flex; justify-content: space-between; }
.delivery_area .input_list li.list_btn_area .input_box { width: calc(100% - 148px); }
.delivery_area .input_list li.list_btn_area button,
.delivery_area .input_list li.list_btn_area a,
.delivery_area .input_list li.list_btn_area input[type="button"],
.delivery_area .input_list li.list_btn_area input[type="submit"] { width: 140px; height: 56px; line-height: 56px; background-color: #2aad5c; border-radius: 12px; font-weight: bold; font-size: 15px; letter-spacing: 0.75px; color: #ffffff; }
.delivery_area .list_title{ position: relative; cursor: pointer; }
.delivery_area .list_title::after{ position: absolute; right: 0; top: 4px; width: 16px; height: 16px; background: url(../image/result_drop_icon.svg) no-repeat center center; content: ''; display: block; transition: all 0.2s ease-in-out; }
.delivery_area .list_title.on::after{ transform: rotate(180deg); }
.delivery_area .btn_box .btn_pop_submit { display: block; width: 100%; height: 64px; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 64px; background: #2aad5c; border-radius: 12px; overflow: hidden; }
.delivery_area .btn_box .btn_pop_submit:disabled { background-color: #d0d0d0; border-color: #d0d0d0; }

.card_area select { background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 12px; width: 100%; height: 56px; line-height: 56px; padding: 0 16px 0 24px; font-weight: normal; font-size: 15px; background-image: url(../image/result_drop_icon.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) center; }
.card_area .select_area { margin-top: 24px; }

/* .btn_box */
.btn_box{ width: 100%; text-align: center; padding: 16px 0 0; }
.btn_box .btn{ display: inline-block; height: 36px; font-size: 15px; font-weight: 700; color: #2aad5c; line-height: 36px; padding: 0 20px; border: 1px solid #2aad5c; border-radius: 12px; }
.btn_box .btn_arrow::after{ width: 8px; height: 12px; background: url(../image/btn_arrow_purple.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-left: 10px; }
.btn_box .btn_plus::before{ width: 10px; height: 10px; background: url(../image/btn_plus_purple.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-right: 6px; }

/* 정기구독자 혜택 */
.mypage_section .data_detail_area .detail_list .list_type06 .list_title{ margin-bottom: 16px; }

/* 혜택 배너 */
.banner_list li { display: flex; align-items: center; }
.banner_list li + li { padding-top: 16px; border-top: 1px solid #EFEFEF; margin-top: 16px; }
.banner_list li i { width: 40px; height: 40px; background: #F8F9FA; border-radius: 50%; margin-right: 12px; }
.banner_list li i.icon_cs { background: url(../image/icon_circle_cs.png) no-repeat center center; background-size: contain; }
.banner_list li i.icon_coin { background: url(../image/icon_circle_coin.png) no-repeat center center; background-size: contain; }
.banner_list li i.icon_delivery { background: url(../image/icon_circle_delivery.png) no-repeat center center; background-size: contain; }
.banner_list li .text { width: calc(100% - 52px); }
.banner_list li .text span { display: block; font-size: 13px; font-weight: 700; color: #2aad5c; line-height: 130%; letter-spacing: -0.13px; }
.banner_list li .text p { width: 100%; font-size: 16px; font-weight: 400; color: #222; line-height: 140%; letter-spacing: -0.32px; margin-top: 4px; }


/* fix */
.mypage_section .data_detail_area .btn_option_box { display: inline-block; width: 100%; text-align: center; padding-bottom: 12px; }
.mypage_section .data_detail_area .btn_option_text { width: 100%; font-weight: 700; font-size: 15px; line-height: 24px; color: #2aad5c; }

.mypage_section .data_detail_area .bot_btn_area.fixed_type.fix { position: absolute; bottom: 96px; }

.mypage_section .data_detail_area .bot_btn_area.sticky_type { width: 100%; position: sticky; padding: 20px 0px 24px; bottom: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); z-index: 5; max-width: 480px;  transform: none; left: inherit; }




.mypage_section .section_wrap.type_friend_invite { padding-bottom: 0; }
.mypage_section .section_wrap.type_friend_invite .img_area { margin-top: 0px; }
.mypage_section .section_wrap.type_friend_invite .img_area img { image-rendering: -moz-crisp-edges; /* firefox */ image-rendering: -o-crisp-edges; /* opera */ image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */ image-rendering: crisp-edges; }
.mypage_section .friend_invite_view { margin-top: 56px; }
.mypage_section .friend_invite_view .info_view_area { padding: 48px 0; text-align: center; }
.mypage_section .friend_invite_view .info_view_area .btn_area { width: 312px; margin: 0 auto; }
.mypage_section .friend_invite_view .info_view_area .btn_area .btn + .btn { margin-top: 8px; }
.mypage_section .friend_invite_view .info_view_area .btn_area .btn { width: 100%; height: 56px; line-height: 56px; box-shadow: 2px 2px 4px rgba(0,0,0,0.16); border-radius: 12px; background-color: #2aad5c; color: #fcfcfc; font-weight: 700; font-size: 16px; display: inline-block; }
.mypage_section .friend_invite_view .info_view_area .btn_area .btn.kakao { background-color: #fee500; color: #222222; display: flex; justify-content: center; align-items: center; }
.mypage_section .friend_invite_view .info_view_area .btn_area .btn.kakao::before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_kakao01.svg); margin-right: 8px; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail { margin-top: 48px; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .detail_title { font-weight: 700; font-size: 24px; line-height: 34px; color: #222222; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box { margin: 16px auto; background-color: #e4f6eb; border-radius: 12px; padding: 24px 26px; width: 312px; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box ul { display: flex; justify-content: space-between; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box li { width: 50%; text-align: center; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box li + li { border-left: 1px solid #123929; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box li .box_title { width: 100%; font-weight: 400; font-size: 14px; line-height: 20px; color: #272727; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .info_box li .info_text { margin-top: 8px; font-weight: 700; font-size: 15px; line-height: 22px; color: #000000; }
.mypage_section .friend_invite_view .info_view_area .invite_info_detail .guide_link { font-weight: 500; font-size: 15px; line-height: 20px; text-decoration: underline; color: #123929; }


/* <- 860 */
.mypage_section .friend_invite_view .notice_area { padding: 40px 34px 96px; background-color: #f3f3f3; }
.mypage_section .friend_invite_view .notice_area .area_title { font-weight: 500; font-size: 14px; line-height: 1.7; color: #888888; }
.mypage_section .friend_invite_view .notice_area ul li { padding-left: 20px; font-weight: 400; font-size: 13px; line-height: 1.7; color: #888888; position: relative; }
.mypage_section .friend_invite_view .notice_area ul li::before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 3px; height: 3px; background-color: #888888; border-radius: 50%; top: 10px; left: 8px; }


/* =========== PL 701 해지방어 =========== */
.unsubscribe_area .btn01{ display: block; width: 100%; height: 64px; font-size: 16px; font-weight: 700; color: #fcfcfc; line-height: 64px; box-sizing: border-box; background: #2aad5c; border-radius: 12px; }
.unsubscribe_area .btn01:disabled{ color: #969799; background: #EAECEF; }
.unsubscribe_area .btn02{ display: inline-block; width: 190px; height: 40px; font-size: 16px; font-weight: 700; color: #222; line-height: 40px; box-sizing: border-box; border: 1px solid #222; border-radius: 12px; opacity: 0.5; }

.mypage_section .unsubscribe_area{ min-height: calc(100% - 275px); padding-bottom: 96px; }
.mypage_section .unsubscribe_area .bot_btn_area.fixed_type.fix{ left:0; right:0; bottom: 0; }
.unsubscribe_area .title{ position: relative; font-size: 26px; font-weight: 700; color: #222; line-height: 34px; margin-bottom: 24px; }
.unsubscribe_area .title b{ color: #128DFF; }
.unsubscribe_area .tit_icon01::after{ position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/icon_hand.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.unsubscribe_area .price_div_area{ padding: 16px; background: #F7F8FB; border-radius: 8px; }
.unsubscribe_area .price_div_area .total_price{ font-weight: 700; margin: 0 0 8px; }
.unsubscribe_area .price_div_area .total_sale{ color: #FB5058; }
.unsubscribe_area .price_div_area .detail_price{ padding: 0 8px; }
.unsubscribe_area .price_div_area .detail_price li{ display: flex; justify-content: space-between; }
.unsubscribe_area .price_div_area .detail_price li span{ position: relative; display: inline-block; font-size: 16px; font-weight: 400; color: #222; line-height: 22px; }
.unsubscribe_area .price_div_area .detail_price li span:first-of-type:before{ content: "ㄴ"; display: inline-block; vertical-align: 2px; margin-right: 3px; }
.unsubscribe_area .cancle_div_area{ text-align: center; }
.unsubscribe_area .cancle_div_area p{ font-size: 16px; font-weight: 700; color: #222; line-height: 22px; margin-top: 24px; }
.unsubscribe_area .cancle_div_area p::after{ width: 72px; height: 72px; margin: 16px auto 24px; background: url(../image/img_crying.svg) no-repeat center center; background-size: contain; display: block; content: ''; }
.unsubscribe_area .cancle_div_area img{ width: 72px; margin-bottom: 24px; }
.unsubscribe_area .txt_div_area{ text-align: center; padding: 14px; background: #F3F3F3; border-radius: 8px; border-top-left-radius: 0px; }
.unsubscribe_area .txt_div_area p{ font-size: 16px; font-weight: 400; color: #222; line-height: 22px; }
.unsubscribe_area .txt_div_area p b{ color: #2aad5c; }
.unsubscribe_area .txt_div_area p.icon_hand::before{ width: 36px; height: 36px; background: url(../image/icon_hands.svg) no-repeat center center; background-size: contain; margin: 0 auto 8px; content: ''; display: block; }
.unsubscribe_area .txt_div_area p.icon_cash::before{ width: 36px; height: 36px; background: url(../image/icon_cash.svg) no-repeat center center; background-size: contain; margin: 0 auto 8px; content: ''; display: block; }
.unsubscribe_area .select_box{ margin-bottom: 24px; }
.unsubscribe_area .answer_box{ min-height: 104px; margin-bottom: 72px; }
.unsubscribe_area .answer_box ul li{ display: none; }
.unsubscribe_area .answer_box ul li.on{ display: block; }
.unsubscribe_area .answer_box ul li .txt_box{ width: 100%; padding: 12px 16px; background: #F7F8FB; border-radius: 8px; margin-bottom: 8px; }
.unsubscribe_area .answer_box ul li .txt_box:last-of-type{ margin-bottom: 0; }
.unsubscribe_area .answer_box ul li .txt_box.numb{ padding-left: 40px; }
.unsubscribe_area .answer_box ul li .txt_box span{ position: absolute; left: -24px; top: 3px; width: 16px; height: 16px; font-size: 12px; font-weight: 700; color: #2aad5c; line-height: 16px; text-align: center; border-radius: 50%; background: #fff; content: ''; display: block; }
.unsubscribe_area .answer_box ul li .txt_box p{ position: relative; font-size: 15px; font-weight: 400; color: #222; line-height: 24px; word-break: keep-all; }
.unsubscribe_area .answer_box ul li .txt_box p b{ color: #2aad5c; }
.unsubscribe_area .answer_box ul li .txt_box a { margin-top: 8px; display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; text-decoration: underline; color: #2aad5c; position: relative; }
.unsubscribe_area .answer_box ul li .txt_box a::after { content: ""; display: inline-block; width: 6px; height: 11px; position: absolute; right: -12px; top: 50%; transform: translateY(-50%); background-image: url(../image/icon_arrow_pp01.svg); background-repeat: no-repeat; background-position: center center; }
.unsubscribe_area .answer_box .textarea_div{ display: none; }
.unsubscribe_area .answer_box .textarea_div.on{ display: block; }
.unsubscribe_area .bye_box{ text-align: center; }
.unsubscribe_area .bye_box p{ font-size: 16px; font-weight: 700; color: #222; line-height: 22px; text-align: center; margin-bottom: 24px; }
.unsubscribe_area .bye_box p::after{ width: 72px; height: 72px; background: url(../image/img_cry.png) no-repeat center center; background-size: contain; display: block; content: ''; margin: 16px auto 0; }
/* =========== PL 701 해지방어 =========== */


/* Login */
.login_section .agree_box + .bot_btn_area { position: static; margin-top: 40px; padding: 0 24px 40px; }
.login_section .section_wrap { width: calc(100% - 48px); margin: 0 auto; padding: 92px 0; text-align: left; }
.login_section .section_wrap .section_title { position: relative; font-size: 26px; font-weight: bold; line-height: 34px; color: #222222; display: block; }
.login_section .section_wrap .section_title.icon_request { font-size: 24px; }
.login_section .section_wrap .section_title.icon_request::after { position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/img_sorry_02.svg) no-repeat center center; content: ''; display: block; }
.login_section .section_wrap .login_info_list .login_list { margin-top: 0px; height: 0; overflow: hidden; transition: height 0.5s, margin-top 0.5s; }
.login_section .section_wrap .login_info_list .login_list.active { margin-top: 40px; }
.login_section .section_wrap .login_info_list .login_list.active + .login_btn_area { margin-top: 12px; }
.login_section .section_wrap .login_info_list .login_list li { margin-bottom: 12px; }
.login_section .section_wrap .login_info_list .login_list li:last-of-type { margin-bottom: 0; }
.login_section .section_wrap .login_info_list .login_list .password_area { height: 0; overflow: hidden; transition: all 0.4s; margin: 0; }
.login_section .section_wrap .login_info_list.on .login_list .password_area { margin-bottom: 12px; height: 56px; }

.login_section .section_wrap .login_info_list .login_btn_area .next { display: inline-block; }
.login_section .section_wrap .login_btn_area .btn { display: inline-block; }
.login_section .section_wrap .login_info_list .login_btn_area .login { display: none; }
.login_section .section_wrap .login_info_list.on .login_btn_area .next { display: none; }
.login_section .section_wrap .login_info_list.on .login_btn_area .login { display: inline-block; }
.login_section .section_wrap .login_info_list .btn_list { margin-top: 42px; }
.login_section .section_wrap .login_info_list .btn_list li { margin-bottom: 12px; }


.login_section .section_wrap .login_info_list .login_list button,
.login_section .section_wrap .login_info_list .login_list a,
.login_section .section_wrap .login_info_list .login_list input[type="button"],
.login_section .section_wrap .login_info_list .login_list input[type="submit"] { height: 64px; line-height: 64px; border-radius: 12px; font-weight: bold; font-size: 15px; box-sizing: border-box; display: inline-block; width: 100%; background-color: #2aad5c; color: #fcfcfc; }

.login_section .section_wrap .login_btn_area button,
.login_section .section_wrap .login_btn_area a,
.login_section .section_wrap .login_btn_area input[type="button"],
.login_section .section_wrap .login_btn_area input[type="submit"] { height: 64px; line-height: 64px; border-radius: 12px; font-weight: bold; font-size: 15px; box-sizing: border-box; display: inline-block; width: 100%; background-color: #2aad5c; color: #fcfcfc; }

.login_section .section_wrap .login_info_list .login_list button:disabled,
.login_section .section_wrap .login_info_list .login_list a:disabled,
.login_section .section_wrap .login_info_list .login_list input[type="button"]:disabled,
.login_section .section_wrap .login_info_list .login_list input[type="submit"]:disabled { background-color: #d0d0d0; }


.login_section .section_wrap .login_info_list .btn_list button,
.login_section .section_wrap .login_info_list .btn_list a,
.login_section .section_wrap .login_info_list .btn_list input[type="button"],
.login_section .section_wrap .login_info_list .btn_list input[type="submit"] { width: 100%; height: 64px; line-height: 64px; border-radius: 12px; font-weight: bold; font-size: 15px; color: #fcfcfc; }
.login_section .section_wrap .login_info_list .btn_list .kakao,
.login_section .section_wrap .login_info_list .btn_list input[type="submit"].kakao { background-color: #fee500; color: #222222; }
.login_section .section_wrap .login_info_list .btn_list .naver { background-color: #42BC00; }

.login_section .section_wrap .login_info_list .etc_list { width: 100%; text-align: center; margin-top: 24px; letter-spacing: -0.75px; }
.login_section .section_wrap .login_info_list .etc_list li { display: inline-block; }
.login_section .section_wrap .login_info_list .etc_list li a { font-weight: normal; font-size: 15px; line-height: 24px; padding: 0 12px; }
.login_section .section_wrap .login_info_list .etc_list li + li::before { content: ""; width: 1px; height: 20px; display: inline-block; background-color: #d0d0d0; vertical-align: middle; margin-top: -4px; }

.login_section .section_sub_text { display: block; margin-top: 8px; font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 22px; }
.login_section .section_sub_title { display: block; font-size: 18px; font-weight: 700; color: #2aad5c; line-height: 26px; margin-top: 16px; }


.login_section .input_list li input[type="radio"] { display: none; }
.login_section .input_list li input[type="radio"] + label { position: relative; font-weight: bold; font-size: 16px; line-height: 22px; color: #d0d0d0; margin-right: 24px; }
.login_section .input_list li input[type="radio"] + label::before { content: ""; display: inline-block; width: 20px; height: 20px; background-color: #ffffff; border-radius: 50%; border: 2px solid #D0D0D0; box-sizing: border-box; margin-right: 8px; vertical-align: -4px; }
.login_section .input_list li input[type="radio"]:checked + label { color: #2aad5c; }
.login_section .input_list li input[type="radio"]:checked + label::before { border: 5px solid #2aad5c; }

.login_section .bot_btn_area { position: absolute; top: auto; }
.login_section .bot_btn_area .btn_tooltip { position: absolute; display: inline-block; top: -44px; left: 50%; transform: translateX(-50%); padding: 0 20px; height: 40px; line-height: 40px; background: rgba(34, 34, 34, 0.7); border-radius: 12px; font-weight: 700; font-size: 14px; color: #ffffff; white-space: nowrap; }
.login_section .bot_btn_area .btn_tooltip em { color: #2aad5c; }
.login_section .bot_btn_area .btn_tooltip::after { content: ""; width: 20px; height: 12px; left: 50%; transform: translateX(-50%); display: inline-block; position: absolute; bottom: -12px; background-image: url(../image/icon_tail_grey02.svg); }


.login_section .input_list li.btn_type button,
.login_section .input_list li.btn_type a,
.login_section .input_list li.btn_type input[type="button"],
.login_section .input_list li.btn_type input[type="submit"] { position: absolute; display: inline-block; width: 92px; height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; font-weight: normal; font-size: 12px; color: #ffffff; right: 8px; top: 50%; transform: translateY(-50%); }
.login_section .input_list li.btn_type button:disabled,
.login_section .input_list li.btn_type a:disabled,
.login_section .input_list li.btn_type input[type="button"]:disabled,
.login_section .input_list li.btn_type input[type="submit"]:disabled { background-color: #d0d0d0; }

.login_section .info_view_area { margin-top: 24px; }
.login_section .info_view_area .date { font-weight: normal; font-size: 15px;line-height: 24px; color: #888888; display: block; }
.login_section .info_view_area .info_view_box { display: block; width: 100%; margin-top: 8px; padding: 20px 0; background-color: #eff0f7; border-radius: 12px; text-align: center; font-weight: bold; font-size: 18px; }
.login_section .info_view_area .etc_info_text { margin-top: 16px; font-weight: normal; font-size: 15px; line-height: 24px; }

.login_section .icon_area { margin-top: 16px; }
.login_section .icon_area span { display: inline-block; width: 64px; height: 64px; background-repeat: no-repeat; background-position: center center; background-size: 64px; background-image: url(../image/pay_icon01.svg); }
.login_section .main_text { margin-top: 16px; font-weight: bold; font-size: 24px; line-height: 32px; }

.login_section .agree_box .list_title { display: block; font-size: 18px; font-weight: bold; line-height: 28px; margin-bottom: 16px; } 
.login_section .complete_main_text { font-weight: bold; font-size: 24px; line-height: 32px;  }
.login_section .complete_sub_text { margin-top: 8px; font-weight: normal; font-size: 15px; line-height: 24px; }
.login_section .coupon_list_area { margin-top: 32px; }
.login_section .coupon_list_area .title { font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; }
.login_section .coupon_list_area ul { margin-top: 8px; }
.login_section .coupon_list_area li { padding: 16px 0; background-color: #e4f6eb; border-radius: 16px; }
.login_section .coupon_list_area li { padding: 16px 0; background-color: #e4f6eb; border-radius: 16px; display: flex; justify-content: center; align-items: center; margin-bottom: 8px; }
.login_section .coupon_list_area li:last-child { margin-bottom: 0; }

.login_section .coupon_list_area li i { display: inline-block; width: 95px; height: 50px; margin-right: 26px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.login_section .coupon_list_area li.coupon_type1m i { background-image: url(../image/icon_coupon_1m.svg); }
.login_section .coupon_list_area li.coupon_type5c i { background-image: url(../image/icon_coupon_5c.svg); }
.login_section .coupon_list_area li p { font-weight: bold; font-size: 18px; line-height: 24px; }
.login_section .coupon_list_area li p em { color: #2aad5c; }


.login_section .bot_btn_area.type01 .btn:disabled { color: rgba(34, 34, 34, 0.14) !important; background: #EAECEF !important; }
.join_terms { margin-top: 50px; }
.join_terms h4 { font-size: 18px; font-weight: 700; color: #2aad5c; line-height: 26px; }
.join_terms .agree_box { margin-top: 16px; }
.join_terms .terms_title { font-size: 15px; font-weight: 500; color: #222; line-height: 24px; margin-bottom: 8px; }
.join_terms .terms_wrap { width: 100%; border: 1px solid #d0d0d0; border-radius: 4px; overflow: hidden; }
.join_terms .terms_wrap .simple_terms { width: 100%; padding: 8px; }
.join_terms .terms_wrap .simple_terms p { width: 100%; height: 66px; font-size: 12px; font-weight: 400; color: #454545; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
.join_terms .terms_wrap .btn_more { float: none; width: 100%; line-height: 29px; text-decoration: none; background: #F2F2F3; border-top: 1px solid #d0d0d0; }
.join_terms .terms_wrap .btn_more::after{ width: 18px; height: 18px; transform: rotate(180deg); vertical-align: -4px; background: url(../../resources/image/icon_arrow_gray01.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-left: 4px; }

/* 추천인 */
.login_section .recommend_area .icon_area span { background-image: url(../image/icon_recommend.svg); }
.login_section .complete_main_text em { color: #2aad5c; }

.login_section .recommend_code_input { margin-top: 80px; }
.login_section .coupon_guide_area .title,
.login_section .input_code_area .title,
.login_section .recommend_code_input .title { font-weight: bold; font-size: 24px; line-height: 32px; }
.login_section .input_code_area .input_area { margin-top: 18px; }
.login_section .recommend_code_input .input_area { margin-top: 24px; }
.login_section .input_code_area .sub_text,
.login_section .recommend_code_input .sub_text { margin-top: 8px; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; }
.login_section .input_code_area .sub_text em,
.login_section .recommend_code_input .sub_text em { color: #2aad5c; }
.login_section .coupon_guide_area .title_sub_text { margin-top: 8px; font-weight: normal; font-size: 15px; line-height: 21px; }
.login_section .coupon_guide_area .title_sub_text em { color: #2aad5c; font-weight: bold; }

/* 효도팩 로그인 */
.login_section .coupon_guide_area .title b{ color: #2aad5c; }
.login_section .hd_login .title{ display: block; margin-bottom: 24px; }
.login_section .section_wrap.input_code_area { padding-top: 114px; }
.login_section .section_wrap.input_code_area .title .top_sub_text { display: block; font-weight: normal; font-size: 14px; line-height: 20px; color: #2aad5c; }
.login_section .section_wrap.input_code_area .title strong em { color: #2aad5c; }
.login_section .section_wrap.input_code_area .sub_text_list { margin-top: 12px; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; }
.login_section .section_wrap.input_code_area .sub_text_list li { margin-bottom: 8px; list-style: disc; margin-left: 24px; word-break: keep-all; }
.login_section .section_wrap.input_code_area .sub_text_list strong { font-weight: bold; }
.login_section .coupon_guide_area .coupon_guide_area { margin-top: 24px; }
.login_section .coupon_guide_area .coupon_contents_area { padding: 16px 28px; border-radius: 16px; display: flex; justify-content: center; align-items: center; }
.login_section .coupon_guide_area .coupon_contents_area + .coupon_contents_area { margin-top: 8px; }
.login_section .coupon_guide_area .coupon_contents_area .text_area { margin-left: 24px; }
.login_section .coupon_guide_area .coupon_contents_area i { display: inline-block; width: 95px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.login_section .coupon_guide_area .coupon_contents_area.type_1m i { background-image: url(../image/icon_coupon_1m.svg); }
.login_section .coupon_guide_area .coupon_contents_area.type_5c i { background-image: url(../image/icon_coupon_5c.svg); }
.login_section .coupon_guide_area .coupon_contents_area span { display: block; font-weight: 500; font-size: 16px; line-height: 20px; color: #222222; white-space: nowrap; }
.login_section .coupon_guide_area .coupon_contents_area strong { font-weight: 700; font-size: 16px; line-height: 24px; color: #2aad5c; }
.login_section .coupon_guide_area .coupon_contents_area.type_5c strong  { color: #2aad5c; }
.login_section .coupon_guide_area .coupon_guide_area i.plus { display: inline-block; width: 15px; height: 50px;; margin: 0 24px; background-image: url(../image/icon_plus_gray.png); background-repeat: no-repeat; background-position: center; }
.login_section .coupon_guide_area .coupon_contents_area.type_3000p { padding: 0; display: flex; flex-direction: column; align-items: center; background-color: transparent; margin-top: 24px; }
.login_section .coupon_guide_area .coupon_contents_area.type_3000p .guide_text { font-weight: 500; font-size: 16px; line-height: 20px; }
.login_section .coupon_guide_area .coupon_contents_area.type_3000p .guide_text strong { font-weight: 700; color: #222222; }
.login_section .coupon_guide_area .coupon_contents_area.type_3000p i { width: 240px; height: 136px; display: inline-block; background-image: url(../image/img_point3000.svg); margin-top: 0px; }
.login_section .coupon_guide_area .coupon_contents_area + .text_box { background-color: #e4f6eb; border-radius: 8px; padding: 16px; margin: 12px auto 0; width: 312px; }
.login_section .coupon_guide_area .coupon_contents_area + .text_box p { font-weight: 400; font-size: 14px; line-height: 20px; }
.login_section .coupon_guide_area .coupon_contents_area + .text_box p em { font-weight: 700; font-size: 14px; line-height: 20px; color: #2aad5c; }


/* ==================== 효도팩 상품선택 ==================== */
.fix_padding{ padding-bottom: 144px !important; }
.ft_purple{ color: #2aad5c; }
.btn_fix_bottom{ position: fixed; width: 100%; left: 50%; bottom: 0; transform: translateX(-50%); padding: 16px 24px 40px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); z-index: 5; max-width: 480px; }
.btn_fix_bottom .btn{ display: block; width: 100%; height: 64px; font-size: 16px; font-weight: 700; color: #fff; line-height: 64px; background: #2aad5c; border: none; border-radius: 16px; }
.btn_fix_bottom .btn_tooltip{ position: absolute; display: inline-block; top: -30px; left: 50%; transform: translateX(-50%); padding: 0 20px; height: 40px; line-height: 40px; background: rgba(34, 34, 34, 0.7); border-radius: 12px; font-weight: 700; font-size: 14px; color: #ffffff; white-space: nowrap; }
.btn_fix_bottom .btn_tooltip b{ color: #2aad5c; }
.btn_fix_bottom .btn_tooltip::after{ position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); width: 20px; height: 12px; background-image: url(../image/icon_tail_grey02.svg);content: "";  display: inline-block;  }

.contents_btn{ width: 100%; text-align: center; padding-top: 24px; }
.contents_btn .btn.type02{ display: inline-block; height: 36px; font-size: 15px; font-weight: 700; color: #123929; line-height: 36px; padding: 0 20px; border: 1px solid #123929; border-radius: 12px; }
.contents_btn .btn.type02::after{ width: 8px; height: 12px; background: url(../image/btn_arrow.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-left: 10px; }

.title_area{ margin-bottom: 24px; }
.title_area > h2{ position: relative; font-size: 26px; font-weight: 700; color: #222; line-height: 34px; word-break: keep-all; }
.title_area > h2.icon_check::after{ position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/shopping/icon_pay_success_02.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.title_area > h2.icon_gift::after{ position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/icon_gift.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.title_area > p{ font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 22px; word-break: keep-all; margin-top: 8px; }
.title_area a{ display: inline-block; font-size: 13px; font-weight: 500; border-bottom: 1px solid #2aad5c; }

.link_div{ text-align: right; margin-top: 24px; }

.next_box { border-top: 8px solid #fafafa; padding: 24px; width: calc(100% + 48px); margin-left: -24px; }

/* 효도팩 - 상품선택 - 케어리스트 */
.care_list h3{ font-size: 18px; font-weight: 700; color: #222; line-height: 26px; margin-bottom: 12px; }
.care_list ul > li{ margin-bottom: 12px; }
.care_list ul > li:last-of-type{ margin-bottom: 0; }
.care_list ul > li input{ display: none; }
.care_list ul > li label{ position: relative; display: block; padding: 12px; border: 1px solid #D0D0D0; border-radius: 8px; }
.care_list ul > li label::before{ position: absolute; left: 14px; top: 14px; width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; vertical-align: middle; content: ''; display: inline-block; }
.care_list .pack_name{ padding-left: 30px; margin-bottom: 8px; }
.care_list .pack_name strong{ font-size: 18px; font-weight: 400; color: #222; line-height: 24px; }
.care_list .pack_name em{ display: block; font-size: 14px; font-weight: 500; color: #222; font-style: normal; opacity: 0.7; margin-top: 3px; }
.care_list .pack_name span{ display: inline-block; font-size: 14px; font-weight: 500; color: #222; vertical-align: 1px; opacity: 0.7; margin-left: 8px; }
.care_list .price{ text-align: right; }
.care_list .price .discount{ position: relative; display: inline-block; font-size: 13px; font-weight: 500; color: #222; line-height: 17px; opacity: 0.5; margin-right: 8px; }
.care_list .price .discount::after{ position: absolute; left: 0; top: 9px; width: 100%; height: 1px; background: #222; content: ''; display: block; z-index: 1; }
.care_list .price strong{ display: inline-block; font-size: 24px; font-weight: 700; color: #FB5058; }
.care_list ul > li input:checked + label{ border: 1px solid #2aad5c; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.care_list ul > li input:checked + label::before{ border: 5px solid #2aad5c; }
.care_list ul > li input:checked + label .pack_name strong{ font-weight: 700; }

.pack_nuts{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 4px; }
.pack_nuts.pn2 li{ width: 46%; }
.pack_nuts.pn3 li{ width: 27%; }
.pack_nuts li{ text-align: center; margin: 0 4px 4px; }
.pack_nuts li img{ max-width: 77px; max-height: 44px; }
.pack_nuts li span{ display: block; font-size: 13px; font-weight: 400; color: #222; line-height: 25px;  }

/* 효도팩 - 영양제정보 - 영양제리스트 */
.nuts_list > h3{ font-size: 22px; font-weight: 700; color: #222; line-height: 30px; margin-bottom: 4px; }
.nuts_list > p{ font-size: 14px; font-weight: 400; color: #888; line-height: 20px; word-break: keep-all; }
.nuts_list ul{ margin-top: 24px; }
.nuts_list ul li{ margin-bottom: 16px; }
.nuts_list ul li:last-of-type{ margin-bottom: 0; }
.nuts_list ul li a{ display: flex; align-items: center; }
.nuts_list .nuts_img{ position: relative; width: 96px; height: 96px; border: 1px solid #e4f6eb; border-radius: 8px; overflow: hidden; margin-right: 12px; }
.nuts_list .nuts_img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 300px; width: 300px; }
.nuts_list .nuts_info{ width: calc(100% - 108px); padding: 4px 0; text-align: left; }
.nuts_list .nuts_info strong{ font-size: 13px; font-weight: 500; color: #818181; line-height: 20px; }
.nuts_list .nuts_info p{ width: 100%; height: 44px; font-size: 15px; font-weight: 700; color: #222; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 4px; }
.nuts_list .nuts_info span{ display: block; font-size: 13px; font-weight: 400; line-height: 20px; text-align: right; }

/* 효도팩 - 결제완료 - 팝업 */
.pop_message{ display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 310px; border-radius: 24px; padding: 40px 24px 24px 24px; text-align: center; background: #fff; z-index: 9999; }
.pop_message.active{ display: block; }
.pop_message p{ font-size: 14px; font-weight: 400; color: #222; line-height: 24px; margin-bottom: 24px; }
.pop_message .btn_box{ display: flex; justify-content: space-between; }
.pop_message .btn_box a{ display: block; width: 48%; font-size: 16px; font-weight: 700; line-height: 56px; border-radius: 12px; box-sizing: border-box; }
.pop_message .btn_box .btn_submit{ color: #fff; background: #2aad5c; }
.pop_message .btn_box .btn_cancle{ color: #2aad5c; border: 1px solid #2aad5c; }


/* 부모님 영양제 추천 */
.pack_list h3{ font-size: 18px; font-weight: 700; color: #222; line-height: 26px; margin-bottom: 12px; }
.pack_list ul > li{ border: 1px solid #128DFF; padding: 16px; border-radius: 12px; text-align: center; margin-bottom: 16px; }
.pack_list ul > li:last-of-type{ margin-bottom: 0; }
.pack_list ul > li > h4{ font-size: 26px; font-weight: 700; color: #128DFF; line-height: 34px; margin-bottom: 4px; }
.pack_list ul > li > p{ font-size: 16px; font-weight: 500; color: #222; opacity: 0.7; margin-bottom: 16px; }
.pack_list .price .discount{ position: relative; display: inline-block; font-size: 13px; font-weight: 500; color: #222; line-height: 17px; opacity: 0.5; margin-right: 8px; }
.pack_list .price .discount::after{ position: absolute; left: 0; top: 9px; width: 100%; height: 1px; background: #222; content: ''; display: block; z-index: 1; }
.pack_list .price strong{ display: inline-block; font-size: 24px; font-weight: 700; color: #FB5058; }
.pack_list + .bot_btn_area{ padding: 24px 0; }
.pack_list + .bot_btn_area .btn{ background: #2aad5c; color: #fff; }

/* ==================== 효도팩 상품선택 ==================== */


/* ==================== PL725 상품유형선택 ==================== */
.goods_list ul > li{ position: relative; overflow: hidden; margin-bottom: 12px; }
.goods_list ul > li:last-of-type{ margin-bottom: 0; }
.goods_list ul > li .mark{ position: absolute; right: 23px; top: 1px; width: 22px; height: 29px; background: url(../image/ico_goods_mark.svg) no-repeat left top; background-size: contain; display: inline-block; }
.goods_list ul > li input{ display: none; }
.goods_list ul > li label{ position: relative; display: block; padding: 20px 24px; border: 1px solid #D0D0D0; border-radius: 8px; }
.goods_list .tit_box{ display: flex; align-items: flex-start; justify-content: space-between; }
.goods_list .tit_box .name{ font-size: 18px; font-weight: 400; color: #222; line-height: 24px; }
.goods_list .tit_box .name::before{ width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; vertical-align: -3px; content: ''; display: inline-block; margin-right: 8px; }
.goods_list .info_box{ display: flex; align-items: flex-start; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #e4f6eb; }
.goods_list .info_box .img_box{ width: 92px; height: 90px; overflow: hidden; }
.goods_list .info_box .img_box img{ max-width: 100%; }
.goods_list .price_box{ width: calc(100% - 100px); text-align: right; }
.goods_list .price_box .sale{ display: inline-block; font-size: 14px; font-weight: 700; color: #FB5058; line-height: 20px; padding: 0 8px; border-radius: 10px; background: #FFECED; margin-bottom: 8px; }
.goods_list .price_box .price dt{ font-size: 16px; font-weight: 400; color: #222; line-height: 24px; margin-bottom: 4px; }
.goods_list .price_box .price dt span{ font-weight: 500; }
.goods_list .price_box .price dd{ font-size: 16px; font-weight: 400; color: #222; line-height: 24px; }
.goods_list .price_box .price dd strong{ font-size: 24px; font-weight: 800; }
.goods_list .infoBox{ width: 100%; padding: 8px 0 0 32px; min-height: 38px; margin-bottom: 8px; }
.goods_list .check_list{ border-bottom: 1px solid #e4f6eb; padding: 8px 0; }
.goods_list .check_list li{ position: relative; font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 22px; padding-left: 28px; margin-bottom: 8px; }
.goods_list .check_list li:last-of-type{ margin-bottom: 0; }
.goods_list .check_list li::before{ position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; overflow: hidden; background: url(../image/icon_check_list.png) no-repeat center center; background-size: contain; content: ''; display: block; }
.goods_list .note_box{ font-size: 14px; font-weight: 400; color: #222; line-height: 22px; opacity: 0.4; padding-top: 16px; }
.goods_list ul > li input:checked + label{ border: 1px solid #2aad5c; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.goods_list ul > li input:checked + label .name{ font-weight: 700; }
.goods_list ul > li input:checked + label .name::before{ border: 5px solid #2aad5c; }
/* ==================== PL725 상품유형선택 ==================== */


/* 간편인증 */
.certi_wrap .certi_chk_area { margin-top: 24px; width: 100%; height: calc(100% - 270px); overflow: auto; padding-bottom: 92px; }
.certi_wrap .certi_chk_area.none_scroll { height: auto; padding-bottom: 120px; }
.certi_wrap .certi_chk_area > ul > li { background-color: #ffffff; border: 1px solid #eeeeee; box-sizing: border-box; border-radius: 12px; min-height: 60px; margin-bottom: 6px; overflow: hidden; }
.certi_wrap .certi_chk_area > ul > li .title_area label { display: block; padding: 16px 16px 16px 56px; font-weight: 500; font-size: 14px; line-height: 150%; color: #222222; background-repeat: no-repeat; background-position: 16px center; position: relative; background-size: 28px; }
.certi_wrap .certi_chk_area > ul > li .title_area label::after { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); background-color: #ffffff; border: 2px solid #d0d0d0; border-radius: 50%; box-sizing: border-box; }

.certi_wrap .certi_chk_area > ul > li .title_area label input[type="radio"] { display: none; }

.certi_wrap .certi_chk_area > ul > li .info_insert_area input { width: 100%; height: 56px; line-height: 56px; background-color: #ffffff; border-radius: 12px; padding: 0 24px; font-weight: normal; font-size: 15px; border: 1px solid #ffffff; box-sizing: border-box; }
.certi_wrap .certi_chk_area > ul > li .info_insert_area input:focus { border: 1px solid #2aad5c; }
.certi_wrap .certi_chk_area > ul > li .info_insert_area input::placeholder { color: #123929; opacity:1; }
.certi_wrap .certi_chk_area > ul > li .info_insert_area { height: 0; padding: 0 16px 0; overflow: hidden; transition: all 0.5s; }
.certi_wrap .certi_chk_area > ul > li.on .info_insert_area { height: 202px; padding: 0 16px 16px; }
.certi_wrap .certi_chk_area > ul > li .info_insert_area li { margin-bottom: 8px; }
.certi_wrap .certi_chk_area > ul > li .info_insert_area li:last-of-type { margin-bottom: 0; }

.certi_wrap .certi_chk_area .type_kakao label { background-image: url(../image/icon_certi_kakao.svg); }
.certi_wrap .certi_chk_area .type_pass label { background-image: url(../image/icon_certi_pass.svg); }
.certi_wrap .certi_chk_area .type_normal label { background-image: url(../image/icon_certi_normal.svg); }
.certi_wrap .certi_chk_area .type_samsung label { background-image: url(../image/icon_certi_samsung.svg); }
.certi_wrap .certi_chk_area .type_kb label { background-image: url(../image/icon_certi_kb.svg); }
.certi_wrap .certi_chk_area .type_payco label { background-image: url(../image/icon_certi_payco.svg); }

.certi_wrap .certi_chk_area .type_kakao.on { background-color: #fae300; }
.certi_wrap .certi_chk_area .type_pass.on { background-color: #F20F22; }
.certi_wrap .certi_chk_area .type_normal.on { background-color: #2aad5c; }
.certi_wrap .certi_chk_area .type_samsung.on { background-color: #1E4BC6; }
.certi_wrap .certi_chk_area .type_kb.on { background-color: #FFCC00; }
.certi_wrap .certi_chk_area .type_payco.on { background-color: #EEEEEE; }
.certi_wrap .certi_chk_area .type_pass.on label,
.certi_wrap .certi_chk_area .type_normal.on label,
.certi_wrap .certi_chk_area .type_samsung.on label { color: #ffffff; }


.certi_wrap .certi_chk_area .type_pass.on .title_area label::after { background-color: #ffffff; background-image: url(../image/icon_chk_pass.svg); }
.certi_wrap .certi_chk_area .type_normal.on .title_area label::after { background-color: #ffffff; background-image: url(../image/icon_chk_normal.svg); }
.certi_wrap .certi_chk_area .type_samsung.on .title_area label::after { background-color: #ffffff; background-image: url(../image/icon_chk_samsung.svg); }
.certi_wrap .certi_chk_area .type_kb.on .title_area label::after { background-color: #2e2e2e; background-image: url(../image/icon_chk_kb.svg); }
.certi_wrap .certi_chk_area .type_payco.on .title_area label::after { background-color: #2e2e2e; background-image: url(../image/icon_chk_payco.svg); }

.certi_wrap .certi_chk_area .info_check_area { margin-bottom: 8px; }
.certi_wrap .certi_chk_area .info_check_area input { display: none; }
.certi_wrap .certi_chk_area .info_check_area label { display: inline-block; width: 100%; padding-left: 32px; font-weight: bold; font-size: 14px; line-height: 32px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; }
.certi_wrap .certi_chk_area .info_check_area input:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }


.certi_wrap .certi_chk_area.type_line > ul > li { height: 58px; min-height: inherit; border: 0; border-radius: 0; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area { width: 100%; height: 100%; }
.certi_wrap .certi_chk_area.type_line > ul > li input[type="radio"] { display: none; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area label { background-color: #ffffff; width: 100%; height: 100%; border: 1px solid #e4f6eb; border-radius: 12px; }
.certi_wrap .certi_chk_area.type_line > ul > li.type_kakao .title_area label { background-image: url(../image/icon_certi_kakao02.svg); }
.certi_wrap .certi_chk_area.type_line > ul > li.type_pass .title_area label { background-image: url(../image/icon_certi_pass04.png); }
.certi_wrap .certi_chk_area.type_line > ul > li.type_toss .title_area label { background-image: url(../image/icon_certi_toss03.png); }
.certi_wrap .certi_chk_area.type_line > ul > li.type_naver .title_area label { background-image: url(../image/icon_certi_naver.svg); }

.certi_wrap .certi_chk_area.type_line > ul > li .title_area input[type="radio"]:checked + label { border: 1px solid #2aad5c; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area input[type="radio"]:checked + label::after { border: 5px solid #2aad5c; }

.certi_wrap .certi_chk_area.type_line .type_kakao.on { background-color: #ffffff; }
.certi_wrap .certi_chk_area.type_line .type_pass.on { background-color: #ffffff; }

.certi_wrap .certi_link_area { margin-top: 42px; }
.certi_wrap .certi_link_area li + li { margin-top: 8px; }
.certi_wrap .certi_link_area .link { display: inline-block; width: 100%; height: 58px; background-color: #ffffff; border: 1px solid #e4f6eb; box-sizing: border-box; border-radius: 12px; padding-left: 56px; background-repeat: no-repeat; background-position: 16px center; text-align: left; line-height: 58px; font-weight: 500; font-size: 14px; color: #333333; background-size: 28px; }
.certi_wrap .certi_link_area .type_kakao .link { background-image: url(../image/icon_certi_kakao.svg); }
.certi_wrap .certi_link_area .type_pass .link { background-image: url(../image/icon_certi_pass.svg); }
.certi_wrap .certi_link_area .type_toss .link { background-image: url(../image/icon_certi_toss.svg); }
.certi_wrap .certi_link_area .type_naver .link { background-image: url(../image/icon_certi_naver.svg); }

.certi_wrap .gender_chk_area { margin-top: 16px; }
.certi_wrap .gender_chk_area ul { display: flex; justify-content: flex-start; align-items: center; }
.certi_wrap .gender_chk_area li { margin-right: 20px; }
.certi_wrap .gender_chk_area li:last-of-type { margin-right: 0px; margin-top: 0; }
.certi_wrap .gender_chk_area input[type="radio"] { display: none; }
.certi_wrap .gender_chk_area input[type="radio"] + label { font-weight: bold; font-size: 15px; line-height: 24px; color: #d0d0d0; display: flex; align-items: center; }
.certi_wrap .gender_chk_area input[type="radio"] + label::before { content: ""; display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #ffffff; border: 2px solid #d0d0d0; margin-right: 10px; box-sizing: border-box; }
.certi_wrap .gender_chk_area input[type="radio"]:checked + label { color: #2aad5c; }
.certi_wrap .gender_chk_area input[type="radio"]:checked + label::before { border: 5px solid #2aad5c; }


.certi_wrap .certi_sub_text { margin-top: 12px; font-weight: 400; font-size: 15px; line-height: 22px; }
.certi_wrap .choice_sub_text { margin-top: 14px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; padding-bottom: 8px; border-bottom: 1px solid #f2f4f6; }
.certi_wrap .cerit_progress_list { margin-top: 40px; transition: all 0.5s; overflow: hidden; height: 166px; }
.certi_wrap .cerit_progress_list ul { display: flex; justify-content: space-between; }
.certi_wrap .cerit_progress_list li { text-align: center; width: 88px; }
.certi_wrap .cerit_progress_list li i { display: block; width: 64px; height: 64px; background-color: #e4f6eb; border-radius: 50%; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-size: 22px; }
.certi_wrap .cerit_progress_list li:nth-of-type(1) i { background-image: url(../image/icon_certi_01.svg); }
.certi_wrap .cerit_progress_list li:nth-of-type(3) i { background-image: url(../image/icon_certi_02.svg); }
.certi_wrap .cerit_progress_list li:nth-of-type(5) i { background-image: url(../image/icon_certi_03.svg); }
.certi_wrap .cerit_progress_list li.arrow { width: 12px; display: inline-block; background-image: url(../image/icon_next.svg); background-position: center 34px; background-repeat: no-repeat; }
.certi_wrap .cerit_progress_list li strong { display: block; margin-top: 8px; font-weight: 500; font-size: 16px; line-height: 22px; color: #2aad5c; }
.certi_wrap .cerit_progress_list li span { display: block; margin-top: 0px; font-weight: normal; font-size: 15px; line-height: 21px; color: #999999; }

.certi_wrap .bot_btn_area.certi_btn_type { position: fixed; left: 50%; transform: translateX(-50%); max-width: 480px; width: 100%; padding: 0 24px; }
.certi_wrap .bot_btn_area.certi_btn_type .btn { margin-top: 16px; font-size: 15px; }
.certi_wrap .bot_btn_area.certi_btn_type .guide_text_area {  padding: 22px; }

.certi_wrap.height_auto_type { min-height: auto; }
.certi_wrap .certi_wait_view { text-align: center; }
.certi_wrap .certi_wait_view i { display: block; width: 92px; height: 92px; background-repeat: no-repeat; background-position: center center; margin: 100px auto 0; }
.certi_wrap .certi_wait_view i.type_kakao { background-image: url(../image/icon_phone_kakao.svg); }
.certi_wrap .certi_wait_view i.type_pass { background-image: url(../image/icon_certi_pass03.svg); margin: 68px auto 92px; background-size: 91px; }
.certi_wrap .certi_wait_view i.type_toss { background-image: url(../image/icon_certi_toss02.svg); margin: 68px auto 92px; background-size: 91px; }
.certi_wrap .certi_wait_view i.type_naver { background-image: url(../image/icon_certi_naver02.svg); margin: 68px auto 92px; background-size: 91px; }


.certi_wrap .certi_wait_view i.type_pass,
.certi_wrap .certi_wait_view i.type_toss,
.certi_wrap .certi_wait_view i.type_naver { margin: 68px auto 32px; }



.certi_wrap .certi_wait_view i.type_samsung { background-image: url(../image/icon_phone_samsung.svg); }
.certi_wrap .certi_wait_view i.type_kb { background-image: url(../image/icon_phone_kb.svg); }
.certi_wrap .certi_wait_view i.type_payco { background-image: url(../image/icon_phone_payco.svg); }
.certi_wrap .certi_wait_view p { font-weight: 700; font-size: 16px; line-height: 150%; color: #999999; }

.certi_wrap .certi_wait_view .guide_box { padding: 12px 16px; background: rgba(42,173,92,0.1); border-radius: 12px; text-align: left; }
.certi_wrap .certi_wait_view .guide_box .title { font-weight: 700; font-size: 16px; line-height: 150%; color: #2aad5c; }
.certi_wrap .certi_wait_view .guide_box .text_list { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 150%; color: #222222; }
.certi_wrap .certi_wait_view .guide_box .text_list i { display: inline-block; width: 14px; height: 14px; margin: 0; background-image: url(../image/icon_bell01.svg); background-repeat: no-repeat; background-position: center center; margin-right: 2px; margin-bottom: -2px; }
.certi_wrap .certi_wait_view .guide_box .text_list a { text-decoration: underline; display: inline-block; color: #2aad5c; }

.certi_wrap.wait_view_type + .bot_btn_area.certi_btn_type { margin-top: 94px; }
.certi_wrap .certi_wait_view i.type_img { background-image: url(../image/img_certi01.svg); width: 170px; height: 204px; margin-top: 72px; background-size: 100%; background-position: center top; }
.certi_wrap + .kakao_btn_area, 
.certi_wrap + .bot_btn_area { padding-bottom: 0px; }
.certi_wrap + .bot_btn_area.certi_btn_type input[type="checkbox"] { width: 0; height: 0; opacity: 0; overflow: hidden; }
.certi_wrap + .bot_btn_area.certi_btn_type label { position: relative; padding-left: 32px; display: inline-block; font-weight: normal; font-size: 14px; line-height: 24px; }
.certi_wrap + .bot_btn_area.certi_btn_type label::before { content: ""; display: inline-block; width: 22px; height: 22px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.certi_wrap + .bot_btn_area.certi_btn_type input[type="checkbox"]:checked + label::before { background-image: url(../image/icon/agree_chk_on.svg); }
.certi_wrap + .bot_btn_area.certi_btn_type .btn { margin-top: 16px; font-size: 15px; }
.certi_wrap + .bot_btn_area.certi_btn_type { margin-top: 64px; bottom: 24px; }
.certi_wrap + .bot_btn_area.certi_btn_type.wait_view_type { margin-top: 94px; }
.certi_wrap + .bot_btn_area.certi_btn_type .hide_btn_area { height: 0; overflow: hidden; transition: all 0.5s; }
.certi_wrap + .bot_btn_area.certi_btn_type .hide_btn_area.on { height: 120px; }
.certi_wrap + .bot_btn_area.certi_btn_type .hide_btn_area .kakao { background-color: #fee500; color: #222222; }
.certi_wrap + .bot_btn_area.certi_btn_type .hide_btn_area .sub_btn { margin: 10px auto 0; width: auto; height: 22px; line-height: 22px; font-weight: bold; font-size: 15px; display: block; letter-spacing: -0.02em; text-decoration: underline; color: #222222; background-color: transparent; }

.certi_wrap .certi_chk_area .input_area { margin-top: 0px; width: 100%; }
.certi_wrap .certi_chk_area .input_area li { margin-bottom: 8px; }
.certi_wrap .certi_chk_area .input_area li:last-of-type { margin-bottom: 0px; }
.certi_wrap .agree_area { width: 100%; }
.certi_wrap .agree_area.input_list { margin-top: 32px; width: 100%; }
.certi_wrap .agree_area .sub_title { display: inline-block; margin-bottom: 24px; }
.certi_wrap .agree_area input[type="checkbox"] { display: none; }
.certi_wrap .agree_area .all_chk + label { display: inline-block; width: 100%; height: 64px; line-height: 60px; background-color: #ffffff; border: 2px solid #e4f6eb; border-radius: 12px; padding-left: 57px; font-weight: bold; font-size: 16px; letter-spacing: 0.75px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: 16px center; box-sizing: border-box; }
.certi_wrap .agree_area .all_chk:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }
.certi_wrap .body_info_view { margin-top: 40px; }
.certi_wrap .body_info_view .title { font-weight: 500; font-size: 18px; line-height: 28px; }
.certi_wrap .body_info_view .info_view_box { margin-top: 8px; width: 100%; padding: 20px 24px; background-color: #e4f6eb; border-radius: 12px; }
.certi_wrap .body_info_view .info_view_box li { margin-bottom: 8px; }
.certi_wrap .body_info_view .info_view_box li:last-of-type { margin-bottom: 0px; }
.certi_wrap .body_info_view .info_view_box li span { display: inline-block; width: 150px; font-weight: 500; font-size: 16px; line-height: 28px; color: #888888; }
.certi_wrap .body_info_view .info_view_box li strong { display: inline-block; font-weight: 500; font-size: 16px; line-height: 28px; }

.certi_wrap .body_info_view + .bot_btn_area.certi_btn_type { margin-top: 154px; }

.certi_wrap + .bot_btn_area.static_type { margin-top: 80px; }

.certi_wrap .input_list { margin-top: 16px; width: 100%; }
.certi_wrap .input_list li { margin-bottom: 0px; width: auto; }
.certi_wrap .input_area.unit_type { position: relative; height: 56px; margin-top: 0; width: 100%; }
.certi_wrap .input_area.unit_type .unit { position: absolute; z-index: 1; right: 24px; top: 50%; transform: translateY(-50%); font-weight: bold; font-size: 15px; line-height: 24px; letter-spacing: 0.75px; color: #123929; }
.certi_wrap .input_area.unit_type input[type="text"], 
.certi_wrap .input_area.unit_type input[type="number"] {
    padding-right: 55px;
    position: absolute;
}
section.intro_section .bot_btn_area.static_type { margin-top: 0; padding-bottom: 0; width: 100%; padding: 36px 24px 24px; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); bottom: 0; position: fixed; max-width: 480px; }
.contents_wrap.paycomplete_wrap + .bot_btn_area { position: absolute; bottom: 24px; width: calc(100% - 48px); left: 50%; transform: translateX(-50%); }

section.payment_section .agree_area span { display: block; width: 100%; padding-left: 57px; font-weight: normal; font-size: 13px; line-height: 22px; color: #2aad5c; margin-top: 11px; }

.contents_wrap .certi_intro_area.video_type { margin-top: 10px; }

/* etc. */
.etc_section { width: 100%; margin: 0 auto; padding: 114px 24px 80px; }
.etc_section .section_title { display: block; font-weight: normal; font-size: 40px; line-height: 48px; }
.etc_section .text_area { width: 100%; margin-top: 88px; font-weight: normal; font-size: 15px; line-height: 24px; }
.etc_section .text_area > .top_text { margin-bottom: 48px; }
.etc_section .text_area .depth01_title { font-weight: bold; font-size: 20px; line-height: 32px; margin-bottom: 24px; padding-top: 24px; }
.etc_section .text_area .depth02_list.type01 .depth02_title { margin-bottom: 24px; }
.etc_section .text_area .depth02_list.type02 .depth02_text_area { margin-bottom: 0; }
.etc_section .text_area .top_text { margin-bottom: 24px; }
.etc_section .text_area .inner_list.type01 { margin-bottom: 24px; }
.etc_section .text_area .inner_list.type06 { margin-bottom: 24px; }
.etc_section .text_area .inner_list.type02 li { margin-bottom: 24px; }
.etc_section .text_area .inner_list.type03 li { margin-bottom: 24px; }
.etc_section .text_area .inner_list.type04 li { margin-bottom: 24px; }
.etc_section .text_area .depth02_text_area { margin-bottom: 24px; }
.etc_section .text_area .list_title { font-weight: bold; font-size: 20px; line-height: 32px; padding-top: 24px; display: block; }
.etc_section .text_area .depth01_list.type02 .depth01_title { font-size: 15px; line-height: 24px; }
.etc_section .text_area .depth01_list .depth01_text_area { margin-bottom: 24px; }
.etc_section .text_area .depth01_list.type02 .depth01_text_area { margin-bottom: 24px; }
.etc_section .text_area .depth01_list.type02 .inner_sub_list { margin-bottom: 24px; }
.etc_section .text_area .link { margin-top: 32px; display: inline-block;}

/* Table */
.info_table.type01 { width: 100%; text-align: center; }
.info_table.type01 colgroup col { width: 50%; }
.info_table.type01 thead th { border-top: 1px solid #222222; height: 64px; border-bottom: 1px solid #222222; }
.info_table.type01 tbody td { height: 64px; border-bottom: 0.5px solid #d0d0d0; }
.info_table.type01 tbody td span { display: block; font-weight: 500; font-size: 12px; line-height: 13px; color: #888888; margin-bottom: 4px; }
.info_table.type01 tbody td strong { font-weight: bold; font-size: 14px; line-height: 16px; color: #363636; }
.info_table.type01 tbody tr:last-of-type td { height: 72px; border-bottom: 1px solid #222222; }

/* 신규 플로우 Start */
.contents_wrap .certi_intro_area { margin-top: 36px; width: 100%; display: block; position: relative; }
.contents_wrap .certi_intro_area .text_contents_area .title { font-weight: bold; font-size: 24px; line-height: 32px; }
.contents_wrap .certi_intro_area .text_contents_area .sub_text { margin-top: 0px; font-weight: normal; font-size: 15px; line-height: 21px; }
.contents_wrap .certi_intro_area .text_contents_area .sub_text + .sub_text { margin-top: 4px; font-weight: normal; font-size: 14px; line-height: 24px; color: #888888; margin-bottom: 30px; }
.contents_wrap .certi_intro_area .vedio_contents_area { width: 233px; height: 470px; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 126px; }
.contents_wrap .certi_intro_area .vedio_contents_area .video_guide_text { position: absolute;  bottom: 30%; left: 50%; transform: translateX(-50%); z-index: 10; display: inline-block; width: 100%; padding: 20px; text-align: center; font-weight: normal;  font-size: 14px; color: #ffffff; }
.contents_wrap .certi_intro_area .vedio_contents_area::after { content: ""; display: inline-block; width: calc(100% - 10px); height: calc(100% - 5px); box-shadow: 0px 201.425px 117.632px rgba(18, 25, 34, 0.03), 0px 100.811px 58.8735px rgba(18, 25, 34, 0.02281), 0px 60.7237px 35.4626px rgba(18, 25, 34, 0.0195477), 0px 38.9149px 22.7263px rgba(18, 25, 34, 0.0171268), 0px 25.2215px 14.7294px rgba(18, 25, 34, 0.015), 0px 15.8767px 9.27197px rgba(18, 25, 34, 0.0128732), 0px 9.12213px 5.32732px rgba(18, 25, 34, 0.0104523), 0px 4.01488px 2.34469px rgba(18, 25, 34, 0.00719002); position: absolute; left: 50%; transform: translateX(-50%); top: 0; border: 1px solid #E4E8EF; border-radius: 50px; z-index: 3; background-color: transparent; }
.contents_wrap .certi_intro_area .vedio_contents_area .phone_bg { position: absolute; left: 0; top: 0; width: 100%; z-index: 3; height: 100%; }
.contents_wrap .certi_intro_area .vedio_contents_area .phone_wrap { position: absolute; left: 0; top: 0; width: 100%;  z-index: 4; }
.contents_wrap .certi_intro_area .vedio_contents_area .video { width: 100%; position: absolute; left: 0; top: 0; z-index: 2; padding: 10px 12px; box-sizing: border-box; }
.certi_wrap .complete_icon { padding-top: 102px; display: block;  width: 64px; height: 64px; background-image: url(../image/pay_icon01.svg); background-repeat: no-repeat; background-position: center bottom; }
.certi_wrap .complete_icon + .certi_title { margin-top: 16px; }
.certi_wrap + .kakao_btn_area { text-align: center; margin-top: 0; position: absolute; bottom: 24px; width: calc(100% - 48px); }
.certi_wrap + .kakao_btn_area .kakao_btn { width: 100%; height: 64px; line-height: 64px; border-radius: 12px; background-color: #fee500; color: #222222; display: block; margin: 0 auto; font-weight: bold; font-size: 15px; }
.certi_wrap + .kakao_btn_area .sub_btn { margin-top: 24px; background-color: transparent; font-weight: bold; font-size: 13px; line-height: 22px; height: 22px; text-decoration: underline; color: #222222; }

.section_wrap.flex_btn_wrap { padding-bottom: 152px; }

.subscript_wrap { width: 100%; margin: 0 auto; }
.subscript_wrap .subscript_title { display: block; margin-top: 16px; text-align: left; font-weight: bold; font-size: 24px; line-height: 32px; }
.subscript_wrap .complete_icon { padding-top: 72px; display: block;  width: 64px; height: 64px; background-image: url(../image/pay_icon01.svg); background-repeat: no-repeat; background-position: center bottom; }
.subscript_sub_text { display: block; margin-top: 8px; text-align: left; font-weight: normal; font-size: 16px; line-height: 22px; color: #888888; }
.subscript_wrap + .bot_btn_area { margin-top: 135px; width: 100%; }
.subscript_wrap + .bot_btn_area .subscript_btn_text { display: block; margin-bottom: 16px; text-align: left; font-weight: normal; font-size: 12px; line-height: 18px; color: #888888; }

section.intro_section .guide_wrap { width: 100%; max-width: 552px; padding-top: 32px; text-align: left;}
section.intro_section .guide_wrap i.warning { display: inline-block; width: 64px; height: 64px; background-image: url(../image/icon_warning_radius.svg); background-repeat: no-repeat; background-position: center; }
section.intro_section .guide_wrap .title { display: block; margin-top: 16px; font-weight: bold; font-size: 20px; line-height: 32px; }
section.intro_section .guide_wrap .sub_title { display: block; margin-top: 32px; font-weight: bold; font-size: 16px; line-height: 24px; }
section.intro_section .guide_wrap .sub_title em { color: #2aad5c; }
section.intro_section .guide_wrap .img_box { margin-top: 16px; padding-bottom: 28px; background-color: #f3f3f3; border-radius: 12px; }
section.intro_section .guide_wrap .img_box img { width: 100%; margin-bottom: 8px; }
section.intro_section .guide_wrap .img_box p { text-align: center; font-weight: normal; font-size: 15px; line-height: 22px; color: #888888; }

/* 신규 플로우 End */

.intro_section .intro_contents.type01 { padding-top: 39px; padding-bottom: 36px; margin-top: 0px; }
.intro_section .intro_contents.type01 .contents_title { font-weight: 700; font-size: 22px; line-height: 30px; text-align: center; display: block; }
.intro_section .intro_contents.type01 .contents_title em { color: #2aad5c; }
.intro_section .intro_contents.type01 .contents_img_wrap { margin-top: 24px; text-align: center; }
.intro_section .intro_contents.type01 .contents_img_wrap .img_box { width: 256px; height: 264px; margin: 0 auto; }
.intro_section .intro_contents.type01 .contents_img_wrap .img_box { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: 1; 
    animation-duration: 1s; 
    animation-iteration-count: 1; 
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0%);
    }
}

.intro_section .intro_contents.type01 .logo_area { margin-top: 24px; text-align: center; margin-bottom: 36px; }



/* loading 페이지 신규 20211206 */
.loading_contents_area { padding-top: 52px; }
.loading_contents_area .logo_area { width: 62px; height: 40px; position: relative; }
.loading_contents_area .logo_area i { width: 62px; height: 40px; background-repeat: no-repeat; background-position: left center; }
.loading_contents_area .logo_area.type_A i.logoA { display: block; }
.loading_contents_area .logo_area.type_A i.logoB { display: none; }
.loading_contents_area .logo_area.type_A.on i.logoA { display: none; }
.loading_contents_area .logo_area.type_A.on i.logoB { display: block; }

.loading_contents_area .logo_area.type_B i.logoA,
.loading_contents_area .logo_area.type_B i.logoB { transition: all 0.5s; }
.loading_contents_area .logo_area.type_B i.logoA { opacity: 1; }
.loading_contents_area .logo_area.type_B i.logoB { opacity: 0; }
.loading_contents_area .logo_area.type_B.on i.logoA { opacity: 0; }
.loading_contents_area .logo_area.type_B.on i.logoB { opacity: 1; }


.loading_contents_area .logo_area i.logoA  { background-image: url(../image/logo_loadingA.svg); background-size: 40px; }
.loading_contents_area .logo_area i.logoB  { background-image: url(../image/logo_loadingB.svg); background-size: 26px; }
.loading_contents_area .logo_area i.logoC  { background-image: url(../image/intro/icon_loading.png); background-size: 40px; }
.loading_contents_area .logo_area i { position: absolute; left: 0; top: 0; }
.loading_contents_area .text_area { margin-top: 8px; font-weight: bold; font-size: 22px; line-height: 32px; overflow: hidden;}
.loading_contents_area .kakao_loading_text_area { margin-top: 70px; font-weight: bold; font-size: 22px; line-height: 32px; overflow: hidden;}
.loading_contents_area .text_area + .text_area { margin-top: 0; }
.loading_contents_area .text_area em { color: #2aad5c; }
.loading_contents_area .text_area .fade_wrap { height: 64px; width:  auto; }
.loading_contents_area .text_area.type_line .fade_wrap { height: 32px; }
.loading_contents_area .text_area .fade_wrap p { height: auto; width: auto; }
.loading_contents_area .loading_bar_area { margin-top: 40px; }
.loading_contents_area .loading_bar_area .bar_wrap { width: 100%; height: 4px; position: relative; background-color: rgb(227,214,247); }
.loading_contents_area .loading_bar_area .bar { position: absolute; left: 0; top: 0; height: 4px; background-color: #2aad5c; transition: all 0.3s; max-width: 100%; }


/* 로딩페이지 텍스트 추가 - 20220118 */
.loading_contents_area .loading_bar_area .text_contents p { width: 100%; text-align: center; margin-top: 8px; font-weight: normal; font-size: 14px; line-height: 21px; }
.loading_contents_area .loading_bar_area .text_contents p strong { font-weight: bold; }

.loading_contents_area .loading_bar_area .text_contents p .timer .min::after { content: "분"; display: inline-block; }
.loading_contents_area .loading_bar_area .text_contents p .timer .sec { display: inline-block; margin-left: 2px; }
.loading_contents_area .loading_bar_area .text_contents p .timer .sec::after { content: "초"; display: inline-block; }



/* 로딩페이지 텍스트 추가 - 20220118 */
.loading_contents_area .loading_area .text_contents p { width: 100%; text-align: center; margin-top: 8px; font-weight: normal; font-size: 14px; line-height: 21px; }
.loading_contents_area .loading_area .text_contents p strong { font-weight: bold; }

.loading_contents_area .loading_area .text_contents p .timer .min::after { content: "분"; display: inline-block; }
.loading_contents_area .loading_area .text_contents p .timer .sec { display: inline-block; margin-left: 2px; }
.loading_contents_area .loading_area .text_contents p .timer .sec::after { content: "초"; display: inline-block; }

.loading_contents_area .loading_area .text_contents .timer span,
.loading_contents_area .loading_area .text_contents p strong { color: #2aad5c; }

/* skeleton_load_area */
.skeleton_load_area01 .load_view_box { background-color: #ffffff; padding: 15px 0px 17px; width: 168px; margin: 24px auto 8px; }
.skeleton_load_area01 .load_view_box .skeleton_action { display: flex; justify-content: space-between; align-items: center; }
.skeleton_load_area01 .load_view_box .skeleton_action + .skeleton_action { margin-top: 8px; }
.skeleton_load_area01 .load_view_box .skeleton_action .img_type { width: 40px; height: 40px; background-color: #e4f6eb; border-radius: 8px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type { width: 120px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text { background-color: #e4f6eb; height: 8px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text + .text { margin-top: 4px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text.text01 { width: 56px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text.text02 { width: 100%; }


.skeleton_load_area01 .load_view_box .skeleton_action .img_type { 
    -webkit-animation-name: skeleton_img01; 
    animation-name: skeleton_img01; 
    
    -webkit-animation-duration: 4s; 
    -webkit-animation-iteration-count: infinite; 
    animation-duration: 4s; 
    animation-iteration-count: infinite; 
}

.skeleton_load_area01 .load_view_box .skeleton_action:last-of-type .img_type {
     -webkit-animation-delay: 2s; 
    animation-delay: 2s; 
}
.skeleton_load_area01 .load_view_box .skeleton_action:last-of-type .text01 {
     -webkit-animation-delay: 2s; 
    animation-delay: 2s; 
}
.skeleton_load_area01 .load_view_box .skeleton_action:last-of-type .text02 {
     -webkit-animation-delay: 2s; 
    animation-delay: 2s; 
}
@-webkit-keyframes skeleton_img01 {
    0% {
        opacity: 0;
        transform: scale(0%);
    }
    10% {
        opacity: 1;
        transform: scale(100%);
    }
    100% {
        opacity: 1;
        transform: scale(100%);
    }
}

@keyframes skeleton_img01 {
    0% {
        opacity: 0;
        transform: scale(0%);
    }
    10% {
        opacity: 1;
        transform: scale(100%);
    }
    100% {
        opacity: 1;
        transform: scale(100%);
    }
}

.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text01 { 
    -webkit-animation-name: skeleton_text01; 
    animation-name: skeleton_text01; 
    
    -webkit-animation-duration: 4s; 
    -webkit-animation-iteration-count: infinite; 
    animation-duration: 4s; 
    animation-iteration-count: infinite; 
}

@-webkit-keyframes skeleton_text01 {
    0% {
        width: 0;
    }
    8% {
        width: 0;
    }
    30% {
        width: 56px;
    }
}

@keyframes skeleton_text01 {
    0% {
        width: 0;
    }
    8% {
        width: 0;
    }
    30% {
        width: 56px;
    }
}

.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text02 { 
    -webkit-animation-name: skeleton_text02; 
    animation-name: skeleton_text02; 
    
    -webkit-animation-duration: 4s; 
    -webkit-animation-iteration-count: infinite; 
    animation-duration: 4s; 
    animation-iteration-count: infinite; 
}




@-webkit-keyframes skeleton_text02 {
    0% {
        width: 0;
    }
    20% {
        width: 0;
    }
    50% {
        width: 100%;
    }
}

@keyframes skeleton_text02 {
    0% {
        width: 0;
    }
    20% {
        width: 0;
    }
    50% {
        width: 100%;
    }
}



.loading_contents_area .tip_text_area { margin: 0; position: fixed; bottom: 24px; width: calc(100% - 48px); max-width: 432px; left: 50%; transform: translateX(-50%); }

.loading_contents_area .tip_text_area li { border: 1px solid #f3f3f3; box-sizing: border-box; border-radius: 16px; padding: 16px 20px; }
.loading_contents_area .tip_text_area li .top_text { display: flex; justify-content: flex-start; align-items: center; }
.loading_contents_area .tip_text_area li .top_text .label { width: 38px; height: 22px; line-height: 18px; border: 2px solid #2aad5c; box-sizing: border-box; border-radius: 28px; font-weight: bold; font-size: 13px; color: #2aad5c; text-align: center; margin-right: 4px; display: inline-block; }
.loading_contents_area .tip_text_area li .top_text .name { font-weight: bold; font-size: 14px; line-height: 21px; }
.loading_contents_area .tip_text_area li .guide_text { margin-top: 4px; font-weight: normal; font-size: 14px; line-height: 21px; }
.loading_contents_area .tip_text_area ul { height: auto; }


/* 공지사항, 이벤트 - 20220114 */
.notice_section .section_wrap { width: 100%; padding: 72px 0px 0px; height: auto; }
.notice_section .notice_contents_area { padding: 48px 0; text-align: left; }
.notice_section .notice_contents_area.point_list { padding: 48px 0px 96px; }
.notice_section .notice_title { font-weight: normal; font-size: 40px; line-height: 30px; color: #2e2e2e; padding-left: 24px; }
.notice_section .notice_contents_area > .none_post_area { margin-top: 40px; }
.notice_section .tab_list_area { margin-top: 40px; position: relative; height: auto; }
.notice_section .tab_list_area .tab_title { position: absolute; top: 0; left: 24px; display: inline-block; width: 90px; height: 46px; font-size: 16px; line-height: 46px; letter-spacing: 0.25px; font-weight: bold; z-index: 1; color: #888888; text-align: center; box-sizing: border-box; cursor: pointer; }
.notice_section .tab_list_area .tab_title:nth-of-type(1) { left: 24px; }
.notice_section .tab_list_area .tab_title:nth-of-type(2) { left: 114px; }
.notice_section .tab_list_area .tab_title:nth-of-type(3) { left: 180px; }
.notice_section .tab_list_area .tab_title.on { border-bottom: 2px solid #2aad5c; color: #2aad5c; }
.notice_section .tab_list_area .tab_title.on + .tab_list { display: block; }

.notice_section .tab_list_area .tab_list { display: none; }
.notice_section .tab_list_area .tab_list { position: relative; padding-top: 70px; width: 100%; }
.notice_section .tab_list_area .tab_list .view_set_area { position: absolute; right: 24px; top: 0px;  }
.notice_section .tab_list_area .tab_list .view_set_area input[type="radio"] { display: none; }
.notice_section .tab_list_area .tab_list .view_set_area input[type="radio"] + label { width: 40px; height: 40px; border: 1px solid #f3f3f3; box-sizing: border-box; border-radius: 4px; text-indent: -99999px; display: inline-block; background-position: center center; background-repeat: no-repeat; }
.notice_section .tab_list_area .tab_list .view_set_area input[type="radio"]:checked + label { border: 1px solid #2aad5c; }
.notice_section .tab_list_area .tab_list .view_set_area label.thum { background-image: url(../image/icon_list_type_thum_off.svg) }
.notice_section .tab_list_area .tab_list .view_set_area label.list { background-image: url(../image/icon_list_type_list_off.svg) }
.notice_section .tab_list_area .tab_list .view_set_area input[type="radio"]:checked + label.thum { background-image: url(../image/icon_list_type_thum_on.svg) }
.notice_section .tab_list_area .tab_list .view_set_area input[type="radio"]:checked +  label.list { background-image: url(../image/icon_list_type_list_on.svg) }

.notice_section .tab_list_area .list_wrap .list a{ text-align: left; }

.notice_section .tab_list_area .list_wrap.type_thum { display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 24px; }
.notice_section .tab_list_area .list_wrap.type_thum .list { width: 100%; height: auto; border-radius: 12px; box-sizing: border-box; margin-bottom: 16px; margin-right: 0px; }
.notice_section .tab_list_area .list_wrap.type_thum .list:nth-of-type(3n) { margin-right: 0; }
.notice_section .tab_list_area .list_wrap.type_thum .list .img_area { width: 100%; height: 156px; overflow: hidden; border-radius: 12px 12px 0 0; position: relative; }
.notice_section .tab_list_area .list_wrap.type_thum .list .img_area img { width: 100%; }
.notice_section .tab_list_area .list_wrap.type_thum .list.end .img_area::after { position: absolute; z-index: 1; content: "종료된 이벤트 입니다."; display: inline-block; width: 100%; background-color: rgba(34,34,34,0.6); left: 0; top: 0; height: 156px; line-height: 156px; text-align: center; font-weight: bold; font-size: 20px; color: #ffffff; }
.notice_section .tab_list_area .list_wrap.type_thum .list .text_area { border: 1px solid #e4f6eb; border-radius: 0 0 12px 12px; padding: 12px 24px 18px; border-top: 0; }
.notice_section .tab_list_area .list_wrap.type_thum .list .text_area .label { height: 24px; line-height: 24px; font-weight: 500; font-size: 11px; line-height: 24px; text-align: center; color: #2aad5c; padding: 0 8px; background-color: rgba(42,173,92,0.1); display: inline-block; border-radius: 4px; }
.notice_section .tab_list_area .list_wrap .list .text_area .title { margin-top: 4px; font-weight: bold; font-size: 16px; line-height: 22px; display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.notice_section .tab_list_area .list_wrap.type_thum .list .text_area .date { display: block; margin-top: 4px; font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; }
.notice_section .tab_list_area .list_wrap.type_list { display: block; margin-bottom: 24px; }
.notice_section .tab_list_area.point_type .list_wrap.type_list { margin-bottom: 0; }
.notice_section .tab_list_area .list_wrap.type_list .list { width: 100%;  border-top: 1px solid #d0d0d0; }
.notice_section .tab_list_area .list_wrap.type_list .list a { display:  inline-block; padding: 16px 32px 16px 24px; margin: 0; width: 100%; }
.notice_section .tab_list_area .list_wrap.type_list .list:last-of-type { border-bottom: 1px solid #d0d0d0; }
.notice_section .tab_list_area .list_wrap.type_list .list .img_area { display: none; }
.notice_section .tab_list_area .list_wrap.type_list .list .text_area { display: block; }
.notice_section .tab_list_area .list_wrap.type_list .list .label { height: 24px; line-height: 24px; font-weight: 500; font-size: 11px; line-height: 24px; text-align: center; color: #2aad5c; padding: 0 8px; background-color: rgba(42,173,92,0.1); display: inline-block; border-radius: 4px; min-width: 58px; }
.notice_section .tab_list_area .list_wrap.type_list .list .title { display: inline-block; font-weight: normal; font-size: 14px; line-height: 20px; color: #2e2e2e; flex-grow: 1; margin: 4px 0 2px; }
.notice_section .tab_list_area .list_wrap.type_list .list .date { font-weight: normal; font-size: 14px; line-height: 20px; color: #888888; white-space: nowrap; }
.notice_section .tab_list_area .list_wrap.type_list .list.top_notice { background-color: rgba(42,173,92,0.04); }
.notice_section .tab_list_area .list_wrap.type_list .list.top_notice .title { font-weight: bold; }

.notice_section .tab_list_area + .more_btn_area { width: 100%; text-align: center; margin-top: 24px; margin-bottom: 0; padding-bottom: 96px; }
.notice_section .tab_list_area + .more_btn_area .more_btn { display: inline-block; width: 280px; height: 52px; line-height: 52px; box-sizing: bo border-box; border: 1px solid #2aad5c; border-radius: 8px; /*padding-left: 32px;*/ font-weight: bold; font-size: 14px; color: #2aad5c; /*background-image: url(../image/btn_more_off.svg); background-repeat: no-repeat; background-position: calc(50% - 32px) center;*/ margin: 24px 0 0px; }
.notice_section .tab_list_area + .more_btn_area .more_btn.on { background-image: url(../image/btn_more_on.svg); }

/* 고객후기 - 상단 추가 */
.notice_section .postscript_data_view { margin-top: 40px; padding: 0 24px; }
.notice_section .postscript_data_view .title_area { font-weight: 400; font-size: 20px; line-height: 28px; }
.notice_section .postscript_data_view .title_area b { font-weight: 700; }
.notice_section .postscript_data_view .data_view_box { background-color: #f9f9f9; border-radius: 12px; padding: 18px 0; margin-top: 8px; }
.notice_section .postscript_data_view .data_view_box > ul { justify-content: center; display: flex; }
.notice_section .postscript_data_view .data_view_box > ul .view_box + .view_box { margin-left: 28px; }
.notice_section .postscript_data_view .data_view_box .view_box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; height: 87px; }
.notice_section .postscript_data_view .data_view_box .view_box .label { display: none; }

.notice_section .postscript_data_view .data_view_box .view_box.resub_area { display: none; }
.notice_section .postscript_data_view .data_view_box .view_box.resub_area .icon_img { margin-top: 20px; }
.notice_section .postscript_data_view .data_view_box .view_box.resub_area .text_view { margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.48); }
.notice_section .postscript_data_view .data_view_box .view_box.resub_area .text_view em { font-weight: 700; color: #8898fc; }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .text_view { margin-top: 16px; }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .text_view b { font-weight: 700; font-size: 36px; line-height: 30px; color: #2e2e2e; display: inline-block; }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .text_view span { display: inline-block; font-weight: 400; font-size: 14px; margin-left: 1px; line-height: 20px; color: rgba(34,34,34,0.48); }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .star_area { margin-top: 16px; display: flex; justify-content: center; align-items: center; }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .star_area img { width: 16px; }
.notice_section .postscript_data_view .data_view_box .view_box.total_area .star_area img + img { margin-left: 6px; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .graph_box { margin-top: 0px; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .graph_box ul { display: flex; justify-content: center; align-items: flex-start; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .graph_box .box { position: relative; padding-top: 24px; text-align: center; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .graph_box .box + .box { margin-left: 8px; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .graph_box .graph_label { position: absolute; left: 50%; transform: translateX(-50%); top: 0; display: inline-block; padding: 0 4px; height: 18px; line-height: 18px; background: rgba(251, 80, 88, 0.7); border-radius: 4px; line-height: 20px; font-weight: 700; font-size: 11px; color: #ffffff; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .bar_wrap { position: relative; background-color: rgba(34,34,34,0.1); border-radius: 12px; height: 44px; width: 9px; margin: 0 auto; overflow: hidden; }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .bar_wrap .bar { position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 12px; background: rgba(251, 80, 88, 0.7); }
.notice_section .postscript_data_view .data_view_box .view_box.graph_area .point { display: inline-block; margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.24); }
.notice_section .postscript_data_view .data_view_box > ul .view_box + .view_box.total_area { margin-left: 0; }

/* 상세페이지 */
.notice_contents_area .notice_detail_area { padding: 44px 0 40px; }
.notice_detail_area .top_title_area { display: block; padding: 0 24px 16px; border-bottom: 1px solid #d0d0d0; box-sizing: border-box; }

.notice_detail_area .top_title_area .info_area { position: relative; display: flex; flex-direction: column; }
.notice_detail_area .top_title_area .info_area .point { font-weight: 500; font-size: 12px; color: #888888; height: 20px; line-height: 22px; display: inline-block; padding-left: 140px;  background-position: left center; background-repeat: no-repeat; background-size: 132px; }
.notice_detail_area .top_title_area .info_area .point.type5 { background-image: url(../image/icon_point5.svg)}
.notice_detail_area .top_title_area .info_area .point.type4 { background-image: url(../image/icon_point4.svg)}
.notice_detail_area .top_title_area .info_area .point.type3 { background-image: url(../image/icon_point3.svg)}
.notice_detail_area .top_title_area .info_area .point.type2 { background-image: url(../image/icon_point2.svg)}
.notice_detail_area .top_title_area .info_area .point.type1 { background-image: url(../image/icon_point1.svg)}
.notice_detail_area .top_title_area .info_area .name { font-weight: 700; font-size: 13px; line-height: 20px; display: inline-block; position: absolute; right: 0; top: 0; padding: 0; }
.notice_detail_area .top_title_area .info_area .title { font-weight: 700; font-size: 14px; line-height: 20px; display: inline-block; padding: 0px; margin-top: 8px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.notice_detail_area .top_title_area .label { width: 48px; min-width: 48px; height: 24px; line-height: 24px; background-color: #f4eefc; border-radius: 4px; text-align: center; font-weight: 500; font-size: 11px; color: #2aad5c; display: inline-block; }
.notice_detail_area .top_title_area .title { padding: 4px 0 2px; flex-grow: 1; font-weight: bold; font-size: 15px; line-height: 20px; text-align: left; display: block; }
.notice_detail_area .top_title_area .date { font-weight: normal; font-size: 13px; line-height: 20px; color: #888888; display: block; margin-top: 4px; }

.notice_detail_area .inner_contents_area { padding: 32px 0 90px; width: 100%; }
.notice_detail_area .inner_contents_area .img_area { width: 100%; max-height: 785px; }
.notice_detail_area .inner_contents_area .img_area + .text_area { padding-top: 32px; }
.notice_detail_area .inner_contents_area .text_area { font-weight: normal; font-size: 14px; line-height: 20px; padding: 0 24px; }

.notice_detail_area .inner_contents_area .text_area video { display: block; margin-top: 16px; }
.notice_detail_area .inner_contents_area .text_area img { margin: unset; display: inline-block; margin-top: 16px; }
.notice_detail_area .inner_contents_area img { margin: 0 auto; display: block; }
.notice_detail_area .next_contents_view { border-top: 8px solid #f3f3f3; padding: 28px 34px 34px; display: flex; width: 100%; border-bottom: 1px solid #f3f3f3; }
.notice_detail_area .next_contents_view + .next_contents_view { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
.notice_detail_area .next_contents_view a { display: flex; }
.notice_detail_area .next_contents_view .next_text { font-weight: normal; font-size: 15px; line-height: 20px; color: #888888; min-width: 40px; }
.notice_detail_area .next_contents_view .title_area { margin-left: 32px; width: calc(100vw - 132px); }
.notice_detail_area .next_contents_view .title_area .title { display: block; font-weight: bold; font-size: 15px; line-height: 20px; color: #363636; text-align: left; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice_detail_area .next_contents_view .title_area .date { display: block; margin-top: 6px; font-weight: normal; font-size: 13px; line-height: 20px; color: #888888; text-align: left; }
.notice_detail_area .go_list_btn_area { margin-top: 24px; text-align: center; }
.notice_detail_area .go_list_btn_area .btn { width: 280px; text-align: center;  height: 52px; line-height: 52px; border: 1px solid #2aad5c; box-sizing: border-box; border-radius: 8px; font-weight: bold; font-size: 14px; color: #2aad5c; display: inline-block; }

/* 공지사항 페이지 게시글 없을 경우 - 20220204 */
.notice_contents_area .none_post_area { width: 100%; height: 138px; background-color: #f3f3f3; display: flex; justify-content: center; align-items: center; margin-top: 0px; }
.notice_contents_area .none_post_area .flex_text_area { text-align: center; }
.notice_contents_area .none_post_area .flex_text_area i { display: inline-block; width: 30px; height: 30px; background-image: url(../image/icon_none_post.svg); background-repeat: no-repeat; background-position: center center; }
.notice_contents_area .none_post_area .flex_text_area p { margin-top: 12px; font-weight: 500; font-size: 16px; line-height: 22px; color: #888888; }


.notice_contents_area.point_list { padding-bottom: 120px; }

.notice_contents_area.point_list .more_btn_area { margin-top: 24px; display: flex; justify-content: center; }
.notice_contents_area.point_list .more_btn_area .more_btn { width: 280px; height: 52px; line-height: 52px; background-color: #ffffff; border: 1px solid #2aad5c; border-radius: 8px; font-weight: 700; font-size: 14px; color: #2aad5c; display: flex; justify-content: center; align-items: center; }
.notice_contents_area.point_list .more_btn_area .more_btn i { display: inline-block; width: 26px; height: 24px; margin-right: 8px; background-image: url(../image/icon_more01.svg); background-repeat: no-repeat; background-position: left center; }

.notice_contents_area .point_list_area { margin-top: 18px; overflow: hidden; transition: height 0.5s; padding: 0 24px; }
.notice_contents_area .point_list_area + .point_list_area { margin-top: 0; }
.notice_contents_area .point_list_area .list_top_area { display: flex; justify-content: space-between; align-items: center; padding-bottom: 8px; }
.notice_contents_area .point_list_area .list_top_area .total_view { font-weight: 700; font-size: 15px; line-height: 22px; }
.notice_contents_area .point_list_area .list_top_area .photo_chk_area input[type="checkbox"] { display: none; }
.notice_contents_area .point_list_area .list_top_area .photo_chk_area input[type="checkbox"] + label { display: inline-block; font-weight: 400; font-size: 15px; line-height: 24px; position: relative; padding-left: 28px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.notice_contents_area .point_list_area .list_top_area .photo_chk_area input[type="checkbox"]:checked + label { font-weight: 700; background-image: url(../image/icon/agree_chk_on.svg); }

.notice_contents_area .point_list_wrap .list > a { padding: 16px 24px; flex-direction: column; }
.notice_contents_area .point_list_wrap + .point_list_wrap { margin-top: 0; }
.notice_contents_area .point_list_wrap + .point_list_wrap li:first-of-type { border-top: 0; }
.notice_contents_area .point_list_wrap.hide_list { height: 0; transition: height 0.5s; margin-top: 0; overflow: hidden; }
.notice_contents_area .point_list_wrap.hide_list .list:first-of-type { border-top: 0; }
.notice_contents_area .point_list_wrap .list { border-top: 1px solid #d0d0d0; position: relative; padding: 24px 0 32px; }
.notice_contents_area .point_list_wrap .list.best::after { content: "BEST"; display: inline-block; position: absolute; width: 48px; height: 48px; line-height: 36px; background-image: url(../image/icon_review_best_bg.svg); background-repeat: no-repeat; background-position: center top; font-weight: 700; font-size: 14px; color: #ffffff; right: 16px; top: 0; text-align: center; }
.notice_contents_area .point_list_wrap .list .info_area { position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
.notice_contents_area .point_list_wrap .list:last-of-type { border-bottom: 1px solid #d0d0d0; }
.notice_contents_area .point_list_wrap .list { display: flex; justify-content: space-between; align-items: center; padding: 24px 0px 32px; text-align: left; }
.notice_contents_area .point_list_wrap .list .top_area { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.notice_contents_area .point_list_wrap .list .name_area { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; width: 100%; }
.notice_contents_area .point_list_wrap .list .name_area .label { height: 20px; display: inline-block; line-height: 20px; padding: 0 8px; background-color: rgba(42,173,92,0.1); border-radius: 30px; font-weight: 700; font-size: 13px; color: #2aad5c; }

.notice_contents_area .list_btn_area { margin-top: 40px; text-align: center; width: 100%; }
.notice_contents_area .list_btn_area .btn { width: 280px; height: 52px; line-height: 52px; display: inline-block; border: 1px solid #2aad5c; border-radius: 8px; font-weight: 700; font-size: 14px; color: #2aad5c; }
.notice_contents_area .point_list_wrap .list .info_area .point { font-weight: 500; font-size: 12px; color: #888888; height: 20px; line-height: 22px; display: inline-block; padding-left: 140px; background-position: left center; background-repeat: no-repeat; background-size: 132px; }
.notice_contents_area .point_list_wrap .list .info_area .point.type5 { background-image: url(../image/icon_point5.svg)}
.notice_contents_area .point_list_wrap .list .info_area .point.type4 { background-image: url(../image/icon_point4.svg)}
.notice_contents_area .point_list_wrap .list .info_area .point.type3 { background-image: url(../image/icon_point3.svg)}
.notice_contents_area .point_list_wrap .list .info_area .point.type2 { background-image: url(../image/icon_point2.svg)}
.notice_contents_area .point_list_wrap .list .info_area .point.type1 { background-image: url(../image/icon_point1.svg)}
.notice_contents_area .point_list_wrap .list .info_area .name { font-weight: 700; font-size: 13px; line-height: 20px; display: inline-block; padding-left: 8px; }
.notice_contents_area .point_list_wrap .list .info_area .title { font-weight: 700; font-size: 14px; line-height: 20px; display: inline-block; padding: 0; margin-top: 8px; }
.notice_contents_area .point_list_wrap .list .info_area .title .icon_attach { display: inline-block; width: 16px; height: 16px; background-image: url(../image/icon_attach.svg); background-repeat: no-repeat; background-position: center; margin-left: 4px; vertical-align: middle; margin-top: -2px; }
.notice_contents_area .point_list_wrap .list .date { font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }

.notice_contents_area .point_list_wrap .list .info_area .text_view_wrap { overflow: hidden; height: 88px; margin-top: 8px; }
.notice_contents_area .point_list_wrap .list .info_area .text_view_area {text-align: left; font-weight: 400; font-size: 15px; line-height: 22px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height: 88px; }
.notice_contents_area .point_list_wrap .list .info_area .text_view_area.on { -webkit-line-clamp: unset; height: auto; max-height: unset; }
.notice_contents_area .point_list_wrap .list .info_area .text_more_btn { margin-top: 8px; font-weight: 700; font-size: 15px; line-height: 24px; color: #2aad5c; display: flex; align-items: center; }
.notice_contents_area .point_list_wrap .list .info_area .text_more_btn i { display: inline-block; margin-left: 4px; width: 24px; height: 24px; background-image: url(../image/icon_arrow_pp03.svg); background-repeat: no-repeat; background-position: center center; }
.notice_contents_area .point_list_wrap .list .info_area .text_more_btn.on i { transform: rotate(180deg); }
.notice_contents_area .point_list_wrap .list .img_view_area { margin-top: 16px; cursor: pointer; width: 100%; display: inline-block; overflow-x: hidden; white-space: nowrap; }
.notice_contents_area .point_list_wrap .list .img_view_area li { display: inline-block; overflow: hidden; width: 60px; height: 60px; position: relative; }
.notice_contents_area .point_list_wrap .list .img_view_area li + li { margin-left: 4px; }
.notice_contents_area .point_list_wrap .list .img_view_area li img { max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.notice_contents_area .point_list_wrap .list .img_view_area li video { max-width: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }

.notice_contents_area .list_load_area { display: none; margin-top: 24px; }
.notice_contents_area .list_load_area.on { display: flex; justify-content: center; align-items: center; }
.notice_contents_area .list_load_area i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: inline-block; background-color: #2aad5c; border-radius: 50%; width: 12px; height: 12px; -webkit-animation-name: listLoad; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-timing-function: linear; -webkit-animation-fill-mode: none; animation-name: listLoad; animation-duration: 1.5s; animation-iteration-count: infinite; animation-direction:alternate; animation-timing-function: linear; animation-fill-mode: none; }
.notice_contents_area .list_load_area div { display: inline-block; width: 12px; height: 12px; position: relative; }
.notice_contents_area .list_load_area div + div { margin-left: 12px; }

.notice_contents_area .list_load_area div:nth-child(1) i { -webkit-animation-delay: 0s; animation-delay: 0s; }
.notice_contents_area .list_load_area div:nth-child(2) i { -webkit-animation-delay: 0.5s; animation-delay: 1s; }
.notice_contents_area .list_load_area div:nth-child(3) i { -webkit-animation-delay: 1s; animation-delay: 2s; }


@-webkit-keyframes listLoad {
    0% {
        background-color: #2aad5c;
        width: 12px;
        height: 12px;
    }
    50% {
        background-color: rgba(136, 136, 136, 0.5);
        width: 8px;
        height: 8px;
    }
    to {
        background-color: rgba(136, 136, 136, 0.25);
        width: 8px;
        height: 8px;
    }
}

@keyframes listLoad {
    0% {
        background-color: #2aad5c;
        width: 12px;
        height: 12px;
    }
    50% {
        background-color: rgba(136, 136, 136, 0.5);
        width: 8px;
        height: 8px;
    }
    to {
        background-color: rgba(136, 136, 136, 0.25);
        width: 8px;
        height: 8px;
    }

}


.viewer-navbar .viewer-transition { transform: none !important; width: 100% !important; display: flex; justify-content: center; }
/* 페이징 */
.pagination_area { margin-top: 32px; display: flex; justify-content: center; align-items: center; padding: 0 32px; }
.pagination_area .first,
.pagination_area .prev,
.pagination_area .next,
.pagination_area .last { display: inline-block; background-repeat: no-repeat; background-position: center center; text-indent: -999999px; overflow: hidden; background-color: transparent; }
.pagination_area .first,
.pagination_area .last { width: 32px; height: 24px; background-image: url(../image/icon_arrow_page02.svg); }
.pagination_area .last { transform: rotate(180deg); }

.pagination_area .prev,
.pagination_area .next { width: 32px; height: 24px; background-image: url(../image/icon_arrow_page01.svg); }
.pagination_area .next { transform: rotate(180deg); }

.pagination_area .first { margin-right: 12px; display: none; }
.pagination_area .last { margin-left: 12px; display: none; }

.pagination_area .page_list { margin: 0 24px; }
.pagination_area .page_list li { display: inline-block; }
.pagination_area .page_list li + li { margin-left: 2px; }
.pagination_area .page_list li a { display: inline-block; width: 32px; height: 32px; text-align: center; line-height: 32px; font-family: 'Poppins'; font-weight: 500; font-size: 16px; color: #d0d0d0; }
.pagination_area .page_list li a.on {background-color: #2aad5c; border-radius: 4px; color: #ffffff; font-weight: 500; }

.viewer_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 10000; display: none; }
.viewer_wrap.active { display: block; }
.viewer_wrap .exit_area { width: 100%; height: 100%; }
.viewer_wrap .exit_btn { position: absolute; top: 16px; right: 16px; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #222222; background-image: url(../image/icon_exit_w02.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; }
.viewer_wrap .swiper-slide { overflow: hidden; position: relative; }
.viewer_wrap .swiper-slide img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.viewer_wrap .swiper-slide video { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.viewer_wrap .viewer_swiper { width: 100%; max-width: 480px; height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: hidden; }
.viewer_wrap .swiper-pagination { position: absolute; left: 50%; transform: translate(-50%,-50%); bottom: 24px; }
.viewer_wrap .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #c4c4c4; opacity: 1; transition: width 0.3s; border-radius: 33px; }
.viewer_wrap .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 8px; }
.viewer_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #2aad5c; width: 28px; }
.viewer_wrap .swiper-button { width: 56px; height: 56px; background-image: url(../image/icon_arrow_white03.svg); background-repeat: no-repeat;  background-position: center; position: absolute; top: 50%; }
.viewer_wrap .swiper-button.swiper-button-prev { transform: translateY(-50%); left: 0; }
.viewer_wrap .swiper-button.swiper-button-next { transform: translateY(-50%) rotate(180deg); right: 0; left: unset; }

/* 브릿지 페이지 - 20220203 */
.bridge_section .section_wrap { width: 100%; padding: 69px 0 0; height: auto; }
.bridge_section .contents_area { background-color: #ffffff; text-align: center; }
.bridge_section .contents_area.bg_type01 { background-color: #f3f3f3; padding: 72px 0 32px; }
.bridge_section .contents_area.bg_type02 { background-color: #ffca10; padding: 92px 0 75px; }
.bridge_section .contents_area.bg_type03 { background-color: #e4f6eb; padding: 64px 0 44px; }
.bridge_section .contents_area.bg_type04 { background-color: #222222; padding: 30px 0 36px; }
.bridge_section .contents_area.bg_type05 { padding: 46px 0 160px; }

.bridge_section .contents_area .main_title { font-family: 'Gmarket Sans'; font-weight: bold; font-size: 34px; line-height: 42px; }
.bridge_section .contents_area .main_title em { color: #2aad5c; }
.bridge_section .contents_area .main_sub_text { font-family: 'Pretendard'; margin-top: 6px; font-weight: 800; font-size: 20px; line-height: 38px; border-bottom: 4px solid #ffda59; display: inline-block; }
.bridge_section .contents_area .label_list.type_a { margin-top: 32px; position: relative; width: 280px; height: 136px; left: 50%; transform: translateX(-50%); }
.bridge_section .contents_area .label_list.type_a li { font-family: 'Pretendard'; width: 152px; height: 50px; line-height: 50px; background-color: #ffffff; border: 1px solid #e5e5e5; box-sizing: border-box; box-shadow: 1px 1px 8px rgba(170, 170, 170, 0.18); border-radius: 51px; font-family: 'Pretendard'; font-weight: 800; font-size: 16px; position: absolute; }
.bridge_section .contents_area .label_list.type_a li:nth-of-type(1) { left: 0; top: 0; z-index: 1; }
.bridge_section .contents_area .label_list.type_a li:nth-of-type(2) { right: 0; top: 28px; z-index: 0; }
.bridge_section .contents_area .label_list.type_a li:nth-of-type(3) { bottom: 0; left: 50%; transform: translateX(-50%); }
.bridge_section .contents_area .contents_title { font-family: 'Gmarket Sans'; }
.bridge_section .contents_area .contents_title.type01 { font-weight: bold; font-size: 26px; line-height: 30px; color: #222222; }
.bridge_section .contents_area .contents_title.type01 em { color: #2aad5c; }
.bridge_section .contents_area .m_swipe_area { margin-top: 40px; overflow: hidden; width: 100%; padding: 0 16px; }
.bridge_section .contents_area .m_swipe_area ul { width: 632px; height: 148px; margin: 0 auto; display: flex; justify-content: space-between; }
.bridge_section .contents_area .m_swipe_area ul li { width: 308px; height: 148px; background-color: #ffffff; border-radius: 20px; padding: 32px 0 16px; font-family: 'Pretendard'; }
.bridge_section .contents_area .m_swipe_area ul li .list_main_text { font-weight: 800; font-size: 20px; line-height: 30px; font-family: 'Pretendard'; }
.bridge_section .contents_area .m_swipe_area ul li .sub_date_text { font-weight: bold; display: block; font-size: 16px; line-height: 30px; color: #888888; margin-top: 10px; font-family: 'Pretendard'; }

.bridge_section .contents_area .contents_title.type02 { font-weight: bold; font-size: 24px; line-height: 32px; backdrop-filter: blur(4px); text-align: center; }
.bridge_section .contents_area .contents_title.type02 em { color: #2aad5c; display: block; }
.bridge_section .contents_area .contents_text_box.border_type01 { font-family: 'Pretendard'; margin: 24px auto 0; width: calc(100% - 48px); background-color: #ffffff; border: 2px solid #222222; box-sizing: border-box; border-radius: 22px; padding: 28px 36px 16px; font-weight: normal; font-size: 18px; line-height: 32px; backdrop-filter: blur(4px); position: relative; z-index: 10; box-shadow: 6px 6px 0 #2aad5c; word-break: keep-all; }
.bridge_section .contents_area .contents_text_box.border_type01 p { font-family: 'Pretendard'; }
.bridge_section .contents_area .contents_text_box.border_type01 strong { font-weight: bold; }
.bridge_section .contents_area .contents_text_box.border_type01 .sub_text { display: block; margin-top: 12px; font-weight: normal; font-size: 16px; line-height: 32px; color: #888888; backdrop-filter: blur(4px); }

.bridge_section .contents_area .fade_action_area { position: relative; width: 100%; height: 185px; margin: 0 auto; }
.bridge_section .contents_area .fade_action_area .action_box { opacity: 0; position: absolute; left: 50%; top: 0; transform: translateX(-50%); font-family: 'Pretendard'; width: 100%; transition: opacity 0.7s; }
.bridge_section .contents_area .fade_action_area .action_box.active { display: block; text-align: center; opacity: 1; }
.bridge_section .contents_area .fade_action_area .action_box .imo { display: block; font-size: 37px; line-height: 47px; backdrop-filter: blur(6.23333px); }
.bridge_section .contents_area .fade_action_area .action_box .title { font-weight: 800; font-size: 24px; line-height: 30px; color: #ffffff; display: block; margin-top: 12px; font-family: 'Pretendard'; }
.bridge_section .contents_area .fade_action_area .action_box .title em { color: #ffda59; }
.bridge_section .contents_area .fade_action_area .action_box .sub_text { margin-top: 14px; font-weight: bold; font-size: 16px; line-height: 26px; color: #ffffff; font-family: 'Pretendard'; }

.bridge_section .contents_area .contents_title.type03 { font-weight: bold; font-size: 24px; line-height: 32px; }
.bridge_section .contents_area .contents_title.type03 em { color: #2aad5c; }
.bridge_section .contents_area .contents_title.type03 span { border-bottom: 4px solid #ffda59; }
.bridge_section .contents_area .contents_title.type03 + .sub_text { margin: 12px auto 0; display: inline-block; font-weight: 500; font-size: 16px; line-height: 26px; }
.bridge_section .contents_area .label_list.type_b { margin-top: 32px; width: calc(100% - 40px); max-width: 448px; height: 116px; display: flex; justify-content: space-between; align-items: stretch; margin: 0 auto; flex-wrap: wrap; margin-top: 32px; }
.bridge_section .contents_area .label_list.type_b li { width: calc(50% - 8px); text-align: center; display: inline-block; height: 50px; line-height: 50px;background-color: #f3f3f3; border-radius: 8px; margin-bottom: 0px; font-weight: 800; font-size: 16px; font-family: 'Pretendard'; }
.bridge_section .contents_area .label_list.type_b li:nth-last-of-type(n+3) { margin-bottom: 16px; }
.bridge_section .main_btn_area { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0px; z-index: 10; width: 100%; max-width: 680px; /*transition: all 0.5s;*/ }
.bridge_section .main_btn_area.fix { position: absolute; bottom: 0px; }
.bridge_section .main_btn_area .btn_label { width: 240px; height: 36px; line-height: 36px; margin: 0 auto; background-color: #222222; border-radius: 10px; font-weight: bold; font-size: 14px; color: #f3f3f3; display: none; }
.bridge_section .main_btn_area .btn { width: 100%; height: 64px; line-height: 64px; background-color: #2aad5c; font-weight: bold; font-size: 20px; text-align: center; color: #f3f3f3; margin-top: 12px; }

.bridge_section02 .section_wrap { padding: 68px 24px 24px; }
.bridge_section02 .consulting_bridge01 .guide_list { margin-top: 24px; margin-bottom: 48px; }
.bridge_section02 .consulting_bridge01 .guide_list .list { display: flex; }
.bridge_section02 .consulting_bridge01 .guide_list .list + .list { margin-top: 40px; }
.bridge_section02 .consulting_bridge01 .guide_list .list .num { margin-top: 2px; display: inline-block; width: 28px; min-width: 28px; height: 28px; line-height: 28px; background-color: #e6d8fd; border-radius: 50%; font-size: 16px; font-weight: 700; color: #2aad5c }
.bridge_section02 .consulting_bridge01 .guide_list .list .text_wrap { text-align: left; margin-left: 12px; }
.bridge_section02 .consulting_bridge01 .guide_list .list .detail_list { margin-top: 16px; }
.bridge_section02 .consulting_bridge01 .guide_list .list .wrap_title { font-weight: 700; font-size: 18px; line-height: 26px; }
.bridge_section02 .consulting_bridge01 .guide_list .list .wrap_title em { color: #2aad5c; }
.bridge_section02 .consulting_bridge01 .guide_list .list .detail_text { margin-top: 16px; font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(34,34,34,0.72); }
.bridge_section02 .consulting_bridge01 .guide_list .list .detail_text em { font-weight: 700; font-size: 16px; line-height: 22px; color: #2aad5c; }
.bridge_section02 .consulting_bridge01 .guide_list .list .detail_list li { font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(34,34,34,0.72); }
.bridge_section02 .consulting_bridge01 .guide_list .list .detail_list li::before { content: "• "; }

.bridge_section03 .section_wrap { padding: 68px 24px 24px; }
.bridge_section03 .section_wrap .bot_btn_area { margin-top: 40px; }
.bridge_section03.type_fixed .section_wrap { padding: 68px 24px 124px; }
.bridge_section03 .bot_btn_area.type01 button, 
.bridge_section03 .bot_btn_area.type01 a, 
.bridge_section03 .bot_btn_area.type01 input[type="button"],
.bridge_section03 .bot_btn_area.type01 input[type="submit"] { font-size: 18px; }

.bridge_section03 .consulting_bridge02 { padding-top: 24px; text-align: left; }
.bridge_section03 .consulting_bridge02 .title_area .label_area { display: flex; align-items: center; gap: 4px; }
.bridge_section03 .consulting_bridge02 .title_area .label_area .label { background-color: #3182f6; border-radius: 30px; height: 20px; line-height: 20px; padding: 0 8px; font-weight: 700; font-size: 14px; color: #ffffff; }
.bridge_section03 .consulting_bridge02 .title_area .label_area + .title { margin-top: 24px; }
.bridge_section03 .consulting_bridge02 .title_area .title { font-weight: 700; font-size: 24px; line-height: 34px; }
.bridge_section03 .consulting_bridge02 .main_image_area { margin-top: 14px; }
.bridge_section03 .consulting_bridge02 .main_image_area img { image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; }
.bridge_section03 .consulting_bridge02 .qna_area { margin-top: 24px; }
.bridge_section03 .consulting_bridge02 .qna_area .area_title_area { display: flex; align-items: center; }
.bridge_section03 .consulting_bridge02 .qna_area .area_title_area em { font-weight: 700; font-size: 24px; line-height: 20px; color: #ff8d8d; margin-right: 4px; }
.bridge_section03 .consulting_bridge02 .qna_area .area_title_area p { font-weight: 700; font-size: 18px; line-height: 24px; color: #000000; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box { margin-top: 18px; background-color: #f2f4f6; border-radius: 8px; padding: 12px; text-align: center; display: flex; flex-direction: column; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p { font-weight: 400; font-size: 14px; line-height: 17px; display: flex; align-items: center; justify-content: center; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p + p { margin-top: 8px; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p strong { font-weight: 700; font-size: 16px; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p .label { height: 20px; line-height: 20px; padding: 0 6px; border-radius: 50px; font-weight: 600; font-size: 14px; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p .label + .label { margin-left: 2px; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p .label:last-child { margin-right: 2px; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p .label.type_red { background: #FFE4E5; color: #e04f4f; }
.bridge_section03 .consulting_bridge02 .qna_area .text_box p .label.type_blue { background: #D0F7FF; color: #1077AB; }
.bridge_section03 .consulting_bridge02 .qna_area .chk_list { margin-top: 8px; }
.bridge_section03 .consulting_bridge02 .qna_area .chk_list li { font-weight: 400; font-size: 14px; line-height: 22px; padding-left: 34px; background-image: url(../image/bridge/04/icon_list_chkbox01.svg); background-repeat: no-repeat; background-size: 26px; }
.bridge_section03 .consulting_bridge02 .qna_area .chk_list li + li { margin-top: 8px; }


.bridge_section03 .consulting_bridge03 { text-align: left; }
.bridge_section03 .consulting_bridge03 .title_area { padding-top: 24px; }
.bridge_section03 .consulting_bridge03 .title_area .title { font-weight: 700; font-size: 26px; line-height: 34px; }
.bridge_section03 .consulting_bridge03 .title_area .title em { color: #34d657; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 { margin-top: 18px; padding-bottom:124px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .img_area .copy_area { margin-top: 18px; text-align: center; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .img_area .copy_area .main_copy { font-weight: 600; font-size: 20px; line-height: 24px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .img_area .copy_area .sub_copy { margin-top: 8px; font-weight: 500; font-size: 14px; line-height: 17px; color: rgba(34,34,34,0.48); }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area { margin-top: 42px; text-align: center; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area .main_text { font-weight: 400; font-size: 15px; line-height: 22px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area .info_box_list { display: grid; margin-top: 14px; gap: 6px; grid-template-columns: repeat(3, 1fr); }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area .info_box_list .box { background-color: #f2f4f6; border-radius: 8px; padding: 8px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area .info_box_list .box img { width: 42px; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents01 .guide_info_area .info_box_list .box .text { margin-top: 8px; font-weight: 700; font-size: 14px; line-height: 20px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 { margin-top: 24px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .list_title { display: flex; align-items: center; font-weight: 700; font-size: 18px; line-height: 24px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .list_title em { font-weight: 700; font-size: 24px; line-height: 20px; color: #ff8d8d; margin-right: 4px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .text_box { margin-top: 18px; background-color: #f2f4f6; border-radius: 8px; padding: 12px; display: flex; align-items: center; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .text_box img { width: 42px; margin-right: 8px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .text_box p { font-weight: 400; font-size: 14px; line-height: 20px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 .text_box p b { font-weight: 700; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 li { padding-bottom: 24px; border-bottom: 0.5px solid rgba(34,34,34,0.24); }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 li + li { padding-top: 8px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents02 li:last-of-type { padding-bottom: 0; border-bottom: 0; }

.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .img_box { text-align: center; margin-top: 24px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .img_box img { width: 166px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .img_box .copy_area { margin-top: 4px; background: linear-gradient(180deg, rgba(237, 241, 255, 0) 0%, #EDF1FF 61.98%); border-radius: 8px; padding: 12px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .img_box .copy_area p { font-weight: 600; font-size: 16px; line-height: 19px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .img_box .copy_area p em { color: #FF6652; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .text_box { margin-top: 18px; text-align: center; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .text_box .title { font-weight: 700; font-size: 20px; line-height: 24px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .text_box .sub_copy { margin-top: 8px; font-weight: 400; font-size: 16px; line-height: 19px; color: #000000; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .kakao_text_box { margin-top: 18px; background-color: #f2f4f6; border-radius: 8px; padding: 12px; display: flex; align-items: center; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .kakao_text_box img { width: 42px; margin-right: 8px; }
.bridge_section03 .consulting_bridge03 .consulting_bridge_contents03 .kakao_text_box p { font-weight: 400; font-size: 14px; line-height: 20px; }



/* 이지웰 */
.login_section .coupon_guide_area .coupon_contents_area.type_ez span { display: block; font-weight: 700; font-size: 18px; line-height: 24px; color: #222222; white-space: nowrap; }
.login_section .coupon_guide_area .coupon_contents_area.type_ez strong { font-weight: 700; font-size: 18px; line-height: 24px; color: #2aad5c; }
.login_section .coupon_guide_area .coupon_contents_area.type_ez strong span { display: inline-block;}
.login_section .coupon_guide_area .coupon_contents_area.type_5p i { background-image: url(../image/icon_coupon_5p.svg)}
.login_section .coupon_guide_area .coupon_payment_title { display: block; margin-bottom: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }

.payment_section .calc_price_area .point_input_area { margin-top: 24px; }
.payment_section .calc_price_area .point_input_area .title_area { display: flex; justify-content: space-between; align-items: center; }
.payment_section .calc_price_area .point_input_area .title_area .title { font-weight: 700; font-size: 16px; line-height: 22px; }
.payment_section .calc_price_area .point_input_area .title_area .point { font-weight: 400; font-size: 14px; line-height: 24px; }
.payment_section .calc_price_area .point_input_area .input_box { margin-top: 8px; }
.payment_section .calc_price_area .point_input_area .error_msg { font-weight: 400; font-size: 13px; line-height: 22px; color: #fb5058; height: 0; overflow: hidden; display: block; transition: height 0.5s; }
.payment_section .calc_price_area .point_input_area .input_box.error + .error_msg { height: 22px; }
.payment_section .calc_price_area .point_input_area .chk_use_point_area { margin-top: 8px; }
.payment_section .calc_price_area .point_input_area .chk_use_point_area input { display: none; }
.payment_section .calc_price_area .point_input_area .chk_use_point_area input + label { padding-left: 28px; font-weight: 400; font-size: 14px; line-height: 24px; height: 24px; position: relative; display: inline-block; }
.payment_section .calc_price_area .point_input_area .chk_use_point_area input + label::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center; background-size: 24px; position: absolute; left: 0; top: 0; }
.payment_section .calc_price_area .point_input_area .chk_use_point_area input:checked + label::after { background-image: url(../image/icon/agree_chk_on.svg); }
.payment_section .calc_price_area .point_guide_text { padding-left: 32px; font-weight: 400; font-size: 14px; line-height: 20px;  height: 20px; padding-top: 4px; }
.payment_section .calc_price_area .point_guide_text em { color: #fb5058; }


/* 한 달 구성 선택 */
.payment_section .package_area{ margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }



.mypage_section .point_guide_text { padding-left: 32px; font-weight: 400; font-size: 14px; line-height: 20px; height: 20px; padding-top: 4px; }
.mypage_section .point_guide_text em { color: #fb5058; }

.card_area .list_title_area.necessary_type { display: flex; justify-content: flex-start; align-content: center; }
.card_area .list_title_area.necessary_type .necessary_title { display: inline-block; margin-left: 8px; padding-left: 20px; height: 20px; font-weight: 700; font-size: 14px; line-height: 20px; color: #fb5058; background-image: url(../image/icon_warning_red02.svg); background-repeat: no-repeat; background-position: left center; }
.card_area .list_title_area.necessary_type + .necessary_text { margin-top: 16px; font-weight: 500; font-size: 14px; line-height: 20px; color: #fb5058; }
.card_area .list_title_area.necessary_type + .necessary_text { padding: 16px 20px; background-color: #ffeeef; border-radius: 12px; }
.card_area .list_title_area.necessary_type + .necessary_text strong { display: block; margin-bottom: 8px; font-weight: 700; font-size: 14px; line-height: 20px; }

.card_area .list_title_area.necessary_type + .necessary_text + .toggle_input_list.active { margin-top: 12px; }

.card_area .list_title_area + .sub_text { margin-top: 4px; font-weight: 400; font-size: 14px; line-height: 20px; }

.card_area .agree_chk_area { display: flex; justify-content: space-between; margin-top: 12px; align-items: center; }
.card_area .agree_chk_area input[type="checkbox"] { display: none; }
.card_area .agree_chk_area input[type="checkbox"] + label { padding-left: 30px; display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; }
.card_area .agree_chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }
.card_area .agree_chk_area .go_popup { font-weight: 400; font-size: 14px; line-height: 22px; text-decoration: underline; color: #888888; }
.card_area .agree_chk_area + .chk_view_text { font-weight: 400; font-size: 13px; line-height: 18px; padding-left: 30px; color: rgba(34,34,34,0.48); }


/* 우리부모님케어  */
.input_section.type_care .section_wrap { text-align: left; height: auto; padding: 34px 24px 96px; }
.input_section.type_care .section_wrap .section_contents_area { width: 100%; max-width: 550px; margin: 0 auto; padding-top: 48px; }
.input_section.type_care .section_title { font-weight: 400; font-size: 32px; line-height: 42px; letter-spacing: -0.04em; }
.input_section.type_care .section_sub_text { margin-top: 16px; font-weight: 400; font-size: 14px; line-height: 22px; color: #888888; }
.input_section.type_care .input_area { margin-top: 40px; }
.input_section.type_care .input_area .list_title { font-weight: 700; font-size: 26px; line-height: 120%; margin-bottom: 0px; display: block; }
.input_section.type_care .input_area .list_title + .input_list { margin-top: 24px; }
.input_section.type_care .input_area .list_title + .sub_text { margin-top: 4px; font-weight: 400; font-size: 12px; line-height: 18px; color: #888888; }
.input_section.type_care .input_list + .list_title { margin-top: 48px; }

.input_section.type_care .input_area .list_title + .sub_text + .input_list { margin-top: 32px; }
.input_section .input_list li { margin-top: 32px; }
.input_section .input_list .address_area .input_box { margin-top: 12px; }
.input_section .input_list .address_area .input_box:first-of-type { margin-top: 0; }
.input_section .input_list li.hide_area { margin-top: 0px; }
.input_section .input_list li.hide_area.show { margin-top: 16px; }
.input_section .input_list li:first-of-type { margin-top: 0; }
.input_section .input_list .input_title { font-weight: 700; font-size: 16px; line-height: 18px; color: #2e2e2e; display: block; }
.input_section .input_list .input_title + .input_box,
.input_section .input_list .input_title + .input_chk_area,
.input_section .input_list .input_title + .out_btn_area,
.input_section .input_list .sub_text + .input_box,
.input_section .input_list .sub_text + .input_chk_area,
.input_section .input_list .sub_text + .out_btn_area { margin-top: 16px; }
.input_section .input_list .sub_text + textarea { margin-top: 8px; }
.input_section .input_list .input_title + .sub_text { display: block; margin-top: 4px; }
.input_section .input_list .sub_text { font-weight: 400; font-size: 12px; line-height: 18px; color: #888888; }
.input_section .service_guide_text_area { margin-top: 52px; text-align: center; }
.input_section .service_guide_text_area i { display: block; width: 32px; height: 32px; background-image: url(../image/icon_mark02.svg); margin: 0 auto; }
.input_section .service_guide_text_area strong { margin-top: 8px; display: block; font-weight: 700; font-size: 22px; line-height: 28px; color: #2aad5c; }
.input_section .service_guide_text_area p { margin-top: 8px; font-weight: 400; font-size: 12px; line-height: 18px; color: #888888; }
.input_section .bot_btn_area { margin-top: 56px; }


.complete_section .section_wrap { padding: 138px 24px 24px; max-width: inherit; text-align: left; width: 100%; height: 100%; min-height: inherit; }
.complete_section .section_wrap .section_title { font-weight: 700; font-size: 24px; line-height: 34px; display: block; }
.complete_section .section_wrap .section_title + .section_sub_text { margin-top: 12px; font-weight: 400; font-size: 15px; line-height: 22px; display: block; }
.complete_section .section_wrap .date_info_area { margin-top: 24px; padding: 16px 20px; background-color: #e4f6eb; border-radius: 16px; }
.complete_section .section_wrap .date_info_area li { display: flex; justify-content: space-between; }
.complete_section .section_wrap .date_info_area li + li { margin-top: 8px; }
.complete_section .section_wrap .date_info_area li span { font-weight: 400; font-size: 14px; line-height: 20px; }
.complete_section .section_wrap .date_info_area li strong { font-weight: 700; font-size: 14px; line-height: 20px; }

.complete_section .bot_btn_area { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); width: calc(100% - 48px); margin-top: 0; }
.complete_section .bot_btn_area.type_fixed { margin-top: 0; bottom: 0; position: fixed; border: 0; }


/* 포인트 */
.notice_section.point_type .notice_contents_area { padding: 0px 24px 96px; }
.notice_section.point_type .notice_title { padding-left: 0; }

.notice_contents_area .point_view_area { margin-top: 24px; width: 100%; padding: 24px; box-sizing: border-box; border-radius: 8px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.notice_section.point_type .tab_list_area { margin-top: 24px; }
.notice_section.point_type .tab_list_area + .more_btn_area { padding-bottom: 0; }
.notice_section.point_type .tab_list_area .tab_title:nth-of-type(1) { left: 0; width: auto; }
.notice_contents_area .point_view_area .title { font-weight: 700; font-size: 20px; line-height: 28px; }
.notice_contents_area .point_view_area .point { font-weight: 700; font-size: 36px; line-height: 46px; color: #2aad5c; }
.notice_contents_area .point_view_area .sub_text { margin-top: 8px; font-weight: 400; font-size: 15px; line-height: 22px; color: #888888; }
.notice_contents_area .point_view_area .sub_text strong { display: inline-block; padding-right: 8px; font-weight: 700; }

.notice_section .tab_list_area.point_type .tab_title { color: #222222; }
.notice_section .tab_list_area.point_type .tab_list { display: block; padding-top: 36px; }

.notice_section .tab_list_area.point_type .list_wrap.type_list .list { padding: 16px 0px; position: relative; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .text_area { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .label { min-width: 56px; font-size: 13px; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_p .label { background: rgba(42,173,92,0.1); color: #2aad5c; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_r .label { background: rgba(251, 80, 88, 0.1); color: #FB5058; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_g .label { background: rgba(110, 113, 145, 0.1); color: #123929; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .date { margin-left: 8px; font-weight: 400; font-size: 13px; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .title { margin-right: 100px; font-weight: 400; font-size: 15px; line-height: 22px; color: #222222; flex-grow: 1; width: calc(100% - 100px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .point { font-weight: 700; font-size: 15px; line-height: 22px; white-space: nowrap; position: absolute; right: 0px; bottom: 16px; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_p .point { color: #2aad5c; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_r .point { color: #FB5058; }
.notice_section .tab_list_area.point_type .list_wrap.type_list .list .type_g .point { color: #888888; }


.notice_section .tab_list_area.point_type .list_wrap.type_list { overflow: hidden; transition: height 0.5s; width: 100%; }

.notice_section .tab_list_area.point_type .list_wrap.type_list.hide_list { height: 0; overflow: hidden; }
.notice_section .tab_list_area.point_type .list_wrap.type_list.hide_list .list:first-of-type { border-top: 0; }

.notice_section .tab_list_area.point_type + .more_btn_area { margin-bottom: 0; }

.notice_section.point_type .section_wrap { padding: 72px 0 0px; }


.pillgram_point_area .title_area { display: flex; justify-content: space-between; align-items: baseline;  }
.pillgram_point_area .title_area .title { font-weight: 700; font-size: 18px; line-height: 26px; display: inline-block; }
.pillgram_point_area .title_area .point { font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; display: inline-block; }

.pillgram_point_area .point_chk_area input { display: none; }
.pillgram_point_area .point_chk_area input[type="checkbox"] + label { padding-left: 28px; display: flex; font-weight: 400; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; justify-content: flex-start; align-items: center; }
.pillgram_point_area .point_chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }

.pillgram_point_area .input_box { margin-top: 8px; }
.pillgram_point_area .point_chk_area { margin-top: 12px; }
.pillgram_point_area .point_chk_area .chk_area input[type="checkbox"] + label { display: flex; flex-direction: column; align-items: flex-start; background-position: left top; font-weight: 500; font-size: 16px; line-height: 22px; }
.pillgram_point_area .point_chk_area .chk_area input[type="checkbox"] + label em { font-weight: 400; font-size: 13px; line-height: 20px; color: #888888; }


.mypage_section .data_detail_area .detail_list .chk_area input[type="checkbox"] { display: none; }
.mypage_section .data_detail_area .detail_list .chk_area input[type="checkbox"] + label { display:inline-block; padding-left: 28px; font-weight: 400; font-size: 16px; line-height: 24px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left top; background-size: 24px; }
.mypage_section .data_detail_area .detail_list .chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon/agree_chk_on.svg); }

.mypage_section .data_detail_area .detail_list .list_type02 .pay_info_list + .point_chk_area { margin-top: 8px; }
.mypage_section .data_detail_area .detail_list .point_chk_area input[type="checkbox"] + label { font-weight: 500; font-size: 14px; line-height: 24px; }
.mypage_section .data_detail_area .detail_list .point_chk_area input[type="checkbox"] + label em { display: block; width: 100%; font-weight: 400; font-size: 13px; line-height: 20px; color: #888888; }
.footer_notice_area { width: 100%; background-color: #f3f3f3; }
.footer_notice_area .footer_notice_wrap { width: 100%; padding: 40px 24px; }
.footer_notice_area .title { display: block; font-weight: 500; font-size: 13px; line-height: 140%; color: #888888; }
.footer_notice_area ul { font-weight: 400; font-size: 10px; line-height: 20px; color: #888888; list-style: disc; margin-left: 16px; margin-top: 8px; }


/* 마케팅 수신동의 - 회원가입 완료 시 */
.signup_complete_area { width: 100%;  }
.signup_complete_area .img_area { margin-top: 32px; }
.signup_complete_area img { width: 100%; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; }
.signup_complete_area .img_area img.pack_img { width: 180px; margin: 0 auto; display: block; }
.signup_complete_area .guide_text_area { margin-top: 40px; padding: 18px 16px 14px; background-color: #e4f6eb; border-radius: 8px; }
.signup_complete_area .guide_text_area .title { font-weight: 700; font-size: 14px; line-height: 20px; color: #3c3c3c; display: flex; align-items: center; }
.signup_complete_area .guide_text_area .title i { display: inline-block; width: 20px; height: 20px; background-image: url(../image/info_icon02.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px; margin-right: 4px; }
.signup_complete_area .guide_text_area .text { font-weight: 400; font-size: 13px; line-height: 20px; }
.signup_complete_area .guide_text_area .text em { font-weight: 700; font-size: 13px; line-height: 20px; text-decoration: underline; color: #2aad5c; }
.complete_section .signup_complete_area + .bot_btn_area { max-width: inherit; width: 100%; margin-top: 22px; padding: 44px 0 96px; position: relative; }

/* 친구추천 - 기회원 */
.mypage_code_detail .guide_info_area { padding: 32px 24px 40px; background-color: #f3f3f3; }
.mypage_code_detail .guide_info_area .title { display: block; width: 100%; text-align: center; font-weight: 700; font-size: 24px; line-height: 34px; }
.mypage_code_detail .guide_info_area .step_list_area { margin-top: 32px; }
.mypage_code_detail .guide_info_area .step_list_area li { text-align: center; }
.mypage_code_detail .guide_info_area .step_list_area li + li { margin-top: 48px; }
.mypage_code_detail .guide_info_area .step_list_area .label { display: inline-block; padding: 0 20px; height: 32px; line-height: 30px; border: 2px solid #2aad5c; border-radius: 28px; font-weight: 700; font-size: 13px; color: #2aad5c; background-color: #ffffff; }
.mypage_code_detail .guide_info_area .step_list_area .guide_text { margin-top: 16px; font-weight: 400; font-size: 16px; line-height: 22px; text-align: center; }

.mypage_code_detail .guide_info_area .step_list_area .main_guide_text { text-align: center; font-weight: 700; font-size: 16px; line-height: 22px; }
.mypage_code_detail .guide_info_area .step_list_area .guide_text em { font-weight: 700; font-size: 16px; line-height: 22px; color: #2aad5c; }
.mypage_code_detail .guide_info_area .step_list_area .guide_text span { font-weight: 400; font-size: 14px; line-height: 22px; color: #888888; display: block; }
.mypage_code_detail .guide_info_area .step_list_area .guide_text span.type_block { display: block; }
.mypage_code_detail .guide_info_area .step_list_area .img_area { margin-top: 24px; text-align: center; }
.mypage_code_detail .guide_info_area .step_list_area .img_area.pos_set { margin-left: 34px; }
.mypage_code_detail .guide_info_area .step_list_area .img_area + .guide_text { margin-top: 24px; }
.mypage_code_detail .guide_info_area .step_list_area .img_area.type_clash { position: relative; width: 100%; height: 264px; }
.mypage_code_detail .guide_info_area .step_list_area .img_area.type_clash .img_box { width: auto; min-width: inherit; max-width: inherit; position: absolute; border: 1px solid #f3f3f3f3; border-radius: 8px; overflow: hidden;  }
.mypage_code_detail .guide_info_area .step_list_area .img_area.type_clash .img_box:first-child { width: 185px; left: 0; top: 0; }
.mypage_code_detail .guide_info_area .step_list_area .img_area.type_clash .img_box:last-child { width: 183px; right: 0; bottom: 0; }

.mypage_code_detail .btn_area { padding: 24px 24px 48px; display: flex; flex-direction: column; align-items: center; }
.mypage_code_detail .btn_area .btn { width: 100%; height: 56px; line-height: 56px; font-weight: 700; font-size: 16px; text-align: center; border-radius: 12px; }
.mypage_code_detail .btn_area .btn.type_kakao { background-color: #fee500; color: #222222; display: flex; justify-content: center; align-items: center; }
.mypage_code_detail .btn_area .btn.type_kakao i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_kakao01.svg); margin-right: 8px; background-size: 24px; }
.mypage_code_detail .btn_area .btn + .btn { background-color: #2aad5c; color: #ffffff; margin-top: 8px; }

.mypage_code_detail .btn_area.type_fixed { padding: 48px 24px 64px; background-color: #ffffff; height: 168px; position: relative; }
.mypage_code_detail .btn_area.type_fixed .btn.type_green { width: 100%; background-color: #0a9d8b; border-radius: 0; color: #ffffff; position: fixed; bottom: 0; max-width: 100%; padding-bottom: 0px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.mypage_code_detail .btn_area.type_fixed .btn.type_green.fix { position: absolute;  bottom: 64px; width: calc(100% - 48px); border-radius: 12px; padding-bottom: 0; }

.mypage_code_detail .status_view_area { text-align: center; padding: 0 24px 48px; }
.mypage_code_detail .status_view_area .title { font-weight: 700; font-size: 24px; line-height: 34px; }
.mypage_code_detail .status_view_area .title + .sub_text { margin-top: 8px; font-weight: 500; font-size: 11px; line-height: 14px; color: #888888; }
.mypage_code_detail .status_view_area .info_view_box { margin-top: 16px; padding: 24px; background-color: #e4f6eb; border-radius: 12px; display: flex; justify-content: space-between; }
.mypage_code_detail .status_view_area .info_view_box .inner_box { width: 50%; display: flex; flex-direction: column; align-items: center; }
.mypage_code_detail .status_view_area .info_view_box .inner_box .inner_title { font-weight: 400; font-size: 14px; line-height: 20px; }
.mypage_code_detail .status_view_area .info_view_box .inner_box .info { margin-top: 8px; font-weight: 700; font-size: 15px; line-height: 22px; }
.mypage_code_detail .status_view_area .info_view_box .inner_box + .inner_box { border-left: 1px solid #123929; }
.mypage_code_detail .status_view_area .info_view_box + .link { display: inline-block; margin-top: 16px; font-weight: 500; font-size: 13px; line-height: 20px; text-decoration: underline; color: #123929; }


/* 준비중 */
.mypage_section .get_ready_guide { padding-top: 88px 24px 0; }
.mypage_section .get_ready_guide .title { font-weight: 700; font-size: 24px; line-height: 30px; }
.mypage_section .get_ready_guide .text { margin-top: 16px; font-weight: 400; font-size: 14px; line-height: 20px; }

/* 알림설정 */
.alarm_setting_section { width: 100%; }

.alarm_setting_section .go_back_btn { display: inline-block; padding: 8px; font-weight: 400; font-size: 11px; text-decoration: underline; }
.alarm_setting_section .section_wrap { padding: 68px 24px 24px; width: 100%; height: 100%; }
.alarm_setting_section .contents_wrap { width: 100%; padding: 0; }
.alarm_setting_section .title_area { display: flex; justify-content: space-between; align-items: center; }
.alarm_setting_section .contents_title { font-weight: 400; font-size: 40px; line-height: 30px; letter-spacing: -0.04em; color: #2e2e2e; }
.alarm_setting_section .contents_title + .sub_guide_text { margin-top: 40px; font-weight: 500; font-size: 14px; line-height: 18px; color: #888888; }

.alarm_setting_section .alarm_set_area { margin-top: 24px; }

.alarm_setting_section .alarm_set_area .receive_set_area { padding: 20px 24px; background-color: #e4f6eb; border-radius: 12px; display: flex; justify-content: space-between; align-items: center; }
.alarm_setting_section .alarm_set_area .receive_set_area .set_title { font-weight: 500; font-size: 18px; line-height: 22px; color: #2e2e2e; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area { width: 70px; height: 30px; overflow: hidden; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"] { display: none; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"] + label { width: 100%; height: 100%; display: inline-block; position: relative; background: #c6c6c6; box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 15px; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"] + label i { position: absolute; display: inline-block; width: 24px; height: 24px; left: 3px; background-color: #ffffff; top: 3px; border-radius: 50%; transition: left 0.5s, background-color 0.5s; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"] + label i::after { content: "OFF"; position: absolute; left: 32px; font-weight: 500; font-size: 14px; line-height: 21px; color: #ffffff; top: 50%; transform: translateY(-50%); }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"] + label i::before { content: "ON"; position: absolute; right: 32px; font-weight: 500; font-size: 14px; line-height: 21px; color: #ffffff; top: 50%; transform: translateY(-50%); }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"]:checked + label { background-color: #2aad5c; }
.alarm_setting_section .alarm_set_area .receive_set_area .chk_area input[type="checkbox"]:checked + label i { left: calc(100% - 28px); }
.alarm_setting_section .alarm_set_area .time_set_area { margin-top: 0px; background-color: #e4f6eb; border-radius: 12px; padding: 24px; position: relative; }
.alarm_setting_section .alarm_set_area .time_set_area .disabled_dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(239, 240, 246, 0.5); border-radius: 12px; display: none; }
.alarm_setting_section .alarm_set_area .time_set_area .disabled_dim.on { display: block; }
.alarm_setting_section .alarm_set_area .time_set_area li { display: flex; justify-content: space-between; align-items: center; }
.alarm_setting_section .alarm_set_area .time_set_area li + li { margin-top: 6px; }
.alarm_setting_section .alarm_set_area .time_set_area li .title { font-weight: 700; font-size: 16px; line-height: 120%;  color: #2aad5c; width: 74px; }
.alarm_setting_section .alarm_set_area .time_set_area li .time_select_area { width: calc(100% - 74px);  }
.alarm_setting_section .alarm_set_area .time_select_area label { font-weight: 500; font-size: 16px; line-height: 19px; display: inline-block; height: 56px; line-height: 56px; }
.alarm_setting_section .alarm_set_area .time_select_area label + label { margin-left: 14px; }
.alarm_setting_section .alarm_set_area .time_select_area select { width: 64px; height: 44px; background-color: #ffffff; border-radius: 8px; background-image: url(../image/icon_arrow_select_gray.svg);  background-repeat: no-repeat; background-position: calc(100% - 8px) center; padding-left: 12px; font-weight: 500; font-size: 16px; line-height: 19px; margin-top: 6px; border: 0px; }
.alarm_setting_section .alarm_set_area .time_select_area select:disabled { background-color: transparent; }
.alarm_setting_section .bot_btn_area.type01 { position: fixed; left: 50%; transform: translateX(-50%); bottom: 24px; bottom: calc(constant(safe-area-inset-bottom) + 24px); bottom: calc(env(safe-area-inset-bottom) + 24px); max-width: 312px; width: 100%; }


.alarm_setting_section .bot_btn_area.type01 button ,
.alarm_setting_section .bot_btn_area.type01 a,
.alarm_setting_section .bot_btn_area.type01 input[type="button"],
.alarm_setting_section .bot_btn_area.type01 input[type="submit"] { height: 64px; line-height: 64px; font-size: 16px; width: 100%; }


/* v1.2 */
.alarm_setting_section .alarm_set_area .time_set_area.type_list { background-color: transparent; padding: 0; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list li { display: block; position: relative; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list li + li { margin-top: 16px; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list li .title { display: block; font-weight: 700; font-size: 16px; line-height: 120%; color: #2aad5c; width: 100%; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list li .alarm_list_box { position: relative; margin-top: 4px; background-color: rgba(42,173,92,0.1); border-radius: 12px; padding: 14px 16px; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list li .alarm_list_box.off { background-color: rgba(239, 240, 246, 0.5); }

.alarm_setting_section .alarm_set_area .time_set_area.type_list .time_select_area select { margin-top: 0; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .time_select_area label { height: 44px; line-height: 44px; }

.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area { width: 70px; height: 30px; overflow: hidden; position: absolute; right: 16px; bottom: 21px; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"] { display: none; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"] + label { width: 100%; height: 100%; display: inline-block; position: relative; background: #c6c6c6; box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 15px; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"] + label i { position: absolute; display: inline-block; width: 24px; height: 24px; left: 3px; background-color: #ffffff; top: 3px; border-radius: 50%; transition: left 0.5s, background-color 0.5s; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"] + label i::after { content: "OFF"; position: absolute; left: 32px; font-weight: 500; font-size: 14px; line-height: 21px; color: #ffffff; top: 50%; transform: translateY(-50%); }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"] + label i::before { content: "ON"; position: absolute; right: 32px; font-weight: 500; font-size: 14px; line-height: 21px; color: #ffffff; top: 50%; transform: translateY(-50%); }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"]:checked + label { background-color: #2aad5c; }
.alarm_setting_section .alarm_set_area .time_set_area.type_list .chk_area input[type="checkbox"]:checked + label i { left: calc(100% - 28px); }


.alarm_top_btn_area .btn { position: absolute; left: 0; top: -60px; height: 24px; line-height: 24px; font-weight: 500; font-size: 16px; color: #888888; display: flex; justify-content: flex-start; align-items: center; }
.alarm_top_btn_area .btn i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_arrow_gray01.svg); background-repeat: no-repeat; background-position: center; }

.alarm_setting_section .bot_btn_area { position: relative; }
.alarm_setting_section .bot_btn_area .label { position: absolute; padding: 0 20px; height: 40px; line-height: 40px;  border-radius: 12px; font-weight: 700; font-size: 14px; color: #2aad5c; background-color: #e4f6eb; left: 50%; top: -32px; transform: translateX(-50%); white-space: nowrap; }
.alarm_setting_section .bot_btn_area .label::after { content: ""; display: inline-block; width: 20px; height: 12px; position: absolute; left: calc(50% - 20px); bottom: -12px; background-image: url(../image/icon_tail_grey.svg); transform: rotate(180deg) translateX(-50%); background-repeat: no-repeat; background-position: bottom center; background-size: 20px;  }

.alarm_setting_section .bot_btn_area.type01 { position: relative;  margin: 62px 0 0; bottom: 0; }

/* 섭취체크 */
header + .intake_main_wrap { margin-top: 68px; }
.intake_main_wrap { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; max-width: inherit; border: 0; }

.intake_view_area .top_area { padding: 24px 20px 32px; background-color: #f9f9f9; }
.intake_view_area .top_area .section_title_area { display: flex; justify-content: flex-end; align-items: center; }
.intake_view_area .top_area .section_title_area .title { font-weight: 700; font-size: 24px; line-height: 34px; }
.intake_view_area .top_area .section_title_area .link { padding: 0 8px; height: 40px; line-height: 40px; background-color: #2aad5c; border-radius: 8px; text-align: center; font-weight: 700; font-size: 14px; color: #ffffff; }
.intake_view_area .calendar-container  { margin-top: 20px; font-family: "Pretendard"; }
.intake_view_area .calendar-container .year-label,
.intake_view_area .calendar-container .month-label { font-weight: 700; font-size: 20px; }
.intake_view_area .calendar-container .year-label { margin-right: 6px; }
.intake_view_area .calendar-container .year-label::after { content: "년"; }
.intake_view_area .calendar-container .buttons-container .label-container { display: flex; flex-direction: row-reverse; justify-content: center; }

.intake_view_area .calendar-container .prev-button,
.intake_view_area .calendar-container .next-button { text-indent: -999999px; overflow: hidden; background-image: url(../image/icon_arrow_cal01.svg); background-repeat: no-repeat; background-position: center center; width: 48px; height: 36px; background-size: 24px; padding: 0px; }
.intake_view_area .calendar-container .prev-button:disabled,
.intake_view_area .calendar-container .next-button:disabled { background-image: none; }
.intake_view_area .calendar-container .next-button { transform: rotate(180deg); }
.intake_view_area .calendar-container .buttons-container { border: 0; padding: 0; margin: 0; }
.intake_view_area .calendar-container .week .day.header { font-weight: 400; font-size: 14px; line-height: 20px; color: #222222; }

.intake_view_area .calendar-container .weeks-wrapper.header { border: 0; }

.intake_view_area .calendar-container .weeks-wrapper .week { margin: 0; height: 0; overflow: hidden; }
.intake_view_area .calendar-container .weeks-wrapper .week.highlight,
.intake_view_area .calendar-container.show .weeks-wrapper .week { margin: 10px 0; height: 32px; }

.intake_view_area .calendar-container .weeks-wrapper.header .week { margin: 16px 0 6px; height: 26px; }

.intake_view_area .calendar-container .week.highlight { background-color: transparent; }

.intake_view_area .calendar-container .week { transition: margin 0.5s, height 0.5s; }
.intake_view_area .calendar-container .day span { font-weight: 500; font-size: 18px; width: 32px; height: 32px; line-height: 32px; }

.intake_view_area .show_btn { display: block; width: 100%; height: 48px; border-radius: 16px 16px 0px 0px; box-shadow: 0px -10px 10px rgba(208, 208, 208, 0.25); background-color: #ffffff; background-image: url(../image/icon_arrow_cal02.svg); background-repeat: no-repeat; background-position: top center; margin-top: -32px; }
.intake_view_area .show_btn.off { background-image: url(../image/icon_arrow_cal02_off.svg); }

.intake_view_area .week .day span { box-sizing: border-box; }
.intake_view_area .week .day.selected span { background-color: transparent; color: #222222; border: 2px solid #2aad5c; line-height: 28px; }
.intake_view_area .week .day.eat01 span { background-image: url(../image/icon_eat01.svg); background-repeat: no-repeat; background-position: center left; }
.intake_view_area .week .day.eat02 span { background-color: rgba(42,173,92,0.3); border: 2px solid transparent; line-height: 28px; }
.intake_view_area .week .day.eat02.selected span { border: 2px solid #2aad5c; line-height: 28px; }
.intake_view_area .day.today span::after { display: none; border-bottom: 0; }

.intake_view_area .week .day.disabled { opacity: 0; }
.intake_view_area .week .day.highlight span,
.intake_view_area .week:not(.start-on-monday) .day:first-child, 
.intake_view_area .week:not(.start-on-monday) .day:last-child { color: #222222; }
.intake_view_area .week .day[disabled="disabled"] span { color: rgba(34, 34, 34, 0.3); }



.intake_view_area .intake_day_view { padding: 4px 24px 0; }
.intake_view_area .intake_day_view .date_view_area { display: flex; justify-content: space-between; align-items: flex-end; }
.intake_view_area .intake_day_view .date_view_area .state,
.intake_view_area .intake_day_view .date_view_area .date { display: block; }
.intake_view_area .intake_day_view .date_view_area .today { display: inline-block; height: 32px; padding: 0 12px; background-color: rgba(34, 34, 34, 0.7); border-radius: 44px; font-weight: 500; font-size: 14px; color: #ffffff; }
.intake_view_area .intake_day_view .date_view_area .today i { display: inline-block; width: 6px; height: 10px; margin-left: 5px; background-image: url(../image/icon_arrow_white02.svg); background-repeat: no-repeat; background-position: left center }

.intake_view_area .intake_day_view .title_area .state { font-weight: 400; font-size: 14px; line-height: 20px; }
.intake_view_area .intake_day_view .title_area .date { font-weight: 700; font-size: 24px; line-height: 34px; }

.intake_view_area .intake_day_view .intake_chk_area { display: flex; justify-content: center; align-items: flex-start; margin-top: 32px; position: relative; }
.intake_view_area .intake_day_view .intake_chk_area .tooltip { padding: 0 20px; position: absolute; background: rgba(34, 34, 34, 0.7); border-radius: 12px; height: 40px; line-height: 40px; font-weight: 700; font-size: 14px; color: #ffffff; top: -26px; white-space: nowrap; }

.intake_view_area .intake_day_view .intake_chk_area .tooltip.type01 { left: calc(50% + 58px); transform: translateX(-50%); }
.intake_view_area .intake_day_view .intake_chk_area .tooltip.type02 { left: calc(50% + 5px); transform: translateX(-50%); }
.intake_view_area .intake_day_view .intake_chk_area .tooltip.type03 { left: calc(50% - 50px); transform: translateX(-50%); }

.intake_view_area .intake_day_view .intake_chk_area .tooltip::after { content: "";  display: inline-block; width: 20px; height: 12px; background-image: url(../image/icon_tail_grey02.svg); background-repeat: no-repeat; background-position: center center; position: absolute;  bottom: -12px; left: 24px; }
.intake_view_area .intake_day_view .intake_chk_area input[type="checkbox"] { display: none; }
.intake_view_area .intake_day_view .intake_chk_area input[type="checkbox"] + label { display: inline-block; width: 80px; height: 116px; background-image: url(../image/icon_intake_off.svg); background-repeat: no-repeat; background-position: top center; padding-top: 96px; text-align: center; font-weight: 700; font-size: 16px; color: #333333; margin-right: 32px; }
.intake_view_area .intake_day_view .intake_chk_area input[type="checkbox"] + label:last-child { margin-right: 0; }
.intake_view_area .intake_day_view .intake_chk_area input[type="checkbox"]:checked + label { background-image: url(../image/icon_intake_on.svg); }

.intake_view_area .intake_day_view .intake_text_type { margin-top: 88px; text-align: center; font-weight: 500; font-size: 14px; line-height: 18px; color: #888888; }

/* 즉시상담 */
.reservation_choice_section .contents_wrap { padding-top: 23px; }
.reservation_choice_section .section_title { font-weight: 400; font-size: 32px; }

.reservation_choice_section .choice_area { margin-top: 40px; }
.reservation_choice_section .choice_area .box { width: 100%; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 12px; padding: 20px 18px; position: relative; overflow: hidden; transition: height 0.5s; }
.reservation_choice_section .choice_area .box.on { background: rgba(42,173,92,0.1); border: 1px solid #2aad5c; }
.reservation_choice_section .choice_area .box + .box { margin-top: 12px; }
.reservation_choice_section .choice_area .box label { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.reservation_choice_section .choice_area .box input[type="radio"] { display: none; }
.reservation_choice_section .choice_area .box input[type="radio"] + .text_area { padding-left: 30px; background-image: url(../image/icon_radio01.svg); background-repeat: no-repeat;  background-position: left top; background-size: 24px; }
.reservation_choice_section .choice_area .box input[type="radio"]:checked + .text_area  { background-image: url(../image/icon_radio01_off.svg); }

.reservation_choice_section .label_text_area .top_text .title { font-weight: 700; font-size: 20px; line-height: 120%; display: inline-block; margin-right: 8px; }
.reservation_choice_section .label_text_area .top_text .time { display: inline-block; font-weight: 400; font-size: 18px; line-height: 120%; color: #888888; }
.reservation_choice_section .label_text_area .summary_text { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 120%; }
.reservation_choice_section .hide_view_wrap { height: 0; overflow: hidden; transition: height 0.5s; }
.reservation_choice_section .hide_view_wrap .hide_contents { padding-top: 12px; }
.reservation_choice_section .hide_view_wrap .hide_contents li { display: block;  padding-left: 30px; font-weight: 500; font-size: 16px; line-height: 120%; color: #2aad5c; background-image: url(../image/survey_chk_on.svg); background-size: 24px; background-repeat: no-repeat; background-position: left center; }
.reservation_choice_section .hide_view_wrap .hide_contents li + li { margin-top: 8px; }

.reservation_complete_section { width: 100%; margin: 0 auto; max-width: none; padding: 160px 24px 88px; }
.reservation_complete_section i { display: inline-block; width: 64px; height: 64px; background-image: url(../image/pay_icon01.svg); background-repeat: no-repeat; background-position: center center; background-size: 64px; }
.reservation_complete_section .text_area { margin-top: 16px; font-weight: 700; font-size: 24px; line-height: 32px; }
.reservation_complete_section .text_area em { color: #2aad5c }
.reservation_complete_section .btn { display: inline-block; width: 100%; height: 72px; line-height: 72px; text-align: center; background-color: #2aad5c; border-radius: 12px;  font-weight: 700; font-size: 18px; color: #fcfcfc; margin-top: 120px; position: fixed; width: calc(100% - 48px); bottom: 24px; bottom: calc(constant(safe-area-inset-bottom) + 24px); bottom:  calc(env(safe-area-inset-bottom) + 24px); left: 50%; transform: translateX(-50%); max-width: 432px; }

.reservation_complete_section02 { width: 100%; margin: 0 auto; max-width: none; padding: 132px 24px 24px; }
.reservation_complete_section02 .contents_area { min-height: unset; }
.reservation_complete_section02 .contents_area .label { display: inline-block; height: 24px; line-height: 24px; padding: 0 8px; background-color: rgba(42,173,92,0.1); border-radius: 30px; font-weight: 700; font-size: 13px; color: #2aad5c; }
.reservation_complete_section02 .contents_area .text_area { margin-top: 12px; font-weight: 700; font-size: 24px; line-height: 32px; }
.reservation_complete_section02 .contents_area .text_area em { color: #2aad5c; }

.reservation_complete_section02 .btn { height: 64px; line-height: 64px; position: fixed; bottom: 24px; width: calc(100% - 48px); left: 50%; transform: translateX(-50%); display: inline-block; text-align: center; background-color: #2aad5c; border-radius: 12px; font-weight: 700; font-size: 15px; color: #fcfcfc; max-width: 432px; }

.reservation_complete_section02 .guide_box { margin-top: 20px; border: 1px solid #e4f6eb; border-radius: 8px; padding: 16px 0 16px 24px; display: flex; justify-content: flex-start; align-items: center; }
.reservation_complete_section02 .guide_box i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_call01.svg); background-repeat: no-repeat; background-position: center; } 
.reservation_complete_section02 .guide_box p { margin-left: 16px; font-weight: 400; font-size: 14px; line-height: 20px; }
.reservation_complete_section02 .guide_box p b { font-weight: 700; }

/* 포인트 툴팁 */
.point_tooltip_area { position: relative; }
.point_tooltip_area .tooltip_box { position: absolute; left: 0; top: 0; padding: 0 20px; height: 40px; line-height: 40px; background-color: rgba(34, 34, 34, 0.7); border-radius: 12px; margin-top: 12px; font-weight: 700; font-size: 14px; color: #ffffff; }
.point_tooltip_area .tooltip_box::after { content: ""; width: 20px; height: 12px; display: inline-block; background-image: url(../image/icon_tail_grey02.svg); background-repeat: no-repeat; position: absolute; left: 24px; top: -12px; transform: rotate(180deg); }

/* 반달팩 */
.contents_section.type01 .section_wrap { width: 100%; max-width: 552px; padding: 95px 24px 96px; text-align: left; }
.contents_section.type01 .section_title { display: block; text-align: left; font-weight: 400; font-size: 32px; line-height: 37px; }
.contents_section.type01 .section_sub_text { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 22px; color: #888888; display: block; text-align: left; }
.contents_section.type01 .half_contents_area { margin-top: 32px; }
.contents_section.type01 .half_contents_area .half_choice_area ul { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; }
.contents_section.type01 .half_contents_area .half_choice_area .box { width: 100%; position: relative; height: 64px; }
.contents_section.type01 .half_contents_area .half_choice_area .box + .box { margin-top: 8px; }
.contents_section.type01 .half_contents_area .half_choice_area input[type="radio"] { display: none; }
.contents_section.type01 .half_contents_area .half_choice_area .box label { width: 100%; height: 100%; position: absolute; z-index: 10; left: 0; top: 0; }
.contents_section.type01 .half_contents_area .half_choice_area .box .text_area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ffffff; border: 1px solid #d0d0d0; border-radius: 12px; line-height: 62px; padding-left: 48px; background-image: url(../image/icon_radio01.svg); background-repeat: no-repeat; background-position: 16px center; background-size: 24px; box-sizing: border-box; }
.contents_section.type01 .half_contents_area .half_choice_area .box .text_area .main_text { font-weight: 700; font-size: 20px; }
.contents_section.type01 .half_contents_area .half_choice_area .box .text_area .sub_text { font-weight: 400; font-size: 14px; line-height: 120%; color: #2aad5c; display: inline-block; margin-left: 2px; }
.contents_section.type01 .half_contents_area .half_choice_area .box input[type="radio"]:checked + .text_area { background-image: url(../image/icon_radio01_off.svg); background-color: rgba(42,173,92,0.1); border: 1px solid #2aad5c; }

.contents_section.type01 .bar_view_area { margin-top: 48px; } 
.contents_section.type01 .bar_view_area .area_title { display: block; text-align: center; font-weight: 700; font-size: 24px; line-height: 120%; }
.contents_section.type01 .bar_view_area .area_title em { font-weight: 700; font-size: 24px; line-height: 120%; color: #2aad5c; }
.contents_section.type01 .bar_view_area .bar_wrap { margin-top: 24px; width: 100%; display: flex; justify-content: space-between;  }
.contents_section.type01 .bar_view_area .bar_wrap .bar { height: 28px; line-height: 28px; text-align: center; transition: min-width 0.5s ,width 0.5s; }
.contents_section.type01 .bar_view_area .bar_wrap .bar.half_bar { background-color: #2aad5c; min-width: 80px; position: relative;  border-radius: 46px 0px 0px 46px;  }
.contents_section.type01 .bar_view_area .bar_wrap.on .bar.half_bar { min-width: 200px; }
.contents_section.type01 .bar_view_area .bar_wrap .bar.half_bar .tooltip_area { position: absolute; right: -62px; bottom: -62px; padding: 0 20px; background-color: #e4f6eb; border-radius: 12px; height: 40px; line-height: 40px; font-weight: 700; font-size: 14px; color: #2aad5c; }
.contents_section.type01 .bar_view_area .bar_wrap .bar.half_bar .tooltip_area::after { content: ""; display: inline-block; width: 20px; height: 12px; background-image: url(../image/icon_tail_grey.svg); background-repeat: no-repeat; background-position: center center; position: absolute; left: 50%; top: -12px; transform: translateX(-50%); }
.contents_section.type01 .bar_view_area .bar_wrap .bar.half_bar .bar_text { font-weight: 700; font-size: 14px; line-height: 28px; height: 28px; color: #ffffff; }
.contents_section.type01 .bar_view_area .bar_wrap .bar.max_bar .bar_text { font-weight: 700; font-size: 14px; line-height: 28px; height: 28px; color: #2aad5c; }
.contents_section.type01 .bar_view_area .bar_wrap .bar.max_bar { background: linear-gradient(90deg, rgba(138, 82, 220, 0.3) 68.54%, rgba(138, 82, 220, 0) 100%); width: 100%; }



/* 리뷰 */
.mypage_section .data_detail_area .review_btn_area { margin-top: 8px; text-align: right; }
.mypage_section .data_detail_area .review_btn_area .btn { height: 40px; line-height: 40px; display: inline-block; padding: 0 22px; background-color: #2aad5c; border-radius: 8px; font-weight: 700; font-size: 13px; color: #ffffff; }
.mypage_section .data_detail_area .review_btn_area .btn.disabled { background-color: #d0d0d0; }
.mypage_section .data_detail_area .review_btn_area .btn:disabled { background-color: #d0d0d0; }

.contents_section.type02 .score_chk_area { min-height: 396px; }

.contents_section.type02 .star_point_area { margin: 0px auto 0; display: flex; width: 260px; justify-content: space-between; align-items: center; transition: all 0.5s; }
.contents_section.type02 .star_point_area .click_area { position: relative; width: 260px; transition: all 0.5s; }
.contents_section.type02 .star_point_area .chkbox_area { display: flex; justify-content: space-between; width: 260px; transition: all 0.5s; }
.contents_section.type02 .star_point_area .chkbox_area .star_box { width: 40px; height: 40px; display: flex;justify-content: space-between; transition: all 0.5s; }
.contents_section.type02 .star_point_area .chkbox_area .star_chk { width: 40px; height: 100%; opacity: 0; margin: 0; padding: 0; cursor: pointer; transition: all 0.5s; }
.contents_section.type02 .star_point_area .point_text_area { font-weight: 500; font-size: 24px; line-height: 30px; color: #888888; transition: all 0.5s; } 


.contents_section.type02 .point_info_input_area { margin-top: 24px; height: 0; overflow: hidden; transition: height 0.5s; }

.contents_section.type02 .point_info_input_area .guide_area { margin-bottom: 24px; padding: 12px 0; background-color: #fffbf2; border-radius: 8px; }
.contents_section.type02 .point_info_input_area .guide_area .area_title { text-align: center; font-weight: 700; font-size: 14px; line-height: 20px; }
.contents_section.type02 .point_info_input_area .guide_area .img_area { margin-top: 12px; }
.contents_section.type02 .point_info_input_area .guide_area .img_area ul { display: flex; justify-content: center; align-items: center; }
.contents_section.type02 .point_info_input_area .guide_area .img_area .img_box { width: 92px; border-radius: 8px; overflow: hidden; }
.contents_section.type02 .point_info_input_area .guide_area .img_area .img_box + .img_box { margin-left: 12px; }
.contents_section.type02 .point_info_input_area .guide_area .guide_text { text-align: center; margin-top: 12px; font-size: 13px; line-height: 20px; color: #595959; font-weight: 500; }

.contents_section.type02 .point_info_input_area .coupon_veiw_area { margin-bottom: 20px; }

.point_info_input_area .textarea_wrap { background-color: #ffffff; border-radius: 12px; display: inline-block; height: 128px; padding: 14px 8px 36px 24px; width: 100%; border: 1px solid #d0d0d0; position: relative; }
.contents_section.type02 .bot_btn_area.m_fix_type { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); padding: 36px 24px 24px;  padding-bottom:  calc(constant(safe-area-inset-bottom) + 24px); padding-bottom:  calc(env(safe-area-inset-bottom) + 24px); bottom: 0; position: fixed; width: 100%; left: 0; margin-top: 0; }
.point_info_input_area .textarea_wrap.focus { background-color: #ffffff; border: 1px solid #2aad5c; }
.point_info_input_area .textarea_wrap.focus textarea { background-color: #ffffff; }

.point_info_input_area .textarea_wrap.readonly { background-color: #e4f6eb; border: 1px solid #e4f6eb; }
.point_info_input_area .textarea_wrap.readonly textarea { background-color: #e4f6eb; }

.point_info_input_area .textarea_wrap .text_count { position: absolute; right: 25px; bottom: 14px; font-weight: 400; font-size: 15px; line-height: 22px; color: #123929 }
.point_info_input_area .textarea_wrap .text_count .limit { color: #FB5058; }
.point_info_input_area .textarea_wrap .text_count .limit.off { color: #123929; }
.point_info_input_area textarea { background-color: #ffffff; width: 100%; height: 110px; margin: 0; padding: 0 14px 0 0; border-radius: 0; overflow-y: auto; border: 0; font-weight: 400; font-size: 15px; line-height: 22px; }
.point_info_input_area .textarea_wrap.error { border: 1px solid #fb5058; background-color: #ffffff; }
.point_info_input_area .textarea_title { margin-bottom: 8px; font-weight: 700; font-size: 14px; line-height: 20px; }

.point_info_input_area .textarea_wrap + .textarea_error_msg { margin-top: 0px; overflow: hidden; height: 0px; font-weight: 400; font-size: 13px; line-height: 20px; color: #fb5058; transition: all 0.5s; padding-left: 8px; }
.point_info_input_area .textarea_wrap.error + .textarea_error_msg { margin-top: 4px; height: 20px; }

.point_info_input_area .textarea_wrap.error textarea { background-color: #ffffff; }
.point_info_input_area textarea::placeholder { color: rgba(110, 113, 145, 0.47); }

.point_info_input_area textarea::-webkit-scrollbar { -webkit-appearance:none; }
.point_info_input_area textarea::-webkit-scrollbar:vertical { width: 2px; }
.point_info_input_area textarea::-webkit-scrollbar-thumb { background: rgba(34, 34, 34, 0.4); border-radius: 14px; }

.point_info_input_area .file_input_area { margin-top: 16px; }
.point_info_input_area .file_input_area .label { display: inline-block; font-weight: 700; font-size: 13px; background-color: rgba(42,173,92,0.1); border-radius: 30px; padding: 0 8px; height: 20px; line-height: 20px; color: #2aad5c; margin-bottom: 8px; }
.point_info_input_area .file_area { width: 100%; height: 56px; position: relative; } 
.point_info_input_area .file_input_box { position: absolute; left: 0; top: 0; position: absolute; width: 100%; height: 100%; }
.point_info_input_area .file_input_box input[type="file"] { z-index: 5; display: inline-block; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; position: absolute; left: 0; top: 0; }
.point_info_input_area .file_input_box .go_popup { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.point_info_input_area .file_input_area .file_text_area { width: 100%; height: 100%; line-height: 56px; display: flex;  justify-content: space-between; align-items: center; border: 1px solid #d0d0d0; border-radius: 8px; padding: 0 16px 0 24px; box-sizing: border-box; }
.point_info_input_area .file_input_area .file_text_area .guide_text { font-weight: 400; font-size: 15px; line-height: 22px; }
.point_info_input_area .file_input_area .file_text_area .guide_text em { font-weight: 400; font-size: 15px; line-height: 22px; color: #888888; }
.point_info_input_area .file_input_area .file_text_area .file_lth_text { font-weight: 700; font-size: 15px; line-height: 22px; color: #2aad5c; padding-right: 24px; background-image: url(../image/icon_arrow_black.svg); background-repeat: no-repeat; background-position: right center; background-size: 24px; display: inline-block; }

.point_info_input_area .file_input_area .tooltip_area { display: inline-block; position: absolute; bottom: -44px; left: 8px; padding: 0px 20px; background-color: rgba(34, 34, 34, 0.7); border-radius: 12px; font-weight: 700; font-size: 14px; height: 40px; line-height: 40px; color: #ffffff; }
.point_info_input_area .file_input_area .tooltip_area::after { content: ""; display: inline-block; width: 20px; height: 12px; position: absolute; left: 20px; top: -12px; background-image: url(../image/icon_tail_black01.svg); background-repeat: no-repeat; background-position: center; }

.point_info_input_area .file_input_area .tooltip_area { 
    -webkit-animation-name: toopTipMove01; 
    animation-name: toopTipMove01; 
    
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite; 
    animation-duration: 1s; 
    animation-iteration-count: infinite; 
}
@-webkit-keyframes toopTipMove01 {
    50% {
        transform: translateY(4px);
    }
}

@keyframes toopTipMove01 {
    50% {
        transform: translateY(4px);
    }
}

.point_info_input_area .file_list_view_area { margin-top: 8px; }
.point_info_input_area .file_list_view_area ul { display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; }
.point_info_input_area .file_list_view_area .box { display: inline-block; height: 38px; width: calc(50% - 4px); padding: 0 16px; line-height: 38px; background-color: #e4f6eb; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.point_info_input_area .file_list_view_area .box:nth-of-type(2n) { margin-left: 8px; }
.point_info_input_area .file_list_view_area .box .file_name { width: 101px; height: 22px; font-weight: 400; font-size: 13px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.point_info_input_area .file_list_view_area .box .file_del_btn { display: inline-block; width: 16px; height: 16px; background-image: url(../image/icon_del01.svg); background-repeat: no-repeat; background-position: center; } 

.point_info_input_area .file_guide_text { margin-top: 8px; font-weight: 400; font-size: 13px; line-height: 18px; color: #888888; padding-bottom: 140px; }
.point_info_input_area .file_guide_text li + li { margin-top: 8px; }

.contents_section.type02 .star_img_area { width: 100%; display: flex; justify-content: space-between; position: absolute; left: 0; top: 0; }
.contents_section.type02 .star_img_area i { display: inline-block; width: 40px; height: 40px; background-image: url(../image/icon_star_gray.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; transition: all 0.5s; }
.contents_section.type02 .star_img_area i.half { background-image: url(../image/icon_star_half.svg); }
.contents_section.type02 .star_img_area i.full { background-image: url(../image/icon_star_full.svg); }
.contents_section.type02 .point_guide_text { margin-top: 16px; font-weight: 400; font-size: 16px; line-height: 22px; color: #888888; text-align: center; }
.contents_section.type02 .point_guide_text.error { color: #fb5058; }

.contents_section.type02 .section_wrap { width: 100%; max-width: unset; padding: 46px 24px 24px; text-align: left; }
.contents_section.type02 .section_wrap .top_sub_title { margin-top: 62px; font-weight: 400; font-size: 14px; line-height: 20px; color: #2aad5c; }
.contents_section.type02 .section_wrap .section_title { font-weight: 700; font-size: 24px; line-height: 32px; }
.contents_section.type02 .section_wrap .top_sub_title + .section_title { margin-top: 4px; display: block; }

.contents_section.type02 .section_wrap .star_point_area { padding-top: 111px; width: 312px; margin-top: 0; transition: all 0.5s; }

.contents_section.type02 .score_chk_area { min-height: unset; height: auto; }
.contents_section.type02 .score_chk_area.on .star_point_area { padding-top: 8px; margin: 0; width: 159px; height: 28px;  }
.contents_section.type02 .score_chk_area.on .click_area { width: 132px; }
.contents_section.type02 .score_chk_area.on .star_point_area .chkbox_area { width: 132px; }
.contents_section.type02 .score_chk_area.on .star_point_area .chkbox_area .star_box { width: 20px; height: 20px; }
.contents_section.type02 .score_chk_area.on .star_point_area .chkbox_area .star_chk { width: 20px; height: 20px; }
.contents_section.type02 .score_chk_area.on .star_img_area i { width: 20px; height: 20px; transition: none; }

.contents_section.type02 .score_chk_area.on .star_point_area .point_text_area { font-weight: 500; font-size: 12px; line-height: 15px; color: #888888; }

.contents_section.type02 .score_chk_area.on .point_guide_text { display: none; }

.contents_section.type01 .bot_btn_area { position: static; margin-top: 108px; width: 100%; }
.contents_section.type02 .bot_btn_area { position: static; width: 100%; margin-top: 52px; }
.contents_section.type02 .bot_btn_area.guide_text_type { position: absolute; bottom: 24px; bottom: calc(constant(safe-area-inset-bottom) + 24px); bottom: calc(env(safe-area-inset-bottom) + 24px); width: calc(100% - 48px); width: calc(100% - 48px); left: 24px; padding-bottom: 0; }
.contents_section.type02 .bot_btn_area.guide_text_type .error_text_box {  position: absolute; width: calc(100% - 48px); top: -20px; left: 24px; height: 44px; background-color: rgba(34, 34, 34, 0.7); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12); border-radius: 12px; line-height: 44px; align-items: center; padding: 0 16px; display: none; }
.contents_section.type02 .bot_btn_area.guide_text_type .error_text_box p { font-weight: 500; font-size: 14px; color: #ffffff; }

.contents_section.type02 .bot_btn_area.guide_text_type .guide_msg_area { position: absolute; top: -32px; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: 14px; line-height: 20px; white-space: nowrap; color: #2aad5c; display: none; }
.contents_section.type02 .bot_btn_area.guide_text_type .guide_msg_area.active { display: block; }

/* 마이페이지 쿠폰함 - 20220809 */
.mypage_section.mypage_main .point_coupon_view_area { width: 100%; padding: 18px 14px 16px; background-color: #ffffff; border: 1px solid #d9dbe9; border-radius: 8px; margin-bottom: 6px; }
.mypage_section.mypage_main .point_coupon_view_area ul { display: flex; justify-content: space-between; }
.mypage_section.mypage_main .point_coupon_view_area li { width: calc(50% - 16px); }
.mypage_section.mypage_main .point_coupon_view_area li + li { border-left: 1px solid #d9dbe9; }
.mypage_section.mypage_main .point_coupon_view_area .link { text-align: center; display: inline-block; width: 100%; }
.mypage_section.mypage_main .point_coupon_view_area .link .title { font-weight: 700; font-size: 15px; line-height: 22px; display: flex; justify-content: center; align-items: center; padding-left: 24px; }
.mypage_section.mypage_main .point_coupon_view_area .link .title i { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_arrow_black.svg); background-repeat: no-repeat; background-position: center center; background-size: 24px; }
.mypage_section.mypage_main .point_coupon_view_area .link strong { display: block; font-weight: 700; font-size: 22px; line-height: 30px; color: #2aad5c; }

.coupon_regist_area { margin-top: 24px; width: 100%; }
.coupon_regist_area .title { font-weight: 700; font-size: 20px; line-height: 28px; }
.coupon_regist_area .input_box { margin-top: 8px; }
 
.notice_contents_area .tab_list_area.coupon_type .tab_title_area { width: 100%; display: flex; justify-content: space-between; }
.notice_contents_area .tab_list_area.coupon_type .tab_title_area .tab_title { width: 50%; position: static; font-weight: 700; font-size: 16px; height: 52px; line-height: 52px; border-bottom: 2px solid #d9dbe9; }
.notice_contents_area .tab_list_area.coupon_type .tab_title_area .tab_title.on { color: #2aad5c; border-bottom: 2px solid #2aad5c; }
.notice_contents_area .tab_list_area.coupon_type .tab_contents_area .tab_list.on { display: block; position: static; padding-top: 24px; }

/* 쿠폰 list */
.coupon_list .coupon_item { width: 100%; border: 1px solid #D0D0D0; background: #fff; padding: 16px 0; border-radius: 8px; margin-bottom: 16px; }
.coupon_list .coupon_item:last-of-type{ margin-bottom: 0; }
.coupon_info { display: flex; flex-direction: column; width: calc(100% - 90px); height: 115px; padding: 4px 20px; }
.coupon_info .tit { font-size: 18px; font-weight: 700; color: #2aad5c; line-height: 20px; overflow: hidden; text-overflow: ellipsis; }
.coupon_info .desc { font-size: 14px; font-weight: 500; color: #222222; line-height: 20px; word-break: keep-all; margin-top: 4px; }
.coupon_detail { width: 100%; margin-top: auto; }
.coupon_detail p { font-size: 13px; font-weight: 400; color: rgba(34, 34, 34, 0.7); line-height: 18px; }
.coupon_detail p b { font-weight: 400; color: #2aad5c; }
/* off */
.coupon_item.off .coupon_info .tit{ color: rgba(34, 34, 34, 0.48); }
.coupon_item.off .coupon_info .desc{ color: rgba(34, 34, 34, 0.48); }
/* 쿠폰 - 링크 */
.coupon_list .coupon_item.ci_link{ display: flex; justify-content: space-between; }
.coupon_link { display: flex; flex-direction: column; justify-content: center; width: 90px; height: 115px; padding: 0 20px; border-left: 1px solid #D0D0D0; }
.coupon_link a{ display: block; font-size: 14px; font-weight: 500; color: #222; line-height: 22px; }
.coupon_link .cl_kakao::before{ display: block; width: 32px; height: 32px; background: url(../image/icon_kakao_circle.svg) no-repeat center center, #fff; border-radius: 50%; overflow: hidden; margin: 0 auto 4px; content: ''; display: block; }
.coupon_link .cl_using::before{ display: block; width: 32px; height: 32px; background: url(../image/icon_using_circle.svg) no-repeat center center, #fff; border-radius: 50%; overflow: hidden; margin: 0 auto 4px; content: ''; display: block; }
.coupon_section .bot_btn_area{ margin-top: 64px; }


@media (max-height:580px) {
    .alarm_setting_section .bot_btn_area  { position: absolute; }
}


.loading_view_area { width: 279px; padding-top: 90px; margin: 0 auto; min-height: 588px; }
.loading_view_area .text_area { margin-top: 24px; text-align: left; }
.loading_view_area .text_area .title { display: block; font-weight: 700; font-size: 30px; line-height: 40px; color: #2aad5c; }
.loading_view_area .text_area .main_text { margin-top: 4px; font-weight: 400; font-size: 16px; line-height: 22px; }
.loading_view_area .label_list { display: flex; justify-content: space-between; align-items: center; margin-top: 24px; }
.loading_view_area .label_list .label { padding: 0 8px; height: 24px; line-height: 24px; background-color: rgba(42,173,92,0.1); border-radius: 30px; font-weight: 700; font-size: 13px; color: #2aad5c;}
.loading_view_area .label_list .arrow { display: inline-block; width: 24px; height: 24px; background-image: url(../image/icon_arrow_pp02.svg); background-repeat: no-repeat;  }

.result_detail.type_solution .nav_bar_area { margin: 112px auto 0; width: 267px; }

.nav_bar_area.inner_contents_type01 { width: 267px; position: absolute; }

.result_detail.type_solution .nav_bar_area + .result_top_section { padding-top: 32px; }

.nav_bar_area.main_type01 { width: 100%; height: 40px; position: relative; }
.nav_bar_area.main_type01 .bar_wrap { position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); background-color: #e4f6eb; width: 100%; height: 2px; }
.nav_bar_area.main_type01 i { position: absolute; top: 50%; transform: translateY(-50%); border: 2px solid #2aad5c; background-color: #ffffff; z-index: 2; display: inline-block; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; }
.nav_bar_area.main_type01 i.active { background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; background-size: 24px; }
.nav_bar_area.main_type01 i.active:nth-child(1) { background-image: url(../image/icon_loading_certi01.svg); }
.nav_bar_area.main_type01 i:nth-child(1) { left: 0; }
.nav_bar_area.main_type01 i:nth-child(2) { left: 50%; transform: translate(-50%,-50%); }
.nav_bar_area.main_type01 i:nth-child(3) { right: 0; }

.nav_bar_area.inner_contents_type01 { width: 100%; height: 40px; position: relative; }
.nav_bar_area.inner_contents_type01 .bar_wrap { position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); background-color: #e4f6eb; width: 100%; height: 2px; }
.nav_bar_area.inner_contents_type01 i { position: absolute; top: 50%; transform: translateY(-50%); border: 2px solid #2aad5c; background-color: #ffffff; z-index: 2; display: inline-block; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; }

.nav_bar_area.inner_contents_type01.pos_type01 { position: absolute; top: 30px; width: 267px; left: 50%; transform: translateX(-50%); }

.reservation_choice_section .nav_bar_area + .contents_wrap { padding-top: 26px; }
.reservation_section .nav_bar_area + .contents_wrap { padding-top: 4px; }

.nav_bar_area.inner_contents_type01.step01 i:nth-child(1),
.nav_bar_area.inner_contents_type01.step02 i:nth-child(1),
.nav_bar_area.inner_contents_type01.step03 i:nth-child(1),
.nav_bar_area.inner_contents_type01.step04 i:nth-child(1),
.nav_bar_area.inner_contents_type01.step04 i:nth-child(2) { background-color: #2aad5c; }

.nav_bar_area.inner_contents_type01.step01 i:nth-child(1) span,
.nav_bar_area.inner_contents_type01.step02 i:nth-child(1) span,
.nav_bar_area.inner_contents_type01.step03 i:nth-child(1) span,
.nav_bar_area.inner_contents_type01.step04 i:nth-child(1) span,
.nav_bar_area.inner_contents_type01.step04 i:nth-child(2) span { color: #2aad5c; }




.nav_bar_area.inner_contents_type01.step01 .bar_wrap .bar { width: 12.5%; }
.nav_bar_area.inner_contents_type01.step02 .bar_wrap .bar { width: 25%; }
.nav_bar_area.inner_contents_type01.step03 .bar_wrap .bar { width: 37.5%; }
.nav_bar_area.inner_contents_type01.step04 .bar_wrap .bar { width: 75%; }

.nav_bar_area.inner_contents_type01.step01 i:nth-child(1) span { color: #2aad5c; }
.nav_bar_area.inner_contents_type01.step02 i:nth-child(1) span { color: #2aad5c; }
.nav_bar_area.inner_contents_type01.step03 i:nth-child(1) span { color: #2aad5c; }

.nav_bar_area.inner_contents_type01 i span { position: absolute; bottom: -24px; white-space: nowrap; left: 50%; transform: translateX(-50%); font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }
.nav_bar_area.inner_contents_type01 .bar_wrap .bar { position: absolute; left: 0; top: 0; height: 2px; background-color: #2aad5c; }
.nav_bar_area.inner_contents_type01 .bar_wrap .bar .point { position: absolute; right: -3px; display: inline-block; width: 6px; height: 6px; top: 50%; transform: translateY(-50%); background-color: #2aad5c; border-radius: 50%; }
.nav_bar_area.inner_contents_type01 .bar_wrap .bar .point .label { position: absolute; top: -24px; white-space: nowrap; left: 50%; transform: translateX(-50%); display: inline-block; padding: 0 8px; background: rgba(42,173,92,0.1); border-radius: 30px; font-weight: 700; font-size: 13px; color: #2aad5c; height: 20px; line-height: 20px; opacity: 0; }

.nav_bar_area.inner_contents_type01 i:nth-child(1) { left: 0; }
.nav_bar_area.inner_contents_type01 i:nth-child(2) { left: 50%; transform: translate(-50%,-50%); }
.nav_bar_area.inner_contents_type01 i:nth-child(3) { right: 0; }

.loading_view_area .label_list .label.type_twinkle { 
    -webkit-animation-name: twinkleLabel; 
    animation-name: twinkleLabel; 
    
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: step-end; 
    animation-duration: 1s; 
    animation-iteration-count: infinite; 
    animation-timing-function: step-end; 
}

.nav_bar_area.inner_contents_type01 .bar_wrap .bar { 
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-iteration-count: ease; 
    -webkit-animation-timing-function: linear; 
    animation-duration: 0.5s; 
    animation-iteration-count: ease; 
    animation-timing-function: linear; 
}

.nav_bar_area.inner_contents_type01.step01 .bar_wrap .bar { 
    -webkit-animation-name: navMove01; 
    animation-name: navMove01; 
}
.nav_bar_area.inner_contents_type01.step02 .bar_wrap .bar { 
    -webkit-animation-name: navMove02; 
    animation-name: navMove02; 
}
.nav_bar_area.inner_contents_type01.step03 .bar_wrap .bar { 
    -webkit-animation-name: navMove03; 
    animation-name: navMove03; 
}
.nav_bar_area.inner_contents_type01.step04 .bar_wrap .bar { 
    -webkit-animation-name: navMove04; 
    animation-name: navMove04; 
}
.nav_bar_area.inner_contents_type01 .bar_wrap .bar .point .label {
    -webkit-animation-name: labelView; 
    animation-name: labelView; 
    
    -webkit-animation-duration: 0.5s; 
    -webkit-animation-iteration-count: ease; 
    -webkit-animation-timing-function: step-end; 
    animation-duration: 0.5s; 
    animation-iteration-count: ease; 
    animation-timing-function: step-end; 
    
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


@-webkit-keyframes navMove01 {
    from {
        width: 2%;
    }
    to {
        width: 12.5%;
    }
}

@keyframes navMove01 {
    from {
        width: 2%;
    }
    to {
        width: 12.5%;
    }
}
@-webkit-keyframes navMove02 {
    from {
        width: 12.5%;
    }
    to {
        width: 25%;
    }
}

@keyframes navMove02 {
    from {
        width: 12.5%;
    }
    to {
        width: 25%;
    }
}
@-webkit-keyframes navMove03 {
    from {
        width: 25%;
    }
    to {
        width: 37.5%;
    }
}

@keyframes navMove03 {
    from {
        width: 25%;
    }
    to {
        width: 37.5%;
    }
}
    
@-webkit-keyframes navMove04 {
    from {
        width: 50%;
    }
    to {
        width: 75%;
    }
}

@keyframes navMove05 {
    from {
        width: 50%;
    }
    to {
        width: 75%;
    }
}

@-webkit-keyframes labelView {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes labelView {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes twinkleLabel {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes twinkleLabel {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 심평원 반영 페이지 */
.solution_change_section { width: 100%; max-width: none; margin: 0 auto; padding: 88px 24px 24px;  }
.solution_change_section .contents_area { min-height: 396px; margin-bottom: 48px; }
.solution_change_section .contents_title { font-weight: 700; font-size: 24px; line-height: 32px; margin-bottom: 24px; }
.solution_change_section .graph_bg_view { width: 240px; height: 140px; margin: 0 auto; padding-top: 8px; position: relative; }
.solution_change_section .graph_bg_view .bg_area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../image/img_graph_bg01.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.solution_change_section .graph { width: 214px; height: 107px; overflow: hidden; position: relative; margin: 0 auto; }

.solution_change_section .graph_bg_view .bg_area { 
    -webkit-animation: graphBgAction01 2s linear 1 forwards; 
    animation: graphBgAction01 2s linear 1 forwards; 
}
@-webkit-keyframes graphBgAction01 {
    0% {
        opacity: 0;
        transform: scale(90%);
    }
    100% {
        opacity: 1;
        transform: scale(100%);
    }
}

@keyframes graphBgAction01 {
    0% {
        opacity: 0;
        transform: scale(90%);
    }
    100% {
        opacity: 1;
        transform: scale(100%);
    }
}

.solution_change_section .sub_text_area { margin-top: 24px; }
.solution_change_section .sub_text_area .title { font-weight: 700; font-size: 18px; line-height: 24px; }
.solution_change_section .sub_text_area .text { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 22px; }
.solution_change_section .sub_text_area .text em { color: #2aad5c; font-weight: 700; }
.solution_change_section .drug_list_area .drug_view_wrap { overflow: hidden; transition: height 0.5s; position: relative; }
.solution_change_section .drug_list_area .drug_view_wrap::after { content: ""; position: absolute; width: 100%; height: 24px; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); }
.solution_change_section .drug_list_area .drug_view_wrap.after_hide::after { display: none; }
.solution_change_section .drug_list_area { margin-top: 16px; }
.solution_change_section .drug_list_area .box { width: 100%; border: 1px solid #e4f6eb; border-radius: 12px; padding: 16px 20px; box-sizing: border-box; }
.solution_change_section .drug_list_area .box .top_text { display: flex; justify-content: space-between; align-items: flex-start; }
.solution_change_section .drug_list_area .box .top_text .hospital { font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; }
.solution_change_section .drug_list_area .box .top_text .date { font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; }
.solution_change_section .drug_list_area .box .drug_title { margin-top: 4px; font-weight: 400; font-size: 20px; line-height: 28px; }
.solution_change_section .drug_list_area .box .drug_info { font-weight: 400; font-size: 16px; line-height: 22px; color: #363636; }
.solution_change_section .drug_list_area .box + .box { margin-top: 8px; }
.solution_change_section .drug_list_area .sub_guide_text { margin-top: 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }
.solution_change_section .change_info_area { margin-top: 40px; }
.solution_change_section .change_info_area .area_title { font-weight: 700; font-size: 18px; line-height: 24px; }
.solution_change_section .change_info_area .area_title + .box { margin-top: 16px; }
.solution_change_section .change_info_area .box { border: 1px solid #e4f6eb; border-radius: 12px; padding: 16px 20px; }
.solution_change_section .change_info_area .box + .box { margin-top: 52px; position: relative; }
.solution_change_section .change_info_area .box + .box::before { content: ""; display: inline-block; width: 40px; height: 40px; position: absolute; left: 50%; top: -48px; background-image: url(../image/icon_arrow_pp04.svg); background-repeat: no-repeat; background-position: center; transform: translateX(-50%); }
.solution_change_section .change_info_area .box .list_title { font-weight: 500; font-size: 14px; line-height: 20px; color: #888888; }
.solution_change_section .change_info_area .box ul { margin-top: 4px; }
.solution_change_section .change_info_area .box ul li { font-weight: 400; font-size: 20px; line-height: 28px; }
.solution_change_section .change_info_area .box ul li::before { content: "• "; }
.solution_change_section .btn { display: inline-block; width: 100%;  height: 64px; line-height: 64px; background-color: #2aad5c; border-radius: 12px; font-weight: 700; font-size: 15px; color: #ffffff; }
.solution_change_section .list_more_btn { width: 272px; height: 48px; line-height: 48px; border: 1px solid #2aad5c; margin: 0 auto; display: block; border-radius: 8px; font-weight: 700; font-size: 13px; color: #2aad5c; }

.solution_change_section .guide_info_box { margin-top: 16px; border: 1px solid #e4f6eb; border-radius: 12px; padding: 16px 20px; }
.solution_change_section .guide_info_box .box_title { font-weight: 700; font-size: 14px; line-height: 20px; color: #2aad5c; }
.solution_change_section .guide_info_box ul { margin-top: 8px; }
.solution_change_section .guide_info_box li { font-weight: 400; font-size: 14px; line-height: 20px; }
.solution_change_section .guide_info_box li::before { content: "• "; }

@media (max-width:1024px) {
    .weekday_landing { margin-top: 68px; }
    .result_detail.type_solution .nav_bar_area { margin-top: 98px; }
}

/* 휴면계정 안내페이지 */
.login_section .section_wrap.dormancy_wrap.dormancy_type01 { padding-top: 132px; }

.login_section .section_wrap.dormancy_wrap .title { font-weight: 700; font-size: 24px; line-height: 32px; }
.login_section .section_wrap.dormancy_wrap .title_sub_text { margin-top: 8px;  font-weight: 400; font-size: 15px; line-height: 21px; }
.login_section .section_wrap.dormancy_wrap .title_sub_text b { font-weight: 700; }
.login_section .section_wrap.dormancy_wrap .dormancy_text_area { margin-top: 16px; background-color: #eef0f6; border-radius: 8px; padding: 16px 20px; }
.login_section .section_wrap.dormancy_wrap .dormancy_text_area li { display: flex; justify-content: flex-start; align-items: center; }
.login_section .section_wrap.dormancy_wrap .dormancy_text_area li + li { margin-top: 8px; }
.login_section .section_wrap.dormancy_wrap .dormancy_text_area li .title { font-weight: 500; font-size: 16px; line-height: 24px; color: #888888; width: 120px; }
.login_section .section_wrap.dormancy_wrap .dormancy_text_area li .date { font-weight: 500; font-size: 16px; line-height: 24px; }

.login_section .section_wrap.dormancy_wrap .bot_btn_area { width: 100%; top: 570px; }
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area { position: fixed; bottom: 24px; bottom:  calc(constant(safe-area-inset-bottom) + 24px); bottom:  calc(env(safe-area-inset-bottom) + 24px); width: calc(100% - 48px); top: inherit;  padding: 0; max-width: 432px; left: 50%; transform: translateX(-50%); }


.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 button:first-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 a:first-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 input[type="button"]:first-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 input[type="submit"]:first-child { width: calc(41% - 4px); }
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 button:last-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 a:last-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 input[type="button"]:last-child,
.login_section .section_wrap.dormancy_wrap.dormancy_type01 .bot_btn_area.type02 input[type="submit"]:last-child { width: calc(59% - 4px); }

.login_section .section_wrap.dormancy_wrap.dormancy_type02 { padding-top: 88px; }
.login_section .section_wrap.dormancy_wrap.dormancy_type02 .bot_btn_area { position: static; margin-top: 48px; }

.login_section .section_wrap.dormancy_wrap .info_input_area { margin-top: 32px; }

.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"] { display: none; }
.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"] + label { display: block;  padding-left: 32px; background-image: url(../image/icon_radio02_off.svg); background-repeat: no-repeat; background-position: 0px 0px; }
.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"]:checked + label { background-image: url(../image/icon_radio02_on.svg); }
.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"]:checked + label .main_text { color: #2aad5c; }
.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"] + label .main_text { font-weight: 700; font-size: 16px; line-height: 24px; display: block; margin: 0; }
.login_section .section_wrap.dormancy_wrap .radio_box input[type="radio"] + label .sub_text { display: block; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888; }

.login_section .section_wrap.dormancy_wrap .input_list_area li + li { margin-top: 12px; }
.login_section .section_wrap.dormancy_wrap .info_input_area > ul > li + li { margin-top: 32px; }
.login_section .section_wrap.dormancy_wrap .input_list_area { height: 0; overflow: hidden; transition: height 0.5s, margin-top 0.5s; margin-top: 0; }
.login_section .section_wrap.dormancy_wrap .input_list_area.active { height: 192px; margin-top: 16px; }

.login_section .section_wrap.dormancy_wrap .comback_img_area { text-align: center; margin-top: 12px; }

.login_section .section_wrap.guide_area .title { font-weight: 700; font-size: 24px; line-height: 32px; }
.login_section .section_wrap.guide_area .title em { color: #2aad5c; }
.login_section .section_wrap.guide_area { padding-top: 104px; }
.login_section .section_wrap.guide_area .bot_btn_area { width: 100%; top: inherit; padding-left: 24px; padding-right: 24px; bottom: 0; padding-bottom: 24px; padding-bottom: calc(constant(safe-area-inset-bottom) + 24px); padding-bottom:  calc(env(safe-area-inset-bottom) + 24px); position: fixed; left: 50%; transform: translateX(-50%); background-color: #ffffff; max-width: 480px; }
.login_section .section_wrap.guide_area .img_area { margin: 24px auto 80px; text-align: center; }
.login_section .section_wrap.guide_area .img_area img { width: 50%; max-width: 360px; }

.login_section .section_wrap.guide_area .img_big_area { margin: 24px auto 80px; text-align: center; }


.reservation_complete_section02 { padding-top: 96px; padding-bottom: 152px; }
.reservation_complete_section02.none_point { padding-top: 132px; }
.reservation_complete_section02 .complete_img { display: block; width: 312px; margin: 32px auto 0; }
.reservation_complete_section02 .guide_box { margin-top: 16px; }
.reservation_complete_section02 .btn_area { background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); padding: 36px 24px 24px;  padding-bottom:  calc(constant(safe-area-inset-bottom) + 24px); padding-bottom:  calc(env(safe-area-inset-bottom) + 24px); bottom: 0; position: fixed; width: 100%; left: 50%; transform: translateX(-50%); margin-top: 0; max-width: 480px; }
.reservation_complete_section02 .btn_guide_text { text-align: center; font-weight: 500; font-size: 13px; line-height: 20px; color: #888888; margin-bottom: 12px; position: absolute; top:  4px; width: 100%; left: 0; }
.reservation_complete_section02 .btn_guide_text b { font-weight: 700; }
.reservation_complete_section02 .btn { width: 100%; display: inline-block; text-align: center; background-color: #2aad5c; border-radius: 12px; font-weight: 700; font-size: 15px; color: #ffffff; }
.reservation_complete_section02 .btn_area .btn { position: static; width: 100%; transform: none; }


/* <- 상담 완료 포인트 지급 */

/* BodyAge 유입 */
.intro_section .section_wrap.type_bodyage { width: 100%; padding: 80px 24px 24px; max-width: inherit; }
.intro_section .section_wrap.type_bodyage .title { text-align: left; font-weight: 700; font-size: 24px; line-height: 32px; }
.intro_section .section_wrap.type_bodyage .title em { color: #005dea; }
.intro_section .section_wrap.type_bodyage .input_area { margin-top: 24px; text-align: left; }
.intro_section .section_wrap.type_bodyage .input_area .input_box { text-align: left; }
.intro_section .section_wrap.type_bodyage .bot_btn_area { width: calc(100% - 48px); bottom: 24px; bottom:  calc(constant(safe-area-inset-bottom) + 24px); bottom:  calc(env(safe-area-inset-bottom) + 24px); margin-top: 0; }
.intro_section .section_wrap.type_bodyage .bot_btn_area .btn_top_text { margin-bottom: 8px; font-weight: 500; font-size: 13px; line-height: 22px; color: #888888; }


/* 480 -> */

/* <- 480 */ 

.reservation_section .section_wrap.complete_area .date_info_area.type_kakao .kakao_btn_area  { position: static; width: 100%; }
.none_data_section .section_wrap { padding: 68px 24px 24px; }
.none_data_section .none_data_area { margin-top: 42px; text-align: center; }
.none_data_section .none_data_area img { width: 76px; }
.none_data_section .none_data_area .text_area { margin-top: 12px; }
.none_data_section .none_data_area .text_area .title { font-weight: 700; font-size: 18px; line-height: 26px; }
.none_data_section .none_data_area .text_area .sub_copy { margin-top: 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.72); }
.none_data_section .none_data_area .btn { display:inline-block; margin-top: 24px; width: 192px; height: 40px; line-height: 40px; box-sizing: border-box; background-color: #ffffff; border: 1px solid #2aad5c; border-radius: 12px; font-weight: 700; font-size: 15px; color: #2aad5c; }
.data_list_section { background-color:#fafafa }
.data_list_section .section_wrap { padding: 68px 24px 24px; }
.data_list_section .data_list_area01 { margin-top: 24px; }
.data_list_section .data_list_area01 .list + .list { margin-top: 8px; }
.data_list_section .data_list_area01 .box { padding: 18px 20px; background-color: #fdfdfd; border: 2px solid #e4f6eb; border-radius: 12px; display: inline-block; width: 100%; box-sizing: border-box; text-align: left; background-image: url(../image/common/icon_subscript_arrow01.svg); background-repeat: no-repeat; background-position: calc(100% - 16px) 20px; }
.data_list_section .data_list_area01 .box .date { font-weight: 400; font-size: 14px; line-height: 20px; }
.data_list_section .data_list_area01 .box .label_area { margin-top: 12px; }
.data_list_section .data_list_area01 .box .label_area .label { padding: 0 8px; height: 24px; line-height: 24px; font-weight: 700; font-size: 14px; text-align: center; border-radius: 27px; display: inline-block; }
.data_list_section .data_list_area01 .box .label_area .label.type_pp { color: #2aad5c; background-color: rgba(42,173,92,0.1); }
.data_list_section .data_list_area01 .box .label_area .label.type_gn { color: #00C3AB; background-color: rgba(0, 195, 171, 0.1); }
.data_list_section .data_list_area01 .box .label_area .label.type_gn02 { color: #34D657; background-color: rgba(52, 214, 87, 0.1); }
.data_list_section .data_list_area01 .box .label_area .label.type_pink { color: #FF3981; background-color: rgba(255, 57, 129, 0.1); }
.data_list_section .data_list_area01 .box .label_area .label.type_gy { color: #888888; background-color: rgba(136, 136, 136, 0.1); }
.data_list_section .data_list_area01 .box .label_area .label.type_sb { color: #0D99FF; background-color: rgba(13, 153, 255, 0.1); }
.data_list_section .data_list_area01 .box .title { margin-top: 12px; font-weight: 700; font-size: 20px; line-height: 24px; }
.data_list_section .data_list_area01 .box .detail_text { margin-top: 12px;font-weight: 400; font-size: 14px; line-height: 22px; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; }
.data_list_section .data_list_area01 .box .btn { margin-top: 12px; background-color: #2aad5c; border-radius: 12px; width: 100%; height: 40px; line-height: 40px; font-weight: 700; font-size: 15px; color: #ffffff; }

.data_list_section .data_list_area01 .box .label_area .label.type_gn,
.data_list_section .data_list_area01 .box .label_area .label.type_gn02 { -webkit-animation: blink-effect 0.7s step-end infinite; animation: blink-effect 0.7s step-end infinite; }

.data_list_section .data_list_area02 { margin-top: 24px; }
.data_list_section .data_list_area02 .data_list_title { display: block; font-size: 18px; font-weight: 700; color: #222222; line-height: 24px; text-align: left; margin-bottom: 24px; }
.data_list_section .data_list_area02 .data_list_title b { color: #297DFB; }
.data_list_section .data_list_area02 .list + .list { margin-top: 8px; }
.data_list_section .data_list_area02 .box { padding: 18px; background-color: #FFFFFF; border: 2px solid #e4f6eb; border-radius: 12px; display: inline-block; width: 100%; box-sizing: border-box; text-align: left; }
.data_list_section .data_list_area02 .box .label_area { display: flex; 	flex-direction: row; justify-content: space-between; align-items: center; padding: 0px; }
.data_list_section .data_list_area02 .box .label_area .label { font-style: normal; font-weight: 700; font-size: 18px; line-height: 20px;  display: inline-block; }
.data_list_section .data_list_area02 .box .label_area .label.type_pp { color: #2aad5c; }
.data_list_section .data_list_area02 .box .label_area .label.type_gn { color: #00C3AB; }
.data_list_section .data_list_area02 .box .label_area .label.type_gn02 { color: #34D657; }
.data_list_section .data_list_area02 .box .label_area .label.type_pink { color: #FF3981; }
.data_list_section .data_list_area02 .box .label_area .label.type_gy { color: rgba(34, 34, 34, 0.48); }
.data_list_section .data_list_area02 .box .label_area .label.type_sb { color: #0D99FF; }

.data_list_section .data_list_area02 .box .label_area .arrow { padding-right:18px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #297DFB; background-image: url(../image/common/icon_subscript_arrow02.svg); background-repeat: no-repeat; background-position: right }

.data_list_section .data_list_area02 .box .date { margin-top:12px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(34, 34, 34, 0.48); }
.data_list_section .data_list_area02 .box .title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #222222; }
.data_list_section .data_list_area02 .box .detail_text { margin-top: 12px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; color: rgba(34, 34, 34, 0.48); }
.data_list_section .data_list_area02 .box .btn { margin-top: 12px; background-color: #2aad5c; border-radius: 12px; width: 100%; height: 40px; line-height: 40px; font-weight: 700; font-size: 15px; color: #ffffff; }

.data_list_section .data_list_area02 .box .label_area .label.type_gn,
.data_list_section .data_list_area02 .box .label_area .label.type_gn02 { -webkit-animation: blink-effect 0.7s step-end infinite; animation: blink-effect 0.7s step-end infinite; }


@-webkit-keyframes blink-effect {
    50% {
        opacity: 0%;
    }
}

@keyframes blink-effect {
    50% {
        opacity: 0%;
    }
}

.mypage_section .detail_top .main_title_area { margin-top: 0px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.mypage_section .detail_top .main_title_area .label_wrap { display: flex; justify-content: flex-start; align-items: center; }
.mypage_section .detail_top .main_title_area .label_wrap.type_text { justify-content: space-between; width: 100%; }
.mypage_section .detail_top .main_title_area .label_wrap.type_text .text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; }
.mypage_section .detail_top .main_title_area .label { background-color: #e4f6eb; border-radius: 5px; height: 22px; line-height: 22px; padding: 0 8px; font-weight: 500; font-size: 13px; color: rgba(34,34,34,0.48); display: inline-block; width: auto; }
.mypage_section .detail_top .main_title_area .label01 { padding: 0 8px; height: 24px; line-height: 24px; font-weight: 700; font-size: 14px; text-align: center; border-radius: 27px; display: inline-block; }
.mypage_section .detail_top .main_title_area .label01.type_pp { color: #2aad5c; background-color: rgba(42,173,92,0.1); }
.mypage_section .detail_top .main_title_area .label01.type_gn { color: #00C3AB; background-color: rgba(0, 195, 171, 0.1); }
.mypage_section .detail_top .main_title_area .label01.type_gy { color: #888888; background-color: rgba(136, 136, 136, 0.1); }

.mypage_section .detail_top .main_title_area .label02 { height: 20px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 20px; display: inline-block; }
.mypage_section .detail_top .main_title_area .label02.type_pp { color: #2aad5c; }
.mypage_section .detail_top .main_title_area .label02.type_gn { color: #00C3AB; }
.mypage_section .detail_top .main_title_area .label02.type_gy { color: rgba(34, 34, 34, 0.48); }

.mypage_section .detail_top .main_title_area .label + .label { margin-left: 8px; }
.mypage_section .detail_top .main_title_area .main_title { margin-top: 8px; font-weight: 700; font-size: 26px; line-height: 34px; }
.mypage_section .detail_top .main_title_area .sub_copy { margin-top: 8px; font-weight: 400; font-size: 16px; line-height: 20px; color: rgba(34,34,34,0.7); }

.mypage_section .detail_top .swiper-pagnation { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 24px; }
.mypage_section .detail_top .swiper-pagnation .swiper-pagination-bullet { background-color: #ffffff; border: 1px solid #DDDDDD; border-radius: 40px; display: inline-block; width: auto; padding: 0 12px; box-sizing: border-box; height: 40px; line-height: 40px; opacity: 1; font-weight: 500; font-size: 16px; color: rgba(34,34,34,0.72); }
.mypage_section .detail_top .swiper-pagnation .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(42,173,92,0.1); border: 1px solid transparent; color: #2aad5c; }
.mypage_section .detail_top .swiper-pagnation .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 8px; }

.mypage_section .detail_top .pack_swiper_wrap { margin-top: 24px; overflow: hidden; width: calc(100% + 48px); margin-left: -24px; }
.mypage_section .detail_top .pack_swiper_wrap .swiper-wrapper { height: auto; }
.mypage_section .detail_top .pack_swiper_wrap .swiper-slide { text-align: center; width: 100%; }
.mypage_section .detail_top .pack_swiper_wrap .swiper-slide .pack_area { width: 298px; height: 278px; background-image: url(../image/img_pack.png); background-repeat: no-repeat; background-position: center; background-size: 100%; margin: 0 auto; }


.mypage_section .detail_top .pack_swiper_wrap .pack_area { width: 310px; height: 284px; background-image: url(../image/img_pack.png); background-repeat: no-repeat; background-position: center center; padding: 71px 28px 0; background-size: 100%; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .title_area { display: flex; justify-content: space-between; align-items: center; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .title { width: calc(100% - 75px); font-weight: bold; font-size: 18px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .time_area { display: flex; align-items: center; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .time_area span { font-weight: 700; font-size: 18px; line-height: 26px; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .time_area img { width: 20px; margin-left: 4px; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area { margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: column; height: 108px; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area li { display: inline-block; width: calc(50% - 10px); display: flex; justify-content: space-between; margin-bottom: 6px; position: relative; padding-left: 10px; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area li::before { content: "•"; display: inline-block; position: absolute; font-weight: normal; font-size: 13px; line-height: 16px; color: #222222; left: 0; top: 50%; transform: translateY(-50%); height: 21px;; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area li strong { font-weight: normal; font-size: 14px; line-height: 21px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area li .btn { font-weight: normal; font-size: 14px; line-height: 21px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; text-align: left; }
.mypage_section .detail_top .pack_swiper_wrap .pack_area .list_area li span {  font-weight: normal; font-size: 15px; line-height: 21px; color: #888888; }

.mypage_section .detail_list { width: calc(100% + 48px); margin-left: -24px; padding-right: 24px; padding-left: 24px; }

.mypage_section .contents_div_area { width: calc(100% + 48px); margin: 24px 0 0 -24px; padding: 24px 24px 0; border-top: 8px solid #fafafa; }

.info_chk_area { width: 100%; margin-top: 16px; }
.info_chk_area input[type="checkbox"] { display: none; }
.info_chk_area input[type="checkbox"] + label { padding-left: 30px; position: relative; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: 0.75px; }
.info_chk_area input[type="checkbox"] + label::before { content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.info_chk_area input[type="checkbox"]:checked + label::before { background-image: url(../image/icon/agree_chk_on.svg) }

.order_list_wrap .main_contents_wrap { min-height: 100%; padding: 68px 24px 96px; }
.order_list_wrap .state_view_area { padding-top: 24px; }
.order_list_wrap .state_view_area ul { display: grid; grid-template-columns: repeat(4, auto); }
.order_list_wrap .state_view_area ul li { display: flex; flex-direction: column; align-items: center; }
.order_list_wrap .state_view_area ul li .count { font-weight: 700; font-size: 20px; line-height: 20px; color: rgba(34,34,34,0.48); }
.order_list_wrap .state_view_area ul li .state_text { margin-top: 8px; font-weight: 500; font-size: 14px; line-height: 26px; color: rgba(34,34,34,0.7); }
.order_list_wrap .state_view_area ul li.type_active .count { color: #2aad5c; }
.order_list_wrap .state_view_area ul li.type_active .state_text { color: #222222; }
.order_list_wrap .state_view_area ul li.type_complete .count { color: #222222; }
.order_list_wrap .state_view_area ul li.type_complete .state_text { color: #222222; }

.order_list_wrap .order_list_area { margin-top: 24px; border-top: 8px solid #fafafa; padding: 0 24px 0; width: calc(100% + 48px); margin-left: -24px; background: #fafafa; }
.order_list_wrap .order_list_area .list_term_view { display: flex; justify-content: space-between; align-items: center; }
.order_list_wrap .order_list_area .list_term_view .list_view_type_area .list_view_state { font-weight: 400; font-size: 13px; line-height: 21px; color: #888888; }
.order_list_wrap .order_list_area .list_term_view .list_view_type_area .list_view_state.active { font-weight: 700; color: #222222; }
.order_list_wrap .order_list_area .list_term_view .list_view_type_area .list_view_state + .list_view_state { margin-left: 8px; }
.order_list_wrap .order_list_area .list_term_view .chk_box_area input[type="checkbox"] { display: none; }
.order_list_wrap .order_list_area .list_term_view .chk_box_area input[type="checkbox"] + label { padding-left: 28px; display: inline-block; font-weight: 400; font-size: 13px; line-height: 24px; background-image: url(../image/common/icon_chkbox01_off.svg); background-repeat: no-repeat; background-position: left center; }
.order_list_wrap .order_list_area .list_term_view .chk_box_area input[type="checkbox"]:checked + label { font-weight: 700; background-image: url(../image/icon/agree_chk_on.svg); }

.order_list_wrap .order_list_area .order_list { margin-top: 24px; }
.order_list_wrap .order_list_area .order_list .list + .list { margin-top: 8px; }
.order_list_wrap .order_list_area .order_list .box { padding: 18px; background-color: #FFFFFF;; border: 2px solid #e4f6eb; border-radius: 12px; display: inline-block; width: 100%; box-sizing: border-box; text-align: left; }

.order_list_wrap .order_list_area .order_list .box .state_area { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0px; }
.order_list_wrap .order_list_area .order_list .box .state_area .state { font-style: normal; font-weight: 700; font-size: 18px; line-height: 20px; display: inline-block; }
.order_list_wrap .order_list_area .order_list .box .state_area .type_pay { color: #222222; }
.order_list_wrap .order_list_area .order_list .box .state_area .type_ready { color: #0D99FF; }
.order_list_wrap .order_list_area .order_list .box .state_area .type_shipping { color: #2aad5c; }
.order_list_wrap .order_list_area .order_list .box .state_area .type_complete { color: rgba(34, 34, 34, 0.48); }
.order_list_wrap .order_list_area .order_list .box .state_area .type_cancel { color: rgba(34, 34, 34, 0.48); }
.order_list_wrap .order_list_area .order_list .box .state_area .arrow { padding-right:18px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #297DFB; background-image: url(../image/common/icon_subscript_arrow02.svg); background-repeat: no-repeat; background-position: right }

.order_list_wrap .order_list_area .order_list .box .date { margin-top:12px; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34, 34, 34, 0.48); }
.order_list_wrap .order_list_area .order_list .box .title { font-family: 'Pretendard'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px;}
.order_list_wrap .order_list_area .order_list .box .bot_text_area { margin-top: 12px; display: flex; justify-content: space-between; align-items: center; width: 100%; }
.order_list_wrap .order_list_area .order_list .box .bot_text_area .state { font-weight: 400; font-size: 14px; line-height: 22px; color: rgba(34, 34, 34, 0.48); }
.order_list_wrap .order_list_area .order_list .box .bot_text_area .price { font-weight: 700; font-size: 16px; line-height: 24px; }

.order_list_wrap .order_list_area .order_list .box .btn_area { text-align: center; }
.order_list_wrap .order_list_area .order_list .box .review_btn { margin-top: 12px; position: relative; width: 192px; height: 40px; line-height: 40px; background-color: #ffffff; border: 1px solid #2aad5c; border-radius: 12px; font-weight: 700; font-size: 15px; color: #2aad5c; white-space: nowrap; }
.order_list_wrap .order_list_area .order_list .box .review_btn .sub_copy { position: absolute; left: 50%; top: -12px; transform: translateX(-50%); display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; background-color: #2aad5c; border-radius: 24px; color: #ffffff; font-weight: 700; font-size: 12px; }
.order_list_wrap .order_list_area .order_list .box .detail_text { margin-top: 12px;font-weight: 400; font-size: 14px; line-height: 22px; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; }
.order_list_wrap .order_list_area .order_list .box .btn { margin-top: 12px; background-color: #2aad5c; border-radius: 12px; width: 100%; height: 40px; line-height: 40px; font-weight: 700; font-size: 15px; color: #ffffff; }

.order_detail_wrap .main_contents_wrap { min-height: 100%; padding: 68px 24px 96px; }
.order_detail_wrap .inner_contents_wrap { width: calc(100% + 48px); margin-left: -24px; padding: 0 24px 24px; border-bottom: 8px solid #fafafa; }
.order_detail_wrap .inner_contents_wrap + .inner_contents_wrap { padding-top: 24px; }
.order_detail_wrap .inner_contents_wrap + .inner_contents_wrap .shopping_list_title { margin-top: 0; }
.order_detail_wrap .inner_contents_wrap:first-child .contents_title { margin-top: 24px; }
.order_detail_wrap .inner_contents_wrap:last-child { padding-bottom: 0; border-bottom: 0; }

.order_detail_wrap .shopping_list_title { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }

.order_detail_wrap .shopping_list_title i { display: inline-block; width: 16px; height: 16px; background-image: url(../image/common/icon_arrow_blcok16.svg); background-repeat: no-repeat; background-position: center; background-size: 100%; }
.order_detail_wrap .shopping_list_title.hidden i { transform: rotate(180deg); }
.order_detail_wrap .shopping_list_wrap { overflow: hidden; transition: height 0.5s; }
.order_detail_wrap .shopping_list_title.hidden + .shopping_list_wrap { height: 0; }

.order_detail_wrap .shopping_list_title strong { font-weight: 700; font-size: 18px; line-height: 26px; }
.order_detail_wrap .shopping_list_wrap .shopping_list { padding-top: 24px; }
.order_detail_wrap .shopping_list_wrap .shopping_list .state_area { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; }
.order_detail_wrap .shopping_list_wrap .shopping_list .state_area .label { display: inline-block; height: 20px; line-height: 20px; font-style: normal; font-weight: 700; font-size: 18px; color: #2aad5c; }
.order_detail_wrap .shopping_list_wrap .shopping_list .state_area .date { font-weight: 400; font-size: 14px; line-height: 20px; }

.order_detail_wrap .shopping_list_wrap .shopping_list li { border-bottom: 1px solid #f5f5f5; padding-bottom: 16px; margin-bottom: 16px; }
.order_detail_wrap .shopping_list_wrap .shopping_list li:last-of-type { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.order_detail_wrap .shopping_list_wrap .list_main_area { display: flex; }
.order_detail_wrap .shopping_list_wrap .list_main_area .img_box { position: relative; width: 96px; height: 96px; border: 1px solid #e4f6eb; border-radius: 8px; overflow: hidden; margin-right: 8px; min-width: 96px }
.order_detail_wrap .shopping_list_wrap .list_main_area .text_box { padding-top: 8px; display: flex; flex-direction: column; width: calc(100% - 104px); }
.order_detail_wrap .shopping_list_wrap .list_main_area .text_box .top_text { font-weight: 500; font-size: 13px; line-height: 18px; color: rgba(34,34,34,0.72); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; }
.order_detail_wrap .shopping_list_wrap .list_main_area .text_box .main_text { font-weight: 700; font-size: 15px; line-height: 22px; color: #363636; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.order_detail_wrap .shopping_list_wrap .list_main_area .text_box .sub_text { font-weight: 400; font-size: 13px; line-height: 18px; color: rgba(34,34,34,0.72); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: inline-block; }
.order_detail_wrap .shopping_list_wrap .bot_text_area { margin-top: 12px; display: flex; justify-content: flex-end; align-items: center; }
.order_detail_wrap .shopping_list_wrap .bot_text_area .count_text { font-weight: 400; font-size: 16px; line-height: 22px; white-space: nowrap; color: rgba(34,34,34,0.72); }
.order_detail_wrap .shopping_list_wrap .list_price { font-weight: 700; font-size: 18px; line-height: 26px; text-align: right; width: 100%; white-space: nowrap; display: inline-block; }

.order_detail_wrap .shopping_list .img_box img { width: 250%; min-height: 76px; max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.order_detail_wrap .shopping_list .img_box.sample img { width: 100%; top: 0%; left: 0%; transform: inherit;}

.order_detail_wrap .contents_title { font-weight: 700; font-size: 18px; line-height: 26px; }
.order_detail_wrap .contents_title + .contents_area { margin-top: 24px; }
.order_detail_wrap .contents_sub_copy { margin-top:8px; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(34, 34, 34, 0.72); }
.order_detail_wrap .contents_sub_copy + .contents_area { margin-top: 24px; }

.order_detail_wrap .delivery_info_list li { display: flex; justify-content: space-between; }
.order_detail_wrap .delivery_info_list li + li { margin-top: 16px; }
.order_detail_wrap .delivery_info_list .list_title { min-width: 118px; white-space: nowrap; font-weight: 400; font-size: 16px; line-height: 24px; }
.order_detail_wrap .delivery_info_list .list_text { font-weight: 400; font-size: 16px; line-height: 24px; word-break: keep-all; }

.order_detail_wrap .price_calc_area { margin-top: 24px; }
.order_detail_wrap .price_calc_area .price_list li { display: flex; justify-content: space-between; align-items: center; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.order_detail_wrap .price_calc_area .price_list li + li { margin-top: 8px; }

.order_detail_wrap .price_calc_area .price_list .title { font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(34,34,34,0.72); }
.order_detail_wrap .price_calc_area .price_list .price { font-weight: 500; font-size: 16px; line-height: 22px; }
.order_detail_wrap .price_calc_area .price_list .price.type_red { color: #FB5058; }
.order_detail_wrap .price_calc_area .price_list .price em.orginal { margin-right:8px; font-weight: 400; font-size: 14px; line-height: 22px; color: #FF0000; text-align: right; text-decoration: line-through; }

.order_detail_wrap .price_calc_area .discount_list { margin-top: 8px; padding: 0 16px; }
.order_detail_wrap .price_calc_area .discount_list li { display: flex; justify-content: space-between; align-items: center; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
.order_detail_wrap .price_calc_area .discount_list li + li { margin-top: 4px; }
.order_detail_wrap .price_calc_area .discount_list span { font-weight: 400; font-size: 14px; line-height: 24px; color: #888888; }
.order_detail_wrap .price_calc_area .discount_list span:first-child::before { content: "ㄴ"; }

.order_detail_wrap .price_calc_area .total_price_area { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
.order_detail_wrap .price_calc_area .total_price_area .title { font-weight: 500; font-size: 18px; line-height: 26px; }
.order_detail_wrap .price_calc_area .total_price_area .price { font-weight: 700; font-size: 26px; line-height: 34px; }

.order_detail_wrap .delivery_state_view_area ul { display: flex; justify-content:  space-between; width: 312px; margin: 0 auto; }
.order_detail_wrap .delivery_state_view_area ul img { width: 82px; }
.order_detail_wrap .delivery_state_view_area li { text-align: center; }
.order_detail_wrap .delivery_state_view_area li .text { font-weight: 500; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.48); margin-top: 8px; }
.order_detail_wrap .delivery_state_view_area li.on .text { font-weight: 700; color: #2aad5c; }

.order_detail_wrap .delivery_state_view_area .img_box { width: 82px; height: 82px; padding: 18px; background-color: rgba(239, 240, 246, 0.24); border-radius: 18px; }
.order_detail_wrap .delivery_state_view_area li.on .img_box { background: #FFFFFF; box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1);}

.order_detail_wrap .delivery_info_title { display: flex; justify-content: space-between; align-items: flex-end; }
.order_detail_wrap .delivery_info_title .info_text_area .title { font-weight: 700; font-size: 14px; line-height: 21px; }
.order_detail_wrap .delivery_info_title .info_text_area .num_text { margin-top: 8px; }
.order_detail_wrap .delivery_info_title .info_text_area .num_text .num_title { font-weight: 400; font-size: 13px; line-height: 21px; display: inline-block; margin-right: 8px; }
.order_detail_wrap .delivery_info_title .info_text_area .num_text .num { font-weight: 400; font-size: 13px; line-height: 21px; display: inline-block; }
.order_detail_wrap .delivery_info_title .btn_area { width: initial; margin: initial; text-align: initial;}
.order_detail_wrap .delivery_info_title .btn_area .copy_btn { width: 80px; height: 32px; line-height: 32px; background-color: #ffffff; border: 1px solid #2aad5c; border-radius: 8px; font-weight: 700; font-size: 15px; line-height: 24px; color: #2aad5c; }


.order_detail_wrap .delivery_progress_list { margin-top: 24px;  } 
.order_detail_wrap .delivery_progress_list li + li { margin-top: 18px; }
.order_detail_wrap .delivery_progress_list li { padding-left: 32px; position: relative; }
.order_detail_wrap .delivery_progress_list .date { font-weight: 400; font-size: 13px; line-height: 21px; color: rgba(34,34,34,0.48); } 
.order_detail_wrap .delivery_progress_list .list_text { margin-top: 4px; display: flex; align-items: center; }
.order_detail_wrap .delivery_progress_list .list_text .title { font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.48); margin-right: 8px; }
.order_detail_wrap .delivery_progress_list .list_text .state { font-weight: 700; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.48); }
.order_detail_wrap .delivery_progress_list li.on .date { color: rgba(34, 34, 34, 0.7); }
.order_detail_wrap .delivery_progress_list li.on .list_text .title { color: #333333; }
.order_detail_wrap .delivery_progress_list li.on .list_text .state { color: #333333; }

.order_detail_wrap .delivery_progress_list li::before { content: ""; width: 8px; height: 8px; background-color: #ffffff; border: 2px solid #d0d0d0; border-radius: 50%; display: inline-block; position: absolute; left: 8px; top: 8px; box-sizing: border-box; }
.order_detail_wrap .delivery_progress_list li.on::before { background: #FFFFFF; border: 5px solid #2aad5c; top: 2px; left: 2px; width: 20px; height: 20px; }
.order_detail_wrap .delivery_progress_list ul { position: relative; }
.order_detail_wrap .delivery_progress_list ul::before { content: ""; display: inline-block; position: absolute; left: 11.5px; top: 10px; width: 1px; height: calc(100% - 42px); border-left: 1px solid #d0d0d0; }

.order_detail_wrap .contents_area .card_text { word-wrap: break-word; word-break: break-all; width:100%; min-height: 128px; padding: 20px 24px; border: 1px solid #D0D0D0; border-radius: 12px; font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(110, 113, 145, 0.47); }

.mypage_main_wrap .main_contents_wrap { padding: 68px 24px 96px; min-height: 100%; }
.mypage_main_wrap .top_view_area { padding-top: 26px; display: flex; justify-content: space-between; align-items: center; }
.mypage_main_wrap .top_view_area .text_area .user_name { font-weight: 700; font-size: 26px; line-height: 34px; }
.mypage_main_wrap .top_view_area .text_area .email { font-weight: 400; font-size: 14px; line-height: 21px; color: #888888; }
.mypage_main_wrap .top_view_area .user_info_link { display: inline-block; text-indent: -999999px; width: 52px; height: 34px; border: 1px solid rgba(34,34,34,0.24); border-radius: 23px; background-image: url(../image/mypage_main/icon_setting.svg); background-repeat: no-repeat; background-position: center; background-size: 18px; }
.mypage_main_wrap .quick_contents_list { margin-top: 24px; }
.mypage_main_wrap .quick_contents_list ul { display: flex; justify-content: space-between; width: 100%; min-width: 312px; margin: 0 auto; }
.mypage_main_wrap .quick_contents_list ul li { text-align: center; }
.mypage_main_wrap .quick_contents_list ul li .link { width: 52px; display: inline-block; }
.mypage_main_wrap .quick_contents_list ul li img { height: 24px; }
.mypage_main_wrap .quick_contents_list ul li .text { margin-top: 8px; font-weight: 500; font-size: 13px; line-height: 20px; }
.mypage_main_wrap .main_contents_list { margin-top: 24px; border-top: 8px solid #fafafa; padding: 24px 24px 0; width: calc(100% + 48px); margin-left: -24px; }
.mypage_main_wrap .main_contents_list li + li { margin-top: 24px; }
.mypage_main_wrap .main_contents_list .link { width: 100%; height: 32px; display: flex; align-items: center; background-image: url(../image/mypage_main/icon_menu_arrow01.svg); background-repeat: no-repeat; background-position: right center; } 
.mypage_main_wrap .main_contents_list .link img { width: 24px; margin-right: 12px; }
.mypage_main_wrap .main_contents_list .link p.text { font-weight: 400; font-size: 16px; line-height: 32px; }

.mypage_main_wrap .reservation_view_area { font-family: 'Pretendard'; margin-top: 24px; background-color: #ffffff; border-left: 8px solid #0d99ff; border-radius: 8px; box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.1); padding: 18px 24px 18px 20px; }
.mypage_main_wrap .reservation_view_area .top_area { display: flex; justify-content: space-between; align-items: center; }
.mypage_main_wrap .reservation_view_area .top_area .label { display: inline-block; background-color: #0d99ff; border-radius: 30px; padding: 0 8px; height: 20px; line-height: 20px; font-weight: 700; font-size: 14px; color: #ffffff; }
.mypage_main_wrap .reservation_view_area .top_area .link { font-weight: 400; font-size: 14px; line-height: 16px; color: rgba(34,34,34,0.48); border-bottom: 1px solid rgba(34,34,34,0.48); }
.mypage_main_wrap .reservation_view_area .time_text { margin-top: 8px; font-weight: 700; font-size: 18px; line-height: 22px; }

.mypage_main_wrap .reservation_waiting .top_area { display:grid; justify-content:initial; }
.mypage_main_wrap .reservation_waiting .top_area .title { display: inline-block; font-weight: 700;	font-size: 18px; height: 20px;line-height: 20px; color: #0D99FF; background-color: inherit; border-radius: inherit; padding: 0; }

.mypage_main_wrap .bot_btn_area { margin-top: 70px; width: 100%;}

.detail_section .section_wrap { padding: 68px 24px 24px; text-align: left; }
.detail_section .title_area { margin-top: 24px; }
.detail_section .title_area .label_area .label { display: inline-block; padding: 0 8px; height: 20px; line-height: 20px; background-color: #3182f6; border-radius: 30px; font-weight: 700; font-size: 14px; color: #ffffff; }
.detail_section .title_area .title { margin-top: 8px; font-weight: 700; font-size: 26px; line-height: 34px; }
.detail_section .title_area .sub_copy { margin-top: 8px; font-weight: 400; font-size: 16px; line-height: 22px; color: rgba(34,34,34,0.72); }
.detail_section .img_area { margin-top: 16px; border-radius: 12px; overflow: hidden; }
.detail_section .img_area img { width: 100%; }
.detail_section .btn_area { margin-top: 8px; }
.detail_section .btn_area .btn { width: 100%; display: inline-block; background-color: #ffffff; border: 0.5px solid #d0d0d0; border-radius: 8px; height: 36px; line-height: 36px; font-weight: 500; font-size: 14px; color: rgba(0,0,0,0.48); }
.detail_section .btn_area .btn + .btn { margin-top: 8px; }
.detail_section .text_box { margin-top: 24px; padding: 24px; background-color: #f2f4f6; border-radius: 12px; }
.detail_section .text_box .box_title { font-weight: 700; font-size: 18px; line-height: 26px; }
.detail_section .text_box ul { margin-top: 36px; }
.detail_section .text_box li { display: grid; gap: 16px; grid-template-columns: 48px auto; }
.detail_section .text_box li + li { margin-top: 24px; }
.detail_section .text_box .img_box { width: 48px; height: 48px; background-color: #ffffff; border-radius: 12px; padding: 8px; }
.detail_section .text_box .list_text_area .list_title { font-weight: 700; font-size: 16px; line-height: 22px; }
.detail_section .text_box .list_text_area .list_sub_copy { margin-top: 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(34,34,34,0.72); }
.detail_section .text_box .list_text_area .label_area { margin-top: 4px; }
.detail_section .text_box .list_text_area .label_area .label { height: 20px; line-height: 20px; padding: 0 8px; font-weight: 600; font-size: 14px; border-radius: 50px; display: inline-block; }
.detail_section .text_box .list_text_area .label_area .label.type_red { background-color: #ffe4e5; color: rgba(224, 79, 79, 1); }
.detail_section .text_box .list_text_area .label_area .label.type_blue { background-color: #D0F7FF; color: rgba(16, 119, 171, 1); }
.detail_section .text_box .list_text_area .label_area .label + .label { margin-left: 4px; }
.detail_section .bot_btn_area { margin-top: 60px; }
.detail_section .bot_btn_area .btn { background-color: #2aad5c; color: #ffffff; }


.reservation_waiting .top_area .label { display: flex !important; flex-direction: row; justify-content: center; align-items: center; margin:12px 0; text-align:center; font-weight: 700; font-size: 16px !important; height: 30px !important; line-height: 30px !important; border-radius: 50px !important; padding: 0 8px; background-color: #0d99ff; color: #fff; }
.reservation_waiting .top_area .label i { margin-right:10px; display: inline-block; width: 20px; height: 20px; background-image: url(../image/mypage_main/icon_phone.svg); background-repeat: no-repeat; background-position: center center; vertical-align: middle; }

.reservation_waiting .guide_area { padding: 8px; background: #F8F9FA; border-radius: 8px; text-align: center; }
.reservation_waiting .guide_area.channel_talk { background-image: url(../image/mypage_main/icon_channel_talk.svg); background-repeat: no-repeat; background-position: center 8px; background-size: 38px 38px; padding-top: 58px; } 
.reservation_waiting .guide_area p { font-weight:400; font-size: 14px; line-height: 20px; text-align: center; color: #222222; }
.reservation_waiting .guide_area .btn { display:block; margin:12px auto; box-sizing: border-box; padding: 0px 16px; width: 192px !important; height: 40px !important; background: #FFFFFF !important; border: 1px solid #2aad5c !important; border-radius: 12px; font-style: normal; font-weight: 700; font-size: 15px; line-height: 38px; text-align: center; text-transform: capitalize; color: #2aad5c !important;}

.reservation_waiting .guide_area .btn_popup { display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0 auto; font-family: 'Pretendard'; font-style: normal; font-weight: 500; font-size: 13px; line-height: 16px; text-align: center; text-decoration: underline; color: rgba(34, 34, 34, 0.48); }
.reservation_waiting .guide_area .btn_popup i { margin-right:4px; display: inline-block; width: 16px; height: 16px; background-image: url(../image/mypage_main/icon_circle_question.svg); background-repeat: no-repeat; background-position: center center; vertical-align: middle; }



/* ==================== 접속 대기 안내 + 접속 지연 안내 ==================== */
.connection { position: relative; width: 100%; height: 100%; min-height: 560px; padding: 92px 24px 220px; text-align: center; }
.connection .txt_box p { font-size: 16px; font-weight: 400; color: #222; line-height: 20px; }
.connection .txt_box p em { display: block; font-size: 14px; opacity: 0.7; margin-top: 12px; }
.connection .wating_box dl { margin-bottom: 30px; }
.connection .wating_box dl::before { width: 76px; height: 76px; background: url(../image/img_bowing.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto 12px; }
.connection .wating_box dl dt { font-size: 14px; font-weight: 400; color: #222; line-height: 20px; margin-bottom: 12px; }
.connection .wating_box dl dd { font-size: 30px; font-weight: 700; color: #2aad5c; line-height: 36px; }
.connection .delay_box h3 { font-size: 26px; font-weight: 700; color: #222; line-height: 32px; margin-bottom: 30px; }
.connection .delay_box h3::before { width: 76px; height: 76px; background: url(../image/img_sorry.png) no-repeat center center; background-size: contain; content: ''; display: block; margin: 0 auto 12px; }
.consult_booking { position: absolute; left: 0; bottom: 0; width: 100%; padding: 24px; text-align: center; background: #e4f6eb; }
.consult_booking::before { position: absolute; left: 50%; top: -36px; transform: translateX(-50%); width: 89px; height: 53px; background: url(../image/banner_benefit_01.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.consult_booking h3 { font-size: 18px; font-weight: 700; color: #222; line-height: 26px; }
.consult_booking p { font-size: 14px; font-weight: 500; color: #222; line-height: 20px; opacity: 0.7; }
.consult_booking .btn03 { margin-top: 4px; }


/* ==================== 쿠폰 + 발급 완료 ==================== */
/* 탭 네비게이션 */
.tab_nav{ margin-bottom: 24px; }
.tab_nav.tnav02 li{ width: 50%; }
.tab_nav li span{ display: block; font-size: 16px; font-weight: 700; color: #888888; line-height: 20px; text-align: center; padding-bottom: 14px; border-bottom: 2px solid #D9DBE9; cursor: pointer; }
.tab_nav li.active span{ color: #2aad5c; border-bottom: 2px solid #2aad5c; }
.tab_list .tab_box{ display: none; }
.tab_list .tab_box.active{ display: block; }

/* 쿠폰 section */
.coupon_section .tit_box{ margin-bottom: 24px; }
.coupon_section .tit_box h2 { position: relative; font-size: 26px; font-weight: 700; color: #222222; line-height: 34px; padding-right: 50px; margin-bottom: 8px; }
.coupon_section .tit_box .tit_ico_check::after{ position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/icon_check_green.svg) no-repeat center center; background-size: contain; content: ''; display: block; z-index: 1; }
.coupon_section .tit_box p { font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.7); line-height: 22px; word-break: keep-all; }
.coupon_section .detail_info_tab button{ width: 100%; font-size: 14px; font-weight: 500; color: #888; line-height: 36px; text-align: center; border: 1px solid #D0D0D0; border-radius: 8px; margin-top: 8px; }

/* 쿠폰 팝업 메세지 */
#popup_message { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; }
#popup_message.on { display: block; }
#popup_message .pop_box { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 48px); max-width: 480px; padding: 32px 24px 24px; text-align: center; background: #fff; border-radius: 16px; }
#popup_message .pop_box.txt_left{ text-align: left; }
#popup_message .pop_box.active { display: block; } 
#popup_message .pop_box h3{ font-size: 20px; font-weight: 700; color: #222; line-height: 28px; margin-bottom: 4px; }
#popup_message .pop_box .warnig_text::before { width: 34px; height: 34px; background: url(../image/icon_warning_black.svg) no-repeat center center; background-size: contain; margin: 0 auto 12px; content: ''; display: block; }
#popup_message .pop_box p { position: relative; font-size: 15px; font-weight: 400; color: #222; line-height: 22px; margin-bottom: 16px; }
#popup_message .pop_box .pop_submit { width: 100%; height: 60px; font-weight: bold; font-size: 15px; font-weight: 700; color: #fff; line-height: 60px; border-radius: 12px; background-color: #2aad5c; box-sizing: border-box; }

#popup_message .pop_box.big { padding: 30px 24px; }
#popup_message .pop_box.big .warnig_text::before { width: 40px; height: 40px; margin-bottom: 7px; }
#popup_message .pop_box.big .warnig_text p{ font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 0; }

#popup_message .addr_pop{ padding: 48px 24px 24px; text-align: left; }
#popup_message .addr_pop p{ margin-bottom: 36px; }



/* ==================== 비타민 받는사람 주소록 ==================== */
.address_list li{ width: 100%; margin-bottom: 24px; }
.address_list li:last-of-type{ margin-bottom: 0; }
.address_list .addr_tit{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.address_list .addr_tit h3{ font-size: 18px; font-weight: 700; color: #222; line-height: 26px; }
.address_list .addr_tit button{ position: relative; font-size: 16px; font-weight: 700; color: #2aad5c; line-height: 22px; padding-right: 12px; }
.address_list .addr_tit button::after{ position: absolute; right: -4px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; background: url(../image/icon_arrow_pp01.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.address_list .addr_input{ text-align: left; margin-bottom: 12px; }
.address_list .addr_input:last-of-type{ margin-bottom: 0; }


/* ==================== 240715_추천 결과 상단 ==================== */
.mt02 { margin-top: 2px; }
.mt04 { margin-top: 4px; }
.mt06 { margin-top: 6px; }
.mt08 { margin-top: 8px; }
.mt12 { margin-top: 12px; }
.mt16 { margin-top: 16px!important; }
.mt24 { margin-top: 24px; }
.fs_26 { font-size: 26px; line-height: 34px; }
.fs_18 { font-size: 18px; line-height: 24px; }
.fs_16 { font-size: 16px; line-height: 22px; }
.fs_14 { font-size: 14px; line-height: 20px; }
.fw_500 { font-weight: 500; }
.fw_700 { font-weight: 700; }
.fc_gray_800 { color: #757575; }
.fc_primary { color: #2AAD5C !important; }
.bg_gray { background: #FAFAFA; }

.pay_benefit_info li { display: flex; align-items: center; width: 100%; padding: 12px 20px; background: #ffffff; border-radius: 12px; }
.pay_benefit_info li i { width: 32px; height: 32px; display: inline-block; margin-right: 4px; }
.pay_benefit_info li i.icon_cs { background: url(../image/icon/icon_benefit_cs.png) no-repeat center center; background-size: 34px; }
.pay_benefit_info li i.icon_coin { background: url(../image/icon/icon_benefit_coin.png) no-repeat center center; background-size: 34px; }
.pay_benefit_info li i.icon_box { background: url(../image/icon/icon_benefit_box.png) no-repeat center center; background-size: 34px; }
.pay_benefit_info li b { display: inline-block; margin-left: 4px; }
.pay_coupon_info { position: relative; display: flex; width: 100%; z-index: 1; }
.pay_coupon_info::before { position: absolute; left: -4px; top: -4px; width: calc(100% + 8px); height: calc(100% + 8px); background: url(../image/bg_coupon_white.png) no-repeat center center; background-size: 100% 100%; content: ''; display: block; z-index: -1; }
.pay_coupon_info .left { flex: 1; padding: 18px 20px; }
.pay_coupon_info .right { display: flex; align-items: center; justify-content: center; min-width: 102px; width: 102px; border-left: 2px dotted #dddddd; }
.pay_coupon_info .right .btn_use_coupon { font-size: 14px; font-weight: 700; color: #ffffff; line-height: 20px; padding: 10px 8px; background: #2AAD5C; border-radius: 4px; }
.pay_coupon_info .right .btn_use_coupon.off { color: #AAAAAA; background: #EFEFEF; }


/* ==================== 주문 내역 확인 및 결제 동의 ==================== */
.all_chk_area { overflow: hidden; }
.all_chk_area .chk_title { position: relative; z-index: 1; }
.all_chk_area .chk_title .btn_toggle { position: absolute; right: 0; top: 0; width: 24px; height: 24px; text-indent: -9999px; background: url(../image/common/icon_arrow_blcok16.svg) no-repeat center center; background-size: 16px; content: ''; transform: rotate(180deg); cursor: pointer; z-index: 5; }
.all_chk_area .chk_title.on .btn_toggle { transform: rotate(0deg); }
.all_chk_area .chk_title .chk_box input[type="checkbox"] { display: none; }
.all_chk_area .chk_title .chk_box input[type="checkbox"] + label { font-size: 16px; font-weight: 500; color: #222; line-height: 24px; }
.all_chk_area .chk_title .chk_box input[type="checkbox"] + label em { display: inline-block; font-size: 14px; font-weight: 400; color: #2aad5c; }
.all_chk_area .chk_title .chk_box input[type="checkbox"] + label::before { width: 24px; height: 24px; vertical-align: -6px; background-image: url(../image/icon/agree_chk.svg); background-repeat: no-repeat; background-position: left center; background-size: 24px; content: ''; display: inline-block; margin-right: 8px; }
.all_chk_area .chk_title .chk_box input[type="checkbox"]:checked + label::before { background-image: url(../image/icon/agree_chk_on.svg); }
.all_chk_area .chk_detail { display: none; padding-top: 4px; padding-left: 32px; }
.all_chk_area .chk_detail p { font-size: 13px; font-weight: 400; color: #888888; line-height: 20px; word-break: keep-all; }

/* ==================== 배송지 정보 ==================== */
.address_info_area{ position: relative; }
.address_info_area .addr_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.address_info_area .btn_change { position: relative; font-size: 16px; font-weight: 700; color: #297DFB; line-height: 22px; display: inline-block; }
.address_info_area .btn_change::before { position: absolute; left: 0; bottom: 0; width: calc(100% - 16px); height: 2px; background: #297DFB; content: ''; display: block; }
.address_info_area .btn_change::after { width: 12px; height: 12px; background-image: url(../image/icon_arrow_blue.svg); background-repeat: no-repeat; background-position: center center; content: ''; display: inline-block; margin-left: 4px; }
.address_info_area .addr_detail { margin-bottom: 16px; }
.address_info_area .addr_detail p { font-size: 16px; font-weight: 400; color: #222; line-height: 22px; word-break: keep-all; margin-bottom: 4px; }
.address_info_area .addr_detail p:last-of-type { margin-bottom: 0; }
.address_info_area .addr_detail p em { display: inline-block; margin-right: 8px; }
.address_info_area .addr_detail .addr_empty{ display: block; width: 100%; font-size: 14px; color: #FF1E1E; line-height: 20px; background: #F7F8FB; border-radius: 8px; padding: 12px; margin-top: 4px; }

/* ==================== 말풍선 팝업 ==================== */
@keyframes bubble{
    0%{ transform: scale(0); opacity: 0; }
    25%{ transform: scale(1.07); opacity: 1; }
    50%{ transform: scale(1); }
    75%{ transform: scale(1.03); }
    100%{ transform: scale(1); }
}
.bubble_wrap { position: absolute; left: 20px; top: -23px; z-index: 2000; transform: scale(0); }
.bubble_wrap.on { animation: bubble 0.5s ease-out 1 forwards; }
.bubble_wrap .bubble { position: relative; display: flex; align-items: center; padding: 11px 11px 11px 13px; background: #E6F0FF; border-radius: 24px; -webkit-box-shadow: 0 0 5px 2px rgba(219,220,230,0.8); box-shadow: 0 0 5px 2px rgba(219,220,230,0.8); }
.bubble_wrap .bubble::before { position: absolute; left: 27px; bottom: -20px; width: 24px; height: 0px; border: 12px solid transparent; border-top: 9px solid #E6F0FF; box-sizing: border-box; content: ''; display: block; }
.bubble_wrap .bubble p { font-size: 16px; font-weight: 700; color: #297DFB; line-height: 21px; }
.bubble_wrap .bubble_close { display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background: url(../image/btn/btn_close_blue.svg) no-repeat center center; background-size: contain; overflow: hidden; margin-left: 8px; }


/* ==================== 한 달 구성 선택 ==================== */
.month_pack ul { margin-top: 16px; }
.month_pack ul li { margin-bottom: 12px; }
.month_pack ul li:last-of-type { margin-bottom: 0; }
.month_pack ul li input[type="radio"] { display: none; }
.month_pack ul li label { display: block; border: 1px solid #D0D0D0; border-radius: 12px; padding: 15px 24px; cursor: pointer; }
.month_pack ul li label span { font-size: 18px; font-weight: 400; line-height: 24px; color: #222222; display: inline-block; vertical-align: middle; }
.month_pack ul li label span::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; vertical-align: -3px; content: ''; display: inline-block; margin-right: 8px; }
.month_pack ul li input[type="radio"]:checked + label { border: 1px solid #2aad5c; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
.month_pack ul li input[type="radio"]:checked + label span { font-weight: 600; }
.month_pack ul li input[type="radio"]:checked + label span::before { border: 5px solid #2aad5c; }

/* ==================== 카운트 다운 배너 ==================== */
@keyframes banner-bg-gradient {
    0% { left: 0; }
    100% { left: -1900%; }
}
@keyframes pullDown {
	0% { height: 0; }
    25% { height: 47px; }
    60% { height: 42px; }
    75% { height: 43px; }
	100% { height: 42px; }
}
@keyframes pullUp {
	0% { height: 42px; }
    25% { height: 43px; }
    70% { height: 42px; }
    85% { height: 47px; }
	100% { height: 0; }
}
.top_banner { position: sticky; left: 0; top: 68px; width: 100%; height: 0; overflow: hidden; z-index: 1000; }
.top_banner.on { animation: pullDown 0.7s ease-in 1 forwards; }
.top_banner.off { animation: pullUp 0.7s ease-in 1 forwards; }
.top_banner::before { 
    position: absolute; left: 0; top: 0; width: 2000%; height: 100%; animation: banner-bg-gradient 30s linear infinite; content: ''; display: block; z-index: -1; 
    background: rgb(245,86,131); background: linear-gradient(90deg, rgba(245,86,131,1) 0%, rgba(109,91,245,1) 20%, rgba(42,132,255,1) 40%, rgba(255,227,42,1) 60%, rgba(245,86,131,1) 80%, rgba(218,87,154,1) 100%); 
}
.top_banner p { width: 100%; height: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 500; color: #ffffff; line-height: 18px; }
.top_banner p::before { width: 24px; height: 24px; background: url(../image/ico_clock.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-right: 6px; }
.top_banner p em { display: inline-block; font-weight: 700; margin-left: 4px; }
.top_banner p strong { display: inline-block; font-size: 15px; font-weight: 700; color: #FFF1A7; margin-right: 4px; }


/* ==================== 영양제 리스트 ==================== */
.cart_list_wrap h3:not(:first-of-type){ margin-top: 24px; }
.nutr_list li { border-bottom: 1px solid #EFEFEF; }
.nutr_list li:first-of-type { padding-top: 0; }
.nutr_list li:last-of-type { border-bottom: none; }
.nutr_item { position: relative; width: 100%; padding: 12px 0; border-bottom: 1px solid #EFEFEF; }
.nutr_item .info_box { display: flex; align-items: center; justify-content: space-between; }
.nutr_item .info_box .img_box { position: relative; width: 88px; min-width: 88px; height: 88px; border: 1px solid #F8F9FA; border-radius: 8px; overflow: hidden; margin-right: 8px; }
.nutr_item .info_box .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: inherit; width: 140%; }
.nutr_item .info_box .text_box { width: calc(100% - 96px); padding: 2px 0; text-align: left; }
.nutr_item .info_box .text_box .tag { display: block; font-size: 13px; font-weight: 500; color: rgba(34,34,34,0.72); line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nutr_item .info_box .text_box .chip_box { display: flex; flex-wrap: wrap; }
.nutr_item .info_box .text_box .chip_box { display: flex; flex-wrap: wrap; } 
.nutr_item .info_box .text_box .chip_box .chip { margin: 0 4px 2px 0; } 
.nutr_item .info_box .text_box .chip { font-size: 13px; font-weight: 500; line-height: 17px; padding: 2px 8px; border-radius: 4px; display: inline-block; } 
.nutr_item .info_box .text_box .chip.primary { color: #2AAD5C; background: #F1FBF5; } 
.nutr_item .info_box .text_box .chip.blue { color: #297DFB; background: #F3F8FF; } 
.nutr_item .info_box .text_box .name { width: 100%; max-height: 44px; font-size: 16px; font-weight: 400; color: #222; line-height: 22px; overflow: hidden; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;  padding-right: 50px; }
.nutr_item .info_box .text_box .desc { width: 100%; font-size: 13px; font-weight: 400; color: #757575; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }
.nutr_item .info_box .text_box .desc em { font-style: normal; }
.nutr_item .info_box .text_box .desc .pp { color: #2aad5c; }
/* btn 삭제 */
.del_btn { position: absolute; right: 0; top: 12px; width: 24px; height: 24px; z-index: 1; text-indent: -9999px; background-image: url(../image/shopping/icon_btn_exit01.svg); display: inline-block; }
/* btn 영양제 추가하기 */
.btn_add_box { position: relative; width: 100%; padding: 24px 0 0; text-align: center; border-top: 1px solid #e4f6eb; }
.btn_add_box .btn_plus { display: inline-block; font-size: 16px; font-weight: 500; color: #2aad5c; line-height: 20px; }
.btn_add_box .btn_plus::before { width: 10px; height: 10px; background: url(../image/btn_plus_purple.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-right: 6px; }
.btn_add_box .bubble_wrap { left: 0; top: 52px; }
.btn_add_box .bubble_wrap .bubble::before { left: 45%; bottom: auto; top: -17px; border-top: 9px solid transparent; border-bottom: 9px solid #E6F0FF; }

/* ==================== 총 결제 금액 ==================== */
.total_price_wrap ul:not(:first-of-type) { border-top: 1px solid #e4f6eb; }
.detail_price_box { padding: 16px 0; }
.detail_price_box > li { margin-bottom: 8px; }
.detail_price_box > li:last-of-type { margin-bottom: 0; }
.price_item { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.price_item .price_tit { display: inline-block; font-size: 16px; font-weight: 400; line-height: 22px; color: rgba(34,34,34,0.58); }
.price_item .price_txt { display: inline-block; font-size: 16px; font-weight: 500; line-height: 22px; color: rgba(34,34,34,0.58); }
.price_item .price_txt.discount { color:#2aad5c; }

/* 토글 박스 */
.toggle_box { cursor: pointer; }
.toggle_box .price_txt::after{ width: 12px; height: 7px; background: url(../image/ico_arrow_gray.png) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: 3px; margin-left: 8px; }
.toggle_box.on .price_txt::after{ transform: rotate(180deg); }
.toggle_box .price_toggle { display: none; width: 100%; padding: 8px 16px 0; }
.toggle_box .price_toggle dl { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.toggle_box .price_toggle dl:last-of-type { margin-bottom: 0; }
.toggle_box .price_toggle dl * { font-size: 14px; font-weight: 400; line-height: 24px; color: rgba(34,34,34,0.58); }
/* 총 금액 */
.total_price { display: flex; justify-content: space-between; align-items: center; padding-bottom: 16px; }
.total_price .price_tit { font-size: 18px; font-weight: 600; line-height: 26px; color: #222222; }
.total_price .total_sale { font-size: 24px; font-weight: 700; line-height: 34px; color: #222222; }


.result_detail .main_title_area .main_title em { color:#42BC00; }


/*! ==================== PL834 ==================== **/
.section_pd_top { padding-top: 68px; overflow: hidden; }
.section_title { position: relative; font-size: 26px; font-weight: 700; color: #222222; line-height: 34px; }
.section_title strong { color: #2aad5c; }
.section_title_md { font-size: 18px; font-weight: 700; color: #222222; line-height: 26px; }
.icon_tit_health::after { position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(../image/icon_health_concern.svg) no-repeat center center; background-size: 48px; content: ''; display: block; }

/* page - 추천방법선택 */
.recommend_select_box { margin-top: 38px; }
.recommend_select_box ul li { margin-bottom: 18px; }
.recommend_select_box ul li:last-of-type { margin-bottom: 0; }
.recommend_select_box a { position: relative; display: block; text-align: left; padding: 32px 24px; border-radius: 8px; border: 1px solid #D0D0D0; background: rgba(255, 255, 255, 0.62); }
.recommend_select_box a.type_best { border: 1px solid #2aad5c; }
.recommend_select_box a.type_best::after { position: absolute; right: 30px; top: 0; width: 22px; height: 29px; background: url(../image/ico_goods_mark.svg) no-repeat left top; background-size: contain; content: ''; display: block; }
.recommend_select_box a p { font-size: 16px; font-weight: 400; color: #222222; line-height: 26px; }
.recommend_select_box a p strong { font-size: 20px; }
.recommend_select_box a dl { position: relative; padding-right: 64px; }
.recommend_select_box a dl::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; content: ''; display: block; }
.recommend_select_box li:nth-of-type(1) a dl::after { background: url(../image/icon_health_data.svg) no-repeat center center; background-size: 48px; }
.recommend_select_box li:nth-of-type(2) a dl::after { background: url(../image/icon_health_concern.svg) no-repeat center center; background-size: 48px; }
.recommend_select_box a dl dt { font-size: 20px; font-weight: 700; color: #222222; line-height: 26px; margin-bottom: 8px; }
.recommend_select_box a dl dt strong { color: #2aad5c; }
.recommend_select_box a dl dd { font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.70); line-height: 22px; }


/*? box - 패키지 아이콘 */
.package_icon { width: 40px; height: 40px; display: block; }
.package_icon.type_energe { background: url(../image/icon_package_energe.svg) no-repeat center center; background-size: contain; }
.package_icon.type_beauty { background: url(../image/icon_package_beauty.svg) no-repeat center center; background-size: contain; }
.package_icon.type_immune { background: url(../image/icon_package_immune.svg) no-repeat center center; background-size: contain; }
.package_icon.type_liver { background: url(../image/icon_package_liver.svg) no-repeat center center; background-size: contain; }
.package_icon.type_sleep { background: url(../image/icon_package_sleep.svg) no-repeat center center; background-size: contain; }
.package_icon.type_concent { background: url(../image/icon_package_concent.svg) no-repeat center center; background-size: contain; }
.package_icon.type_digest { background: url(../image/icon_package_digest.svg) no-repeat center center; background-size: contain; }
.package_icon.type_menses { background: url(../image/icon_package_menses.svg?20240418) no-repeat center center; background-size: contain; }
.package_icon.type_bone { background: url(../image/icon_package_bone.svg) no-repeat center center; background-size: contain; }
.package_icon.type_blood { background: url(../image/icon_package_blood.svg) no-repeat center center; background-size: contain; }
.package_icon.type_hair { background: url(../image/icon_package_hair.svg) no-repeat center center; background-size: contain; }
.package_icon.type_require { background: url(../image/icon_package_require.svg) no-repeat center center; background-size: contain; }
/*? box - 패키지 영양제 구성 */
.package_detail { width: 100%; padding-top: 12px; border-top: 1px solid #e4f6eb; margin-top: 12px; }
.package_detail li { display: flex; align-items: flex-start; margin-bottom: 8px; }
.package_detail li:last-of-type { margin-bottom: 0; }
.package_detail .num { display: block; width: 40px; height: 40px; font-size: 18px; font-weight: 700; color: #ffffff; line-height: 40px; text-align: center; background: rgba(42, 173, 92, 0.48); border-radius: 8px; }
.package_detail .txt { flex: 1; margin-left: 12px; }
.package_detail .txt strong { display: block; font-size: 15px; font-weight: 700; color: #222222; line-height: 22px; }
.package_detail .txt p { font-size: 14px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 17px; }

/* page - 패키지 선택 */
.package_select_box { margin-top: 24px; }
.package_select_box ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.package_select_box ul li { width: calc(50% - 4px); margin-bottom: 12px; }
.package_select_box ul li a { display: flex; flex-wrap: wrap; align-items: center; text-align: left; padding: 12px 8px; border: 1px solid rgba(34, 34, 34, 0.24); border-radius: 8px; }
.package_select_box ul li a dl { flex: 1; margin-left: 8px; }
.package_select_box ul li a dl dt { font-size: 18px; font-weight: 700; color: #222222; line-height: 20px; }
.package_select_box ul li a dl dd { font-size: 12px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 20px; }

/* page - 종류선택 */
.package_type_box2 { margin-top: 16px; }
.package_type_box2 ul li { position: relative; margin-bottom: 12px; }
.package_type_box2 ul li:last-of-type { margin-bottom: 0; }
.package_type_box2 ul li input[type="radio"] { display: none; }
.package_type_box2 ul li label { position: relative; display: block; padding: 12px; background: #ffffff; border: 1px solid #D0D0D0; border-radius: 12px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); }
.package_type_box2 .title { display: flex; align-items: center;  }
.package_type_box2 .title::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; margin-right: 10px; }
.package_type_box2 .title p { flex: 1; font-size: 13px; font-weight: 500; color: #818181; line-height: 20px; text-align: left; }
.package_type_box2 .title p strong { display: block; font-size: 17px; font-weight: 700; color: #363636; line-height: 22px; }
.package_type_box2 .price { display: block; width: 100%; text-align: right; color: rgba(34, 34, 34, 0.72); font-size: 13px; line-height: 22px; margin-top: 8px; }
.package_type_box2 .price strong { font-size: 16px; font-weight: 600; color: #222; }
.package_type_box2 .btn_view { position: absolute; left: 48px; bottom: 17px; display: inline-block; font-size: 13px; font-weight: 400; color: #2aad5c; line-height: 18px; z-index: 10; }
.package_type_box2 .btn_view::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #2aad5c; content: ''; display: block; }
.package_type_box2 ul li input[type="radio"]:checked + label { border: 1px solid #2aad5c; }
.package_type_box2 ul li input[type="radio"]:checked + label .title::before { border: 5px solid #2aad5c; }

/* page - 내맘대로 담기 (삭제 - 230627 )*/
.pick_list_box { margin-top: 12px; }
.pick_list_box ul li { padding: 12px 0; border-bottom: 1px solid #e4f6eb; }
.pick_list_box ul li:last-of-type { border-bottom: none; }
.pick_list_box ul li input[type="radio"] { display: none; }
.pick_list_box ul li label { position: relative; display: flex; align-items: center; }
.pick_list_box ul li label::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; }
.pick_list_box ul li input[type="radio"]:checked + label::before { border: 5px solid #2aad5c; }
.pick_list_box .img_box { position: relative; width: 67px; height: 67px; border-radius: 4px; border: 1px solid #e4f6eb; overflow: hidden; margin-left: 8px; }
.pick_list_box .img_box img { max-width: inherit; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 200%; }
.pick_list_box .img_box.type_best::after { position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 600; color: #FFFFFF; line-height: 18px; padding: 0 5px; background: #2aad5c; border: 1px solid #2aad5c; border-top-left-radius: 2px; content: 'BEST'; display: inline-block; z-index: 5; }
.pick_list_box .img_box.type_high::after { position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 600; color: #FB5058; line-height: 18px; padding: 0 5px; background: #FFDEE0 ; border: 1px solid #FFDEE0; border-top-left-radius: 2px; content: '고함량'; display: inline-block; z-index: 5; }
.pick_list_box .img_box.type_cheap::after { position: absolute; left: 0; top: 0; font-size: 12px; font-weight: 600; color: #000000; line-height: 18px; padding: 0 5px; background: #ffffff; border: 1px solid #000000; border-top-left-radius: 2px; content: '갓성비'; display: inline-block; z-index: 5; }
.pick_list_box .info_box { flex: 1; margin-left: 12px; }
.pick_list_box .info_box .tag { display: block; font-size: 13px; font-weight: 500; color: #818181; line-height: 20px; }
.pick_list_box .info_box .name { font-size: 15px; font-weight: 700; color: #363636; line-height: 22px; }
.pick_list_box .info_box .price strong{ display: inline-block; font-size: 16px; font-weight: 600; color: #222; line-height: 22px; }
.pick_list_box .info_box .price em { display: inline-block; font-size: 13px; font-weight: 400; color: rgba(34, 34, 34, 0.72); vertical-align: 1px; margin-left: 4px; }
.pick_list_box .info_box .bottom { text-align: right; }
.pick_list_box .info_box .btn_view { display: inline-block; font-size: 13px; font-weight: 400; color: #2aad5c; line-height: 20px; }


/*! ==================== PL836 ==================== **/
/* page - 로그인하기 */
.login_section { position: relative; }
.login_section .login_info { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100vh; min-height: 600px; padding: 0 24px; }
.login_info .txt_box { width: 100%; text-align: center; margin-bottom: 6vh; }
.login_info .txt_box p { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.70); line-height: 20px; margin-top: 8px; }
.login_info .social_login_list { width: 100%; }
.login_info .social_login_list > li { margin-bottom: 12px; }
.login_info .social_login_list > li:last-of-type { margin-bottom: 0; }
.login_info .social_login_list .btn_link { display: block; width: 100%; height: 50px; font-size: 15px; font-weight: 500; line-height: 50px; border-radius: 4px; box-sizing: border-box; overflow: hidden; }
.login_info .social_login_list .btn_link.kakao { color: #191919; background: #FEE500; }
.login_info .social_login_list .btn_link.naver { color: #ffffff; background: #03C75A; }
.login_info .social_login_list .btn_link.email { color: rgba(52, 113, 220, 0.70); background: #F3F8FE; }
.login_info .social_login_list .btn_link::before { width: 18px; height: 18px;vertical-align: -4px; content: ''; display: inline-block; margin-right: 10px; }
.login_info .social_login_list .btn_link.kakao::before { background: url(../image/icon_kakao_s_black.svg) no-repeat center center; background-size: contain; }
.login_info .social_login_list .btn_link.naver::before { background: url(../image/icon_naver.svg) no-repeat center center; background-size: contain; }
.login_info .social_login_list .btn_link.email::before { background: url(../image/icon_email.svg) no-repeat center center; background-size: contain; }
.login_info .email_input_box { display: none; }
.login_info .email_input_box ol { padding-top: 12px; }
.login_info .email_input_box ol li { margin-bottom: 12px; }
.login_section .etc_list { position: absolute; left: 0; bottom: 30px; width: 100%; z-index: 5; }
.login_section .etc_list ul { display: flex; align-items: center; justify-content: center; }
.login_section .etc_list ul li { padding: 0 20px; border-right: 1px solid #D0D0D0; }
.login_section .etc_list ul li:last-of-type { border-right: none; }
.login_section .etc_list ul li a { display: inline-block; font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.48); line-height: 16px; }

/* page - 이메일찾기 */
.register_section .email_info_box { margin-top: 50px; }
.register_section .email_info_box span { display: block; font-size: 16px; font-weight: 400; color: #888888; line-height: 20px; margin-bottom: 16px; }
.register_section .email_info_box .email_box { width: 100%; font-size: 18px; font-weight: 700; color: #222222; line-height: 24px; padding: 20px; text-align: center; background: #e4f6eb; border-radius: 12px; overflow: hidden; }
.register_section .email_info_box p { font-size: 15px; font-weight: 400; color: #222222; line-height: 24px; word-break: keep-all; margin-top: 16px; }


/*! ==================== PL837 ==================== **/
/* page - 결제정보입력 */
.payment_list { margin-top: 16px; }
.payment_list .payment_item { border-bottom: 1px solid #EFEFEF; }
.payment_list > div:last-of-type { border-bottom: none; }
.payment_list .radio_box { position: relative; padding: 18px 0; }
.payment_list .radio_box input[type='radio'] { display: none; }
.payment_list .radio_box input[type='radio'] + label { display: flex; align-items: center; }
.payment_list .radio_box input[type='radio'] + label::before { width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: inline-block; margin-right: 12px; }
.payment_list .radio_box input[type='radio'] + label img{ margin-right: 12px; }
.payment_list .radio_box input[type='radio'] + label span { flex: 1; display: block; font-size: 16px; font-weight: 500; color: rgba(34, 34, 34, 0.48); line-height: 20px; }
.payment_list .radio_box input[type='radio']:checked + label::before { border: 5px solid #2aad5c; }
.payment_list .radio_box input[type='radio']:checked + label span { font-weight: 700; color: #222222; }
.payment_list .radio_box .btn_card_set { position: absolute; right: 0; top: 12px; display: inline-block; font-size: 13px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 30px; padding: 0 8px; background: #FFF; border-radius: 8px; border: 1px solid #D0D0D0; }
/* 카카오페이 이벤트 툴팁 css */
.payment_list .payment_item.pi_kakao .tooltip_kakaopay {display: none;}
.payment_list .payment_item.pi_kakao.promotion {position: relative;}
.payment_list .payment_item.pi_kakao.promotion .radio_box {position: relative; padding: 18px 0 64px;}
.payment_list .payment_item.pi_kakao.promotion .tooltip_kakaopay {position: absolute; bottom: 18px; left: 33px; display: block; padding: 6px 8px 7px; border-radius: 4px; background-color: #222; color: #fff; font-size: 14px; font-weight: 500; line-height: 130%;}
.payment_list .payment_item.pi_kakao.promotion .tooltip_kakaopay::after {position: absolute; left: 8px; top: -2px; display: block; content: ""; width: 10px; height: 8px; border-radius: 2px; background-color: #222; transform: rotate(53deg) skew(15deg);}

/* 결제 방법 상세 */
.payment_detail { display: none; }
.payment_detail .pd_empty,
.payment_detail .pd_info,
.payment_detail .select_box,
.payment_detail .toggle_input_list { margin: 8px 0; }
.payment_detail .pd_empty .btn_add { display:inline-block; width: 100%; padding: 12px 0; background: #F8F9FA; border: 1px solid #D0D0D0; border-radius: 16px; }
.payment_detail .pd_empty .btn_add span::before { width: 32px; height: 32px; background: url(../image/icon_pay_plus.svg) no-repeat center center, #e4f6eb; border-radius: 50%; display: block; content: ''; margin: 0 auto 8px; }
.payment_detail .pd_empty .btn_add span{ display: block; font-size: 14px; font-weight: 500; color: rgba(34, 34, 34, 0.48); line-height: 20px; text-align: center; }
.payment_detail .pd_info { width: 100%; padding: 12px; border-radius: 12px; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10); }
.payment_detail .pd_info p { display: block; font-size: 14px; font-weight: 700; line-height: 20px; text-align: right; }
.payment_detail .pd_info .btn_edit { display:inline-block; width: 100%; font-size: 13px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 30px; text-align: center; background: #ffffff; border-radius: 8px; margin-top: 8px; }
.payment_item.kakao .payment_detail .pd_info { background: #FEE500; }
.payment_item.kakao .payment_detail .pd_info p { color: rgba(34, 34, 34, 0.48); }
.payment_item.naver .payment_detail .pd_info { background: #00C73C; }
.payment_item.naver .payment_detail .pd_info p { color: #ffffff;  } 
.payment_detail .payment_notice { position: relative; width: 100%; padding: 12px 0; z-index: 1; }
.payment_detail .payment_notice::before { position: absolute; left: -24px; top: 0; width: calc(100% + 48px); height: 100%; background: #F8F9FA; content: ''; display: block; z-index: -1; }
.payment_detail .payment_notice p { font-size: 14px; font-weight: 400; color: rgba(34, 34, 34, 0.48); line-height: 22px; word-break: keep-all; }


/* 정기구독자혜택 + 구독해지하기 버튼 */
.mypage_section .banner_list { margin-top: 24px; }
.mypage_section .banner_list + .bot_fix_btn_area { width: 100%; text-align: center; padding: 34px 0; }
.mypage_section .banner_list + .bot_fix_btn_area .btn { display: inline-block; font-size: 14px; font-weight: 500; color: #757575; line-height: 130%; letter-spacing: -0.28px; border-bottom: 1px solid #757575; }


/*! ==================== PL847 ==================== **/

/* 에너지 패키지 구성 */
.package_info h3 { font-size: 26px; font-weight: 700; line-height: 34px; margin-top: 8px; }
.package_info h3 span { display: block; }
.package_info p { font-size: 18px; font-weight: 400; line-height: 25px; border-top: 1px solid rgba(34, 34, 34, 0.12); padding-top: 12px; margin-top: 12px; }
.package_info p strong { color: #2aad5c; }
.package_type_box ul li { position: relative; display: flex; justify-content: space-between; margin-top: 16px; }
.package_type_box input[type=checkbox] { display: none; }
.package_type_box input[type=checkbox] + label { width: 26px; height: 26px; background: url(../image/icon/agree_chk.svg) no-repeat center center; background-size: 26px; margin-top: 4px; }
.package_type_box input[type=checkbox]:checked + label { background: url(../image/icon/agree_chk_on.svg) no-repeat center center; background-size: 26px; }
.package_type_box dl { width: calc(100% - 34px); padding: 8px; border-radius: 14px; background: #FAFAFA; }
.package_type_box dl dt { font-size: 20px; font-weight: 700; line-height: 22px; }
.package_type_box dl dd { font-size: 13px; font-weight: 500; color: rgba(34, 34, 34, 0.70); line-height: 20px; }
.add_pill_box { position: relative; }
.add_pill_box .btn_delete { position: absolute; right: 8px; top: 8px; width: 16px; height: 16px; text-indent: -9999px; background: url(../image/intake_delete_time.svg) no-repeat center center; background-size: contain; opacity: 0.5; z-index: 10; }
.add_pill_box .btn_add { width: 100%; font-size: 14px; font-weight: 500; color: #2aad5c; line-height: 20px; padding: 14px 0; border-top: 1px solid #e4f6eb; border-bottom: 1px solid #e4f6eb; margin-top: 16px; }
.add_pill_box .btn_add::before { width: 11px; height: 11px; background: url(../image/btn_plus_purple.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; margin-right: 10px; }
/* 에너지 패키지 구성 - 영양제 추가 팝업 */
.pop_add_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.pop_add_list ul li { width: calc(50% - 4px); margin-bottom: 18px; }
.pop_add_list ul li:last-of-type { margin-bottom: 0; }
.pop_add_list ul li input[type=checkbox] { display: none; }
.pop_add_list ul li input[type=checkbox] + label { display: flex; align-items: center; justify-content: space-between; border-radius: 8px; border: 1px solid rgba(34, 34, 34, 0.24); background: #FFFFFF; padding: 12px 8px; }
.pop_add_list ul li input[type=checkbox] + label::before { width: 26px; height: 26px; background: url(../image/icon/agree_chk.svg) no-repeat center center; background-size: 26px; content: ''; display: block; }
.pop_add_list ul li input[type=checkbox]:checked + label { border: 1px solid #2aad5c; background: rgba(42, 173, 92, 0.14); }
.pop_add_list ul li input[type=checkbox]:checked + label::before { background: url(../image/icon/agree_chk_on.svg) no-repeat center center; background-size: 26px; }
.pop_add_list ul li dl { width: calc(100% - 30px); }
.pop_add_list ul li dl dt { font-size: 16px; font-weight: 700; line-height: 20px; word-break: keep-all; }
.pop_add_list ul li dl dd { font-size: 12px; font-weight: 500; color: rgba(34, 34, 34, 0.72); line-height: 20px; }

@keyframes reduce-box {
    0% { right: 50%; top: 50vh; width: 250px; height: 250px; transform: translate(50%, -50%) scale(1); }
    50% { transform: scale(0.4); }
    100% { right: 24px; top: 75px; transform: translate(0,0) scale(0.4); }
}
@keyframes shake-box {
    0% { transform: rotate(0deg) scale(1); }
    20% { transform: rotate(5deg) scale(1.1); }
    40% { transform: rotate(-5deg) scale(1.1); }
    60% { transform: rotate(5deg) scale(1.1); }
    80% { transform: rotate(-5deg) scale(1.1); }
    100% { transform: rotate(0deg) scale(1); }
}
/* 장바구니 - 영양제 POP */
.package_top p { width: calc(100% - 120px); font-size: 26px; font-weight: 700; line-height: 34px; }
.sample_pack { position: absolute; right: 50%; top: 50vh; transform: translate(50%, -50%) scale(1); text-align: center; transform-origin: right top; animation: reduce-box 0.6s ease-out 1 forwards 2s; z-index: 1100; }
.sample_pack .sample_wrap { position: relative; display: inline-block; width: 250px; height: 250px; background: url(../image/bg_sample_pack.svg) no-repeat center center; background-size: contain; animation: shake-box 0.8s ease-in-out 1 forwards 1.2s; }
.sample_pack .sample_wrap span { position: absolute; display: inline-block; text-indent: -9999px; overflow: hidden; opacity: 0; }
.sample_pack .sample_wrap span.pill01 { width: 64px; height: 46px; background: url(../image/icon_pill_sample_01.svg) no-repeat center center; background-size: contain; }
.sample_pack .sample_wrap span.pill02 { width: 79px; height: 78px; background: url(../image/icon_pill_sample_02.svg) no-repeat center center; background-size: contain; } 
.sample_pack .sample_wrap span.pill03 { width: 58px; height: 33px; background: url(../image/icon_pill_sample_03.svg) no-repeat center center; background-size: contain; }
.sample_pack dl { width: 100%; margin-top: 18px; }
.sample_pack dl dt { font-size: 22px; font-weight: 700; line-height: 30px; }
.sample_pack dl dd { font-size: 18px; font-weight: 400; line-height: 30px; white-space:nowrap }
.sample_pack_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100vh; background: #ffffff; content: ''; display: block; z-index: 1000; }
/* 장바구니 - 패키지 구성 선택 */
.package_item ul li { position: relative; display: flex; justify-content: space-between; margin-top: 16px; }
.package_item input[type=checkbox] { display: none; }
.package_item input[type=checkbox] + label { width: 26px; height: 26px; background: url(../image/icon/agree_chk.svg) no-repeat center center; background-size: 26px; margin-top: 4px; }
.package_item input[type=checkbox]:checked + label { background: url(../image/icon/agree_chk_on.svg) no-repeat center center; background-size: 26px; }
.package_item .detail_box { display: flex; width: calc(100% - 34px); padding: 8px; background: #FAFAFA; border-radius: 14px; margin-left: 8px; }
.package_item .img_box { position: relative; width: 70px; height: 70px; background: #ffffff; border: 1px solid #e4f6eb; border-radius: 8px; overflow: hidden; }
.package_item .img_box > img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: inherit; width: 200%;  }
.package_item .img_box .btn_view { position: absolute; right: 4px; bottom: 4px; width: 24px; height: 24px; text-indent: -9999px; background: url(../image/icon_btn_view.svg) no-repeat center center, #ffffff; border-radius: 50%; box-shadow: 2.75px 2.75px 11px 0px rgba(0, 0, 0, 0.10); z-index: 5; }
.package_item .info_box { width: calc(100% - 78px); padding: 8px 0; margin-left: 8px; }
.package_item .info_box .name { font-size: 20px; font-weight: 700; line-height: 22px; word-break: keep-all; margin-bottom: 8px; }
.package_item .info_box p { width: 100%; font-size: 14px; font-weight: 400; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.package_item .info_box p em { font-size: 13px; color: rgba(34, 34, 34, 0.72); line-height: 18px; }
.package_item .info_box .price { font-size: 18px; font-weight: 700; line-height: 26px; text-align: right; margin-top: 8px; }

/*! ==================== PL849 ==================== **/
.min_hei_ft { min-height: calc(100vh - 275px); padding-top: 68px; }

/* 마이페이지 */
.mypage_section .user_info { display: flex; align-items: center; justify-content: space-between; }
.mypage_section .user_info .text_box { width: calc(100% - 70px); }
.mypage_section .user_info .user_name { font-size: 26px; font-weight: 700; line-height: 34px; }
.mypage_section .user_info .email { font-size: 14px; color: #888888; line-height: 21px; }
.mypage_section .user_info_link { display: inline-block; height: 32px; font-size: 14px; font-weight: 500; color: #123929; line-height: 32px; padding: 0 8px; background: #e4f6eb; border-radius: 16px; }
.mypage_section .quick_link { width: 312px; display: flex; justify-content: space-between; margin: 24px auto 0; }
.mypage_section .quick_link li a { display: inline-block; width: 60px; text-align: center; }
.mypage_section .quick_link li a::before { width: 24px; height: 24px; content: ''; display: block; margin: 0 auto 8px; }
.mypage_section .quick_link li a.link_order::before { background: url(../image/mypage_main/icon_delivery.svg) no-repeat center center; background-size: 24px; }
.mypage_section .quick_link li a.link_time::before { background: url(../image/mypage_main/icon_time.svg) no-repeat center center; background-size: 24px; }
.mypage_section .quick_link li a.link_coupon::before { background: url(../image/mypage_main/icon_coupon.svg) no-repeat center center; background-size: 24px; }
.mypage_section .quick_link li a.link_point::before { background: url(../image/mypage_main/icon_money.svg) no-repeat center center; background-size: 24px; }
.mypage_section .quick_link li a span { display: block; font-size: 14px; font-weight: 500; line-height: 20px; }
.mypage_section .btn_quick_link { display: block; width: 100%; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 64px; background: #2aad5c; border-radius: 12px; margin-top: 24px; }
.mypage_section .link_list li { margin-bottom: 24px; }
.mypage_section .link_list li:last-of-type { margin-bottom: 0; }
.mypage_section .link_list li a { display: flex; align-items: center; width: 100%; }
.mypage_section .link_list li a::before { width: 24px; height: 24px; content: ''; display: inline-block; margin-right: 12px; }
.mypage_section .link_list li a.link_folder::before { background: url(../image/mypage_main/icon_folder.svg) no-repeat center center; background-size: 24px; }
.mypage_section .link_list li a.link_paper::before { background: url(../image/mypage_main/icon_paper.svg) no-repeat center center; background-size: 22px; }
.mypage_section .link_list li a span { display: block; width: calc(100% - 72px); font-size: 16px; font-weight: 400; color: #222222; line-height: 32px; text-align: left; }
.mypage_section .link_list li a::after { width: 24px; height: 24px; background: url(../image/mypage_main/icon_menu_arrow01.svg) no-repeat center center; background-size: 24px; content: ''; display: inline-block; margin-left: 12px; }

.calc_price_area .radio_group { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; }
.calc_price_area .radio_group .radio_item { position: relative; width: 100%; padding: 12px 0 12px 30px; }
.calc_price_area .radio_group .radio_item input[type=radio] { display: none; }
.calc_price_area .radio_group .radio_item input[type=radio] + label::before { position: absolute; left: 0; top: 11px; width: 20px; height: 20px; border: 2px solid #D0D0D0; border-radius: 50%; box-sizing: border-box; content: ''; display: block; z-index: 2; }
.calc_price_area .radio_group .radio_item .radio_title { font-size: 16px; font-weight: 400; color: rgba(34, 34, 34, 0.72); line-height: 20px; }
.calc_price_area .radio_group .radio_item .radio_title .point_val { float: right; display: inline-block; color: #222222; opacity: 0; transition: all 0.4s ease-in-out; }
.calc_price_area .radio_group .radio_item .point_state { display: flex; justify-content: space-between; width: 100%; font-size: 13px; font-weight: 400; color: #888888; line-height: 22px; }
.calc_price_area .radio_group .radio_item .point_state em { display: block; font-size: 13px; font-weight: 400; color: #888888; line-height: 22px; }
.calc_price_area .radio_group .radio_item .point_desc { display: block; width: 100%; font-size: 13px; font-weight: 400; color: #2aad5c; line-height: 22px; }
.calc_price_area .radio_group .radio_item .hold { height: 0; overflow: hidden; transition: all 0.4s ease-in-out; }
.calc_price_area .radio_group .radio_item .point_use_input { width: 100%; min-width: 100%; height: 0; overflow: hidden; transition: all 0.4s ease-in-out; }
.calc_price_area .radio_group .radio_item .point_use_input .input_box { margin: 8px 0; }
/* ? check */
.calc_price_area .radio_group .radio_item input[type="radio"]:checked + label::before { border: 5px solid #2aad5c; }
.calc_price_area .radio_group .radio_item input[type="radio"]:checked + label .radio_title { font-weight: 500; color: #222222; } 
.calc_price_area .radio_group .radio_item input[type="radio"]:checked + label .radio_title .point_val { opacity: 1; }
.calc_price_area .radio_group .radio_item input[type="radio"]:checked + label ~ .point_use_input { height: 72px; }
.calc_price_area .radio_group .radio_item input[type="radio"]:checked + label ~ .hold { height: 22px; }


/*! ==================== PL792 - 라이나 안내 팝업 ==================== **/
#popup .popup_cs_box { padding: 0 24px 24px; }
#popup .popup_cs_box .txt_box { margin-bottom: 24px; }
#popup .popup_cs_box .txt_box p { font-size: 18px; font-weight: 700; color: #222; line-height: 28px; word-break: keep-all; margin-bottom: 8px; }
#popup .popup_cs_box .txt_box p:last-of-type { margin-bottom: 0; }
#popup .popup_cs_box .btn_cancle { color: #2aad5c; background: #ffffff; border: 1px solid #2aad5c; margin-top: 8px; }

.fs_13 { font-size: 13px; }
.fw_400 { font-weight: 400; }
.fc_gray_800 { color: #757575; }
.month_pack > li input[type="radio"] { display: none; }
.month_pack > li input[type="radio"] + label { position: relative; padding: 12px 20px; background: #f8f9fa; border: 1px solid #dddddd; border-radius: 10px; display: block; }
.month_pack > li input[type="radio"] + label > * { display: block; }
.month_pack > li input[type="radio"] + label .price { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.month_pack > li input[type="radio"]:checked + label { background: #f1fbf5; border: 1px solid #2aad5c; }
.month_pack > li input[type="radio"]:checked + label .text { color: #222222; }


/*! ==================== PL1125 - 에코리워드 ==================== **/
.eco_rewards_info h3 { font-size: 18px; font-weight: 700; color: #222; line-height: 140%; letter-spacing: -0.36px; margin-bottom: 24px; }
.eco_rewards_info .text_box { width: 100%; padding: 16px; background: #f8f9fa; border-radius: 8px; margin-top: 16px; }
.eco_rewards_info .text_box p { font-size: 13px; font-weight: 400; color: #757575; line-height: 120%; letter-spacing: -0.13px; margin-top: 6px; }
.eco_rewards_info .text_box ul li { position: relative; font-size: 13px; font-weight: 400; color: #757575; line-height: 120%; letter-spacing: -0.13px; padding-left: 20px; margin-top: 6px; }
.eco_rewards_info .text_box ul li::before { content: ''; display: block; position: absolute; left: 8px; top: 6px; width: 3px; height: 3px; background: #757575; border-radius: 50%; }
.eco_rewards_info .btn { display: block; font-size: 16px; font-weight: 700; color: #2aad5c; line-height: 140%; letter-spacing: -0.32px; padding: 16px 20px; background: #fff; border: 1px solid #2aad5c; border-radius: 8px; margin-top: 16px; }
.eco_rewards_text p { position: relative; font-size: 16px; font-weight: 700; color: #2aad5c; line-height: 140%; letter-spacing: -0.32px; padding-left: 28px; }
.eco_rewards_text p::before { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url(../image/icon_eco_primary.svg) no-repeat center center; background-size: contain; border-radius: 50%; }

#confirm_popup { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9000; } 
#confirm_popup .popup_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } 
#confirm_popup .popup_wrap { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; max-width: 480px; background: #ffffff; border-radius: 12px; z-index: 3000; overflow: hidden; } 
#confirm_popup .popup_wrap.type_full { top: 0; width: 100%; height: 100vh; border-radius: 0; } 
#confirm_popup .popup_wrap.type_center { top: 50%; transform: translateX(-50%) translateY(-50%); width: 90%; max-width: 432px; height: fit-content; } 
#confirm_popup .popup_wrap.type_toast { bottom: -100%; height: fit-content; border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: bottom 0.5s; } 
#confirm_popup.on .popup-wrap.type-toast { bottom: 0; } 
#confirm_popup .text_box { width: 100%; text-align: center; }
#confirm_popup .text_box .title { font-size: 18px; font-weight: 700; color: #222222; line-height: 130%; letter-spacing: -0.36px; margin-bottom: 12px; }
#confirm_popup .text_box .text { font-size: 16px; font-weight: 400; color: #757575; line-height: 140%; letter-spacing: -0.32px; word-break: keep-all; }
#confirm_popup .btn_popup_box { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 24px; }
#confirm_popup .btn_popup_box .btn { display: block; width: 100%; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 140%; letter-spacing: -0.32px; padding: 16px 20px; background: #2aad5c; border: 1px solid #2aad5c; border-radius: 8px; }