/* Reset Default Styles */
body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, blockquote, th, td
{ margin : 0; padding : 0; }

h2,h3,h4,h5,h6
{ font-size : 95%; }

ul,ol
{ font-size: 95%; }

ul
{ list-style : none; }

address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

table
{ border-collapse : collapse; border-spacing: 0; }

fieldset, img
{ border : 0; }

caption, th
{ text-align : left; }

q:before, q:after
{ content : ''; }
/* End of style reset */

/* Custom attributes */
p {
  margin: 15px;
  padding: 0;
  line-height: 150%;
  font-size: 95%;
  text-align: justify;
}

p.c
{ text-align: center; }

h1.c
{ font-size: 130%; font-weight: bold; margin: 30px 0 0 0; }

ul.sq {
 list-style-type: square;
 line-height: 170%;
 text-align: justify;
}

ul.cr {
 list-style-type: circle;
 line-height: 170%;
 text-align: justify;
}

ol.wy
{ line-height: 170%; }

#top ul
{ margin: 0; padding: 0; }

table.time
{ margin: 15px 0 20px 0; padding: 0; font-size: 80%; line-height: 170%; width: 100%; }

/* End of Custom attributes */

/* Layout Start */
body {
  font-family: verdana, helvetica, arial, sans-serif;
  position: relative;
}

#wrapper {
  margin: 0 auto;
  width: 814px;
  position: relative;
}

#top {
  position: relative;
  height: 203px;
}

#top h1 {
  position : absolute;
  top : 112px;
  width : 284px;
  height : 75px;
}

#top h1#logo a {
  display : block;
  width : 284px;
  height : 75px;
  text-indent : -9999px;
  background : transparent url("/images/logo.png") no-repeat;
}

#top ul#language {
  position : absolute;
  right : 0;
  width : 174px;
  height : 163px;
}

#top ul li {
  display : inline;
}

li#korean {
  position : absolute;
  left : 0;
}

li#english {
  position : absolute;
  left : 132px;
}

li#korean a {
  display : block;
  width : 131px;
  height : 163px;
  text-indent : -9999px;
  background : transparent url("/images/kor.png") no-repeat;
}

li#english a {
  display : block;
  width : 43px;
  height : 163px;
  text-indent : -9999px;
  background : transparent url("/images/eng.png") no-repeat left 124px;
}

#top ul#sns {
  position : absolute;
  right : 0;
  bottom : 0;
  width : 280px;
  height : 23px;
}

li#uxcsblog {
  position : absolute;
  left : 0px;
}

li#twitter {
  position : absolute;
  left : 79px;
}

li#barcamp {
  position : absolute;
  left : 158px;
}

li#uxcsblog a {
  display: block;
  width : 73px;
  height : 19px;
  text-indent : -9999px;
  background : transparent url("/images/uxcsblog.jpg") no-repeat;
}

li#twitter a {
  display: block;
  width : 73px;
  height : 19px;
  text-indent : -9999px;
  background : transparent url("/images/btn_twit.png") no-repeat;
}

li#barcamp a {
  display: block;
  width : 73px;
  height : 19px;
  text-indent : -9999px;
  background : transparent url("/images/btn_barcamp.png") no-repeat;
}

#video {
  position: relative;
  padding-left: 13px;
}

#content {
  position: relative;
}

#text_area {
  width: 539px;
  margin-top: 31px;
  margin-left: 20px;
  background: #ffffff;
}

#register {
  position: absolute;
  right: -68px;
  top: -34px;
}

#register a {
  display: block;
  width : 268px;
  height : 331px;
  text-indent : -9999px;
  background : transparent url("/images/register_on.png") no-repeat;
}

/* #register a:hover {
  background : transparent url("/images/register_on.png") no-repeat;
} */

/* Blog Banner */

#blog_banner {
  position: absolute;
  right: 0px;
  top: 350px;
}

#blog_banner a {
  display: block;
  width : 151px;
  height : 84px;
  text-indent : -9999px;
  background : transparent url("/images/banner_blog.jpg") no-repeat;
}

/* Sponsors */

#sponsor {
  position: absolute;
  right: 0px;
  top: 450px;
}

li#so {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/sponsor_header.jpg") no-repeat;
}

li#snu_gscst a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/snu-gscst_logo_n.jpg") no-repeat;
}

li#daumfdn a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/daumfdn_logo.jpg") no-repeat;
  margin: 0 0 15px 0;
}

li#crevate a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/crevate_logo.jpg") no-repeat;
}

li#microsoft a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/microsoft_logo.jpg") no-repeat;
}

li#co-up a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/co-up_logo.jpg") no-repeat;
}

li#fontclub a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/fontclub_logo.jpg") no-repeat;
}

li#snu_ictc a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/snu-itct_logo_n.jpg") no-repeat;
}

li#lsdbike a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/lsdbike_logo.jpg") no-repeat;
}

li#bictory a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/bictory_logo.jpg") no-repeat;
}

li#rosenfeldm a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/rosenfeldmedia_logo.jpg") no-repeat;
}

li#insightbook a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/insightbook_logo.jpg") no-repeat;
}

li#clebus a {
  display: block;
  width : 151px;
  height : 80px;
  text-indent : -9999px;
  background : transparent url("/images/sponsors/new/clebus_logo.jpg") no-repeat;
}

/* End of Sponsors */

#footer {
  margin: 40px auto 20px auto;
  width: 814px;
  position: relative;
}