편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 58개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/* 배너 */ | /* 배너 */ | ||
.banner { | .banner { | ||
background: | background: white; | ||
font-family: " | max-width: 1003px; | ||
width: 1003px; | |||
margin-left: -15px; | |||
font-family: "SUITE Variable"; | |||
color: #252525; | color: #252525; | ||
padding: 20px; | |||
line-height: 30px; | |||
font-weight: 700; | |||
font-size: 10.5pt; | |||
text-align: center; | |||
user-select: none; | |||
margin-bottom: 15px; | |||
} | |||
.banner b { | |||
font-family: "SUITE Variable"; | |||
} | |||
.seolbanner { | |||
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #191919; | |||
padding: 20px; | padding: 20px; | ||
font-size: 10pt; | font-size: 10pt; | ||
29번째 줄: | 33번째 줄: | ||
.chuseokbanner { | .chuseokbanner { | ||
background: linear-gradient(180deg, #244484, #203C74, #1E386C); | background: linear-gradient(180deg, #244484, #203C74, #1E386C); | ||
font-family: "Pretendard | font-family: "Pretendard", "Pretendard JP Variable"; | ||
color: #F1BF1E; | color: #F1BF1E; | ||
padding: 20px; | padding: 20px; | ||
40번째 줄: | 44번째 줄: | ||
.christmasbanner { | .christmasbanner { | ||
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666); | background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666); | ||
font-family: "Pretendard | font-family: "Pretendard", "Pretendard JP Variable"; | ||
color: white; | color: white; | ||
padding: 20px; | padding: 20px; | ||
51번째 줄: | 55번째 줄: | ||
.banner2024 { | .banner2024 { | ||
background: #2F2725; | background: #2F2725; | ||
font-family: "Pretendard | font-family: "Pretendard", "Pretendard JP Variable"; | ||
color: white; | color: white; | ||
padding: 20px; | padding: 20px; | ||
60번째 줄: | 64번째 줄: | ||
} | } | ||
.afpbanner-1 { | |||
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: white; | |||
padding: 20px; | |||
font-size: 10pt; | |||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
} | |||
.votebanner { | |||
. | |||
background: white; | background: white; | ||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #252525; | color: #252525; | ||
padding: 20px; | |||
font-size: 10pt; | font-size: 10pt; | ||
text-align: center; | |||
width: 100%; | |||
user-select: none; | user-select: none; | ||
border: 1px solid #252525; | |||
} | |||
.votebanner img { | |||
margin-bottom: 5px; | |||
} | |||
.votebanner text { | |||
margin-top: 15px; | |||
line-height: 23px; | |||
} | |||
.rohbanner { | |||
max-width: 1003px; | |||
width: 1003px; | |||
margin-left: -15px; | |||
font-family: "SUITE Variable"; | |||
background: #FFCB08; | |||
color: #434240; | |||
padding: 20px; | |||
line-height: 30px; | |||
font-weight: 700; | |||
font-size: 10.5pt; | |||
text-align: center; | |||
user-select: none; | |||
margin-bottom: 15px; | |||
} | |||
.rohbanner b { | |||
font-family: "SUITE Variable"; | |||
} | } | ||
91번째 줄: | 134번째 줄: | ||
background: none; | background: none; | ||
color: #CFA547; | color: #CFA547; | ||
margin-bottom: 10px; | font-size: 9.5pt; | ||
font-size: | font-family: Chosunilbo_myungjo; | ||
font-family: | margin-bottom: 10px; | ||
user-select: none; | |||
} | |||
/* 개별 상세 내용 */ | |||
.detail-doc { | |||
text-align: center; | |||
margin-top: 10px; | |||
margin-bottom: 10px; | |||
font-size: 16pt; | |||
color: #CFA547; | |||
line-height: 30px; | |||
font-family: Chosunilbo_myungjo; | |||
user-select: none; | |||
} | |||
.detail-doc a { | |||
font-family: Chosunilbo_myungjo; | |||
} | |||
/* 인용문 */ | |||
.quote { | |||
text-align: center; | |||
margin-top: 10px; | |||
font-size: 14pt; | |||
color: #CFA547; | |||
line-height: 25px; | |||
margin-bottom: 20px; | |||
font-weight: bold; | |||
font-family: Chosunilbo_myungjo; | |||
user-select: none; | |||
} | } | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.banner { | .banner { | ||
background: | background: white; | ||
font-family: " | width: 100%; | ||
margin-left: auto; | |||
font-family: "SUITE Variable"; | |||
color: #252525; | color: #252525; | ||
line-height: 30px; | |||
padding: 20px; | |||
font-size: 8.5pt; | |||
font-weight: 700; | |||
text-align: center; | |||
user-select: none; | |||
margin-bottom: 15px; | |||
letter-spacing: -0.4px; | |||
} | |||
.seolbanner { | |||
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4); | |||
font-family: "Pretendard", "Pretendard JP Variable"; | |||
color: #191919; | |||
padding: 20px; | padding: 20px; | ||
font-size: 9pt; | font-size: 9pt; | ||
110번째 줄: | 199번째 줄: | ||
.chuseokbanner { | .chuseokbanner { | ||
background: linear-gradient(180deg, #244484, #203C74, #1E386C); | background: linear-gradient(180deg, #244484, #203C74, #1E386C); | ||
font-family: "Pretendard JP Variable | font-family: "Pretendard JP Variable"; | ||
color: #F1BF1E; | color: #F1BF1E; | ||
padding: 20px; | padding: 20px; | ||
121번째 줄: | 210번째 줄: | ||
.christmasbanner { | .christmasbanner { | ||
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666); | background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666); | ||
font-family: "Pretendard JP Variable | font-family: "Pretendard JP Variable"; | ||
color: white; | color: white; | ||
padding: 20px; | padding: 20px; | ||
132번째 줄: | 221번째 줄: | ||
.banner2024 { | .banner2024 { | ||
background: #2F2725; | background: #2F2725; | ||
font-family: "Pretendard JP Variable | font-family: "Pretendard JP Variable"; | ||
color: white; | color: white; | ||
padding: 20px; | padding: 20px; | ||
141번째 줄: | 230번째 줄: | ||
} | } | ||
. | .afpbanner-1 { | ||
font-family: "Pretendard JP Variable" | background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464); | ||
font-family: "Pretendard JP Variable"; | |||
padding: 20px; | |||
font-size: 9pt; | |||
text-align: center; | text-align: center; | ||
width: 100%; | |||
user-select: none; | |||
} | |||
.votebanner { | |||
background: white; | background: white; | ||
color: #252525; | color: #252525; | ||
margin-top: - | font-family: "Pretendard JP Variable"; | ||
margin- | padding: 20px; | ||
font-size: | font-size: 9pt; | ||
text-align: center; | |||
width: 100%; | |||
user-select: none; | |||
border: 1px solid #252525; | |||
} | |||
.votebanner img { | |||
padding-bottom: 7px; | |||
} | |||
.votebanner text { | |||
margin-top: -2px; | |||
line-height: 20px; | |||
} | |||
.rohbanner { | |||
width: 100%; | |||
margin-left: auto; | |||
font-family: "SUITE Variable"; | |||
background: #FFCB08; | |||
color: #434240; | |||
padding: 20px; | |||
line-height: 30px; | |||
font-size: 8.5pt; | |||
font-weight: 700; | |||
text-align: center; | |||
user-select: none; | user-select: none; | ||
margin-bottom: 15px; | |||
} | |||
.rohbanner b { | |||
font-family: "SUITE Variable"; | |||
} | } | ||
158번째 줄: | 285번째 줄: | ||
background: none; | background: none; | ||
color: #CFA547; | color: #CFA547; | ||
line-height: | line-height: 22px; | ||
margin-bottom: 10px; | font-size: 9.2pt; | ||
font-size: | font-family: Chosunilbo_myungjo; | ||
font-family: | user-select: none; | ||
} | |||
.detail-doc { | |||
text-align: center; | |||
margin-top: 10px; | |||
margin-bottom: 10px; | |||
font-size: 14pt; | |||
color: #CFA547; | |||
line-height: 30px; | |||
font-family: Chosunilbo_myungjo; | |||
user-select: none; | |||
} | |||
.detail-doc a { | |||
font-family: Chosunilbo_myungjo; | |||
} | |||
.quote { | |||
text-align: center; | |||
margin-top: 10px; | |||
font-size: 12pt; | |||
color: #CFA547; | |||
line-height: 25px; | |||
margin-bottom: 20px; | |||
font-weight: bold; | |||
font-family: Chosunilbo_myungjo; | |||
user-select: none; | |||
} | } | ||
} | } |
2024년 5월 23일 (목) 00:07 기준 최신판
/* 배너 */
.banner {
background: white;
max-width: 1003px;
width: 1003px;
margin-left: -15px;
font-family: "SUITE Variable";
color: #252525;
padding: 20px;
line-height: 30px;
font-weight: 700;
font-size: 10.5pt;
text-align: center;
user-select: none;
margin-bottom: 15px;
}
.banner b {
font-family: "SUITE Variable";
}
.seolbanner {
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4);
font-family: "Pretendard", "Pretendard JP Variable";
color: #191919;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.chuseokbanner {
background: linear-gradient(180deg, #244484, #203C74, #1E386C);
font-family: "Pretendard", "Pretendard JP Variable";
color: #F1BF1E;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.christmasbanner {
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666);
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.banner2024 {
background: #2F2725;
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.afpbanner-1 {
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464);
font-family: "Pretendard", "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.votebanner {
background: white;
font-family: "Pretendard", "Pretendard JP Variable";
color: #252525;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
border: 1px solid #252525;
}
.votebanner img {
margin-bottom: 5px;
}
.votebanner text {
margin-top: 15px;
line-height: 23px;
}
.rohbanner {
max-width: 1003px;
width: 1003px;
margin-left: -15px;
font-family: "SUITE Variable";
background: #FFCB08;
color: #434240;
padding: 20px;
line-height: 30px;
font-weight: 700;
font-size: 10.5pt;
text-align: center;
user-select: none;
margin-bottom: 15px;
}
.rohbanner b {
font-family: "SUITE Variable";
}
/* 선택 모션 */
.set-image-ani {
opacity: 0.6;
user-select: none;
transition: opacity 0.2s
}
.set-image-ani:hover {
opacity: 1;
transition: opacity 0.2s
}
/* 문단 선택 */
.paragraph {
width:100%;
text-align: center;
background: none;
color: #CFA547;
font-size: 9.5pt;
font-family: Chosunilbo_myungjo;
margin-bottom: 10px;
user-select: none;
}
/* 개별 상세 내용 */
.detail-doc {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 16pt;
color: #CFA547;
line-height: 30px;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc a {
font-family: Chosunilbo_myungjo;
}
/* 인용문 */
.quote {
text-align: center;
margin-top: 10px;
font-size: 14pt;
color: #CFA547;
line-height: 25px;
margin-bottom: 20px;
font-weight: bold;
font-family: Chosunilbo_myungjo;
user-select: none;
}
@media screen and (max-width: 768px) {
.banner {
background: white;
width: 100%;
margin-left: auto;
font-family: "SUITE Variable";
color: #252525;
line-height: 30px;
padding: 20px;
font-size: 8.5pt;
font-weight: 700;
text-align: center;
user-select: none;
margin-bottom: 15px;
letter-spacing: -0.4px;
}
.seolbanner {
background: linear-gradient(180deg, #C82424, #DA7902, #FFDAB4);
font-family: "Pretendard", "Pretendard JP Variable";
color: #191919;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.chuseokbanner {
background: linear-gradient(180deg, #244484, #203C74, #1E386C);
font-family: "Pretendard JP Variable";
color: #F1BF1E;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.christmasbanner {
background:linear-gradient(120deg, #CC0000 5%, #FF6666 5%, #FF6666 10%, #CC0000 10%, #CC0000 15%, #FF6666 15%, #FF6666 20%, #CC0000 20%, #CC0000 25%, #FF6666 25%, #FF6666 30%, #CC0000 30%, #CC0000 35%, #FF6666 35%, #FF6666 40%, #CC0000 40%, #CC0000 45%, #FF6666 45%, #FF6666 50%, #CC0000 50%, #CC0000 55%, #FF6666 55%, #FF6666 60%, #CC0000 60%, #CC0000 65%, #FF6666 65%, #FF6666 70%, #CC0000 70%, #CC0000 75%, #FF6666 75%, #FF6666 80%, #CC0000 80%, #CC0000 85%, #FF6666 85%, #FF6666 90%, #CC0000 90%, #CC0000 95%, #FF6666 95%, #FF6666);
font-family: "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.banner2024 {
background: #2F2725;
font-family: "Pretendard JP Variable";
color: white;
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.afpbanner-1 {
background: linear-gradient(90deg, #003C96 33.3%, #5A1B87 33.3%, #5A1B87 66.6%, #006464 66.6%, #006464);
font-family: "Pretendard JP Variable";
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
}
.votebanner {
background: white;
color: #252525;
font-family: "Pretendard JP Variable";
padding: 20px;
font-size: 9pt;
text-align: center;
width: 100%;
user-select: none;
border: 1px solid #252525;
}
.votebanner img {
padding-bottom: 7px;
}
.votebanner text {
margin-top: -2px;
line-height: 20px;
}
.rohbanner {
width: 100%;
margin-left: auto;
font-family: "SUITE Variable";
background: #FFCB08;
color: #434240;
padding: 20px;
line-height: 30px;
font-size: 8.5pt;
font-weight: 700;
text-align: center;
user-select: none;
margin-bottom: 15px;
}
.rohbanner b {
font-family: "SUITE Variable";
}
.paragraph {
width:100%;
text-align: center;
background: none;
color: #CFA547;
line-height: 22px;
font-size: 9.2pt;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14pt;
color: #CFA547;
line-height: 30px;
font-family: Chosunilbo_myungjo;
user-select: none;
}
.detail-doc a {
font-family: Chosunilbo_myungjo;
}
.quote {
text-align: center;
margin-top: 10px;
font-size: 12pt;
color: #CFA547;
line-height: 25px;
margin-bottom: 20px;
font-weight: bold;
font-family: Chosunilbo_myungjo;
user-select: none;
}
}