@charset "UTF-8";
/*
2019.02.22
leewooju@secondspace.kr
작성자 : 이우주
*/
/* line 9, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  color: #fff;
  background-color: #222;
  font-family: 'Roboto','Noto Sans KR', sans-serif; }

/* line 18, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
ul {
  list-style: none;
  padding: 0;
  margin: 0; }

/* line 24, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
h1 {
  font-size: 2em;
  letter-spacing: .2em;
  margin: 0; }
  /* line 29, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  h1 b {
    letter-spacing: 0; }

/* line 34, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
h3 {
  margin-top: 20em;
  float: left;
  width: 100%;
  font-size: 1em; }

/* line 41, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
p {
  color: rgba(255, 255, 255, 0.5);
  width: 60%;
  word-break: keep-all;
  line-height: 1.7em;
  float: left;
  margin: 0; }

/* line 50, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
dl,
dt,
dd {
  margin: 0;
  padding: 0; }

/* line 57, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
dl {
  max-width: 40%;
  float: left;
  margin-right: 10%; }

/* line 63, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
dt {
  margin-bottom: 1em;
  margin-top: 10em; }

/* line 68, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
dd {
  color: rgba(255, 255, 255, 0.5); }

/* line 72, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.wrap940 {
  width: 940px;
  margin: 0 auto; }
  /* line 76, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .wrap940 h1 {
    width: 100%;
    float: left; }
    /* line 79, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .wrap940 h1.Title {
      width: auto; }

/* line 85, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.start {
  margin-top: 100vh; }

/* line 89, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.anifont {
  color: white;
  background-size: cover;
  word-break: keep-all;
  background: url(../src/placeF.svg);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 4em;
  margin: 1em 0;
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-filter: saturate(0.4) brightness(1.1);
  filter: saturate(0.5) brightness(1.1); }

/* line 106, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.Tit {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  padding: 30vh 0;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8); }
  /* line 117, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .Tit h1 {
    float: left; }
  /* line 121, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .Tit img {
    float: right; }
  /* line 125, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .Tit ul {
    margin-top: 10em;
    width: 100%;
    float: left; }
    /* line 130, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .Tit ul li {
      float: left; }
      /* line 133, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
      .Tit ul li b {
        font-weight: 400;
        color: rgba(255, 255, 255, 0.5);
        float: left;
        width: 100%;
        margin-bottom: .4em; }

/* line 145, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.conceptCir ul {
  float: left;
  width: 100%;
  margin-top: 5em; }
  /* line 150, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .conceptCir ul li {
    width: 340px;
    height: 340px;
    border: 2px solid;
    border-radius: 170px;
    float: left;
    font-size: 1.5em;
    box-sizing: border-box;
    padding: 140px 0 0 100px; }
    /* line 160, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .conceptCir ul li:nth-child(1) {
      color: #66CC99; }
    /* line 164, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .conceptCir ul li:nth-child(2) {
      margin-left: -50px;
      color: #34B5AB; }
    /* line 169, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .conceptCir ul li:nth-child(3) {
      margin-left: -50px;
      color: #019EBF;
      padding-left: 130px; }

/* line 178, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
#myVideo {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  filter: grayscale(1); }

/* line 188, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.moImg {
  width: 100%;
  max-width: 1440px;
  text-align: center;
  margin: 340px auto 0;
  float: none; }
  /* line 194, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .moImg li {
    width: 30%;
    margin: 1.5%;
    float: left; }
    /* line 199, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .moImg li img, .moImg li video {
      width: 100%;
      box-sizing: border-box;
      border-radius: 40px;
      border: 10px solid #000; }
    /* line 206, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .moImg li:nth-child(2) {
      margin-top: -200px; }
    /* line 207, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .moImg li:nth-child(3) {
      margin-top: -400px; }

/* line 211, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.gap {
  width: 100%;
  float: left;
  height: 330px; }

/* line 216, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.boR {
  border-radius: 20px;
  margin-top: 10em; }

/* line 220, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.logoBox {
  width: 100%;
  float: left;
  text-align: center;
  padding: 30vh 0; }

/* line 226, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.moList {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  float: none; }
  /* line 231, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
  .moList li {
    width: 30%;
    float: left;
    margin: 1.5%; }
    /* line 235, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .moList li video, .moList li img {
      width: 100%;
      box-sizing: border-box;
      border-radius: 40px;
      border: 10px solid #000;
      float: left;
      margin: 1.5vw 0; }
    /* line 243, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
    .moList li:nth-child(2) {
      margin-top: 200px; }

/* line 246, /Users/uzoo/Documents/web/second2016/work/portfolio/src/style.scss */
.last {
  text-align: center;
  padding: 30vh 0;
  width: 100%;
  float: left; }

/*# sourceMappingURL=style.css.map */