*{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; 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:#ffdf22; height:500px;}
#main h3 {font-size:28px; padding-top:190px; text-align: center; margin-bottom:30px;}
#main .search {width:680px; height:60px; display: block; text-align: center; line-height:60px; color:#ccc; background:#fff; margin:0 auto;}
#main .search img {position:absolute; left:240px; top:265px; opacity: 0; transition: 0.5s;}
#main ul {position:absolute; left:270px; top:330px;}
#main ul li {float: left; margin-right:20px; opacity: 0; display: inline-block; top:30px; position: relative;}
#main ul li a {color:#000; font-weight: bold;}


#sec { height:100%; padding-top:50px;}
#sec ul {margin-left:170px;}
#sec ul li {float:left; width:20%; border:1px solid #ccc; height:65px; text-align: center; line-height:65px;}
#sec ul .select {background:#FFE101;}
#sec ul li a {color:#000; font-size:18px; font-weight: bold; display: block;}

#sec p {font-size:24px; color:#46420D; font-weight: bold; padding:100px 0 30px 0; margin-left:170px;}
#sec span {display: block; color:#333; line-height:60px; font-size:18px; border-top:1px solid #ddd; width:870px; margin-left:170px; position:relative;}
#sec span img {position:absolute; right:30px; top:25px; width:20px;}
#sec .last {border-bottom:1px solid #ddd;}
#sec strong {font-size:22px; text-align: center; display: block; margin-top:25px; border-bottom:1px solid #364A81; padding-bottom:20px;}











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