@charset "UTF-8";:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}html{height:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{position:relative;overflow-x:hidden;margin:0;padding:0;font-family:"Noto Sans KR",sans-serif;font-size:14px;color:#444;background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}blockquote,button,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,select,table,td,textarea,th,ul{margin:0;padding:0;font-family:inherit}li,ol,ul{list-style:none}li{vertical-align:top}fieldset,img{border:0 none}address,em{font-style:normal}label{cursor:pointer}select{-webkit-border-radius:0;border-radius:0;text-transform:none}option{padding-right:6px}caption span,legend span{visibility:hidden;overflow:hidden;position:absolute}table,td,tr{margin:0;padding:0;border-collapse:collapse;border-spacing:0}a,a:active,a:hover{color:inherit;text-decoration:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}strong{font-weight:600}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}pre{white-space:pre-wrap}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}button,input,textarea{overflow:visible;line-height:normal;outline:0 none!important}button,select{text-transform:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}textarea{overflow:auto;-webkit-border-radius:0;border-radius:0;resize:vertical;-webkit-appearance:none}input[type=button]{overflow:visible;border-radius:0;box-sizing:content-box}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url]{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=checkbox],[type=radio]{width:13px;height:13px;padding:0;box-sizing:border-box}[readonly=readonly],[readonly]{background:#ebebe4}:-ms-input-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder,::placeholder{font:inherit}[hidden]{display:none}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){body{font-family:AppleGothicNeoSD,"Apple SD 산돌고딕 Neo","Nanum Gothic","나눔 고딕","Droid sans",sans-serif}}@media only screen and (max-width:480px){::-webkit-scrollbar{width:0;height:3px;background:0 0}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)}}.ir{visibility:hidden;overflow:hidden;position:absolute;width:1%;height:1%;margin:0;padding:0;font-size:1%;line-height:1%}#wrap{min-width:320px}#header{color:#fff;background:#3f51b5}#header .top{height:160px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}#header .intro{position:relative;padding-top:90px;padding-bottom:60px;font-size:16px;background:#3849a2}#header .intro .intro-dsc .profile-image{position:absolute;top:-80px;left:50%;width:160px;height:160px;margin-left:-80px;border:4px solid #fff;border-radius:100px;box-sizing:border-box}#header .intro .intro-dsc .name{margin-bottom:15px;font-size:48px;font-weight:500;text-align:center}#header .intro .intro-dsc .title{margin-bottom:30px;font-size:28px;color:rgba(255,255,255,.8);font-weight:300;text-align:center}#header .intro .intro-dsc .profile{max-width:800px;margin:0 auto;font-weight:300;text-align:center}#header .contact-info{padding:30px 0;background:#32408f}#header .contact-info .info-list{font-size:0;text-align:center}#header .contact-info .info-list li{display:inline-block;font-size:16px;font-weight:300}#header .contact-info .info-list li svg{width:1em;margin-right:10px;vertical-align:-.125em}#header .contact-info .info-list li a{color:rgba(255,255,255,.8);text-decoration:none;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#header .contact-info .info-list li a:hover{color:#fff}#header .contact-info .info-list li+li{margin-left:30px}#header .skill{padding:20px 0;background:#2b387c}#header .skill .skill-list{font-size:0;text-align:center}#header .skill .skill-list li{display:inline-block;font-size:14px;color:rgba(255,255,255,.6)}#header .skill .skill-list li a{color:rgba(255,255,255,.6);text-decoration:none;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}#header .skill .skill-list li a:hover{color:#fff}#header .skill .skill-list li+li{margin-left:30px}#container{max-width:1140px;margin:0 auto;padding:60px 15px}#container .section{padding:45px;background:#fff;border-radius:2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.14)}#container .section .section-title{margin-bottom:45px;font-size:24px;text-align:center}#container .section .filters{margin-bottom:60px;border-bottom:1px solid #e8e8e8;font-size:0;text-align:center}#container .section .filters li{display:inline-block;padding:8px 15px;color:#8a8a8a;font-size:14px;text-transform:uppercase;font-weight:500}#container .section .filters li.active{color:#3f51b5;border-bottom:2px solid #3f51b5}#container .section .filters li+li{margin-left:30px}#container .section+.section{margin-top:45px}#portfolio-section .section-wrap{margin:0 -15px -30px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#portfolio-section .section-wrap .item{width:25%;margin-bottom:30px;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none}#portfolio-section .section-wrap .item .item-in{position:relative;color:#fff;border-radius:2px;background:#3f51b5;box-shadow:0 1px 4px 0 rgba(0,0,0,.14)}#portfolio-section .section-wrap .item .item-in .figure img{max-width:100%;height:auto;vertical-align:top}#portfolio-section .section-wrap .item .item-in .content{position:relative;padding:30px 30px 75px}#portfolio-section .section-wrap .item .item-in .content .tit{margin-bottom:5px;font-size:16px;font-weight:400;color:#fff}#portfolio-section .section-wrap .item .item-in .content .meta{font-size:14px;color:rgba(255,255,255,.8)}#portfolio-section .section-wrap .item .item-in .content .action{position:absolute;left:30px;bottom:30px;color:#fff;font-weight:400}#portfolio-section .section-wrap .item .item-in:hover{background:#4254bd}#portfolio-section .section-wrap .item .item-in:hover img{-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}#skills-section .top-skills{margin-bottom:60px}#skills-section .top-skills .section-wrap{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}#skills-section .top-skills .section-wrap .item{width:calc(100% / 3);padding:0 15px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none}#skills-section .top-skills .section-wrap .item .item-in .easy-chart .chart{position:relative;margin:0 auto;margin-bottom:30px;font-size:20px;text-align:center;width:110px;height:110px}#skills-section .top-skills .section-wrap .item .item-in .easy-chart .chart span{position:absolute;left:0;top:50%;width:100%;-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}#skills-section .top-skills .section-wrap .item .item-in .skill-name{margin-bottom:15px;font-size:1.5rem}#skills-section .top-skills .section-wrap .item .item-in .dsc{font-size:15px;color:#666;word-wrap:break-word;word-break:keep-all;-ms-word-break:break-all;overflow-wrap:break-word}#skills-section .other-skills{font-size:0;text-align:center}#skills-section .other-skills .skill-tag{display:inline-block;margin-right:10px;margin-bottom:15px;padding:6px 30px;border:1px solid #f5f5f5;font-size:16px;font-weight:500;box-shadow:0 1px 4px 0 rgba(0,0,0,.14)}#skills-section .other-skills .skill-tag:last-child{margin-right:0}#skills-section .tit{margin-bottom:45px;font-size:18px;color:#8a8a8a;font-weight:400;text-align:center}#footer{padding:30px;color:#8a8a8a;text-align:center}.container{padding:0 15px}.btn-top{display:none;position:fixed;right:10px;bottom:10px;border:0;background:#32408f;line-height:36px;text-align:center;border-radius:100px;box-shadow:0 6px 10px 0 rgba(0,0,0,.3);width:36px;height:36px;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-top .ico{width:16px;margin-top:4px;font-size:25px;color:#fff}.btn-top:hover{background:#2b387c}.section-history{margin-top:40px}.section-history .history-main{max-width:1200px;margin:0 auto;padding:0 15px}.section-history .history-main .tit-h2{position:relative;padding-bottom:15px;text-align:center;font-size:1.71429rem}.section-history .history-main .tit-h2:before{content:"";position:absolute;left:50%;bottom:0;width:40px;margin-left:-20px;border-bottom:2px solid #444}.section-history .history-main .history-main-list{position:relative;margin-top:30px;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}.section-history .history-main .history-main-list:before{content:"";position:absolute;top:24px;left:50%;bottom:0;width:1px;background:#e1e1e1}.section-history .history-main .history-main-list .history-main-item{position:relative;padding:24px;width:calc(50% - 24px);-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-width:2px 1px 1px 1px;border-style:solid;border-color:#418ded #eaeaea #eaeaea #eaeaea}.section-history .history-main .history-main-list .history-main-item .year{font-size:1.28571rem}.section-history .history-main .history-main-list .history-main-item .main-item-conts{margin-top:15px}.section-history .history-main .history-main-list .history-main-item .main-item-conts p{margin-top:15px;line-height:1.5;font-size:1.07143rem}.section-history .history-main .history-main-list .history-main-item .main-item-conts p:first-child{margin-top:0}.section-history .history-main .history-main-list .history-main-item:before{content:"";position:absolute;top:16px;border:2px solid #418ded;border-radius:100px;background:#fff;width:20px;height:20px}.section-history .history-main .history-main-list .history-main-item:after{content:"";position:absolute;right:-10px;top:18px}.section-history .history-main .history-main-list .history-main-item:nth-child(odd){margin-top:60px}.section-history .history-main .history-main-list .history-main-item:nth-child(odd):before{right:-38px}.section-history .history-main .history-main-list .history-main-item:nth-child(odd):after{right:-10px;content:"";display:inline-block;vertical-align:middle;width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent #eaeaea transparent}.section-history .history-main .history-main-list .history-main-item:nth-child(even){margin:160px 0 -100px 48px}.section-history .history-main .history-main-list .history-main-item:nth-child(even):before{left:-37px}.section-history .history-main .history-main-list .history-main-item:nth-child(even):after{left:-10px;content:"";display:inline-block;vertical-align:middle;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #eaeaea transparent}.section-history .history-main .history-main-list .history-main-item:first-child{margin-top:0}.section-history .history-main .history-main-list .history-main-item:last-child{margin-bottom:0}@media only screen and (max-width:480px){#header .intro .intro-dsc .name span{display:block;font-size:36px}#header .contact-info .info-list li{display:block;margin:0}#header .contact-info .info-list li+li{margin:15px 0 0 0}#container .section{padding:30px}#skills-section .top-skills .section-wrap{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#skills-section .top-skills .section-wrap .item{width:100%;padding:0}#skills-section .top-skills .section-wrap .item+.item{margin-top:45px}#portfolio-section .section-wrap{margin-left:0;margin-right:0;-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#portfolio-section .section-wrap .item{width:100%;max-width:320px;margin-left:auto;margin-right:auto;padding:0}.section-history .history-main{padding:0}.section-history .history-main .history-main-list{-webkit-box-direction:normal;-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.section-history .history-main .history-main-list:before{display:none}.section-history .history-main .history-main-list .history-main-item{width:100%;padding:12px;-webkit-box-flex:none;-webkit-flex:none;-moz-box-flex:none;-moz-flex:none;-ms-flex:none;flex:none}.section-history .history-main .history-main-list .history-main-item:before{display:none!important}.section-history .history-main .history-main-list .history-main-item:after{display:none!important}.section-history .history-main .history-main-list .history-main-item:nth-child(odd){margin:10px 0 0 0}.section-history .history-main .history-main-list .history-main-item:nth-child(even){margin:10px 0 0 0}.section-history .history-main .history-main-list .history-main-item:first-child{margin-top:0}}