File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
header {
background: #13833b;
padding: 0 2rem;
height: 7rem;
}
.logo {
display: flex;
/* width: 30rem; */
/* border: 1px solid red; */
height: 7rem;
justify-content: center;
align-items: center;
}
main {
padding: 2rem 9rem;
}
body {
/* overflow-x: hidden; */
}
footer {
top: 100%;
width: 100%;
background: #f7f7f6;
color: aliceblue;
clear: both;
}
@font-face {
font-family: "GmarketSansMedium";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "GmarketSansLight";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "GmarketSansBold";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "OTWelcomeRA";
src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/OTWelcomeRA.woff2")
format("woff2");
font-weight: normal;
font-style: normal;
}
/* 추가 작업 스타일 */
.verticalbar {
border-radius: 15px;
/* background-color: #dddddd; */
margin-bottom: 3rem;
padding: 1rem;
height: 185px;
}
.bar_title {
color: #ffffff;
font-size: 28px;
font-weight: bolder;
height: inherit;
width: 169px;
padding: 1rem;
border-radius: 10px 0 0 10px;
}
.barinfo {
/* width: 100%; */
display: flex;
gap: 15rem;
align-items: baseline;
justify-content: center;
font-size: 16px;
color: #949292;
height: inherit;
padding: 1rem;
border-radius: 0 10px 10px 0 ;
}
.bar_element {
width: 15rem;
text-align: center;
}
.board {
background: #ffffff;
border-radius: 15px;
width: 49rem;
box-shadow: 0px 5px 20px #00000038;
padding: 2rem;
}
.board_title {
color: #13833b;
font-size: 23px;
}
.board_add {
color: #565757;
transition: 0.3s;
font-size: 26px;
}
.board_add:hover {
color: #13833b;
transition: 0.3s;
}
.boardinfo {
color: #3e4141;
font-size: 16px;
padding: 2rem 2rem 0 2rem;
}
.boardinfo .board_element:last-child {
margin: 0;
}
.beforetxt {
font-size: 10px;
color: #13833b;
margin-right: 3rem;
}
.board_element {
transition: 0.3s;
display: flex;
align-items: center;
margin-bottom: 15px;
justify-content: space-between;
align-items: center;
}
.board_element:hover {
transition: 0.3s;
color: #13833b;
}
.boxmenu {
display: flex;
/* background-color: #fdfdf2;
box-shadow: 0px 5px 20px #00000038; */
padding: 1rem;
}
/* .box {
width: 29%;
height: 11.5rem;
padding: 3rem;
margin-right: 3rem;
text-align: right;
} */
.box_title {
color: #9c9b9a;
font-size: 18px;
text-align: left;
}
.box_num {
color: #13833b;
font-size: 32px;
font-weight: bolder;
}
.box_subtxt {
color: #9c9b9a;
font-size: 14px;
}
.elementtxt {
display: flex;
justify-content: center;
align-items: center;
}
.boxborder {
content: "";
height: 6rem;
border-right: 2px solid #9c9b9a;
float: right;
position: relative;
top: 15px;
left: 15px;
}