*{margin:0; padding:0;} a{text-decoration: none;} li {list-style: none;}
img{vertical-align: top;}
body,html{font-family: 'NanumSquare'; height:100%; overflow-x: hidden;}
.wrap {width:1400px; margin:0 auto ; position:relative; height:100%; }
.wrap:after, ul:after {display: block; content: ""; clear:both;}
h2{position:absolute; left:-9999px;}

/* header 영역 */
header {height:0; position:relative; width:100%;z-index: 99;}
header .logo {padding-top:20px;}
header .logo img{position:relative; left:0px; top:30px; width:75px;}
header .menu {position:relative; left:450px; top:0;}
header .menu li {float:left; margin-right:35px; font-size:20px;}
header .menu li a {color:#fff;}
header .login {position:absolute; right:0; top:40px;}
header .login li {float:left; margin-right:15px;}
header .login li a {color:#fff;}


/* section 영역 */
#main {background:url(../images/main.jpg)no-repeat center; height:800px;}
#main h3 {font-size:42px; color:#fff; position:relative; top:270px; left:-700px; opacity: 0; transition:0.5s;}
#main h3 strong {font-weight: 800;}
#main p {font-size:18px; color:#fff; position:relative;top:290px; left:-900px; opacity: 0; transition:0.5s;}
#main .prev {position:absolute; right:-150px; top:350px;}
#main .k5 {background:#730000; width:180px; height:50px; line-height:50px; text-align: center; color:#fff; display: inline-block; font-size:20px; position:relative; top:370px; left:-32px;}


#sub1 {margin-top:80px;}
#sub1 h3 {font-size:34px; text-align: center;font-weight: 800;}
#sub1 h3 strong {color:#8b0000;font-weight: 800;}
#sub1 ul {margin-top:60px; margin-left:50px;}
#sub1 ul img {width:100%;}
#sub1 ul li {float:left; box-sizing: border-box;}
#sub1 ul li:first-child {margin-left:100px;}
#sub1 ul li:last-child {margin-left:15px;}
#sub1 ul li p {display: inline-block; color:#910000; font-weight: bold; margin-right:5px; font-size:17px;}
#sub1 ul li span {display: block; color:#000; font-weight: bold; text-align:center; padding-top:6px; }
#sub1 ul li i {font-style:normal; font-size:24px; color:#000; font-weight: bold; display: block; text-align: center; padding-top:30px;}


#sub2 {height:600px; margin-top:130px;}
#sub2 h3 {font-size:34px; text-align: center;}
#sub2 .news {margin-top:50px;}
#sub2 .news li {float:left; margin-right:8px; height:400px;}
#sub2 .news li:last-child {margin-right:0;}
#sub2 .news li span {display: block; padding-top:10px;font-size:18px; color:#000; font-weight: bold; line-height:1.6;}
#sub2 .news li i {font-style: normal; padding-top:40px; display: block; color:#666;}
#sub2 .news li:nth-child(2) i {padding-top:13px;}
#sub2 .news li a {color:#000; display: inline-block;}

#sub2 .ig { width:450px; height:350px; position:absolute; right:0; top:88px;}
#sub2 .ig p {font-size:28px; text-align: left; font-weight: bold; margin-left:8px; }
#sub2 .ig ul { position:relative; right:10px;padding-top:10px;}
#sub2 .ig ul li {font-size:18px; padding-top:20px; border-bottom:1px solid #ccc;}
#sub2 .ig ul li span {display: block; padding-top:20px; color:#666; padding-bottom:8px; position:relative; left:17px;}
#sub2 .ig ul li i {width:8px; height:8px; background:#310000; display: inline-block; border-radius: 100%; margin-right:10px;}
#sub2 .ig ul li a {color:#000;}


#sub3 {height:600px; background:url(../images/beat.jpg)no-repeat center;}
#sub3 h3 {font-size:28px; color:#fff; padding-top:130px;}
#sub3 p {font-size:18px; color:#eee; line-height:1.9; padding-top:40px;}

#sub4 { height:700px; margin-top:120px;}
#sub4 h3 {font-size:34px; text-align: center;}
#sub4 ul {margin-top:40px;}
#sub4 ul li {float:left; margin-right:15px; font-weight:bold; position:relative; background:rgba(0,0,0,1.0);}
#sub4 ul li img {opacity: 0.3; background:rgba(0,0,0,0.7); transition:0.4s;}
#sub4 ul li img:hover {opacity: 0.9; transition:0.4s;}
#sub4 ul li:last-child {margin-right:0;}
#sub4 ul li span {font-size:24px; position:absolute; left:30px; top:30px; color:#fff;}
#sub4 ul li a {color:#000;}


#sub5 { height:900px; margin-top:60px;}
#sub5 h3 {font-size:34px; text-align: center;}
#sub5 strong {color:#8b0000;}
#sub5 ul {margin-top:60px;}
#sub5 ul li {float:left; margin-right:25px;}
#sub5 ul li:first-child {margin-left:120px;}



#con {background:#003663; height:500px; margin-top:100px;}
#con .wrap {width:100%;}
#con .con h3{font-size:28px; color:#fff; position:relative; top:88px; left:430px;}
#con #sns {position:relative; top:120px; left:280px;}
#con #sns li {float:left; margin-right:50px;}
#con #sns {padding-top:20px;}
#con #sns li span {display: block; text-align: center; font-size:18px; padding-top:15px; line-height:1.8;}
#con #sns li a {color:#fff;}
#con .nor {background:#550000; width:50%; position:absolute; right:0;top:0; height:500px;}
#con .nor h3 {font-size:26px; color:#fff; text-align: center; margin-top:90px;}
#con .nor p {font-size:18px; color:#fff; text-align: center; padding-top:15px;}
#con .nor span {color:#eee; line-height:1.8; text-align: center; display: block; padding-top:40px;}
#con .nor a {background:#a72727; color:#FFF; text-align: center; width:200px; height:50px; line-height:50px; display: block; font-size:18px; position:relative; left:380px; top:50px;}






footer {background:#202020; height:370px;}
footer #add {padding-top:60px;}
footer #add li {float:left; margin-right:15px; padding-top:30px;}
footer #add h3 {font-size:24px; color:#fff;}
footer #add li a{color:#ccc;}
footer dl {position:relative; left:380px; bottom:75px;}
footer dl dt {color:#fff; font-size:24px; font-weight: bold; margin-bottom:24px;}
footer dl dd {color:#ccc; line-height:2;}
footer dl dd span {font-weight: bold; display: inline-block; margin-right:10px;}
footer #award {position:absolute; right:20px;top:60px; width:500px;}
footer #award h3 {color:#fff; font-size:24px; margin-bottom:32px;}
footer #award li {float:left;color:#eee; font-size:12px; margin-bottom:15px;}
footer #award li:nth-child(2), footer #award li:nth-child(4) {margin-right:25px;}
footer #award li img {width:70px; height:40px;}
footer #award li span {display: inline-block; line-height:1.6; margin-left:6px;}
footer address {color:#aaa; font-style:normal; position:relative; bottom:22px;}
footer #site {position:relative; bottom:40px; left:378px;}
footer #site li {float:left; margin-right:20px; font-size:15px;}
footer #site li a{color:#ddd;}