#viewLogo{background-color:#12104e;text-align:center}#viewLogo span{font-size:1.9em;font-family:black;font-family:Black Han Sans,sans-serif;color:#edb352}#viewLogo span.caret{background-color:#12104e}#myphoto{width:280px}.title{font-size:3.6em}#profile{color:#edb352;text-align:left}#profileBox{margin-top:-24px}#profileBox:after{content:"";display:block;clear:both}#profileBox>div{float:left;padding-left:100px;padding-top:30px}#profileBox>div:first-child{position:relative}#profileBox>div:last-child{padding-top:80px}#box{border:1px solid #12104e;width:280px;height:370px;position:absolute;top:-10px;left:54px;z-index:-1}#profileBox>div>p{background-color:#12104e;color:#fff;padding:6px 10px;display:inline-block;margin:10px 0}#nameBox span:first-child{font-size:1.8em;font-weight:900}#nameBox span:last-child{color:#727272;margin-left:4px}#profileList{list-style:none;padding:0;margin:20px 0 0}#profileList>li{height:52px}#profileList:after{content:"";display:block;clear:both}#profileList>li>div{float:left;height:52px;line-height:52px}#profileList span{float:left;display:block;line-height:52px}#profileList img{width:32px;vertical-align:middle;margin-right:10px}a{text-decoration:none;color:inherit}#viewIntroduce{margin-top:300px}#viewIntroduce>div{position:relative;padding:0;margin:0}#viewIntroduce p{margin:0}#viewIntroduce>div>p:first-child{color:#fff;text-shadow:-1px 0 #12104e,0 1px #12104e,1px 0 #12104e,0 -1px #12104e}#viewIntroduce>div>p:last-child{position:absolute;color:#12104e;z-index:-1;top:6px;left:8px}#viewIntroduce>div:last-child{margin-top:50px;margin-left:100px;line-height:1.6;font-size:1.1em}#link{display:inline-block;margin:60px 0 0;padding:0;color:#12104e;text-decoration:none;border-bottom:1px solid #12104e}#viewSkills{margin-top:240px}#viewSkills>div:first-child{position:relative}#viewSkills>div>p:first-child{margin:0;color:#edb352}#viewSkills>div>p:last-child{position:absolute;margin:0;top:6px;left:8px;text-shadow:-1px 0 #edb352,0 1px #edb352,1px 0 #edb352,0 -1px #edb352;color:#fff;z-index:-1}#skillBox{margin-top:50px;margin-left:100px}#skillBox:after{content:"";display:block;clear:both}#skillBox>div{float:left}#skillBox h2{font-size:1.2em}#skillBox>div{width:33%}#skillBox li{height:72px;margin-bottom:20px}#skillBox li:after{display:block;content:"";clear:both}#skillBox li>span{float:left;line-height:72px}#skillBox li>div{margin-right:20px;float:left;width:56px;height:56px;padding:2px;position:relative;border-radius:10px;box-shadow:-1px 2px 8px rgba(0,0,0,.1)}#skillBox li>div>img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}ul{list-style:none;margin:0;padding:0}.projectItem:after{content:"";display:block;clear:both}.projectItem>div{float:left}.left{margin-left:40px}.left>div:first-child{padding-bottom:4px;margin:0 50px;border-bottom:2px solid #000}.left>div:nth-child(2){margin:10px 50px 20px;text-align:left}.left>div:nth-child(2)>img{width:36px;vertical-align:middle}.left>div:nth-child(2)>a{text-decoration:none;color:#000;vertical-align:middle}.left>div:nth-child(3)>img{width:540px}.left>div>span:first-child{font-size:1.3em;font-weight:900;margin-right:10px}.right{margin-top:72px;margin-left:80px}.right pre{line-height:1.3}.desc>p:first-child{font-size:1.1em;font-weight:700;border-bottom:2px solid #000;width:160px}#viewProject>div:first-child{color:#12104e;margin-bottom:100px}.projectItem{margin-bottom:250px}#viewFooter{background-color:#edb352;padding:20px 0;text-align:center}body,html{margin:0;padding:0;min-width:1200px}*{font-family:NanumSquare,sans-serif;font-size:1.04em}.container{width:1200px;margin:180px auto 0}.black{font-family:Black Han Sans,sans-serif}#app{position:relative;overflow-x:hidden}#deco{position:absolute;font-size:9em;color:#edb352;opacity:.2;right:-80px}