@charset "UTF-8";
/*******************************************************
	lfair sign-up — common.css (html font-size:1px, 1rem=1px) 대응
	pc first / mobile: 768px 이하
	HTML 구조 유지 (label > input + i + p)
*******************************************************/

/* 페이지 공통 */
.sign-up-wrap .max-width {max-width: 1112rem; padding: 0 16rem; margin: 0 auto; box-sizing: border-box;}
html:has(.sign-up-wrap) #navigation header#header {background: #fff; border-bottom-color: #eee;}
.sign-up-wrap {font-size: 18rem; letter-spacing: -0.18rem;}
.sign-up-wrap * {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; line-height: 150%; letter-spacing: 0;}
.sign-up-wrap input[type=checkbox], .sign-up-wrap input[type=radio] {width: 0; height: 0; opacity: 0; position: absolute;}

/* 배너 */
.sign-up-wrap .title-banner {padding: 85rem 0; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/sign-up-bg01.png") no-repeat center; background-size: cover;}
.sign-up-wrap .title-banner > h1 {font-size: 60rem; line-height: 114%; color: #fff; font-weight: 700;}

/* 참가신청 콘텐츠 */
.sign-up-wrap .sign-up-section {padding: 60rem 0; background-color: #F3F3F6; box-sizing: border-box;}
.sign-up-wrap .sign-up-section .sign-up-box {width: 100%; padding: 60rem 92rem; background-color: #fff; box-sizing: border-box; border-radius: 12rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title {font-weight: 400; font-size: 18rem; padding-bottom: 8rem; border-bottom: 2rem solid #E4E8F1; margin-bottom: 40rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title p {font-size: 18rem; line-height: 150%; letter-spacing: -0.18rem; color: #000;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title p + p {margin-top: 0;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title span {display: block; font-size: 14rem; font-weight: 500; color: #18A149; text-align: right; letter-spacing: -0.14rem; margin-top: 8rem;}

/* 참가자 정보 (2열) */
.sign-up-wrap .sign-up-section .sign-up-box .wrapInput {display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 24rem; row-gap: 60rem;}
.sign-up-wrap .sign-up-section .sign-up-box .wrapInput .sign-up-con {width: 100%;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title {font-size: 18rem; font-weight: 400; margin-bottom: 8rem; display: flex; align-items: center; flex-wrap: wrap; color: #000; letter-spacing: -0.18rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title i {color: #18A149; margin-right: 4rem; font-style: normal;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title .desc {font-size: 12rem; color: #666; letter-spacing: -0.12rem; padding-left: 8rem; font-weight: 400;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con:has(#ptc_lineid) .title .desc {font-size: 14rem; letter-spacing: -0.14rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title .desc2 {font-size: 14rem; letter-spacing: -0.14rem; color: #18A149; font-weight: 500; padding-left: 4rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con > input {width: 100%; padding: 12rem 16rem; font-size: 16rem; border: 1rem solid #C5C5C5; border-radius: 8rem; box-sizing: border-box; color: #000; background: #fff; height: auto; line-height: 150%;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con > input::placeholder {color: #999;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con > input:focus {outline: none; border-color: #1EC95B;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.invalid > input {border-color: #1EC95B; outline: none;}

/* wide 옵션 그룹 */
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox {margin-top: 60rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .title {font-weight: 500;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect {display: grid; grid-template-columns: repeat(4, 1fr); gap: 12rem; margin-top: 16rem; text-align: center;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label {position: relative; font-weight: 700; cursor: pointer; display: block;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input ~ p {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; margin: 0; font-size: 18rem; font-weight: 700; line-height: 150%; letter-spacing: -0.18rem; color: #000; pointer-events: none; box-sizing: border-box; padding: 0 8rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input + i {position: relative; height: 74rem; display: flex; justify-content: center; align-items: center;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input + i::before {content: ""; position: absolute; width: 100%; height: 100%; border: 1rem solid #DADADA; top: 0; left: 0; border-radius: 8rem; box-sizing: border-box;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input:checked + i::before {border-color: #1EC95B; background-color: #ECFBF2;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .wrapSelect input[type=radio], .sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .wrapSelect input[type=checkbox] {display: none; visibility: hidden;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox.invalid .wrapSelect label input:not(:checked) + i::before {border-color: #DADADA; background-color: transparent;}

/* 상담방식: 2열 — 1행 104 / 2행 131 */
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect {grid-template-columns: repeat(2, 1fr); column-gap: 12rem; row-gap: 12rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label input + i {height: 104rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label:nth-child(n+3) input + i {height: 131rem;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label input ~ p {flex-direction: column; font-size: 18rem; font-weight: 700; line-height: 150%; letter-spacing: -0.18rem; padding: 12rem 16rem; text-align: center;}
.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label input ~ p span {display: block; font-size: 14rem; font-weight: 400; margin-top: 4rem; color: #000; line-height: 150%; letter-spacing: -0.14rem;}

/* 개인정보 이용동의 */
.sign-up-wrap .sign-up-section .sign-up-box .information-box {margin-top: 60rem; padding-top: 40rem; border-top: 1rem solid #C5C5C5;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box textarea {overflow-x: hidden; overflow-y: auto; display: none; width: 100%; border: 1rem solid #C5C5C5; padding: 10rem; box-sizing: border-box; font-size: 14rem; line-height: 1.6; color: #666; background: #fff; resize: none;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .open textarea {display: block; margin: 16rem 0;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv {margin-bottom: 12rem;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv.last {margin-bottom: 0;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv {position: relative;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label {display: flex; align-items: center; width: fit-content; font-size: 18rem; word-break: keep-all; cursor: pointer; color: #000;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label > input {display: none; visibility: hidden;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label > input:checked + span {background-position: -28rem 0;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label > span {display: block; width: 24rem; height: 24rem; margin-right: 12rem; flex-shrink: 0; background: url("https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/iconCheck_sprite.png") no-repeat; background-size: auto 24rem; background-position: 0 0;}
.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv .btnMore {position: absolute; top: 0; right: 0; color: #999; cursor: pointer; text-decoration: underline; font-size: 18rem; letter-spacing: -0.18rem;}

/* 제출 버튼 */
.sign-up-wrap .sign-up-section .sign-up-box .from-btn {margin-top: 40rem; text-align: center;}
.sign-up-wrap .sign-up-section .sign-up-box .from-btn > input {display: flex; align-items: center; justify-content: center; width: 344rem; height: 56rem; margin: 0 auto; border: 0 none; border-radius: 999999rem; color: #fff; font-size: 22rem; letter-spacing: -0.22rem; line-height: 150%; font-weight: 700; cursor: pointer; background-color: #000;}
.sign-up-wrap .sign-up-section .sign-up-box .from-btn > input:hover{background-color: #333333;}






@media only screen and (max-width: 1080px) {
	.sign-up-wrap .sign-up-section .sign-up-box{padding-left: 32rem; padding-right: 32rem;}
}


@media only screen and (max-width: 991px) {
	/* 페이지 공통 */
	.sign-up-wrap {font-size: 15rem;}
	.sign-up-wrap .max-width {padding: 0 20rem;}

	/* 배너 */
	.sign-up-wrap .title-banner {padding: 40rem 0; height: 114rem; background-image: url("https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/sign-up-bg01_mo.png");}
	.sign-up-wrap .title-banner > h1 {font-size: 30rem; letter-spacing: -0.30rem;}

	/* 참가신청 콘텐츠 */
	.sign-up-wrap .sign-up-section {padding: 30rem 0 50rem; background: transparent;}
	.sign-up-wrap .sign-up-section .sign-up-box {padding: 0; border-radius: 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title {font-size: 14rem; letter-spacing: -0.14rem; padding-bottom: 11rem; margin-bottom: 20rem; border-bottom-width: 2rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title p {font-size: 14rem; letter-spacing: -0.14rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-title span {margin-top: 16rem;}

	/* 참가자 정보 */
	.sign-up-wrap .sign-up-section .sign-up-box .wrapInput {display: block;}
	.sign-up-wrap .sign-up-section .sign-up-box .wrapInput .sign-up-con + .sign-up-con {margin-top: 24rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title {font-size: 15rem; margin-bottom: 4rem; display: block; letter-spacing: -0.15rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title .desc {display: block; font-size: 13rem; margin-top: 4rem; letter-spacing: -0.13rem; padding-left: 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con .title .desc2 {display: block; padding-left: 0; margin-top: 4rem; font-size: 13rem; letter-spacing: -0.13rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con > input {height: auto; min-height: 42rem; font-size: 13rem; padding: 9.5rem 16rem; letter-spacing: -0.13rem;}

	/* wide 옵션 그룹 */
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox {margin-top: 30rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect {grid-template-columns: repeat(2, 1fr); column-gap: 8rem; row-gap: 8rem; margin-top: 12rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input ~ p {font-size: 15rem; letter-spacing: -0.15rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox .wrapSelect label input + i {height: 54rem;}

	/* 상담방식 */
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox.consult .wrapSelect {grid-template-columns: repeat(1, 1fr); row-gap: 8rem; column-gap: 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox.consult .wrapSelect label input + i, .sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox.consult .wrapSelect label:nth-child(n+3) input + i {height: 98rem; min-height: 98rem; padding: 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.wideBox.consult .wrapSelect label:last-child input + i {height: auto; min-height: 98rem; padding: 16rem 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label input ~ p {font-size: 15rem; letter-spacing: -0.15rem; padding: 16rem 12rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .sign-up-con.consult .wrapSelect label input ~ p span {font-size: 13rem; letter-spacing: -0.13rem; margin-top: 4rem;}

	/* 개인정보 이용동의 */
	.sign-up-wrap .sign-up-section .sign-up-box .information-box {margin-top: 30rem; padding-top: 30rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv {margin-bottom: 12rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label {font-size: 13rem; letter-spacing: -0.13rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label > input:checked + span {background-position: -23rem 0;}
	.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv label > span {width: 20rem; height: 20rem; margin-right: 8rem; background-size: auto 20rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .information-box .column-prv .prv .btnMore {font-size: 15rem; letter-spacing: -0.15rem;}

	/* 제출 버튼 */
	.sign-up-wrap .sign-up-section .sign-up-box .from-btn {margin-top: 30rem;}
	.sign-up-wrap .sign-up-section .sign-up-box .from-btn > input {font-size: 18rem; letter-spacing: -0.18rem; height: 40rem; width: 160rem; padding: 0 24rem; line-height: 40rem;}
}

/* 신청페이지 모바일 하단바 숨김 */
@media only screen and (max-width: 720px) {
	.sign-up-wrap ~ .m-inquiry-bar, .m-inquiry-bar {display: none !important;}
}