@charset "UTF-8";
@import "reset.css";
@import "font.css";

/*
	공통요소
*/
.container {}
.container--flex {display:flex;align-items:center}
.container--full {height:calc(100vh - 54px)}
.row {display:block; position:relative;max-width:1274px;margin:0 auto}
.row:after {content:'';display:block;clear:both}
.row--small {max-width:414px;width:100%}
.row--margin {margin-top:20px}
.btn {display:block;width:100%;border:1px solid transparent;border-radius:5px;box-sizing:border-box;text-align:center;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.btn--inline {display:inline-block;width:auto;padding:0 35px}
.btn--small {display:inline-block;width:auto;min-width:104px;padding:0 34px;font-size:18px;line-height:38px}
.btn--large {font-size:20px;font-weight:500;line-height:58px}
.btn--medium {min-width:115px;font-size:18px;line-height:58px}
.btn--default {border:1px solid #467ee9;background:#fff;color:#467ee9}
.btn--success {background:#467ee9;color:#fff}
.btn--success:hover {opacity:0.9}
.btn--secondary {border-color:#333;color:#333}
.btn--check {background:#333;color:#fff}
.btn-delete {width:13px;height:13px}
.btn-delete:before {top:0;left:0;width:13px;height:13px;background-position:-108px 0}
.i {display:inline-block}
/*form*/
input::placeholder {color:#b7b7b7;font-weight:500}
textarea::placeholder {color:#b7b7b7;font-weight:500}
:-ms-input-placeholder {color:#b7b7b7 !important;font-weight:500 !important}
.ipt {display:block;width:100%;height:60px;padding:0 20px;border:1px solid transparent;border-radius:5px;background:#f0f0f0;font-family:'Noto Sans KR';font-size:18px;font-weight:500;color:#333;box-sizing:border-box;outline:none;-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out}
.ipt:focus {border-color:#467ee9}
.ipt--icon {padding-left:56px}
.slt {display:block;width:100%;height:60px;padding-left:20px;padding-right:10px;border:none;border-radius:5px;font-family:inherit;font-size:18px;font-weight:500;color:#b7b7b7;box-sizing:border-box;outline:none;-webkit-appearance: none;-moz-appearance:none;appearance:none;background:url(/assets/2025070201/img/main/v2/blit_select.png) #f0f0f0 no-repeat 95% 50%;background-size:12px auto}
.slt::-ms-expand {display:none}
.chk:checked ~ .chk-bg {background:url(/assets/2025070201/img/main/v2/sprite_member.png) no-repeat -81px 0}
.chk-bg {display:inline-block;width:25px;height:25px;margin-right:4px;background:url(/assets/2025070201/img/main/v2/sprite_member.png) no-repeat -54px 0}
.form-row {position:relative;margin-top:10px}
.form-row--large {margin-top:15px}
.form-row:first-child {margin-top:0}
.form-row--menu {display:flex;justify-content:space-between;margin-top:14px}
.form-row--menu__right {flex-basis:60%;text-align:right}
.form-row__link {line-height:25px}
.form-row__link a {position:relative;margin-left:10px;padding-left:10px;color:#787878}
.form-row__link a:hover {color:#333}
.form-row__link a:before {content:'';display:block;position:absolute;top:50%;left:-1px;width:2px;height:14px;margin-top:-6px;background:#f0f0f0}
.form-row__link a:first-child:before {content:none}
.form-row--line {margin-top:30px;padding-top:30px;border-top:1px solid #f0f0f0}
.form-flex {display:flex}
.form-flex > * {flex-grow:1}
.form-chk {display:inline-block;line-height:25px;-ms-user-select:none;user-select:none}
.form-chk--large {font-size:20px;font-weight:bold}
.form-notice {color:#787878}
.form-notice li {position:relative;margin-top:5px;padding-left:8px;font-size:14px;line-height:1.42}
.form-notice li strong {font-weight:500}
.form-notice li:first-child {margin-top:0}
.form-notice li:before {content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:50%;background:#b7b7b7}
.form-notice--noblit {padding-left:0;color:#b7b7b7}
.form-notice--noblit li:before {content:none}
.form-dot {margin:0 12px;font-size:22px;color:#333;line-height:60px}
.form-alert {margin-bottom:30px;line-height:17px}
.form-alert span {display:block;margin:5px 0}
.form-alert__valid {position:relative;text-indent:3px;font-size:0.8rem;color:#00e4b2}
.form-alert__valid::before{margin-right:5px;display:inline-block;width:15px;height:15px;vertical-align:text-top;content: ' ';border: 1px solid #00e4b2;border-radius:50%}
.form-alert__valid::after{position: absolute;top:11px;left: 10px;width: 1px;height: 1px;content: '';background-color: #00e4b2;box-shadow:-4px 0px 0 #00e4b2,-3px 0px 0 #00e4b2,
-2px 0px 0 #00e4b2,-1px 0px 0 #00e4b2,0px 0px 0 #00e4b2,0px -1px 0 #00e4b2,0px -2px 0 #00e4b2,0px -3px 0 #00e4b2,0px -4px 0 #00e4b2,0px -5px 0 #00e4b2,0px -6px 0 #00e4b2,
0px -7px 0 #00e4b2;	transform: rotate(45deg)}
.form-alert__invalid {position: relative;text-indent: 3px;font-size: 0.8rem;color: #ff0101}
.form-alert__invalid::before{margin-right: 5px;display: inline-block;width: 15px;height: 15px;vertical-align: text-top;content: ' ';border: 1px solid #ff0101;border-radius: 50%}
.form-alert__invalid::after{position: absolute;top: 8px;left: 11px;width: 1px;height: 1px;content: '';background-color: #ff0101;box-shadow:	4px 0px 0 #ff0101,3px 0px 0 #ff0101,2px 0px 0 #ff0101, 1px 0px 0 #ff0101, -4px 0px 0 #ff0101, -3px 0px 0 #ff0101, -2px 0px 0 #ff0101, -1px 0px 0 #ff0101, 0px -1px 0 #ff0101, 0px -2px 0 #ff0101, 0px -3px 0 #ff0101, 0px -4px 0 #ff0101, 0px 1px 0 #ff0101, 0px 2px 0 #ff0101, 0px 3px 0 #ff0101, 0px 4px 0 #ff0101;transform: rotate(45deg)}
.form-title {margin-bottom:12px;font-size:18px;font-weight:bold;color:#333}
.form-title .i--question {position:relative;top:4px;margin-left:5px}
.form-chkitem {display:inline-block;margin-right:15px}
.form-filelist {margin-bottom:10px;padding:12px 20px;border-radius:5px;background:#f0f0f0}
.form-filelist li {position:relative;margin:12px 0;padding-right:40px;font-size:14px}
.form-filelist__btn {position:absolute !important;top:2px;right:0}
.form-cmsindivisual, .form-cmscompany {display:none;margin-top:15px !important}
.form-pay {display:none}
.form-pay.active {display:block}
/* modal */
.modal {position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(30,30,30,0.5);color:#787878;visibility:hidden;opacity:0;z-index:0}
.modal__wrap {position:absolute;top:20px;left:0;bottom:20px;width:100%}
.modal__inner {position:relative;top:50%;max-width:414px;max-height:100%;margin:0 auto;border-radius:5px;background:#fff;box-sizing:border-box;-webkit-transform:translateY(-48%);transform:translateY(-48%);opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.modal__inner--large {max-width:630px;padding:40px}
.modal__inner--scroll {height:100%;max-height:800px}
/*.modal__inner--scroll .modal__body {overflow-y:auto;max-height:calc(100% - 200px)}*/
.modal-alert {padding: 38px 20px 40px 20px; text-align:center}
.modal-alert__text {font-size:20px}
.modal-alert__button {margin-top:30px}
.modal__header {position:relative;margin-bottom:26px;padding-bottom:26px;border-bottom:1px solid #f0f0f0}
.modal__body {overflow-y:auto;max-height:calc(100vh - 500px)}
.modal__body .form-notice li {font-size:16px;word-break:keep-all}
.modal__title {font-size:30px;font-weight:bold;line-height:36px;letter-spacing:-0.04em}
.modal__footer {margin-top:26px;padding-top:26px;border-top:1px solid #f0f0f0}
/* modal : terms*/
.modal__terms {padding-right:20px;line-height:26px;word-break:keep-all}
.modal__terms li {list-style-type:decimal}
.modal__terms--full {padding-right:0}
.modal__terms-title {margin-bottom:15px;font-size:20px;font-weight:bold}
.modal__terms .item-title {margin-top:20px;font-weight:bold}
.modal__terms li {margin-left:18px}
.item-table {table-layout:fixed;width:100%;margin-bottom:10px;padding:0;border-spacing:0;text-align:center}
.item-table th {background:#f0f0f0}
.item-table th, .item-table td {padding:10px;border-bottom:1px solid #f0f0f0}
.item-table--bank td a {color:#467ee9}
.btn-termsview {position:absolute;top:0;right:0;font-size:14px}
.btn-modalclose {position:absolute !important;top:5px;right:0;width:25px;height:25px}
.btn-modalclose:before {top:0;left:0;width:25px;height:25px;background-position:0 -27px}
.modal--active {visibility:visible;opacity:1;z-index:1040}
.modal--active .modal__inner {transform:translateY(-50%);opacity:1}
.dim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(30,30,30,0.5);z-index:30}
.dim--filter {backdrop-filter:saturate(180%) blur(12px);}
.dim.active {display:block}
/* date picker */
.ui-datepicker {width:100%;max-width:486px;margin-left:-36px;padding:30px 60px;border-radius:10px;background:#fff;text-align:center;box-sizing:border-box;z-index:50 !important}
.ui-datepicker-header {position:relative;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #f0f0f0;line-height:36px}
.ui-datepicker-title {display:inline-block;font-size:24px;font-weight:bold}
.ui-datepicker-prev {display:inline-block;position:absolute;left:50%;top:0;margin-left:-100px;font-size:12px;color:#787878;cursor:pointer}
.ui-datepicker-next {display:inline-block;position:absolute;right:50%;top:0;margin-right:-100px;font-size:12px;color:#787878;cursor:pointer}
.ui-datepicker-calendar {width:100%}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {padding:4px 0;font-size:16px}
.ui-state-default {display:inline-block;width:35px;height:35px;color:#787878;line-height:35px}
.ui-state-highlight {border-radius:2px;background:#467ee9;color:#fff}
.ui-datepicker-calendar {padding:0;border-spacing:0}
.ui-state-disabled, .date-holiday, .date-saturday, .date-sunday {opacity:0.4}
.date-holiday span, .date-sunday span {color:red}
.date-saturday span {color:blue}
/* mobile */
@media screen and (max-width:767px) {
    .modal__body {overflow-y:auto;max-height:calc(100vh - 300px)}
    .modal__title {font-size:26px}
	.modal__terms-title {font-size:18px}
	.form-chkitem {margin-top:4px}
	.btn--medium {font-size:16px}
	.chk-bg {background:url(/assets/2025070201/img/main/v2/sprite_member@2x.png) no-repeat 0 -30px;background-size:100px 100px}
	.chk:checked ~ .chk-bg {background:url(/assets/2025070201/img/main/v2/sprite_member@2x.png) no-repeat -26px -30px;background-size:100px 100px}
	.btn-modalclose:before {background-position:-58px -29px}
	.btn-delete:before {background-position:-61px -1px}
}
@media screen and (max-width:470px) {
	.ui-datepicker {width:96%;left:2% !important;padding:20px 30px;margin-left:0}
}
@media screen and (max-width:434px) {
	.modal__inner {margin-left:10px;margin-right:10px}
}