.sub-visual {
    background-color:#edf3fa;
    border-bottom:1px solid #d4d3d9;
    box-sizing: border-box;
}

.sub-visual .inner {
    position:relative;
    background-image:url(../../resources/images/sub_visual_img.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}

.sub-visual h2.sub-tit {
    text-align: center;
    font-size:4rem;
    font-weight:700;
    letter-spacing: -0.05em;
    color:#222222;
    padding:6.5rem 0;
}

.sub-content {
    padding:9rem 0;
}

.report-info h3 {
    text-align: center;
    font-size:2.8rem;
    font-weight:700;
    letter-spacing: -0.03em;
    color:#222222;
    margin-bottom:3.5rem;
}

.report-info .info-con {
    border-bottom:1px dashed #dcdcdc;
    padding-bottom:6.5rem;
    margin-bottom:6.5rem;
}

.report-info .info-con:last-of-type {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
}

.report-info .info-con .info-txt p {
    text-align: center;
    font-size:2rem;
    color:#555555;
    letter-spacing: -0.03em;
    font-weight:500;
    line-height:1.7
}

.report-info .info-con .info-txt p span.emblue {
    color:#1f57c8;
    font-weight:700;
    font-size:2.4rem;
    letter-spacing: -0.03em;
}

.report-info .info-con p.emred {
    color:#f12f49;
}

.report-info .info-con .go-report {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:2.2rem;
    width:35rem;
    height:7rem;
    background-color:#3055b3;
    border-radius:3.5rem 3.5rem 0 3.5rem;
    color:#ffffff;
    font-weight:600;
    letter-spacing: -0.05em;
    font-size:2.6rem;
    margin:4rem auto 0 auto;
}

.report-info .info-con .go-report::after {
    content:"";
    display:block;
    width:2.5rem;
    height:2.2rem;
    background-image:url(../../resources/images/visua_btn_arrow.png);
    background-repeat:no-repeat;
    background-size:100%;
}

.report-info .info-con .step-wrap ul {
    display:flex;
    align-items: center;
    gap:7.5rem;
    font-family:"Pretendard", sans-serif;
    margin-bottom:2.5rem;
}

.report-info .info-con .step-wrap ul li {
    background-color:#f8f9fc;
    border-radius:3rem 3rem 0 3rem;
    padding:2.5rem 1.2rem 1.2rem 1.2rem;
    box-sizing: border-box;
    border:1px solid #d7d7d7;
    position:relative;
    flex:1;
}

.report-info .info-con .step-wrap ul li span.num {
    font-size:1.8rem;
    letter-spacing: -0.03em;
    font-weight:500;
    color:#ffffff;
    display:flex;
    align-self: center;
    justify-content: center;
    background-color:#499efc;
    width:8.8rem;
    height:2.8rem;
    border-radius:1.4rem;
    margin:0 auto;
}

.report-info .info-con .step-wrap ul li dl {
    text-align: center;
}

.report-info .info-con .step-wrap ul li dl dt {
    font-weight:700;
    color:#222222;
    letter-spacing: -0.03em;
    font-size:2.4rem;
    line-height:1.2;
    margin:1.2rem 0 2.5rem 0;
}

.report-info .info-con .step-wrap ul li dl dd {
    background-color:#ffffff;
    border-radius:3rem 3rem 0 3rem;
    padding:1.5rem;
    height:10.7rem;
    box-sizing: border-box;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:2rem;
    color:#555555;
    letter-spacing: -0.03em;
    font-weight:500;
}

.report-info .info-con .step-wrap ul li::after {
    content:"";
    display:block;
    width:1.6rem;
    height:2.3rem;
    background-image:url(../../resources/images/step_arrow.png);
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top:50%;
    right:-4.55rem;
    transform: translateY(-50%);
}

.report-info .info-con .step-wrap ul li:last-child::after {
    display:none;
}

.report-info .info-con .step-wrap p {
    font-size:2rem;
    letter-spacing: -0.03em;
}

.report-info .info-con .report-caution {
    position:relative;
    background-color:#fafafa;
    border:1px solid #d7d7d7;
    box-sizing: border-box;
    border-radius:1rem;
    padding:6rem;
    font-family:"Pretendard", sans-serif;
}

.report-info .info-con .report-caution dl {
    padding-left:3.5rem;
    position:relative;
    margin-bottom:2.5rem;
    z-index:1;
    width:calc(100% - 39rem);
}   

.report-info .info-con .report-caution dl:last-of-type {
    margin-bottom:0;
}

.report-info .info-con .report-caution dl dt {
    font-size:2.2rem;
    font-weight:700;
    letter-spacing: -0.03em;
    color:#222222;
    margin-bottom:0.5rem;
}

.report-info .info-con .report-caution dl dt::before {
    content:"";
    display:block;
    width:2.8rem;
    height:2.8rem;
    border-radius:50%;
    background-color:#c01b1b;
    position:absolute;
    left:0;
    top:0.25rem;
    background-image:url(../../resources/images/small_arrow.png);
    background-repeat:no-repeat;
    background-position:center;
}

.report-info .info-con .report-caution dl:nth-of-type(2n) dt::before {
    background-color:#003668;
}

.report-info .info-con .report-caution dl dd ul li {
    font-size:2rem;
    color:#333333;
    letter-spacing: -0.03em;
}

.report-info .info-con .report-caution::after {
    content:"";
    display:block;
    width:39rem;
    height:23.5rem;
    background-image:url(../../resources/images/visual_img_element_01.png);
    background-repeat:no-repeat;
    background-size:100%;
    position:absolute;
    right:1.5rem;
    bottom:-5rem;
}

.report-form {
    font-family:"Pretendard", sans-serif;
}

.report-form .radio-wrap .radio-input label .brand-img {
    overflow: hidden;
    border-radius:0.3rem 2rem 2rem 2rem;
    border:1px solid #d3d3d3;
    width:18.9rem;
    position:relative;
}

.report-form .radio-wrap .radio-input label .brand-img > span {
    display:block;
    width:100%;
    height:0;
    padding-top:calc(122 / 189 * 100%);
}

.report-form .radio-wrap .radio-input label .brand-img > span img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.report-form .radio-wrap .radio-input label > span {
    letter-spacing: -0.03em;
    font-weight:500;
    font-size:2rem;
    color:#222222;
    display:block;
    margin-top:1rem;
}

.report-form .loc-check {
    display:flex;
    gap:1rem;
    align-items: center;
}

.report-form .loc-check input[type=text] {
    width:100%;
    max-width:50rem;
    border:1px solid #d7d7d7;
    height:5.4rem;
    border-radius:0.6rem;
    background-color:#f5f5f5;
    padding:0 1.5rem;
    letter-spacing: -0.03em;
    font-size:2rem;
    font-weight:500;
    color:#777;
}

.report-form .loc-check button {
    background-color:#222222;
    border-radius:0.6rem;
    width:15rem;
    height:5.4rem;
    color:#fff;
    font-size:2rem;
    letter-spacing: -0.03em;
    font-weight:500;
}

.report-form .reference-txt {
    margin-top:1.8rem;
}

.report-form .reference-txt li {
    position:relative;
    font-size:2rem;
    font-weight:700;
    letter-spacing: -0.01em;
    color:#272727;
    padding-left:1.2em;
    line-height:1.4;
    margin-bottom:1rem;
}

.report-form .reference-txt li:last-child {
    margin-bottom:0;
}

.report-form .reference-txt li::before {
    content:"▶";
    position:absolute;
    left:0;
}

.report-form #upqr-photo {
    border:1px dashed #d3d3d3;
    width:26.4rem;
    min-height:16.4rem;
    border-radius:0.3rem;
    overflow: hidden;
    background-image:url(../../resources/images/qrcode_info.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:18.9rem;
    margin-top:0.8rem;
    display:flex;
    align-items: center;
    justify-content: center;
}

.report-form #upqr-photo img {
    max-width:100%;
    max-height:100%;
}

.report-form #spot-photo {
    border:1px dashed #d3d3d3;
    width:26.4rem;
    min-height:16.4rem;
    border-radius:0.3rem;
    overflow: hidden;
    margin-top:0.8rem;
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
}

.report-form #spot-photo .default {
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    width:100%;
    text-align: center;
}

.report-form #spot-photo .default .ico img {
    width:5.2rem;
}

.report-form #spot-photo .default p {
    font-size:1.8rem;
    letter-spacing: -0.05em;
    color:rgba(34,34,34,0.8);
    font-weight:500;
}

.report-form .shot-btns {
    display:flex;
    align-items: center;
    gap:1rem;
    margin-top:1.5rem;
}

.report-form .shot-btns button {
    height:5.4rem;
    border-radius:0.6rem;
    box-sizing: border-box;
    font-size:2rem;
    letter-spacing: -0.03em;
}

.report-form .shot-btns button.shot {
    width:15.8rem;
    background-color:#222;
    color:#fff;
}

.report-form .shot-btns button.del {
    width:9.5rem;
    color:#222;
    border:1px solid #222;
}

.report-form textarea {
    width:100%;
    height:11.4rem;
    border-radius:0.6rem;
    border:1px solid #d7d7d7;
    padding:1.5rem;
    font-family:"Pretendard", sans-serif;
    font-size:2rem;
    font-weight:500;
    color:#777777;
    letter-spacing: -0.03em;
    line-height:1.4;
    box-sizing: border-box;
}

.report-form .pw-input {
    display:flex;
    align-items: center;
    padding:0 1.5rem;
    border:1px solid #d7d7d7;
    border-radius:0.6rem;
    max-width:50rem;
    height:5.4rem;
    gap:0.4rem;
    background-color:#ffffff;
}

.report-form .pw-input input {
    width:calc(100% - 3.5rem);
}

.report-form .pw-input .pw-eye {
    width:3.1rem;
    height:2.7rem;
    background-image:url(../../resources/images/pwview_on.png);
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    text-indent:-999999999em;
    background-size:100%;
}

.report-form .pw-input .pw-eye.off {
    background-image:url(../../resources/images/pwview_off.png);
}

.report-info-box {
    border:1px solid #d7d7d7;
    border-radius:1rem;
    background-color:#fafafa;
    padding:6rem;
}

.report-info-box dl dt {
    font-weight:700;
    font-size:2.2rem;
    margin-bottom:1rem;
}

.report-info-box dl dd {
    font-size:2rem;
}

.report-info-box dl dd ul li.caution {
    color:#f12f49;
}

.report-result {
    background-color:#f9f9f9;
    padding:6.5rem;
    box-sizing: border-box;
    border-radius:1rem;
    font-family:"Pretendard", sans-serif;
}

.report-result .ico {
    text-align: center;
}

.report-result p.result-txt {
    text-align: center;
    font-size:3.4rem;
    font-weight:700;
    letter-spacing: -0.03em;
    color:#222222;
    margin:1.5rem 0 2.5rem 0;
    line-height:1.4;
}

.report-result .form-wrap {
    width:100%;
    max-width:52rem;
    margin:0 auto;
}

.report-result .form-wrap .pw-input {
    display:flex;
    align-items: center;
    padding:0 1.5rem;
    border:1px solid #d7d7d7;
    border-radius:0.6rem;
    max-width:50rem;
    width:100%;
    height:5.4rem;
    gap:0.4rem;
    background-color:#ffffff;
}

.report-result .form-wrap .pw-input input {
    width:calc(100% - 3.5rem);
    font-size:2rem;
    height:100%;
}

.report-result .form-wrap .pw-input .pw-eye {
    width:3.1rem;
    height:2.7rem;
    background-image:url(../../resources/images/pwview_on.png);
    background-repeat:no-repeat;
    background-position:center;
    font-size:0;
    text-indent:-999999999em;
    background-size:100%;
}

.report-result .form-wrap .pw-input .pw-eye.off {
    background-image:url(../../resources/images/pwview_off.png);
}

.report-result .form-wrap .result-check {
    width:100%;
    max-width:50rem;
    margin:1.5rem auto 0 auto;
    height:5.4rem;
    border-radius:0.6rem;
    color:#fff;
    background-color:#3055b3;
    font-size:2rem;
    letter-spacing: -0.03em;
    font-weight:500;
}

.report-result .form-wrap .caution-txt {
    color:#f12f49;
    font-weight:500;
    font-size:2rem;
    letter-spacing: -0.03em;
}

.report-result-list {
    font-family:"Pretendard", sans-serif;
}

.report-result-list span.state {
    display:flex;
    align-items: center;
    justify-content: center;
    height:3.7rem;
    border-radius:0.6rem;
    width:100%;
    max-width:10.2rem;
    margin:0 auto;
    letter-spacing: -0.05em;
    font-weight:500;
    box-sizing: border-box;
}

.report-result-list span.state.complete {
    background-color:#fafafa;
    border:1px solid #d7d7d7;
    color:#555;    
}

.report-result-list span.state.reception {
    background-color:#fff;
    border:1px solid #e82b41;
    color:#e82b41;    
}

.loc-search p {
    color:#e82b41;
    font-weight:700;
    font-size:2rem;
    letter-spacing: -0.05em;
}

.loc-search .loc-searchform {
    display:flex;
    align-items: center;
    gap:0.8rem;
    margin-top:1rem;
}

.loc-search .loc-searchform input[type=text] {
    width:calc(100% - 12.8rem);
    border:1px solid #d7d7d7;
    height:5rem;
    padding:0 1.5rem;
    box-sizing: border-box;
    border-radius:0.6rem;
    font-size:2rem;
}

.loc-search .loc-searchform button {
    width:12rem;
    height:5rem;
    color:#fff;
    background-color:#222;
    border-radius:0.6rem;
    font-size:1.8rem;
    font-weight:700;
    line-height:1;
}

.loc-map {
    position:relative;
    margin-top:1rem;
}

.loc-map .map-view {
    height:38rem;
    border:1px solid #dddddd;
}

.loc-map .map-view div {
    box-sizing:content-box;
}

.loc-map .map-view .bAddr {
    padding:1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.loc-map .map-view .bAddr span.title {
    font-weight:700;
}


@media (max-width: 1600px) {
    .sub-visual .inner {
        background-size:60rem
    }

    .report-info .info-con .step-wrap ul {
        gap:5rem
    }

    .report-info .info-con .step-wrap ul li::after {
        right:-3.3rem
    }
}

@media (max-width: 1280px) {
    .sub-visual h2.sub-tit {
        padding:5rem 0;
        font-size:3.5rem;
    }

    .report-info .info-con .step-wrap ul {
        gap:2.5rem
    }

    .report-info .info-con .step-wrap ul li::after {
        right:-2.05rem
    }

    .report-info .info-con .step-wrap ul li::after {
        width:1.2rem;
        height:1.7rem;
        background-size:100%;
    }

    .report-info .info-con .report-caution {
        padding:4rem;
    }
}


@media (max-width: 960px) {
    .report-info .info-con .step-wrap ul {
        flex-wrap: wrap;
    }

    .report-info .info-con .step-wrap ul li {
        flex: 0 0 calc(50% - 1.25rem);
    }

    .report-info .info-con .step-wrap ul li:nth-child(2n)::after {
        display:none;
    }
}

@media (max-width:768px){
    .sub-content {
        padding:4.5rem 0;
    }
    
    .sub-visual h2.sub-tit {
        padding:4rem 0;
    }

    .sub-visual .inner {
        background-size:40rem;
    }

    .report-info h3 {
        margin-bottom:2.5rem;
    }

    .report-info .info-con {
        padding-bottom:4.5rem;
        margin-bottom:4.5rem;   
    }
    
    .report-info .info-con .info-txt p span.emblue {
        font-size:2.2rem;
    }

    .report-info .info-con .go-report {
        width:30rem;
        height:6.5rem;
        font-size:2.2rem;
    }

    .report-info .info-con .report-caution {
        padding:2.5rem
    }

    .report-info .info-con .report-caution dl {
        width:calc(100% - 25rem);
    }

    .report-info .info-con .report-caution::after {
        width:25rem;
        height:15rem;
    }

    .report-result {
        padding:6.5rem 2.5rem;
    }

    .report-result .ico img {
        width:13rem;
    }

    .loc-map .map-view {
        height:32rem
    }

}

@media (max-width:640px){

    .sub-visual .inner {
        background-size:30rem;
    }

    .report-info .info-con .report-caution dl {
        width:100%;
    }

    .report-info .info-con .report-caution::after {
        position:static;
        margin:2rem auto 0 auto;
    }
}


@media (max-width:480px){
    .sub-visual .inner {
        background-size:30rem;
    }

    .report-info .info-con .step-wrap ul li {
        flex:0 0 100%
    }

    .report-info .info-con .step-wrap ul li::after {
        right:auto;
        left:50%;
        top:auto;
        bottom:-2.05rem;
        transform: translateX(-50%) rotate(90deg);
    }

    .report-info .info-con .step-wrap ul li:nth-child(2n)::after {
        display:block;
    }

    .report-info .info-con .step-wrap ul li:last-child::after {
        display:none;
    }
}