@import url("/css/reset.css");

@font-face {
 font-family: 'dinbol';
 font-style: normal;
 src: url('font/dinbol.eot');
 src: url('font/dinbol.eot') format('embedded-opentype'),
 url('font/dinbol.woff') format('woff'),
 url('font/dinbol.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumGothicBold';
 font-style: normal;
 src: url('font/NanumGothicBold.eot');
 src: url('font/NanumGothicBold.eot') format('embedded-opentype'),
 url('font/NanumGothicBold.woff') format('woff'),
 url('font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumGothic';
 font-style: normal;
 src: url('font/NanumGothic.eot');
 src: url('font/NanumGothic.eot') format('embedded-opentype'),
 url('font/NanumGothic.woff') format('woff'),
 url('font/NanumGothic.ttf') format('truetype');
}



html,body{height:100%;}

#notice{width:60%;height:50px;position:absolute;left:10px;bottom:60px;background:url('../images/trans_black80.png') 0 0 repeat;border-radius:100px;}
#notice a{display:block;height:50px;background:url('../images/icon_notice.png') 5px 7px no-repeat;background-size:auto 60%;color:#fff;font-size:14px;padding-left:35px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


#Weather{width:100px;height: 30px;position: absolute;left:10px;top: 10px;z-index: 1;font:bold 18px "Trebuchet MS",Arial,sans-serif;line-height:30px;color:#000;}




.main{width:100%;height:100%;background:url('../images/main_bg.jpg') 0 0 no-repeat;background-size:100% 100%;}
.main div#mainMenu{width:35%;height:100%;float:right;background-color:#FFF;}
.main div#mainMenu ul{height:100%;}
.main div#mainMenu ul li{height:16.66%; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.main div#mainMenu ul li.menu1{background:#AEB4C0 url('../images/main_icon01.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu2{background:#56B9BE url('../images/main_icon01.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu3{background:#ADC382 url('../images/main_icon03.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu4{background:#7AA7CE url('../images/main_icon04.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu5{background:#AEB4C0 url('../images/main_icon02.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu6{background:#E0B5B5 url('../images/main_icon06.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li.menu7{background:#E0B5B5 url('../images/main_icon07.png') 85% 85% no-repeat;background-size:40px auto }
.main div#mainMenu ul li a{display:block;height:100%;padding:20px 0 0 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#fff;font-size:1.3em;font-family:'NanumGothicBold';letter-spacing:-0.05em;}
.main div#mainMenu ul li a:hover{text-decoration:none;}
.main div#mainMenu ul li a span{font-size:10px;display:block;opacity:0.6;line-height:12px;}
.main div#mainMenu ul li a img{width:90%;max-width:205px;}

h1{position:absolute;left:30%;top:20%;margin-left:-80px;}
footer{width:65%;position:absolute;left:0px;bottom:0px;background:url('../images/trans_black60.png') 0 0 repeat;color:#fff;font-size:11px;}
footer p{font:bold 28px 'dinbol', sans-serif;padding-left:5px;}
address{padding-left:5px;line-height:11px;}