/*와이드 모니터*/
@media only screen and (min-width: 795px) and (max-width: 1336px) {
    .safetyForm > article > div > .address {
        width: 450px;
    }
    .safetyForm > article > div > .address > input:first-of-type {
        width: calc(100% - 42px);
        height: 27px;
    }
    .safetyForm > article > div > .address > input:last-of-type {
        width: 100px;
        height: 36px;
        top: 6px;
        right: 6px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li {
        width: 109px;
        height: 80px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) {
        width: 700px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li > input[type='radio'] + label strong {
        top: 53px;
    }
    .safetyForm > article > div:nth-child(4) > div > div {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(4) > div > div:nth-child(2) {
        margin-left: 0;
        margin-top: 20px;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(3) > li:nth-child(2) li {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    /* 시설예시모달 반응형 와이드 시작*/
    .modalPop1 {
        width: 500px;
    }
    .modalPop1 > ul {
        width: calc(100% - 82px);
        margin: 0 auto;
    }
    .modalPop1 > ul > li {
        width: 48.5%;
        height: 120px;
        margin-left: 12px;
        box-sizing: border-box;
    }
    .modalPop1 > ul > li:nth-of-type(2n+1) {
        margin-left: 0;
    }
    .modalPop1 > ul > li:nth-of-type(2)~li {
        margin-top: 12px !important;
    }
    .modalPop1 > ul > li:nth-of-type(4){
        margin-left: 12px;
    }
    .modalPop1 > .boxSegment {
        padding: 20px 40px;
        margin: 0 auto;
        width: calc(100% - 80px);
    }
    .modalPop1 > .boxSegment > .details {
        width: 100%;
        height:263px;
    }
    .modalPop1 > .boxSegment > .details > .segDetail {
        width: 48%;
        height: 263px;
    }
    .modalPop1 > .boxSegment > .details > .segDetail:nth-of-type(2) {
        margin-left: 15px;
    }
    /* 시설예시모달 반응형 와이드 끝 */
}

/*태블릿*/
@media only screen and (min-width: 496px) and (max-width: 794px) {
    .safetyForm > article > div > .address {
        width: 90%;
    }
    .safetyForm > article > div > .address > input:first-of-type {
        width: calc(100% - 42px);
    }
    .safetyForm > article > div > .address > input:last-of-type {
        width: 100px;
        height: 36px;
        top: 6px;
        right: 6px;
    }
    .safetyForm > article > div:nth-child(2) .mapWrap > img:nth-child(1) {
        display: none;
    }
    .safetyForm > article > div:nth-child(2) .mapWrap > img:nth-child(2) {
        display: block;
    }
    .safetyForm > article > div:nth-child(3) > ul > li {
        width: calc(50% - 6px);
        margin-bottom: 12px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) {
        width: calc(100% - 30px);
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(4n + 1) {
        margin-left: 0;
    }
    .safetyForm > article > div:nth-child(3) > ul > li > input[type='radio'] + label span {
        width: 100%;
        background-size: 60%;
        background-position: center;
    }
    .safetyForm > article > div:nth-child(3) > ul > li > input[type='radio']:checked + label span {
        width: 100%;
        background-size: 60%;
        background-position: center;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .exitBtnWrap > .cancleBtn {
        width: 120px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .exitBtnWrap > .exitBtn {
        width: 120px;
    }
    .safetyForm > article > div:nth-child(4) > div > div {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(4) > div > div:nth-child(2) {
        margin-left: 0;
        margin-top: 20px;
    }
    .safetyForm > article > div:nth-child(5) > ul > li:nth-child(2n + 1) {
        width: 100%;
        padding-left: 0px;
    }
    .safetyForm > article > div:nth-child(5) > ul > li:nth-child(2n) {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(2) input[type='text'] {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(6) {
        height: auto;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(6) input[type='text'] {
        width: 100%;
        margin-top: 7px;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(3) > li:nth-child(2) li {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .safetyForm > article > div:nth-child(5) > div > button {
        width: 125px;
        height: 50px;
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop {
        width: calc(100% - 30px);
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop > h3 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -1px;
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop > .popBtns > button{
        width: 80px;
    }
    /* 시설예시모달 반응형 태블릿 시작*/
    .modalPop1 {
        width: calc(100% - 30px);
    }
    .modalPop1 > .boxHdr {
        padding: 10px;
    }
    .modalPop1 > .boxHdr > h3{
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .modalPop1 > ul {
        width: calc(100% - 52px);
        margin: 0 auto;
    }
    .modalPop1 > ul > li {
        width: 48.5%;
        height: 120px;
        margin-left: 12px;
        box-sizing: border-box;
    }
    .modalPop1 > ul > li:nth-of-type(2n+1) {
        margin-left: 0;
    }
    .modalPop1 > ul > li:nth-of-type(2)~li {
        margin-top: 12px !important;
    }
    .modalPop1 > ul > li:nth-of-type(4){
        margin-left: 12px;
    }
    .modalPop1 > ul > li > input[type='radio'] + label span {
        background-size: 80%;
        background-position: center;
    }
    .modalPop1 > ul > li > input[type='radio']:checked + label span {
        background-size: 80%;
        background-position: center;
    }
    .modalPop1 > .boxSegment {
        padding: 20px 25px;
        margin: 0 auto;
        width: calc(100% - 50px);
    }
    .modalPop1 > .boxSegment > .details {
        width: 100%;
        height:346px;
    }
    .modalPop1 > .boxSegment > .details > .segDetail {
        width: 48%;
        height: 346px;
    }
    .modalPop1 > .boxSegment > .details > .segDetail:nth-of-type(2) {
        margin-left: 15px;
    }
    /*.modalPop1 > .boxSegment {*/
    /*    padding: 20px 18px;*/
    /*}*/
    /*.modalPop1 > .boxSegment > h4 {*/
    /*    font-size: 16px;*/
    /*}*/
    /*.modalPop1 > .boxSegment > h5 {*/
    /*    font-size: 16px;*/
    /*    margin-top: 5px;*/
    /*}*/
    /*.modalPop1 > .boxSegment > .boxImg {*/
    /*    margin-top: 5px;*/
    /*}*/
    /* 시설예시모달 반응형 태블릿 끝 */

    /* 22.11.28 점검신청 및 알림 프로세스 개선 form-normal */
    .safetyForm .form-normal .form-normal__list .form-normal__item {
        width: 100%;
        padding-left: 0;
    }
    .safetyForm .form-normal .form-normal__list .form-normal__item--con input.max-width240 {
        max-width: initial;
    }
    .safetyForm .form-normal .btnWrap > button {
        width: 125px;
        height: 50px;
    }
}

/*모바일*/
@media only screen and (max-width: 495px) {
    .safetyForm > article > div > .address {
        width: 90%;
    }
    .safetyForm > article > div > .address > input:first-of-type {
        width: calc(100% - 42px);
    }
    .safetyForm > article > div > .address > input:last-of-type {
        width: 100px;
        height: 36px;
        top: 6px;
        right: 6px;
    }
    .safetyForm > article > div:nth-child(2) .mapWrap > img:nth-child(1) {
        display: none;
    }
    .safetyForm > article > div:nth-child(2) .mapWrap > img:nth-child(2) {
        display: block;
    }
    .safetyForm > article > div:nth-child(3) > ul > li {
        width: calc(50% - 6px);
        margin-bottom: 12px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) {
        width: calc(100% - 30px);
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(4n + 1) {
        margin-left: 0;
    }
    .safetyForm > article > div:nth-child(3) > ul > li > input[type='radio'] + label span {
        width: 100%;
        background-size: 100%;
        background-position: center;
    }
    .safetyForm > article > div:nth-child(3) > ul > li > input[type='radio']:checked + label span {
        width: 100%;
        background-size: 100%;
        background-position: center;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .listWrap > .list > ul {
        margin-top: 0;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .listWrap > .list > ul > li {
        margin-top: 10px;
        margin-left: 0;
        margin-right: 10px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .exitBtnWrap > .cancleBtn {
        width: 100px;
    }
    .safetyForm > article > div:nth-child(3) > ul > li:nth-child(2n) > .exitBtnWrap > .exitBtn {
        width: 100px;
    }
    .safetyForm > article > div:nth-child(4) > div > div {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(4) > div > div:nth-child(2) {
        margin-left: 0;
        margin-top: 20px;
    }
    .safetyForm > article > div:nth-child(5) > ul > li:nth-child(2n + 1) {
        width: 100%;
        padding-left: 0px;
    }
    .safetyForm > article > div:nth-child(5) > ul > li:nth-child(2n) {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(2) input[type='text'] {
        width: 100%;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(6) {
        height: auto;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(2) > li:nth-child(6) input[type='text'] {
        width: 100%;
        margin-top: 7px;
    }
    .safetyForm > article > div:nth-child(5) > ul:nth-child(3) > li:nth-child(2) li {
        margin: 0;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .safetyForm > article > div:nth-child(5) > div > button {
        width: 125px;
        height: 50px;
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop {
        width: calc(100% - 30px);
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop > h3 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: -1px;
    }
    .safetyForm > article > div:nth-child(5) > div > .agreePop > .popBtns > button{
        width: 80px;
    }
    /* 시설예시모달 반응형 모바일 시작*/
    .modalPop1 {
        width: calc(100% - 30px);
    }
    .modalPop1 > .boxHdr {
        padding: 10px;
    }
    .modalPop1 > .boxHdr > h3{
        font-size: 16px;
        line-height: 20px;
        height: 20px;
    }
    .modalPop1 > ul {
        width: calc(100% - 52px);
        margin: 0 auto;
    }
    .modalPop1 > ul > li {
        width: 47.2%;
        height: 100px;
        margin-left: 12px;
        box-sizing: border-box;
    }
    .modalPop1 > ul > li:nth-of-type(2n+1) {
        margin-left: 0;
    }
    .modalPop1 > ul > li:nth-of-type(2)~li {
        margin-top: 12px !important;
    }
    .modalPop1 > ul > li:nth-of-type(4){
        margin-left: 12px;
    }
    .modalPop1 > ul > li > input[type='radio'] + label span {
        background-size: 80%;
        background-position: center;
    }
    .modalPop1 > ul > li > input[type='radio']:checked + label span {
        background-size: 80%;
        background-position: center;
    }
    .modalPop1 > ul > li > input[type='radio'] + label strong {
        top: 70px;
    }
    .modalPop1 > .boxSegment {
        padding: 20px 18px;
    }
    .modalPop1 > .boxSegment > h4 {
        font-size: 16px;
    }
    .modalPop1 > .boxSegment > h5 {
        font-size: 16px;
        margin-top: 5px;
    }
    .modalPop1 > .boxSegment {
        padding: 10px;
        margin: 0 auto;
        width: calc(100% - 50px);
    }
    .modalPop1 > .boxSegment > .details {
        width: 100%;
        height:auto;
    }
    .modalPop1 > .boxSegment > .details > .segDetail {
        width: 100%;
        height: auto;
    }
    .modalPop1 > .boxSegment > .details > .segDetail:nth-of-type(2) {
        margin-left: 0;
    }
    /* 시설예시모달 반응형 모바일 끝 */

    /* 22.11.28 점검신청 및 알림 프로세스 개선 form-normal */
    .safetyForm .form-normal .form-normal__list .form-normal__item {
        width: 100%;
        padding-left: 0;
    }
    .safetyForm .form-normal .form-normal__list .form-normal__item--con input.max-width240 {
        max-width: initial;
    }
    .safetyForm .form-normal .btnWrap > button {
        width: 125px;
        height: 50px;
    }
}