@charset "utf-8";
     
    @font-face {
      font-family: 'Nanum Gothic';
      font-style: normal;
      font-weight: 400;
      src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
      src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
           url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
           url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
           url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
    }

    body{
        font-family: "Merriweather";
        font-weight:400;
        font-style:normal;
        font-size:14px;
        line-height:28px;
        color: #fff;

        webkit-text-size-adjust:none; 
        font:normal normal 0.75em/1.5em "돋움", "애플고딕","애플명조", "나눔고딕", "맑은고딕",
        dotdum, applegothic, applemungo, nanumgothic, malgungothic;
        background-color:black;
     }

    /*font-style end */
    #sentence { 
        border-radius:1px; 
        width:320px; margin:0; padding:20px; 
        position:absolute; 
        top:100px; left:40px;
        font-family: 'Nanum Gothic';
        font-style: normal;
        font-weight:400;
        font-size:15px;
        line-height:1.4;
        letter-spacing:0.4px;
        background-color:#332A32; 
        opacity:0.9;
             }
    .header .gnb li { 
        float:left;
        font-style:normal; 
        font-family:'Ubuntu', sans-serif;
        font-style:normal;
        font-size:18px;
        color:white;
        text-align:center;
        }

    .header .logo-title{
        font-style:normal; 
        font-family: 'Ubuntu', sans-serif;
        font-style:normal;
        font-size:18px;
        color: #8ab7a5;
       /* color: #b579db;*/
        text-align: left;
      }

    /* font style 1  */
    p{
        font-size:12px;
        line-height: 22px;
        color: white;
    }

    .heading { /* H2 */
        font-family: 'Patua One', cursive;

        font-size: 1.9em;
        line-height: 1.8em;

        padding-left:10px;
        padding-top:25px;
        padding-bottom: 25px;

        text-indent:7px;
        letter-spacing: 1px;

        color: white;
        text-align: center;
    }

    /*font style2 */
    .work span.list01 a{ 
      font-family: 'Ubuntu', sans-serif; 
      color:white;
      font-size: 14px;
      line-height:28px;
      font-style: normal;
      font-weight: 500;  
      color:#ffffff;
    }
    .work span.list02 a { 
      font-family:"Merriweather",'Nanum Gothic' ;
      color:white;
      font-size: 14px;
      line-height:28px;
      font-style: normal;
      font-weight:600; 
      color:#FFFFFF;
    }
    .work span.list03 a{ 
      font-family: 'Ubuntu', sans-serif; 
      color:white;
      font-size: 14px;
      line-height:28px;
      font-style: normal;
      font-weight: 500; 
      color:#ffffff;
        }
    .work span.list04 a{ 
      font-family: 'Ubuntu', sans-serif; 
      color:white;
      font-size: 14px;
      line-height:28px;
      font-style: normal;
      font-weight:500; 
      color:#FFFFFF;
     }
  /*font style 4 */
    .member .name a{     
      font-family: 'Ubuntu', sans-serif;
      font-weight:400;
      font-style: normal;
      font-size:13px;
      line-height:52px;
      color:#fcdedc;
    }
  /* Widget  font style  */ 
   .widget li a {
      font-family: 'Nanum Gothic';
      color:white;
      font-size: 14px;
      line-height:24px;
      font-style: normal;
      font-weight: 500;  
      }
  /* contact 1 */   
  .etc .etc_inner p.contact_indicator {
      height:12px; 
      position:absolute; 
      top:36px; left:48px; 
      width:158px;  
      font-family: 'Patua One', cursive;
      font-weight:500;
      font-style: normal;
      font-size:15px;
      line-height:52px;
      color:white;
   }
  .etc .etc_inner p.email{
      height:12px; 
      position:absolute; 
      top:60px; left:48px; 

      width:100%; 
      color:#f3dc80; 
      padding:10px 0 0 0 ;

      font-family: 'Ubuntu', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size:14px;
      line-height:20px;
   }
  .etc .etc_inner p.my_social_indicator a {
      height:12px; 
      position:absolute; 
      top:100px; left:48px; 
      width:158px; 
      font-family: 'Patua One', cursive;
      font-weight:500;
      font-style: normal;
      font-size:14px;
      line-height:52px;
      color:white;
  }
  .etc .etc_inner span.follow {   
      height:12px; 
      position:absolute; 
      top:136px; left:48px; 
      width:100%;
      font-family:'Ubuntu', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size:14px;
      line-height:20px;
   }
  .etc .etc_inner span.follow a{   
      display:inline;
      color:#f3dc80;
      margin:0px 10px 0 0px;
      padding:10px 0 0 0 ;
   }  
  .etc .etc_inner p.portfolio_indicator { /* 03 Portfolio */
      position:absolute; 
      top:172px;
      left:48px; 
      width:158px;
      height:12px; 

      font-family: 'Patua One', cursive;
      font-weight:500;
      font-style: normal;

      font-size:15px;
      line-height:30px;
      color:#fff; 
   }
    .etc .etc_inner .portfolio1{                                      
      height:12px; 
      position:absolute; 
      top:197px; 
      left:48px; 
      width:100%; 

      font-family:'Ubuntu', sans-serif;
      font-style: normal;
      font-weight:400;
      font-size:13px;
      line-height:18px;
      color:#f3dc80; 
    }    
    .etc .etc_inner .portfolio1 a.graphic{
      color:#f3dc80;
    }           
         
    .etc .etc_inner .portfolio1 a.ux {    
      color:#f3dc80;
    }          
    .etc .etc_background p.gototop{
      position:absolute; 
      top:400px; 
      left:440px; 
      width:158px;  
      font-family: 'Patua One', cursive;
      font-weight:500;
      font-style: normal;
      font-size:15px;
      line-height:52px;
      color:#7c707b;
     }
    .etc .etc_background p.gototop a:hover{
      color:#4c414b;
    }
    span.gototop2{
      color:#7c707b;
    }
    .work{ 
      background-color:#332A32; 
      margin: 0; padding:0;      
      font-family: 'Ubuntu', sans-serif; 
      font-style: normal;
      font-weight: 400;
      font-size:13px;
      line-height:20px;
    }
    .footer address{ 
      text-align:center; 
      height:200px;

      font-style:normal; 
      line-height:3em; 
      letter-spacing:1pt;

      font-family: 'Ubuntu', sans-serif;
      font-weight:300;
      font-style:normal;
      font-size:1.2em;
      line-height:1.5;

      color:#fcdedc;
      padding-top:30px;
    }