@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:100,200,300,400,500,600,700,800');
/* Reset */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
 }
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
 }
 body {
 }
 ol, ul, li {
  list-style: none;
 }
 blockquote, q {
  quotes: none;
 }
 blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
 }
 table {
  border-collapse: collapse;
  border-spacing: 0;
 }
 body {
  -webkit-text-size-adjust: none;
 }

/* Box Model */
 *, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }
 /* Basic */
 body {   
  font-weight: 300;
  color: #5d5d5d;
  font-family:'Source Sans Pro','nanumgothic','Nanum Gothic', sans-serif;
 }
 input, textarea, select {
  font-weight: 300;
  color: #5d5d5d;
 }
 strong, b {
  color: #252122;
  font-weight: 400;
 }
 i, em {
  font-style: italic;
 }
 sub {
  position: relative;
  top: 0.5em;
  font-size: 0.8em;
 }
 sup {
  position: relative;
  top: -0.5em;
  font-size: 0.8em;
 }
 blockquote {
  border-left: solid 0.75em #dddddd;
  padding: 1em 0 1em 1.5em;
  font-style: italic;
 }
 h2 {
  color: #1E1E1E;
  font-size: 24px;
  line-height: 48px;
  font-weight: 800;
 }
 h3 {
  color: #333;
  font-size: 25px;
  font-weight: 500;
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
 }
 a {
  text-decoration: none;
 }
  a:hover {
   text-decoration: none;
  }
 br.clear {
  clear: both;
 }
 hr {
  border: 0;
  border-top: solid 1px #dddddd;
  height: 1px;
  margin: 2em 0 2em 0;
 }
 p {
  font-size: 13px;
  line-height: 18px;
  color: #787878;
  font-weight: 400;
 }

 /* common */
 .pt10 {padding-top:10px;}
 .pt20 {padding-top:20px;}
 .pt30 {padding-top:30px;}
 .pt40 {padding-top:40px;}
 .pr10 {padding-right:10px;}
 .pr20 {padding-right:20px;}
 .pr30 {padding-right:30px;}
 .pr40 {padding-right:40px;}
 .pl10 {padding-left:10px;}
 .pl20 {padding-left:20px;}
 .pl30 {padding-left:30px;}
 .pl40 {padding-left:40px;}
 .pb10 {padding-bottom:10px;}
 .pb20 {padding-bottom:20px;}
 .pb30 {padding-bottom:30px;}
 .pb40 {padding-bottom:40px;}
 .pb50 {padding-bottom:50px;}
 .pb100 {padding-bottom:100px;}
 .ptb10 {padding:10px 0;}
 .ptb20 {padding:20px 0;}
 .ptb30 {padding:30px 0;}
 .ptb40 {padding:40px 0;}
 .ptb50 {padding:50px 0;}
 .ptb60 {padding:60px 0;}
 .ptb70 {padding:70px 0;}
 .ptb80 {padding:80px 0;}
 .ptb90 {padding:90px 0;}
 .ptb100 {padding:100px 0;}
 .pd10 {padding:10px;}
 .pd20 {padding:20px;}
 .pd30 {padding:30px;}
 .pd40 {padding:40px;}
 .pd50 {padding:50px;}