@charset "UTF-8";

/*=========================================================
	a-Ani
=========================================================*/
.a-Ani{
	opacity: 0;
	transform:translateY(5rem);
    transition-property: opacity, transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;
}

.a-Ani.is-View{
	opacity:1;
	transform:translateY(0);
}

/*=========================================================
	참가신청
=========================================================*/
body{
	background-image:url(../../images/bg/background_bg.jpg);
	background-size:cover;
}

.site{
	padding:4.125rem 0;
}

.SiteApply-title{
	font-size:2.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	font-family:'DBDream';
	text-align:center;
	margin-bottom:2.375rem;
}

.ApplyForm{
	width:100%;
	max-width:37.5rem;
	margin:0 auto;
}

.ApplyForm-title{
	font-size:1.875rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	padding:1.25rem 0.625rem;
	text-align:center;
	border-radius: 1.25rem 1.25rem 0 0;
	background: linear-gradient(270deg, #128AF0 27.4%, #58E52C 100%);
	font-family: 'DBDream';
}

.ApplyFormBody{
	background-color:#fff;
	padding:2.5rem 2.5rem;
	border-radius:0 0 1.25rem 1.25rem;
}

.ApplyFormBodyHeader{
	margin-bottom:1.813rem;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.ApplyFormBodyHeader-title{
	font-size:1.5rem;
	line-height:1.2em;
	color:#000;
	font-weight:700;
}

.ApplyFormBodyHeader-sub{
	font-size:1rem;
	line-height:1.2em;
	color:#F00;
}

.FormApplyItem + .FormApplyItem{
	margin-top:1.25rem;
}

.FormApplyItemTitle{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:0.625rem;
}

.FormApplyItemTitle-text{
	font-size:1rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	position:relative;
	padding-left:0.875rem;
	display:block;
}

.FormApplyItemTitle-text:before{
	content:"*";
	color:#f00;
	position:absolute;
	top:0;
	left:0;
}

.FormApplyItemGender-inner{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}

.FormRadio-input{
	display:none;
}

.FormApplyItemGender-item{
	margin-right:0.625rem;
}

.FormApplyItemGender-item:last-child{
	margin-right:0;
}

.FormRadio-text{
	font-size:0.875rem;
	line-height:1.2em;
	color:#000;
	font-weight:500;
	position:relative;
	padding-left:1.875rem;
}

.FormRadio-text:before{
	content:"";
	width:1.375rem;
	height:1.375rem;
	background-image:url(../../images/icon/ico_radio.svg);
	background-size:100% 100%;
	position:absolute;
	top:-0.2rem;
	left:0;
}

.FormRadio-input:checked + .FormRadio-text:before{
	background-image:url(../../images/icon/ico_radio_ck.svg);
}

body .FormInput-text{
	display:block;
	width:100%;
	font-size:1.125rem;
	line-height:normal;
	color:#000;
	padding:0.75rem 1rem;
	border:solid 1px #ddd;
	border-radius:0.625rem;
}

body .FormInput-text::-webkit-input-placeholder {
	color:#999;
}
body .FormInput-text:-ms-input-placeholder {
	color:#999;
}

body .FormInput-text:focus-visible{
	border-color:#000;
}

.FormInput + .FormInput{
	margin-top:0.625rem;
}

.FormInput.WithBtn{
	position:relative;
	display:flex;
}

.FormInput.WithBtn .FormInput-text{
	flex:1;
}

.FormBtn{
	display:block;
	width:10.25rem;
	font-size:1.125rem;
	line-height:normal;
	font-weight:700;
	color:#fff;
	padding:0.75rem 1rem;
	border:solid 1px #000;
	background-color:#000;
	border-radius:0.625rem;
	margin-left:0.625rem;
}

.PolicyText{
	margin-bottom:0.625rem;
}

.clause_guide{
	padding: 0.75rem 1rem;
    border: solid 1px #ddd;
	border-radius: 0.625rem;
	font-size:0.875rem;
	line-height:1.5em;
	color:#666;
	height:10rem;
	overflow:hidden;
	overflow-y:auto;
}

.con_jo{
	margin-bottom:1rem;
}

.title_jo{
	color:#969696;
	margin-bottom:0.5rem;
	display:block;
}

.tbl_clause th,
.tbl_clause td{
	border-bottom:solid 1px #bbb;
	border-left:solid 1px #bbb;
	vertical-align:middle;
	padding:0.25rem 0.25rem;
	font-size:0.75rem;
}

.tbl_clause th{
	border-top:solid 1px #bbb;
}

.tbl_clause th:first-child,
.tbl_clause td:first-child{
	border-left:none;
}

.FormInfo{
	border-radius:0.625rem;
	background-color:#ededed;
	padding:1.5rem 1.5rem;
}

.FormInfo-item + .FormInfo-item{
	margin-top:0.625rem;
}

.FormInfo-item{
	font-size:0.875rem;
	line-height:1.5em;
	color:#666;
	padding-left:1.625rem;
	position:relative;
}

.FormInfo-item.Bold{
	padding-left:1rem;
	font-weight:700;
}

.FormInfo-item a{
	color:#666;
}

.FormInfo-item:not(.Bold):before{
	content:"";
	position:absolute;
	top:-0.2rem;
	left:0;
	width:1.375rem;
	height:1.375rem;
	background-size:100% 100%;
}

.FormInfo-item:nth-child(1):before{
	background-image:url(../../images/bg/number1.png);
}

.FormInfo-item:nth-child(2):before{
	background-image:url(../../images/bg/number2.png);
}

.FormInfo-item:nth-child(3):before{
	background-image:url(../../images/bg/number3.png);
}

.FormInfo-item:nth-child(4):before{
	background-image:url(../../images/bg/number4.png);
}

.FormInfo-item.Bold:before{
	content:"•";
	position:absolute;
	top:-0.2rem;
	left:0;
	font-family: 'DBDream';
}

body .FormSubmit{
	width:100%;
	border-radius:0.625rem;
	font-size:1.5rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	text-align:center;
	padding:0.875rem 0.875rem;
	background-color:#128AF0;
	display:block;
}

.ErrorMessage{
	font-size:0.875rem;
	line-height:1.5em;
	color:#F00;
	margin-top:0.625rem;
}

.EndMessage{
	font-size:0.875rem;
	line-height:1.5em;
	color:#128AF0;
	text-align:center;
	margin-top:0.625rem;
}

.FormApplyRow-inner{
	display:flex;
	align-items:start;
	margin:0 -0.375rem;
}

.FormApplyRow-item{
	padding:0 0.375rem;
	width:50%;
}

.FormApplyRow{
	margin-bottom:1.25rem;
}

.FormApplyItem + .FormApplyRow{
	margin-top:1.25rem;
}

.AlignC .FormApplyItemGender{
	padding-top:2.4rem;
	padding-bottom:0.4rem;
}

.SiteLogo{
	width:9.563rem;
	height:7rem;
	background-image:url(../../images/logo/db_logo.png);
	background-size:100% 100%;
	margin:0 auto 1.5rem;
}

.FormInfoWt{
	background-color:#fff;
	padding:0.813rem 1.125rem;
	border-radius:0.625rem;
	margin-top:0.875rem;
}

.FormInfoWt .FormInfo-item{
	color:#000;
}

.FormInfoWt .FormInfo-item a{
	color:#000;
}

.FormInfoWt .FormInfo-item.Phone{
	padding-left:1.5rem;
	margin-left:1rem;
}

.FormInfoWt .FormInfo-item.Phone:before{
	content:"";
	width:1.188rem;
	height:1.188rem;
	background-image:url(../../images/icon/ico_phone.svg);
	background-size:100% 100%;
}

.ApplyForm-subtitle{
	margin:1.813rem 0 1.25rem;
	font-size: 1.25rem;
    line-height: 1.2em;
    color: #000;
    font-weight: 700;
}

.SecLine{
	margin-top:1.813rem;
	border-top:dashed 1px #ddd;
}

.BtnFormInfo{
	margin-top:1rem;
}

body .LinkBtn{
	width:100%;
	border-radius:0.625rem;
	font-size:1.125rem;
	line-height:1.2em;
	color:#fff;
	font-weight:700;
	text-align:center;
	padding:0.875rem 0.875rem;
	background-color:#128AF0;
	display:block;
}

@media screen and (min-width:1025px){
	.FormBtn:hover{
		background-color:#128AF0;
		border-color:#128AF0;
	}
	
	body .FormSubmit:hover{
		background-color:#000;
	}
	
	body .FormInput-text{
		padding: 0.85rem 1rem 0.65rem 1rem;
	}
	
	.FormBtn{
		padding: 0.85rem 1rem 0.65rem 1rem;
	}
	
	body .FormSubmit{
		padding: 0.975rem 0.875rem 0.775rem 0.875rem;
	}
	
	body .LinkBtn{
		padding: 0.975rem 0.875rem 0.775rem 0.875rem;
	}
	
	body .LinkBtn:hover{
		background-color:#000;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
	.site{
		padding-top:8.125rem;
	}
}

@media screen and (max-width:767px) and (min-width:1px){
	.site{
		padding-top:5.125rem;
	}
	
	.SiteApply-title{
		font-size: 2rem;
	}
	
	.ApplyForm-title{
		font-size:1.4rem;
	}
	
	.ApplyFormBody{
		padding:2rem 1.25rem;
	}
	
	.ApplyFormBodyHeader-title{
		font-size:1.25rem;
	}
	
	.ApplyFormBodyHeader-sub{
		font-size:0.75rem;
	}
	
	.FormApplyItemTitle-text{
		font-size:1rem;
	}
	
	body .FormInput-text{
		font-size:1rem;
	}
	
	.FormBtn{
		font-size:1rem;
	}
	
	.tbl_clause th,
	.tbl_clause td{
		font-size:0.625rem;
	}
	
	.FormInfo{
		padding:1.25rem 1.25rem;
	}
	
	body .FormSubmit{
		font-size:1.25rem;
	}
	
	.ErrorMessage{
		font-size:0.75rem;
	}
	
	.FormApplyRow-inner{
		display:block;
	}
	
	.FormApplyRow-item{
		width:100%;
	}
	
	.FormApplyRow-item + .FormApplyRow-item{
		margin-top:1.25rem;
	}
	
	.AlignC .FormApplyItemGender{
		padding:0;
	}
	
	.SiteLogo{
		width: 7rem;
		height: 5.124rem;
	}
	
	.NoClear .FormApplyRow-inner{
		display:flex;
	}
	
	.NoClear .FormApplyRow-item{
		width:50% !important;
		margin-top:0 !important;
	}
	
	.ApplyForm-subtitle{
		font-size:1.125rem;
	}
	
	body .LinkBtn{
		font-size:1rem;
	}
}

/*=========================================================
	참가신청 완료
=========================================================*/
.FormSuccessList{
	margin:0 -0.75rem;
	display:flex;
	justify-content:center;
}

.FormSuccessList-item{
	width:50%;
	padding:0 0.75rem;
}

.not-Print .hasPrint{
	display:none;
}

/*캡쳐*/
.capturing-mode .ApplyForm-title{
	border-radius:0;
}

.capturing-mode .FormApplyItem.Last{
	display:none;
}

.capturing-mode .BtnFormInfo{
	display:none;
}

/*프린트*/
@media print {
	.page-template-page-success .Logo{
		display:none;
	}
	
	.page-template-page-success .SiteApply-title{
		display:none;
	}
	
	.page-template-page-success .site{
		padding:0;
	}
	
	.page-template-page-success{
		background:none;
	}
	
	.page-template-page-success .ApplyFormBody{
		border:solid 1px #ddd;
	}
	
	.page-template-page-success .FormApplyItem .FormSuccessList{
		display:none;
	}
	
	.page-template-page-success .FormApplyItem.Last{
		margin-top:0;
	}
	
	.page-template-page-success .site-container{
		max-width:100%;
		padding:0;
	}
	
	.page-template-page-success .ApplyForm{
		max-width:100%;
	}
	
	.page-template-page-success .ApplyForm-title{
		font-size:1.25rem;
	}
	
	.page-template-page-success .FormApplyItemTitle-text{
		font-size:0.875rem;
	}
	
	body.page-template-page-success .FormInput-text{
		font-size:1rem;
	}
	
	.page-template-page-success .ApplyForm-title{
		padding:1rem 0.625rem;
	}
	
	.page-template-page-success .ApplyFormBody{
		padding: 1.5rem 1.5rem;
	}
	
	body.page-template-page-success .FormInput-text{
		padding: 0.65rem 1rem 0.45rem 1rem;
	}
	
	.ApplyFormPay{
		display:none !important;
	}
	
	.SiteLogo{
		display:none;
	}
	
	.FormInfoWt .FormInfo-item{
		font-size:0.75rem;
	}
	
	.BtnFormInfo{
		display:none;
	}
}