.visual {
    background-image:url(../../resources/images/visual_bg.png);
    height:70rem;
    position:relative;
}

.visual .visual-tit {
    padding-top:9rem;
    text-align: center;
}

.visual .visual-tit strong.mtit {
    font-family:'GmarketSansTTF', 'Pretendard', sans-serif;
    font-size:4.2rem;
    letter-spacing: -0.05em;
    font-weight:700;
    line-height: 1.2;
}

.visual .visual-tit strong.mtit span {
    font-weight:700;
    color:#d11919;
    letter-spacing: -0.05em;
}

.visual .visual-tit .stit {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:1rem;
}

.visual .visual-tit .stit span {
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius:2.5rem;
    color:#ffffff;
    background-color:#2a2a2a;
    padding:0 3.5rem;
    font-size:2.6rem;
    font-weight:500;
    letter-spacing: -0.03em;
    height:5rem;
    line-height: 1;
}

.visual .visual-img {
    text-align: center;
    padding-top:5.5rem
}

.visual .visual-btns {
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    bottom:-4rem;
    left:50%;
    transform:translateX(-50%);
    gap:3rem;
}

.visual .visual-btns a {
    display:flex;
    align-items: center;
    justify-content: center;
    height:7.8rem;
    width:39rem;
    border-radius:40rem 40rem 0 40rem;
    font-size:2.9rem;
    letter-spacing: -0.05em;
    font-weight:600;
    color:#ffffff;
    box-sizing: border-box;
    gap:2.2rem;
}

.visual .visual-btns a::after {
    content:"";
    display:block;
    width:2.8rem;
    height:2.5rem;
    background-image:url(../../resources/images/visua_btn_arrow.png);
    background-repeat:no-repeat;
    transform: translateX(0rem);
    transition: transform 0.3s ease;
}

.visual .visual-btns a:nth-child(1) {
    background-color:#3055b3;
}

.visual .visual-btns a:nth-child(2) {
    background-color:#1c9d87;
    border:1px solid #d7d7d7;
}

.visual .visual-btns a:hover::after {
    transform: translateX(1rem);
}

.main-con {
    padding:12rem 0;
}

.main-con .inner {
    display:flex;
    justify-content: center;
    gap:8rem;
}

.main-con .report-caution {
    width:100%;
    max-width:71.6rem;
    background-color:#f4f4f4;
    border-radius:3rem;
    padding:3.5rem 6.2rem 4.2rem 6.5rem;
}

.main-con .report-caution .tit {
    display:flex;
    align-items: flex-end;
    justify-content: center;
    width:100%;
    border-bottom:2px solid rgba(0,54,104,0.1);
    padding-bottom:2rem
}

.main-con .report-caution .tit::before {
    content:"";
    display:block;
    width:4.3rem;
    height:5.2rem;
    background-image:url(../../resources/images/caution_ico.png);
}

.main-con .report-caution .tit span {
    font-size:3.2rem;
    letter-spacing: -0.05em;
    color:#222222;
    font-weight:700;
    line-height: 1;
    padding-bottom:0.5rem;
    margin-left:1rem
}

.main-con .report-caution ul {
    margin-top:3rem;
}

.main-con .report-caution ul li {
    font-weight:500;
    font-size:1.8rem;
    letter-spacing: -0.05em;
    position:relative;
    padding-left:3.4rem;
    line-height:2.5rem;
    margin-bottom:1.5rem
}

.main-con .report-caution ul li::before {
    content:"";
    display:block;
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
    background-image:url(../../resources/images/check_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-color:#c01b1b;
    position:absolute;
    left:0;
}

.main-con .report-caution ul li:nth-child(2n)::before {
    background-color:#003668;
}

.main-con .report-caution ul li:last-child {
    margin-bottom:0;
}

.main-con .notice-latest {
    width:100%;
    max-width:70rem;
    position:relative;
}

.main-con .notice-latest .tit span {
    font-size:3.2rem;
    letter-spacing: -0.03em;
    color:#222222;
    font-weight:600;
}

.main-con .notice-latest ul li a {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding:0 2.4rem;
    box-sizing: border-box;
    height:7rem;
    width:100%;
    gap:0.8rem;
    border-bottom:1px solid #e5e5e5;
}

.main-con .notice-latest ul li:last-child a {
    border-bottom:1px solid transparent;
}

.main-con .notice-latest ul li a:hover {
    background-color:#f6f6f6;
    border-radius:1rem;
    border-bottom:1px solid transparent;
}

.main-con .notice-latest ul li a .subj {
    width:calc(100% - 13.1rem);
    padding-left:1.8rem;
    position:relative;
    display:flex;
    align-items: center;
    gap:0.8rem
}

.main-con .notice-latest ul li a .subj::before {
    content:"";
    display:block;
    width:0.6rem;
    height:0.6rem;
    background-color:#d5d5d5;
    border-radius:50%;
    position:absolute;
    left:0;
    top:1.2rem;
}

.main-con .notice-latest ul li a:hover .subj::before {
    background-color:#438cbb;
}

.main-con .notice-latest ul li a .subj span.txt {
    font-size:2rem;
    font-weight:500;
    letter-spacing: -0.01em;
    color:#222222;
    display:block;
    max-width:calc(100% - 3rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
}

.main-con .notice-latest ul li a .subj span.new {
    font-size:0;
    text-indent:-999999em;
    display:block;
    width:2.2rem;
    height:2.2rem;
    background-image:url(../../resources/images/new_ico.png);
    background-repeat:no-repeat;
}

.main-con .notice-latest ul li a .date {
    color:#555555;
    letter-spacing: -0.01em;
    font-size:1.8rem
}

@media (max-width: 1280px) {

    .visual {
        height:54rem;
        background-size:cover;
    }

    .visual .visual-tit {
        padding-top:3.5rem;
    }

    .visual .visual-tit strong.mtit {
        font-size:3.5rem;
    }

    .visual .visual-tit .stit span {
        font-size:2rem;
        height:4rem;
    }

    .visual .visual-img img {
        width:520px;
    }

    .visual .visual-btns {
        bottom:-3.5rem;
    }

    .visual .visual-btns a {
        height:6rem;
        width:30rem;
        font-size:2.2rem;
    }

    .main-con {
        padding:8rem 0 5rem 0;
    }

    .main-con .inner {
        gap:4rem;
    }

    .main-con .report-caution {
        padding: 3.2rem 3.5rem 4rem 3.5rem
    }

    .main-con .report-caution .tit span {
        font-size:2.5rem
    }
    
    .main-con .report-caution .tit::before {
        width:3rem;
        height:3.6rem;
        background-size:100%;
    }

    .main-con .report-caution ul li {
        font-size:1.6rem;
    }

    .main-con .report-caution ul li::before {
        width:2.2rem;
        height:2.2rem;
        top:0.2rem
    }

    .main-con .notice-latest .tit span {
        font-size:2.5rem;
    }

    .main-con .notice-latest ul li a {
        padding:0;
    }

    .main-con .notice-latest ul li a .subj::before {
        top:1rem;
    }

    .main-con .notice-latest ul li a .subj span.txt {
        font-size:1.6rem;
    }

    .main-con .notice-latest ul li a .date {
        font-size:1.6rem;
    }

}


@media (max-width: 960px) {

    .main-con .inner {
        flex-wrap:wrap;
    }

    .visual {
        height:auto
    }

    .visual .visual-tit strong.mtit {
        font-size:3rem;
    }

    .visual .visual-tit .stit span {
        font-size:1.6rem;
    }

    .visual .visual-img img {
        width:480px;
    }

    .visual .visual-btns {
        bottom:-7.8rem;
        z-index:1;
    }

    .main-con {
        padding:10rem 0 3.5rem 0;
    }

}

@media (max-width: 768px) {
    .visual .visual-tit strong.mtit {
        font-size:2.5rem;
    }

    .visual .visual-tit .stit span {
        font-size:1.5rem;
    }

    .visual .visual-img img {
        width:38rem;
    }

    .visual .visual-btns {
        width:100%;
        padding:0 1.6rem;
        gap:1.5rem;
        bottom:-6.5rem;
    }
    .visual .visual-btns a {
        width:calc((100% - 1.5rem) / 2);
        font-size:1.8rem;
        height:5.2rem;
    }

    .visual .visual-btns a::after {
        width:1.8rem;
        height:1.6rem;
        background-size:cover;
    }

    .main-con {
        padding:8rem 0 3.5rem 0;
    }

    .main-con .inner {
        gap:2.5rem
    }

    .main-con .report-caution {
        padding:2.5rem 3rem;
        border-radius:2.5rem;
    }

    .main-con .report-caution .tit span {
        font-size:2.2rem;
    }

    .main-con .notice-latest .tit span {
        font-size:2.2rem;
    }

    .main-con .report-caution .tit {
        padding-bottom:1.5rem;
    }

    .main-con .report-caution ul {
        margin-top:2rem;
    }

    .main-con .report-caution ul li {
        font-size:1.4rem;
        padding-left:2.8rem;
    }

    .main-con .report-caution ul li::before {
        width:2rem;
        height:2rem;
    }

    .main-con .notice-latest ul li a {
        height:5.5rem;
    }

    .main-con .notice-latest ul li a .subj span.txt {
        font-size:1.4rem;
    }

    .main-con .notice-latest ul li a .subj::before {
        top:0.8rem
    }

    .main-con .notice-latest ul li a .subj span.new {
        width:1.8rem;
        height:1.8rem;
        background-size:cover;
    }

    .main-con .notice-latest ul li a .date {
        font-size:1.4rem;
    }

}


@media (max-width: 480px) {
    .visual .visual-btns a {
        gap:1.5rem;
        font-size:1.6rem
    }
}