@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

*{ padding: 0; margin: 0; font-family:'Nanum Gothic',monospace; font-size: 12px; color: #000000; }
li{list-style: none; }
a{text-decoration: none; }
img{border: none; }
table{border-collapse: collapse; border-spacing: 0px; }
address{font-style: normal; }
fieldset{border: none; }
legend{ position: absolute; left: -999em; }
input[type=button], input[type=submit], input[type=reset], input[type=image], button{cursor: pointer; }
label.away{position: absolute; left: -999em; }





/* layout */
aside{ width: 70px; height: 70px; position: fixed; bottom: 105px; right: 20px; z-index: 2; }
header{ width: 100%; min-width: 1000px; height: 150px; position: relative; }
footer{ width: 100%; min-width: 1000px; height: 100px; background-color: #000000; overflow: hidden; }

.tNav{ width: 1000px; height: 20px; margin: 0 auto; }
.tLogo{ width: 1000px; height: 80px; margin: 0 auto; overflow: hidden; }
.mNav{ width: 100%; min-width: 100px; height: 50px; background-color: #000000; }
.mWrap{ width: 1000px; height: 50px; margin: 0 auto; }

.fWrap{width: 1000px; height: 100px; margin: 0 auto; }





/* header */
.tNav ul{ float: right; }
.tNav li{ float: left; line-height: 20px; padding: 0 10px; }
.tNav li:after{ content: '|'; position: relative; left: 10px; }
.tNav .last:after{ content: ''; }
.tNav .last a{ color: #e60b4d; font-weight: bold; }
.tLogo{ text-align: center; }


/* mNav */
.mNav > .mWrap > ul > li{float: left; width: 20%; height: 50px; text-align: center; line-height: 50px; position: relative; }
.mNav > .mWrap > ul > li > a{display: block; width: 100%; height: 100%; font-size: 16px; font-weight: bold; color: #ffffff; }
.mNav > .mWrap > ul > li > a:hover{ border-bottom: 2px solid #e60b4d; color: #e60b4d; box-sizing: border-box; }
.mNav > .mWrap > ul > li > a.on{ border-bottom: 2px solid #e60b4d; color: #e60b4d; box-sizing: border-box; }



.subNav{ position: absolute; top: 50px; width: 200px; text-align: center; line-height: 40px; z-index: 1001; }
.subNav > li > a{color: #ffffff; }
.subNav > li > a:hover{color: #e60b4d; }


.subNavBg{ width: 100%; min-width: 1000px; height: 165px; background-color: #000000; position: absolute; left: 0; top: 150px; z-index: 1000; }





/* footer */
.fWrap h1{float: left; }
.fWrap p{ float: left; color: #ffffff; padding-left: 20px; padding-top: 38px; box-sizing: border-box; }
.sns{ float: right; padding-right: 15px; padding-top: 32px; box-sizing: border-box; }
.sns a img{ padding: 0 5px; box-sizing: border-box; }