@charset "UTF-8";

/*해상도가 1024이하*/
@media(max-width:1400px){
        :root {
        --subWidth: 96%;
    }
}

@media(max-width:1024px){
    body {font-size: 14px;}
    .subVisual {height: 300px;}
    .subVisual .sub_visu_tit {font-size: 2.75em;}
    .subContents {margin: 4rem auto;}
    .subContents .sub_tit {font-size: 2.25em; max-width: 100%}

    .sub01 .border-box {margin-top: 2em;}

    .sub03 .box {gap: 2em;}
    .sub03 .box .text-box .title {font-size: 1.75em;}
    .sub03 .box .img-box {width: 180px;}
    .sub03 .box .text-box {width: calc(100% - 180px - 2em);}

    .footer-contact .inner .title {font-size: 2.75em;}
    .footer-contact .inner .btn {width: 50px; height: 50px; line-height: 50px; font-size: 1.5em;}

    .notice .tbl01 thead th {display: none;}
    .notice .tbl01 .m_none {display: none;}
    .notice .tbl01 a.title, .notice .tbl01 div.title{display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; align-items: flex-start; font-size: 1.25em; position: relative;}
    .notice .tbl01 a.title img, .notice .tbl01 div.title img {position: absolute; right: 0; top: 0;}
    .notice .tbl01 .date {margin-top: 10px; display: block; text-align: right;} 


    .sub04 {flex-direction: column;}
    .sub04 .left, .sub04 .right {width: 100%;}
    .sub04 .left .box {padding: 1.5em 1em}
    .sub04 .left .box .bottom {padding: 1em;}

    .postDiv > div {flex-direction: column; align-items: flex-start; gap: 10px;}
    .postDiv > div input[type="text"] {width: 100%;}
    .postDiv > div .input-box {width: 100%; display: flex; gap: 4px;}
    .postDiv > div .input-box select {width: 100px;}
    .postDiv > div .input-box #bd_title {width: calc(100% - 104px);}
    input[type="text"], select, textarea {padding: 10px;}
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
	
}

@media(max-width:970px){

}

@media(max-width:768px){
    .lnb .depth2 {overflow-x: auto; white-space: nowrap;}
    .lnb .ulDepth2 {width: 768px; justify-content: flex-start; display: inline-flex;}
    .lnb .ulDepth2 li {flex: 1; text-align: center; white-space: nowrap; display: inline-block;}

    .table-wrap {overflow-x: scroll;}
    .table-wrap table {min-width:768px}
    .search-box {flex-direction: column;}
 
    .data_view .tbl01 th {display: none;}
    .data_view .tbl01 colgroup col:nth-child(1), .data_view .tbl01 colgroup col:nth-child(3) {display: none;}

    .footer-contact {padding: 3em 4%}
}


@media(max-width:580px){
    .sub03 .box {flex-direction: column;}
    .sub03 .box .text-box {width: 100%;}
    .sub03 .box .text-box .title {text-align: center;}
    .sub03 .box .text-box .dec {margin-top: 1em;}

    .footer-contact .inner .title {font-size: 2em;}
    .footer-contact .inner .btn {top: -10px; transform: translate(0);}
}

@media(max-width:480px){
    .subVisual {height: 230px;}
    .subVisual .sub_visu_tit {font-size: 2.5em;}
    .subContents .sub_tit {font-size: 1.75em;}

    .sub01 .dec-box {padding: 1.5em 1em;}
    .sub01 .dec-box .title {font-size: 1.25em;}
    .sub01 .border-box {padding: 1.5em 1em;}

    .search-box input[type="text"] {width: 200px !important;}


}

@media(max-width:320px){

}


@media(max-height:360px){

}