/* 노트북 & 태블릿 가로 : 1024px-1279px */
@media all and (min-width:1024px) and (max-width:1279px){

    header {height: 11%;}
    header .title p:nth-child(1) {font-size: 2rem;}
    header .title p:nth-child(2) {font-size: 1rem;}

    main .btnArea {width: 80%;}

    main .btnArea .fontDownload {display: none;}

}

/*태블릿 가로 : 769px-1023px*/
@media all and (min-width:768px) and (max-width:1023px){
	
    header {height: 8%;}
    header .title p:nth-child(1) {font-size: 2rem;}
    header .title p:nth-child(2) {font-size: 1rem;}

    main .btnArea {width: 80%;}

    main .btnArea .fontDownload {display: none;}

    main .btnArea ul li {width: 32%;}

    main .btnArea ul li:not(:nth-child(4n)) {margin-right: unset;}
    main .btnArea ul li:not(:nth-child(-n+4)) {margin-top: unset;}

    main .btnArea ul li:not(:nth-child(3n)) {margin-right: 2%;}
    main .btnArea ul li:not(:nth-child(-n+3)) {margin-top: 2%;}
}

/*모바일 가로 & 태블릿 세로 : 480px-767px*/
@media all and (min-width:480px) and (max-width:767px){
    
    header {height: 10%;}
    header .title p:nth-child(1) {font-size: 2rem;}
    header .title p:nth-child(2) {font-size: 1rem;}

    main .btnArea {width: 80%;}

    main .btnArea .fontDownload {display: none;}

    main .btnArea ul li {width: 32%;}

    main .btnArea ul li:not(:nth-child(4n)) {margin-right: unset;}
    main .btnArea ul li:not(:nth-child(-n+4)) {margin-top: unset;}

    main .btnArea ul li:not(:nth-child(3n)) {margin-right: 2%;}
    main .btnArea ul li:not(:nth-child(-n+3)) {margin-top: 2%;}

}

/*모바일 : -479px*/
@media all and (max-width:479px){

    header {height: 10%;}
    header .title p:nth-child(1) {font-size: 2rem;}
    header .title p:nth-child(2) {font-size: 1rem;}

    main .btnArea {width: 80%;}

    main .btnArea .fontDownload {display: none;}

    main .btnArea ul li {width: 49%;}
    main .btnArea ul li .logoArea img {width: 70%;}

    main .btnArea ul li:not(:nth-child(4n)) {margin-right: unset;}
    main .btnArea ul li:not(:nth-child(-n+4)) {margin-top: unset;}

    main .btnArea ul li:not(:nth-child(2n)) {margin-right: 2%;}
    main .btnArea ul li:not(:nth-child(-n+2)) {margin-top: 2%;}

}