@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');@font-face { font-family: 'YeogiOttaeJalnanGothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff'); font-weight: normal; font-display: swap; } 

/* reset */
*,*:before,*:after {box-sizing: border-box; } 
body {width: 100%;line-height: 1.3;color:#1E2124;font-weight: 400;font-size: 16px;font-family: 'Pretendard','맑은 고딕','Malgun Gothic',MalgunGothic,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;overflow: hidden;overflow-y: auto;word-break: keep-all; } 
html,
body {height: 100%; } 
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
p,
button,
iframe,
th,
td {margin: 0;padding: 0; } 
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {display: block;margin: 0;padding: 0; } 
h1,
h2,
h3,
h4,
h5,
h6,
dt,
strong,
th {font-weight: inherit; } 
img,
fieldset,
iframe,
button {border: 0 none;background: none; } 
li {list-style: none; } 
table {table-layout: fixed;border-collapse: collapse;border-spacing: 0; } 
th,
td {border-collapse: collapse; } 
legend,
caption,
hr {display: none; } 
em,
cite,
i,
address {font-style: normal; } 
img {max-width: 100%;border: 0;vertical-align: middle; } 
a {color: inherit;text-decoration: none; } 
mark {background-color: transparent;outline: none; } 
label {vertical-align: middle; } 
button {cursor: pointer; } 
input,
textarea,
select {margin: 0;padding: 0;border-radius: 0;border: none;font-size: 18px;color: inherit;line-height: inherit;font-family: 'Pretendard','맑은 고딕','Malgun Gothic',MalgunGothic,Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;outline: none;resize: none;vertical-align: middle; } 
input[type=text],
input[type=search],
input[type=number],
input[type=password],
select {height: 48px;padding: 0 16px;border: 0;border-radius: 8px;background-color: #F4F5F6;color: #1E2124;font-size: 16px;font-weight: 400;line-height: 1; } 
input::placeholder,
textarea::placeholder { color: #8A949E; } 
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; } 
input[disabled] {background-color: #E6E8EA;color: #6D7882; } 
select {outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; } 

/* Common */
body.layer_activated{overflow:hidden;touch-action:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Button */
.g-btn {display: inline-flex;align-items: center;justify-content: center;height: 48px;padding: 0 16px;border-radius: 6px;border: 1px solid #002D9C;background-color: #fff;color: #002D9C;font-size: 16px;font-weight: 500;line-height: 1; } 
.g-btn.fill--gray {border-color: #E6E8EA;background-color: #E6E8EA;color: #1E2124; } 
.g-btn.fill--blue {background-color: #002D9C;color: #fff; } 
.g-btn.border--gray {border-color: #B1B8BE;color: #464C53; } 
.g-btn.border--gray.selected {border-color: #002D9C;color: #002D9C;font-weight: 700; } 
.g-btn.disabled {border-color: #CDD1D5;background-color: #CDD1D5;color: #8A949E;pointer-events: none; } 
.g-btn.type--naver {border-color: #03C75A;background-color: #03C75A;color: #fff; } 
.g-btn.type--naver span {padding: 5px 0 5px 32px;background: url('../images/icon_naver.svg') no-repeat 0 center; } 
.g-btn.type--plus span {padding-right: 24px;background: url('../images/icon_plus.svg') no-repeat right center; } 
.g-btn.size--sm {height: 24px;padding: 0 8px;font-size: 14px; } 
.g-btn.size--sm.type--plus span {padding-right: 16px;background-size: 16px 16px; } 
.btn-information{flex-shrink:0;display:inline-block;width:32px;height:32px;background:url(../images/hint_ico.png)no-repeat 50% 50%/24px;}
.btn-favorite{display:inline-block;width:24px;height:24px;background:url(../images/icon_favorite.svg)no-repeat 50% 50%/100%;}
.btn-favorite.active{background-image:url(../images/icon_favorite_on.svg);}
/* Select box */
.g-select {padding-right: 48px;background-image: url('../images/icon_arrow-select.svg');background-repeat: no-repeat;background-position: right 16px center; } 
.g-select.type--transparent {padding-left: 2px;padding-right: 26px;background-color: transparent;background-size: 20px 20px;background-position: right 2px center; } 
.g-select.size--sm {height: 32px; } 
/* Radio */
.g-radio {display: inline-flex;align-items: center;position: relative;color: #8A949E;font-size: 18px;font-weight: 400;line-height: 1;cursor: pointer; } 
.g-radio input[type=radio] {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0; } 
.g-radio span {display: inline-flex;align-items: center;position: relative;min-height: 20px;padding-left: 28px; } 
.g-radio span:before {content: '';position: absolute;left: 0;top: 0;display: block;width: 20px;height: 20px;border-radius: 10px;border: 1px solid #8A949E;background-color: #CDD1D5; } 
.g-radio input[type=radio]:checked + span:after {content: '';position: absolute;left: 5px;top: 5px;display: block;width: 10px;height: 10px;border-radius: 5px;background-color: #8A949E; } 
/* Checkbox */
.g-checkbox {display: inline-flex;align-items: center;position: relative;font-size: 18px;font-weight: 400;line-height: 1;cursor: pointer; } 
.g-checkbox input[type=checkbox] {position: absolute;left: 0;top: 0;width: 0;height: 0;opacity: 0; } 
.g-checkbox span {display: inline-flex;align-items: center;position: relative;min-height: 20px;padding-left: 28px; } 
.g-checkbox span:before {content: '';position: absolute;left: 0;top: 0;display: block;width: 20px;height: 20px;border-radius: 4px;border: 1px solid #58616A;background-color: #fff; } 
.g-checkbox input[type=checkbox]:checked + span:before {border-color: #002D9C;background-color: #002D9C; } 
.g-checkbox input[type=checkbox] + span:after {content: '';position: absolute;left: 0;top: 0;display: none;width: 20px;height: 20px;background: url('../images/icon_checkbox-checked.svg') no-repeat center center; } 
.g-checkbox input[type=checkbox]:checked + span:after {display: block; } 
.g-checkbox.type--round span:before {border-radius: 10px; } 
.g-checkbox.type--transparent span:before {display: none; } 
.g-checkbox.type--transparent input[type=checkbox] + span:after {display: block;background: url('../images/icon_checkbox-checked-gray.svg') no-repeat center center; } 
.g-checkbox.type--transparent input[type=checkbox]:checked + span:after {background: url('../images/icon_checkbox-checked-blue.svg') no-repeat center center; } 
.g-checkbox.color--red input[type=checkbox] + span:after {display: block;background: url('../images/icon_checkbox-checked-gray2.svg') no-repeat center center; } 
.g-checkbox.color--red input[type=checkbox]:checked + span:after {background: url('../images/icon_checkbox-checked-red.svg') no-repeat center center; } 
.g-checkbox.size--24 span {min-height: 24px; } 
.g-checkbox.size--24 input[type=checkbox] + span:before,
.g-checkbox.size--24 input[type=checkbox] + span:after {width: 24px;height: 24px; } 
.g-checkbox.single span {padding-left: 20px; } 
.g-checkbox.size--24.single span {padding-left: 24px; } 
/* Link */
.g-link {display: inline-flex;align-items: center;min-height: 20px;padding: 0 2px;font-size: 16px;line-height: 18px;text-decoration: underline;text-underline-offset: 2px; } 
.g-link span {display: inline-flex;align-items: center;padding-right: 24px;background: url('../images/icon_arrow-link.svg') no-repeat right center; } 
.g-link.size--sm {font-size: 14px;line-height: 16px; } 
.g-link.size--sm span {padding-right: 18px;background-size: 16px 16px; } 
/* Best Score */
.g-score {position: relative;padding: 16px;border-radius: 8px;background: #002D9C url('../images/bg_score.svg') no-repeat right 0;color: #FFF;font-size: 12px;line-height: 13px;box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.08); } 
.g-score > strong {display: block;font-size: 18px;font-weight: 700;line-height: 21px; } 
.g-score__info {display: flex;flex-direction: column;gap: 4px;margin-top: 4px; } 
.g-score__info span {padding-left: 14px; } 
.g-score__info span:nth-child(1) {background: url('../images/icon_calendar.svg') no-repeat 0 center; } 
.g-score__info span:nth-child(2) {background: url('../images/icon_location.svg') no-repeat 0 center; } 
.g-score-data {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;width: 50px;height: 44px;border-radius: 4px;border: 1px solid #CDD1D5;background-color: #FFF;color: #464C53;font-size: 12px;line-height: 16px; } 
.g-score .g-score-data {position: absolute;right: 16px;top: 50%;transform: translateY(-50%); } 
.g-score .register-item__title-score{align-items:flex-end;position:absolute;top:50%;right:16px;transform:translateY(-50%);}
.g-score .register-item__title-score span{font-weight:700;color:#fff;}
.g-score .register-item__title-score strong{font-weight:700;font-size:42px;line-height:40px;}
.g-score-data span {display: flex;align-items: center;justify-content: center;gap: 2px; } 
.g-score-data span:nth-child(1) strong {color: #002D9C;font-size: 14px;font-weight: 700; } 
.g-score-data span:nth-child(2) strong {color: #CA2300;font-size: 14px;font-weight: 500; } 
.g-score-data .hint-popup{justify-content:flex-start;gap:0;padding:0;background-color:unset;}
.g-score-data .hint-popup span{gap:0;}
.g-score-data .hint-popup span strong{margin-left:2px;color:#CA2300;font-size:14px;font-weight:500;}
.g-score-data .hint-popup button{display:inline-flex;width:12px;height:12px;}
.g-score-data.large{align-items:flex-end;width:62px;padding:0 7px;}
/* Chart */
.g-chart {position: relative;height: 236px;margin-top: 8px;padding: 16px;border-radius: 8px;border: 1px solid #002D9C;background-color: #fff; } 
.g-chart.height--auto {height: auto;border: 0; } 
.g-chart.height--auto-border{height:auto;margin-top:8px;} 
.g-chart > strong {display: block;font-size: 18px;font-weight: 700;line-height: 21px; } 
.g-chart > span {display: block;margin-top: 4px;color: #464C53;font-size: 14px;line-height: 16px; } 
.g-chart__graph {position: relative;height: 144px;margin-top: 16px; } 
.g-chart .g-score-data {position: absolute;right: 16px;top: 16px; } 
.g-chart__bar {display: flex;height: 184px;margin-top: 16px; } 
.g-chart__bar-item {flex: 1;display: flex;flex-direction: column;color: #8A949E;line-height: 1; } 
.g-chart__bar-item > span,
.g-chart__bar-item > em {flex: none;display: flex;align-items: center;justify-content: center;height: 32px; } 
.g-chart__bar-item > span {border-bottom: 1px solid #E6E8EA; } 
.g-chart__bar-graph {flex: 1;display: flex;align-items: flex-end;justify-content: center;position: relative;padding-top: 13px; } 
.g-chart__bar-graph:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;display: block;height: 1px;background-color: #E6E8EA; } 
.g-chart__bar-graph span {width: 24px;border-top-right-radius: 4px;border-top-left-radius: 4px;background-color: #CDD1D5; } 
.g-chart__bar-item.selected {color: #002D9C;font-weight: 700; } 
.g-chart__bar-item.selected .g-chart__bar-graph span {background-color: #002D9C; } 

/* Score Card */
.g-card {padding: 16px 16px 0 16px;background-color: #F0F4FF; } 
.g-card__data {border: 1px solid #E6E8EA;border-radius: 4px;overflow: hidden; } 
.g-card__data table {width: 100%;background-color: #fff;font-size: 10px;font-weight: 500;line-height: 1; } 
.g-card__data th {height: 14px;background-color: #5F77A1;color: #FFF; } 
.g-card__data th:nth-child(1) {width: 57px;border-right: 1px solid #3D557F; } 
.g-card__data th:nth-child(11) {width: 32px;border-left: 1px solid #3D557F; } 
.g-card__data th:nth-child(12) {width: 36px;border-left: 1px solid #3D557F; } 
.g-card__data td {position: relative;height: 24px;text-align: center; } 
.g-card__data td:nth-child(1) {border-right: 1px solid #CDD1D5; } 
.g-card__data td:nth-child(11) {border-left: 1px solid #CDD1D5; } 
.g-card__data td:nth-child(12) {border-left: 1px solid #CDD1D5; } 
.g-card__data .type--red:before {content: '';position: absolute;left: 50%;top: 50%;display: block;width: 18px;height: 18px;border: 1px solid #DE3412;border-radius: 9px;transform: translate(-50%, -50%); } 
.g-card__data .type--blue:before {content: '';position: absolute;left: 50%;top: 50%;display: block;width: 18px;height: 18px;border-radius: 1px;border: 1px solid #002D9C;transform: translate(-50%, -50%); } 
.g-card__data .type--blue2:before,
.g-card__data .type--blue2:after {content: '';position: absolute;left: 50%;top: 50%;display: block;border: 1px solid #002D9C;border-radius: 1px;transform: translate(-50%, -50%); } 
.g-card__data .type--blue2:before {width: 18px;height: 18px; } 
.g-card__data .type--blue2:after {width: 14px;height: 14px; } 
.g-card__func {display: flex;align-items: center;justify-content: space-between;padding: 8px 0; } 
.g-card__func a {display: flex;padding: 4px 0 4px 20px;font-size: 14px;line-height: 16px; } 
.g-card__func .img {background: url('../images/icon_image.svg') no-repeat left 2px center; } 
.g-card__func .edit {background: url('../images/icon_edit.svg') no-repeat left 2px center; } 
.g-card__func .delete {background: url('../images/icon_trash.svg') no-repeat left 2px center; } 
/* Badge */
.g-badge {height: 14px; } 
.g-badge span {display: inline-flex;align-items: center;justify-content: center;height: 14px;padding: 0 5px;border-radius: 7px;border: 0.5px solid #B1B8BE;background-color: #fff;color: #000;font-size: 10px;font-weight: 800;line-height: 1;vertical-align: top; } 
.g-badge.bg--black span {border-color: #000;background-color: #000;color: #fff; } 
.g-badge.bg--blue span {border-color: #0B78CB;background-color: #0B78CB;color: #fff; } 
.g-badge.bg--red span {border-color: #DE3412;background-color: #DE3412;color: #fff; } 
.g-badge.bg--yellow span {border-color: #FFB114;background-color: #FFB114; } 
/* Tab */
.g-tab {flex: none;display: flex;position: relative;height: 40px; } 
.g-tab:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;display: block;height: 1px;background-color: #E6E8EA; } 
.g-tab > * {flex: 1;display: flex;align-items: center;justify-content: center;position: relative;height: 100%;color: #8A949E;line-height: 1; } 
.g-tab > *.selected {color: #002D9C;font-weight: 700; } 
.g-tab > *.selected:before {content: '';position: absolute;left: 0;right: 0;bottom: 0;display: block;height: 3px;background-color: #002D9C; } 
/* Switch Button */
.g-switch {display: inline-flex;align-items: center;position: relative; } 
.g-switch input[type=checkbox] {position: absolute;left: 0;top: 0;opacity: 0; } 
.g-switch span {display: inline-flex;align-items: center;position: relative;min-height: 24px;padding-left: 48px;font-size: 18px;line-height: 1; } 
.g-switch span:before,
.g-switch span:after {content: '';position: absolute;left: 0;top: 0;transition: all 0.2s ease-in-out; } 
.g-switch span:before {width: 40px;height: 24px;border-radius: 12px;background-color: #6D7882; } 
.g-switch span:after {left: 2px;top: 2px;width: 20px;height: 20px;border-radius: 10px;background-color: #fff; } 
.g-switch input[type=checkbox]:checked + span:before {background-color: #002D9C; } 
.g-switch input[type=checkbox]:checked + span:after {left: 18px; } 
/* Banner */
.g-banner {padding: 16px 16px 0 16px; } 
/* DatePicker */
.datepicker-wrap .ui-datepicker {position: static !important;display: block !important; } 
.datepicker-wrap .ui-datepicker-header {position: relative;margin-bottom: 8px; } 
.datepicker-wrap .ui-datepicker-title {display: flex;align-items: center;justify-content: center; flex-direction: row-reverse;height: 40px;font-size: 0; } 
.datepicker-wrap .ui-datepicker-title > span {font-size: 18px;font-weight: 700;line-height: 1; } 
.datepicker-wrap .ui-datepicker-month:before {content: '. '; } 
.datepicker-wrap .ui-datepicker-prev,
.datepicker-wrap .ui-datepicker-next {position: absolute;top: 0;display: block;width: 24px;height: 40px;font-size: 0; } 
.datepicker-wrap .ui-datepicker-prev {left: 50%;margin-left: -75px;background: url('../images/icon_arrow-cal-left.svg') no-repeat center center; } 
.datepicker-wrap .ui-datepicker-next {right: 50%;margin-right: -75px;background: url('../images/icon_arrow-cal-right.svg') no-repeat center center; } 
.datepicker-wrap .ui-datepicker-calendar {width: 100%; } 
.datepicker-wrap .ui-datepicker-calendar th,
.datepicker-wrap .ui-datepicker-calendar td {height: 30px;line-height: 1;text-align: center; } 
.datepicker-wrap .ui-datepicker-calendar th {color: #464C53;font-weight: 700;font-size: 14px; } 
.datepicker-wrap .ui-datepicker-week-end:first-child,
.datepicker-wrap .ui-datepicker-calendar .holiday {color: #DE3412; } 
.datepicker-wrap .ui-datepicker-week-end:last-child {color: #002D9C; } 
.datepicker-wrap .ui-datepicker-calendar td a {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;margin: 0 auto;border-radius: 15px;text-align: center;transition: all 0.3s ease-in-out; } 
.datepicker-wrap .ui-datepicker-calendar td .ui-state-hover,
.datepicker-wrap .ui-datepicker-calendar td .ui-state-active {background-color: #002D9C;color: #fff;font-weight: 700; } 
.datepicker-wrap .ui-datepicker-calendar .ui-state-disabled {pointer-events: none; } 
/* Popup */
.pop {z-index: 20;position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;align-items: center;justify-content: center;padding: 16px;background-color: rgba(0, 0, 0, 0.70); } 
.pop.display--show {display: flex; } 
.pop-box {position: relative;width: 100%;border-radius: 8px;background-color: #FFF;padding: 24px;line-height: 18px;overflow: hidden; } 
.pop.align--center .pop-box {text-align: center; } 
.pop-header {margin-bottom: 16px;font-size: 20px;font-weight: 700;line-height: 23px; } 
.pop-footer {display: flex;margin: 24px -24px -24px -24px; } 
.pop-footer > .g-btn {flex: 1;border-radius: 0;font-size: 18px; } 
.pop-close {position: absolute;right: 24px;top: 24px;width: 24px;height: 24px; } 
.pop-close a {display: block;height: 100%;background: url('../images/icon_close.svg') no-repeat center center;font-size: 0; } 
.pop-form__item textarea {width: 100%;height: 200px;padding: 16px;border-radius: 8px;background-color: #F4F5F6;font-size: 16px;line-height: 18px; } 
.pop-form__desc {margin-top: 16px;color: #8A949E;font-size: 16px;line-height: 18px; } 
.pop-form__desc.flex{display: flex; gap: 2px; align-items: start;}
.targetBox{display: none; margin-top: 8px;}
.pop-list {display: flex;flex-direction: column;gap: 16px; } 
.pop-list > * {display: flex;align-items: center;min-height: 24px;padding-left: 32px;color: #000;font-size: 18px;line-height: 1; } 
.pop-list .storage {background: url('../images/icon_pic-storage.svg') no-repeat 0 center; } 
.pop-list .pic {background: url('../images/icon_pic-picture.svg') no-repeat 0 center; } 
.pop-list .file {background: url('../images/icon_pic-file.svg') no-repeat 0 center; } 
#datepicker .pop-box {max-width: 328px; } 
.datepicker-swiper-wrap .list{display:flex;flex-direction:column;gap:24px;padding:16px;border-radius:8px;background:#f4f5f6;}
.datepicker-swiper-wrap .list li{display:flex;position:relative;}
.datepicker-swiper-wrap .list li::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:29px;border-radius:4px;background:#e6e8ea;}
.datepicker-swiper-wrap .list .swiper-select{width:33.333%;}
.datepicker-swiper-wrap .swiper-select{overflow:hidden;position:relative;height:145px;}
.datepicker-swiper-wrap .swiper-select .swiper-wrapper{flex-direction:column;}
.datepicker-swiper-wrap .swiper-select .swiper-slide{height:29px !important;}
.datepicker-swiper-wrap .swiper-select .swiper-slide .btn-select{width:100%;height:100%;font-size:14px;color:#8a949e;line-height:1.5;text-align:center;}
.datepicker-swiper-wrap .swiper-select .swiper-slide-prev .btn-select,
.datepicker-swiper-wrap .swiper-select .swiper-slide-next .btn-select{font-size:16px;}
.datepicker-swiper-wrap .swiper-select .swiper-slide-active .btn-select{font-weight:700;font-size:18px;color:#1e2124;}
.pop.type--bottom {align-items: flex-end;padding: 0; } 
.pop.type--bottom .pop-box {border-bottom-right-radius: 0;border-bottom-left-radius: 0;transform: translateY(100%);animation: transformYClose 0.5s ease-in-out forwards; } 
.pop.motion.type--bottom .pop-box {transform: translateY(0);animation: transformYOpen 0.5s ease-in-out forwards; } 
@keyframes transformYOpen { 
 0% { transform: translateY(100%); } 
 100% { transform: translateY(0); } 
 }
@keyframes transformYClose { 
 0% { transform: translateY(0); } 
 100% { transform: translateY(100%); } 
 }
.pop-gallery {z-index: 20;position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;align-items: center;justify-content: center;padding: 16px;background-color: rgba(0, 0, 0, 0.90); } 
.pop-gallery__close {position: absolute;right: 0;top: 0;width: 56px;height: 56px; } 
.pop-gallery__close a {display: block;height: 100%;background: url('../images/icon_close-white.svg') no-repeat center center;font-size: 0; } 
.pop-gallery.display--show {display: flex; } 

.rad-list{display: flex;gap:16px;flex-direction: column;}
.rad-list.half {flex-wrap:wrap;flex-direction: row;}
.rad-list.half .form-wrap {width: calc(50% - 8px)}
.form-wrap {display:inline-block;position:relative;}
.form-wrap input{position:absolute;width: 20px;height: 20px;}
.form-wrap label{padding-left:28px;font-size:18px;line-height: 20px;}
.form-wrap input[type=radio]+label::before{content:'';position:absolute;top:0;left:0;width: 20px;height: 20px;background:url(../images/icon_radio-off.svg) no-repeat 0 0 / 20px}
.form-wrap input[type=radio]:checked+label::before{background:url(../images/icon_radio-on.svg) no-repeat 0 0 / 20px}

/* Layout */
.app {display: flex;flex-direction: column;min-height: 100%; } 
.body {flex: 1;display: flex;flex-direction: column;position: relative;padding: 0 16px; } 
.body > .title {flex: none;padding-top: 16px;font-size: 22px;font-weight: 700;line-height: 28px; } 

/* Header */
.header {z-index: 10;flex: none;position: relative;height: 56px; } 
body.mainbg .header {height: 64px; } 
body.sub .header {position: sticky;top: 0;background-color: #fff; } 
.header-back {position: absolute;left: 0;top: 0;width: 56px;height: 100%; } 
.header-back a {display: block;height: 100%;background: url('../images/icon_arrow-back.svg') no-repeat center center;font-size: 0; } 
.header-logo {display:inline-flex;align-items: center;height: 100%;padding-left: 104px;padding-right: 16px;background: url('../images/icon_logo-white.svg') no-repeat 16px center;color: #FFF;font-size: 12px;font-weight: 500;line-height: 13px;} 
/* .header-logo a {display: flex;align-items: center;height: 100%;padding-left: 104px;padding-right: 16px;background: url('../images/icon_logo-white.svg') no-repeat 16px center;color: #FFF;font-size: 10px;font-weight: 500;line-height: 13px; }  */
.header-util {position: absolute;right: 8px;top: 0;display: flex;height: 100%; } 
.header-util a {display: block;height: 100%;width: 40px;font-size: 0; } 
.header-util .alram {background: url('../images/icon_alram-off.svg') no-repeat center center; } 
.header-util .alram.new {background: url('../images/icon_alram.svg') no-repeat center center; } 
.header-util .alram.color--black {background: url('../images/icon_alram-black-off.svg') no-repeat center center; } 
.header-util .alram.color--black.new {background: url('../images/icon_alram-black.svg') no-repeat center center; } 
.header-util .setting {background: url('../images/icon_setting.svg') no-repeat center center; } 
.header-util .setting.color--black{background: url('../images/icon_setting_black2.svg') no-repeat center center; } 
.header-util .search {background: url('../images/icon_search.svg') no-repeat center center; } 
.header-util .delete{background:url('../images/icon_trash2.svg')no-repeat center center;}
.header-title {display: flex;align-items: center;padding: 0 16px;height: 100%;font-size: 20px;font-weight: 700;line-height: 1; } 
.header-title.align--center {justify-content: center; } 
.header-func {position: absolute;right: 0;top: 0;display: flex;align-items: center;height: 100%;padding-right: 16px; } 
.header-search {position: relative;height: 100%;padding-right: 16px;margin-left: 56px; } 
.header-search:before {content: '';position: absolute;left: -56px;right: 0;bottom: 0;display: block;height: 1px;background-color: #E6E8EA; } 
.header-search input[type=text] {width: 100%;height: 100%;padding: 0;background: none;font-size: 18px;font-weight: 500; } 
.header-search .del {position: absolute;right: 16px;top: 50%;display: block;width: 24px;height: 24px;background: url('../images/icon_delete.svg') no-repeat center center;font-size: 0;transform: translateY(-50%); } 
.header-search .del.display--hidden {display: none; } 

body.sub .round-header {background: #02627F;border-radius:0 0 8px 8px}
.round-header::before{content:'';position:absolute;bottom: 0;left: 0;width: 100%;height: 100%;z-index: -1;background-image: url(../images/bg_teeing-back.svg);background-repeat: no-repeat;background-size: cover;background-position:center;border-radius:0 0 8px 8px;mix-blend-mode: soft-light;}
.round-header .header-back a {background:url('../images/icon_arrow-back2.svg') no-repeat center center}
.round-header {height:170px;color:#FFF}
.round-header .header-back {height: 56px;}
.round-header .header-title {height: 56px;}
.round-header .list-item__data { padding:0 16px 20px}

/* Footer */
.footer {z-index: 10;flex: none;position:sticky;bottom: 0;display: flex;width:100%;height: 64px;margin-top: 30px;padding:0 12px;border-top: 1px solid #E6E8EA;background-color: #fff;box-sizing:border-box;} 
.footer a {flex:0 0 20%;margin:8px 0;padding-top: 32px;color: #464C53;font-size: 12px;line-height: 13px;text-align: center; } 
.footer a.active {color: #002D9C;font-weight: 700; } 
.footer .home {background: url('../images/icon_footer-home.svg') no-repeat center 4px; } 
.footer .home.active {background: url('../images/icon_footer-home-active.svg') no-repeat center 4px; } 
.footer .score {background: url('../images/icon_footer-score.svg') no-repeat center 4px; } 
.footer .score.active {background: url('../images/icon_footer-score-active.svg') no-repeat center 4px; } 
.footer .rangking {background: url('../images/icon_footer-rangking.svg') no-repeat center 4px; } 
.footer .rangking.active {background: url('../images/icon_footer-rangking-active.svg') no-repeat center 4px; } 
.footer .round {background: url('../images/icon_footer-round.svg') no-repeat center 4px; } 
.footer .round.active {background: url('../images/icon_footer-round-active.svg') no-repeat center 4px; } 
.footer .club {background: url('../images/icon_footer-club.svg') no-repeat center 4px; } 
.footer .club.active {background: url('../images/icon_footer-club-active.svg') no-repeat center 4px; } 

/* Main */
body.mainbg {/* background: url('../images/bg_main.png') no-repeat center 0;background-size: 100% auto; */ } 
body.mainbg::before{content:'';position:absolute;top:0;left:0;width:100%;height:390px;background:url('../images/bg_main.png') no-repeat center /100% 100%;}
.main-info {position: relative;padding: 16px;border-radius: 8px;background-color: rgba(255, 255, 255, 0.85);box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 4px 8px 0 rgba(0, 0, 0, 0.08);backdrop-filter: blur(25px); } 
.main-info__person-name strong {display: flex;align-items: center;gap: 4px;font-size: 18px;font-weight: 700;line-height: 21px; } 
.main-info__person-name strong em {font-weight: 400; } 
.main-info__person-name span {display: flex;align-items: center;gap: 4px;color: #464C53;font-size: 14px;font-weight: 500;line-height: 16px; } 
.main-info__person-data {display: flex;flex-direction: column;gap: 2px;margin-top: 4px;font-size: 12px;font-weight: 500;line-height: 14px; } 
.main-info__index {margin-top: 16px;background: url('../images/icon_main-logo2.svg') no-repeat right bottom; } 
.main-info__index > span {display: block;color: #8A949E;font-size: 14px;line-height: 16px; } 
.main-info__index > strong {display: block;color: #002D9C;font-size: 38px;font-weight: 700;line-height: 47px; } 
.main-info__index .g-link {margin: 2px 0; } 
.main-info__data {display: flex;gap: 8px;margin-top: 16px; } 
.main-info__data-item {flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;height: 51px;border-radius: 4px;background-color: #FFF;font-size: 12px;font-weight: 500;line-height: 13px; } 
.main-info__data-item strong {font-size: 16px;font-weight: 700;line-height: 18px; } 
.main-info__data-item .hint-popup{justify-content:flex-start;gap:0;padding:0;background-color:unset;}
.main-info__status {position: absolute;right: 16px;top: 16px;color: #228738;font-size: 12px;font-weight: 700;line-height: 13px; } 
.main-info__status span {position: relative;padding-left: 9px; } 
.main-info__status span:before {content: '';position: absolute;left: 0;top: 50%;display: block;width: 5px;height: 5px;border-radius: 3px;transform: translateY(-50%); } 
.main-info__status .color--green:before {background-color: #228738; } 
.main-link {display: flex;gap: 8px;margin-top: 24px; } 
.main-link a {flex: 1;position: relative;padding-top: 48px;color: #000;font-size: 14px;font-weight: 500;line-height: 16px;text-align: center; } 
.main-link a:before {content: '';position: absolute;left: 50%;top: 0;display: block;width: 41px;height: 40px;transform: translateX(-50%); } 
.main-link .ecard:before {background: url('../images/icon_main-link-ecard.svg') no-repeat center center; } 
.main-link .certify:before {background: url('../images/icon_main-link-certify.svg') no-repeat center center; } 
.main-link .handicap:before {background: url('../images/icon_main-link-handicap.svg') no-repeat center center; } 
.main-register {margin: 24px 0; } 
.main-register .g-btn {width: 100%;height: 40px; } 

/* Sub */
/* Form */
.form {flex: 1;display: flex;flex-direction: column; } 
.form-section {position: relative;margin-top: 24px;padding-top: 24px; } 
.form-section {flex: none; } 
.form-section:nth-last-of-type(2) {flex: 1; } 
.form-section:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: repeating-linear-gradient(to right, #CDD1D5 0 3px, transparent 3px 6px); } 
.form-section:first-child {padding-top: 0; } 
.form-section:first-child:before {display: none; } 
.form-title {font-size: 18px;font-weight: 700;line-height: 21px; } 
.form-item {margin-top: 16px; } 
.form-item:first-child {margin-top: 0; } 
.form-item.motion {transition: all 0.5s ease-in-out; } 
.form-item.display--hidden {transform: translateY(10px);opacity: 0;visibility: hidden; } 
.form-item__title {display: flex;margin-bottom: 8px; } 
.form-item__title i {padding-left: 2px;color: #DE3412; } 
.form-item__content {display: flex;align-items: center;gap: 8px;flex-wrap: wrap;position: relative; } 
.form-item__content > input[type=text],
.form-item__content > input[type=number],
.form-item__content > input[type=password] {flex: 1;min-width: 0; } 
.form-item__content .g-radio {flex: 1;margin: 12px 0; } 
.form-item__content .size--full {flex: none !important;width: 100%; } 
.form-item__content .unit {position: absolute;right: 16px;top: 50%;text-align: right;line-height: 1;transform: translateY(-50%); } 
.form-item__desc {width: 100%;color: #8A949E;font-size: 14px;line-height: 16px; } 
.form-link {margin-top: 24px; } 
.form-func {flex: none;display: flex;gap: 8px;padding: 16px 0;margin-top: 40px; } 
.form-func > * {flex: 1; } 
.form.done .form-section {display: flex;align-items: center;justify-content: center;margin-top: 16px; } 
.form-done {padding-top: 88px;background: url('../images/icon_logo-full.svg') no-repeat center 0;text-align: center;font-size: 18px;font-weight: 700;line-height: 24px; } 
.form-done.type--score {padding-top: 184px;background: url('../images/icon_score-done.png') no-repeat center 0/160px;font-size: 22px;line-height: 26px; } 
.form-agree__all {display: flex;align-items: center;height: 48px;padding: 0 16px;margin-bottom: 8px;border-radius: 6px;background-color: #F4F5F6; } 
.form-agree__all .g-checkbox {margin-left: 2px;font-weight: 500; } 
.form-agree__all .g-checkbox span {padding-left: 26px; } 
.form-agree__list-item {display: flex;align-items: center;gap: 4px;padding-left: 16px; } 
.form-agree__list-item .g-checkbox {flex: none; } 
.form-agree__list-item a {flex: 1;display: flex;align-items: center;gap: 4px;height: 48px;background: url('../images/icon_arrow-right.svg') no-repeat right 16px center;font-size: 16px;font-weight: 500;line-height: 1; } 
.form-agree__list-item a .color--red {color: #DE3412; } 
.form-verify {display: flex;flex-direction: column;gap: 16px; } 
.form-verify__item a {display: flex;justify-content: center;flex-direction: column;gap: 8px;height: 113px;padding: 1px 20px;border-radius: 8px;border: 1px solid #B1B8BE; } 
.form-verify__item.type--pass a {background: url('../images/icon_phone.svg') no-repeat right 20px center; } 
.form-verify__item.type--pass a.active {background: url('../images/icon_phone-active.svg') no-repeat right 19px center; } 
.form-verify__item.type--ipin a {background: url('../images/icon_key.svg') no-repeat right 20px center; } 
.form-verify__item.type--ipin a.active {background: url('../images/icon_key-active.svg') no-repeat right 19px center; } 
.form-verify__item a.active {padding: 0 19px;border: 2px solid #002D9C; } 
.form-verify__item strong {font-size: 18px;font-weight: 700;line-height: 21px; } 
.form-verify__item span {color: #464C53;font-size: 16px;line-height: 20px; } 
.form-verify__desc {margin-top: 8px;color: #464C53;font-size: 14px;line-height: 18px; } 
.form-verify .login-form__item {margin-top: 8px;}
/* Login */
.login {display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;min-height: 734px;padding: 24px 16px; } 
.login-inner {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%; } 
/* .login-logo {display: flex;flex-direction: column;align-items: center;justify-content: flex-end;gap: 8px;height: 156px;background: url('../images/icon_logo-blue.svg') no-repeat center top;color: #002D9C; } 
.login-logo strong {font-family: 'YeogiOttaeJalnanGothic',sans-serif;font-size: 32px;line-height: 38px; } 
.login-logo span {font-size: 12px;line-height: 14px;letter-spacing: 1.5px; }  */
.login-desc {margin-top: 49px;color: #002D9C;font-size: 18px;font-weight: 700;line-height: 21px; } 
.login-form {display: flex;flex-direction: column;gap: 16px;width: 100%;margin-top: 49px; } 
.login-form__item {position: relative; } 
.login-form__item input[type=text],
.login-form__item input[type=password] {width: 100%;padding-left: 48px; } 
.login-form__item .type--id {background-image: url('../images/icon_id.svg');background-repeat: no-repeat;background-position: 16px center; } 
.login-form__item .type--password {background-image: url('../images/icon_password.svg');background-repeat: no-repeat;background-position: 16px center;padding-right: 48px; } 
.login-form__item .btn-view {position: absolute;right: 16px;top: 50%;display: block;width: 24px;height: 24px;background: url('../images/icon_eye.svg') no-repeat center center;font-size: 0;transform: translateY(-50%); } 
.login-form__item .btn-view.close {background: url('../images/icon_eye-close.svg') no-repeat center center; } 
.login-form__item .g-checkbox {margin: 2px 0; } 
.login-form__item .g-btn {width: 100%; } 
.login-form__item .g-btn + .g-btn {margin-top: 24px; } 
.login-link {display: flex;align-items: center;justify-content: center;gap: 19px;margin-top: 24px; } 
.login-link a {position: relative;padding: 7px 2px;font-size: 16px;line-height: 18px;text-decoration: underline;text-underline-offset: 2px; } 
.login-link a + a:before {content: '';position: absolute;left: -9px;top: 50%;display: block;width: 1px;height: 12px;background-color: #D9D9D9;transform: translateY(-50%); } 
/* List */
.list-wrap {margin: 0 -16px -30px -16px; } 
.list {padding-top: 6px;background-color: #F4F5F6; } 
.list__header {display: flex;align-items: center;padding: 24px 16px 8px 16px;background-color: #fff;font-size: 18px;font-weight: 700;line-height: 21px; } 
.list__body {background-color: #fff; } 
.list-item.type--display > a {position: relative; display: flex;align-items: center;gap: 16px;padding: 16px 52px 16px 16px;background: url('../images/icon_arrow-select.svg') no-repeat right 16px center;background-size: 20px 20px; } 
.list-item__data {flex: 1;overflow: hidden; } 
.list-item__data .g-badge {margin-bottom: 4px; } 
.list-item__data-member {font-size: 18px;font-weight: 700;line-height: 20px;margin-bottom: 12px;}
.list-item__data-title {font-size: 16px;font-weight: 700;line-height: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; } 
.list-item__data-title .highlight {color: #085691; } 
.list-item__data-info {display: flex;flex-direction: column;gap: 8px;margin-top: 12px;color: #464C53;font-size: 14px;line-height: 16px; } 
.list-item__data-info span {padding-left: 20px; } 
.list-item__data-info em {margin-left:4px;padding:2px 6px;border-radius: 9999px;background:#fff;border:0.5px solid #B1B8BE;font-size:10px;font-weight:800;color:#000}
.list-item__data-info .location {background: url('../images/icon_location-gray.svg') no-repeat 0 center; } 
.list-item__data-info .date {background: url('../images/icon_calendar-gray.svg') no-repeat 0 center; } 
.list-item__data-info .map {background: url('../images/icon_map-gray.svg') no-repeat 0 center; } 
.list-item__data-info .person{background:url('../images/icon_id_gray.svg')no-repeat 0 center;}
.list-item__score {flex: none;display: flex;flex-direction: column;align-items: center;font-weight: 700; } 
.list-item__score span {font-size: 12px;line-height: 13px; } 
.list-item__score strong {color: #002D9C;font-size: 34px;line-height: 32px; } 
.list-item__detail {max-height: 0;transition: max-height 0.3s ease-in-out;overflow: hidden; } 
.list-item__detail.bg--gray {background-color: #F4F5F6; } 
.list-item.display--show.type--display > a {background-image: url('../images/icon_arrow-select-up.svg'); } 
.list-item.display--show .list-item__detail {max-height: 500px; } 
.list-area {width: 100%;padding: 8px;overflow: auto; } 
.list-area::-webkit-scrollbar { display: none; } 
.list-area table {table-layout: auto;white-space: nowrap;width: 100%; } 
.list-area tr{cursor: pointer;}
.list-area th,
.list-area td {z-index: 1;position: relative;height: 42px;padding: 0 4px;line-height: 1;font-size: 14px;text-align: center; } 
.list-area th {height: 43px;border-bottom: 1px solid #E6E8EA;font-weight: 500; } 
.list-area th:first-child,
.list-area td:first-child {padding-left: 8px; } 
.list-area th:last-child,
.list-area td:last-child {padding-right: 8px; } 
.list-area tr.selected td {font-weight: 700;}
.list-area tr.selected td:before {content: '';z-index: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: block;background-color: #E7EAF4; } 
.list-area td:first-child:before {border-top-left-radius: 8px;border-bottom-left-radius: 8px; } 
.list-area td:last-child:before {border-top-right-radius: 8px;border-bottom-right-radius: 8px; } 
.list-area td > * {z-index: 1;position: relative; } 
.list-area .g-badge span {min-width: 33px;padding: 0 3px; } 
.list-func {display: flex;padding: 0 8px 8px 8px; } 
.list-func .g-btn {flex: 1;height: 40px; } 
.flist-wrap {margin: 0 -16px -30px -16px; } 
.flist {padding: 16px 0; } 
.flist-wrap .flist {padding: 16px; } 
.new-list{display: flex; flex-direction: column; gap:8px ; padding: 0 16px; margin-top: 16px;}
.flist-wrap .flist.type1 {padding: 0; } 
.flist-header {display: flex;align-items: center;gap: 4px;height: 32px;line-height: 1; } 
.flist-header > a {display: flex;align-items: center;gap: 4px;width: 100%;height: 100%;background: url('../images/icon_arrow-down.svg') no-repeat right center; } 
.flist-header > span {display: flex;align-items: center;gap: 4px;}
.flist-body {display: flex;flex-direction: column;gap: 16px;max-height: 0;overflow: hidden;transition: all 0.5s ease} 
.flist-item {display: flex;align-items: center;gap: 16px;line-height: 1; } 
.flist-item__rank {min-width:72px;font-size:16px;font-weight:700;line-height: 18px;text-align: center;}
.flist-item__rank.gold {width: 26px;height: 26px;background:url(../images/icon_gold.svg) no-repeat center center;font-size:0}
.flist-item__rank.silver {width: 26px;height: 26px;background:url(../images/icon_silver.svg) no-repeat center center;font-size:0}
.flist-item__rank.bronze {width: 26px;height: 26px;background:url(../images/icon_bronze.svg) no-repeat center center;font-size:0}
.flist-item__text-wrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0;}
.flist-item__profile {flex: 1;display: flex;min-width:0;align-items: center;gap: 8px; } 
.flist-item__profile > figure {flex: none;width: 40px;height: 40px;border-radius: 20px;overflow: hidden; } 
.flist-item__profile > figure img {width: 100%;height: 100%;object-fit: cover;}
.flist-item__profile-name {flex: 1;display: flex;flex-direction: column;gap: 2px; overflow:hidden;min-width:0;} 
.flist-item__profile-name strong {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight: 500;line-height: 18px; } 
.flist-item__profile-name span {color: #464C53;font-size: 12px;font-weight: 400;line-height: 13px; } 
.flist-item__par {display:flex;align-items:center;gap: 2px;padding: 4px 8px;border-radius: 4px;border: 1px solid #CDD1D5}
.flist-item__par dl {display: flex;align-items:center;gap: 2px}
.flist-item__par dt {font-size:14px;font-weight: 400;line-height: 14px;color: #464C53;}
.flist-item__par dt strong{font-weight:700;} 
.flist-item__par dd {min-width:16px;margin-bottom:-1px;font-size: 14px;font-weight: 500;text-align:center;} 
.flist-item__par .c-red {font-weight:700; color: #CA2300;}
.flist-item__par .c-blue {font-weight: 700;color: #002D9C;}
.flist-item__par .slash{font-size:12px;color:#464c53;} 
.flist-item__par .hint-popup{padding:0;background-color:unset;} 
.flist-item__par .hint-popup button{margin-top:-2px;} 
.flist-item__score {flex: none;color: #002D9C;text-align: right;font-size: 18px;font-weight: 700; } 
.flist-item__func {flex: none; } 
.flist-item__func > * {display: block;font-size: 0; } 
.flist-item__func .del {width: 20px;height: 20px;border-radius: 10px;background: #F4F5F6 url('../images/icon_trash.svg') no-repeat center center; } 
.flist-item__func .add {width: 32px;height: 32px;border-radius: 16px;background: #F4F5F6 url('../images/icon_friend.svg') no-repeat center center; } 
.flist-item__func .add.selected {background: #002D9C url('../images/icon_friend-active.svg') no-repeat center center; } 
.flist-item__btn {display: flex;align-items: center;gap:8px}
.flist-item__btn a {font-size: 14px; line-height: 16px;text-decoration: underline;}
.flist-item__btn .c-red {color:#DE3412}
.flist-item__btn .c-blue {color:#002D9C}
.flist.display--show .flist-header > a {background-image: url('../images/icon_arrow-up.svg'); } 
.flist.display--show .flist-body {max-height: 1000px;padding-top: 8px;}

/* Score */
.score-total {padding: 24px 0; } 
.score-total__header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 12px; } 
.score-total__header strong {font-size: 18px;font-weight: 700;line-height: 21px; } 
.score-total__body {position: relative;padding: 3px 16px 4px 16px;border: 1px solid #CBE5E5;border-radius: 8px;background: linear-gradient(45deg, rgba(255, 255, 255, 0.00) 41.34%, #FFF 73.31%);overflow: hidden; } 
.score-total__body:before,
.score-total__body:after {z-index: 0;content:'';position: absolute;left: 0;right: 0;top: 0;bottom: 0; } 
.score-total__body:before {background-color: #F0F4FF; } 
.score-total__body:after {background: url('../images/bg_total-score.svg') no-repeat center 16px;background-size: 100% auto; } 
.score-total__item {z-index: 1;display: flex;align-items: center;gap: 17px;position: relative;padding: 13px 0 12px 0; } 
.score-total__item + .score-total__item:before {content: '';position: absolute;left: 0;right: 0;top: 0;display: block;height: 1px;background-color: #6C757D;opacity: 0.2; } 
.score-total__item-average {flex: 1;display: flex;flex-direction: column; } 
.score-total__item-average span {color: #464C53;font-size: 14px;line-height: 16px; } 
.score-total__item-average strong {font-size: 42px;font-weight: 700;line-height: 1; } 
.score-total__item-detail {flex: none;display: flex;flex-direction: column;gap: 4px; } 
.score-total__item-detail > div {display: flex;justify-content: space-between;align-items: center;gap: 24px; } 
.score-total__item-detail > div span {color: #464C53;font-size: 12px;line-height: 1; } 
.score-total__item-detail > div strong {font-size: 14px;font-weight: 700;line-height: 16px; } 
.score-total__item-data {flex: 1;display: flex;flex-direction: column;align-items: center;gap: 2px;position: relative;text-align: center;white-space: nowrap; } 
.score-total__item-data + .score-total__item-data:before {content: '';position: absolute;left: -9px;top: 50%;display: block;width: 1px;height: 32px;background-color: #6C757D;opacity: 0.1;transform: translateY(-50%); } 
.score-total__item-data span {display: flex;align-items: center;gap: 1px;color: #464C53;font-size: 14px;font-weight: 500;line-height: 16px; } 
.score-total__item-data span a {display: inline-flex;width: 16px;height: 16px;margin-top: -1px;background: url('../images/icon_i.svg') no-repeat center center;font-size: 0; } 
.score-total__item-data strong {font-size: 18px;font-weight: 700;line-height: 21px; } 
.score-total__item-data strong em {display: block;color: #8A949E;font-size: 12px;font-weight: 400;line-height: 13px; } 
.register {flex: 1;display: flex;flex-direction: column;margin: 0 -16px;overflow: hidden; } 
.register-item {flex: none;position: relative;padding: 16px; } 
.register-item2 table{border-collapse: collapse; margin: 4px 0;}
.register-item2 table thead tr th{background-color: #E7EAF4; padding:4px 8px; text-align: center; font-weight: 400; font-size: 14px; color: #1E2124; border-bottom: solid 1px #CDD1D5;}
.register-item2 table tbody tr td{background-color: #fff; padding:4px 8px; text-align: center; font-weight: 400; font-size: 14px; color: #1E2124; border-bottom: solid 1px #CDD1D5;}
.register-item2 {flex: none;position: relative;padding: 16px 16px 0px 16px; scroll-margin-top: 80px;} 
.register-item2 h5{font-weight: 700; font-size: 18px; color: #1E2124; line-height: 130%;}
.register-item2 h6{font-weight: 700; font-size: 16px; color: #1E2124; line-height: 130%; display: block; padding-bottom: 16px;}
.register-item2 p{font-weight: 400; font-size: 16px; color: #1E2124;}
.register-item2 .flex{display: flex; flex-direction: column; gap: 4px;}
.register-item2 .flex3{display: flex; flex-direction: column; gap: 4px; margin:4px 0;}
.register-item2 .flex2{display: flex; flex-direction: column; gap: 8px;}
.register-item2 .flex2 li a{font-size: 16px; line-height: 130%; text-decoration: underline; color: #002D9C; font-weight: 400;}
.register-item2 .flex li{display: flex; gap: 4px;}
.register-item2 .flex3 li{display: flex; gap: 4px; position: relative; padding-left: 8px;}
.register-item2 .flex li span{font-weight: 400; font-size: 16px; color: #1E2124;}
.register-item2 .flex3 li span{font-weight: 400; font-size: 16px; color: #1E2124;}
.register-item2 .flex3 li span.text{padding-left: 10px;}
.register-item2 .flex3 li span.one{position: absolute; top: 7px; width: 3px; height: 3px; border-radius: 50%; background-color:#1E2124;}
.add-select-context{ color: #1E2124; font-weight: 400; font-size: 16px;}
.pd_t4{padding-top: 4px;}
.mg-b40{margin-bottom: 40px;}
.register-item + .register-item {padding-top: 22px; } 
.register-item + .register-item:before {content: '';position: absolute;left: 0;right: 0;top: 0;display: block;height: 6px;background-color: #F4F5F6; } 
.register-item__title {display: flex;align-items: center;justify-content: space-between;min-height: 32px;font-size: 18px;font-weight: 700;line-height: 21px; } 
.register-item__title.space--none {min-height: 0;padding: 0; } 
.register-item__title > strong span {display: block;margin-top: 4px;color: #464C53;font-size: 14px;font-weight: 400;line-height: 16px; } 
.register-item__title-total {flex: none;display: flex;align-items: flex-end;flex-direction: column; } 
.register-item__title-total span {font-size: 12px;line-height: 13px; } 
.register-item__title-total strong {color: #002D9C;font-size: 34px;line-height: 1; } 
.register-item__title-score {flex: none;display: flex;align-items: center;flex-direction: column; }
.register-item__title-score span {font-size: 12px;line-height: 13px;color: #464C53;}
.register-item__title-score strong {font-size: 30px;line-height: 36px;}
.register-item__title > a {font-size: 16px;font-weight: 400;text-decoration: underline;text-underline-offset: 2px; } 
.register-item__sub {padding: 16px 0 4px 0; } 
.register-item__content {position: relative;margin-top: 12px; } 
.register-item__content input {width: 100%; } 
.register-item__content.search-wrap .del {position: absolute;right: 16px;top: 50%;display: block;width: 24px;height: 24px;background: url('../images/icon_delete.svg') no-repeat center center;font-size: 0;transform: translateY(-50%); } 
.register-item__content.search-wrap .del.display--hidden {display: none; } 
.register-item__content.search-wrap .calendar {padding-right: 48px;background-image: url('../images/icon_calendar-black.svg');background-repeat: no-repeat;background-position: right 16px center; } 
.register-item__content.search-wrap input[type=text] {padding: 0 48px;background-image: url('../images/icon_search.svg');background-repeat: no-repeat;background-position: left 16px center; } 
.register-item__content.btn-wrap {display: flex;gap: 8px; } 
.register-item__content.btn-wrap > * {flex: 1;font-size: 18px; } 
.register-list {flex: 1;display: flex;flex-direction: column; } 
.register-list__title {flex: none;display: flex;align-items: center;height: 34px;padding: 0 16px;font-weight: 700;line-height: 1; } 
.register-list .list-wrap {flex: 1;margin: 0; } 
.register-list .list {padding-top: 0; } 
.register-area {display: flex;flex-direction: column;gap: 4px;padding: 12px;border-radius: 8px;border: 1px solid #228738;background-color: #F6FEF7; } 
.register-area > div {display: flex;gap: 9px;color: #464C53;font-size: 14px;line-height: 16px; } 
.register-area > div span {position: relative; } 
.register-area > div span + span:before {content: '';position: absolute;left: -5px;top: 50%;display: block;width: 1px;height: 9px;background-color: #CDD1D5;transform: translateY(-50%); } 
.register-area > strong {font-weight: 700;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } 
.register-func {flex: 1;display: flex;align-items: flex-end;gap: 8px;padding: 16px; } 
.register-func .g-btn {flex: 1;font-size: 18px; } 
.table-form table {width: 100%;color: #464C53;font-size: 14px;line-height: 1; } 
.table-form th,
.table-form td {padding: 8px 12px; } 
.table-form .last td {border-top: 1px solid #E6E8EA; } 
.table-form th {height: 40px;border-bottom: 1px solid #E6E8EA; } 
.table-form th:first-child {text-align: left; } 
.table-form td input {text-align: center; } 
.table-form td strong {color: #002D9C;font-size: 18px;font-weight: 700; } 
/* Profile */
.profile {z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;flex-direction: column;gap: 8px;padding: 0 16px 16px 16px;overflow: auto; } 
.profile.display--show {display: flex; } 
.profile > * {z-index: 1; } 
.profile-bg {z-index: 0;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-size: cover;background-position:center} 
.profile-bg::before {content:'';position:absolute;top: 0;left: 0;right: 0;bottom: 0;backdrop-filter: blur(8px);background: rgba(0, 0, 0, 0.30);}
.profile-close {flex: none;height: 56px;margin: 0 -16px; } 
.profile-close a {display: block;width: 56px;height: 100%;background: url('../images/icon_close-white.svg') no-repeat center center;font-size: 0; } 
.profile-info {display: flex;align-items: center;gap: 16px; } 
.profile-info > figure {flex: none;width: 80px;height: 80px;border-radius: 40px;overflow: hidden; } 
.profile-info > figure img{ width: 100%; height: 100%;object-fit: cover;}
.profile-info__name {display: flex;flex-direction: column;gap: 4px;color: #fff; } 
.profile-info__name strong {display: flex;align-items: center;gap: 4px;font-size: 22px;font-weight: 700;line-height: 26px; } 
.profile-info__name strong em {font-size: 18px;font-weight: 400;opacity: 0.5; } 
.profile-info__name span {line-height: 18px; } 
.profile-func {display: flex;gap: 8px;margin-top: 8px; } 
.profile-func > * {flex:1;display: flex;align-items: center;justify-content: center;height: 40px;padding: 0 12px;border-radius: 8px;background-color: rgba(255, 255, 255, 0.20);color:#FFF;font-size: 18px;line-height: 1; } 
.profile-func > * span {display: inline-flex;align-items: center;height: 100%;padding-left: 24px; } 
.profile-func > .add span {background: url('../images/icon_friend-add.svg') no-repeat 0 center; } 
.profile-func > .invite span {background: url('../images/icon_invite.svg') no-repeat 0 center; } 
.profile-func > .withdraw span {background: url('../images/icon_del_group.svg') no-repeat 0 center; } 
.profile-data {display: flex;padding: 16px;margin-top: 16px;border-radius: 8px;background-color: #FFF; } 
.profile-data__item {flex: 1;display: flex;flex-direction: column;align-items: center;gap: 8px; } 
.profile-data__item span {color: #464C53;font-size: 14px;font-weight: 400;line-height: 16px; } 
.profile-data__item strong {font-size: 22px;font-weight: 700;line-height: 26px; } 
.profile-data__item strong em {padding-left: 2px;font-size: 18px;font-weight: 400; } 
.profile-ranking {display: flex;align-items: center;justify-content: space-between;padding: 16px;border-radius: 8px;background-color: #FFF;line-height: 1; } 
.profile-ranking span {font-size: 14px; } 
.profile-ranking .ranking-detail{display:flex;align-items:center;gap:16px;}
.profile-ranking strong {font-size: 22px;font-weight: 700;line-height:1.3;} 
.profile-ranking strong em {padding-left: 2px;font-size: 18px;font-weight: 400; } 

/* Ecard */
.e-card {z-index: 10;position: fixed;left: 0;right: 0;top: 0;bottom: 0;display: none;flex-direction: column;gap: 8px;padding: 0 16px 16px 16px;overflow: auto; background-color:#fff} 
.e-card.display--show {display: flex; } 
.ecard-header{height: 56px;}
.ecard-close {position:absolute;top:0;left:0} 
.ecard-close a {display: block;width: 56px;height: 56px;background: url('../images/icon_close.svg') no-repeat center center;font-size: 0; }
.ecard-title {height: 100%;font-size:18px;font-weight:700;line-height: 56px;text-align: center;}
.ecard-player {padding:12px 16px;border-radius: 8px;background: #002D9C;color:#fff}
.ecard-player .name {font-size: 22px;font-weight: 700;line-height: 26px;}
.ecard-player .info {display:flex;margin-top: 4px;}
.ecard-player .info dl {display: flex;gap: 4px;align-items: center;}
.ecard-player .info dt {font-size:14px;font-weight:500;line-height: 15px;}
.ecard-player .info dd {font-size:14px;font-weight:700;line-height: 15px;}
.ecard-player .info dl:last-child{position:relative;padding-left:8px;margin-left:8px;}
.ecard-player .info dl:last-child::before{content:'';position:absolute;top:50%;left: -1px;width: 1px;height: 9px;margin-top:-4.5px;background-color:#58616A}
.ecard-score {display: flex;flex-wrap:wrap;gap:8px 0}
.ecard-score .data-wrap {overflow:hidden;width:100%;display: flex;justify-content:space-between;flex-wrap:wrap;gap:8px 0;position: relative;}
.ecard-score .data-wrap::before {content:'';position:absolute;top:0;left:0;width:100%;height:36px;background-color:#F0F1F2;z-index: -1;border-radius: 8px;}
.ecard-score .data-wrap::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:36px;border:1px solid #E6E8EA;border-radius: 8px;}
.ecard-score .data {display:flex;justify-content:space-between;align-items:center;position:relative;font-size:18px;line-height: 20px;width: calc(50% - 4px);padding:8px 16px;border-radius: 8px;}
.ecard-score.type2 .data {width: calc(25% - 4px); display:flex;justify-content:space-between;align-items:center;position:relative;font-size:18px;line-height: 20px;padding:8px 16px;border-radius: 8px;}
.ecard-score .data+.data::before{content:'';position:absolute;top:50%;left:-4px;;width: 1px;height:12px;margin-top:-6px;background-color:#B1B8BE}
.ecard-score .data span {color:#464C53;white-space: nowrap;}
.ecard-score .data strong {position: relative; font-weight: 700;}
.ecard-score .data strong i{position: absolute; top:0 }

@media screen and (min-width:500px) {
    .ecard-player {display: flex;align-items: center;justify-content: space-between;}
    .ecard-score .data {width: calc(25% - 4px)}
    .ecard-score .data-wrap::after{display:none}
    .ecard-score .data-wrap:nth-child(even)::before{border:1px solid #E6E8EA;background:#fff}
}

/* Ranking */
.my-rank {display:flex;align-items:center;gap:10px;padding:16px 12px;margin:0 -8px;border-radius: 8px;background-color:#002D9C;color:#fff}
.my-rank .flist-item__profile-name span {font-size:16px;line-height: 18px;color:rgba(255,255,255,0.5)}
.my-rank .flist-item__score {color:#fff}
.my-rank .flist-item__score dl {display: flex;align-items: center;justify-content:space-between;font-size:16px}
.my-rank .flist-item__score .scd {margin-top:2px;font-size:12px}

.sort-wrap {overflow-x:auto;display: flex;align-items: center;gap:4px;margin:0 -16px;padding:8px;border-bottom:1px solid #E6E8EA}
.sort-wrap a {padding:8px 30px 8px 12px;border-radius:4px;border:1px solid #E6E8EA;background:#fff url(../images/icon_arrow-select.svg) no-repeat right 12px center / 16px;font-size:14px;line-height: 16px;white-space:nowrap}
.sort-wrap a.on {color:#002D9C;font-weight:700;border:1px solid #002D9C}                                             

/* Round */
.round {flex:1;display: flex;flex-direction: column;margin: 0 -16px;overflow: hidden;}
.round .flist {padding:16px}
.round .flist .form-wrap {width: 20px;}
.round .register-list .flist{padding:0;}
.round .register-list .flist-body{gap:0;}
.round .register-list .flist-item{gap:8px;padding:16px;}
.round .register-list .flist.display--show .flist-body{padding-top:0;}
.round-section {flex:1}
.round-section .list-item__data {padding: 16px}
.round-section .flist .list-item__data {padding: 0}
.round.flex .round-section {display: flex;flex-direction: column;gap:16px;margin-top: 16px;}
.round.flex .flist {padding:0 16px}
.round.flex .flist:last-child{padding-bottom: 16px;}
.round-func { flex: none;display: flex;gap: 8px;padding: 16px;margin-top: 40px;}
.round-func > * {flex:1}
.round-added {padding:16px 16px 0} 
.round-added .g-btn {display: flex;height: 40px;}
.round-list {display: flex;flex-direction: column;gap:8px;padding: 16px}
.round-list .list-item__data {overflow:visible;position:relative;z-index:1;border-radius: 8px;}
.round-list .list-item__data a {position: relative;z-index: 1;display:block;padding:20px 16px 20px 20px;color: #fff;background:url(../images/icon_arrow-right2.svg) no-repeat right 16px center}
.round-list .list-item__data::before{content:'';position:absolute;bottom: 0;left: 0;width: 100%;height: 143px;z-index: -1;background-image: url(../images/bg_round-back.svg);background-repeat: no-repeat;background-size: cover;background-position:center;border-radius:8px;mix-blend-mode: soft-light;}
.round-list__delete {position:absolute;top:50%;right:-56px;width: 40px;height: 40px;margin-top:-20px;background:#DE3412 url(../images/icon_trash_white.svg) no-repeat center center / 24px;border-radius: 50%;font-size:0}
.round .flist-item__profile-name span {font-size:16px;line-height: 18px;}
.round .flist-item__rank {min-width: 32px}

.list-item__data-info.type-white {color: #fff;}
.list-item__data-info.type-white .map {background: url('../images/icon_map.svg') no-repeat 0 center}
.list-item__data-info.type-white .date {background: url('../images/icon_calendar2.svg') no-repeat 0 center;}
.list-item__data-info.type-white .location {background:url('../images/icon_location-white.svg') no-repeat 0 center}



 @page {
    size: A4;
    margin: 20mm;
}

.certificate {width: 210mm;height: 297mm;padding: 20mm;box-sizing: border-box;color:#000;border:1px solid #000}
.certificate .logo_wrap {display: flex;justify-content: space-between;}
.certificate .content{display: flex;flex-direction: column;gap: 48px;align-items: center;padding:48px 0 20px}
.certificate .tit{font-size:30px;font-weight:700;line-height: 36px;}
.certificate .tit .en{display: block;margin-top: 16px;font-size:18px;line-height: 20px;}
.certificate .date{font-size:18px;text-decoration: underline;text-underline-offset: 4px;}
.certificate .date em{font-weight: 700;}
.certificate table{width: 100%;border-collapse: separate;border-spacing: 1px;}
.certificate table tr th{padding:6px 12px;background-color:#F0F1F2;font-size: 12px;font-weight:400;line-height: 14px;}
.certificate table tr td{padding:16px 12px;background-color:#F0F1F2;font-size: 14px;font-weight:400;line-height: 15px;text-align: center;}
.certificate table .bg{background-color:#D1D4D7}
.certificate table strong{font-weight: 700;}
.certificate .text{font-size:12px;font-weight:400;line-height: 14px;}
.certificate .seal{position:relative;padding:40px 0;font-size:30px;font-weight:700;line-height: 36px;letter-spacing: 20px;}
.certificate .seal::after{content:'';position:absolute;top:50%;right:-20px;z-index:-1;width: 100px;height: 100px;margin-top:-50px;background: url(../images/seal.svg) no-repeat 0 0 / 100%;}
.certificate .underline{text-decoration: underline;}
.certificate .footer_wrap{padding-top:20px;border-top:1px solid #D9D9D9;text-align: center;}
.certificate .footer_wrap strong{font-size:12px;font-weight:700;line-height: 14px;}

/* my page */
.emph{color: #DE3412;}
.form-section.type2 {margin-top: 16px;}
.mypage .profile-info__name{color: #1E2124;}
.mypage .profile-info__name span{font-size: 18px;}
.mypage .profile-info__name em{font-weight: 700;}
.profile-info {position: relative;}
.profile-info figure{overflow: hidden;position: relative;border-radius: 50%;width: 80px;height: 80px;}
.profile-img figure img{width: 100%;height: 100%;object-fit: cover;}
.profile-info .btn-photo{position: absolute;top: 0;left: 0;width: 80px;height: 80px;border-radius: 50%;color: transparent;text-indent: -9999px;}
.profile-info .btn-photo::after{content: '';position: absolute;right: 0;bottom: 0;z-index:2;width: 24px;height: 24px;background: url(../images/ico_edit.svg) no-repeat 50% 50% / 24px;color: transparent;}
.mypage .profile-info{gap:12px;margin-top: 16px;}
.mypage .profile-info figure{width: 48px;height: 48px; border-radius: 50%;}
.mypage .profile-info .btn-photo{width: 48px;height: 48px;}
.mypage .flist{padding:24px 0 16px}

/* notification */
.pt16{padding-top:16px !important;}
.btn-txt-wrap{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
.btn-txt-wrap .btn-txt{font-size:14px;font-weight:700;color:#000;line-height:1.3;}
.noti-item-list{display:flex;flex-direction:column;gap:8px;}
.noti-item-list li a{display:block;position:relative;padding:12px 16px 12px 40px;border-radius:8px;background:#f8f9fc;}
.noti-item-list li a::before{content:'';position:absolute;top:12px;left:16px;width:16px;height:16px;border-radius:50%;background:#e7eaf4 url(../images/icon_bell.svg)no-repeat 50% 50%/12px 12px;}
.noti-item-list li .item-head{display:flex;align-items:center;justify-content:space-between;}
.noti-item-list li .item-head strong{font-size:14px;color:#464c53;}
.noti-item-list li .item-head .status-box{display:flex;align-items:center;gap:16px;}
.noti-item-list li .item-head .status-box .date{font-size:14px;color:#8a949e; position: relative;}
.noti-item-list li .item-head .status-box .btn-close{width:16px;height:16px;background:url(../images/icon_close2.svg)no-repeat 50% 50%/100% 100%;color:transparent;text-indent:-9999px;}
.noti-item-list li .item-cont{padding-top:4px;}
.noti-item-list li .item-cont .message{font-size:16px;font-weight:500;}
.noti-item-list .new a{background:#f1f2f8;}
/* .noti-item-list .new a::after{content:'';position:absolute;top:12px;right:12px;width:4px;height:4px;border-radius:50%;background:#de3412;} */
.noti-item-list li .item-head .status-box .date::after{content:'';position:absolute;top:0;right:-5px;width:4px;height:4px;border-radius:50%;background:#de3412;}
.noti-item-list-wrap .btn-txt-wrap{display:none;padding-bottom:16px;}
.noti-item-list-wrap .noti-item-list li .item-head .status-box .btn-close{display:none;}
.noti-item-list-wrap.active .btn-txt-wrap{display:flex;}
.noti-item-list-wrap.active .noti-item-list li .item-head .status-box .btn-close{display:block;}
.bottom-info{display: flex; gap: 4px; position: absolute; bottom:16px; right: 52px;} 
.bottom-info p{font-size: 12px; font-weight: 400; color: #464C53; transform: skew(-0.001deg);}
.bottom-info p:last-child{font-weight: 700; color: #002D9C;}
.main-footer{margin-top: 48px;}
.main-footer-logo{width: 80px; margin-bottom: 8px; display: block;}
.main-footer-logo img{width: 100%;}
.main-footer ul{display: flex; gap: 8px; margin-bottom: 8px; align-items: center;}
.main-footer ul:last-child{margin-bottom: 0;}
.main-footer ul .bar{width: 1px; height: 10px; background-color:#B1B8BE ;}
.main-footer ul li a{display: inline-block; font-weight: 400; font-size: 14px; color:#464C53; }
.main-footer ul li {line-height: 123%; display: block; font-weight: 400; font-size: 14px; color:#464C53; }
.main-footer ul li a span{color: #002D9C;}
.main-bottom-content{transform: rotate(0.03deg); margin-bottom: 8px; color: #464C53; font-weight: 400; font-size: 12px;}
.hint-popup{display: flex; justify-content: end; gap: 2px; background-color: #fff; padding:16px 16px 0 0 ;}
.list__header.pd-t-8{padding-top: 8px;}
.hint-popup p{height: 16px; line-height: 19px; font-size: 14px; color:#464C53; font-weight: 500;}
.hint-popup button{width: 16px; height: 16px;}
.hint-popup button img{width: 100%;}
.detail-hint-popup{margin-bottom: 8px; display: flex; justify-content: end; align-items: center; gap: 4px;}
.detail-hint-popup span{height: 16px; line-height: 19px;}
.detail-hint-popup .fir{font-weight: 500; color: #464C53; font-size: 14px;}
.detail-hint-popup .sec{font-weight: 700; color:#002D9C; font-size: 14px;}
.detail-hint-popup button{width: 16px; height: 16px;}
.small-text{transform: rotate(0.03deg); font-weight: 400; font-size: 12px; color:#464C53;}