BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote {font-family:verdana;font-size:11pt;color:gray;}


A:link    {color:#003333;text-decoration:none;}
A:visited {color:#003333;text-decoration:none;}
A:active  {color:#CAA5CC;text-decoration:none;}
A:hover  {color:#CAA5CC;text-decoration:none;}

.head {border:solid 0 #F4F4F4;font-family:verdana;font-size:9pt;color:#333333;background-color:white;height:19px}

.textarea {border:solid 0; font-family:verdana;font-size:9pt;color:#333333;background-color:#F4F4F4}




/*Reset*/
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td{margin:0;padding: 0;border:1;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: middle; font-size:0;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
a{color:inherit; text-decoration:none; color:#333;}
a:hover,a:active,a:focus{text-decoration:none;}
strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}
/* common */
body,th,td,input,select,textarea,button{color:#2e3a42; font-size:15px; line-height:1.5; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
.blind{display:none;}

#sub-area{position:relative; box-sizing:border-box; width:100%; max-width:1200px; margin:0 auto 150px; letter-spacing:-0.055em;}
#top_font { font-size:24px; }

.input{border:solid 0;font-family:verdana;font-size:9pt;color:#333333;background-color:#F4F4F4;height:19px}
.input2{border:solid 0;font-family:verdana;font-size:9pt;color:F4F4F4;background-color:white;height:16px}
.submit {border:solid 0;font-family:verdana;font-size:9pt;color:navy;background-color:white;height:19px}
.comment_submit {font-family:µ¸¿ò; font-size:9pt; color:rgb(102,102,102); background-color:rgb(249,249,249); border-width:1px; border-color:silver; border-style:solid;}
.setup {font-family:tahoma;font-size:6pt;color:gray}
.list_header {font-family:verdana;font-size:9pt;color:333333}
.listnum {font-family:verdana;font-size:9pt;color:333333}
.commentnum {font-family:verdana;font-size:9pt;color:333333;}
.view_title1 {font-family:verdana;font-size:9pt;font-weight:bold;color=#333333}
.view_title2 {font-family:verdana;font-size:15px;letter-spacing:-1px;font-weight:bold;color=#333333}
.view_left_menu {font-family:verdana;font-size:12px;font-weight:bold;color=#333333}
.write {font-family:verdana;font-size:9pt;color:969696; font-weight:bold}



/*ÀÏÁ¤Ç¥*/
.calendar-top{position:relative; padding-bottom:50px; }
.calendar-top ul{border:1px #c8c8c8 solid; display:inline-block;  padding:0 10px;background: rgb(249,249,249);
background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);}
.calendar-top ul:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.calendar-top li{float:left; border-left:1px #c8c8c8 solid; text-align:center; line-height:43px;  padding:0 10px}
.calendar-top li:first-child{border-left:0;}
.calendar-top li.ct-day{font-size:17.5px; font-weight:700; padding:0 20px; }
.calendar-top li.ct-day a{display:block;vertical-align:10px}
.calendar-top li.ct-day i{margin-right:5px;}
.calendar-tab{position:absolute; right:0; top:0; z-index:999;}
.calendar-tab a{display:block; position:relative; float:left; border:1px #c6c6c6 solid; padding:10px 30px; background:#fff; margin-left:5px;}
.calendar-tab a i{font-size:20px; margin-right:5px; vertical-align:-2px;}
.calendar-tab a.selected{border-color:#386dd7; color:#386dd7;;}
.calendar-tab a.selected:after{display:block; position:absolute; width:100%; height:3px; background:#386dd7; content:""; left:0; top:0px;}

.calendar-box{width:100%; border-collapse:collapse; }
.calendar-box th,
.calendar-box td{border:1px #d6d6d6 solid; width:14%; border-collapse:collapse; box-sizing:border-box; position:relative;}
.calendar-box th{background:#ebedf1; padding:10px; }
.calendar-box td{padding:5px 5px 5px 5px; height:95px;}
.c-day{text-align:center; font-size:10px; color:#103f9b; width:25px; height:25px; line-height:25px; border:1px #d6d6d6 solid; border-width:0 1px 1px 0; position:absolute; left:0; top:0;}
.c-schedule{font-size:12px; display:block; box-sizing:border-box; padding:0 5px; position:relative; }
.c-schedule > p{overflow:hidden;width:100%; height:20px; line-height:20px;  }
.cs-notice{background:#386dd7; color:#fff; border-radius:5px; }
.c-schedule-box{display:none; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); position:absolute; z-index:99; background:#fff; border:1px #386dd7 solid; border-radius:10px;padding:10px; box-sizing:border-box; width:170px; right:-175px; top:-55px;}
.c-schedule-box:after {display:block; position:absolute; content:""; width:8px; height:20px; background:url(./img/comment-img.png); left:-8px; top:50%; margin-top:-10px;}
.c-schedule:hover .c-schedule-box{display:block;}
.csb-text01{font-size:13.5px; color:#103f9b;}
.csb-text02{font-size:12.5px; margin:2px 0;}
.csb-text02 span{background:#386dd7; padding:1px 3px; color:#fff; display:inline-block; margin-left:2px; font-size:11px;}
.csb-text03{border-top:1px #d6d6d6 dashed; margin-top:10px; padding-top:10px; font-size:12.5px; display:-webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  line-height:20px; height:40px;}

.event-list{margin-top:-20px;}
.event-list-box{position:relative; background:#f3f3f3; padding:20px; margin-bottom:5px; border-radius:5px;}
.event-list-box dt{position:absolute; width:80px; height:80px; box-sizing:border-box; left:20px; background:#386dd7; color:#fff; text-align:center; border-radius:5px;}
.event-list-box dt p{font-size:25px; padding-top:20px; font-weight:700; line-height:0.75; }
.event-list-box dt span{}
.event-list-box dd{padding-left:90px;}
.event-list-box-ul li{border:1px #c5c8d0 solid; box-sizing:border-box; padding:14px; margin-top:10px; background:#fff; border-radius:0 5px 0 5px;}
.event-list-box-ul li:first-child{margin-top:0;}
.event-header{position:relative; cursor:pointer;  }
.eh01{font-weight:700; font-size:17.5px; color:#13419e; margin-bottom:5px; padding-right:50px;}
.eh02{font-size:14px;}
.eh-p{background:#386dd7; color:#fff; border-radius:20px; padding:0 10px; margin-left:5px; }
.eh-btn01{position:absolute; right:-14px; top:-14px; font-size:0; width:50px; height:50px; text-align:center;  border-radius:0 0 0 5px; border:1px #c5c8d0 solid; border-width:0 0 1px 1px;}
.eh-btn01 i{font-size:25px; color:#8192b3;line-height:50px; }
.event-summary{border-top:1px #c8c8c8 dashed; padding-top:20px; margin-top:10px;}
.event-summary-btn{text-align:right; padding-top:20px;}
.event-summary-btn a{display:inline-block; padding:10px 20px; border:1px #386dd7 solid; color:#386dd7; background:#fff;}
.open-close{text-align:right; margin-bottom:10px; position:relative; z-index:99;}
.open-close span{cursor:pointer; display:inline-block; border:1px #cdcdcd solid; border-radius:99999px; padding:5px 15px; font-size:12.5px; margin-left:5px;}
.open-close span i{font-size:14px; margin-right:2px;}

/*ÀÏÁ¤Ç¥/°¶·¯¸® view page*/
.view-title{border-top:2px #333 solid; border-bottom:1px #c8c8c8 solid; font-size:25px; padding:15px 10px; line-height:1.2em;}
.view-title span{font-size:15.5px;}
.view-cont{padding:20px 10px; border-bottom:1px #c8c8c8 solid;}
.view-btn{position:relative; margin-top:20px;}
.view-prev-next a{border:1px #c8c8c8 solid; padding:10px 25px; display:inline-block; background:#ebedf1;}
.view-list-a{display:inline-block; position:absolute; right:0; top:0; padding:10px 25px; background:#555; color:#fff;}
.view-cont-t01{margin-bottom:10px;}
.view-cont-t01 p{display:inline-block; padding:7px 10px;color:#12367c; font-size:15.5px; background:#ebedf1;}
.view-cont-t01 span{display:inline-block; font-size:13px; vertical-align:1px;border-radius:9999px; padding:0 5px; background:#386dd7; color:#fff;}

