@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
img{ vertical-align:top;}
li{list-style:none; }
a{text-decoration:none; color:#7d7d7d; }

html, body { height:100%;}
body{background:#f7f7f7;}
.wrap {width:1783px; margin:0 auto; position:relative; }
.wrap:after { clear:both; display:block; content:""; }

header { padding-top:40px;margin-bottom:10px; }
header #gnb li a:link, header #gnb li a:visited{ font-family:Fixedsys; font-size:14px; display:inline-block;  margin-right:50px; font-weight:bold; float:left;} 
header #gnb li a:hover, header #gnb li a:active, header #gnb li a:focus{text-decoration:line-through;}
header #sound { position:absolute; right:0; top:0px; }
section .wrap { box-shadow:4px 4px 8px #ddd; }

#des1 .wrap { background:url(images/bg_star.jpg); }
#des1 .wrap > div { float:left; height:842px; }
#des1 #left { width:833px; display:flex; align-items:center; justify-content:center; }
#des1 #right { width:950px; text-align:right;  }
#des1 #right { overflow:auto;}
*#des1 #right img { display:none;}
#des1 #right img:first-child { display:inline; }

#noise {position:absolute; left:460px; top:135px; width:385px; height:660px;  background:url(images/bg_box.png) no-repeat center;  } 
#noise img { position:relative; z-index:1;}
#noise:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('images/noise.gif'); 
    width: 100%;
    height: 100%;
    opacity : 0.1;

}


.intro {text-align:center;}
.intro .wrap {overflow:auto; height:842px; width:1810px; }