@charset "utf-8";
/*==============================================

    ----------------------------------------------------------------
	* Date		:	2021-09-13
	* Modify		:   
	* Name		:	style.css
	----------------------------------------------------------------
	
	- Description -

==============================================*/
/* 입력 number 타입 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 버튼태그 및 전송태그 리셋 설정 */
button,
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {font-family:'SpoqaHanSansNeo' , sans-serif; border:none; background:none; cursor:pointer; -webkit-appearance:none; appearance:none;}

button:hover {outline:none;}
button > span {position:relative;}

/* 입력태그 리셋 설정 */
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=password] {-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block; width:100%; height:70px; padding:0; font-family:'SpoqaHanSansNeo' , sans-serif; color:#000; font-weight:normal; font-size:18px; border:none; background-color:transparent; outline:none; box-sizing:border-box; vertical-align:middle; border-radius:0;}
input[type=password] {font-family:initial;}
textarea						{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block; width:100%; height:260px; padding:10px 20px; font-family:'SpoqaHanSansNeo' , sans-serif; color:#000; font-weight:normal; font-size:17px; border:none; background-color:transparent; overflow:auto; resize:none; vertical-align:middle; box-sizing:border-box; outline:none; border-radius:0;}
select {display:inline-block; width:100%; height:70px; padding:0 24px 0 0; font-family:'SpoqaHanSansNeo' , sans-serif; text-align:left; font-size:17px; color:#8e8e8e; line-height:1; border:none; background:none; box-sizing:border-box; text-indent:0.01px; outline:none; -webkit-appearance: none; -moz-appearance:none; appearance: none; vertical-align:middle; border-radius:0;}
select::-ms-expand		{display:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 40px #efefef inset; -webkit-text-fill-color: #333}
input:-webkit-autofill ,
input:-webkit-autofill:hover ,
input:-webkit-autofill:focus ,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}

/* 입력태그 placeholder 설정 */
::-webkit-input-placeholder	{color: #8e8e8e !important;}
::-moz-placeholder				{color: #8e8e8e !important;}
:-ms-input-placeholder			{color: #8e8e8e !important;}
:-moz-placeholder				{color: #8e8e8e !important;}
input[type=password]::placeholder {font-size:18px; font-family: 'SpoqaHanSansNeo' , sans-serif;}

/* 입력태그 포커스 및 활성화시 */
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus,
input[type=text].active,
input[type=number].active,
input[type=email].active,
input[type=tel].active,
input[type=url].active,
input[type=password].active,
select.active,
textarea.active {color:#000;}
/* 입력태그 readonly & disabled */
input[type=text]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled,
input[type=text]:read-only,
input[type=number]:read-only,
input[type=email]:read-only,
input[type=tel]:read-only,
input[type=url]:read-only,
input[type=password]:read-only,
textarea:read-only,
input[type=text].disabled,
input[type=number].disabled,
input[type=email].disabled,
input[type=tel].disabled,
input[type=url].disabled,
input[type=password].disabled,
select.disabled,
textarea.disabled,
input[type=text].readonly,
input[type=number].readonly,
input[type=email].readonly,
input[type=tel].readonly,
input[type=url].readonly,
input[type=password].readonly,
select.readonly,
textarea.readonly {opacity:0.5;}

/* 사이즈 */
input[type=text].middle-size,
input[type=number].middle-size,
input[type=email].middle-size,
input[type=tel].middle-size,
input[type=url].middle-size,
input[type=password].middle-size,
select.middle-size {height:36px; font-size:16px;}

/* 입력폼 */
.form-input-item {position:relative; display:flex; align-items:center; border-bottom:2px solid #d2d3d1;}
.form-input-item:after {content:''; position:absolute; bottom:-2px; right:0; display:block; width:0; height:2px; background:#e37500; z-index:0; transition:width 0.45s cubic-bezier(0.250, 0.460, 0.450, 0.940); will-change:width;}
.form-input-item.valid:after {left:0; right:auto; width:100%;}
.form-input-item.valid select {color:#000;}
.form-input-item.valid .form-select-item:before {opacity:0;}
.form-input-item.valid .form-select-item:after {opacity:1;}
.form-input-item .btn-form {flex:0 0 auto; margin-left:15px;}
.form-input-item .btn-form.btn-outline-gray {line-height:32px; border:2px solid #8e8e8e;}

/* 셀렉트 */
.form-select-item {position:relative; flex:1; width:100%;}
.form-select-item:before {content:''; position:absolute; top:50%; right:0; display:block; width:24px; height:24px; margin-top:-12px; background:url(../images/icon/icon_select_arrow_gray.png) left top no-repeat; opacity:1; transition:opacity 0.35s ease;}
.form-select-item:after {content:''; position:absolute; top:50%; right:0; display:block; width:24px; height:24px; margin-top:-12px; background:url(../images/icon/icon_select_arrow_black.svg) left top no-repeat; opacity:0; transition:opacity 0.35s ease;}

.basic-select {color:#000 !important; background:url(../images/icon/icon_select_arrow_black.svg) right center no-repeat;}

/* 원형 체크박스 & 라디오박스 */
.form-circle-box {position:relative;display:inline-block; line-height:24px;}
.form-circle-box input {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-circle-box input.checked + .form-check-icon:after,
.form-circle-box input:checked + .form-check-icon:after{opacity:1; transform: scale(1);}
.form-circle-box input.checked.disabled + .form-check-icon:after,
.form-circle-box input:checked:disabled + .form-check-icon:after{opacity:0.5;}
.form-circle-box input.checked.disabled + .form-check-icon:before,
.form-circle-box input:checked:disabled + .form-check-icon:before{opacity:0;}
.form-circle-box input.disabled + .form-check-icon:after,
.form-circle-box input:disabled + .form-check-icon:after {opacity:0;}
.form-circle-box input.disabled + .form-check-icon:before,
.form-circle-box input:disabled + .form-check-icon:before {opacity:0.5;}
.form-circle-box input.disabled + .form-check-icon > em,
.form-circle-box input:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}
.form-circle-box input.done + .form-check-icon:before,
.form-circle-box input.done:disabled + .form-check-icon:before {opacity:0;}
.form-circle-box input.done + .form-check-icon > em,
.form-circle-box input.done:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}
.form-circle-box .form-check-icon {position:relative; display:block; min-width:24px; min-height:24px;}
.form-circle-box .form-check-icon:before {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; z-index:5; opacity:1; background:url(../images/icon/icon_form_circle_check_off.svg) center center no-repeat; background-size:100%;  box-sizing:border-box; transition:opacity 0.25s ease;}
.form-circle-box .form-check-icon:after {content:''; position:absolute; top:0; left:0; display:block; width:24px; height:24px; z-index:5; background:url(../images/icon/icon_form_circle_check_on.svg) center center no-repeat; background-size:100%;  box-sizing:border-box; transform:scale(0); transition:transform 0.25s ease;}
.form-circle-box .form-check-icon > em {display:inline-block; padding-left:32px; font-size:16px; line-height:24px; color:#3d3935; font-weight:500;}
.form-circle-box .form-check-icon > em:empty {display:none;}
.form-circle-box.black .form-check-icon:before {background:url(../images/icon/icon_form_circle_check_black_off_24.svg) center center no-repeat;}
.form-circle-box.black .form-check-icon:after {background:url(../images/icon/icon_form_circle_check_black_on_24.svg) center center no-repeat;}
/* .form-circle-box.black.large .form-check-icon:before {width:32px; height:32px; background:url(../images/icon/icon_form_circle_check_black_off_32.png) center center no-repeat;} */
/* .form-circle-box.black.large .form-check-icon:after {width:32px; height:32px; background:url(../images/icon/icon_form_circle_check_black_on_32.png) center center no-repeat;} */
/* .form-circle-box.large .form-check-icon {min-width:32px; min-height:32px;} */
/* .form-circle-box.large .form-check-icon:before {width:36px; height:36px; background:url(../images/icon/icon_form_circle_check_off_36.png) center center no-repeat;} */
/* .form-circle-box.large .form-check-icon:after {width:36px; height:36px; background:url(../images/icon/icon_form_circle_check_on_36.png) center center no-repeat;} */

/* 카드형 라디오박스 */
.form-card-box {position:relative; display:inline-block; width:100%; height:100%; line-height:24px; box-sizing:border-box;}
.form-card-box input {position:absolute; top:0; left:0; display:block; width:100%; height:100%; opacity:0; cursor:pointer;}
.form-card-box input.checked + .form-check-icon:after,
.form-card-box input:checked + .form-check-icon:after{opacity:1; transform: scale(1);}
.form-card-box input.checked + .form-check-icon > .back-color-gray,
.form-card-box input:checked + .form-check-icon > .back-color-gray{background-color:#fff;}
.form-card-box input.checked.disabled + .form-check-icon:after,
.form-card-box input:checked:disabled + .form-check-icon:after{opacity:0.5;}
.form-card-box input.checked.disabled + .form-check-icon:before,
.form-card-box input:checked:disabled + .form-check-icon:before{opacity:0;}
.form-card-box input.disabled + .form-check-icon:after,
.form-card-box input:disabled + .form-check-icon:after {opacity:0;}
.form-card-box input.disabled + .form-check-icon:before,
.form-card-box input:disabled + .form-check-icon:before {opacity:0.5;}
.form-card-box input.disabled + .form-check-icon > em,
.form-card-box input:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}
.form-card-box input.done + .form-check-icon:before,
.form-card-box input.done:disabled + .form-check-icon:before {opacity:0;}
.form-card-box input.done + .form-check-icon > em,
.form-card-box input.done:disabled + .form-check-icon > em {color:rgba(59,62,64,0.3);}

.form-card-box .form-check-icon {position:relative; display:block; height:100%;}
.form-card-box .form-check-icon:before {content:''; position:absolute; top:13px; left:20px; display:block; width:24px; height:24px; z-index:5; opacity:1; background-size:100%;  box-sizing:border-box; transition:opacity 0.25s ease;}
.form-card-box .form-check-icon:after {content:''; position:absolute; top:13px; left:20px; display:block; width:24px; height:24px; z-index:5; background-size:100%;  box-sizing:border-box; transform:scale(0); transition:transform 0.25s ease;}
.form-card-box .form-check-icon > em {display:inline-block; width:100%; height:100%; padding:18px 22px 18px 54px; font-size:14px; font-weight:500; line-height:24px; color:#3d3935; word-break:break-all; border:1px solid #C9C9C9; border-radius:50px; background: url(../images/icon/chip-chk1.svg) no-repeat right 15px top 13px #fff;box-sizing:border-box; -webkit-transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
.form-card-box .back-color-gray > em {background-color:#f4f4f4; border:1px solid #f4f4f4;}
/* .form-card-box .form-check-icon > em:hover {border:1px solid #e37500; background-color:#fff; box-sizing:border-box; transition:all 0.3s ease;} */
/* .form-card-box .back-color-gray > em:hover {box-shadow:0px 10px 40px rgb(0 0 0 / 10%);} */
.form-card-box .form-check-icon > em:empty {display:none;}
.form-card-box input.checked + .form-check-icon > em,
.form-card-box input:checked + .form-check-icon > em {border:1px solid #e37500; background-color:#fff; box-sizing:border-box; padding: 9px 40px 9px 20px !important;	background: url(../images/icon/chip-chk.svg) no-repeat right 15px top 13px; color: #e37500;}

/* 접근성 outline추가 */
.form-card-box input[type=checkbox]:focus ~ span.form-check-icon,
.form-card-box input[type=radio]:focus ~ span.form-check-icon {border:1px solid #333;}
.form-circle-box input[type=checkbox]:focus ~ span.form-check-icon,
.form-circle-box input[type=radio]:focus ~ span.form-check-icon {border:1px solid #333;}
.circle-box input[type=checkbox]:focus ~ span.form-check-icon,
.circle-box input[type=radio]:focus ~ span.form-check-icon {border:1px solid #333;}
.form-square-box input[type=checkbox]:focus ~ span.visual-square-box,
.form-square-box input[type=radio]:focus ~ span.visual-square-box {border:1px solid #333;}
.form-round-box input[type=checkbox]:focus ~ span.visual-round,
.form-round-box input[type=radio]:focus ~ span.visual-round {border:1px solid #333;}

/* 체크박스 & 라디오박스 그룹 */
.form-check-box-group .group-inner {display:flex; margin:-5px -20px;}
.form-check-box-group .group-inner .group-cell {padding:5px 20px;}

/* 입력 그룹 */
.form-group {}
.form-group-title {display:flex; font-size:20px; line-height:32px;}
.form-group-title.need:after {content:''; display:inline-block; width:6px; height:6px; margin:8px 0 0 8px; border-radius:50%; background-color:#e7280f; vertical-align:top;}
.form-group-title .need {font-size:0;}
.form-group-title .need:after {content:''; display:inline-block; width:6px; height:6px; margin:8px 0 0 8px; border-radius:50%; background-color:#e7280f; vertical-align:top;}
.form-group-data {}
.form-input-info {margin-top:13px; font-size:15px; line-height:23px; color:#3d3935;}
.form-input-info + .form-input-valid > div:first-child {margin-top:8px;}
.form-input-valid {font-size:15px; line-height:23px;}
.form-input-valid > div:first-child {margin-top:13px;}

/* 데이트 피커 */
.form-date {position:relative;}
.form-datepicker-group {display:inline-flex; align-items:center;}
.form-datepicker-group .form-date + .form-date {position:relative; margin-left:10px; padding-left:10px;}
.form-datepicker-group .form-date + .form-date:after {content:'~'; position:absolute; top:50%; left:0; margin-top:-12px; font-size: 16px; line-height:24px;}
input.datepicker {width:140px; font-size:16px; padding:0 24px 0 10px; background:url(../images/icon/icon_select_arrow_black.svg) right center no-repeat;}
input.datepicker:read-only {opacity:1;}

.air-datepicker{
    --adp-accent-color: #e37500;
    --adp-color: #2B2F36;
    --adp-day-name-color-hover:unset;
    --adp-cell-background-color-selected: var(--adp-accent-color);
    --adp-cell-background-color-hover:#eee;
    --adp-day-cell-height: 47px;
    --adp-month-cell-height: 47px;
    --adp-year-cell-height: 56px;
    --adp-font-family:unset;
    --adp-border-radius: 10px;
    --adp-nav-arrow-color:#000;
    --adp-day-name-color: var(--adp-color);
    --adp-color-disabled:initial;
    --adp-color-other-month:#6A7180;
    --adp-color-other-month-hover:#6A7180;
    --adp-padding:0;
    width:310px;
    padding:20px 15px;
    box-sizing:border-box;
    border:1px solid var(--adp-accent-color);
    --adp-border-color-inline:var(--adp-accent-color);
    --adp-background-color-hover:#eee;
    --adp-background-color-active: transparent;
    box-shadow:5px 5px 10px rgba(0, 0, 0, 0.08);
    --adp-cell-background-color-selected-hover: #eee;
    --adp-background-color-in-range: transparent;
    --adp-background-color-in-range-focused: #eee;
    --adp-background-color-selected-other-month-focused: #eee;
    --adp-background-color-selected-other-month: var(--adp-accent-color);
}
.air-datepicker--pointer{display:none;}
.air-datepicker--navigation{padding:0 5px;}
.air-datepicker-body.-years-, .air-datepicker-body.-months-{margin-top:15px;}
.air-datepicker-body.-days-{margin-top:22px;}
.air-datepicker-nav{border-bottom:none;}
.air-datepicker-nav--title{font-size:18px;align-items:flex-end;padding:0;font-weight:bold;}
.air-datepicker-nav--action:hover, .air-datepicker-nav--title:hover{background:transparent;}
.air-datepicker-body--day-names{margin:0 0 10px;}
.air-datepicker-body--day-name{font-size:14px;font-weight:500;}
.air-datepicker-cell{font-weight:500;}
.air-datepicker-body--cells.-months-{grid-template-columns:repeat(4, 1fr);padding:0 40px;}
.air-datepicker-cell.-year-{margin:9px 15px;}
.air-datepicker-cell.-month-{margin:8px 8px;}
.air-datepicker-cell.-day-{margin:7px 3px;}
.air-datepicker-cell.-weekend-:not(.-weekend-:nth-child(7n), .-other-month-, .-othermonth-), .air-datepicker-body--day-name.-weekend-[data-day-index="0"]{color:#D93B3B;}
.air-datepicker-cell.-selected-:not(.-focus-){color:#fff;background:var(--adp-accent-color);border-radius:50%;}
.air-datepicker-cell.-selected-.-weekend-:not(.-weekend-:nth-child(7n), .-other-month-, .-othermonth-){color:#fff;}
.air-datepicker-cell.-focus-, .air-datepicker-cell:hover{color:var(--adp-color);background:var(--adp-cell-background-color-selected-hover);border-radius:50%;}
.air-datepicker-cell.-focus-.-selected-, .air-datepicker-cell.-current-{color:var(--adp-color);}
.air-datepicker-cell.-current-{color:var(--adp-color);}
.air-datepicker-cell.-current-:not(.-selected-)::after{content:'';width:5px;height:5px;background:var(--adp-accent-color);border-radius:50%;position:absolute;left:calc(50% - 2px);bottom:-1px;}
.air-datepicker-nav--title strong{padding-right:15px;margin-right:15px;position:relative;background:url('../images/icon/select_small_btn.svg') no-repeat right center;}
.air-datepicker-nav--title strong:last-of-type{margin-right:0;}
.air-datepicker-cell.-disabled-{background:transparent;}