@charset "utf-8";

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


@media (min-width:1440px) {  

    body, ul, li, p, div, a, tr, td, th {font-size:18px;}
    #contain .title, #bbs .title {margin-bottom:65px; margin-top:85px;}
    #contain .title h3, #bbs .title h3 {font-size:35px; text-align:center; position:relative; padding-bottom:20px;}

    #title {margin-top:120px;}

    .center, #bbs{width:1420px; margin-left:auto; margin-right:auto; padding:0 10px;}
}


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

    body, ul, li, p, div, a, tr, td, th {font-size:16px;}
    #contain .title, #bbs .title {margin-bottom:55px; margin-top:70px;}
    #contain .title h3, #bbs .title h3 {font-size:25px; text-align:center; position:relative; padding-bottom:15px;}

    #title {margin-top:100px;}

    .center, #bbs {width:100%; margin-left:auto; margin-right:auto; padding:0 10px;}

}


@media  (max-width:1023px) {

    body, ul, li, p, div, a, tr, td, th {font-size:15px;}
    #contain .title, #bbs .title {margin-bottom:55px; margin-top:50px;}
    #contain .title h3, #bbs .title h3 {font-size:18px; text-align:center; position:relative; padding-bottom:10px;}

    #title {margin-top:80px;}

    .center, #bbs {width:100%; margin-left:auto; margin-right:auto;  padding:0 10px;}
    
}