h1 {
  display: block;
  font-size: 1em;
  margin-top: 0.01em;
  margin-bottom: 0.1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 0.9em;
  margin-top: 0.01em;
  margin-bottom: 0.1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

.point_color01 {font-size:14px;color:#f64a7b;font-weight:bold;}
.point_color01.on{font-size:14px;color:#fff;font-weight:bold;}

.point_color01-01 {font-size:14px;color:#f64a7b;font-weight:bold;}
.point_color01-01.on{font-size:14px;color:#fff;font-weight:bold;}

.point_color02 {font-size:16px;color:#f64a7b;font-weight:bold;}
.point_color02.on{font-size:142px;color:#fff;font-weight:bold;}

.point_color50 {font-size:12px;color:#ff010d;font-weight:bold;}


 /*  Font Style ¿¹Àü¿¡ »ç¿ëÇÏ´ø ½ºÅ¸ÀÏ */
.font11          {font-size: 11px; }
.font11_grey1    {font-size: 11px; color: #cccccc;}
.font11_grey2    {font-size: 11px; color: #636363;}
.font11_grey3    {font-size: 11px; color: #8d8d8d;}
.font11_orange   {font-size: 11px; color: #ff8400; font-weight: bold;}
.font11_pink     {font-size: 11px; color: #e00f66; font-weight: bold;}
.font11_blue     {font-size: 11px; color: #2566c7; font-weight: bold;}
.font11_red      {font-size: 11px; color: #ed0000; font-weight: bold;}

.font12          {font-size: 12px; }
.font12_grey1    {font-size: 12px; color: #cccccc;}
.font12_grey2    {font-size: 12px; color: #636363;}
.font12_grey3    {font-size: 12px; color: #8d8d8d;}
.font12_orange   {font-size: 12px; color: #ff8400; font-weight: bold;}
.font12_pink     {font-size: 12px; color: #e00f66; font-weight: bold;}
.font12_blue     {font-size: 12px; color: #2566c7; font-weight: bold;}
.font12_red      {font-size: 12px; color: #ed0000; font-weight: bold;}

.font14          {font-size: 14px; }
.font14_grey1    {font-size: 14px; color: #cccccc;}
.font14_grey2    {font-size: 14px; color: #636363;}
.font14_grey3    {font-size: 14px; color: #8d8d8d;}
.font14_orange   {font-size: 14px; color: #ff8400; font-weight: bold;}
.font14_pink     {font-size: 14px; color: #e00f66; font-weight: bold;}
.font14_blue     {font-size: 14px; color: #2566c7; font-weight: bold;}
.font14_red      {font-size: 14px; color: #ed0000; font-weight: bold;}

.font16          {font-size: 16px; }
.font16_grey1    {font-size: 16px; color: #cccccc;}
.font16_grey2    {font-size: 16px; color: #636363;}
.font16_grey3    {font-size: 16px; color: #8d8d8d;}
.font16_orange   {font-size: 16px; color: #ff8400; font-weight: bold;}
.font16_pink     {font-size: 16px; color: #e00f66; font-weight: bold;}
.font16_blue     {font-size: 16px; color: #2566c7; font-weight: bold;}
.font16_red      {font-size: 16px; color: #ed0000; font-weight: bold;}



.font_red   {color: #ed0000;}
.font_green {color: #028e42;}
.font_blue {color: #2566c7;}
.font_pink {color: #cb05a5;}
.font_yellow {color: #f8f801;}



/*  °øÅë pd Style  */
.padding_A1 {padding:  2px  2px  2px  2px;}

.padding_A2 {padding:  2px 10px  2px 10px;}

.padding_B1 {padding:  5px  5px  5px  5px;}
.padding_B2 {padding:  5px 10px  5px 10px;}
.padding_B3 {padding:  5px  5px  0px  5px;}

.padding_C1 {padding:  10px  10px  10px 10px;}

.padding_D1 {padding:  15px  15px  15px 15px;}

.padding_E1 {padding:  20px  20px  20px 20px;}

.padding_F1 {padding:  30px  30px  30px 30px;}

.pd_top_bottom {padding:  2px  0px;}


/*  °Ô½ÃÆÇ ¸®½ºÆ®½ºÅ²ÀÇ ¸ð¹ÙÀÏ¿¡¼­ µÎÁÙºÎºÐÃ³¸® */
@media all and (max-width:768px) {
	.responsive .list-board .wr-hidden { display:inline-block !important; }
	.responsive .list-board .item-subject { text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
	.responsive .list-board .item-details { margin-right:-15px }
	.responsive .list-board .item-details > span { margin-right:15px; font-weight:normal; }
	.responsive .list-board .item-details > span:last-child { margin-right:0px; }
}

/*  ¾Æ¹Ì³ª »çÀÌµåºÎºÐÀ» »çÀÌÆ® ¿ìÃøºÎºÐ¿¡µµ »ç¿ëÇÔÀ¸·Î */
.sidebar-icon-tbl { display:table; width:100%; table-layout:fixed; }
.sidebar-icon-cell { display:table-cell;	text-align:center; vertical-align:top; padding:0px 0px 10px; }
.sidebar-icon-cell span { display:block; font-size:12px; letter-spacing:-1px; margin-top:6px; }


@keyframes blink-effect {
    70%{
        opacity:0;
    }
}

.blink {
    animation: blink-effect 1s step-end infinite;

    /* ´Ù¸¥ ±â´ÉÀ» ¿øÇÑ ´Ù¸é ÀÌºÎºÐÀÇ ÁÖ¼®À» ÇØÁ¦.
    animation-name: blink-effect;
    animation-duration: 1s;
    animation-iteration-count:infinite;
    animation-timing-function:step-end;
    */

}


.frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.frm_input {height:22px}



.blinking{
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink{
  0% {opacity: 0;}
  100% {opacity: 1;}
}