:root{--black: #1e1e1e;--grey: #b1b1b1;--beige: #f4f0e6;--purple: #d9d9f3;--green: #9dd3a8;--bright-green: #ceefe4;--dark-green: #005533;--dark-blue: #112233;--dark-grey: #555555;--small-font: 14px;--default-font: 16px;--large-font: 20px;--subtitle-font: 28px;--title-font: 36px;--default-height: 1.66;--title-height: 1.16}*{box-sizing:border-box;padding:0;margin:auto}body{font-family:Noto Sans KR,sans-serif;font-size:var(--default-font);line-height:var(--default-height);color:var(--black);display:inline-block;vertical-align:baseline;width:100%;height:100%}h1{font-size:var(--title-font);line-height:var(--title-height)}h2{font-size:var(--subtitle-font);line-height:var(--title-height)}h3,h4,h5,h6{font-size:var(--large-font);line-height:var(--default-height);margin:0 0 10px}ul{padding:10px 0}li{list-style:none;position:relative;padding:15px 0}p{margin:10px 0}p.description{font-size:var(--small-font);color:var(--dark-grey)}a{text-decoration:none;color:var(--dark-green);font-weight:900;cursor:pointer;background:linear-gradient(to bottom,var(--green) 0%,var(--green) 100%);background-position:0 100%;background-repeat:repeat-x;background-size:3px 3px;padding:0 3px;margin:0 10px 0 0;transition:all .5s}span{margin:0 10px 0 0}a:hover{color:var(--black);background:linear-gradient(to bottom,var(--green) 0%,var(--green) 100%);background-size:4px 30px;background-position:0 100%;background-repeat:repeat-x;text-decoration:none}img{width:200px}.only-mobile{display:none!important}.container{width:80%;max-width:800px;left:0;padding:48px 0 28px}.center{width:100%}.center-content{display:block;margin-left:auto;margin-right:auto}.flex-outer{display:flex}.flex-3{flex:3}.flex-4{flex:4}.flex-6{flex:6}.flex-8{flex:8}.flex-9{flex:9}.section_title{font-size:var(--subtitle-font)}span.period{font-size:var(--small-font);color:var(--dark-grey)}nav{background-color:var(--bright-green);padding:20px 0;text-align:center}nav a{color:var(--black);font-weight:100;margin:0 20px}#intro{background-color:var(--bright-green);margin-bottom:160px}#intro .container{padding-top:24px}#intro img.image--cover{-webkit-box-shadow:10px 7px 1px 1px var(--green);-moz-box-shadow:10px 7px 1px 1px var(--green);box-shadow:10px 7px 1px 1px var(--green);width:180px;border-radius:20px}.tags{list-style:none;margin:15px 0;padding:0;display:inline-block;vertical-align:middle}.tags li{float:left}.tag{font-size:var(--small-font);background-color:var(--green);margin:5px;padding:1px 5px;border-radius:5px}#intro #about{width:90%;margin:0;padding:18px 0}#intro #about .section_title{display:none}.card{width:50%;min-width:480px;max-width:520px;background-color:var(--dark-blue);color:var(--beige);margin:-10px 0 0;position:absolute;border-radius:15px;-webkit-box-shadow:3px 3px 10px 1px rgba(55,55,55,.5);-moz-box-shadow:3px 3px 10px 1px rgba(55,55,55,.5);box-shadow:3px 3px 10px 1px #37373780}.card .container{margin:0;padding:24px 36px;width:100%}.card_title{font-size:var(--large-font);font-weight:900}.card_letter{font-size:var(--small-font);font-weight:200;color:var(--grey);padding:10px 0}.card_letter p{margin:0;padding:5px 0}.card_letter i,.card_letter a{color:var(--beige);text-decoration:none;padding:3px 0}.card_letter a:hover{color:var(--black);font-weight:900}.card_letter i{margin-top:2px}section#educations .status,section#experiences .status{font-weight:600;font-size:1.15em}section#educations{background-color:var(--bright-green)}.section_description{font-size:var(--small-font);color:var(--dark-grey)}section#researches .researchItem{margin:30px 0;padding:25px 0;border-bottom:1px solid var(--beige)}section#researches li:nth-child(1){margin-top:0}section#researches li:nth-last-child(1){margin-bottom:0}section#researches .conf_title{font-size:var(--small-font);color:var(--dark-grey)}section#researches .name{padding:0;margin:0 0 5px;font-size:var(--small-font);color:var(--dark-grey);font-weight:100}section#researches .my-name{color:var(--dark-green);font-weight:900}section#researches .materials{font-size:var(--small-font)}section#researches .text-zone,section#researches .image-zone{margin-top:0}section#researches .paper_thumbnail{width:100%;height:100%;padding:0 0 0 20px}section#researches .paper_thumbnail img,section#researches .paper_thumbnail video{width:100%;min-width:300px;max-width:600px;border:1px solid var(--beige);margin:auto}footer{max-width:100%;width:100%;text-align:center;margin:0 0 75px}footer p{width:100%;max-width:100%}@media only screen and (min-width:600px){.only-mobile{display:none!important}}@media only screen and (max-width:600px){:root{--small-font: 11px;--default-font: 14px;--large-font: 18px;--subtitle-font: 24px;--title-font: 36px}.only-mobile{display:block!important}.no-mobile{display:none!important}.container{width:85%;padding:28px 0 14px}a span{margin:0 1px;display:inline}a i{display:inline}span.status,span.period{display:block;margin:1px 0}span.status{font-size:var(--large-font)}.whereiwas{display:inline-block;padding-left:0;margin:1px 0}.flex-outer{display:block}.flex-3,.flex-4,.flex-8,.flex-9,.flex-12{display:inline-block}nav{padding:10px 0 3px}nav a{font-weight:100;margin:0 3px}#intro{margin-bottom:0}#intro .name{text-align:center}#intro img.image--cover{-webkit-box-shadow:7px 5px 1px 1px var(--green);-moz-box-shadow:7px 5px 1px 1px var(--green);box-shadow:7px 5px 1px 1px var(--green);width:70%;max-width:400px;border-radius:5px;margin:20px auto 10px}#intro #about .container{width:100%;padding:12px 0;margin:auto}#intro .mobile-email{display:inline-block}.card{display:none}section#researches .researchItem{margin:15px 0;padding:10px 0}section#researches .paper_thumbnail{padding:0;margin:5px 0 10px}section#researches .paper_thumbnail img,section#researches .paper_thumbnail video{min-width:280px;max-width:580px}}@media(min-width:600px)and (max-width:800px){section#researches .flex-outer{display:block}section#researches .flex-3,section#researches .flex-4,section#researches .flex-8,section#researches .flex-9,section#researches .flex-12{display:inline-block}section#researches .paper_thumbnail{padding:0;margin:5px 0 10px}section#researches .paper_thumbnail img,section#researches .paper_thumbnail video{width:100%;min-width:400px;max-width:800px}}