@media screen and (max-width: 1840px){
  .container {padding: 0 20px; box-sizing: border-box;}
}

@media screen and (max-width: 1600px){
  header {height: 60px;}
  header .link-btn {height: 40px; font-size: 16px;}
  header .h-tit {font-size: 18px;}
  .container {max-width: none;}
  .visual {top: 80px; margin-top: 80px;}
  .visual .kv_content {height: calc(100vh - 100px); padding-bottom: 60px;}
  .visual .kv_content .logo {width: 120px; margin: 0 auto 20px;}
  .visual .kv_content .txt-box .txt {font-size: 40px;}
  .visual .kv_content .txt-box .sub {font-size: 18px;}
  .kv_link {width: 300px; height: 50px; margin: 20px auto 0; font-size: 15px;}
  .visual .rolling-banner ul li {width: 300px;}
  .visual .rolling-banner ul li .kv_rolling_all { top: -34px; right: -34px; width: 100px;}
  .tit-box .tit {font-size: 40px;}
  .tit-box2 .tit {font-size: 40px;}
  .rolling-list ul li {width: 350px;}

}


@media screen and (max-width: 1080px) {
  .counselor-area ul li {width: 100%;}

  /* .gauge_bar .txt-img .pig-txt */
  .gauge_bar .txt-img .pig-txt {width: 200px;}
  /* .gauge_bar .txt-img .pig-arrow {width: 250px;} */
  .sec4.on .gauge_bar .txt-img .pig-arrow {width: 250px; transition: all 1s 1s;}
  .gauge_bar .txt-img .pig-arrow img {width: 250px;}
  .gauge_bar ul .bar-item {width: 80px;}
  .gauge_bar ul {gap: 15px;}

  .newsec .car-area {box-sizing: border-box; padding: 0 20px;}
  .newsec .car-area ul {gap: 20px;}
  .newsec .car-area ul li {width: calc(50% - 10px);}

  .newsec .fadearea {height: 200px;}
  .newsec .fadearea img {height: 200px;}
  .newsec .car_btnarea {bottom: 50px; padding: 0 20px; box-sizing: border-box;}
}

@media screen and (max-width: 900px) {
  header .container {gap: 0; justify-content: space-between;}
  header {height: 60px; font-size: 15px;}

  /* .visual */
  .visual {top: 80px; margin-top: 80px;}
  .visual .kv_content {height: calc(100vh - 100px);}
  .visual .kv_content .logo {width: 120px; margin: 0 auto 20px;}
  .visual .kv_content .txt-box .txt {font-size: 30px;}
  .visual .kv_content .txt-box .sub {font-size: 18px;}
  .kv_link {width: 300px; height: 45px; margin: 20px auto 0; font-size: 15px;}
  .visual .rolling-banner ul li {width: 250px;}
  header .link-btn {width: 125px; min-width: 125px; height: 40px; font-size: 15px;}

  section {padding: 50PX 0;}

  /* .tit-box .tit */
  .tit-box {margin-bottom: 30px;}
  .tit-box .tit {font-size: 32px;}

  .rolling-list ul {gap: 20px;}
  .rolling-list ul li {width: 250px;}
  
  .sec1 .kv_link {margin-top: 40px;}
  
  .counselor-area {padding: 0 20px; box-sizing: border-box;}
  .counselor-area ul {gap: 20px;}

  .talk-area .img-box {height: 589px;}
  .talk-area .img-box img {height: 100%; object-fit: cover; border-radius: 40px;}
  .talk-area .img-box2 {width: 400px;}

  .description {margin-top: 20px; font-size: 16px;}

  .tit-box2 .tit {font-size: 32px;}

  .tit-box2 .sub {margin-top: 10px; font-size: 18px;}

  .gauge_bar ul .bar-item {width: 60px;}
  .gauge_bar ul .arrow {width: 15px;}
  .gauge_bar ul .arrow img {width: 15px;}
  .gauge_bar ul .bar-item .child-box .txt {margin-top: 10px; font-size: 13px;}

  /* .gauge_bar .txt-img .pig-arrow {width: 150px;} */
  .sec4.on .gauge_bar .txt-img .pig-arrow {width: 150px; transition: all 1s 1s;}
  .gauge_bar .txt-img .pig-arrow img {width: 150px;}
  .gauge_bar .txt-img .pig-txt {width: 100px;}

  .ckd-list {gap: 20px; margin-top: 60px;}
  .ckd-list dl {gap: 5px; flex-flow: column;}
  .ckd-list dl dt {gap: 20px;}
  .ckd-list dl dt img {width: 20px;}
  .ckd-list dl dt span {min-width: auto; font-size: 18px;}
  .ckd-list dl dd {font-size: 15px;}
  .sec4 .kv_link {margin-top: 40px;}
  .description2 {margin-top: 10px; font-size: 15px;}
  
  .review-area {margin-bottom: 20px; gap: 20px;}
  .review-area ul {gap: 20px;}
  .review-area ul li {width: 280px; height: 231px;}
  .review-area ul li .child-box {padding: 25px;}
  .review-area ul li .child-box .top {margin-bottom: 20px;}
  .review-area ul li .child-box .top .user_img {width: 50px;}
  .review-area ul li .child-box .top .name-box .name {font-size: 20px;}
  .review-area ul li .child-box .top .name-box .job {font-size: 18px;}
  .review-area ul li .child-box .txt-box p {font-size: 16px;}

  footer {padding: 50px 0; text-align: center;}
  footer .address .tit {font-size: 18px;}
  footer .address .txt {margin-top: 20px; font-size: 15px;}

  .visual .rocket {width: 250px; bottom: 20px; right: 20px;}

  .rolling-list {gap: 20px;}

  .visual .rolling-banner {gap: 40px;}
  .visual .rolling-banner ul {gap: 40px;}
  .visual .rolling-banner ul li .kv_rolling_all {top: -20px; right: -27px; width: 65px;}

  footer .address .txt:nth-child(3) {word-break: keep-all;}
  footer .address .txt:nth-child(3) br {display: none;}

  footer .policy_btn {text-align: center;}
}

@media screen and (max-width: 520px) {
  header .container {gap: 20px;}
  header .h-tit {font-size: 15px;}

  .visual .kv_content {height: calc(80vh - 100px); border-radius: 20px;}
  .visual .rocket {animation: kv_rocket 1s 1s cubic-bezier(0.4, 0, 1, 1) alternate both;  transition: all 1s;}
  .visual .kv_content .logo {width: 100px;}
  .visual .kv_content .txt-box .txt {font-size: 24px;}
  .visual .kv_content .txt-box .sub {margin-top: 10px; font-size: 15px;}
  /* .visual .rolling-banner ul li {width: 150px;} */

  .tit-box .tit {font-size: 24px;}
  .rolling-list ul li {border-radius: 20px;}
  .kv_link:not(.visual .kv_link) {width: 100% !important;}

  .counselor-area ul {flex-flow: column;}
  .talk-area .img-box img {height: 440px;}
  .talk-area .img-box2 {width: 280px; left: 20px;}
  .talk-area .img-box {height: 440px;}

  .description {font-size: 15px;}
  
  .tit-box2 .tit {font-size: 24px;}
  .tit-box2 .sub {font-size: 15px;}

  .gauge_bar {padding-top: 38px;}

  .gauge_bar {flex-flow: column-reverse; gap: 0;}
  .gauge_bar .txt-img {justify-content: flex-end;}
  .gauge_bar ul {justify-content: center;}
  .gauge_bar .txt-img .pig-txt {margin-top: 0;}
  .gauge_bar .txt-img .pig-arrow {display: none !important; position: relative; width: 89%; text-align: right;}
  .gauge_bar .txt-img .pig-arrow:before {position: absolute; top: 0; right: 0; content: ''; display: block; width: 100%; height: 100%; background: var(--black_04); transition: all 1s 1s;}
  .sec4.on .gauge_bar .txt-img .pig-arrow:before {width: 0; transition: all 1s 1s;}

  .sec4.on .gauge_bar .txt-img .pig-arrow {width: 89%; transition: all 1s 1s;}
  .gauge_bar .txt-img .pig-arrow img {width: 100px;}
  .gauge_bar .txt-img .pig-txt {position: relative; top: -60px; width: 242px; margin: 0 auto;}

  .kv_link {width: calc(100% - 40px); margin: 20px auto 0;}
  .visual .rocket {bottom: -30px; right: -160px;}

  header .h-tit {word-break: keep-all;}

  .visual .rolling-banner {gap: 30px;}
  .visual .rolling-banner ul {gap: 30px;}
  .visual .rolling-banner ul li .kv_rolling_all {top: -28px; right: -28px; width: 85px;}

  .gauge_bar ul .bar-item .child-box .bar {width: 60px; height: 200px;}

  .kt_btn_fix {font-size: 14px;}

  .newsec {padding-bottom: 50px;}
  .newsec .car-area {padding: 0 10px;}
  .newsec .car-area ul {gap :8px;}
  .newsec .car-area ul li {width: calc(50% - 4px);}

  .newsec .fadearea {height: 150px;}
  .newsec .fadearea img {height: 150px;}

  .newsec .car_btnarea {bottom: 40px;}

  .newsec .car_pc {display: none;}
  .newsec .car_mo {display: block;}

  .kv_link:not(.visual .kv_link) {width: 100% !important;}

  .tit-box .tit {word-break: keep-all;}

  .newsec .tit-box .sub {font-size: 15px;}

}