@import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300;400&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
* { margin:0;padding:0; font-family: 'Noto Sans KR', sans-serif; }
div#headerSection { position:relative; padding:30px 0 220px; background:#0063F2; overflow: hidden; width:100%; margin-bottom:30px; display: inline-block; }
div#headerSection > img { position:absolute; width:70%; right:-30px; bottom:-120px; }
div#headerSection > div#logo { margin:0 8%; display:flex; align-items:center; }
div#headerSection > div#logo > img { width: 50px; }
div#headerSection > div#logo > h2 { font-size:45px; font-weight: 500; color:#FFF; margin-right:12px; font-family: 'Dongle', sans-serif; }
div#headerSection > p#subTitle { margin:15px 8% 20px; line-height: 110%; font-size:34px; font-weight: 300; color:#FFF; font-family: 'Dongle', sans-serif; }
div#headerSection > button { margin:0 8%; border:1px solid #FFF; color:#FFF; background:#0063F2; font-size:14px; border-radius: 30px; padding:12px 20px; font-weight: 400; }
div.contentSection { display:grid; background:#F2F2F2; }
div.contentSection > h3 { margin:30px 8% 10px; font-size:18px; font-weight: 500; color:#111; letter-spacing: -0.5px; word-spacing: -0.5px; }
div.contentSection > p.description { margin:0 8% 20px; font-size:16px; font-weight: 300; color:#333; letter-spacing: -0.2px; word-spacing: -0.2px; }
div.contentSection > img { margin:0 8% 20px; width:84%; border-radius:10px; border:1px solid #CCC; }