/* 뒷배경 */
.AOC-bg1 {
position: fixed;
width: 100%;
height: 100vh;
background-repeat: repeat-y;
display: inherit;
justify-content: center;
align-items: center;
overflow: hidden;
z-index:-3;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
/* 배너 */
.banner {
background: #00F1BA;
font-family: "Pretendard", "Pretendard JP Variable";
color: #252525;
padding: 20px;
font-size: 10pt;
text-align: center;
width: 100%;
user-select: none;
}
.seolbanner {
background: linear-gradient(180deg, #CC0000, #FF7733, #FFBB99);
font-family: Chosunilbo_myungjo;
color: white;
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;
}
/* 문구 */
.text {
text-align: center;
font-family: "Pretendard", "Pretendard JP Variable";
background: none;
margin-top: 1px;
margin-bottom: 7px;
font-size: 10pt;
user-select: none;
}
/* 선택 모션 */
.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;
margin-bottom: 10px;
font-size: 10pt;
font-family: Chosunilbo_myungjo;
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: #00F1BA;
font-family: "Pretendard JP Variable";
color: #252525;
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;
}
.text {
font-family: "Pretendard JP Variable";
text-align: center;
margin-top: -2.5px;
margin-bottom: 5px;
font-size: 9.8px;
letter-spacing: -0.3px;
user-select: none;
}
.paragraph {
width:100%;
text-align: center;
background: none;
color: #CFA547;
line-height: 20px;
margin-bottom: 10px;
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;
}
}