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

.wrap {width:1100px; margin:0 auto; position:relative;}
.wrap:after, ul:after {content: ""; display: block; clear:both;}
body, header {font-family: 'NanumSquare'; height:100%;}
section {height:100%;}
h2 {position:absolute; left:-9999px;}

/* header 영역 */
header {height:75px;overflow: hidden; transition:0.3s;position:fixed; background:#323956; z-index: 99; width:100%;}
header .logo {position:absolute; left:0; top:23px; }
header #gnb {position:absolute; right:50px; top:6px; }
header #gnb li {float:left; margin-right:50px; font-size:24px; }
header #gnb .event{margin-right:20px;}
header #gnb li a{color:#fff;}
header .yellow {font-size:18px; color:#000; background:#ffdf22; border-radius: 20px; padding:10px 20px; font-weight: bold; position:relative; top:22px;}
header.on {height:230px;}
header #gnb  li span {font-weight: bold; font-size:18px;}
header #gnb  li a {font-size:18px; line-height:65px; color:#fff;}
header #gnb > li > ul > li{float: none; margin: 0;height:30px; padding-top:10px;}
header #gnb li .sub {font-size:16px;}
header #ie {background:#fff; height:3px; width:20px; position: absolute; top:66px; opacity:0; }

footer {background:#292b38; height:250px; margin-top:100px;}
footer .ft {width:480px; padding-top:55px;}
footer .ft li {float:left; margin-right:15px; text-align: left; margin-bottom:30px; font-size:16px;}
footer .ft li a{color:#ddd; }
footer address {color:#eee; font-size:16px; font-weight: bold; font-style: normal; position:absolute; right:0; top:53px;}
footer p {color:#eee; font-size:16px; position:absolute; right:0; top:83px;}

#main {background:#f2f2f2; height:400px; padding-top:150px;}
#main h3 {font-size:32px; line-height:1.6; padding-top:30px; position:relative; top:-100px; opacity: 0;}
#main p {font-size:16px; line-height:1.7; color:#3e726d; padding-top:20px; position:relative; left:100px; opacity:0;}
#main img {position:absolute; right:50px; top:0; width:45%;}

#sec1 {background:#fff; padding-top:100px;}
#sec1 img {width:70%; margin-left:200px;}

#movie {background:#F2F2F2; margin-top:150px; height:450px;}
#movie h3 {font-size:32px; text-align: center; padding-top:50px;}
#movie ul {padding-top:30px;}
#movie ul li {float:left; margin-right:10px;}
#movie ul li:first-child {padding-top:60px; margin-right:15px;}
#movie ul li span {display: block; color:#000; font-size: 18px; padding-top:15px; opacity: 0;}
#movie ul li i {font-style: normal; font-size:14px; color:#999; display: block; margin-top:10px; line-height: 1.4; opacity: 0;}
#movie .right {position:absolute; right:370px; top:3175px;}


#logo {height:350px; padding-top:100px; position:relative;}
#logo h3 {font-size:32px; text-align: center;}
#logo img {position:absolute; left:250px;top:70px;}
#logo p {font-size:24px; display: block; text-align: center; padding-top:230px; font-weight: bold;}
#logo span {display: block; text-align: center; padding-top:20px; font-size:18px;}








@media (max-width:480px) { /* 모바일용 */
    .pc {display:none !important;}
.wrap{width:100%;}
body {height:100%;}
header {height:67px; width:100%; position:relative; background:#fff;}
header .logo {position:absolute; left:8px; top:26px;}
header .logo img{width: 100px;}
header #menu {position:absolute; right:8px; top:23px;}
header #menu img {width:30px;}

    header nav {position:fixed; height:230px; width:170px; right:-200px; top:50px; transition:0.5s; background:#fff;}
    header nav.on {right:0;}
    header nav li {font-size:16px; padding-top:20px; font-weight: bold; margin-left:30px;}
    header nav li a{color:#000;}
        nav li:first-child {padding-top:40px;}    
    
#main { height:350px; padding-top:35px; background:url(../images/sub_main.png)no-repeat center;}
    #main .wrap {height:350px;}
    #main h3 {font-size:24px; padding-top:100px; color:#fff; text-align: center;}
#sec1 { padding-top:35px;}
#sec1 img {margin-left:8px; width:95%;}   
    
    
    
footer {height:200px; margin-top:35px;}
footer .ft {width:100%; padding-top:30px;}
footer .ft li {margin-right:15px;  margin-left:8px;margin-bottom:30px; font-size:10px; float:left; text-align: center;}
footer address {font-size:12px;top:110px; left:8px;}
footer p {font-size:10px;top:130px; left:8px;}
    
#movie {margin-top:50px; height:400px;}
#movie h3 {font-size:24px;  padding-top:35px;}
#movie ul {padding-top:20px;}
#movie ul li {margin-right:0; margin-left:38px;}
#movie ul li span {font-size: 16px; padding-top:10px;}


#logo {height:300px; padding-top:35px;}
#logo h3 {font-size:28px;}
#logo img {left:4px;top:50px; width:98%;}
#logo p {font-size:20px; padding-top:150px;}
#logo span { padding-top:15px; font-size:16px; margin:0 8px;}
    
    
    
    
    
    
    
    
}
@media (min-width:801px) { /* PC용 */
    .mob {display:none !important;}
}