File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.content{
width: 1500px;
margin: 0 auto;
padding-top: 56px;
h2{ font-family: "HAPPINESSSANSVF"; font-size: 40px;}
h3{ font-family: "Pretendard-B"; font-size: 25px;
position: relative;
padding-left: 20px;
margin-bottom: 20px;
&::before{
content: '';
background: url(../../images/icon/subtitle.png);
width: 7px;
top: 11px;
left: 0;
height: 17px;
display: block;
position: absolute;
}
}
}
.sub-title-area{display: flex; justify-content: space-between; align-items: flex-end;}
.breadcrumb-list{
ul{display: flex; align-items: center; gap: 15px;}
li{font-size: 16px; font-family: "Pretendard-SB"; color: #000;}
}
form{
margin: 0 auto;
border: 1px solid #dddddd;
border-radius: 20px;
input{padding: 15px; border: 1px solid #dddddd; border-radius: 5px;
font-size: 16px;
}
}
.login-form{
width: 600px;
padding: 50px 60px;
label{
color: #666;
font-size: 16px;
display: block;
margin-bottom: 6px;
}
button{font-size: 22px; font-family: "Pretendard-B"; background: linear-gradient(132deg,#3e355c, #763954 );
width: 100%; padding: 19px 0; border-radius: 15px; margin-top: 10px;
img{margin: 0 12px 0 0;}
span{color: #fff;}
}
.check-area{
input{margin-right: 5px;}
}
}
.info-form, .pwchange-form{
dd{display: flex; align-items: center;}
padding: 30px 50px;
label{
position: relative;
width: 200px;
display: block;
color: #000;
font-size: 18px;
&.require::after {
position: absolute;
top: 5px;
padding-left: 3px;
content: "*";
color: #df2d2d;
}
}
.hr{background-color: #eeeeee; margin: 10px 0;
width: 100%;
height: 1px;
}
}
.pwchange-form{
input{
width:40%;
}
}
.invalid-feedback {
display: flex; align-items: center; gap: 4px;
background-color: #fbf1f2;
border: 1px solid #ce3e48;
border-radius: 20px;
padding: 8px 24px;
margin-left: 20px;
span{font-size: 14px; color: #e22d2d; font-family: "Pretendard-EL"; }
}
.btn-group{
gap: 10px;
}