@charset "utf-8";



/* button */
button		{
   width:100px;

    background-color: #f8585b;

    border: none;

    color:#fff;

    padding: 15px 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 4px;

    cursor: pointer;
}


.button1		{
   width:60px;

    background-color: #f8585b;

    border: none;

    color:#fff;

    padding: 5px 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 1px;

    cursor: pointer;

}

.button2		{
   width:80px;

    background-color: #f8585b;

    border: none;

    color:#fff;

    padding: 10px 0;
    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    
  

    cursor: pointer;

}

/* clear */
.clear {clear:both;}


.checkbox {
	width:12px;
	height:12px;
}
.radio {
	width:12px;
	height:12px;
}

.txt_left {text-align:left;}
.txt_right {text-align:right;}

.png24 {
　 tmp:expression(setPng24(this));
}
.button {

    width:90%;


    background-color: #f8585b;

    border: none;

    color:#fff;

    padding: 15px 0;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 15px;

    margin: 4px;

    cursor: pointer;

}


#floatMenu{

      position:absolute;

      width:100px;
	  height:auto;
/*	  left:1500px; */
	  right:300px;
	 



      padding:0;

      margin:0;

      z-index:1000;

      text-align:right;

      top:80px;

 

	 


  }


#floatMenu li{
	margin:0px; 
	padding:0px; 
}
#floatMenu1{

      position:absolute;

      width:150px;
	  height:600px;
    
      right:5%;

		
      padding:0;

      margin:0;

      z-index:1000;

      text-align:center;

      top:540px;
	
	  font-size:12px;

      margin:5px 5px; /*아이콘 위치 조절 */
	  

  }

#floatMenu1 img {
	padding:5px;

  }




  #page_up {

width: 31px;

height: 31px;

background: url(http://cfs.tistory.com/custom/blog/156/1560470/skin/images/up.png);

cursor: hand;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);

}

  #home {

width: 31px;

height: 31px;

background: url(http://cfs.tistory.com/custom/blog/156/1560470/skin/images/home.png);

/*스킨적용시 ./images/home.png  */

cursor: hand;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);

}

  #page_down {

width: 31px;

height: 31px;

background: url(http://cfs.tistory.com/custom/blog/156/1560470/skin/images/down.png);

cursor: hand;

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

-webkit-filter: grayscale(0%);

}


   .slider {
        width: 100%;
        margin: 0px auto;
		height:280px;
		position:relative;
		padding-left:25px;
		padding-right:20px;
		
			
			  text-align:center;
    }


  .slider img {

	border:1px solid #ccc;

  }
   .slider1 {
        width: 91%;
        margin: 0px auto;
		height:220px;
		position:relative;
		padding-left:100px;
		padding-right:65px;
		text-align:center;
    }

	
   .slider4 {
        width: 90%;
        margin: 0px auto;
		height:220px;
		position:relative;
		padding-left:80px;
		padding-right:45px;
		text-align:center;
    }
   .slider3 {
        width: 100%;
        margin: 0px auto;
		height:100px;
		position:relative;
	
			
			  text-align:center;
    }

    .slick-slide {
      margin-left: 20px;
      margin-right: 20px;	  
      margin-top: 20px;
      margin-bottom: 20px;

    }

    .slick-slide img {
      width: 100%;
	  height:100%;

	
    }

    .slick-prev:before,
    .slick-next:before {
    color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
	
    }

    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }




.modal button.close { width:inherit;}

