@charset "utf-8";

/* =========================================
**  Root Set
========================================== */
:root {

    --color-brand-blue:#499AFF;
    --color-brand-orange:#FF8848;
    --color-brand-green:#97E868;

    --color-primary:#09AA5C;
    --color-primary-hover:#07884A;
    --color-primary-pressed:#056637;
    --color-primary-black:#212121;

    --color-secondary:#F3F7F3;
    --color-secondary-hover:#EDF7ED;
    --color-secondary-pressed:#E1EBE1;

    --color-nds-gray-400:#B3B6BC;
    --color-nds-gray-800:#424346;

    --color-status-error:#F01800;
    --color-form-active:#363B48;
    --color-status-disabled:#F0EEEE;
    --color-form-default-border:#B3B6BC;
    --color-form-default-bg:#fff;

    --btn-ease: cubic-bezier(.22,.72,0,.99);
    --gnb-ease: cubic-bezier(.22,.72,0,.99);

    --bg: none;

}



/* =========================================
**  Common Scroll
========================================== */
.__gglife-scroll-y {
    overflow-y:auto;
    overflow-x:hidden;
}
.__gglife-scroll-y::-webkit-scrollbar {
    width: 10px;
}
.__gglife-scroll-y::-webkit-scrollbar-thumb {
    background-color: var(--color-nds-gray-400);
    border-radius: 10px;
}
.__gglife-scroll-y::-webkit-scrollbar-track {
    padding:1px;
    background-color:#F0EEEE;
    border-radius: 10px;
}

/* =========================================
**  Common definition
========================================== */
.blind {display:block !important;overflow:hidden !important;position:absolute !important;left:0 !important;top:-10000px !important;width:0 !important;height:0 !important;}
.ir {display:inline-block;text-indent:-9999px;overflow:hidden;text-align:left;background-repeat:no-repeat;background-position:50% 50%;}

/* =========================================
**  Position
========================================== */
.pos-right-top {top:0px !important;right:0px !important}
.pos-left-top {top:0px !important;left:0px !important}
.pos-right-bot {bottom:0px !important;right:0px !important}
.pos-left-bot {bottom:0px !important;left:0px !important}

/* =========================================
**  Common style set
========================================== */

/* =========================================
**  Color
========================================== */


/* =========================================
**  Buttons
========================================== */
.btn-wrap {display:flex;width:100%;gap:16px;justify-content:space-between;}
.btn-wrap.bot-fixed {position:fixed;bottom:0;right:0;left:0;padding:16px 20px;margin:0;border-top:1px solid #F0EEEE;background-color:#fff;z-index:100}
.btn-wrap.pos-c {justify-content:center;}
.btn-wrap.pos-r {justify-content:flex-end;}
.btn-wrap.pos-r [class*="button-default-"] {width:252px;flex:none;}
[class*="button-default-"] {position:relative;flex:1;display:inline-flex;gap:4px;align-items:center;justify-content:center;font-size:20px;font-weight:700;border-radius:12px;padding:0 14px;border-width:1.5px;border-style:solid;transition:all .2s var(--btn-ease);white-space:nowrap}

.button-default-fill {background:var(--color-primary);border-color:var(--color-primary);color:#fff !important;}
.button-default-fill:hover {background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);}
.button-default-fill:active,
.button-default-fill:focus {background:var(--color-primary-pressed);border-color:var(--color-primary-pressed);}
.button-default-fill:disabled {cursor:default;background-color:#D9D9D9;color:#fff;;border-color:#D9D9D9}

.button-default-outline {background-color:#fff;border-color:var(--color-primary);color:var(--color-primary);}
.button-default-outline:hover {background-color:var(--color-secondary)}
.button-default-outline:active,
.button-default-outline:focus {background:var(--color-secondary-pressed);border-color:var(--color-primary)}
.button-default-outline:disabled {cursor:default;background-color:#D9D9D9;color:#fff;;border-color:#D9D9D9}
.button-default-outline.danger {border-color:var(--color-status-error);color:var(--color-status-error);}
.button-default-outline.gray {border-color:#363B48;color:#363B48;}

.button-default-text {color:var(--color-primary);text-decoration:underline;border:none;padding:0;}
.button-default-text.no-und {text-decoration:none;}
.button-default-text.danger {color:var(--color-status-error);}
.button-default-text:hover {background-color:var(--color-secondary);color:var(--color-primary-hover);text-decoration:underline;}
.button-default-text:active,
.button-default-text:focus {background:var(--color-secondary-pressed);color:var(--color-primary-pressed);text-decoration:underline;}
.button-default-text:disabled {cursor:default}

.btn-large {height:60px;}
.btn-medium {height:48px;}
.w-fix {width:252px;flex:none}
.w-auto {flex:none;}

.floating-btn {position:fixed;right:40px;bottom:40px;z-index:100}
.floating-btn button {display:flex;gap:8px;align-items:center;height:80px;padding:0 27px;border-radius:99px;border:2px solid #09AA5C;background-color:#fff;color:#09AA5C;font-size:20px;font-weight:600;box-shadow: 0px 4px 10px 1px #00000066;}


/* =========================================
**  Icons
========================================== */
/* ===== icon basic set ===== */
.gglife__ico {
    display:inline-flex;
    width:var(--nds-icon-size);
    height:var(--nds-icon-size);
    background-color: #363B48; /* 실제 보이는 색상 */
    /* 마스크: 크롬/사파리 */
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    /* 파이어폭스 */
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    line-height:1;
    --nds-icon-size: calc(var(--size-icon-md) * 1px);
}

/* ===== icon size set ===== */
.gglife__ico--xs { --nds-icon-size: calc(var(--size-icon-xs) * 1px); }
.gglife__ico--sm { --nds-icon-size: calc(var(--size-icon-sm) * 1px); }
.gglife__ico--lg { --nds-icon-size: calc(var(--size-icon-lg) * 1px); }
.gglife__ico--xl { --nds-icon-size: 40px; }
.gglife__ico--xxl { --nds-icon-size: 60px; }

/* ===== icon 색상 상태 ===== */
.gglife__ico--warning {
    background-color: #F01800;
}
.gglife__ico--disabled {
    background-color: #B3B6BC;
}
.gglife__ico--primary {
    background-color: #09AA5C;
}
.gglife__ico--primary-hover {
    background-color: #056637;
}
.gglife__ico--secondary {
    background-color: #0071FF;
}
.gglife__ico--gray {
    background-color: #666666;
}
.gglife__ico--emphasis {
    background-color: #F05400;
}
.gglife__ico--white {
    background-color: #fff;
}

/* ===== icon list ===== */
.ico-set-calendar {mask-image: url("/images/gglife/ico/ico-set-calendar.svg");}
.ico-set-caution-round {mask-image: url("/images/gglife/ico/ico-set-caution-round.svg");}
.ico-set-caution-triangle {mask-image: url("/images/gglife/ico/ico-set-caution-triangle.svg");}
.ico-set-cert {mask-image: url("/images/gglife/ico/ico-set-cert.svg");}
.ico-set-check-large {mask-image: url("/images/gglife/ico/ico-set-check-large.svg");}
.ico-set-check-small {mask-image: url("/images/gglife/ico/ico-set-check-small.svg");}
.ico-set-check {mask-image: url("/images/gglife/ico/ico-set-check.svg");}
.ico-set-checked {mask-image: url("/images/gglife/ico/ico-set-checked.svg");}
.ico-set-chevronDown {mask-image: url("/images/gglife/ico/ico-set-chevronDown.svg");}
.ico-set-chevronLeft {mask-image: url("/images/gglife/ico/ico-set-chevronLeft.svg");}
.ico-set-chevronRight {mask-image: url("/images/gglife/ico/ico-set-chevronRight.svg");}
.ico-set-chevronUp {mask-image: url("/images/gglife/ico/ico-set-chevronUp.svg");}
.ico-set-coupon-plus {mask-image: url("/images/gglife/ico/ico-set-coupon-plus.svg");}
.ico-set-coupon {mask-image: url("/images/gglife/ico/ico-set-coupon.svg");}
.ico-set-doc {mask-image: url("/images/gglife/ico/ico-set-doc.svg");}
.ico-set-edit {mask-image: url("/images/gglife/ico/ico-set-edit.svg");}
.ico-set-eyeOff {mask-image: url("/images/gglife/ico/ico-set-eyeOff.svg");}
.ico-set-eyeOn {mask-image: url("/images/gglife/ico/ico-set-eyeOn.svg");}
.ico-set-file-save {mask-image: url("/images/gglife/ico/ico-set-file-save.svg");}
.ico-set-info-outline {mask-image: url("/images/gglife/ico/ico-set-info-outline.svg");}
.ico-set-info {mask-image: url("/images/gglife/ico/ico-set-info.svg");}
.ico-set-lock {mask-image: url("/images/gglife/ico/ico-set-lock.svg");}
.ico-set-unlock {mask-image: url("/images/gglife/ico/ico-set-unlock.svg");}
.ico-set-menu {mask-image: url("/images/gglife/ico/ico-set-menu.svg");}
.ico-set-message {mask-image: url("/images/gglife/ico/ico-set-message.svg");}
.ico-set-paper-outline {mask-image: url("/images/gglife/ico/ico-set-paper-outline.svg");}
.ico-set-play {mask-image: url("/images/gglife/ico/ico-set-play.svg");}
.ico-set-refresh {mask-image: url("/images/gglife/ico/ico-set-refresh.svg");}
.ico-set-replay {mask-image: url("/images/gglife/ico/ico-set-replay.svg");}
.ico-set-search {mask-image: url("/images/gglife/ico/ico-set-search.svg");}
.ico-set-time {mask-image: url("/images/gglife/ico/ico-set-time.svg");}
.ico-set-trash {mask-image: url("/images/gglife/ico/ico-set-trash.svg");}
.ico-set-upload {mask-image: url("/images/gglife/ico/ico-set-upload.svg");}
.ico-set-user-check-outline {mask-image: url("/images/gglife/ico/ico-set-user-check-outline.svg");}
.ico-set-user-outline {mask-image: url("/images/gglife/ico/ico-set-user-outline.svg");}
.ico-set-user-plus {mask-image: url("/images/gglife/ico/ico-set-user-plus.svg");}
.ico-set-user-search {mask-image: url("/images/gglife/ico/ico-set-user-search.svg");}
.ico-set-user-setting {mask-image: url("/images/gglife/ico/ico-set-user-setting.svg");}
.ico-set-user {mask-image: url("/images/gglife/ico/ico-set-user.svg");}
.ico-set-users {mask-image: url("/images/gglife/ico/ico-set-users.svg");}
.ico-set-x-fill {mask-image: url("/images/gglife/ico/ico-set-x-fill.svg");}
.ico-set-x {mask-image: url("/images/gglife/ico/ico-set-x.svg");}
.ico-set-lightbulb {mask-image: url("/images/gglife/ico/ico-set-lightbulb.svg");}
.ico-set-bookmark {mask-image: url("/images/gglife/ico/ico-set-bookmark.svg");}
.ico-set-pdf-down {mask-image: url("/images/gglife/ico/ico-set-pdf-down.svg");}
.ico-set-smile {mask-image: url("/images/gglife/ico/ico-set-smile.svg");}
.ico-set-check-outline {mask-image: url("/images/gglife/ico/ico-set-check-outline.svg");}

/* =========================================
**  Form Style Set
========================================== */
/* common set */
::placeholder {color:var(--color-nds-gray-400);font-size:20px;font-weight:400;color:var(--color-nds-gray-400)}
/* input:text */
.ipt-text {width:100%;padding:0 12px;border:1px solid var(--color-form-default-border);background-color:var(--color-form-default-bg);border-radius:12px;font-size:20px;font-weight:400}
.ipt-text.error {border-color:var(--color-status-error)}
.ipt-text.h60 {height:60px;}
.ipt-text.h48 {height:48px;}
.ipt-text:focus {border-color:var(--color-form-active)}
.ipt-text:read-only,
.ipt-text:disabled {background-color:var(--color-status-disabled);border-color:var(--color-status-disabled)}
.ipt-text[type="password"] {padding-right:65px}
/* textarea */
.textarea {width:100%;height:126px;padding:12px;border:1px solid var(--color-form-default-border);background-color:var(--color-form-default-bg);border-radius:12px;font-size:20px;font-weight:400}
.textarea:focus {border-color:var(--color-form-active)}
.textarea.error {border-color:var(--color-status-error)}
.textarea:read-only,
.textarea:disabled {background-color:var(--color-status-disabled);border-color:var(--color-status-disabled)}
/* select */
.select {width:100%;padding:0 40px 0 12px;border:1px solid var(--color-form-default-border);background:var(--color-form-default-bg) url("/images/gglife/bul_select_arr.svg") no-repeat calc(100% - 12px) 50%;border-radius:12px;font-size:20px;font-weight:400}
.select:focus {border-color:var(--color-form-active)}
.select.error {border-color:var(--color-status-error)}
.select.h60 {height:60px;}
.select.h48 {height:48px;}
.gglife-wrapper .nds__select {width:100%;border-radius:12px;}
.gglife-wrapper .nds__select.active {z-index:100;position:relative;}
.gglife-wrapper .nds__select .select {position:relative;z-index:2;width:100%;display:flex;align-items:center;padding:0px 40px 0px 12px;border:1px solid var(--color-form-default-border);border-radius:12px;text-align:left;font-size:20px;font-weight:400;}
.gglife-wrapper .nds__select .select:is(.default) {color:var(--color-nds-gray-400)}
.gglife-wrapper .nds__select .select:disabled {background-color:var(--color-status-disabled);border-color:var(--color-status-disabled);color:var(--color-form-active)}
.gglife-wrapper .nds__select .select.error {border-color:var(--color-status-error) !important}
.gglife-wrapper .nds__select.active .select {border:1px solid var(--color-form-active) !important;background:var(--color-form-default-bg) url("/images/gglife/bul_select_arr_up.svg") no-repeat calc(100% - 12px) 50%;}
.gglife-wrapper .nds__select .nds__select__list {overflow-y:auto;display:none;position:absolute;left:0;top:100%;right:0;border:1px solid #B3B6BC;border-radius:12px;z-index:1000;
    /*overflow-x:hidden;clip-path: inset(0 round 12px);*/
}
/*.gglife-wrapper .nds__select .nds__select__list::-webkit-scrollbar {width:6px;}*/
.gglife-wrapper .nds__select .nds__select__list.overflow--visible {max-height:none !important;}
.gglife-wrapper .nds__select.active .nds__select__list {display:block;}
.gglife-wrapper .nds__select .nds__select__list > button {width:100%;padding:0 12px;text-align:left;font-size:20px;font-weight:400;background-color:#fff;transition:all .1s;}
.gglife-wrapper .nds__select .nds__select__list > button:hover {background-color:#F3F3F3}
.gglife-wrapper .nds__select .nds__select__list > button.selected {background-color:#F3F3F3;}
.gglife-wrapper .nds__select .nds__select__list > button > em {color:#0071FF;}
.gglife-wrapper .nds__select.h48,
.gglife-wrapper .nds__select.h48 .select,
.gglife-wrapper .nds__select.h48 .nds__select__list > button {height:48px;}
.gglife-wrapper .nds__select.h48 .nds__select__list {max-height:172px;}
.gglife-wrapper .nds__select.h60,
.gglife-wrapper .nds__select.h60 .select,
.gglife-wrapper .nds__select.h60 .nds__select__list > button {height:60px;}
.gglife-wrapper .nds__select.h60 .nds__select__list {max-height:210px;}
/* file upload */
.file-upload-wrap {position:relative;width:100%;height:258px;border:1px dashed #363B48;background-color:#F9F9F9;border-radius:12px;text-align:center;}
.file-upload-wrap .file-content {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.file-upload-wrap .file-content .btn-wrap {justify-content:center;}
.file-upload-wrap .file-content button {width:178px;flex:none;}
.file-upload-wrap .file-content .msg {font-size:24px;font-weight:600;color:#363B48;}
.file-upload-wrap .file-content .msg small {font-size:20px;font-weight:400;color:#666;}
/* radio & checkbox */
.chk-wrap {position:relative;text-align:left;}
.chk-wrap.w-full {width:100%;}
.chk-wrap.type-round {border-radius:12px;border:1px solid #F3F3F3;}
.chk-wrap.type-round label {display:flex;align-items:center;height:60px;padding-left:55px;}
.chk-wrap.type-round label:after {top:18px;left:16px}
.chk-wrap.type-round:has(input:checked) {border-color:#09AA5C}
.chk-wrap.type-round label {padding:0;justify-content:center;}
.chk-wrap.type-round label:after {display:none;}
.radio {position:absolute;left:0;opacity:0;width:24px;height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;border:0;background-color:transparent}
.radio+label{position:relative;display:inline-block;line-height:1.6;padding-left:32px;font-weight:400;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:-0.01em;}
.radio+label::after{content:"";display:inline-block;position:absolute;left:0;top:4px;width:24px;height:24px;background:url('/images/gglife/ico_radio_off.svg') no-repeat 50% 50%;}
.radio:checked+label::after{background:url('/images/gglife/ico_radio_on.svg') no-repeat 50% 50% !important;}
.radio:disabled:hover+label::after,
.radio:disabled+label::after{background:url('/images/gglife/ico_radio_disabled.svg') no-repeat 50% 50% !important;}
.radio:disabled+label {cursor:default}
.radio:disabled+label:hover {text-decoration:none;}
.radio:checked:disabled:hover+label::after,
.radio:checked:disabled+label::after{background:url('/images/gglife/ico_radio_checked_disabled.svg') no-repeat 50% 50% !important;}
.checkbox {position:absolute;left:0;opacity:0;width:24px;height:24px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-user-drag:none;border:0;background-color:transparent}
.checkbox+label{position:relative;display:inline-block;line-height:1.6;padding-left:36px;font-weight:400;-webkit-user-select:none;-webkit-user-drag:none;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:-0.01em;}
.checkbox+label::after{content:"";display:inline-block;position:absolute;left:0;top:4px;width:24px;height:24px;background:url('/images/gglife/ico_check_off.svg') no-repeat 50% 50%;}
.checkbox:checked+label::after{background:url('/images/gglife/ico_check_on.svg') no-repeat 50% 50% !important;}
.checkbox:disabled:hover+label::after,
.checkbox:disabled+label::after{background:url('/images/gglife/ico_check_disabled.svg') no-repeat 50% 50% !important;}
.checkbox:disabled+label {color:#D9D9D9;cursor:default}
.checkbox:disabled+label:hover {text-decoration:none;}
.checkbox:checked:disabled:hover+label::after,
.checkbox:checked:disabled+label::after{background:url('/images/gglife/ico_check_checked_disabled.svg') no-repeat 50% 50% !important;}
/* input switch */
.ip-switch + .ip_switch {margin-left:1rem}
.ip-switch .swch_tit {padding-right:.4rem;font-weight:400;letter-spacing:-0.5px}
.ip-switch {display:inline-flex;align-items:center;min-height:24px;}
.ip-switch input[type=checkbox]{height:0;width:0;visibility:hidden;}
.ip-switch label {position:relative;display:block;width:52px !important;height:30px !important;line-height:30px !important;padding-left:0 !important;background:#989898;border-radius:99px;cursor:pointer;text-indent:-9999px;}
.ip-switch label:after {content: '';width:26px !important;height:26px !important;position:absolute;left:0px !important;margin-top:2px !important;margin-left:2px !important;background-image:none !important;background:#fff !important;box-shadow: 0px 2px 2px 0px #0000003D;border-radius:99px;transition: 0.1s;}
.ip-switch input:checked + label {background:#09AA5C;padding-left:0 !important;}
.ip-switch input:checked + label:after {left:100% !important;transform:translateX(calc(-100% - 4px));background:#fff !important;box-shadow: 0px 2px 2px 0px #0000003D;}
.ip-switch label:active:after {width:1rem;}
/* insert-form-group */
.insert-form-group {display:flex;flex-direction:column;gap:24px;}
.insert-form-group.round-box {padding:24px;border:1px solid #F0EEEE;border-radius:12px;}
.insert-form-group .input-item {display:flex;gap:16px;width:100%;}
.insert-form-group .input-item .inner {flex:1;display:inline-flex;flex-direction:column;gap:8px;}
.insert-form-group .input-item .inner.flx-row {flex-direction:row;gap:30px;}
.insert-form-group .input-item .inner.w-auto {flex:none}
.insert-form-group .input-item .sb {display:inline-flex;align-items:center;}
.insert-form-group .ipt-tit {display:flex;align-items:center;font-size:20px;font-weight:600;text-align:left;}
.insert-form-group .ipt-tit .ess:before {content:"*";margin-left:4px;color:var(--color-status-error)}
.insert-form-group .ipt-tit.emp {color:#F01800;font-weight:400}
.insert-form-group .ipt-cont {display:flex;gap:16px;}
.insert-form-group .ipt-data {display:inline-flex;align-items:center;font-size:20px;font-weight:400;}
.insert-form-group .ipt-data.fwsb {font-weight:500;}
.insert-form-group .ipt-data.fwb {font-weight:600;}
.insert-form-group .ipt-cont .time {position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:20px;font-weight:400;color:#F01800;}
.insert-form-group .ipt-cont .slt-wrap,
.insert-form-group .ipt-cont .ipt-wrap {flex:1;position:relative;}
.insert-form-group .chk-group {display:flex;flex-wrap:wrap;gap:24px;min-height:60px;align-items:center;}
.insert-form-group .ipt-btn {width:201px;margin-left:4px;display:inline-flex;align-items:center;justify-content:space-between;}
.insert-form-group .ipt-btn.sm {width:100px;}
.insert-form-group .ipt-btn button {width:100%;}
.insert-form-group .ipt-btn .status {display:inline-flex;align-items:center;gap:4px;width:100%;height:100%;font-size:20px;font-weight:700;color:var(--color-primary)}
.insert-form-group .ipt-tip {display:flex;gap:8px;align-items:center;padding-left:8px;color:#666;font-size:16px;line-height:1;font-weight:400;text-align:left;}
.insert-form-group .ipt-tip.error {color:var(--color-status-error)}
.insert-form-group .ipt-tip.error:before {content:"";width:20px;height:20px;background:url('/images/gglife/ico_warning.svg') no-repeat 50% 50%;}
.insert-form-group .ipt-tip.confirm {color:var(--color-primary-pressed)}
.insert-form-group .ipt-tip.confirm:before {content:"";width:20px;height:20px;background:url('/images/gglife/ico_confirm.svg') no-repeat 50% 50%;}
.insert-form-group [class*="bt-pswd-"] {position:absolute;width:24px;height:24px;right:12px;top:18px;}
.insert-form-group .bt-pswd-on {background:url("/images/gglife/ico_pswd_on.svg") no-repeat 50% 50%}
.insert-form-group .bt-pswd-off {background:url("/images/gglife/ico_pswd_off.svg") no-repeat 50% 50%}
.insert-form-group .bt-ipt-search {position:absolute;right:12px;top:15px;}
.insert-form-group .nds__input__btnClear {opacity:0;pointer-events:auto;}
.insert-form-group .ipt-text:not(:placeholder-shown):focus + .nds__input__btnClear {opacity:1;pointer-events:auto;}
.insert-form-group .nds__input__btnClear {right:12px}
.insert-form-group .ipt-wrap:has(.bt-ipt-search) .nds__input__btnClear,
.insert-form-group .ipt-wrap:has([class*="bt-pswd-"]) .nds__input__btnClear {right:46px}

/* =========================================
**  Components
========================================== */
/* Motion Component */
.motion {overflow:hidden;}
[data-component-list*="StaggeredFadeIn"] {
    transform: translateY(40px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition-delay: 0s; /* delay는 JS에서 처리 */
}
[data-component-list*="RotateFadeIn"] {
    transform: rotate(180deg);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition-delay: 0s; /* delay는 JS에서 개별 부여 */
    will-change: transform, opacity;
}
.motion.active[data-component-list*="StaggeredFadeIn"],
.motion.active [data-component-list*="StaggeredFadeIn"] {
    transform: translateY(0);
    opacity: 1;
}
.motion.active[data-component-list*="RotateFadeIn"],
.motion.active [data-component-list*="RotateFadeIn"] {
    transform: rotate(0deg);
    opacity: 1;
}


/* =========================================
**  Layout - Common
========================================== */
body {background:#fff;font-family: 'Pretendard', 'sans-serif';height:100%;line-height:160%;font-size:15px;color:var(--color-primary-black)}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, a {line-height:160%}
.gglife-wrapper {display:flex;flex-direction:column;height:100%;padding:0;margin:0 auto;min-width:1400px;}
[class*="gglife-container"] {flex:1;position:relative;background-color:#fff;padding-top:160px;padding-bottom:120px;}
.gglife-header {position:fixed;z-index:10004;top:0;left:0;right:0;max-width:100%;height:80px;padding:0 20px;background-color:#fff;box-shadow: 0px 1px 4px 0px #0C0C0D0D;}
.gglife-header .header-inner {display:flex;align-items:center;justify-content:space-between;width:1400px;margin:0 auto;height:100%;}
.gglife-header .logo a {display:block;width:155px;height:46px;background:url("/images/gglife/logo.png") no-repeat 50% 50% / 155px;}
.gglife-header .util-menu {display:inline-flex;align-items:center;}
.gglife-header .util-menu [class*="umn"] {position:relative;display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 16px;font-size:20px;color:#424346;font-weight:600}
.gglife-header .util-menu .umn-partner.active {color:#0071FF !important}
.gglife-header .util-menu .umn-login {width:107px;border-radius:12px;font-weight:700}
.gglife-header .util-menu .umn-logout {display:inline-flex;align-items:center;gap:8px;font-weight:600;}
.gglife-header .util-menu .umn-logout .pic {display:none;width:40px;height:40px;border-radius:50%;background:url("/images/gglife/ico-logout.svg") no-repeat 50% 50% / 40px;}
.gglife-header .util-menu .umn-logout .pic img {display:block;width:100%;height:100%;object-fit:cover;}
.gglife-header .util-menu [class*="umn"]:not(.button-default-fill) + [class*="umn"]:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:34px;background-color:#F0EEEE;}
.gglife-header .gnb-menu nav {display:flex;gap:40px}
.gglife-header .gnb-menu nav [class*="gmn"] {position:relative;padding:0 18px;height:80px;display:inline-flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;transition:color .28s var(--gnb-ease);}
.gglife-header .gnb-menu nav [class*="gmn"]:hover,
.gglife-header .gnb-menu nav [class*="gmn"]:focus,
.gglife-header .gnb-menu nav [class*="gmn"].active {color:var(--color-primary-hover)}
.gglife-header .gnb-menu nav [class*="gmn"]::before {content:"";position:absolute; left:50%; bottom:0;width:calc(100% - 36px); height:6px;background-color:var(--color-primary);border-radius:8px;transform:translateX(-50%) scaleX(0);transform-origin:50% 100%;opacity:0;transition:transform .36s var(--gnb-ease), opacity .36s var(--gnb-ease);will-change:transform, opacity;}
.gglife-header .gnb-menu nav [class*="gmn"]:hover::before,
.gglife-header .gnb-menu nav [class*="gmn"]:focus::before,
.gglife-header .gnb-menu nav [class*="gmn"].active::before {
    transform:translateX(-50%) scaleX(1);
    opacity:1;
}
/* 모션 저감 존중 */
@media (prefers-reduced-motion: reduce) {
    .gglife-header .gnb-menu nav [class*="gmn"],
    .gglife-header .gnb-menu nav [class*="gmn"]::before { transition: none !important; }
}

body.fixed .gglife-wrapper .gglife-header {background-color:#fff !important;}
body.fixed .gglife-wrapper .gglife-header .gnb-menu nav [class*="gmn"] {color:var(--color-primary-black)}
body.fixed .gglife-wrapper .gglife-header .gnb-menu nav [class*="gmn"]::before {background-color:var(--color-primary)}
body.fixed .gglife-wrapper .gglife-header .gnb-menu nav [class*="gmn"]:hover,
body.fixed .gglife-wrapper .gglife-header .gnb-menu nav [class*="gmn"]:focus,
body.fixed .gglife-wrapper .gglife-header .gnb-menu nav [class*="gmn"].active {color:var(--color-primary)}
body.fixed .gglife-wrapper .gglife-header .util-menu .umn-logout {color:var(--color-primary-black);}
body.fixed .gglife-wrapper .gglife-header .util-menu [class*="umn"]:not(.umn-login):not(.umn-partner) {
    color: var(--color-primary-black) !important;
}

.gglife-footer {padding:83px 20px;background-color:#292E2AD4}
.gglife-footer .foot-inner {display:flex;justify-content:space-between;max-width:1400px;margin:0 auto;}
.gglife-footer .foot-summary h2 {font-size:36px;font-weight:600;color:#fff;}
.gglife-footer .foot-summary p {margin-top:22px;font-size:20px;color:#fff;font-weight:600;}
.gglife-footer .foot-summary .ment1 {opacity:0.8}
.gglife-footer .foot-link {display:flex;gap:32px;flex-wrap:wrap;}
.gglife-footer .foot-link a {font-size:16px;font-weight:500;color:#fff;}
.gglife-footer .foot-link a:hover {text-decoration:underline;}
.gglife-footer .foot-info {margin-top:24px;}
.gglife-footer .foot-info p,
.gglife-footer .foot-info a {color:#D9D9D9;font-size:14px;font-weight:500}
.gglife-footer .copyright {margin-top:24px;font-size:14px;font-weight:500;color:#fff;}


/* =========================================
**  Layout - Report
========================================== */
.gglife-wrapper:has(.gglife-container-reporter) {min-width:auto;padding:0;margin:0;}
.gglife-wrapper:has(.gglife-container-reporter) .gglife-header {display:none}
.gglife-wrapper:has(.gglife-container-reporter) .gglife-footer {display:none}
.gglife-container-reporter {flex:none;padding:0;margin:0;page-break-after:always;box-sizing:border-box;}
.reporter-container {width:1564px;height:2213px;margin:0 auto;}
.reporter-container section {position:relative;width:100%;height:100%;}
.reporter-container .rpt-head .head-data {display:flex;justify-content:space-between;position:absolute;left:90px;right:90px;top:60px;}
.reporter-container .rpt-head .head-data p {font-size:18px;font-weight:500;color:#666;}
.reporter-container .rpt-body {padding:0 95px}
.reporter-container .rpt-foot {display:flex;align-items:center;justify-content:space-between;padding:10px 0;margin-top:auto;border-top:4px solid #09AA5C;}
.reporter-container .rpt-foot .copyright {font-size:18px;color:#666}
.reporter-container .rpt-foot .page {font-size:18px;font-weight:500;color:#666}
.star-eval {position:relative;width:150px;height:30px;background:url("/images/gglife/bg_star_eval_off.png") no-repeat 0% 50% / 150px;}
.star-eval:before {content:"";display:block;position:absolute;top:0;left:0;bottom:0;background:url("/images/gglife/bg_star_eval_on.png") no-repeat 0% 50% / 150px;}
.star-eval.value-5:before {width:100%;}
.star-eval.value-4:before {width:80%;}
.star-eval.value-3:before {width:60%;}
.star-eval.value-2:before {width:40%;}
.star-eval.value-1:before {width:20%;}
.reporter-container .smr-table {border-radius:16px;overflow:hidden;}
.reporter-container .smr-table table {width:100%;}
.reporter-container .smr-table table th {height:75px;background-color:#056637;text-align:center;color:#fff;font-size:24px;font-weight:600;}
.reporter-container .smr-table table td {height:80px;background-color:#fff;text-align:center;font-size:24px;font-weight:500;color:#363B48;}
.sec-reporter-cover {background:url("/images/gglife/bg_reporter_cover.jpg") no-repeat 0 0 / 100%}
.sec-reporter-cover .rpt-head .head-data p {color:#fff;}
.sec-reporter-cover .rpt-body h4 {position:absolute;top:1625px;left:95px;font-size:32px;font-weight:600;color:#fff;}
.sec-reporter-cover h3 {position:absolute;top:918px;left:95px;}
.sec-reporter-cover h3 span {display:block;font-family:'KOHIBaeum';font-size:128px;line-height:1.6;color:#fff;text-shadow:0px 3px 4px #00000040;}
.sec-reporter-cover h3 span:last-child {margin-top:60px}
.sec-reporter-cover .smr-table {position:absolute;top:1793px;left:95px;right:95px;}
.sec-reporter-cover .rpt-foot .copyright {position:absolute;left:89px;bottom:61px;font-size:18px;font-weight:400;color:#fff;}
.sec-reporter-guide {position:relative;padding:90px;background:url("/images/gglife/bg_reporter_g_gray.png") no-repeat 0 92px / 1402px}
.reporter-container .sec-reporter-guide .rpt-head {left:0;padding-left:90px;border-bottom:2px solid #CFD0D2;}
.reporter-container .sec-reporter-guide .rpt-head p {color:#666}
.sec-reporter-guide .reporter-guide-ment {max-width:1223px;padding-top:461px;}
.reporter-guide-ment h3 {margin-bottom:30px;font-size:64px;font-weight:800;color:#363B48;}
.reporter-guide-ment p {font-size:32px;font-weight:500;}
.sec-reporter-guide .reporter-guide-table {max-width:1027px;padding-top:90px;}
.sec-reporter-guide .rpt-body {height:100%;border-left:2px solid #CFD0D2;}
.reporter-guide-table table {widt:100%;border-top:2px solid #09AA5C;}
.reporter-guide-table table th {height:78px;padding:0 18px;font-size:24px;font-weight:600;text-align:left;}
.reporter-guide-table table tbody th {padding:8px 18px;border-bottom:2px solid #09AA5C;color:#09AA5C;font-size:32px;font-weight:600;vertical-align:top;}
.reporter-guide-table table tbody td {padding:8px 18px;font-size:24px;font-weight:500;color:#363B48;vertical-align:top;}
.reporter-guide-table table tbody tr:last-child td {border-bottom:2px solid #09AA5C;}
.reporter-guide-table table tbody tr:first-child th,
.reporter-guide-table table tbody tr:first-child td {padding-top:25px}
.reporter-guide-table table tbody tr:last-child th,
.reporter-guide-table table tbody tr:last-child td {padding-bottom:25px}
.sec-reporter-guide .reporter-notice {margin-top:145px;}
.reporter-notice .tit {margin-bottom:16px;font-size:32px;font-weight:600;}
.reporter-notice li {font-size:24px;font-weight:400;}
.reporter-notice li:has(.num) {position:relative;padding-left:30px;}
.reporter-notice li .num {position:absolute;top:0;left:0;}
.sec-reporter-data {padding:90px 90px 26px 90px;display:flex;flex-direction:column;}
.sec-reporter-data .rpt-head {position:static;height:128px;display:flex;align-items:center;border-top:4px solid #09AA5C;border-bottom:4px solid #09AA5C;}
.sec-reporter-data .rpt-head h2 {font-size:40px;font-weight:400;color:#09AA5C;font-family:'KOHIBaeum';}
.sec-reporter-data .rpt-body {flex:1;padding:0;}
.sec-reporter-data .rpt-body.flx-none {flex:none;}
.sec-reporter-data .reporter-data-result {padding:60px 54px;margin-top:20px;background-color:#F9F9F9;border-radius:16px}
.reporter-summary h3  {margin-bottom:24px;color:#09AA5C;font-size:32px;font-weight:600;color:#09AA5C}
.reporter-summary p {padding:24px;font-size:28px;font-weight:500;border: 2px solid var(--color-primary);background-color:#fff;border-radius:20px;}
.reporter-detail {padding:0px 40px;margin-top:72px;border-radius:16px;border:1px solid #CCEBD3;background-color:#fff;background-image:url("/images/gglife/bg_reporter_g_green.png");background-repeat:no-repeat;background-position:0% 100%;background-size:740px;}
.reporter-detail li {display:flex;gap:109px;padding:40px 0;}
.reporter-detail li + li {border-top:1px solid #CCEBD3;}
.reporter-detail li .t {display:inline-flex;gap:24px;width:307px;}
.reporter-detail li .t span {width:54px;height:54px;line-height:54px;text-align:center;background:#09AA5C;color:#fff;font-size:36px;font-weight:500;}
.reporter-detail li .t p {flex:1;font-size:32px;font-weight:600;color:#09AA5C;}
.reporter-detail li .c p + p {margin-top:56px}
.reporter-detail li .c p {position:relative;display:flex;gap:31px;word-break:keep-all;padding-left:20px;font-size:28px;font-weight:500;color:#363B48}
.reporter-detail li .c p:before {content:"";position:absolute;top:19px;left:0;display:block;width:5px;height:5px;background-color:#363B48;border-radius:50%;}
.reporter-detail li .c p .txt {flex:1;line-height:1.6;}
.reporter-detail li .c p .desc {width:531px;padding:24px 40px;font-size:24px;font-weight:500;border:2px solid #09AA5C;border-radius:20px;line-height:1.6}
.reporter-bmi {display:flex;gap:100px;margin-top:72px}
.reporter-bmi .pic {width:260px;text-align:center;}
.reporter-bmi .info {flex:1;}
.reporter-bmi .info ul {display:flex;flex-wrap:wrap;gap:36px 210px}
.reporter-bmi .info ul li {width:306px;min-height:77px;display:inline-flex;align-items:center;justify-content:space-between;}
.reporter-bmi .info ul li .t {font-size:32px;font-weight:600;color:#363B48}
.reporter-bmi .info ul li .c {font-size:48px;font-weight:600;color:#000}
.reporter-bmi .result {margin-top:49px;padding:23px;background-color:#fff;border-radius:20px;text-align:center;font-size:36px;font-weight:500}
.reporter-bmi .result em {color:#056637;font-weight:600}
.reporter-bmi .tip {margin-top:49px;font-size:24px;font-weight:500;color:#056637;}
.reporter-score {display:flex;gap:52px;}
.reporter-score dl {flex:1;padding:41px 58px;border-radius:80px;background-color:#F3F7F3;text-align:center;}
.reporter-score dl dt {padding-bottom:14px;border-bottom:3px solid #056637;font-size:32px;font-weight:700;color:#056637}
.reporter-score dl dt img {display:block;margin:0 auto;}
.reporter-score dl dd {padding-top:14px}
.reporter-score dl dd .score {font-size:56px;font-weight:600;color:#09AA5C;line-height:1.6}
.reporter-score dl dd .score small {display:block;font-size:32px;font-weight:400;color:#666;text-align:center;line-height:1.6}
.reporter-msg {padding:10px 0;font-size:24px;font-weight:500}
.reporter-result-list {position:relative;}
.reporter-result-item {display:flex;gap:47px;height:108px;}
.reporter-result-item + .reporter-result-item {margin-top:24px;}
.reporter-result-item .t {width:285px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background-color:#056637;font-size:32px;font-weight:600;color:#fff}
.reporter-result-item .c {flex:1;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background-color:#F9F9F9;font-size:28px;color:#363B48;}
.reporter-result-item.item-type2 {gap:0;height:130px;background-color:#F3F7F3;border-radius:99px;}
.reporter-result-item.item-type2 + .reporter-result-item.item-type2 {margin-top:60px}
.reporter-result-item.item-type2 .t {width:345px;}
.reporter-result-item.item-type2 .c {display:inline-flex;padding:0 100px;}
.reporter-result-item.item-type2 .c p {flex:1;}
.reporter-result-item.item-type2 .c p + p {padding-left:50px;border-left:1px solid #056637;}
.reporter-result-item.item-type3 {gap:30px;height:170px;}
.reporter-result-item.item-type3 + .reporter-result-item.item-type2 {margin-top:60px}
.reporter-result-item.item-type3 .t {width:296px;border-radius:20px;font-size:40px;}
.reporter-result-item.item-type3 .c {display:inline-flex;gap:18px;padding:0;border-radius:0;background:transparent;}
.reporter-result-item.item-type3 .c p {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;border-radius:20px;}
.reporter-result-item.item-type3 .c p > span {font-size:32px;font-weight:600;}
.reporter-comment-box {position:relative;padding:40px 170px;border-radius:20px;background-color:#F3F7F3;text-align:center;}
.reporter-comment-box .t1 {margin-bottom:12px;font-size:32px;font-weight:600;color:#09AA5C;}
.reporter-comment-box .ment {position:relative;display:inline-block;font-size:24px;font-weight:500;text-align:left;}
.reporter-comment-box .ment:before {content:"";position:absolute;top:0px;left:-55px;display:block;width:32px;height:28px;background:url("/images/gglife/ico_comment_arr_left.svg") no-repeat;}
.reporter-comment-box .ment:after {content:"";position:absolute;bottom:0px;right:-55px;display:block;width:32px;height:28px;background:url("/images/gglife/ico_comment_arr_right.svg") no-repeat;}
.reporter-comment-smr {font-size:32px;font-weight:600;color:#056637;}
.reporter-grade-box {display:flex;align-items:center;justify-content:center;gap:60px;padding:16px;border-radius:20px;border: 2px solid #09AA5C;background:#F3F7F3;}
.reporter-grade-box .grade {width:90px;display:inline-flex;align-items:center;flex-direction:column;justify-content:center;gap:5px;color:#056637;}
.reporter-grade-box .grade em {font-size:56px;font-weight:600;line-height:1;}
.reporter-grade-box .grade span {font-size:20px;font-weight:500;line-height:1;}
.reporter-grade-box p {font-size:28px;font-weight:500;}
.reporter-solution-box {display:flex;justify-content:space-between;gap:48px;}
.reporter-solution-box dl {flex:1;display:flex;flex-direction:column;background-color:#F3F7F3;border-radius:20px;overflow:hidden;}
.reporter-solution-box dt {display:flex;align-items:center;justify-content:center;gap:17px;height:98px;background-color:#056637;color:#fff;font-size:32px;font-weight:600;}
.reporter-solution-box dd {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;gap:8px;padding:19px;}
.reporter-solution-box dd p {font-size:24px;font-weight:500;}
.reporter-solution-box.type2 dl dt {height:146px;font-size:48px;}
.reporter-solution-box.type2 dd p {font-size:40px}
.reporter-solution-box.type2 dl:nth-of-type(even) dt {background-color:#C8632D}
.reporter-solution-box.type2 dl:nth-of-type(even) dd {background-color:#FEEEE6}
.blur-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
.blur-overlay-txt {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.blur-overlay-txt .txt-wrap {display:flex;flex-direction:column;gap:56px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
.blur-overlay-txt .txt-wrap .msg {font-size:32px;font-weight:600}
.reporter-list-wrap ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 35px 55px;padding: 0;margin: 0;list-style: none;}
.reporter-list-wrap .lst-item {display: flex;flex-direction: column;overflow: hidden; /* 썸네일 꽉 차게 */background: #fff;}
.reporter-list-wrap .thumb {width: 100%;aspect-ratio: 9 / 10.5;overflow: hidden;background: #f2f2f2;}
.reporter-list-wrap .thumb img {width: 100%;height: 100%;object-fit: cover;display: block;}
.reporter-list-wrap .detail {padding: 24px 12px 0 12px;text-align:center;}
.reporter-list-wrap .lst-tit {font-size: 32px;font-weight: 600;}
.reporter-list-wrap .lst-stit {font-size: 24px;color: #666;}




@page {
    size: A4;
    margin: 0;
}

@media print {
    html, body {
        margin: 0;
        padding: 0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* A4 한 장짜리 래퍼 */
    .gglife-container-reporter {
        width: 210mm;     /* A4 */
        height: 297mm;    /* A4 */
        margin: 0;
        padding: 0;
        overflow: hidden; /* 넘치는 부분 잘라서 2페이지로 안 가게 */
    }

    /* 실제 디자인 캔버스는 그대로 유지 */
    .reporter-container {
        width: 1564px;
        height: 2213px;
        margin: 0 auto;
        box-sizing: border-box;
        page-break-inside: avoid;
        break-inside: avoid;

        transform-origin: top left;
        transform: scale(0.5);  /* 대략 절반으로 축소 → 한 장에 들어오게 */
        /* 필요하면 0.48 ~ 0.52 정도로 미세 조정 */
    }

    .page-break {
        page-break-before: always;
        break-before: page;
    }
}

/* =========================================
**  Layout - Main
========================================== */
.gglife-wrapper:has(.gglife-container-home) .gglife-header {background:#2D2C2C99;border-bottom:0;}
.gglife-wrapper:has(.gglife-container-home) .gglife-header .gnb-menu nav [class*="gmn"] {color:#fff;}
.gglife-wrapper:has(.gglife-container-home) .gglife-header .gnb-menu nav [class*="gmn"]:hover,
.gglife-wrapper:has(.gglife-container-home) .gglife-header .gnb-menu nav [class*="gmn"]:focus,
.gglife-wrapper:has(.gglife-container-home) .gglife-header .gnb-menu nav [class*="gmn"].active {color:#fff}
.gglife-wrapper:has(.gglife-container-home) .gglife-header .gnb-menu nav [class*="gmn"]::before {background-color:#fff;}
.gglife-wrapper:has(.gglife-container-home) .gglife-header .util-menu .umn-logout {color:#fff;font-weight:600;}
body:not(.fixed) .gglife-wrapper:has(.gglife-container-home) .gglife-header .util-menu [class*="umn"] {color:#fff !important;}
.gglife-container-home {padding-top:0px;padding-bottom:0;}
.gglife-container-home section {position:relative;text-align:center;overflow:hidden;}
.gglife-container-home .sec-title {font-size:48px;font-weight:700;}
.gglife-container-home .sec-summary {margin-top:24px;font-size:24px;font-weight:500;}
.sec-main-visual .sec-inner {height:1100px;background:url("/images/gglife/visual_main.jpg") no-repeat 50% 0% / cover}
.sec-main-visual .sec-inner:after {content:"";display:block;height:492px;position:absolute;left:0;right:0;bottom:0;background:url("/images/gglife/visual_main_zandi.png") no-repeat 50% 100% / 2560px}
.sec-main-visual .ment {padding-top:298px}
.sec-main-visual .ment .t1 {font-size:72px;font-weight:400;font-family:'KOHIBaeum';color:#fff;text-align:center;text-shadow:0px 4px 4px #00000040;}
.sec-main-visual .ment .t1 span {font-family:'GmarketSans';font-weight:700;color:#fff}
.sec-main-visual .ment .t2 {margin-top:20px;font-size:24px;font-weight:600;color:#fff;text-align:center;}
.sec-main-visual .btn {position:relative;z-index:100;margin-top:60px;text-align:center}
.sec-main-visual .btn .btn-test {width:320px;}
.sec-main-visual .btn small {display:block;margin-top:13px;text-align:center;font-size:20px;font-weight:500;color:#fff;}
.sec-main-summary {position:relative;padding-top:336px;padding-bottom:228px;margin-top:-120px;width:100%;overflow-x:hidden;}
.sec-main-summary .ment1 {margin-bottom:80px;text-align:center;font-size:48px;font-weight:700;}
.sec-main-summary .ment2 {padding-top:80px;font-size:36px;font-weight:600;text-align:center;}
/* ========== Flip Banner (Vertical Slide) ========== */
.flip-banner-wrapper {position:relative;max-width:922px;margin:0 auto;}
.flip-banner {height:148px;overflow:hidden;}
.flip-banner .banner-content {height:148px;will-change:transform;animation:flipShow 5s linear infinite;}
.flip-banner .banner-content li {position:relative;height:148px;display:flex;align-items:center;justify-content:center;box-shadow:0px 25px 100px 0px #0C0C0D21;border-radius:16px}
.flip-banner .banner-content li:nth-child(1) {background-color:var(--color-primary)}
.flip-banner .banner-content li:nth-child(2) {background-color:var(--color-brand-orange)}
.flip-banner .banner-content li:nth-child(3) {background-color:var(--color-brand-blue)}
.flip-banner .banner-content p {height:148px;font-size:56px;line-height:148px;font-weight:800;text-align:center;color:#fff;}

/* 캐릭터 타이밍 */
.banner-cha {list-style:none;margin:0;padding:0;}
.banner-cha li {position:absolute;opacity:0;animation: chaFade 5s ease-in-out infinite;}
.banner-cha li img {transform: scale(1);}
.banner-cha li:nth-of-type(1) {bottom:-120px;left:20px; animation-delay: 0s;}
.banner-cha li:nth-of-type(2) {bottom:-60px;right:0;  animation-delay: 1.6667s;}
.banner-cha li:nth-of-type(3) {top:-70px;right:10px;  animation-delay: 3.3333s;}

/* 배너 애니메이션 */
@keyframes flipShow {
    /* 1번 화면 유지 */
    0%   { transform: translateY(0); }
    5%   { transform: translateY(0); }

    /* 2번으로 이동 후 유지 */
    10%  { transform: translateY(-148px); }
    33%  { transform: translateY(-148px); }

    /* 3번으로 이동 후 유지 */
    38%  { transform: translateY(-296px); }
    66%  { transform: translateY(-296px); }

    /* 다시 1번으로 복귀 후 유지 */
    71%  { transform: translateY(0); }
    99.99% { transform: translateY(0); }
    100% { transform: translateY(0); }
}

/* 캐릭터 애니메이션 */
@keyframes chaFade {
    0%   { opacity: 0; transform: translateY(-10px); }
    10%  { opacity: 1; transform: translateY(0); }
    30%  { opacity: 1; transform: translateY(0); }
    40%  { opacity: 0; transform: translateY(10px); }
    100% { opacity: 0; transform: translateY(10px); }
}

.sec-main-test {position:relative;padding-bottom:180px;min-height:460px;overflow:visible !important;}
.sec-main-test .sec-inner {position:relative;padding-top:103px;}
.sec-main-test .sec-inner:before,
.sec-main-test .sec-inner:after {content:"";display:block;height:461px;position:absolute;top:0;}
.sec-main-test .sec-inner:before {left:0;width:50%;background-color:#a2d28a}
.sec-main-test .sec-inner:after {right:0;width:50%;background-color:#499aff}
.sec-main-test .test-content-group {position:relative;z-index:11}
.sec-main-test:after {content:"";z-index:10;position:absolute;left:50%;top:-60px;transform:translateX(-50%);display:block;width:131px;height:150px;background:url("/images/gglife/visual-sec-main-test-person.png") no-repeat 50% 50% / 100%;}
.sec-main-test:before {content:"";z-index:9;position:absolute;left:0;top:0;display:block;width:100%;height:461px;background:url("/images/gglife/bg_main_test.png") no-repeat 50% 0% / 1920px;}
.sec-main-test .sec-title {color:#fff;text-shadow:0px 4px 4px #48484840;}
.sec-main-test .sec-summary {color:#fff;text-shadow:0px 25px 100px #0C0C0D21;}
.sec-main-test .test-step {display:flex;justify-content:center;gap:32px;max-width:1400px;margin:60px auto 0 auto;padding-bottom:20px;}
.sec-main-test .test-step li {flex:1;width:445px;padding-top:166px;padding-bottom:50px;background-color:#fff;border-radius:16px;border: 1px solid #F3F3F3;box-shadow: 0px 1px 4px 0px #0C0C0D21, 0px 8px 13px 0px #D7D7D740;background-repeat:no-repeat;background-position:50% 56px;background-size:104px;}
.sec-main-test .test-step li:nth-of-type(1) {background-image:url("/images/gglife/ico_main_test_step1.png")}
.sec-main-test .test-step li:nth-of-type(2) {background-image:url("/images/gglife/ico_main_test_step2.png")}
.sec-main-test .test-step li:nth-of-type(3) {background-image:url("/images/gglife/ico_main_test_step3.png")}
.sec-main-test .test-step dt {margin-bottom:32px;font-size:36px;font-weight:600;}
.sec-main-test .test-step dd {font-size:24px;font-weight:500;}
.sec-main-test .test-step dd + dd {margin-top:8px;}

.sec-main-manual {padding-top:96px;padding-bottom:180px;background:linear-gradient(180deg, #F6FFF8 0%, #FFFFFF 50%, #FFFFFF 100%);}
.sec-main-manual .test-step {display:flex;justify-content:center;gap:110px;margin-top:92px;}
.sec-main-manual .test-step li {position:relative;width:281px;}
.sec-main-manual .test-step li:before {position:relative;display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;margin-bottom:55px;border-radius:50%;z-index:20;background-color:var(--color-primary);color:#fff;font-size:36px;font-weight:600;}
.sec-main-manual .test-step li + li:after {content:"";position:absolute;left:-100%;top:50px;right:100px;display:block;height:2px;background-color:var(--color-primary);}
.sec-main-manual .test-step li:nth-of-type(1):before {content:"1";}
.sec-main-manual .test-step li:nth-of-type(2):before {content:"2";}
.sec-main-manual .test-step li:nth-of-type(3):before {content:"3";}
.sec-main-manual .test-step dt {font-size:36px;font-weight:600}
.sec-main-manual .test-step dd {margin-top:17px;font-size:24px;font-weight:500;}

.sec-main-review {padding-top:244px;height:1565px;background:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #DBF7FF 100%);}
.sec-main-review .sec-inner {height:100%;background:url("/images/gglife/bg_main_bottom.png") no-repeat 50% 100% / 1755px;}
.sec-main-review:before {content:"";display:block;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg, #F6FFF8 0%, #FFFFFF 30.29%, #DBF7FF 100%);}
.user-review-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:20px 32px;max-width:1400px;margin:64px auto 0 auto;}
.user-review-item {padding:32px 40px;background-color:#fff;border-radius:16px;border: 1px solid #F3F3F3;box-shadow:0px 1px 4px 0px #0C0C0D21, 0px 8px 13px 0px #D7D7D740;text-align:left;}
.user-review-item:before {content:"";display:block;width:32px;height:28px;margin-bottom:20px;background:url("/images/gglife/ico-user-review.svg") no-repeat 0 0 / 32px;}
.user-review-item p {font-size:24px;font-weight:500;text-align:left;}
.user-review-item small {display:block;margin-top:20px;font-size:20px;font-weight:500;color:#666;}

.sec-main-report {padding-top:96px;background: linear-gradient(180deg, #F6FFF8 0%, #FFFFFF 50%, #FFFFFF 100%);}
.sec-main-report .report-slider {margin-top:64px}
.sec-main-report .report-slider .item {margin:0 12px;}


/* =========================================
**  Layout - Sub Common
========================================== */
section .sec-title {position:relative;display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:40px;font-size:32px;font-weight:700;text-align:center;}
section .sec-title .depth {display:inline-flex;align-items:center;gap:4px;font-size:20px;font-weight:500;color:#666;}
section .sec-ment {padding:80px 0 70px 0;}
section .sec-ment p {font-size:48px;font-weight:500;line-height:160%;}
section .sec-ment p em {font-weight:600;}
section .sec-ment small {display:block;margin-top:20px;font-size:24px;font-weight:400;color:#666}
section .sec-smr {padding-top:70px;border-top:2px solid #F0EEEE}
section .sec-smr h3 {font-size:36px;font-weight:700;}
section .sec-smr p {margin-top:20px;font-size:24px;font-weight:500}
._comm-txt-set {font-size:20px;font-weight:400;color:#363B48;}

/* =========================================
**  Component - Badge
========================================== */
.bdg-limit {display:inline-flex;align-items:center;height:26px;padding:0 8px;background-color:#F05400;font-size:16px;border-radius:12px;font-weight:600;color:#fff;}
.bdg-new {display:inline-flex;align-items:center;height:26px;padding:0 8px;color:#fff;font-size:16px;border-radius:99px;font-weight:600;background-color:var(--color-primary)}
.bdg-count {display:inline-flex;align-items:center;height:26px;padding:0 8px;font-size:16px;border-radius:99px;color:var(--color-primary);background-color:#CCEBD3}
.bdg-discount {display:inline-flex;align-items:center;height:30px;padding:0 8px;background-color:#FEE8E6;color:#DA1600;border-radius:12px;font-size:14px;font-weight:500;}


/* =========================================
**  Layout - Service
========================================== */
.gglife-container-service {width:1400px;margin:0 auto;}
.gglife-container-service section {padding-bottom:70px;}
.gglife-container-service .value-visual {position:relative;height:692px;margin-top:80px;}
.gglife-container-service .value-visual .center {position:absolute;top:59px;left:433px;z-index:10}
.gglife-container-service .value-visual li {position:absolute;padding:20px;border-radius:30px;text-align:center;}
.gglife-container-service .value-visual li .line {position:absolute;}
.gglife-container-service .value-visual li .pp {position:absolute;}
.gglife-container-service .value-visual li h4:before {content:"";margin:-6px 4px 0 0;vertical-align:middle;display:inline-block;width:40px;height:40px;}
.gglife-container-service .value-visual li:nth-of-type(1) {width:342px;top:0;left:14px;background:#499AFF1A;}
.gglife-container-service .value-visual li:nth-of-type(1) .line {right:-161px;top:66px;}
.gglife-container-service .value-visual li:nth-of-type(1) h4 {color:#1869CF}
.gglife-container-service .value-visual li:nth-of-type(1) h4:before {background:url("/images/gglife/ico_value_visual_01.svg") no-repeat 50% 50%;}
.gglife-container-service .value-visual li:nth-of-type(1) .pp {position:absolute;top:163px;right:76px;}
.gglife-container-service .value-visual li:nth-of-type(2) {width:465px;top:0;right:14px;background:#FF88481A;}
.gglife-container-service .value-visual li:nth-of-type(2) .line {top:66px;left:-161px}
.gglife-container-service .value-visual li:nth-of-type(2) h4 {color:#EB641C}
.gglife-container-service .value-visual li:nth-of-type(2) h4:before {background:url("/images/gglife/ico_value_visual_02.svg") no-repeat 50% 50%;}
.gglife-container-service .value-visual li:nth-of-type(3) {width:535px;right:131px;bottom:0;background:#97E8681A;}
.gglife-container-service .value-visual li:nth-of-type(3) .line {top:-92px;left:-105px}
.gglife-container-service .value-visual li:nth-of-type(3) h4 {color:var(--color-primary)}
.gglife-container-service .value-visual li:nth-of-type(3) h4:before {background:url("/images/gglife/ico_value_visual_03.svg") no-repeat 50% 50%;}
.gglife-container-service .value-visual li:nth-of-type(3) .pp {position:absolute;top:-105px;right:158px;}
.gglife-container-service .value-visual li h4 {font-size:40px;font-weight:700;font-family:'GmarketSans';}
.gglife-container-service .value-visual li p {text-align:center;font-size:20px;font-weight:500;letter-spacing:-0.005em;}
.gglife-container-service .vision-list {margin-top:56px;}
.gglife-container-service .vision-list li {display:flex;align-items:center;gap:56px;padding:32px 80px;border:2px solid var(--color-primary-pressed);border-radius:99px}
.gglife-container-service .vision-list li + li {margin-top:24px}
.gglife-container-service .vision-list li .num {font-size:90px;font-weight:600;color:var(--color-primary)}
.gglife-container-service .vision-list li dt {font-size:32px;font-weight:600}
.gglife-container-service .vision-list li dd {margin-top:12px;font-size:20px;font-weight:500;color:#666}

.sec-service-partner {padding:58px 0px;margin:0 auto;}
.sec-service-partner .partner-banner {overflow:hidden;width:100%;}
.sec-service-partner .partner-banner .banner-track{display:flex;width:max-content;animation:partnerBannerRolling 30s linear infinite;}
.sec-service-partner .partner-banner .ban-group{display:flex;flex-shrink:0;gap:25px;padding-right:32px;}
.sec-service-partner .partner-banner .ban-group+.ban-group{margin-top:0;}
.sec-service-partner .partner-banner .ban-group>span{flex-shrink:0;height:78px;}
.sec-service-partner .partner-banner .ban-group>span>img{display:block;width:auto;height:100%;}
@keyframes partnerBannerRolling{
    from{transform:translateX(0);}
    to{transform:translateX(-50%);}
}


/* =========================================
**  Layout - Test
========================================== */
.gglife-container-test {width:1400px;margin:0 auto;}
.gglife-container-test section {padding-bottom:70px;}
.test-guide-box {display:flex;justify-content:space-between;align-items:center;}
.test-guide-box .txt p {font-size:32px;font-weight:700}
.test-guide-box .txt small {margin-top:36px;display:block;font-size:20px;font-weight:400;color:#666;line-height:1.6}
.test-guide-box .step {width:481px;max-width:100%;}
.test-guide-box .step li {position:relative;display:flex;gap:5px;padding-left:36px;font-size:20px;}
.test-guide-box .step li:before {content:"";position:absolute;top:5px;left:0;display:inline-block;width:24px;height:24px;background:url("/images/gglife/ico_gglife_test_chk.svg") no-repeat;}
.test-guide-box .step li + li {margin-top:11px;}
.test-guide-box .step li em {font-weight:700;white-space:nowrap;}
.test-guide-box .step li .spe {color:var(--color-primary);font-weight:700}
.test-guide-box .step .btn-wrap {margin-top:30px}
.test-guide-box {padding:48px 40px;border-radius:20px;background-color:var(--color-secondary);}
.test-item-structure {margin-top:40px;}
.test-item-structure > ul {display:grid;grid-template-columns: repeat(3, 440px);gap:32px 40px;}
.test-item-structure .item,
.test-item-structure > ul > li {display:inline-flex;align-items:center;justify-content:center;height:168px;border:2px solid #499AFF;border-radius:20px;background-color:#F5FCFF;}
.test-item-structure dl {text-align:center;}
.test-item-structure dt {display:flex;align-items:center;gap:8px;font-size:24px;font-weight:600}
.test-item-structure dt .ico {display:inline-block;width:40px;height:40px;background:var(--bg) center / 40px no-repeat;}
.test-item-structure dd {font-size:20px;font-weight:400;color:#666}
.sec-test-result h3 {font-size:32px;font-weight:700;text-align:center;}
.gglife-container-test-content {width:1400px;margin:0 auto;padding-top:40px;}
.gglife-container-test-content section {padding-bottom:70px;}
.gglife-container-test-content .ment {font-size:24px;font-weight:600;color:#363B48;}
.gglife-container-test-content .ment em {font-weight:600;color:#056637}
.gglife-container-test-content .ment.al-c {text-align:center;}
.gglife-wrapper:has(.gglife-container-test-content) {min-width:auto;padding:0;margin:0;}
.gglife-wrapper:has(.gglife-container-test-content) .gglife-header {display:none}
.gglife-wrapper:has(.gglife-container-test-content) .gglife-footer {display:none}
.gglife-container-test-content .btn-wrap {margin-top:40px;gap:40px;}
.gglife-container-test-content .btn-step {width:200px;flex:none}
.gglife-container-test-content .sec-test-value {position:relative;}
.gglife-container-test-content .sec-test-value .sec-title {margin-bottom:0;padding-bottom:20px}
.gglife-container-test-content .sec-test-value .sec-summary {font-size:18px;text-align:center;}
.gglife-container-test-content .insert-form-group.round-box {padding:20px 48px}
.test-info-slider-wrapper {position:relative;display:flex;gap:30px;height:529px;margin-top:30px}
.test-info-slider {width:1104px;padding-bottom:3px;border-radius:20px;overflow:hidden;border:1px solid #D9D9D9;}
.test-info-slider .item {position:relative;}
.test-info-slider .item img {display:block;width:100%;height:100%;object-fit:cover}
.test-info-slider .item .bdg {display:flex;align-items:center;gap:22px;padding:0 24px;position:absolute;bottom:0px;left:0;right:0;z-index:20;height:80px;background-color:var(--color-primary);box-shadow:0px 3px 7px 0px #0000004D;}
.test-info-slider .item .bdg em {color:#fff;font-size:32px;font-weight:700}
.test-info-slider .item .bdg span {color:#fff;font-size:24px;font-weight:600}
.test-info-slider-thumb {flex:1;min-width:0;cursor:pointer;}
.test-info-slider-thumb .thumb {border-radius:20px;overflow:hidden;border:1px solid #D9D9D9;}
.test-info-slider-thumb .thumb img {display:block;width:100%;height:100%;object-fit:cover;}
.test-info-slider-thumb .slick-slide {height: calc((100% - 41px) / 3) !important;margin-bottom:20px;}
.test-info-slider-thumb .slick-track {height: 100% !important;}
.test-info-slider-thumb .slick-list {margin-bottom:-20px;height:100% !important}
.test-info-slider-thumb .slick-slide:last-child {margin-bottom: 0;}
.test-info-slider-nav {position:absolute;top:50%;transform:translateY(-50%);width:1104px;z-index:100;}
.test-info-slider-nav button {position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:60px;height:60px;border-radius:50%;background-color:#fff;}
.test-info-slider-prev {left:16px;background:url("/images/gglife/ico_test_info_slider_prev.png") no-repeat 50% 50% / 60px}
.test-info-slider-next {right:16px;background:url("/images/gglife/ico_test_info_slider_next.png") no-repeat 50% 50% / 60px}
.sec-test-step {}
.sec-test-step .sec-smr small {display:block;margin-top:16px;font-size:20px;color:#666666;}
.sec-test-step ol {margin-left:567px;margin-top:-150px;}
.sec-test-step ol li {gap:53px;position:relative;padding-left:25px;padding-bottom:108px;border-left:1px solid #0566374D}
.sec-test-step ol li:before {content:"";position:absolute;left:-6px;top:-6px;display:block;width:12px;height:12px;border-radius:50%;background-color:#056637}
.sec-test-step ol li:last-child {border:0;padding-bottom:0;}
.sec-test-step ol li .flx {position:relative;top:-22px;}
.sec-test-step ol li .txt {flex:1;}
.sec-test-step ol li .pic {width:377px;max-width:100%}
.sec-test-step ol li .pic img {display:block;width:100%;}
.sec-test-step ol h4 span {display:block;color:#056637;font-size:28px;font-weight:600;line-height:1.6;}
.sec-test-step ol h4 em {display:block;font-size:24px;font-weight:600;line-height:1.6;}
.sec-test-step ol .txt p {margin-top:14px;font-size:20px;color:#858585;}


/* =========================================
**  Layout - 회원(Member)
========================================== */
.sec-member {text-align:center;}
.sec-member .sec-title {margin-bottom:40px;font-size:32px;font-weight:700}
.member-join-wrap {width:740px;margin:0 auto;}
.member-join-wrap .btn-wrap {margin-top:60px;}
.agree-form-group {width:100%;margin:48px auto 0 auto;}
.agree-form-group li {position:relative;}
.agree-form-group li:not(.total) {margin-top:20px;}
.agree-form-group li.total {padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #F0EEEE;}
.agree-form-group li .link-agr-content {position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;width:30px;height:30px;background:url("/images/gglife/ico_link_arr.svg") no-repeat 50% 50%;}
.agree-form-group .ipt-tip {display:flex;gap:8px;align-items:center;margin-top:16px;padding:16px 8px;background-color:#FEE8E633;color:#666;font-size:16px;line-height:1;font-weight:400;text-align:left;}
.agree-form-group .ipt-tip.error {color:var(--color-status-error)}
.agree-form-group .ipt-tip.error:before {content:"";width:20px;height:20px;background:url('/images/gglife/ico_warning.svg') no-repeat 50% 50%;}
.agree-form-group .ipt-tip.confirm {color:var(--color-primary-pressed)}
.agree-form-group .ipt-tip.confirm:before {content:"";width:20px;height:20px;background:url('/images/gglife/ico_confirm.svg') no-repeat 50% 50%;}
.member-find-wrap {position:relative;padding:64px 26px;top:-10px;width:795px;margin:0 auto;border:1px solid #F0EEEE;background-color:#fff;border-radius:12px;}
.member-tab {display:flex;gap:5px;width:795px;margin:0 auto;}
.member-tab button {flex:1;height:91px;padding-bottom:10px;background-color:var(--color-secondary);font-size:24px;font-weight:600;color:#666;border:1px solid #F0EEEE;border-radius:12px 12px 0 0;}
.member-tab button.active {position:relative;color:var(--color-form-active);background-color:#fff;z-index:10;border-bottom:0;}
.member-tab button.active:after {content:"";position:absolute;right:-1px;bottom:0;left:0;display:block;height:10px;background-color:#fff;}


/* =========================================
**  Layout - 서비스 에러
========================================== */
.sec-error {text-align:center;}
.sec-error .error-type {margin-bottom:32px;font-size:48px;font-weight:600;color:var(--color-nds-gray-800)}
.sec-error .error-msg {display:flex;flex-direction:column;gap:20px;}
.sec-error .error-msg .t1 {font-size:24px;font-weight:600;}
.sec-error .error-msg .t2 {font-size:20px;font-weight:400;}
.sec-error .error-pic {margin-top:32px;}


/* =========================================
**  Layout - 이용 약관
========================================== */
.term-content {max-width:700px;margin:0 auto;}
.term-content h3 {margin-bottom:25px;font-size:18px;font-weight:700;}
.term-content p {font-size:16px;font-weight:400;text-align:left;}
.term-content p em {font-weight:600}
.term-content p + p {margin-top:25px}
.term-content p + h3 {margin-top:25px}


/* =========================================
**  Board
========================================== */
.board-wrap {display:flex;flex-direction:column;gap:16px}
.board-head {position:relative;display:flex;justify-content:space-between;align-items:flex-end;}
.board-head .board-count {font-size:24px;font-weight:600;}
.board-head .board-count.sm {font-size:18px;font-weight:400;color:#858585}
.board-head .board-count.sm em {font-weight:600;}
.board-head .board-head-title {font-size:20px;font-weight:500}
.board-head .bt-reset-search {display:inline-flex;gap:2px;align-items:center;height:40px;font-size:18px;font-weight:500;color:#666}
.board-table {border:1px solid #F0EEEE;border-radius:12px;}
.board-table table {width:100%;border-radius:12px;table-layout:auto;}
.board-table table th {height:48px;padding:5px 10px;border-bottom:1px solid #F0EEEE;border-left:1px solid #F0EEEE;background-color:#F9F9F9;font-size:20px;font-weight:500;}
.board-table table td {height:72px;padding:5px 10px;border-bottom:1px solid #F0EEEE;border-left:1px solid #F0EEEE;font-size:20px;font-weight:500;text-align:center;}
.board-table table td .data-txt {font-weight:500;}
.board-table table td .data-txt > .gglife__ico,
.board-table table td > .gglife__ico {display:inline-block;vertical-align:middle;margin:-5px 0 0 0;}
.board-table table tr:last-child td {border-bottom:0;}
.board-table .tb-row-func {position:relative;padding:0px;}
.board-table .tb-row-func:has(.nds__dropMenu__btn.active) {z-index:100}
.board-table .tb-row-func .nds__dropMenu.nds__dropMenu--board .nds__dropMenu__menu {min-width:157px;right:18px}
.board-table .tb-row-func button {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;}
.board-table .tb-row-func button.active,
.board-table .tb-row-func button:hover {background:#0000000D;}
.bt-board-func {display:inline-flex;align-items:center;gap:4px;height:48px;padding:0 16px;border:1.5px solid #424346;color:#424346;border-radius:12px;font-size:20px;font-weight:600;white-space:nowrap}
.bt-board-func.no-line {border:0;}
.bt-board-func.red {color:#F01800}
.bt-board-func.blue {color:#499AFF;}
.bt-board-func.underline {border:0;text-decoration:underline}
.bt-board-func.sm {font-size:18px;}
.bt-board-func:hover {background:#0000000D;}
.board-table table td .period {display:flex;flex-direction:column;align-items:center;}
.board-table table td .period span {font-weight:500}
.board-table table td .period.inline {flex-direction:row;gap:8px;padding:0 10px}
.board-table table td .period.type-expired {color:#DA1600}
.board-table table td .period.type-expired > span {color:#DA1600}
.board-table table td .period.type-done {color:var(--color-primary)}
.board-table table td .period.type-done > span {color:var(--color-primary)}
.board-table table td .type-used {color:#B3B6BC;font-weight:500}
.board-table table td .type-disabled {color:#B3B6BC;font-weight:500}
.board-table table td .type-warning {color:#DA1600;font-weight:500}
.board-table table td .checkbox+label::after,
.board-table table td .radio+label::after {top:4px}
.board-table table td .data-txt .ico-set {margin:-5px 8px 0 0;}
.board-table table td .data-txt .gglife__ico {margin:-5px 8px 0 0;}
.board-table table td .board-link-view {display:inline-block;max-width:500px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board-table table td .board-cate {font-size:18px;font-weight:500;color:#858585;}
.board-table table td .board-date {font-size:20px;font-weight:500;color:#858585;}
.board-table table .bt {display:flex;justify-content:center;gap:20px;padding:0 10px;}
.board-paging {display:flex;justify-content:center;align-items:center;gap:16px;}
.board-paging.al-r {justify-content:flex-end;}
.board-paging.pos-top {margin-top:0;}
.board-paging .bt-page {width:30px;height:30px;}
.board-paging .bt-page.prev {background:url("/images/gglife/ico-page-prev.svg") no-repeat 50% 50%}
.board-paging .bt-page.next {background:url("/images/gglife/ico-page-next.svg") no-repeat 50% 50%}
.board-paging .paging {display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.board-paging .pg {width:48px;height:48px;font-size:20px;font-weight:500;border-radius:12px;}
.board-paging .pg:hover,
.board-paging .pg.active {background-color:var(--color-secondary);color:var(--color-primary)}
.board-sort-tab {display:flex;gap:29px;align-items:center;}
.board-sort-tab button {position:relative;display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:37px;border-radius:12px;font-size:18px;font-weight:500;color:#666}
.board-sort-tab button + button:before {content:"";position:absolute;top:50%;left:-14px;transform:translateY(-50%);display:block;width:2px;height:18px;background-color:#B3B6BC}
.board-sort-tab button:hover,
.board-sort-tab button.on {color:#056637;background-color:#F9F9F9;}
.btn-board-write {min-width:171px;}
.board-insert .btn-wrap {margin-top:20px}
.board-view.round-box {padding:24px;border:1px solid #F0EEEE;border-radius:12px}
.board-view .board-view-head {position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.board-view .board-view-head .board-func {position:absolute;top:50%;transform:translateY(-50%);right:0;display:flex;align-items:center;gap:10px;}
.board-view .board-view-title {display:inline-flex;align-items:center;gap:20px;font-size:24px;font-weight:600;}
.board-view .board-view-title small {font-size:20px;font-weight:600;color:#858585}
.board-view .board-view-info {display:flex;gap:10px}
.board-view .board-view-info p {font-size:18px;font-weight:400;color:#858585}
.board-view .board-view-content {min-height:250px;padding:24px 12px 12px 12px;font-size:18px;font-weight:400;line-height:160%;border-top:1px solid #F0EEEE}
.board-view + .btn-wrap {margin-top:20px}
.board-reply {margin-top:24px;}
.board-reply .reply-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.board-reply .reply-title {display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:600;}
.board-reply .reply-title:before {content:"A";display:inline-block;width:38px;height:40px;line-height:40px;border-radius:50%;text-align:center;background-color:#056637;color:#fff;font-size:20px;font-weight:600;}
.board-reply .reply-info {display:flex;}
.board-reply .reply-info p {position:relative;padding:0 8px;font-size:18px;font-weight:400;color:#858585}
.board-reply .reply-info p + p:before {content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:20px;background-color:#F0EEEE;}
.board-insert + .btn-wrap {margin-top:20px;}


/* =========================================
**  Component - Tab
========================================= */
.tab-menu {display:flex;gap:8px;}
.tab-menu .tab-btn {position:relative;display:inline-flex;gap:12px;height:76px;align-items:center;justify-content:center;min-width:250px;padding:18px 20px;font-size:24px;font-weight:600;color:#666;border-radius:12px 12px 0 0;border: 1px solid #F0EEEE;border-bottom:0;background-color:var(--color-secondary);}
.tab-menu .tab-btn.active {background-color:#fff;color:#212121;}
.tab-menu .tab-btn.active:after {content:"";position:absolute;bottom:-1px;right:0;left:0;display:block;height:1px;background-color:#fff;}
.tab-content {padding:40px 34px;border: 1px solid #F0EEEE;border-radius:0 12px 12px 12px;}


/* =========================================
**  Component - Empty result
========================================= */
.empty-result {padding:106px 0}
.empty-result .msg {text-align:center;font-size:20px;color:#666}
.empty-result .msg.empty {padding-top:132px;background:url("/images/gglife/ico_no_result.svg") no-repeat 50% 0%;}
.empty-result.type-board {padding:64px 0 48px 0}
.empty-result.type-board .msg {font-size:20px;font-weight:400;color:#212121;background:none;padding:0}


/* =========================================
**  Component - Badge
========================================= */
.status-badge {display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:94px;height:40px;padding:0 12px;border-radius:12px;font-size:20px;font-weight:500;letter-spacing:-0.005em;}
.status-badge.type-ongoing {background-color:#FEEEE6;color:#DA4C00}
.status-badge.type-complete {background-color:#EFF6FF;color:#0071FF}
.status-badge.type-disabled {background-color:#F9F9F9;color:#B3B6BC}
.status-badge.type-active {background-color:#EFF6FF;color:#0071FF}
.status-badge.type-inactive {background-color:#FEEEE6;color:#DA4C00}


/* =========================================
**  Layout - My page
========================================= */
.gglife-container-mypage {width:1400px;margin:0 auto;padding-top:128px;}
.gglife-container-mypage section {padding-bottom:70px;}
.layout-container {display:flex;gap:70px;}
.layout-container .layout-side {width:320px;}
.layout-container .layout-side li {padding:12px 0;border-bottom:1px solid #F0EEEE;}
.layout-container .layout-side li > a {position:relative;display:flex;align-items:center;gap:24px;height:64px;padding:0 16px;text-align:left;transition:all .1s;}
.layout-container .layout-side li > a:hover,
.layout-container .layout-side li > a.active {background-color:var(--color-secondary);border-radius:12px;}
.layout-container .layout-side li > a:hover:before,
.layout-container .layout-side li > a.active:before {content:"";position:absolute;top:-1px;left:0;right:0;display:block;}
.layout-container .layout-side li > a > span {display:flex;gap:12px;align-items:center;font-size:24px;font-weight:600;color:#363B48;letter-spacing:-0.005em;line-height:1.6}
.layout-container .layout-side li > a > span > small {display:none;}
.layout-container .layout-side li > a small {display:block;font-size:18px;font-weight:400;color:#666;line-height:1.6}
.layout-container .layout-side li .sub-depth {display:flex;flex-direction:column;gap:8px;padding:8px 56px 0px 56px;}
.layout-container .layout-side li .sub-depth > a {display:flex;align-items:center;gap:8px;padding:0 20px;border-radius:12px;height:48px;font-size:20px;font-weight:500;}
.layout-container .layout-side li .sub-depth > a:hover,
.layout-container .layout-side li .sub-depth > a.active {background-color:var(--color-secondary);}
.layout-container .layout-side li:has(.sub-depth) > a {border:0}
.layout-container .layout-side li:has(.sub-depth) > a:hover,
.layout-container .layout-side li:has(.sub-depth) > a.active {}
.layout-container .layout-side li:not(:has(.sub-depth)) {padding:0;}
.layout-container .layout-side li:not(:has(.sub-depth)) > a {height:84px;}
.layout-container .layout-side .btn {margin-top:56px}
.bt-partner {width:100%;height:72px;display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #0071FF;border-radius:12px;font-size:24px;font-weight:600;color:#0071FF}
.bt-partner:hover {background-color:#0B77FF33;}
.layout-container .layout-content {flex:1;padding-top:10px;}
.sec-mypage .sec-title {justify-content:flex-start;margin-bottom:20px;text-align:left;font-size:24px;gap:12px}
.sec-mypage .sec-title small {color:#666;font-weight:400}
.sec-mypage .sec-title .pos-right-top {top:50% !important;transform:translateY(-50%)}
.gglife-container-mypage .board-table table th {height:40px;background-color:#f9f9f9;}
.gglife-container-mypage .board-table table tr th:first-child {border-radius:12px 0 0 0;}
.gglife-container-mypage .board-table table tr th:last-child {border-radius:0 12px 0 0;}
.gglife-container-mypage .board-table table td {height:80px}
.gglife-container-mypage .board-table table th,
.gglife-container-mypage .board-table table td {border-left:0;}
.gglife-container-mypage .board-table table td [class*="button-default-"] {min-width:161px}
.cont-group + .cont-group {margin-top:24px}
.cont-group .cont-inner + .cont-inner {margin-top:32px}
.cont-group.round-box {padding:24px;border:1px solid #F0EEEE;border-radius:12px;}
.cont-title {margin-bottom:16px;font-size:20px;font-weight:500;}
.cont-title small {padding-left:24px;font-size:18px;font-weight:400;color:#858585}
.cont-title.fwb {font-weight:700}
.member-withdraw {display:flex;gap:8px;margin-top:40px;padding-top:40px;border-top:1px solid #F0EEEE;}
.member-withdraw .msg {font-size:20px;font-weight:400;color:#B3B6BC}
.member-withdraw a {padding:0 16px;font-size:20px;font-weight:600;color:#424346;}
.member-info-result {display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:18px 20px;gap:120px;border-radius:12px;border:1px solid #F0EEEE;background-color:#F3F3F3;}
.member-info-result p {font-size:20px;font-weight:500}


/* =========================================
**  Component - Notice Banner
========================================== */
.notice-banner {position:relative;display:flex;align-items:center;gap:8px;margin-bottom:40px;padding:16px;border-radius:12px;border: 1px solid #F0EEEE;background:var(--color-secondary)}
.notice-banner .msg {font-size:20px;font-weight:500;color:#666}
.notice-banner .bt-banner-func {position:absolute;top:20px;right:66px;font-size:20px;font-weight:600;line-height:1;color:var(--color-primary);border-bottom:2px solid var(--color-primary);}
.notice-banner .bt-banner-close {position:absolute;top:16px;right:16px;width:30px;height:30px;background:url("/images/gglife/ico_banner_close.svg") no-repeat 50% 50%;}


/* =========================================
**  Component - Notice Msg
========================================== */
.notice-message .msg {font-size:18px;font-weight:400;}
.notice-message .msg.danger {color:#F05400;}
.notice-message .msg .ico-set {margin:-2px 8px 0 0;}
.notice-message .msg .gglife__ico {position:relative;top:5px;margin:0 8px 0 0;}


/* =========================================
**  Component - Notification Alert
========================================== */
.alert-banner {display:flex;align-items:center;justify-content:space-between;position:fixed;top:34px;left:50%;transform:translateX(-50%);width:1400px;max-width:90%;padding:16px;border-radius:12px;border-width:2px;border-style:solid;z-index:10010;}
.alert-banner .msg {display:flex;align-items:center;gap:8px;font-size:20px;font-weight:500;}
.alert-banner .bt_func_txt {padding-bottom:2px;border-bottom-width:2px;border-style:solid;font-size:20px;font-weight:600;line-height:1;}
.alert-banner.error {background-color:#FEE8E6;border-color:#DA1600;}
.alert-banner.error .bt_func_txt {color:#F01800;border-color:#F01800;}


/* =========================================
**  Component - Guide box
========================================== */
.guide-cont-box {padding:27px 20px;border:1px solid #CCEBD3;border-radius:12px;background-color:#F3F7F3}
.guide-cont-box .guide-title {margin-bottom:7px;font-size:20px;font-weight:600;color:#363B48}
.guide-cont-box li {position:relative;padding-left:30px;}
.guide-cont-box li + li {margin-top:5px;}
.guide-cont-box li.bul-dot:before {content:"";position:absolute;top:14px;left:13px;display:block;width:4px;height:4px;background-color:#363B48;border-radius:50%;}


/* =========================================
**  Component - System status box
========================================== */
.system-status-box {width:723px;max-width:100%;padding:32px 41px;margin:0 auto;border-radius:16px;border:2px solid #F3F3F3;box-shadow:0px 4px 4px -1px #5E5E5E1A;border-radius:16px;text-align:center;}
.system-status-box.no-border {border:0;box-shadow:none;}
.system-status-box .msg-box {margin-top:24px;}
.system-status-box .mail-msg-box {display:flex;flex-direction:column;gap:16px;margin-top:32px;padding:12px;background-color:var(--color-secondary);border-radius:12px;}
.system-status-box .t1 {font-size:24px;font-weight:600;color:#363B48;}
.system-status-box .t1 .gglife__ico {position:relative;top:6px}
.system-status-box .t2 {font-size:20px;font-weight:500;color:#363B48;}
.system-status-box .t3 {font-size:20px;font-weight:500;color:var(--color-primary-pressed)}
.system-status-box .btn-wrap {margin-top:32px}


/* =========================================
**  Component - Coupon
========================================== */
.coupon-code-box h4,
.coupon-card-item-box h4 {margin-bottom:24px;font-size:24px;font-weight:600;}
.coupon-card-item-list {display:flex;justify-content:space-between;gap:16px;}
.coupon-card-item {position:relative;width:322px;height:531px;text-align:center;background:url("/images/gglife/bg_coupon_code.png") no-repeat 0 0 / 100%;transition:all .1s}
.coupon-card-item:hover {background:url("/images/gglife/bg_coupon_code_active.png") no-repeat 0 0 / 100%}
.coupon-card-item .bdg-event {position:absolute;display:block;width:101px;height:110px;background:url("/images/gglife/bg_coupon_code_badge_event.png") no-repeat 0 0 / 100%}
.coupon-card-item .coupon-info {display:flex;flex-direction:column;gap:11px}
.coupon-card-item .coupon-info .cpn-detail {display:flex;flex-direction:column;gap:8px}
.coupon-card-item .coupon-info .cpn-detail p {line-height:1.6}
.coupon-card-item .coupon-info .cpn-img {display:flex;align-items:flex-end;justify-content:center;height:157px;}
.coupon-card-item .coupon-info .cp-name {font-size:24px;font-weight:600;color:#0071FF;letter-spacing:-0.01em}
.coupon-card-item .coupon-info .cp-price {display:flex;justify-content:center;gap:13px;align-items:center;}
.coupon-card-item .coupon-info .cp-price + .cp-price {margin-top:-7px}
.coupon-card-item .coupon-info .prc.sale {font-size:32px;font-weight:700;}
.coupon-card-item .coupon-info .prc.origin {font-size:20px;font-weight:500;color:#B3B6BC;text-decoration: line-through}
.coupon-card-item .coupon-info .cp-type {font-size:18px;font-weight:500;color:#666}
.coupon-card-item .coupon-btn {position:absolute;top:413px;left:50%;transform:translateX(-50%);width:217px;text-align:center;}
.coupon-card-item .coupon-btn p {margin-top:6px;color:#666}


/* =========================================
**  Component - Loading Content
========================================== */
.loading-content {display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:16px 44px;text-align:center;}
.loading-content .loading-txt1 {font-size:32px !important;font-weight:600 !important}
.loading-content .loading-txt2 {font-size:28px !important;font-weight:400 !important;color:#858585 !important;}
.loading-content .loading-spin {min-height:auto;padding-top:8px;}
.empty-result .loading-spin {min-height:150px}

/* =========================================
**  Component - Spin
========================================== */
.loading-spin {display:flex;align-items:center;justify-content:center;min-height:500px}

.spinner{
    --size:80px;
    --stroke:10px;
    --progress:30; /* 30% */

    display:inline-block;
    width:var(--size);
    height:var(--size);

    animation:spinnerRotate 1s linear infinite;
}

.spinner-sm{
    --size: 68px;
}

.spinner svg{
    width:100%;
    height:100%;
    transform:rotate(-90deg); /* 12시부터 시작 */
}

.spinner circle{
    fill:none;
    stroke-width:var(--stroke);
}

.spinner-bg{
    stroke:#D9D9D9;
}

.spinner-fg{
    stroke:#056637;
    stroke-linecap:round;

    stroke-dasharray:219.91;
    stroke-dashoffset:calc(219.91 * (1 - (var(--progress) / 100)));
}

@keyframes spinnerRotate{
    to{
        transform:rotate(360deg);
    }
}


/* =========================================
**  Component - Popup
========================================== */
.popup-wrap {position:fixed; z-index:10004; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.popup-wrap.hide {display:none;}
.popup-wrap.noBg {background:rgba(0,0,0,0);}
.popup-wrap .popup {position:absolute;z-index:1;left:50%;top:50%;display:flex;flex-direction:column;min-width:320px;max-width:calc(100% - 40px);max-height:calc(100% - 40px);padding:32px;border-radius:24px;background:#fff;transform:translate(-50%, -50%);}
.popup-wrap .popup .pop-con::-webkit-scrollbar {width:10px;}
.popup-wrap .popup .pop-con::-webkit-scrollbar-thumb {background-color:var(--color-nds-gray-400);border-radius:10px;}
.popup-wrap .popup .pop-con::-webkit-scrollbar-track {padding:1px;background-color:#fff;border-radius:10px;}
.popup-wrap .pop-con {overflow-y:scroll;flex:1;padding-right:10px;margin-right:-20px}
.popup-wrap .popup.pop-guide-set {display:flex;flex-direction:column;gap:60px;}
.popup-wrap .popup.pop-guide-set .pop-con {padding:5px 54px 0 64px;margin-top:-5px;}
.popup-wrap .popup.pop-guide-set .pop-btn {margin-top:60px}
.popup-wrap .popup .pop-title {font-size:24px;font-weight:600;text-align:center;}
.popup-wrap .popup.pop-guide-set .pop-title {font-size:32px;font-weight:700}
.popup-wrap .popup.pop-guide-set .pop-title.sm {font-size:24px;}
.popup-wrap .popup .pop-title.al-l {text-align:left;}
.popup-wrap .popup .pop-head .bt-pop-close {position:absolute;width:30px;height:30px;right:32px;top:32px;background:url("/images/gglife/ico_pop_close.svg") no-repeat 50% 50%;}
.popup-wrap .popup.pop-guide-set .bt-pop-close {width:48px;height:48px;top:32px;right:40px;}
.popup-wrap .popup.type-alert {padding:0;border-radius:12px;}
.popup-wrap .popup.type-alert .pop-con {padding:32px 16px;font-size:14px;overflow:hidden;margin:0;}
.popup-wrap .popup.type-alert .pop-con h2 {margin-bottom:20px;font-size:24px;font-weight:600}
.popup-wrap .popup.type-alert .pop-con p {font-size:20px;font-weight:400;}
.popup-wrap .popup.type-alert .pop-con .visual {margin-bottom:8px;text-align:center;}
.popup-wrap .popup.type-alert .pop-btn {padding:0px 20px 32px 20px;z-index:10;display:flex;flex-wrap:wrap;}
.popup-wrap .popup.type-bottom .pop-btn {position:absolute;bottom:0;left:0;right:0;background-color:#fff;z-index:10;padding:15px 18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid #F0EEEE;background-color:#fff;z-index:10;}
.popup-wrap .popup .pop-btn .bt-reset {width:80px;margin-right:8px;font-size:12px;font-weight:500;color:var(--color-nds-gray-400);}
.popup-wrap .popup .pop-btn .bt-reset .ico-reset {margin-right:5px;}
.popup-wrap .popup .pop-btn .btn-prev {width:70px}
.popup-wrap .popup .pop-btn .btn-complete {flex:1;}
.popup-wrap .popup.type-confirm {width:174px;border-radius:16px;}
.popup-wrap .popup.type-confirm .pop-con {padding:46px 0;font-size:14px;text-align:center;overflow-y:auto;overflow-x:hidden;}
.popup-wrap .popup.type-confirm .pop-con p {font-weight:600;}
.popup-wrap .popup.type-bottom {display:flex;flex-direction: column;}
.popup-wrap .popup.type-bottom .pop-con {flex:1;overflow-y:auto;overflow-x:hidden;margin-top:24px;margin-bottom:36px}
.popup-wrap .popup.type-bottom {top:auto;bottom:0;width:100%;max-width:460px;transform:translate(-50%, 0%);border-radius:20px 20px 0 0;}
.popup-wrap .popup.type-bottom.control-modal:before {content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);display:block;width:66px;height:5px;background:#D9D9D9;border-radius:99px;}
.popup-wrap .popup.type-bottom-menu .pop-con {padding-top:24px;padding-bottom:36px}
.popup-wrap .popup.type-bottom-menu {top:auto;bottom:31px;width:100%;max-width:460px;transform:translate(-50%, 0%);border-radius:20px;}
.popup-wrap .popup.type-bottom-menu .pop-btn button {height:48px;border-top:0;flex:1;}
.popup-wrap .popup.type-card {top:auto;bottom:0;width:100%;max-width:460px;transform:translate(-50%, 0%);border-radius:16px 16px 0 0;background-color:#f9f9f9}
.popup-wrap .dim {position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;opacity:0;z-index:0;}
.modal-func-btns button {width:100%;height:48px;font-size:16px;padding:0 20px;font-weight:600;color:var(--color-nds-gray-800)}
@keyframes modalUpMotion {
    from {
        transform:translate(-50%, 100%);
    }
    to {
        transform:translate(-50% ,0%);
    }
}

/* =========================================
**  Popup - 상태완료
========================================== */
.popup.pop-complete {width:452px;padding:48px 60px 48px 60px;border-radius:12px;}
.popup.pop-complete .msg {font-size:24px;font-weight:600;letter-spacing:-0.01em;}
.popup.pop-complete .visual {padding:48px 0;}
.popup.pop-complete .visual img {display:block;margin:0 auto;}


/* =========================================
**  Popup - 인증하기
========================================== */
.popup.pop-cert {width:551px}
.popup.pop-cert .insert-form-group {margin-top:32px}
.popup.pop-cert .insert-form-group .ipt-btn {width:auto;min-width:102px}
.popup.pop-cert .btn-wrap {margin-top:16px}

/* =========================================
**  Popup - 로그인
========================================== */
.popup.pop-login {width:515px;padding-bottom:40px}
.popup.pop-login .insert-form-group {margin-top:85px}
.popup.pop-login .btn-wrap {margin-top:32px;}
.popup.pop-login .pop-title {padding-top:30px}
.member-link {margin-top:10px;text-align:right;}
.member-link a {text-decoration:none;color:#666;font-weight:500;letter-spacing:-0.01em;font-size:20px;}

/* =========================================
**  Popup - 회원가입
========================================== */
.popup.pop-join {width:1090px;padding-bottom:40px}
.popup.pop-join .insert-form-group {margin-top:85px}
.popup.pop-join .btn-wrap {margin-top:32px;}
.popup.pop-join .pop-title {padding-top:30px}
.popup.pop-join .insert-form-group .input-item {gap:20px;}
.popup.pop-join .insert-form-group .ipt-btn {width:102px}
.popup.pop-join .insert-form-group .ipt-cont {gap:8px;}

/* =========================================
**  Popup - 이용권 등록
========================================== */
.popup.pop-coupon-insert {width:515px;}
.popup.pop-coupon-insert .insert-form-group {margin-top:85px}
.popup.pop-coupon-insert .btn-wrap {margin-top:32px;}
.popup.pop-coupon-insert .pop-title {padding-top:30px}

/* =========================================
**  Popup - 검사자 등록
========================================== */
.popup.pop-test-partner {width:1636px;}


/* =========================================
**  Popup - 본인확인
========================================== */
.popup.pop-cert-form {}


/* =========================================
**  Popup - 지지라이프 검사
========================================== */
.popup-wrap .popup.pop-test-form {top:70px;max-height: calc(100% - 140px);transform:translate(-50%, 0%);padding:80px 40px;}
.popup-wrap .popup.pop-test-form .btn-step {width:200px;flex:none;}
.popup-wrap .popup.pop-test-form .btn-step .ico-arr-l {position:absolute;left:16px;top:50%;transform:translateY(-50%)}
.popup-wrap .popup.pop-test-form .btn-step .ico-arr-r {position:absolute;right:16px;top:50%;transform:translateY(-50%)}
.popup-wrap .popup.pop-test-form .insert-form-group {gap:56px}
.popup-wrap .popup.pop-test-form .insert-form-group.round-box {padding:20px 48px;}
.popup-wrap .popup.pop-test-form .insert-form-group .input-item {gap:56px}
.popup-wrap .popup.pop-test-form .ment {font-size:24px;font-weight:600}
.test-step-progress {position:relative;height:66px;margin-bottom:108px;}
.test-step-progress ol {display:flex;height:14px;gap:1px;}
.test-step-progress ol li {position:relative;flex:1;background-color:#D9D9D9;text-align:center;}
.test-step-progress ol li:nth-of-type(1) {border-radius:99px 0 0 99px}
.test-step-progress ol li:last-child {border-radius:0 99px 99px 0}
.test-step-progress ol li > span {position:relative;top:22px;display:block;padding:8px 0;font-size:20px;font-weight:500;letter-spacing:-0.05em;color:var(--color-nds-gray-400);}
.test-step-progress ol li.current {background-color:var(--color-primary-pressed);}
.test-step-progress ol li.current > span {display:flex;align-items:center;justify-content:center;gap:4px;font-weight:600;color:#363B48}
.test-step-progress ol li.current > span:before {content:"";display:inline-block;vertical-align:middle;margin:-3px 4px 0 0;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary-pressed);}
.test-step-progress ol li.current > span small {font-size:14px;font-weight:400;color:#858585;letter-spacing:0}
.test-step-progress ol li.done {background-color:var(--color-primary)}
.test-step-progress ol li.done > span {font-weight:500;color:#363B48;}
.test-paging {display:flex;align-items:center;justify-content:flex-end;text-align:center;font-size:18px;font-weight:400;color:#666}
.test-step-progress .test-paging {margin-bottom:8px}
.test-content {display:flex;gap:20px;justify-content:space-between;align-items:center;}
.test-content .test-items {margin-top:40px;width:782px;max-width:100%}
.test-content .test-items li {display:flex;align-items:center;height:72px;padding:0 16px;border:1px solid #F3F3F3;border-radius:12px}
.test-content .test-items li:hover,
.test-content .test-items li:has(input:checked) {border:1px solid #F0EEEE;box-shadow:0px 1px 4px 0px #0C0C0D0D}
.test-content .test-items li + li {margin-top:20px}
.test-content .test-items .chk-wrap {display:block;width:100%}
.test-content .test-items .chk-wrap label {display:flex;height:72px;align-items:center;color:#666}
.test-content .test-items .chk-wrap label:after {top:24px}
.test-content .test-items li:hover .chk-wrap input+label,
.test-content .test-items .chk-wrap input:checked+label {color:#212121;}
.test-info-set {position:relative;min-height:112px;padding:16px 32px;border: 1px solid #F0EEEE;background-color:var(--color-secondary);border-radius:12px;}
.test-info-set .status {padding-left:32px;color:var(--color-primary-pressed);font-size:20px;font-weight:600;background:url("/images/gglife/ico_test_info_status.svg") no-repeat 2px 50%;}
.test-info-set .result {margin-top:16px;font-size:20px;font-weight:500;}
.test-info-set .bt-reset {position:absolute;right:32px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:underline;font-size:20px;font-weight:600;}
.test-history-select {margin-top:56px;}
.test-history-select h3 {display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:600;}
.test-history-select h3 small {font-size:20px;font-weight:400;color:#666}
.test-history-select .result {font-size:20px;}
.test-history-select .result em {font-weight:600;}
.test-history-select .result .spe {display:block;color:#F05400;letter-spacing:-0.05em;line-height:1.6;font-size:16px}
.history-item-list {display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;}
.history-item-list .item:has(.selected) {flex:none;}
.history-item-list .item .log .date {display:flex;align-items:center;gap:8px;font-size:24px;font-weight:600;line-height:1.6;}
.history-item-list .item .log .date small {display:inline-flex;gap:8px;align-items:center;font-size:20px;font-weight:400;color:#363B48;}
.history-item-list .item .log .count {display:block;font-size:20px;color:#666;line-height:1.6;}
.history-item-list .item > button {position:relative;width:100%;height:100%;display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left;box-shadow:0px 1px 4px 0px #0C0C0D21;border-radius:12px;border:1px solid #F3F3F3;}
.history-item-list .item > button.selected {border:3px solid var(--color-primary);}
.history-item-list .item > button .badge {display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 20px;border-radius:99px;background-color:#FEE8E6;font-size:20px;font-weight:600;color:#F05400;}
.test-search-box {display:flex;gap:32px;position:relative;margin-top:60px;margin-bottom:56px;padding:29px 27px;box-shadow: 0px 1px 4px 0px #0C0C0D21, 1px 6px 8px 4px #DCDCDC40;border-radius:20px}
.test-search-box .insert-form-group {flex:1}
.test-search-box .btn-add-tester {flex:none}
.test-search-box .insert-form-group .inner {position:relative;}
.test-search-box .insert-form-group .ipt-tit {position:absolute;left:0;top:13px;}

/* =========================================
**  Popup - 쿠폰 상세 정보
========================================== */
.popup-wrap .popup.pop-coupon-history .pop-title {margin-bottom:24px}
.coupon-summary-box {display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;padding:25px 40px;background-color:#F3F7F3;border: 1px solid #CCEBD3;border-radius:12px}
.coupon-summary-box.invalid {background-color:#F3F3F3;border:1px solid #D9D9D9;}
.coupon-summary-box p {display:inline-flex;align-items:center;gap:12px;font-size:20px;font-weight:500;}

/* =========================================
**  Popup - 쿠폰 선택
========================================== */
.popup-wrap .popup.pop-coupon-list {min-height:384px;}
.popup-wrap .popup.pop-coupon-list .pop-title {margin-bottom:32px}

/* =========================================
**  Popup - 검사 결과 보기
========================================== */
.pop-tester-list .visual {margin-top:32px}
.pop-tester-report {margin-top:32px;overflow:hidden;border-radius:12px;border:1px solid #D9D9D9}

/* =========================================
**  Popup - 쿠폰 코드 등록
========================================== */
.popup-wrap .popup.pop-coupon-code .pop-title {margin-bottom:24px}

/* =========================================
**  Popup - 쿠폰 구매 완료
========================================== */
.popup-wrap .popup.pop-coupon-get {padding-bottom:80px;}
.popup-wrap .popup.pop-coupon-get .btn-wrap {margin-top:30px}

/* =========================================
**  Popup - 쿠폰 관리
========================================== */
.popup-wrap .pop-coupon-manage {width:515px;height:752px;}
.popup-wrap .pop-coupon-manage .pop-con {padding-top:16px}
.popup-wrap .pop-coupon-manage .board-head {margin-bottom:8px}
.coupon-list {display:flex;flex-direction:column;gap:14px}
.coupon-list .item {display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #D9D9D9;border-radius:12px}
.coupon-list .item .num {color:#363B48;font-size:18px;font-weight:600;}
.coupon-list .item .t {color:#424346;font-size:16px;font-weight:400;}
.coupon-list .item .c {font-size:16px;font-weight:500;}
.coupon-list .type-warning {background-color:#F9F9F9;}
.coupon-list .type-warning * {color:#B3B6BC !important}
.coupon-list .type-live {}
.coupon-list .type-used {}

/* =========================================
**  Popup - 쿠폰 등록
========================================== */
.popup-wrap .pop-coupon-register {width:515px;height:752px;}

/* =========================================
**  Popup - 검사 결과 보기
========================================== */
.popup.pop-test-result-partner {width:1336px;}
.popup.pop-test-result-partner .pop-con {padding-top:16px}
.board-card {display:grid;grid-template-columns: repeat(2, 1fr);gap:16px;}
.board-card .item {display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:20px;border:1px solid #D9D9D9}
.board-card .item .user {font-size:20px;font-weight:500}
.board-card .item .t {font-size:16px;font-weight:400}
.board-card .item .c {font-size:16px;font-weight:500}
.board-card .item .nds__dropMenu__btn {height:24px}
.board-card .item .nds__dropMenu.nds__dropMenu--board .nds__dropMenu__menu {min-width:96px;}
.board-card .item .nds__dropMenu.nds__dropMenu--board .nds__dropMenu__func {padding:4px 5px}

/* =========================================
**  Mobile
========================================== */
.gglife-wrapper:has(.mobile) {min-width:100%;padding-top:54px;}
.gglife-wrapper:has(.mobile)::-webkit-scrollbar {display:none;}
.gglife-wrapper:has(.mobile) .gglife-footer {display:none}
.gglife-wrapper:has(.mobile) .gglife-header {display:none}
.gglife-sub-header {position:fixed;top:0;left:0;right:0;height:54px;background-color:#fff;z-index:999;}
.gglife-sub-header .sub-header-inner {position:relative;display:flex;align-items:center;justify-content:center;height:100%;}
.gglife-sub-header .sub-header-title {text-align:center;font-size:20px;font-weight:500}
.gglife-sub-header [class*="bt-sub-nav-"] {display:block;position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;}
.gglife-sub-header .bt-sub-nav-prev {left:20px;}
.gglife-sub-header .bt-sub-nav-close {right:20px;}
.gglife-sub-header .bt-sub-nav-menu {right:20px;}
.gglife-sub-header .sub-header-logo {position:absolute;top:50%;transform:translateY(-50%);left:20px;width:91px;height:26px;background:url("/images/gglife/mobile/logo_mobile.png") no-repeat 50% 50% / 100%;}
[class*="gglife-container"].mobile {width:100%;padding:20px}
[class*="gglife-container"].mobile .btn-wrap {gap:16px;margin:0;}
[class*="gglife-container"].mobile .btn-wrap:not(.bot-fixed) {margin-top:24px;}
[class*="gglife-container"].mobile section {padding:0}
[class*="gglife-container"].mobile:has(.bot-fixed) {padding-bottom:110px}
[class*="gglife-container"].mobile .test-info-set {display:flex;justify-content:space-between;min-height:auto;margin-bottom:16px;padding:13px 16px}
[class*="gglife-container"].mobile .test-info-set .status {display:inline-flex;align-items:center;font-size:16px}
[class*="gglife-container"].mobile .test-info-set .bt-reset {position:static;gap:2px;font-size:18px;transform:translateY(0%);}
[class*="gglife-container"].mobile .history-item-list {display:block;width:100%;margin-top:16px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling: touch;}
[class*="gglife-container"].mobile .history-item-list::-webkit-scrollbar {display:none}
[class*="gglife-container"].mobile .history-item-list .item {display:inline-block;}
[class*="gglife-container"].mobile .history-item-list .item + .item {margin-left:14px}
[class*="gglife-container"].mobile .history-item-list .item > button {padding:12px 16px}
[class*="gglife-container"].mobile .history-item-list .item .log .date {font-size:20px}
[class*="gglife-container"].mobile .history-item-list .item .log .count {font-size:18px;}
[class*="gglife-container"].mobile .test-history-select {margin-top:24px}
[class*="gglife-container"].mobile .test-history-select h3 {display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:20px;}
[class*="gglife-container"].mobile .test-history-select h3 small {font-size:16px;}
[class*="gglife-container"].mobile .history-rst {margin-top:12px;color:#666;font-size:18px;}
[class*="gglife-container"].mobile .btn-step {width:auto;min-width:62px;gap:0}
[class*="gglife-container"].mobile .btn-step:has(.ico-set-chevronLeft) {padding-right:24px;}
[class*="gglife-container"].mobile .btn-step:has(.ico-set-chevronRight) {padding-left:24px;}
[class*="gglife-container"].mobile .ment {font-size:16px;font-weight:500;}
[class*="gglife-container"].mobile .test-paging {font-size:14px;font-weight:500;}
[class*="gglife-container"].mobile .test-step-progress {height:40px;margin-bottom:16px}
[class*="gglife-container"].mobile .test-step-progress ol {gap:2px;height:4px;}
[class*="gglife-container"].mobile .test-step-progress ol li {position:static;border-radius:99px}
[class*="gglife-container"].mobile .test-step-progress ol li > span {display:none;font-size:16px}
[class*="gglife-container"].mobile .test-step-progress ol li.current > span:before {display:none}
[class*="gglife-container"].mobile .test-step-progress ol li.current > span {position:absolute;left:0;top:0;display:block;padding:0;font-weight:500}
[class*="gglife-container"].mobile .test-step-progress ol li.current > span small {font-size:16px;color:#363B48}
[class*="gglife-container"].mobile .test-step-progress ol li.done {background-color: var(--color-primary);}
[class*="gglife-container"].mobile .test-content .test-items {width:100%;margin-top:20px}
[class*="gglife-container"].mobile .test-content .test-items li {height:60px;border:0;padding:12px 16px;box-shadow:none;border: 1px solid #F3F3F3;border-radius:12px;}
[class*="gglife-container"].mobile .test-content .test-items li + li {margin-top:12px}
[class*="gglife-container"].mobile .test-content .test-items li:has(input:checked) {border-color:#09AA5C}
[class*="gglife-container"].mobile .test-content .test-items .chk-wrap label {height:60px;padding-left:44px;font-size:18px;}
[class*="gglife-container"].mobile .test-content .test-items .chk-wrap label:after {top:18px}
[class*="gglife-container"].mobile .test-question .ment {font-size:20px}
[class*="gglife-container"].mobile .test-question .ment span {color:#056637;font-weight:600}
[class*="gglife-container"].mobile .system-status-box {padding:80px 0 0 0;border:0;box-shadow:none;}
[class*="gglife-container"].mobile .system-status-box .mail-msg-box {margin-top:40px;padding:18px;gap:7px}
[class*="gglife-container"].mobile .system-status-box .visual img {width:140px}
[class*="gglife-container"].mobile .system-status-box .t2 {font-size:18px}

.gglife-wrapper:has(.gglife-container-home.mobile) {padding-top:0 !important}
[class*="gglife-container-home"].mobile {padding:0 !important;}
[class*="gglife-container-home"].mobile .gglife-sub-header {background-color:#2D2C2C99;box-shadow:0px 1px 4px 0px #0C0C0D0D;backdrop-filter: blur(4px);}
[class*="gglife-container-home"].mobile .gglife-sub-header .ico-header-menu {display:block;width:30px;height:30px;background-image:url("/images/gglife/mobile/ico_mobile_menu_white.svg");background-size:30px}
body.fixed [class*="gglife-container-home"].mobile .gglife-sub-header {background-color:#fff;}
body.fixed [class*="gglife-container-home"].mobile .gglife-sub-header .ico-header-menu {background-image:url("/images/gglife/mobile/ico_mobile_menu_black.svg");background-size:30px}
[class*="gglife-container-home"].mobile .btn-large {height:56px;}
[class*="gglife-container-home"].mobile .sec-main-visual .sec-inner {height:187vw;background:url("/images/gglife/mobile/visual_main.png") no-repeat 50% 0% / 100%}
[class*="gglife-container-home"].mobile .sec-main-visual .sec-inner:after {display:none}
[class*="gglife-container-home"].mobile .sec-main-visual .ment .t1 {font-size:32px}
[class*="gglife-container-home"].mobile .sec-main-visual .btn {margin:46px 40px 0 40px;}
[class*="gglife-container-home"].mobile .sec-main-visual .btn small {font-size:14px}
[class*="gglife-container-home"].mobile .sec-main-visual .btn .btn-test {width:100%;}
[class*="gglife-container-home"].mobile .sec-main-summary {padding:85px 0px 110px 0px;margin-top:0}
[class*="gglife-container-home"].mobile .sec-main-summary .ment1 {font-size:24px;}
[class*="gglife-container-home"].mobile .sec-main-visual .ment {padding-top:50vw;}
[class*="gglife-container-home"].mobile .sec-main-summary .ment1 {margin-bottom:30px;}
[class*="gglife-container-home"].mobile .sec-main-summary .ment2 {padding-top:40px;font-size:16px}
[class*="gglife-container-home"].mobile .flip-banner .banner-content p {font-size:20px}
[class*="gglife-container-home"].mobile .flip-banner-wrapper {width:300px;margin:0 auto;}
[class*="gglife-container-home"].mobile .sec-title {margin-bottom:8px;font-size:24px;}
[class*="gglife-container-home"].mobile .sec-summary {margin-top:0;font-size:16px;}
[class*="gglife-container-home"].mobile .sec-main-test {min-height:285px}
[class*="gglife-container-home"].mobile .sec-main-test .sec-inner {padding-top:48px;}
[class*="gglife-container-home"].mobile .sec-main-test:before {height:285px;background:linear-gradient(90deg, #A2D28B 0%, #499AFF 100%);}
[class*="gglife-container-home"].mobile .sec-main-test:after {width:54px;height:120px;}
[class*="gglife-container-home"].mobile .sec-main-test .sec-inner:after,
[class*="gglife-container-home"].mobile .sec-main-test .sec-inner:before {display:none;}
[class*="gglife-container-home"].mobile .test-step-slider {margin-bottom:0}
[class*="gglife-container-home"].mobile .test-step-slider .slick-track {padding:50px 0 96px 0;}
[class*="gglife-container-home"].mobile .test-step-slider .item {padding:24px 20px;min-height:260px;margin:0 10px;background-color:#fff;border: 1px solid #F3F3F3;box-shadow:0px 1px 4px 0px #0C0C0D21, 0px 8px 13px 0px #D7D7D740;border-radius:16px;}
[class*="gglife-container-home"].mobile .test-step-slider .item dt {margin-bottom:28px;font-size:18px;font-weight:600}
[class*="gglife-container-home"].mobile .test-step-slider .item dd {font-size:16px;font-weight:500;line-height:160%;white-space:nowrap;}
[class*="gglife-container-home"].mobile .test-step-slider .item dl {padding-top:56px;background-size:47px;background-repeat:no-repeat;background-position:50% 0%;}
[class*="gglife-container-home"].mobile .test-step-slider .item1 dl {background-image:url("/images/gglife/ico_main_test_step1.png");}
[class*="gglife-container-home"].mobile .test-step-slider .item2 dl {background-image:url("/images/gglife/ico_main_test_step2.png");}
[class*="gglife-container-home"].mobile .test-step-slider .item3 dl {background-image:url("/images/gglife/ico_main_test_step3.png");}
[class*="gglife-container-home"].mobile .test-step-slider .slick-dots {bottom:auto;top:0;}
[class*="gglife-container-home"].mobile .test-step-slider .slick-dots li {height:auto;width:12px;}
[class*="gglife-container-home"].mobile .test-step-slider .slick-dots li button {width:12px;height:2px;padding:0;border-radius:2px;background-color:#fff;opacity:0.5;}
[class*="gglife-container-home"].mobile .test-step-slider .slick-dots li.slick-active button {opacity:1;}
[class*="gglife-container-home"].mobile .test-step-slider .slick-dots li button:before {display:none;}
[class*="gglife-container-home"].mobile .sec-main-report {padding-top:56px;}
[class*="gglife-container-home"].mobile .sec-main-review {height:auto;padding:120px 0px 0px 0px;}
[class*="gglife-container-home"].mobile .sec-main-review .sec-inner {padding-bottom:50vw;background:url("/images/gglife/mobile/bg_main_bottom_mobile.png") no-repeat 50% 100% / 100%;}
[class*="gglife-container-home"].mobile .user-review-list {display:flex;flex-direction:column;}
[class*="gglife-container-home"].mobile .user-review-item {padding:24px 36px;}
[class*="gglife-container-home"].mobile .user-review-item p {font-size:16px;}
[class*="gglife-container-home"].mobile .user-review-item small {font-size:14px}
[class*="gglife-container-home"].mobile .report-slider {margin-top:38px;}
[class*="gglife-container-home"].mobile .review-slider {margin-top:24px}
[class*="gglife-container-home"].mobile .review-slider .user-review-item {margin:0 10px;}
[class*="gglife-container-home"].mobile .review-slider .user-review-item + .user-review-item {margin-top:20px}
[class*="gglife-container-home"].mobile .review-slider .user-review-item:before {height:21px;background-size:23px}
[class*="gglife-container-home"].mobile .review-slider .slick-slide {padding-bottom:10px;}
[class*="gglife-container-home"].mobile .review-slider .slick-dots {bottom:-25px;}
[class*="gglife-container-home"].mobile .review-slider .slick-dots li {height:auto;width:12px;}
[class*="gglife-container-home"].mobile .review-slider .slick-dots li button {width:12px;height:2px;padding:0;border-radius:2px;background:#00000033;opacity:1;}
[class*="gglife-container-home"].mobile .review-slider .slick-dots li.slick-active button {background-color:#363B48;}
[class*="gglife-container-home"].mobile .review-slider .slick-dots li button:before {display:none;}
[class*="gglife-container-home"].mobile .banner-cha li:nth-of-type(1) {bottom:-60px;}
[class*="gglife-container-home"].mobile .banner-cha li:nth-of-type(2) {bottom:-20px;}
[class*="gglife-container-home"].mobile .banner-cha li:nth-of-type(3) {top:-30px;}



/* ========== Flip Banner (Vertical Slide) ========== */
[class*="gglife-container-home"].mobile .flip-banner {height:64px}
[class*="gglife-container-home"].mobile .flip-banner .banner-content {animation:flipShowMobile 5s linear infinite;}
[class*="gglife-container-home"].mobile .flip-banner .banner-content li {height:64px;}
[class*="gglife-container-home"].mobile .flip-banner .banner-content p {height:64px;line-height:64px}


/* 배너 애니메이션 */
@keyframes flipShowMobile {
    /* 1번 화면 유지 */
    0%   { transform: translateY(0); }
    5%   { transform: translateY(0); }

    /* 2번으로 이동 후 유지 */
    10%  { transform: translateY(-64px); }
    33%  { transform: translateY(-64px); }

    /* 3번으로 이동 후 유지 */
    38%  { transform: translateY(-128px); }
    66%  { transform: translateY(-128px); }

    /* 다시 1번으로 복귀 후 유지 */
    71%  { transform: translateY(0); }
    99.99% { transform: translateY(0); }
    100% { transform: translateY(0); }
}


[class*="gglife-container"].mobile section .sec-ment {padding:40px 0 24px 0;}
[class*="gglife-container"].mobile section .sec-ment p {font-size:30px}
[class*="gglife-container"].mobile .test-guide-box {flex-direction:column;padding:24px 20px;}
[class*="gglife-container"].mobile .test-guide-box .txt p {font-size:20px;}
[class*="gglife-container"].mobile .test-guide-box .txt small {margin-top:24px;font-size:16px}
[class*="gglife-container"].mobile .test-guide-box .step {margin-top:30px;}
[class*="gglife-container"].mobile .test-guide-box .step li {padding-left:28px;font-size:16px}
[class*="gglife-container"].mobile .test-guide-box .step li:before {top:3px;width:20px;height:20px;background-size:100%;}
[class*="gglife-container"].mobile section .sec-smr {border-top:0}
[class*="gglife-container"].mobile section .sec-smr h3 {font-size:24px}
[class*="gglife-container"].mobile .sec-test-step ol {margin:0;}
[class*="gglife-container"].mobile .sec-test-step ol li {border:0;padding:24px 0 0 0;}
[class*="gglife-container"].mobile .sec-test-step ol li + li {padding:32px 0 0 0;}
[class*="gglife-container"].mobile .sec-test-step ol li:before {display:none}
[class*="gglife-container"].mobile .sec-test-step ol li .txt h4 {display:flex;align-items:center;gap:16px}
[class*="gglife-container"].mobile .sec-test-step ol h4 span {font-size:24px}
[class*="gglife-container"].mobile .sec-test-step ol h4 em {font-size:20px;}
[class*="gglife-container"].mobile .sec-test-step ol .txt p {margin-top:0;font-size:16px}
[class*="gglife-container"].mobile .sec-test-step .pic {margin-top:16px}
[class*="gglife-container"].mobile .sec-test-info {margin-top:40px;border-top:2px solid #F0EEEE}
[class*="gglife-container"].mobile .sec-test-info .sec-smr {padding-top:40px}

[class*="gglife-container"].mobile .test-item-structure-group {display:flex;flex-direction:column;gap:32px}
[class*="gglife-container"].mobile .test-item-structure-group .item {width:100%;padding:24px 20px;height:auto;}
[class*="gglife-container"].mobile .test-item-structure-group .item + .item {margin-top:32px}

[class*="gglife-container"].mobile .sec-service-value .sec-smr {padding-top:32px;border-top:2px solid #F0EEEE}

[class*="gglife-container"].mobile .sec-service-vision .sec-smr p {font-size:16px;color:#666;line-height:160%;}

[class*="gglife-container"].mobile .test-item-structure {margin-top:24px}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-slide {padding-bottom:10px;}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-dots {bottom:-25px;}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-dots li {height:auto;width:12px;}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-dots li button {width:12px;height:2px;padding:0;border-radius:2px;background:#00000033;opacity:1;}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-dots li.slick-active button {background-color:#363B48;}
[class*="gglife-container"].mobile .test-item-structure-slider .slick-dots li button:before {display:none;}

[class*="gglife-container"].mobile .sec-service-partner {padding:36px 0;}
[class*="gglife-container"].mobile .partner-banner .ban-group>span{height:65px;}

[class*="gglife-container"].mobile .mobile-sec-test-value .ment {font-size:18px;font-weight:400}

[class*="gglife-container"].mobile .empty-result .msg.empty {padding-top:80px;background-size:65px;}

.test-info-item-group {display:flex;flex-direction:column;gap:24px;margin-top:24px;}
.test-info-item-group .item {position:relative;border:1px solid #D9D9D9;border-radius:20px;overflow:hidden;}
.test-info-item-group .item img {display:block;width:100%;height:100%;object-fit:cover}
.test-info-item-group .item .bdg {display:flex;align-items:center;height:40px;padding:0 10px;gap:16px;position:absolute;top:10px;left:0;z-index:20;background-color:var(--color-primary);box-shadow:0px 3px 7px 0px #0000004D;}
.test-info-item-group .item .bdg em {color:#fff;font-size:24px;font-weight:700}
.test-info-item-group .item .bdg span {color:#fff;font-size:14px;font-weight:600}
.test-info-item-group {flex:1;min-width:0;cursor:pointer;}
.test-info-item-group .thumb {border-radius:20px;overflow:hidden;border:1px solid #D9D9D9;}
.test-info-item-group .thumb img {display:block;width:100%;height:100%;object-fit:cover;}

body.fixed .mobile-sec-test-value .insert-form-group {position: fixed;top: 54px;left: 0;right: 0;z-index: 20;margin-top: 0 !important;padding: 16px 20px;background: #fff;box-shadow: rgba(12, 12, 13, 0.13) 0 1px 4px 0;}

.result-count {display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.result-count .rst {font-size:16px;font-weight:600;color:#212121;}
.result-count .btn_refresh {display:inline-flex;gap:2px;color:#666;font-size:16px;font-weight:500;}
.tester-list {display:flex;flex-direction:column;gap:16px}
.tester-list .tester-item-inner {position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 12px;border-radius:20px;border:1px solid #d9d9d9;}
.tester-list .tester-item-inner:focus,
.tester-list .tester-item-inner.active {border:1px solid #056637;box-shadow: 0px 2px 2px 0px #00000033;}
.tester-list .tester-item-inner .ico-active-control {display:none;}
.tester-list .tester-item-inner.active .ico-active-control {}
.tester-list .tester-item .item {display:flex;justify-content:space-between;}
.tester-list .tester-item .item .t {display:inline-flex;align-items:center;font-size:16px;font-weight:400;color:#424346;}
.tester-list .tester-item .item.tit .t {font-size:20px;font-weight:500;color:#212121}
.tester-list .tester-item .item .c {display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;color:#212121;}

.value-visual-mobile ul {display:flex;flex-direction:column;gap:24px;margin-top:24px;}
.value-visual-mobile ul li {padding:20px;border-radius:24px;box-shadow:0px 1px 4px 0px #0C0C0D21;text-align:center;}
.value-visual-mobile ul li h4 {font-size:24px;font-weight:700;font-family:'GmarketSans';}
.value-visual-mobile ul li h4:before {content:"";margin:-6px 4px 0 0;vertical-align:middle;display:inline-block;width:40px;height:40px;}
.value-visual-mobile ul li p {font-size:16px;font-weight:500;}
.value-visual-mobile ul li:nth-of-type(1) {background-color:#499AFF1A;}
.value-visual-mobile ul li:nth-of-type(1) h4 {color:#1869CF}
.value-visual-mobile ul li:nth-of-type(1) h4:before {background:url("/images/gglife/ico_value_visual_01.svg") no-repeat 50% 50%;}
.value-visual-mobile ul li:nth-of-type(2) {background-color:#FF88481A;}
.value-visual-mobile ul li:nth-of-type(2) h4 {color:#EB641C;}
.value-visual-mobile ul li:nth-of-type(2) h4:before {background:url("/images/gglife/ico_value_visual_02.svg") no-repeat 50% 50%;}
.value-visual-mobile ul li:nth-of-type(3) {background-color:#97E8681A;}
.value-visual-mobile ul li:nth-of-type(3) h4 {color:#09AA5C}
.value-visual-mobile ul li:nth-of-type(3) h4:before {background:url("/images/gglife/ico_value_visual_03.svg") no-repeat 50% 50%;}

.vision-list-slider {margin-top:24px;}
.vision-list-slider .item {padding:40px 32px;border-radius:99px;border: 2px solid #CCEBD3;text-align:center;}
.vision-list-slider .item .num {line-height:1;margin-bottom:16px;font-size:40px;color:#09AA5C;font-weight:700}
.vision-list-slider .item dt {font-size:20px;font-weight:600}
.vision-list-slider .item dd {margin-top:12px;font-size:18px;font-weight:500;color:#666}
.vision-list-slider .slick-dots {bottom:-25px;}
.vision-list-slider .slick-dots li {height:auto;width:12px;}
.vision-list-slider .slick-dots li button {width:12px;height:2px;padding:0;border-radius:2px;background:#00000033;opacity:1;}
.vision-list-slider .slick-dots li.slick-active button {background-color:#363B48;}
.vision-list-slider .slick-dots li button:before {display:none;}

.aside-menu {display:none;position:fixed;background-color:#fff;top:0;left:0;right:0;bottom:0;z-index:10010}
.aside-menu.active {display:block;}
.aside-header {position:relative;height:56px;display:flex;align-items:center;justify-content:center;}
.aside-header .bt-sub-nav-close {position:absolute;right:20px;top:13px;}
.aside-header h2 {font-size:20px;font-weight:500}
.aside-content {padding:24px 20px}
.aside-content nav {display:flex;flex-direction:column;gap:20px;}
.aside-content nav > a {height:40px;display:inline-flex;align-items:center;}
.aside-content nav > a > span {position:relative;font-size:20px;font-weight:600;}
.aside-content nav > a.on span {color:#056637;}
.aside-content nav > a.on span:after {content:"";position:absolute;bottom:-10px;left:0;right:0;display:block;height:4px;border-radius:8px;background-color:#09AA5C;}
.aside-content nav > a.sub span {color:#858585}
.aside-footer {padding:20px;}
.aside-footer .foot-inner {padding:17px 0;border-top:1px solid #F3F3F3;}
.aside-footer .foot-summary h2 {font-size:24px;color:#666666;font-weight:600}
.aside-footer .foot-summary .ment1 {font-size:14px;color:#858585;font-weight:600}
.aside-footer .foot-corp {margin-top:16px;}
.aside-footer .foot-link {display:flex;gap:12px;}
.aside-footer .foot-link > a {font-size:12px;font-weight:500;color:#858585;}
.aside-footer .foot-info {margin-top:12px}
.aside-footer .foot-info p {font-size:10px;font-weight:500;color:#B3B6BC}
.aside-footer .foot-info p a {font-size:10px;font-weight:500;color:#B3B6BC}
.aside-footer .copyright {margin-top:12px;font-size:12px;font-weight:500;color:#B3B6BC;}


[class*="gglife-container"].mobile:has(.sec-reporter-cover-mobile) {padding:0;}
.sec-reporter-cover-mobile .report-view-msg {position:fixed;bottom:120px;left:0;right:0;text-align:center;font-size:20px;font-weight:600}
.sec-reporter-cover-mobile .report-cover-img {display:block;width:100%;}


/* =========================================
**  Media Query
========================================== */
/* device 769 이상 (PC) */
@media all and (min-width:769px){

}

/* device 1400 이하 */
@media all and (max-width:1400px){


}

/* device 768 이하 (모바일) */
@media all and (max-width:768px){


}