You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
202 lines
3.6 KiB
SCSS
202 lines
3.6 KiB
SCSS
.board-left-section{
|
|
background: #F2F2F2;
|
|
padding-top:60px;
|
|
padding-left:80px;
|
|
min-width: 332px;
|
|
width: 332px;
|
|
}
|
|
.board-links{
|
|
margin-top:60px;
|
|
|
|
> a{
|
|
padding:10px 0px 4px;
|
|
font-weight: 400;
|
|
font-size: 16px;
|
|
line-height: 140%;
|
|
letter-spacing: -0.5px;
|
|
display: block;
|
|
|
|
> div{
|
|
padding-bottom:6px;
|
|
display: inline-block;
|
|
}
|
|
|
|
&.active{
|
|
font-weight: 600;
|
|
|
|
> div{
|
|
border-bottom:2px solid #000;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.board-section{
|
|
flex:1;
|
|
width: 100%;
|
|
}
|
|
|
|
.notice-list-table{
|
|
thead{
|
|
background:#F8F8F8;
|
|
border-top:1px solid #212121;
|
|
}
|
|
th{
|
|
font-size: 18px;
|
|
line-height: 130%;
|
|
text-align: center;
|
|
padding:20px 0px !important;
|
|
}
|
|
tr{
|
|
vertical-align: middle;
|
|
}
|
|
td{
|
|
font-size: 16px;
|
|
line-height: 130%;
|
|
padding:15px 0px !important;
|
|
}
|
|
.number{
|
|
width: 140px;
|
|
}
|
|
.created-at{
|
|
width: 200px;
|
|
}
|
|
}
|
|
|
|
.notice-list, .inquery-page{
|
|
padding:150px 200px 60px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.notice-view{
|
|
padding:150px 200px 60px;
|
|
overflow-y: auto;
|
|
height: 100vh;
|
|
.board-title{
|
|
padding-bottom:40px;
|
|
}
|
|
.board-date{
|
|
padding:20px 0px;
|
|
}
|
|
.board-content{
|
|
padding:40px 0px;
|
|
min-height: 400px;
|
|
}
|
|
.board-controll{
|
|
padding-top:40px;
|
|
display: flex;
|
|
}
|
|
}
|
|
.news-list{
|
|
padding:60px 40px 0px;
|
|
display: flex;
|
|
overflow: hidden;
|
|
|
|
.news-column{
|
|
padding:0px 40px;
|
|
}
|
|
.news-item{
|
|
width: 300px;
|
|
padding-bottom:40px;
|
|
|
|
.news-title{
|
|
padding-top:20px;
|
|
}
|
|
.news-date{
|
|
padding-top:10px;
|
|
}
|
|
}
|
|
}
|
|
.term-controll{
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
align-items: center;
|
|
}
|
|
.inquery-submit{
|
|
margin-top:60px;
|
|
}
|
|
|
|
|
|
/************ BreakPoints ************/
|
|
// Small devices (landscape phones, 576px and up)
|
|
@media (max-width: 576px) {
|
|
}
|
|
|
|
// Medium devices (tablets, 768px and up)
|
|
@media (max-width: 768px) {
|
|
}
|
|
|
|
// Large devices (desktops, 992px and up)
|
|
@media (max-width: 992px) {
|
|
|
|
}
|
|
|
|
// X-Large devices (large desktops, 1200px and up)
|
|
@media (max-width: 1200px) {
|
|
.news-list{
|
|
padding:20px;
|
|
flex-direction: column;
|
|
|
|
.news-column{
|
|
padding:0;
|
|
}
|
|
.news-item{
|
|
width: 100%;
|
|
text-align: center;
|
|
.news-date{
|
|
padding-top:7px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// XX-Large devices (larger desktops, 1400px and up)
|
|
@media (max-width: 1400px) {
|
|
.notice-list, .inquery-page{
|
|
padding:20px;
|
|
}
|
|
.notice-list-table{
|
|
.number{
|
|
width:60px;
|
|
}
|
|
}
|
|
|
|
|
|
.term-controll{
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.inquery-submit{
|
|
margin-top:40px;
|
|
}
|
|
|
|
.notice-view{
|
|
padding:20px;
|
|
|
|
.board-title{
|
|
padding-top:20px;
|
|
padding-bottom:16px;
|
|
border-top:2px solid #212121;
|
|
}
|
|
.board-date{
|
|
padding:0;
|
|
padding-bottom:16px;
|
|
border-top:none;
|
|
}
|
|
.board-content{
|
|
padding:20px 0px;
|
|
}
|
|
.board-controll{
|
|
padding-top:20px;
|
|
padding-bottom:20px;
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.board-left-section{
|
|
padding-top:20px;
|
|
padding-left:30px;
|
|
padding-right:30px;
|
|
width: auto;
|
|
min-width: 200px;
|
|
}
|
|
} |