html,body{font-family:'Noto Sans KR', sans-serif;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s;height:100%;width:100%;font-size:15px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;background-color:var(--section)}body{--font: #1d1d1d;--navbar: #f7f7f7;--navborder: #8a8a8a;--navclick: #c4c4c4;--hr: #333333;--section: #efefef;--lb-stack: #51ccb7df;--lb-date: #3fa3e6df;--lb-skill: #8482e7df;--footer: #9c9c9c}body[data-theme="dark"]{--font: #f7f7f7;--navbar: #272727;--navborder: #1a1a1a;--navclick: #464646;--hr: #f7f7f7;--section: #444444;--lb-stack: #0f463cdf;--lb-date: #133146df;--lb-skill: #1e1e35df;--footer: #2c2c2c}@media (prefers-color-scheme: dark){body{--font: #1d1d1d;--navbar: #f7f7f7;--navborder: #8a8a8a;--navclick: #c4c4c4;--hr: #333333;--section: #efefef;--lb-stack: #51ccb7df;--lb-date: #3fa3e6df;--lb-skill: #8482e7df;--footer: #9c9c9c}body[data-theme="dark"]{--font: #f7f7f7;--navbar: #272727;--navborder: #1a1a1a;--navclick: #464646;--hr: #f7f7f7;--section: #444444;--lb-stack: #0f463cdf;--lb-date: #133146df;--lb-skill: #1e1e35df;--footer: #2c2c2c}}hr{border-color:var(--hr);border-width:1px;max-width:100%}hr.title{border-color:#6082e9e8;border-width:3px;max-width:50px}hr.title.light{border-color:white}a{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;color:#6082e9e8}a:hover,a:focus{color:#6082e9e8}h1,h2,h3,h4,h5,h6{font-family:'Noto Sans KR', sans-serif;margin-top:17px;margin-bottom:17px}p{font-size:16px;line-height:1.5;margin-bottom:20px}.bg-primary{background-color:#47588d}.bg-section{background-color:var(--section);color:var(--font)}.bg-footer{background-color:var(--footer);color:var(--font)}.bg-highlight{background-color:#6082e9e8}.bg-dark{background-color:#3b3b3b;color:white}.bg-content{background-color:#c6d9e6}.text-faded{color:rgba(255,255,255,0.7)}section{padding:65px 0}aside{padding:40px 0}.footer{padding:25px 0}.no-padding{padding:0}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{width:70%}}@media (min-width: 992px){.container{width:70%}}@media (min-width: 1200px){.container{width:70%}}.navbar-toggle{background-color:var(--navbar) !important;color:var(--font)}.navbar-toggle:hover,.navbar-toggle:focus{background-color:var(--navclick) !important;color:var(--font)}.navbar-default{background-color:var(--navbar);border-color:var(--navborder);border-bottom-width:2px;font-family:'Noto Sans KR', sans-serif;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s}.navbar-default .navbar-header .navbar-brand{font-family:'IBM Plex Sans KR', sans-serif;color:var(--font);padding:10px 20px;font-weight:700}.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus{color:#6082e9e8}.navbar-default .nav>li{color:var(--font)}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{text-transform:uppercase;font-weight:700;font-size:14px;color:var(--font);text-decoration:none !important}.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus:hover{color:#6082e9e8}.navbar-default .nav>li.active>a,.navbar-default .nav>li.active>a:focus{color:#6082e9e8 !important;background-color:transparent}.navbar-default .nav>li.active>a:hover,.navbar-default .nav>li.active>a:focus:hover{background-color:transparent}.navbar-default .nav:hover{background-color:transparent}.navbar-default .nav>li:focus,.navbar-default .nav>li:hover{text-decoration:none;background-color:transparent}.navbar-default .navbar-nav{margin:3px}@media (min-width: 768px){.navbar-default{background-color:var(--navbar);border-color:var(--navborder)}.navbar-default .navbar-header .navbar-brand{color:var(--font)}.navbar-default .navbar-header .navbar-brand:hover,.navbar-default .navbar-header .navbar-brand:focus{color:#6082e9e8}.navbar-default .nav>li{background-color:transparent !important;color:var(--font)}.navbar-default .nav>li>a:hover,.navbar-default .nav>li>a:focus:hover{color:#6082e9e8}.navbar-default.affix{background-color:var(--navbar);border-color:var(--navborder)}.navbar-default.affix .navbar-header .navbar-brand:hover,.navbar-default.affix .navbar-header .navbar-brand:focus{color:#6082e9e8}.navbar-default.affix .nav>li>a:hover,.navbar-default.affix .nav>li>a:focus:hover{color:#6082e9e8}}header{position:relative;width:100%;min-height:auto;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;background-position:center;background-image:url("../img/header.jpg");text-align:center;color:white}header .header-content{position:relative;text-align:center;padding:100px 15px 50px;width:100%}header .header-content .header-content-inner h1{font-weight:700;text-transform:uppercase;margin-top:0;margin-bottom:0}header .header-content .header-content-inner hr{margin:30px auto}header .header-content .header-content-inner p{font-weight:300;color:rgba(255,255,255,0.7);font-size:16px;margin-bottom:50px}@media (min-width: 768px){header{min-height:100%}header .header-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding:0 50px}header .header-content .header-content-inner{max-width:1000px;margin-left:auto;margin-right:auto}header .header-content .header-content-inner p{font-size:18px;max-width:80%;margin-left:auto;margin-right:auto}}header::before{content:"";opacity:0.45;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:#000}.section-heading{margin-top:0}.content-box{max-width:100%;margin:10px auto 0}@media (min-width: 992px){.content-box{margin:10px auto 0}}.content-box p{margin-bottom:0}.service-box{max-width:400px;margin:50px auto 0}@media (min-width: 992px){.service-box{margin:20px auto 0}}.service-box p{margin-bottom:0}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto;border-radius:20px}.portfolio-box .portfolio-box-caption{color:white;opacity:0;display:block;background:rgba(71,88,141,0.9);position:absolute;bottom:0;text-align:center;width:100%;height:100%;border-radius:20px;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{width:100%;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-family:'Noto Sans KR', sans-serif;padding:0 15px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{text-transform:uppercase;font-weight:600;font-size:14px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}@media (min-width: 768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.img-responsive{border-radius:20px}.call-to-action h2{margin:0 auto 20px}.text-primary{color:#47588d}.text-dark{color:#3b3b3b}.text-white{color:white}.a-icon a{color:white;text-decoration:none;margin-left:10px;margin-right:10px}.twitter-icon:hover{color:#34b3ee}.github-icon:hover{color:#131313}.linkedin-icon:hover{color:#1567e2}.mail-icon:hover{color:#e2ab15}.no-gutter>[class*='col-']{padding-right:0;padding-left:0}.btn-default{color:#3b3b3b;background-color:#fff;border-color:#fff;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle .btn-default{color:#3b3b3b;background-color:#f2f2f2;border-color:#ededed}.btn-default:active,.btn-default.active,.open>.dropdown-toggle .btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#fff}.btn-default .badge{color:#fff;background-color:#3b3b3b}.btn-primary{color:#fff;background-color:#47588d;border-color:#47588d;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;transition:all 0.35s}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle .btn-primary{color:#fff;background-color:#3e4d7c;border-color:#3b4975}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle .btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#47588d;border-color:#47588d}.btn-primary .badge{color:#47588d;background-color:#fff}.btn{font-family:'Noto Sans KR', sans-serif;border:none;border-radius:300px;font-weight:700;text-transform:uppercase}.btn-xl{padding:15px 30px}#contact .fa{color:#3b3b3b;font-size:4em}::-moz-selection{color:white;text-shadow:none;background:#3b3b3b}::selection{color:white;text-shadow:none;background:#3b3b3b}img::selection{color:white;background:transparent}img::-moz-selection{color:white;background:transparent}.img-stack{display:block;max-width:100px;height:auto}.career-image{position:relative;display:inline-block;align-self:baseline;text-align:left;margin:0px 5px 10px 5px}.career-box{position:relative;display:block;margin:0px 5px 10px 5px}.career-box li{line-height:200%;list-style:disc}.project-box{margin:0px 5px 5px 5px}.lineblock-stack{display:inline-block;position:relative;margin:5px 5px 5px auto;padding:5px;font-size:16px;background-color:var(--lb-stack);border-radius:5px}.lineblock-date{display:inline-block;position:relative;margin:5px 7px 5px auto;padding:4px 6px 4px 6px;font-size:13px;font-weight:500;background-color:var(--lb-date);border-radius:4px}.lineblock-skill{display:inline-block;position:relative;margin:5px auto 5px auto;padding:5px;font-size:13px;font-weight:500;background-color:var(--lb-skill);border-radius:5px}.row{display:grid}@media (min-width: 768px){.row{display:grid}}@media (min-width: 992px){.row{display:flex;align-items:center}}@media (min-width: 1200px){.row{display:flex;justify-content:center;align-items:center}}.theme-button{position:fixed;bottom:10%;right:10%;background-color:var(--navbar);color:var(--font);border-radius:25%}