/*reset*/
@charset "UTF-8";
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{
    margin:0;
    padding:0
}
body,button,input,select,table,textarea{
    font-size:12px;
    font-family:Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif
}
button,input{
    border-radius:0
}
fieldset,img{
    border:0
}
ol,ul{
    list-style:none
}
address,em{
    font-style:normal
}
a{
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
iframe{
    overflow:hidden;
    margin:0;
    padding:0;
    border:0
}
body,html{
    height:100%
}
body{
    background:#fff;
    letter-spacing:-1px;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
img{
    image-rendering:-webkit-optimize-contrast
}

#tab {
  position:relative;
  width:1600px;  
  border:1px solid #101010;
  margin:0 auto 50px auto; 
}

#tab>dl {
  width:100%;
}

#tab>dl:nth-of-type(1)>dt {
  width:50%; 
  height:40px; 
  position:absolute; 
  top:0px; 
  left:0px; 
}

#tab>dl:nth-of-type(2)>dt {
  width:50%; 
  height:40px; 
  position:absolute; 
  top:0px; 
  left:50%; 
}

#tab>dl:nth-of-type(3)>dt {
  width:33.333%; 
  height:40px; 
  position:absolute; 
  top:0px; 
  left:66.666%; 
}

#tab>dl>dt>a {
  display:block; 
  width:100%; 
  height:100%; 
  background:#555; 
  color:#ddd;
  font:bold 14px/40px 'arial'; 
  text-align:center;
}

#tab>dl>dt.on>a {
  background:#fff; 
  color:#555;
}

#tab>dl>dd {
  display:none;
  width:100%; 
  height:auto;
  text-align:center;
  padding:70px 0 30px 0;
}

#tab>dl>dd.on {
  display:block;
}