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

body,div,span,a, td { border:0;font-size:12pt;font-family: 'Nanum Gothic',arial, sans-serif;line-height:1em;color:#4d4d4d;}
img{vertical-align:middle;border:0;}
table {border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
* {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;}


.header {width:996px;height:91px;margin:0 auto;}
.header .logo{float:left;line-height: 91px;}
.header .logo img {cursor: pointer;}
.header .login{float: right;line-height: 91px;}
.header .login a {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 14px; color: #4d4d4d; margin: 0 7px; font-weight: bold;}
.header .login a:hover {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 14px; margin: 0 7px; font-weight: bold; color:#058b43; cursor: pointer;}

.main {width:100% auto; height:907px; background:#FFFFFF; background:url("/images/home/visual.png") no-repeat top center;}
.container {width:911px; height:470px; margin:0 auto;padding:437px 0 0 0;position:relative;}
.calendar {float: left; background-color: #1C6DBD; height: 470px; width: 350px;}
.calendar center div.title {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 28px; color: #FFFFFF; font-weight: bold; margin: 34px 0 3px 0;}
.calendar center div.subtitle {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 17px; color: #FFFFFF; margin: 0 0 26px 0;}
.calendar center div.line1{height:1px; width: 278px; background-color: #8DB9E2;}
.calendar center div.line2{height:1px; width: 278px; background-color: #175DA2;}
.calendar center div.datetitle {margin-top: 22px; position: }
.calendar center div.datetitle a{font-family: 'Nanum Gothic',arial, sans-serif;font-size: 23px; color: #FFFFFF; font-weight: bold; margin: 0 0 14px 0;}
.calendar center div.datetitle span {font-size: 15px; color: #FFFFFF; font-weight: bold; line-height: 23px; margin: 0 11px; cursor: pointer;}
.calendar center table.cal {margin: 0 41px 0 40px; width:260px;height: 276px;}
.calendar center table.cal thead tr td {font-family: 'Nanum Gothic',arial, sans-serif;text-align: center; font-size: 18px; font-weight: bold; color: #FFFFFF; line-height: 30px;}
.calendar center table.cal tbody tr td {font-family: 'Nanum Gothic',arial, sans-serif;text-align: center; font-size: 17px; font-weight: bold; color: #FFFFFF; line-height: 30px;}
.calendar center table.cal tbody tr td.pan01 {background-color: #12d055;}
.calendar center table.cal tbody tr td.pan02 {background-color: #ee4535;}
.calendar center table.cal tbody tr td.pan03 {background-color: #61AEFD;}
.calendar center div.pannel {font-size: 14px; color: #FFFFFF; margin: 7px 0 10px 0;}
.calendar center div.pannel div {width:12px; height: 12px; display: inline-block;}
.calendar center div.pannel div.pan01 {background-color: #12d055;}
.calendar center div.pannel div.pan02 {background-color: #ee4535; margin-left:4px;}
.calendar center div.pannel div.pan03 {background-color: #61AEFD; margin-left:4px;}

.board {float: right;}
.board div.notice {width: 560px; height: 234px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color: #FFFFFF;}
.board div.schedule {width: 560px; height: 234px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background-color: #FFFFFF;}
.board div div.boardtitle {width:116px; line-height: 70px; font-size: 17px; color: #2C6CB6; background-color: #FFFFFF; text-align: left; font-weight: bold; padding-left: 30px;}
.board div table {margin: 0 0 30px 0; width: 560px; table-layout: fixed;}
.board div table tr td {line-height: 26px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.board div table tr td a {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 14px; width: 386px; padding-left: 30px; color:#4d4d4d;}
.board div table tr td a:hover {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 14px; width: 386px; padding-left: 30px; color:#cc653d; text-decoration: underline; cursor: pointer;}
.board div table tr td.date {font-family: 'Nanum Gothic',arial, sans-serif;font-size: 11px; width: 144px; text-align: center;}


.container .box_info{position:absolute;left:820px;top:0px;z-index:0;width:280px;height:415px;padding: 0 0 0 0px;background:#418508;}
.container .box_info .txt_title{padding-top:30px;padding-left:45px;font-size:29px; color:#fff; letter-spacing:-0.2px;}
.container .box_info .txt_title01{padding-left:40px;font-size:16px;color:#fff;}
.container .date_box{width:180px;height:275px;padding-top:15px;padding-left:50px;}

.footer {width:100%;margin:0 auto; border-top: 1px solid #dad9d9;}
.footer .box{position:relative;width:1200px;height:111px;margin:0 auto; text-align: center; vertical-align: middle;font-size:12px; color:#6C6B6B; line-height: 23px; padding: 30px 0 0 0;}