@media screen and (max-width:1500px) {

}
@media screen and (max-width:1300px) {
  /* main */
  .flowWrap .flowBox .flowUl li strong{font-size: 24px;}
  .flowWrap .flowBox .flowUl li .circleWrap .circle_progress:first-child{width: 100%;height: 100%;}
  .flowWrap .flowInfo{margin-top: 60px;}
}
@media screen and (max-width:1200px) {
  /* main */
  .section05 .discWrap .tit{font-size: 28px;}
  .section05 .discWrap .txt{font-size: 18px;}
  .section05 .workWrap .workUl li{font-size: 22px;}
  /* .on .flowWrap{height: 30em;} */
  .flowWrap h5.tit{font-size: 35px;}
  .flowWrap .flowBox .flowUl li{width: calc(20% - 32px);margin-left: 40px;}
  .flowWrap .flowBox .flowUl li strong{font-size: 20px;}
  .flowWrap .flowInfo .flowInfoUl li{width: calc(40% - 26.66667px);margin-left: 40px;padding-top: 30px;}
  .flowWrap .flowInfo .flowInfoUl li:last-child{width: calc(20% - 26.66667px);}
  .allianceWrap{padding: 21.5% 0;}
  .allianceWrap .keyword{width: 180px;height:180px;}
  .allianceWrap .keyword.keyword02{right: 17%;}
}
@media screen and (max-width:1024px) {
  /* common */
  /* *{cursor: auto !important;}
  a{cursor: pointer !important;}
  a *{cursor: pointer !important;}
  button{cursor: pointer !important;}
  button *{cursor: pointer !important;} */
  #btnAllMenu:hover span{margin-top: 10px;}
  #btnAllMenu:hover span:first-child{margin-top: 0;}
  #btnAllMenu.on span{margin-top: -2px;}
  #btnAllMenu.on span:first-child{margin-top: 0;}
  /* .cursor{display: none !important;} */
  /* main */
  /* .on .brandistWrap{height:28.5em;} */
  .section05 .discWrap .txt{margin: 25px 0 40px;}
  .section05 .discWrap .txt br{display: block;}
  .section05 .workWrap{margin: 80px 0 0;}
  .section05 .workWrap .workUl li{font-size: 18px;}
  .section05 .workWrap .workUl li:nth-child(n+2){margin-top: 20px;}
  /* .on .flowWrap{height: 24em;} */
  .flowWrap h5.tit{margin: 25px 0 45px;}
  .flowWrap .flowBox .flowUl li{width: calc(20% - 24px);margin-left: 30px;padding: 17.5% 0 0;}
  .flowWrap .flowBox .flowUl li strong{font-size: 18px;}
  .flowWrap .flowBox .flowUl li .circleWrap .circle_progress.lineSvg{width: 20px;right:-19px;}
  .flowWrap .flowInfo{margin-top: 40px;}
  .flowWrap .flowInfo .flowInfoUl li{width: calc(40% - 20px);margin-left: 30px;padding-top: 25px;}
  .flowWrap .flowInfo .flowInfoUl li:last-child{width: calc(20% - 20px);}
  .flowWrap .flowInfo .flowInfoUl li .txt{font-size: 16px;}
  .section07 .inner{padding: 285px 0 220px;}
  .allianceWrap{padding: 25% 0;}
  .allianceWrap .allianceWave{width: 180px;height:180px;}
  .allianceWrap .centerLogo{width: 180px;height:180px;}
  .allianceWrap .centerLogo::before{top: 50%;left: -8.5%;transform-origin: 325% 0;}
  .allianceWrap .centerLogo::after{bottom: 40.5%;left: -5%;transform-origin: 545% 0;}
  .allianceWrap .waveCircle01::before{top: 50%;left: -8%;transform-origin: 325% 0;}
  .allianceWrap .waveCircle01::after{bottom: 40%;left: -6%;transform-origin: 560% 0;}
  /* .allianceWrap .waveCircle02::before{top: 50%;left: -9%;transform-origin: 310% 0;}
  .allianceWrap .waveCircle02::after{bottom: 40%;left: -5%;transform-origin: 515% 0;} */
  .allianceWrap .waveCircle04::before{top: 50%;left: -5%;transform-origin: 445% 0;}
  .allianceWrap .waveCircle04::after{bottom: 43%;left: -4%;transform-origin: 752% 0;}
  .allianceWrap .keyword{width: 150px;height:150px;}
  .allianceWrap .keyword span{font-size: 20px;}
  .allianceWrap .keyword.keyword01{top:8%;}
  .allianceWrap .keyword.keyword02{right: 14%;}
  .allianceWrap .keyword.keyword03{bottom: 7%;}
  .on .allianceWrap .keyword.keyword01{top:2%;}
  .on .allianceWrap .keyword.keyword03{bottom: 5%;}
  .alliancePop .allianceUl li .desc p br{display: none;}
  .alliancePop .allianceUl li .desc p span{display: block;margin-top: 5px;word-break: break-all;}
  /* content */
  .title h2{font-size: 130px;}
  .historyContWrap .historyCont .historyUl li .month{width: 40px;font-size: 18px;}
  .historyContWrap .historyCont .historyUl li p{font-size: 14px;}
}
@media screen and (max-width:885px) {
  /* main */
  .flowWrap .flowInfo .flowInfoUl li .tit{font-size: 16px;}
  .flowWrap .flowInfo .flowInfoUl li .txt{font-size: 14px;}
  .allianceWrap .keyword.keyword02{right:10%;}
}
@media screen and (max-width:768px) {
  /* common */
  #header .inner{width: calc(100% - 40px);}
  #btnAllMenu{width:60px;height:60px;}
  #gnbAll .gnbWrap #gnbUl li{font-size: 70px;}
  .contactBtn{right: 30px;}
  .contactBtn + .contactBtnBg{right: 30px;}
  #footer .ftInfo .ftInfoUl li:first-child{width: 100%;}
  #footer .ftInfo .ftInfoUl li:nth-child(2){margin-left: 0;}
  #footer .ftInfo .ftInfoUl li:nth-child(n+2){margin-top: 5px;}
  /* main */
  .inner{width: calc(100% - 40px);padding: 100px 0;}
  .flowWrap h5.tit{margin: 25px 0 35px;font-size: 30px;}
  .flowWrap .flowInfo{margin-top: 30px;}
  .section07 .inner{padding: 285px 0 220px;}
  /* .on .allianceWrap{height: 32em;} */
  .allianceWrap .allianceWave{width: 150px;height:150px;}
  .allianceWrap .centerLogo{width: 150px;height:150px;}
  .allianceWrap .centerLogo::before{width:28px;height:28px;top: 50%;left: -8.5%;transform-origin: 305% 0;}
  .allianceWrap .centerLogo::after{width:15px;height:15px;bottom: 40.5%;left: -5%;transform-origin: 540% 0;}
  .allianceWrap .centerLogo svg{width: 60px;}
  .allianceWrap .waveCircle01::before{width: 40px;height:40px;top: 50%;left: -7%;transform-origin: 295% 0;}
  .allianceWrap .waveCircle01::after{width: 22px;height: 22px;bottom: 40%;left: -5%;transform-origin: 515% 0;}
  /* .allianceWrap .waveCircle02::before{width: 60px;height: 60px;top: 50%;left: -10%;transform-origin: 295% 0;}
  .allianceWrap .waveCircle02::after{width: 32px;height: 32px;bottom: 39%;left: -5%;transform-origin: 510% 0;} */
  .allianceWrap .waveCircle04::before{width: 55px;height: 55px;top: 50%;left: -6%;transform-origin: 450% 0;}
  .allianceWrap .waveCircle04::after{width: 30px;height: 30px;bottom: 43%;left: -3%;transform-origin: 790% 0;}
  .allianceWrap .keyword{width: 130px;height:130px;}
  .allianceWrap .keyword span{font-size: 18px;}
  .allianceWrap .keyword.keyword01{top:5%;}
  .allianceWrap .keyword.keyword03{bottom: 4%;}
  .on .allianceWrap .keyword.keyword01{top:0%;left: 20%;}
  .on .allianceWrap .keyword.keyword03{bottom:0%;}
  .alliancePop .allianceUl li{width: calc(100% - 40px);}
  .alliancePop .allianceUl li .cont{display: block;}
  .alliancePop .allianceUl li .logo_img{width: 100%;}
  .alliancePop .allianceUl li .logo_img img{max-width: 350px;}
  .alliancePop .allianceUl li .desc{width: 100%;}
  .alliancePop .allianceUl li .desc p{font-size: 1em;line-height: 1.5;}
  /* content */
  #content .inner{width: calc(100% - 40px);padding: 150px 0 80px;}
  .title h2{font-size: 120px;}
  .historyContWrap .historyCont{padding: 50px 0 50px 40px;}
  .historyContWrap .historyCont.left{padding: 50px 40px 50px 0;}
}
@media screen and (max-width:680px) {
  /* main */
  .section .titMain{font-size: min(55px, 9.5vw);}
  /* .on .brandistWrap{height: 34em;} */
  .section05 .discWrap .tit{font-size: 25px;}
  .section05 .discWrap .txt{margin: 20px 0 35px;font-size: 16px;}
  .section05 .discWrap .moreBtn{height:55px;padding: 0 40px;font-size: 18px;line-height: 54px;}
  .section05 .workWrap{margin: 60px 0 0;}
  .section05 .workWrap .workUl{width:50%;}
  .section05 .workWrap .workUl:nth-child(n+3){margin-top: 15px;}
  .section05 .workWrap .workUl li{font-size: 18px;}
  .section05 .workWrap .workUl li:nth-child(n+2){margin-top: 15px;}
  .section05 .workWrap .workUl li span{line-height: 1;}
  .section05 .workWrap .workUl li span em{line-height: 1;}
  .flowWrap{position: relative;}
  /* .on .flowWrap{height:38em;} */
  .flowWrap h5.tit{margin: 20px 0 25px;font-size: 25px;text-align: center;}
  .flowWrap .flowBox .flowUl{justify-content: center;}
  .flowWrap .flowBox .flowUl li{max-width: 175px;width: calc(33.3333% - 33.3333px);margin-left: 0;margin-right: 50px;padding: 27.6% 0 0;}
  .flowWrap .flowBox .flowUl li:first-child{margin-left: 50px;}
  .flowWrap .flowBox .flowUl li:last-child{margin-right: 0;}
  .flowWrap .flowBox .flowUl li:nth-child(n+3){margin-top: 100px;}
  .flowWrap .flowInfo{margin-top: 20px;}
  .flowWrap .flowInfo .flowInfoUl li{width: calc(66.6666% - 25px);margin-left: 50px;padding-top: 15px;}
  .flowWrap .flowInfo .flowInfoUl li:first-child{position: absolute;top:calc(26vw + 90px);left:50%;transform: translateX(-50%);}
  .flowWrap .flowInfo .flowInfoUl li:nth-child(2){margin-left:0;}
  .flowWrap .flowInfo .flowInfoUl li:last-child{width: calc(33.3333% - 25px);}
  .allianceWrap .keyword.keyword02{right: 7%;}
  /* content */
  .title h2{font-size: 100px;}
  .historyContWrap .historyCont{width:100%;align-self: flex-start;padding: 40px 0 40px 40px;}
  .historyContWrap .historyCont::before{top:55.5px;}
  .historyContWrap .historyCont:first-child::after{top:65px;}
  .historyContWrap .historyCont.on:first-child::after{height: calc(100% - 65px);}
  .historyContWrap .historyCont.on:last-child::after{height:65px;}
  .historyContWrap .historyCont.left{padding: 40px 0 40px 40px;text-align: left;}
  .historyContWrap .historyCont.left::after{right:auto;left:0;}
  .historyContWrap .historyCont.left .historyUl li .month{order: 0;}
  .historyContWrap .historyCont.left .historyUl li p{order: 0;}
}
@media screen and (max-width:550px){
  /* common */
  html, body{font-size: 14px;}
  #gnbAll .gnbWrap #gnbUl li{margin-top: 30px;font-size: 65px;}
  /* main */
  .section05 .discWrap .tit{margin-top: 20px;font-size: 25px;}
  .section05 .discWrap .txt{margin: 15px 0 25px;font-size: 14px;}
  .section05 .discWrap .moreBtn{height:50px;font-size: 16px;line-height: 49px;}
  .section05 .workWrap{margin: 40px 0 0;}
  /* .on .flowWrap{height:31.5em;} */
  .flowWrap h5.tit{margin: 15px 0 20px;}
  .flowWrap .flowBox .flowUl li:nth-child(n+3){margin-top: 90px;}
  .flowWrap .flowInfo{margin-top: 15px;}
  .flowWrap .flowInfo .flowInfoUl li:first-child{top:calc(25vw + 75px);}
  .flowWrap .flowInfo .flowInfoUl li .tit{font-size: 14px;}
  .flowWrap .flowInfo .flowInfoUl li .txt{margin-top: 3px;font-size: 14px;}
  .allianceWrap .keyword.keyword02{right: 0;}
  .on .allianceWrap .keyword.keyword03{bottom:-2%;}
  .allianceWrap .keyword{width: 110px;height:110px;}
  .allianceWrap .keyword span{font-size: 16px;}
  .alliancePop .allianceUl li{padding: 20px 30px;border-radius: 20px;}
  .alliancePop .allianceUl li .tit{padding-bottom: 15px;font-size: 18px;}
  .alliancePop .allianceUl li .tit .close{width:20px;height:20px;}
  /* content */
  .title h2{font-size: 80px;}
}
@media screen and (max-width:450px){
  /* common */
  #gnbAll .gnbWrap #gnbUl li{font-size: 55px;}
  #footer .inner{padding: 40px 0 80px;}
  #footer .ftMenu .ftMenuUl li{width:calc(50% - 10px);text-align: center;}
  #footer .ftInfo .ftInfoUl li{width: 100%;}
  #footer .ftInfo .ftInfoUl li:last-child{margin-left: 0;}
  /* main */
  .inner{padding: 70px 0;}
  .section05 .discWrap .tit{margin-top: 18px;font-size: 20px;}
  .section05 .discWrap .txt{margin: 10px 0 20px;}
  .section05 .discWrap .moreBtn{height:45px;font-size: 14px;line-height: 44px;}
  .section05 .workWrap .workUl{width:100%;}
  .section05 .workWrap .workUl:nth-child(n+2){margin-top: 10px;}
  .section05 .workWrap .workUl li{font-size: 16px;}
  .section05 .workWrap .workUl li:nth-child(n+2){margin-top: 10px;}
  .flowWrap .flowBox .flowUl li{width: calc(33.3333% - 20px);margin-right: 30px;}
  .flowWrap .flowBox .flowUl li:first-child{margin-left: 30px;}
  .flowWrap .flowBox .flowUl li strong{font-size: 16px;}
  .flowWrap .flowInfo .flowInfoUl li{width: calc(66.6666% - 15px);margin-left: 30px;}
  .flowWrap .flowInfo .flowInfoUl li:first-child{top:calc(26vw + 75px);}
  .flowWrap .flowInfo .flowInfoUl li:last-child{width: calc(33.3333% - 15px);}
  .flowWrap .flowInfo .flowInfoUl li .tit{font-size: 13.5px;}
  .allianceWrap .keyword.keyword01{left: 15%;}
  .allianceWrap .keyword.keyword02{top:18%;transform: translateY(0);}
  .allianceWrap .keyword:hover.keyword02{transform: translateY(0) scale(1.15);}
  .allianceWrap .keyword.keyword03{bottom: 7%;left: 20%;}
  .on .allianceWrap .keyword.keyword01{left:8%;}
  .on .allianceWrap .keyword.keyword02{top:10%;}
  .on .allianceWrap .keyword.keyword03{bottom:-15%;}
  .alliancePop .allianceUl li .tit{text-align: left;font-size: 16px;}
  /* content */
  .title h2{font-size: 60px;}
}
@media screen and (max-width:400px){
  /* main */
  /* .on .brandistWrap{height: 36em;} */
  .section05 .discWrap .txt br{display: none;}
  /* .on .flowWrap{height: 41.5em;} */
  .flowWrap h5.tit{margin: 10px 0 15px;font-size: 20px;}
  .flowWrap .flowBox .flowUl li{width: calc(50% - 50px);margin-right: 40px;padding: 36% 0 0;}
  .flowWrap .flowBox .flowUl li:first-child{margin-left: 0;}
  .flowWrap .flowBox .flowUl li:nth-child(2n){margin-right: 0;}
  .flowWrap .flowBox .flowUl li:nth-child(n+3){margin-top: 90px;}
  .flowWrap .flowInfo .flowInfoUl{justify-content: center;}
  .flowWrap .flowInfo .flowInfoUl li{width: 100%;}
  .flowWrap .flowInfo .flowInfoUl li:first-child{top: calc(33vw + 55px);}
  .flowWrap .flowInfo .flowInfoUl li:nth-child(2){position: absolute;top: calc(62.5vw + 150px);left:0;}
  .flowWrap .flowInfo .flowInfoUl li:last-child{width: calc(50% - 50px);margin-left: 0;}
  .allianceWrap .keyword.keyword01{left: 5%;}
  .allianceWrap .keyword.keyword02{top:15%;transform: translateY(0);}
  .allianceWrap .keyword.keyword03{bottom: 13%;left: 10%;}
  .on .allianceWrap .keyword.keyword01{left:0%;}
  .on .allianceWrap .keyword.keyword02{top:5%;}
  .on .allianceWrap .keyword.keyword03{bottom:-20%;}
}
@media screen and (max-width:360px){
  /* common */
  #gnbAll .gnbWrap #gnbUl li{font-size: 45px;}
  .contactBtn{width: 72px;height:46px;background-size: cover;}
  .contactBtn span.wave01{width: 72px;height:46px;}
  .contactBtn span.wave02{width: 72px;height:46px;}
  .contactBtn span.wave03{width: 72px;height:46px;}
  #footer .ftMenu .ftMenuUl li{font-size: 10px;}
  /* main */
  .allianceWrap .keyword{width: 90px;height:90px;}
  .allianceWrap .keyword span{font-size: 14px;}
  .alliancePop .allianceUl li{padding: 20px;}
  /* content */
  .title h2{font-size: 40px;}
}
@media screen and (max-width:300px){
  /* main */
  .flowWrap .flowBox .flowUl li strong{font-size: 14px;}
  .flowWrap .flowInfo{margin-top: 5px;}
  .flowWrap .flowInfo .flowInfoUl li:first-child{top: calc(33vw + 45px);}
  .flowWrap .flowInfo .flowInfoUl li:nth-child(2){top: calc(62.5vw + 130px);}
}