@font-face { font-family: 'NanumSquare'; src: url(fonts/NanumSquareR.eot); src: url(fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'), url(fonts/NanumSquareR.woff) format('woff'), url(fonts/NanumSquareR.ttf) format('truetype');}
@font-face {  font-family: 'Montserrat';  font-style: normal;  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WlhzQ.woff) format('woff');}

* {font-family:Montserrat, 'Malgun Gothic', NanumSquare, Helvetica, Arial, 'sans-serif' ;   word-break:keep-all; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


body {margin :0;	background-color: #ffffff; 	 background-image: url(../images/bg.jpg); background-position:  center bottom;  background-repeat: no-repeat; background-size: cover}

img {border :0; vertical-align:middle }

.tablecontent {width:95%; max-width: 1200px;}

.header-left {width:50%; float:left}
.header-right {width:50%; float:right; text-align: right}
@media only screen and (max-width: 980px){   
.header-left {width:100%; }
.header-right {width:100%; text-align: left}
}
	
td {font-size:14px; color:#000000; line-height:1.5}
ul {font-size:14px; padding-left:20px; margin-bottom: 0; padding-bottom: 0 }
li {padding-top:5px; margin-bottom: 0; padding-bottom: 0 }

h1 {color:#ffffff; margin: 0 5px 10px 5px; padding:0; text-align: center}

#footer {clear:both; width:100%; margin-bottom:10px; margin-top:30px; padding-top:20px;  border-top: 1px solid #909090; color:#a0a0a0; font-size:12px; line-height:14px; }

a:link     {color:#000000; text-decoration: none}
a:visited  {color:#000000; text-decoration: none}
a:active   {color:#000000; text-decoration: none}
a:hover    {color:#000000; text-decoration: none}


.agenda td {padding:10px; font-size:15px; border-top: 1px #e0e0e0 solid; padding:10px; border-radius: 4px;}
.agenda  tr:first-child td { border-top: 0; }
.agenda .sp {color:#707070;  font-size:13px;}
.whtxt {color:#ffffff !important}
.agenda .time {width:12%; color:#414142; vertical-align: top;   font-size:14px;}
.hp {color:#61b4d5; font-weight:bold;font-size:13px; border:1px #61b4d5 solid; padding:0 3px;  display: inline-block; }
.view {color:#f68d1e; font-weight:bold;font-size:13px; border:1px #f68d1e solid; padding:0 3px;  display: inline-block; }
.pop {font-size:13px; line-height:1.4; padding:20px 12px 12px 12px;  margin-top:0; background: #f0f0f0; background-image: url(../images/poparrow.png); background-repeat: no-repeat;  background-position:  center top; }



.mobileonly   {display: none}
.desktoponly  {display: show}
@media only screen and (max-width: 980px){   
.mobileonly   {display: show}
.desktoponly	{display: none}
}