@charset "UTF-8";
@media all and (max-width:1240px){

}

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

}

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

@media all and (max-width:768px){

    #wrap #main #section1 .wrap .gap .content .title-wrap > h3 {font-size: 36px;}
    #wrap #main #section1 .wrap .gap .content .title-wrap > h2 {font-size: 40px;}
    #wrap #main #section1 .wrap .gap .content .title-wrap > p {font-size: 17px;}

    #wrap #main #section2 .wrap .gap {width:100%;padding:80px 0;}

    #wrap #main #section2 .wrap .gap .content .title-wrap .left-content > p {font-size: 12px;letter-spacing: 2px;}

    #wrap #main #section2 .wrap .gap .content .title-wrap >.text-wrap > h2 {font-size: 40px;}
    #wrap #main #section2 .wrap .gap .content .title-wrap >.text-wrap > h2 > span {font-size: 40px;}

    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > select {font-size: 15px;padding:6px 18px;margin-right:0px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > input[type=text] {font-size: 15px;padding: 7px 18px;margin-right:0px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > .search-box {font-size: 15px;padding: 4.5px 39px;margin-right:0px;}

    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li {font-size: 15px;font-size: 700;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li {font-size: 15px;font-weight: 700;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(1) {width:15%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(2) {width:70%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(1) {width:15%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) {width:70%;}
    
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(4) {display: none;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(4) {display: none;}
}
@media all and (max-width:600px){

    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap::after {display: block;content: '';clear: both;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > select {font-size: 14px;float:left;width:60%;box-sizing: border-box;transform: translateY(100%);margin-left:40px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > input[type=text] {font-size: 14px;float:left;width:60%;box-sizing: border-box;transform: translateY(100%);margin-left:40px;margin-top:5px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > .search-box {font-size: 14px;float:right;width:20%;box-sizing: border-box;padding:0;height:68px;margin-right:40px;}
    
    #wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li > a {width:30px;line-height: 30px;font-size: 15px;}
}

@media all and (max-width:480px){
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > select {margin-left:30px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > input[type=text] {margin-left:30px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > .search-box {margin-right:30px;}

    #wrap #main #section1 .wrap .gap .content .title-wrap > p {font-size: 19px;word-break: keep-all;line-height: 120%;display: block;margin:0 auto;width:90%;margin-top:20px;}
}

@media all and (max-width:425px){

    #wrap #main #section1 .wrap .gap .content .title-wrap > h3 {font-size: 32px;}
    #wrap #main #section1 .wrap .gap .content .title-wrap > h2 {font-size: 36px;}
    #wrap #main #section1 .wrap .gap .content .title-wrap > p {font-size: 18px;}

    #wrap #main #section2 .wrap .gap {width:100%;padding:60px 0;}
    #wrap #main #section2 .wrap .gap .content .title-wrap {position: relative;}
    #wrap #main #section2 .wrap .gap .content .title-wrap .left-content {float:none;width:100%;}
    #wrap #main #section2 .wrap .gap .content .title-wrap .left-content > p {text-align: center;}

    #wrap #main #section2 .wrap .gap .content .title-wrap >.text-wrap {text-align: center;}
    #wrap #main #section2 .wrap .gap .content .title-wrap >.text-wrap > h2 {font-size: 32px;}
    #wrap #main #section2 .wrap .gap .content .title-wrap >.text-wrap > h2 > span {font-size: 32px;}
    #wrap #main #section2 .wrap .gap .content .writing-wrap > a.write-box {padding:6px 26px;font-size: 15px;}

    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li {font-size: 14px;font-size: 700;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li {font-size: 14px;font-weight: 700;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(1) {width:20%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(1) {width:20%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(2) {width:60%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) {width:60%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .thead > ul > li:nth-child(3) {width:20%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(3) {width:20%;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) .icon-wrap > img {width:13px;}
    #wrap #main #section2 .wrap .gap .content .notice-body-wrap .tbody > ul > li:nth-child(2) .icon-wrap > p {font-size: 10px;}
    
    #wrap #modal-password .wrap .gap .content form.password-wrap {width:90%;}
    
    #wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li > a {width:25px;line-height: 25px;font-size: 13px;}
}

@media all and (max-width:360px){
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > select {margin-left:20px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > input[type=text] {margin-left:20px;}
    #wrap #main #section2 .wrap .gap .content form.notice-head-wrap .head-wrap > .search-box {margin-right:20px;}
    
    #wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li > a {width:24px;line-height: 24px;font-size: 13px;}
}


@media all and (max-width:319px){
    
    #wrap #main #section2 .wrap .gap .content .pageNation .page-number-box > ul > li > a {width:20px;line-height: 20px;font-size: 11px;}
}