/* ¸ÞÀÎ ¸Þ´º */
.menu_slide_in
{
    animation-name: menu_in;
    -webkit-animation-name: menu_in;
    
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;  
}

.menu_slide_out
{
    animation-name: menu_out;
    -webkit-animation-name: menu_out;
    
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;  
}

@keyframes menu_in 
{
    from   {  top:-300px;}
    to  { top:0px; }
}
@-webkit-keyframes menu_in 
{
    from   {  top:-300px;}
    to  { top:0px; }
}


@keyframes menu_out
{
    from   {  top:0px;}
    to  { top:-300px; }
}
@-webkit-keyframes menu_out
{
    from   {  top:0px;}
    to  { top:-300px; }
}







/* ½½¶óÀÌµå ¸Þ´º */


.DATA_layout {
  width:100%; 
  margin:0 auto; 
  position:relative; 

}

.DATA_plist
{
  position:relative; overflow:hidden; font-size:0;
}

.DATA_main_title
{
 /* font-family:'NotoKrB';*/
  font-size:50px;
  color:black;
  letter-spacing:10px;
  text-align:center;
}

#DATA_image_list
{
  font-size:0; 
  display:none;
}

.DATA_now_img 
{
    position:absolute; width:100%; z-index:2; left:0; top:0; 
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;      
}
.DATA_next_img 
{
  position:absolute; width:100%; z-index:2; margin-left:100%; top:0; 
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    animation-fill-mode: both; /* ³¡¿¡¼­ ¸ØÃã */
    -webkit-animation-fill-mode:both;        
}
@keyframes DATA_move_left
{
  from {left:0;}
  to {left:-100%;}
}
@-webkit-keyframes DATA_move_left
{
  from {left:0;}
  to {left:-100%;}
}

@keyframes DATA_move_right
{
  from {left:0;}
  to {left:100%;}
}
@-webkit-keyframes DATA_move_right
{
  from {left:0;}
  to {left:100%;}
}

input[type="button"].bd_selected
{
  width:26px;  
  height:26px; 
  font-size:120%; 
  background:#666666; 
  color:white; 
  font-weight:bold; 
  border-style:solid; 
  border-width:1px; 
  margin:2px; 
  padding:2px 2px 2px 2px; 
  line-height:130%; 
  cursor:pointer;
}
input[type="button"].bd_unselected
{
  width:26px;  
  height:26px; 
  font-size:120%;   
  background:white; 
  font-weight:bold; 
  border-style:solid; 
  border-width:1px; 
  margin:2px; 
  padding:2px 2px 2px 2px; 
  line-height:130%; 
  cursor:pointer;
}

a {cursor:pointer; }
A:link    {text-decoration: none;}
A:active  {text-decoration: none;}
A:visited {text-decoration: none;}
A:hover   {text-decoration: none;}
.main_notice a {color:black;}


.a4_ {width:30%; margin:1%; }