@font-face{font-family:"Gyeonggi_Batang_Regular";src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-3@1.0/Batang_Regular.woff") format("woff");font-weight:400;font-style:normal}/*!
 * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */html,body{font-family:"Gyeonggi_Batang_Regular", sans-serif;color:#000;background-color:#fff;font-size:1.2rem;line-height:2;text-align:justify;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{letter-spacing:0.07rem;margin-left:-14px;padding-left:0;text-align:left}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.5rem}h4{font-size:1.3rem}h5{font-size:1.1rem}h4 a.category{color:inherit}h4 a.tag{font-size:1rem}small{font-size:0.85rem;color:#2fad1c}p{padding:0.5rem 0rem;line-height:2;font-size:16px;margin:0}@media (min-width: 768px){p{padding:0.3rem 0rem;line-height:2;margin:0}}a{color:#000000;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;text-decoration:none}a:hover,a:focus{color:#1cad86;text-decoration:underline}.speech-bubble{display:inline-block;position:relative;background:#daeef6;color:black;padding:12px 18px;border-radius:20px;font-size:14px;text-align:center;max-width:700px}.speech-bubble::after{content:"";position:absolute;bottom:-10px;left:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #daeef6}.project-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;padding:20px}.project-card-link{text-decoration:none;display:block}.grid-item{background:white;padding:15px;border-radius:10px;text-align:center;transition:transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;box-shadow:2px 2px 10px rgba(0,0,0,0.1);cursor:pointer}.grid-item:hover{transform:scale(1.05);box-shadow:4px 4px 15px rgba(0,0,0,0.2)}.project-thumbnail{width:100%;height:180px;object-fit:cover;border-radius:8px}.project-title{font-size:18px;font-weight:bold;margin-top:30px;color:#1cad86;text-align:center}.project-date{font-size:14px;color:#777;margin-bottom:-5px}.project-details{display:none;background-color:#f9f9f9;padding:10px;margin-top:10px;border-radius:8px;text-align:left}.project-details p{margin:0}.read-more{display:block;margin-top:5px;font-weight:bold;color:#1cad86;text-decoration:none}.read-more:hover{text-decoration:underline}blockquote{background:#f5f5f5;font-size:16px;border:1px solid #ddd;border-radius:8px;padding:15px 20px;margin:20px 0;box-shadow:2px 2px 10px rgba(0,0,0,0.05);color:#222;line-height:2;white-space:pre-line}opinion{display:block;background:#fffdf4;font-size:16px;border:1px solid #ddd;border-radius:8px;padding:15px 20px;margin:20px 0;box-shadow:2px 2px 10px rgba(0,0,0,0.05);color:#222;line-height:2;white-space:pre-wrap}.nav-item{text-align:center;-webkit-transition:background 0.3s ease-in-out;-moz-transition:background 0.3s ease-in-out;transition:background 0.3s ease-in-out}.nav-item:hover{outline:none}.nav-item:focus,.nav-item:active{outline:none;background-color:rgba(0,0,0,0.3)}.nav-item.active{outline:none}.nav-item.active a{background-color:rgba(0,0,0,0.3)}.nav-item.active a:hover{color:#000}.navbar-custom{margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.3) #fff !important;text-transform:uppercase;background-color:#fff !important;overflow-y:auto}.navbar-custom .navbar-toggler{padding:4px 6px;color:#000}.navbar-custom .navbar-toggler:focus,.navbar-custom .navbar-toggler:active{outline:none}.navbar-custom a{color:#000}.navbar-custom .nav{text-align:center}@media (min-width: 768px){.navbar-custom{padding:20px 0;border-bottom:none;letter-spacing:1px;background:transparent;-webkit-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;-moz-transition:background 0.5s ease-in-out, padding 0.5s ease-in-out;transition:background 0.5s ease-in-out, padding 0.5s ease-in-out}.navbar-custom.top-nav-collapse{padding:0;background:#fff;border-bottom:1px solid rgba(0,0,0,0.3)}}.navbar-brand{font-size:1.3rem}.intro{display:flex;justify-content:flex-end;padding:20%;align-items:center;height:100vh;background-image:url("/img/intro-bg.png");background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden;color:#000000}.intro .intro-text{transform:translate(20%);font-size:1.2rem;font-weight:500;animation:fadeInUp 1s ease forwards;writing-mode:vertical-rl;text-orientation:upright}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes pulse{from{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{from{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.2);transform:scale(1.2)}100%{-moz-transform:scale(1);transform:scale(1)}}.content-section{margin-top:100px}@media (min-width: 768px){.content-section{margin-top:125px}}.content-section img{display:block;max-width:100%;height:auto;margin:0 auto}.content-section ul,.content-section ol{text-align:left;margin:0 0 25px;line-height:2;font-size:16px;padding-inline-start:20px;margin:0}.content-section ul li,.content-section ol li{margin-bottom:0.5rem}.content-section ul ul li,.content-section ol ol li,.content-section ul ol li,.content-section ol ul li{margin-bottom:0}.content-section pre{padding:15px}.content-section pre>code{text-align:left;white-space:pre-wrap !important;word-wrap:break-word !important;overflow-wrap:break-word !important}.content-section img.emoji{margin:0px !important;display:inline !important}.content-section#post div.author img{border:0px;margin-bottom:20px;padding:4px;border-radius:50%}.btn{border-radius:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.btn-default{color:#3a94c5;background-color:transparent}.btn-default:hover,.btn-default:focus{outline:0;color:#222222;background-color:#3a94c5}ul.social-buttons li a{display:block;width:40px;height:40px;border-radius:100%;line-height:40px;outline:0;color:#3a94c5;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s}ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{color:#222;background-color:#2e769e}.post-list{text-align:left}.post-content a{color:#6106ff;text-decoration:none}.post-content a:hover{color:#58c2d5;text-decoration:underline}footer{padding:1rem 0 1rem 0;text-align:center}footer p{margin:0}::-moz-selection{text-shadow:none;background:#fcfcfc;background:rgba(0,0,0,0.2)}::selection{text-shadow:none;background:#fcfcfc;background:rgba(0,0,0,0.2)}img::selection{background:transparent}img::-moz-selection{background:transparent}em{display:flex;justify-content:center;align-items:center}body{-webkit-tap-highlight-color:rgba(0,0,0,0.2)}.typed-cursor{opacity:1;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;animation:blink 0.7s infinite;font-size:110%}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.timeline{position:relative;padding:0;list-style:none}.timeline:before{content:"";position:absolute;top:3rem;bottom:1rem;width:0.4rem;left:1.85rem;background-color:#000}.timeline>li{position:relative;margin-bottom:50px;min-height:50px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li .timeline-panel{float:right;position:relative;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li .timeline-image{z-index:100;position:absolute;left:0;width:80px;height:80px;border:7px solid #000;border-radius:100%;text-align:center;color:#f2f2f2;background-color:#000}.img-me{z-index:100;left:0;width:100px;height:100px;margin-left:0;border:7px solid #000;border-radius:100%;text-align:center;color:#f2f2f2;background-color:#000}.timeline>li .timeline-image h4{margin-top:12px;font-size:10px;line-height:14px}.img-me h4{margin-top:12px;font-size:10px;line-height:14px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 20px 0 100px;text-align:left}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline>li:last-child{margin-bottom:0}.timeline .timeline-heading h4{margin-top:0;color:inherit}.timeline .timeline-heading h4.subheading{text-transform:none}.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}@media (min-width: 768px){.timeline:before{left:50%}.timeline>li{margin-bottom:100px;min-height:100px}.timeline>li .timeline-panel{float:left;width:41%;padding:0 20px 20px 30px;text-align:right}.timeline>li .timeline-image{left:50%;width:100px;height:100px;margin-left:-50px}.img-me{left:50%;width:150px;height:150px}.timeline>li .timeline-image h4{margin-top:16px;font-size:13px;line-height:18px}.img-me h4{margin-top:16px;font-size:13px;line-height:18px}.timeline>li.timeline-inverted>.timeline-panel{float:right;padding:0 30px 20px 20px;text-align:left}}@media (min-width: 992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}.img-me{width:200px;height:200px}.timeline>li .timeline-image h4{margin-top:30px;font-size:1.9rem;line-height:26px}.img-me h4{margin-top:30px;font-size:1.9rem;line-height:26px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}@media (min-width: 1200px){.timeline>li{min-height:170px}.timeline>li .timeline-panel{padding:0 20px 20px 100px}.timeline>li .timeline-image{width:156px;height:156px}.timeline>li .img-me{width:200px;height:200px}.timeline>li .timeline-image h4{margin-top:40px}.timeline>li .img-me h4{margin-top:40px}.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}