@charset "utf-8";

.login-box{padding:0 3rem;}
.login-type-title-box{padding:0 0 5rem;}
.login-type-title-box .login-title{padding:0 0 8px;font-weight:var(--font-weight-bold);font-size:2.8rem;line-height:3.4rem;color:var(--color22);text-align:center;}
.login-type-title-box .login-p{font-size:1.8rem;line-height:2.5rem;color:var(--color09);text-align:center;}
.login-type-box{display:flex;justify-content:center;gap:6rem;margin:0 auto;max-width:78rem;}
.login-type-box > div > a{display:block;padding:2.8rem 7.8rem 3.1rem;background:var(--color02);box-sizing:border-box;}
.login-type-box > div > a .login-type{padding:0 0 4px;font-weight:var(--font-weight-bold);font-size:3rem;line-height:3.6rem;color:var(--white100);text-align:center;}
.login-type-box > div > a .login-for{padding:0 0 3.2rem;font-weight:var(--font-weight-semibold);font-size:1.8rem;line-height:2.6rem;color:var(--white100);text-align:center;}
.login-type-box > div > a .login-btn{position:relative;margin:0 auto;padding:6px 3.25rem 6px 2.8rem;width:20.4rem;background:var(--white100);font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:2.9rem;color:var(--color02);box-sizing:border-box;}
.login-type-box > div > a .login-btn:after{content:'';position:absolute;top:50%;right:2rem;width:2.4rem;height:2.4rem;background:var(--color02);-webkit-mask:url(/_res/postech-aif/_share/img/board/ico-arr01@2x.png) no-repeat center center/100%;mask:url(/_res/postech-aif/_share/img/board/ico-arr01@2x.png) no-repeat center center/100%;transform:translateY(-50%);}

.login-type-box > div.my-event > a{background:var(--color03);}
.login-type-box > div.my-event > a .login-btn{color:var(--color03);}
.login-type-box > div.my-event > a .login-btn:after{background:var(--color03);}

.login-title-box{padding:0 0 4rem;}
.login-title-box .login-title{padding:0 0 1.2rem;font-weight:var(--font-weight-bold);font-size:5.2rem;line-height:4.8rem;color:var(--color22);text-align:center;}
.login-title-box .login-desc{font-weight:var(--font-weight-semibold);font-size:2.2rem;line-height:2.6rem;color:var(--color02);text-align:center;}
.login-form-box{margin:0 auto;padding:4rem;border:8px solid;border-image-source:linear-gradient(138.47deg, #E7D4DD 0%, #C61065 100%);border-image-slice:1;max-width:68rem;box-sizing:border-box;text-align:center;}
.login-form-box .login-p{padding:0 0 2.8rem;font-size:1.6rem;line-height:2.2rem;color:var(--color09);}
.login-form-box .login-info{margin:0 auto;padding:0 0 1.6rem;max-width:36rem;}
.login-form-box .login-info:has(.login-txt-btn){padding:0 0 2.8rem;text-align:right;}
.login-form-box .login-info input{padding:5px 1rem;width:100%;border:1px solid var(--color23);font-size:1.4rem;color:var(--color04);line-height:3rem;box-sizing:border-box; }
.login-form-box .login-info .b-input::placeholder{color:var(--color04);}
.login-form-box .login-info .login-txt-btn{font-size:1.4rem;line-height:2rem;text-decoration:underline;text-align:right;}
.login-form-box .login-btn-box .login-btn{display:block;margin:0 auto;padding:8px 1rem;background-color:var(--color02);width:24rem;max-width:100%;font-weight:var(--font-weight-semibold);font-size:1.8rem;line-height:3rem;color:var(--white100);text-align:center;transition:0.25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.login-form-box .login-btn-box .login-btn:hover{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:2px;}

/** 산학협력단 로그인, 회원기입 **/
/* 공통 */
.bn-write-common-aif .b-member-textarea{padding:2.4rem;height:24rem;border:1px solid var(--color24);border-radius:4px;font-size:1.4rem;color:var(--color23);line-height:1.7rem;}
/* 산학협력단 - 로그인 */
.b-login-wrap-aif{margin:0 auto;padding:9rem 0 0;max-width:52rem;box-sizing:border-box;}
.b-login-wrap-aif .b-login-title{padding:0 0 3.2rem;font-size:3.6rem;font-weight:var(--font-weight-bold);line-height:4.3rem;text-align:center;}
.b-login-wrap-aif .b-login-box{padding:6.3rem 7.9rem;border:1px solid var(--color11);border-radius:3rem;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-info.b-login-id{padding:0 0 1.6rem;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-info .b-input{height:4.8rem;border-color:var(--color23);border-radius:4px;font-size:1.6rem;line-height:3rem;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-info .b-input::placeholder{color:var(--color04);}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-btn-box{padding:2.8rem 0;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-btn-box .b-login-btn{display:flex;justify-content:center;align-items:center;padding:1.6rem 1rem;width:100%;border-radius:10rem;background-color:var(--black100);font-size:1.7rem;font-weight:var(--font-weight-bold);color:var(--white100);line-height:2.6rem;box-sizing:border-box;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul{display:flex;gap:6rem;justify-content:center;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul li{position:relative;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul li::after{content:'';position:absolute;top:50%;right:-2.9rem;width:2px;height:1.2rem;background-color:var(--color09);transform:translateY(-50%);}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul li:last-of-type::after{display:none;}
.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul li a{font-size:1.4rem;font-weight:var(--font-weight-medium);line-height:1.7rem;}
.b-sso-box{margin:4rem 0 0;padding:3.9rem 9.9rem;width:100%;border:1px solid var(--color35);border-radius:3rem;box-sizing:border-box;}
.b-sso-box .b-sso-txt{font-size:1.6rem;font-weight:var(--font-weight-medium);line-height:2.4rem;text-align:center;}
.b-sso-box .b-sso-txt span{color:var(--color02);}
.b-sso-box .b-sso-btn-box{display:flex;justify-content:center;padding:2rem 0 0;}
.b-sso-box .b-sso-btn-box a{display:flex;justify-content:center;align-items:center;gap:6px;padding:1.6rem 1rem;width:100%;max-width:32rem;border-radius:10rem;background-color:var(--color02);font-size:1.7rem;font-weight:var(--font-weight-bold);color:var(--white100);line-height:2.6rem;box-sizing:border-box;}
.b-sso-box .b-sso-btn-box a::after{content:'';margin:-2px 0 0;width:1.7rem;height:1.8rem;background:url(/_res/postech-aif/_share/img/board-aif/ico-sso-login-link@2x.png)no-repeat 0 0/100%;}
/* 산학협력단 - 회원가입 공통*/
.b-member-step-box{padding:0 0 2.4rem;}
.b-member-step-box ul{display:flex;gap:0.8%;}
.b-member-step-box ul li{padding:2.8rem 4.2rem;width:26%;border-radius:3rem;background-color:var(--color33);box-sizing:border-box;}
.b-member-step-box ul li.active{width:46.4%;background-color:var(--color02);}
.b-member-step-box ul li span{font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color09);line-height:1.7rem;}
.b-member-step-box ul li p{padding:4px 0 0;font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--color22);line-height:3.3rem;}
.b-member-step-box ul li.active span,
.b-member-step-box ul li.active p{color:var(--white100);}
/* 산학협력단 회원가입 - 개인정보 입력 */
.bn-write-common-box.membership .b-desc-txt{margin:0 0 1rem;}
.bn-write-common-box.membership .b-membership-tip{display:flex;align-items:flex-start;gap:4px;margin:0 0 4rem;font-size:1.4rem;color:var(--color04);line-height:2.1rem;}
.bn-write-common-box.membership .b-membership-tip::before{content:'';flex-shrink:0;width:3.3rem;height:2.1rem;background:url(/_res/postech-aif/_share/img/board-aif/ico-membership-tip@2x.png) no-repeat 0 0/100%;}
.bn-write-common-box.membership .b-membership-tip + .b-main-tit-box{margin-top:0;}
.bn-write-common-box.membership .b-row-box{flex-wrap:nowrap;}
.bn-write-common-box.membership .b-con-box{flex-wrap:nowrap;gap:8px;}
.bn-write-common-box.membership .b-con-box .b-con{display:flex;align-items:center;gap:8px;width:100%;}
.bn-write-common-box.membership .b-con-box .b-con .b-btn-common{flex-shrink:0;}
.bn-write-common-box.membership .b-con-box .b-con .b-year-btn{align-self:center;width:2.4rem;height:2.4rem;background:url(/_res/postech-aif/_share/img/board-aif/ico-membership-cal@2x.png)no-repeat 0 0/100%;text-indent:-9999px;overflow:hidden;}
.bn-write-common-box.membership .b-con-box > span{align-self:flex-end;padding:0 0 0 8px;font-size:1.2rem;color:var(--color09);line-height:1.7rem;}
.bn-write-common-box.membership .b-con-box.b-address-box{flex-wrap:wrap;}
.bn-write-common-box.membership .b-con-box .b-tel-box{max-width:27.4rem;}
.bn-write-common-box.membership .b-address-box .b-con .b-zip-input{max-width:27.4rem;}
/* 산학협력단 회원가입 - 회원가입 완료 */
.b-member-complete-box{padding:4rem 0 8rem;text-align:center;}
.b-member-complete-box p{padding:0 0 1.2rem;font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.3rem;}
.b-member-complete-box span{display:block;font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--color04);line-height:2.3rem;}
.b-member-complete-box .b-member-btn-box{display:flex;justify-content:center;padding:5.6rem 0 0;}
.b-member-complete-box .b-member-btn-box a{display:block;padding:1.6rem 1rem;width:100%;max-width:32rem;border-radius:10rem;background-color:var(--black100);font-size:1.7rem;font-weight:var(--font-weight-bold);color:var(--white100);line-height:2.6rem;box-sizing:border-box;}
/* 아이디, 비밀번호 찾기 */
.bn-write-common-box.membership.find{padding:6.4rem 4.8rem;}
.bn-write-common-box.membership.find .b-main-tit-box{margin-top:0;}
.bn-write-common-box.membership.find .b-btn-wrap-aif{padding:5.6rem 0 0;}
/* 아이디, 비밀번호 찾기 결과 */
.b-find-box{padding:6.3rem 4.7rem;border:1px solid var(--color11);border-radius:3rem;box-sizing:border-box;}
.b-find-box .b-find-result{padding:0 0 1.2rem;font-size:1.8rem;font-weight:var(--font-weight-bold);color:var(--color02);line-height:2.7rem;text-align:center;}
.b-find-box .b-find-id{padding:0 0 1.2rem;font-size:2.2rem;font-weight:var(--font-weight-bold);color:var(--black100);line-height:3.3rem;text-align:center;}
.b-find-box .b-find-txt{font-size:1.5rem;font-weight:var(--font-weight-medium);color:var(--color04);line-height:2.3rem;text-align:center;}
.b-find-box .b-btn-wrap-aif{padding:5.6rem 0 0;}

@media screen and (max-width:768px) {
	.login-box{padding:0;}
	.login-type-title-box{padding:0 0 4rem;}
	.login-type-title-box .login-title{padding:0 0 1rem;font-size:2.2rem;line-height:2.6rem;}
	.login-type-title-box .login-p{font-size:1.6rem;line-height:2.2rem;}
	.login-type-box{flex-direction:column;gap:3rem;}
	.login-type-box > div > a{padding:2.4rem 4.8rem 2.3rem;}
	.login-type-box > div > a .login-type{font-size:2.8rem;line-height:3.4rem;}
	.login-type-box > div > a .login-for{padding:0 0 3rem;font-size:1.6rem;line-height:2.4rem;}

	.login-title-box{padding:0 0 3.2rem;}
	.login-title-box .login-title{padding:0 0 4px;font-size:3.6rem;line-height:4rem;}
	.login-title-box .login-desc{font-size:1.8rem;line-height:2.4rem;}
	.login-form-box{padding:3.4rem 2.2rem;border-width:6px;text-align:left;}
	.login-form-box .login-p{padding:0 0 3.6rem;line-height:1.8rem;}
	.login-form-box .login-info.login-pw{padding:0 0 2rem;}
	.login-form-box .login-info:has(.login-txt-btn){padding:0 0 3.6rem;}
	.login-form-box .login-info .login-txt-btn{line-height:1.8rem;}
	.login-form-box .login-btn-box .login-btn{padding:1rem;width:100%;min-height:unset;font-size:1.6rem;line-height:2rem;}

	/** 산학협력단 로그인, 회원기입 **/
	/* 산학협력단 - 로그인 */
	.b-login-wrap-aif{padding:4rem 0 0;}
	.b-login-wrap-aif .b-login-box{padding:3.9rem 3.2rem;}
	.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul{flex-wrap:wrap;gap:1rem 3.7rem;}
	.b-login-wrap-aif .b-login-box .b-login-con .b-login-etc-box ul li::after{right:-1.7rem;}
	.b-sso-box{padding:2.3rem 3.1rem;}   
	/* 산학협력단 - 회원가입 공통*/
	.b-member-step-box ul li{display:none;}
	.b-member-step-box ul li.active{display:flex;align-items:center;gap:1.2rem;padding:1.2rem 3.2rem;width:100%;}
	.b-member-step-box ul li p{padding:0;}
	/* 산학협력단 회원가입 - 개인정보 입력 */
	.bn-write-common-box.membership .b-main-tit-box{margin:0 0 2.4rem;}
	.bn-write-common-box.membership .b-main-tit-box h4{padding:0 0 8px;}
	.bn-write-common-box.membership .b-table-wrap{background:none;padding:1rem 0 0;border-top:2px solid var(--color09);border-radius:0;}
	.bn-write-common-box.membership .b-con-box{flex-wrap:wrap;gap:1rem;}
	.bn-write-common-box.membership .b-con-box > span{padding:0;margin:-6px 0 0;}
	.bn-write-common-box.membership .b-con-box .b-tel-box{max-width:100%;}
	.bn-write-common-box.membership.find{padding:3.2rem;}
	/* 아이디, 비밀번호 찾기 결과 */
	.b-find-box{padding:3.2rem;}
	.b-find-box .b-btn-wrap-aif{flex-direction:column;}
}