106번째 줄: | 106번째 줄: | ||
vertical-align:middle; | vertical-align:middle; | ||
font-size:13px; | font-size:13px; | ||
} | |||
.togglebutton { | |||
cursor:pointer; | |||
display:block; | |||
text-align:center; | |||
} | |||
#togglebutton, #togglecontent { | |||
height:0; | |||
overflow:hidden; | |||
} | |||
#togglebutton:checked + #togglecontent { | |||
height:auto; | |||
position:relative; | |||
} | } |
2020년 9월 4일 (금) 13:47 판
@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: 40%; background-color:#fff; 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; } .togglebutton { cursor:pointer; display:block; text-align:center; } #togglebutton, #togglecontent { height:0; overflow:hidden; } #togglebutton:checked + #togglecontent { height:auto; position:relative; }