body {font-family:"ibm plex sans kr"; padding:0; margin:0;}

li, ul {list-style:none; padding:0; margin:0;}
a {color:black; text-decoration:none; padding:0; margin:0;}
.invisible {display:none;}
.inactive a{opacity:0.25; pointer-events:none;}
.header {width:100%; padding:35px 25px; box-sizing:border-box;}
.header .logo {width:100px;}
.header ul {margin-top:25px;}
.header .menu {float:left; padding-right:30px; font-size:16px;}
.notice {width:50%; padding: 35px 50px; font-weight:300; line-height:25px; position:absolute; left: 25%; top:0px;}
.notice .en {margin-top:50px;}
.highlight {font-weight:600; font-size:20px;}
.contact {font-size:14px;}
.summary {width:30%; line-height:28px; margin-bottom:45px;}
.content {padding:25px; line-height:28px;}
.content-en .list strong {font-size:16px; margin-bottom:5px; letter-spacing:-0.025em;}
.content-en .list  {font-size:14px; padding-bottom:15px;}
.content-en .title {font-size:20px;}
.content-en .summary, .content.content-en, .content-en .about-box {line-height:23.5px !important;}
.switch {padding-left:25px; padding-top:20px; font-size:16px;letter-spacing:0.0025em;}
.switch span {opacity:1.0; cursor:pointer;}
.switch span.active {    opacity: 1;
    text-decoration: underline;}
.content .title {border-bottom:1px solid black; font-weight:600; font-size:22px; padding-bottom:5px; margin-bottom:10px;}
.about-container {display:Grid;width:95%; grid-template-columns:1fr 1fr 1fr 1fr; column-gap:50px; row-gap:50px;}
.about-box {line-height:30px; font-weight:300;}
.list {padding-bottom:10px;}
strong {font-weight:500;}
@media only screen and (max-width: 1024px) {
    .header {width:100%; padding:25px 15px;}
.header .logo {width:80px;}
.header ul {margin-top:15px;}
    .notice {width:100%; padding: 15px; margin-top:10px; box-sizing:border-box;line-height:25px; position:relative; left: 0; top:0px;}
.summary {width:60%;}
.content {padding:15px; line-height:28px;}
.switch {padding-left:15px; padding-top:30px; font-size:16px;letter-spacing:0.0025em;}
.about-container {grid-template-columns:1fr 1fr; row-gap:30px;}
} 

@media only screen and (max-width: 768px) {
    .header {width:100%; padding:25px 15px;}
.header .logo {width:80px;}
.header ul {margin-top:15px;}
    .notice {width:100%; padding: 15px; margin-top:10px; box-sizing:border-box;line-height:25px; position:relative; left: 0; top:0px;}
.summary {width:90%;}
.content {padding:15px; line-height:28px;}
.switch {padding-left:15px; padding-top:30px; font-size:16px;letter-spacing:0.0025em;}
.about-container {grid-template-columns:1fr; row-gap:30px;}
}