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.
96 lines
1.8 KiB
SCSS
96 lines
1.8 KiB
SCSS
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
|
|
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
|
|
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
|
|
|
|
.nanumpenscript {
|
|
font-family: 'Nanum Pen Script', cursive;
|
|
}
|
|
$column: 16;
|
|
$font-sizes: 52;
|
|
|
|
@import 'custom.scss';
|
|
|
|
|
|
.container{
|
|
max-width:1140px;
|
|
}
|
|
|
|
.intro-image-box{
|
|
background:rgb(244, 255, 143);
|
|
text-align: center;
|
|
padding:40px 0px;
|
|
img{
|
|
max-width: 300px;
|
|
}
|
|
}
|
|
.intro-text-box{
|
|
padding:20px 0px;
|
|
text-align: center;
|
|
.text-image{
|
|
img{
|
|
max-width:250px;
|
|
}
|
|
}
|
|
.text-title{
|
|
font-size: 32px;
|
|
color:#24469c;
|
|
font-weight: bold;
|
|
}
|
|
.text-desc{
|
|
font-size:16px;
|
|
}
|
|
}
|
|
.ai-hr{
|
|
margin:20px 0px;
|
|
}
|
|
.inquiry-message-box{
|
|
padding:20px 0px;
|
|
.inquiry-message{
|
|
font-size:22px;
|
|
font-weight: 700;
|
|
}
|
|
.inquiry-team{
|
|
font-size:16px;
|
|
font-style: italic;
|
|
color:rgb(153, 153, 153);
|
|
}
|
|
}
|
|
.inquiry-box{
|
|
margin-bottom:20px;
|
|
width: 100%;
|
|
|
|
.inquiry-box-title{
|
|
font-size:24px;
|
|
font-weight: 700;
|
|
margin-bottom:10px;
|
|
}
|
|
.inquiry-box-desc{
|
|
font-size:18px;
|
|
}
|
|
}
|
|
.main-inquiry{
|
|
padding-bottom:40px;
|
|
}
|
|
/************ 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) {
|
|
|
|
}
|
|
|
|
// XX-Large devices (larger desktops, 1400px and up)
|
|
@media (max-width: 1400px) {
|
|
} |