@charset "UTF-8";
/* CSS Document */

@media (max-width: 768x) {
.pc_floatingWrap1{
    display: none;
}
.pc_floatingWrap2{
    display: none;    
}
.pc_floatingWrap3{
    display: none;
}
.pc_floatingWrap4{
    display: none;
}
}
@media (min-width: 767.98px) {

.pc_floatingWrap1{
    width: 42px;
	height: 200px;
	top: 90px;
	right: 8px;
    position: fixed;
    z-index: 100;
}
.pc_floatingWrap2{
    width: 42px;
	height: 320px;
	top: 310px;
	right: 8px;
    position: fixed;
    z-index: 100;      
}
.pc_floatingWrap3{
    width: 42px;
	height: 160px;
	top: 450px;
	right: 8px;
    position: fixed;
    z-index: 100;         
}
.pc_floatingWrap4{
    width: 42px;
	height: 42px;
	top: 0px;
	right: 8px;
    position: fixed;
    z-index: 100;    
}

.pc_floating1{
   -webkit-backface-visibility: hidden;
    -webkit-transition: All 0.3s ease;
    backface-visibility: hidden;
    background-color: #B1B493;
    color: #ffffff;
    cursor: pointer;
    display: block;
	top: 0px;
    height: 240px;
    position: relative;
    text-align: center;
    font-size: 0.9em;
	font-weight: 600;
    transition: All 0.3s ease;
    width: 42px;
}
.pc_floating2{
   -webkit-backface-visibility: hidden;
    -webkit-transition: All 0.3s ease;
    backface-visibility: hidden;
    background-color: #999999;
    color: #ffffff;
    cursor: pointer;
    display: block;
	top: 0px;
    height: 280px;
    position: relative;
    text-align: center;
    font-size: 0.9em;
	font-weight: 600;
    transition: All 0.3s ease;
    width: 42px;
}
.pc_floating3{
   -webkit-backface-visibility: hidden;
    -webkit-transition: All 0.3s ease;
    backface-visibility: hidden;
    background-color: #B1B493;
    color: #ffffff;
    cursor: pointer;
    display: block;
	top: 0px;
    height: 240px;
    position: relative;
    text-align: center;
    font-size: 0.9em;
	font-weight: 600;
    transition: All 0.3s ease;
    width: 42px;
}
.pc_floating4{
   -webkit-backface-visibility: hidden;
    -webkit-transition: All 0.3s ease;
    backface-visibility: hidden;
	background-size: auto;
    color: #ffffff;
    cursor: pointer;
    display: block;
	top: 10px;
    height: 42px;
    position: relative;
    text-align: center;
    font-size: 0.9em;
	font-weight: 600;
    transition: All 0.3s ease;
    width: 42px;
}
.pc_floatingWrap .floating a{
    color: #ffffff;   
    font-size: 0.9em;
	font-weight: 600;
}
.pc_floating a:hover{
    color: #ffffff;
	}
}

@media (max-height: 768x) {
.pc_floatingWrap1{
    display: none;
}
.pc_floatingWrap2{
    display: none;    
}
.pc_floatingWrap3{
    display: none;
}
.pc_floatingWrap4{
    display: none;
}
}