44번째 줄: | 44번째 줄: | ||
.fixedbox-row-full { | .fixedbox-row-full { | ||
color:white; | color:white; | ||
border-bottom:1px solid#bbb; | border-bottom:1px solid#bbb; | ||
text-align: center; | text-align: center; | ||
padding:6px 6px; | padding:6px 6px; | ||
font-size:14px; | font-size:14px; | ||
} | } | ||
.fixedbox-row-20 { | .fixedbox-row-20 { | ||
width: 20%; | width: 20%; | ||
color:white; | color:white; | ||
border-bottom:1px solid#bbb; | border-bottom:1px solid#bbb; | ||
text-align: center; | text-align: center; | ||
padding:6px 6px; | padding:6px 6px; | ||
font-size:14px; | font-size:14px; | ||
} | } | ||
.fixedbox-row-30{ | .fixedbox-row-30{ | ||
width: 30%; | width: 30%; | ||
background-color:#eeeeee; | background-color:#eeeeee; | ||
border-bottom:1px solid#bbb; | border-bottom:1px solid#bbb; | ||
text-align: center; | text-align: center; | ||
padding:8px 6px; | padding:8px 6px; | ||
font-size:14px; | font-size:14px; | ||
} | |||
.fixedbox-row-40{ | |||
width: 30%; | |||
background-color:#eeeeee; | |||
border-bottom:1px solid#bbb; | |||
text-align: center; | |||
padding:8px 6px; | |||
font-size:14px; | |||
} | } | ||
2020년 9월 3일 (목) 18:40 판
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gugi&family=Noto+Sans+KR:wght@100;400&family=Noto+Serif+KR:wght@200;500&family=Sunflower:wght@300;500&display=swap'); .info { width: 100%; text-align: center; } .pct-infobox { width: 360px; float: right; } @media (max-width: 768px){ .pct-infobox { width: 100%; max-width: 450px; margin: 0 auto; } } @media (max-width: 540px){ .pct-infobox { width: 100%; max-width: 100%; clear: both; } } .pct-fixedbox { width:100%; border-collapse:collapse; margin-top: 12px; } .fixedbox-title { height:60px; color:white; font-size:24px; text-align:center; vertical-align:middle; border-bottom:1px solid#bbb; } .fixedbox-row-full { color:white; border-bottom:1px solid#bbb; text-align: center; padding:6px 6px; font-size:14px; } .fixedbox-row-20 { width: 20%; color:white; border-bottom:1px solid#bbb; text-align: center; padding:6px 6px; font-size:14px; } .fixedbox-row-30{ width: 30%; background-color:#eeeeee; border-bottom:1px solid#bbb; text-align: center; padding:8px 6px; font-size:14px; } .fixedbox-row-40{ width: 30%; background-color:#eeeeee; border-bottom:1px solid#bbb; text-align: center; padding:8px 6px; font-size:14px; } .fixedbox-row-desc { border-bottom:1px solid#bbb; padding:6px 8px; font-size:14px; font-weight:500; } .pct-infobox-title { height:80px; color:white; font-size:24px; font-weight:500; text-align:center; vertical-align:middle; } .pct-infobox-image { padding:24px; vertical-align:middle; text-align:center; } .pct-infobox-row-full { color:white; height:32px; text-align:center; vertical-align:middle; font-size:13px; }