*{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:#fff; 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:#000;}
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:#000;}
header #gnb > li > ul > li{float: none; margin: 0;height:30px; padding-top:10px;}
header #gnb li .sub {font-size:16px;}
header #ie {background:#000; height:3px; width:20px; position: absolute; top:66px; opacity:0; }

    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;}

footer {background:#292b38; height:250px;}
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;}


#event {padding-top:100px; height:1500px; position:relative; background:#F8F8F8;}
#event h3 {font-size:32px; position:absolute; left:15px; top:70px; border-bottom:5px solid #000; padding-bottom:20px; width:510px; text-align: center;}
#event h4 {font-size:32px; position:absolute; right:30px; top:70px; border-bottom:5px solid #D4D4D4; padding-bottom:20px; width:510px; text-align: center;}
#event ul {padding-top:140px;}
#event ul li {float:left; margin-right:15px; padding-top:40px; margin-left:15px;}
#event ul li span {display: block; color:#055485; font-weight: bold; padding-top:15px;}
#event ul li i {color:#000; font-style: normal; font-size:24px; font-weight: bold; padding-top:15px; display: block;}
#event ul li strong {color:#aaa; font-size:18px; padding-top:10px; display: block;}










@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;}

    

    
    
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;}
    
    
    
    
    
    
    
    
    
}
@media (min-width:801px) { /* PC용 */
    .mob {display:none !important;}
}