@charset "utf-8";

a,
body,
div,
li,
p,
td,
th,
tr,
ul {
    font-family: "Pretendard Variable", Pretendard;
    word-break: keep-all;
    color:#222;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
#bbs,
#contain {
    margin-bottom: 100px;
}
#footer .fban {
    display: none;
}

@media (min-width:1440px) {

    a,
    body,
    div,
    li,
    p,
    td,
    th,
    tr,
    ul {
        font-size: 18px;
    }
    #bbs .title,
    #contain .title {
        margin-bottom: 65px;
        margin-top: 85px;
    }
    #bbs .title h3,
    #contain .title h3 {
        font-size: 35px;
        text-align: center;
        position: relative;
        padding-bottom: 20px;
    }
    #bbs .title h3::after,
    #contain .title h3::after {
        content: '';
        width: 50px;
        height: 6px;
        border-radius: 3px;
        background-color: #263996;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    #title {
        margin-top: 120px;
    }

    .page_title_sub_t {
        font-weight:500;
        color:#222;
        letter-spacing:-0.4px;
        text-align:center;
        position:relative;
        top:-35px;
    }


    .center {
        width: 1420px;
        margin: 0 auto;
        padding: 0 10px;
    }
    .center2 {
        width: 1260px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .sub_container .sub_Tit {
        font-size:24px;
        font-weight:bold;
        text-align:center;
        position: relative;
        width:30%;
        margin:0 auto;
    }
    .sub_container .sub_Tit::before {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_left.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    } 
    .sub_container .sub_Tit::after {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_right.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
    } 

}

@media (max-width:1439px) and (min-width:1024px) {

    a,
    body,
    div,
    li,
    p,
    td,
    th,
    tr,
    ul {
        font-size: 16px;
    }
    #bbs .title,
    #contain .title {
        margin-bottom: 55px;
        margin-top: 70px;
    }
    #bbs .title h3,
    #contain .title h3 {
        font-size: 25px;
        text-align: center;
        position: relative;
        padding-bottom: 15px;
    }
    #bbs .title h3::after,
    #contain .title h3::after {
        content: '';
        width: 50px;
        height: 6px;
        border-radius: 3px;
        background-color: #263996;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    #title {
        margin-top: 100px;
    }

    .page_title_sub_t {
        font-weight:500;
        color:#222;
        letter-spacing:-0.4px;
        text-align:center;
        position:relative;
        top:-35px;
    }

    .center {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .center2 {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }




    .sub_container .sub_Tit {
        font-size:20px;
        font-weight:bold;
        text-align:center;
        position: relative;
        width:30%;
        margin:0 auto;
    }
    .sub_container .sub_Tit::before {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_left.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    } 
    .sub_container .sub_Tit::after {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_right.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
    } 


}

@media (max-width:1023px) {

    a,
    body,
    div,
    li,
    p,
    td,
    th,
    tr,
    ul {
        font-size: 15px;
    }
    #bbs .title,
    #contain .title {
        margin-bottom: 55px;
        margin-top: 50px;
    }
    #bbs .title h3,
    #contain .title h3 {
        font-size: 18px;
        text-align: center;
        position: relative;
        padding-bottom: 10px;
    }
    #bbs .title h3::after,
    #contain .title h3::after {
        content: '';
        width: 50px;
        height: 6px;
        border-radius: 3px;
        background-color: #263996;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }

    #title {
        margin-top: 80px;
    }

    .page_title_sub_t {
        font-weight:500;
        color:#222;
        letter-spacing:-0.4px;
        text-align:center;
        position:relative;
        top:-35px;
    }

    .center {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .center2 {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }



    .sub_container .sub_Tit {
        font-size:16px;
        font-weight:bold;
        text-align:center;
        position: relative;
        width:80%;
        margin:0 auto;
    }
    .sub_container .sub_Tit::before {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_left.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        left:0;
        top:50%;
        transform:translateY(-50%);
    } 
    .sub_container .sub_Tit::after {
        content:''; 
        width:18px;
        height:47px;
        background-image:url(../img/sub/title_point_right.png);
        background-repeat:no-repeat;
        background-size:100% 100%;
        position:absolute;
        right:0;
        top:50%;
        transform:translateY(-50%);
    } 

}