@charset "utf-8";

#mir {
    background-image:url(../img/layout/HANAM.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
#sub_background {
    background: rgb(215,237,255);
    background: linear-gradient(180deg, rgba(215,237,255,0.6) 0%, rgba(237,255,215,0.6) 100%);
    padding-bottom:100px;
}

#footer {
    margin-top:0;
}
#footer .footer_top {
    border-top:none;
}
#footer .footer_top .family_site {
    display:none;
}


.subpage_container {
    width:100%;
    padding:40px;
    background-color:#fff;
    border-radius:0 70px;
    box-shadow: 0px 5px 10px 5px rgba(49, 84, 114, 0.20);

}

.sub_con_title {
    text-align:center;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:10px;
    padding:20px 30px;
}
.sub_con_title h3 {
    font-size:1.44em;
    font-weight:700;
}


.sub_con_title_mini {
    display:flex;
    align-items:center;
    gap:10px;
    padding:15px 10px;
}
.sub_con_title_mini h3 {
    font-size:1.33em;
    font-weight:700;
}


.dot_point {
    position: relative;
    padding-left:15px;
}
.dot_point::before {
    content:'';
    width:5px;
    height:5px;
    background-color:#004F90;
    border-radius:50%;
    position: absolute;
    left:0;
    top:8px;
}
.bar_point {
    padding-left:15px;
}
.bar_point::before {
    content:'-';
    display:inline;
    padding-right: 5px;
}

.notice_point {
    padding-left:15px;
}
.notice_point::before {
    content:'※';
    display:inline;
    padding-right: 5px;
}


.grey_box {
    background-color:#f9f9f9;
    padding:30px;
}
.white_box {
    background-color:#fff;
    padding:30px;
}
.border-line {
    width: 100%;
    height: 0;
    border-top:1px dashed #ddd;
}

.round_number {
    font-family:none;
}



/* 반응형 미디어쿼리 css */

@media (max-width:991px) {
    .subpage_container {
        padding:30px;
        border-radius:0 50px;
    }
}
@media (max-width:640px) {
    .subpage_container {
        padding:20px;
    }

    .grey_box {
        padding:20px;
    }
    .white_box {
        padding:20px;
    }

    .sub_con_title h3 {
        font-size:1.33em;
    }
    .sub_con_title_mini h3 {
        font-size:1.22em;
    }
    
}