@media (max-width: 769px) {
   body {background-color: #F9F9F9;}
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 20%;left: 10%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 20px;}
   #main .banner .txt span:nth-child(2) {font-weight: bold;letter-spacing: 3px;}
   #main .navigation {padding: 0 40px 0 20px;background-color: #FFF;}
   #main .navigation .breadcrumb {padding-left: 0;margin-bottom: 0;background-color: #FFF;border-bottom: 1px solid rgba(100, 100, 100, .1);border-radius: 0;display: flex;align-items: center;}
   #main .navigation .breadcrumb li:nth-child(1) {margin-right: 8px;}
   #main .navigation .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: rgba(0, 0, 0, .7);padding: 0 5px;}
   #main .navigation .breadcrumb li a {color: #999;font-size: 13px;}
   #main .navigation .breadcrumb li a i {font-size: 17px;color: #000;}

   #main .content {background-color: #F9F9F9;}
   #main .content .title {text-align: center;font-size: 18px;font-weight: bold;letter-spacing: 1px;color: #41210f;background-color: #FFF;margin: 0;padding: 30px 0 10px;}
   #main .content .synopsis {padding: 0 5%;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;text-align: center;background-color: #FFF;margin: 0;padding-bottom: 20px;}
   #main .content .postInfo {padding: 30px 5%;}

   #main .content .postInfo .positionTxt {font-size: 20px;letter-spacing: 1px;color: #41210f;font-weight: bold;text-align: center;}
   #main .content .postInfo .line {width: 20px;height: 3px;margin: 0 auto;display: block;margin-top: 15px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;}
   #main .content .postInfo .position, #main .content .postInfo .seniorityTxt {color: #41210f;font-size: 15px;font-weight: bold;margin-top: 22px;}
   #main .content .postInfo .demand span, #main .content .postInfo .seniority span {display: block;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;}
   #main .content .postInfo button {width: 120px;height: 40px;border: none;outline: none;color: #FFF;font-size: 14px;letter-spacing: 1px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#b60005, #b60005);background-blend-mode: normal, normal;cursor: pointer;margin-top: 60px;position: relative;}
   #main .content .postInfo button::before {content: "";width: 45px;height: 40px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#e03b45, #e03b45);background-blend-mode: normal, normal;opacity: 0.1;position: absolute;top: -20px;right: -25px;}
}

@media (min-width: 769px) and (max-width: 1100px) {
   body {background-color: #F9F9F9;}
   #main {margin-bottom: 60px;}
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 30%;left: 5%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 25px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}

   #main .content {background-color: #F9F9F9;margin-top: 70px;}
   #main .content .title {text-align: center;font-size: 35px;letter-spacing: 2px;color: #41210f;background-color: #FFF;margin: 0;padding: 70px 0 15px;}
   #main .content .synopsis {padding: 0 5% 70px;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;text-align: center;background-color: #FFF;margin: 0;}
   #main .content .postInfo {padding: 30px 20%;}

   #main .content .postInfo .positionTxt {font-size: 20px;letter-spacing: 1px;color: #41210f;font-weight: bold;text-align: center;}
   #main .content .postInfo .line {width: 20px;height: 3px;margin: 0 auto;display: block;margin-top: 15px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;}
   #main .content .postInfo .position, #main .content .postInfo .seniorityTxt {color: #41210f;font-size: 15px;font-weight: bold;margin-top: 22px;}
   #main .content .postInfo .demand {padding-bottom: 20px;border-bottom: 1px solid rgba(65, 33, 15, .1);}
   #main .content .postInfo .demand span, #main .content .postInfo .seniority span {display: block;margin-right: 30px;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;}
   #main .content .postInfo .seniority span {display: block;}
   #main .content .postInfo button {width: 120px;height: 40px;border: none;outline: none;color: #FFF;font-size: 14px;letter-spacing: 1px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#b60005, #b60005);background-blend-mode: normal, normal;cursor: pointer;margin-top: 80px;position: relative;}
   #main .content .postInfo button::before {content: "";width: 45px;height: 40px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#e03b45, #e03b45);background-blend-mode: normal, normal;opacity: 0.1;position: absolute;top: -20px;right: -25px;}
}

@media (min-width: 1100px) {
   body {background-color: #F9F9F9;}
   #main {margin-bottom: 60px;}
   #main .banner {position: relative;}
   #main .banner img {width: 100%;height: 100%;}
   #main .banner .txt {color: #FFF;position: absolute;top: 30%;left: 5%;}
   #main .banner .txt span {font-family: "Gotham Bold";display: block;font-size: 4.2vw;}
   #main .banner .txt span:nth-child(2) {font-size: 3.6vw;letter-spacing: 3px;margin-top: -1vw;}
   #main .banner .breadcrumb {background-color: initial;padding: 0;margin: 0;position: absolute;bottom: 25px;right: 5%;display: flex;align-items: center;}
   #main .banner .breadcrumb > li + li:before {content: "\e603";font-family: "iconfont";color: #FFF;;padding: 0 5px;}
   #main .banner .breadcrumb li a {color: #FFF;}
   #main .banner .breadcrumb li:nth-child(1) a {margin-right: 8px;}
   #main .banner .breadcrumb li a i {font-size: 17px;}

   #main .content {background-color: #F9F9F9;margin-top: 70px;}
   #main .content .title {text-align: center;font-size: 35px;letter-spacing: 2px;color: #41210f;background-color: #FFF;margin: 0;padding: 0 0 15px;}
   #main .content .synopsis {padding: 0 5% 70px;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;text-align: center;background-color: #FFF;margin: 0;}
   #main .content .postInfo {padding: 30px 20%;}

   #main .content .postInfo .positionTxt {font-size: 20px;letter-spacing: 1px;color: #41210f;font-weight: bold;text-align: center;}
   #main .content .postInfo .line {width: 20px;height: 3px;margin: 0 auto;display: block;margin-top: 15px;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#c5b5bd, #c5b5bd);background-blend-mode: normal, normal;}
   #main .content .postInfo .position, #main .content .postInfo .seniorityTxt {color: #41210f;font-size: 15px;font-weight: bold;margin-top: 22px;}
   #main .content .postInfo .demand {padding-bottom: 20px;border-bottom: 1px solid rgba(65, 33, 15, .1);}
   #main .content .postInfo .demand span, #main .content .postInfo .seniority span { margin-right: 30px;color: rgba(65, 33, 15, .7);font-size: 13px;line-height: 25px;}
   #main .content .postInfo .seniority span {display: block;}
   #main .content .postInfo button {width: 120px;height: 40px;border: none;outline: none;color: #FFF;font-size: 14px;letter-spacing: 1px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#b60005, #b60005);background-blend-mode: normal, normal;cursor: pointer;margin-top: 80px;position: relative;}
   #main .content .postInfo button::before {content: "";width: 45px;height: 40px;background-image: linear-gradient(#01dd62, #01dd62), linear-gradient(#e03b45, #e03b45);background-blend-mode: normal, normal;opacity: 0.1;position: absolute;top: -20px;right: -25px;}
   
}