@charset "UTF-8";
@import url("/assets/common/css/font.css");


* {
    margin: 0px;
    padding: 0px;
    font-family: Noto Sans KR;
    font-weight: 500;

}
body{
    width: 100%;
    height: 100%;
}



/*레이어버튼*/





.bt_layermap{
    position: absolute;
    bottom: 45px;
    left: 0px;
    width: 35px;
    height: 35px;
    z-index: 10;
    background-image: url("/assets/image/screen/bt_map_layer_n.svg");
    background-size: 100%;
    background-repeat: no-repeat;
}


/*.map_side_button_area2_layer {!* map_side_button_area2 이름 변경 *!*/
/*    position: absolute;*/
/*    bottom: 20px;*/
/*    left: 20px;*/
/*    height: 95px;*/
/*}*/

.input_layer_map{
    position: absolute;
    top: 30px;
    right: 0px;
    display: none;
}

.bt_layer_option_area{
    position: absolute;
    width: 175px;
    bottom: 45px;
    height: 35px;
    border-radius: 2px;
    overflow: hidden;
}

.bt_layer_option_area_animation{
    position: relative;
    display: flex;
    top: 0px;
    width: 175px;
    transform: translateX(-175px);
    transition: transform 1s cubic-bezier(0,.56,.32,.99);
}


.input_layer_map:checked ~ .bt_layer_option_area .bt_layer_option_area_animation{
    transform: translateX(0px);
}


.bt_layer_option_area_animation label{
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #113E46;
}


.bt_layer_option_area_animation label:hover{
    background-color: #0C2B31;
}



.bt_layer_option_area_animation input{
    position: relative;
    top:-20px;
    left: 35px;
    display: none;
}

.option_input_layer{
}
.option_input_player{
}
.option_input_range{
}
.option_input_flayer{

}

.bt_option_layer{
    background-image: url("/assets/image/screen/ic_llayer_off_s.png");
    background-repeat: 100%;
}
.option_input_layer:checked ~ .bt_option_layer{
    background-image: url("/assets/image/screen/ic_llayer_on_s.png");
}



.bt_option_player{
    background-image: url("/assets/image/screen/ic_player_off_s.png");
    background-repeat: 100%;
}
.option_input_player:checked ~ .bt_option_player{
    background-image: url("/assets/image/screen/ic_player_on_s.png");
}



.bt_option_range{
    background-image: url("/assets/image/screen/ic_range_off_n.png");
    background-repeat: 100%;
}
.option_input_range:checked ~ .bt_option_range{
    background-image: url("/assets/image/screen/ic_range_on_n.png");
}



.bt_option_flayer{
    background-image: url("/assets/image/screen/ic_flayer_off_s.png");
    background-repeat: 100%;
}
.option_input_flayer:checked ~ .bt_option_flayer{
    background-image: url("/assets/image/screen/ic_flayer_on_s.png");
}