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

}

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

}

@media all and (max-width:1024px){
    
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .view-img > img {height:60px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box .img-box-gap .img-box-content > img {height:16px;}

}

@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: 15px;}

    #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 .view-box .body-box .left-content {width:90%;float:none;margin:0 auto;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content:after {display: block;content: '';clear: both;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .view-img {width:72%;float:left;box-sizing: border-box;margin:0;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list {width:28%;float:left;margin:0;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box {width:50%;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box:nth-child(1) .img-box-gap {margin-left:4px;margin-right:0px;margin-top:0px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box:nth-child(2) .img-box-gap {margin-left:4px;margin-right:0px;margin-top:0px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box:nth-child(5) .img-box-gap {margin-right:0px;margin-left:4px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box:nth-child(6) .img-box-gap {margin-left:4px;margin-right:0px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box:nth-child(10) .img-box-gap {margin-right:0px;margin-left:4px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .left-content .img-list .img-box .img-box-gap {margin:7px 0 0 4px;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .right-content {width:90%;float:none;margin:20px auto 0 auto;}
    #wrap #main #section2 .wrap .gap .content .view-box .body-box .right-content p.text-wrap {margin-right:0px;width:100%;}
    
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box {width:100%;margin-top:20px;}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .left-content {float:left;width:35%}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content {float:left;text-align: right;width:65%;}
    


}
@media all and (max-width:600px){
    
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .left-content > a {font-size: 15px;padding: 9.5px 42.5px;}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(1) {font-size: 15px;padding:  8.5px 26px;}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(2) {font-size: 15px;padding:  8.5px 26px;}
}

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

@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: 13px;}

    #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 .view-box .body-box .left-content .img-list .img-box .img-box-gap {margin:6px 0 0 4px;}

    #wrap #main #section2 .wrap .gap .content .view-box .head-box .title-box > h2 {font-size: 21px;}
    #wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box > p.user-name {font-size: 14px;}
    #wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box > span {font-size: 14px;margin-top:1px;}
    #wrap #main #section2 .wrap .gap .content .view-box .head-box .date-box > p.writing-date {font-size: 14px;}
    
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .left-content > a {font-size: 15px;padding: 9.5px 29.5px;}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(1) {font-size: 15px;padding: 8.5px 13px;margin-right:0;}
    #wrap #main #section2 .wrap .gap .content .view-box .btn-box .right-content > input[type="button"]:nth-child(2) {font-size: 15px;padding: 8.5px 13px;}
}