@charset "utf-8";

/** 푸시알림 스위치 **/
input[type="checkbox"]+label {
    width:calc(100vw*(50/428));
    height:calc(100vw*(25/428));
    background-image: none;    
}

.alarm_btn {
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    top: calc(100vw*(30/428));
    right: calc(100vw*(25/428));
}

#switch {
    position: absolute;
}

/* checking style */
#switch:checked+.switch_label {
    background: #999999;
}
  
#switch:checked+.switch_label:hover {
    background: #999999;
}
  
/* move */
#switch:checked+.switch_label .onf_btn {
    right: calc(100vw*(28/428));
    background: #fff;
    box-shadow: 1px 2px 3px #00000020;
    transition: all 0.5s;
}

.switch_label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 58px;
    height: 28px;
    background: #00A9AB;
    border-radius: calc(100vw*(20/428));
    transition: all 0.5s;
  }
  
  .onf_btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100vw*(2/428));;
    display: inline-block;
    width:calc(100vw*(20/428));
    height:calc(100vw*(20/428));
    border-radius: calc(100vw*(20/428));
    background: #fff;
    transition: all 0.5s;
  }

/** 더보기 버튼 **/
.more_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.more_btn a {
    display: block;width: 100%;height: 100%;
}

.more_btn_img {
    position: absolute;
    width:calc(100vw*(24/428));
    height:calc(100vw*(24/428));
    top:calc(100vw*(30/428));
    right:calc(100vw*(25/428));
}

.set_in_cont > div {
    position: relative;
    border-bottom: 1px solid #ddd;
}

.set_in_cont > div .inner {
    padding: calc(100vw*(30/428))
}

.set_in_cont > div p {
    font-size: calc(100vw*(16/428));
}

.set_in_delete {
    margin-top:calc(100vw*(30/428));
    padding-left: calc(100vw*(30/428))
}

.set_in_delete button {
    font-size: calc(100vw*(16/428));
    color: #999;
    text-decoration: underline;
}



/****이용약관,개인정보처리방침 텍스트****/
.set_in_use_text,
.set_in_info_text {
    padding: calc(100vw*(30/428));
    font-size: calc(100vw*(15/428));
}