.mo_tab {display: none !important;}
.mo_br {display: none !important;}
.rolling-banner2 {display: none !important;}
@media screen and (max-width: 1600px) {
  .sec3 .container {height: 500vh;}
  .sec3_ct .tit-box2 {margin-bottom: 25px;}
  .sec3_ct .tit-box2 .tit {margin-bottom: 30px; font-size: 35px;}
  .sec3_ct .tit-box2 .sub {font-size: 18px;}
  .sec3_ct .tit-box2 .sec_btn2 {font-size: 16px;}
}

@media screen and (max-width: 1200px){
  .visual .container {max-width: 100%; padding: 0 20px;}
  .visual .kv_tit {font-size: 40px;}
  .visual .tab_btn {gap: 10px;}
  .visual .tab_btn ul {gap: 10px;}
  .visual .tab_btn ul li .child-box {font-size: 20px;}
  .visual .tab_btn ul li .child-box img {width: 35px;}

  .sec3_ct ul li .child-box {padding: 100px 20px;}
  .sec3_ct ul li .child-box .txt-box .tit {margin-bottom: 20px; font-size: 26px;}
  .sec3_ct ul li .child-box .txt-box .sub {margin-bottom: 10px; font-size: 19px;}
  .sec3_ct ul li:nth-child(1) .child-box .txt {font-size: 16px;}
  .sec3_ct ul li .child-box .img-box {right: 20px; height: 217px;}

  .sec3_ct ul {margin-bottom: 38px;}

  .address_btn .container {padding: 0 20px;}
  .address_btn .container::before {left: 155px;}
}

@media screen and (max-width: 1084px) {
  header {height: 60px;}
  header .logo {width: 76px;}
  /* header .hd_txt {position: absolute; top: 40px; left: auto; right: 20px; transform: initial; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); border-radius: 18px 0 18px 18px; font-size: 14px;}
  header .hd_txt.on {top: 70px; left: auto;}
  header .hd_txt2 {position: absolute; top: 70px; left: auto; right: 20px; transform: initial; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1); border-radius: 18px 0 18px 18px; font-size: 14px;}
  header .hd_txt2.on {top: 70px; left: auto;} */
  /* sec2 올때 */
  header .hd_txt.st2 {position: fixed; top: auto; bottom: 20px; left: 20px; transform: initial; font-size: 14px; z-index: 6;}

  header .hd_txt.st2 {animation: txt_up1 1s 1s linear both;}
  @keyframes txt_up1 {
    0% {bottom: 20px;}
    100% {top: 20px; opacity: 0;}
  }
  header .hd_txt.on.st2 {animation: txt_up4 1.5s linear both;}
  @keyframes txt_up4 {
    0% {bottom: 20px; opacity: 0;}
    100% {bottom: 20px; opacity: 1;}
  }

  header .hd_txt2.st2 {position: fixed; top: auto; bottom: 20px; left: 20px; transform: initial; z-index: 6;}
  header .hd_txt2.st2.on {animation: txt_up5 .5s linear both;}
  @keyframes txt_up5 {
    0% {bottom: -20px;}
    100% {bottom: 20px;}
  }

  header .cm_btn {padding: 10px 12px 10px 15px; font-size: 14px;}
  header .cm_btn img {width: 15px;}


  .container {max-width: 100%; padding: 0 20px;}
  .visual {height: auto; padding: 131px 0 191px;}
  .visual .container {gap: 40px;}
  .visual .kv_tit {font-size: 30px;}
  .mo_tab {display: flex !important;}
  .pc_tab {display: none !important;}
  .mo_br {display: block !important;}
  .pc_br {display: none;}

  .visual .tab_btn ul li {width: auto; flex: 0 0 auto;}
  .visual .tab_btn ul li .child-box {gap: 10px; padding: 12px 22px 12px 14px; font-size: 18px;}
  .visual .tab_btn ul li .child-box img {width: 30px;}
  
  section {padding: 80px 0 70px;}

  .tit-box {margin-bottom: 40px; word-break: keep-all;}
  .tit-box .tit {font-size: 30px;}

  .sec1_ct ul {flex-flow: column; gap: 15px;}
  .sec1_ct ul li {max-width: 100%; width: 100%;}
  .sec1_ct ul li .child-box {padding: 30px 20px 20px;}
  .sec1_ct ul li .child-box img {width: 150px; margin: 0 auto 20px;}
  .sec1_ct ul li .child-box .txt-box {word-break: keep-all;}
  .sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 15px; font-size: 24px; font-weight: 800; line-height: 1.21; color: var(--black_3); word-break: keep-all;}
  .sec1_ct ul li:nth-child(2) .child-box .txt-box .tit {font-size: 24px;}
  .sec1_ct ul li .child-box .txt-box .txt {font-size: 18px; word-break: keep-all;}
  .sec1_ct ul li .child-box .txt-box img {width: 197px;}

  .current_box {gap: 10px; max-width: 100%; height: auto; padding: 70px 0 55px; margin: 0 auto; margin-top: 15px;}
  .current_box .txt {font-size: 24px;}
  .current_box .txt span {font-size: 30px;}
  .current_box .live_box {font-size: 14px;}
  .current_box .live_box span {font-size: 12px;}
  .sec_btn {width: auto; border-width: 2px; padding: 10px 12px 10px 15px; margin: 40px auto 0; font-size: 16px;}
  .sec_btn img {width: 15px;}

  .start_box {gap: 10px;}
  .start_box .txt {font-size: 18px;}
  .start_box .start {}
  .start_box .start .img-box {width: 30px;}

  .rolling-banner {gap: 20px;}
  .rolling-banner ul {gap: 20px;}
  .rolling-banner ul li {height: 320px;}
  .rolling-banner2 {display: flex !important; margin-top: 20px;}
  .tit-box2 .sec_btn2 {position: initial; margin-top: 40px;}
  .tit-box2 {text-align: center;}
  .tit-box2 .tit {margin-bottom: 20px; font-size: 30px;}
  .tit-box2 .sub {font-size: 18px;}

  .sec4_ct ul {flex-flow: column; gap: 20px;}
  .sec4_ct ul li .child-box {height: auto; padding: 40px 15px 30px;}
  .sec4_ct ul li .child-box .tit {min-height: auto; margin-bottom: 30px; text-align: center; font-size: 30px; word-break: keep-all;}
  .sec4_ct ul li .child-box .list_box .scroll_box {height: 270px;}
  .sec4_ct ul li .child-box .list_box .item-area {gap: 30px;}
  .sec4_ct ul li .child-box .list_box .item .num {gap: 8px; font-size: 20px; word-break: keep-all;}
  .sec4_ct ul li .child-box .list_box .item .num span {min-width: 30px; width: 30px; font-size: 16px;}
  .sec4_ct ul li .child-box .list_box .item .txt {font-size: 15px;}
  /* .sec4_ct ul li .child-box .list_box .item:first-of-type .num span {margin-bottom: 0;} */

  footer .address p {font-size: 15px;}
  footer .copyright {font-size: 14px;}

  .payment_sec {padding: 60px 0 80px;}
  .payment_sec .tit-box2 {margin-bottom: 25px;}
  .payment_sec .tit-box2 .tit {margin-bottom: 20px; font-size: 30px; word-break: keep-all;}
  .payment_sec .tit-box2 .sub {font-size: 15px;}
  .payment_sec .payment_ct {padding-bottom: 40px;}
  .payment_sec .payment_ct ul {gap: 10px 0; margin: 0 -5px;}
  .payment_sec .payment_ct ul li {width: calc(100% / 2); padding: 0 5px;}
  .payment_sec .payment_ct ul li:last-of-type {width: 100%;}
  .payment_sec .payment_ct ul li:last-of-type .child-box {align-items: center; height: 125px;}
  .payment_sec .payment_ct ul li .child-box {gap: 10px; padding: 20px; height: 180px;}
  .payment_sec .payment_ct ul li .child-box .img-box {width: 55px;}
  .payment_sec .payment_ct ul li .child-box .txt-box p {font-size: 16px;}
  .price_list .txt-box {margin-bottom: 20px;}
  .price_list .txt-box .price {font-size: 16px;}
  .price_list .txt-box .price span {font-size: 24px;}
  .price_list .txt-box .sub {font-size: 14px;}
  .price_list .payment_btn {gap: 5px; height: 40px; font-size: 16px;}
  .price_list .payment_btn img {width: 15px;}
  .price_list .description {padding-top: 10px; margin-top: 20px; font-size: 15px;}
  .payment_sec .tit-box2 .sub br {display: none;}

  .sec_price_ok {height: calc(100vh - 60px); word-break: keep-all;}
  .sec_price_ok .tit {margin-bottom: 10px; font-size: 30px;}
  .sec_price_ok .sub {margin-bottom: 20px; font-size: 18px;}
  .sec_price_ok .main_link a {max-width: 300px; width: 100%; height: 40px; font-size: 16px;}

  /* 250821 */
  .payment_sec2 .tit-box2 {padding-bottom: 0; margin-bottom: 0;}
  .price_dt_list ul li:first-of-type .child-box {padding: 15px 0 20px;}
  .price_dt_list ul li .child-box .date_box {margin-bottom: 20px;}
  .price_dt_list ul li .child-box .date_box .date {font-size: 16px;}
  .price_dt_list ul li .child-box .dl_box dl {gap: 39px;}
  .price_dt_list ul li .child-box .payment_btn {margin-top: 20px; height: 40px; font-size: 16px;}

  /* .sec3_ct ul li {top: 112.86vw;}
  .sec3_ct .tit-box2 {top: 80px;}
  #sec3 .sec3_ct {margin-top: 0 !important;} */
  .sec3_ct {top: 70px; margin-top: 0;}
  .sec3_ct ul {height: 378px;}

  .payment_sec .payment_ct ul li .child-box .text_b {width: 215px;}
  @keyframes top_move2 {
    0% {top: -40px;}
    100% {top: -45px;}
  }

  .text_box_img {right: -11px;}
  .price_list .txt-box .price {padding-right: 0px;}
  @keyframes top_move3 {
    0% {top: -48px;}
    100% {top: -53px;}
  }
}

@media screen and (max-width: 700px) {
  .sec3_ct ul {margin-bottom: 70px;}
  .sec3_ct ul li .child-box {flex-flow: column; gap: 33px; padding: 40px 35px 25px;}
  .sec3_ct ul li .child-box .img-box {position: initial; height: 150px;}
  /* .sec3_ct ul li .child-box .img-box img {width: 100%; height: auto;} */

  /* .sec3_ct ul li:nth-child(1) .child-box .img-box {width: 114px;}
  .sec3_ct ul li:nth-child(2) .child-box .img-box {width: 125px;}
  .sec3_ct ul li:nth-child(3) .child-box .img-box {width: 242px;}
  .sec3_ct ul li:nth-child(4) .child-box .img-box {width: 127px;} */

  .sec3_ct ul li .child-box .txt-box {width: 100%; text-align: left; word-break: keep-all;}
  .sec3_ct ul li .child-box .txt-box .tit {margin-bottom: 25px; font-size: 24px;}
  .sec3_ct ul li .child-box .txt-box .sub {margin-bottom: 15px; font-size: 18px;}
  .sec3_ct ul li .child-box .txt-box .txt {font-size: 15px;}
}

@media screen and (max-width: 600px) {
  .visual {overflow: hidden;}
  .visual .tab_btn ul {flex: 0 0 auto;}

  .popup_area {max-width: calc(100% - 40px); height: calc(100vh - 80px);}
  .popup_area .popup_form .popup_hd {padding: 30px 20px;}
  .popup_area .popup_form .popup_hd .tit {margin-bottom: 10px; font-size: 24px;}
  .popup_area .popup_form .popup_hd .sub {font-size: 15px;}
  
  .input-box {gap: 8px; margin-bottom: 20px;}
  .input-box .tit {font-size: 16px;}
  .input-box input {height: 40px; padding: 0 15px; font-size: 15px;}
  .input-box select {height: 40px; padding: 0 15px; font-size: 15px; background: url(./../img/sekect_icon.png) no-repeat calc(100% - 15px) 50%; background-size: 12px; background-color: var(--wt_f5);}
  .input-box .ckd_btn label {height: 40px; font-size: 15px;}

  .loading {max-width: calc(100% - 40px); padding: 30px 20px 60px;}
  .loading .popup_tit {margin-bottom: 30px;}
  .loading .popup_tit .tit {margin-bottom: 15px; font-size: 24px;}
  .loading .popup_tit .sub {font-size: 18px;}
  .loading .loading_item .num_p {margin-bottom: 39px; font-size: 40px;}
  .loading .loading_box {height: 20px;}
  .loading .loading_box .gauge img {width: 78px;}

  .sub_st {max-width: calc(100% - 40px); padding: 30px 20px 40px;}
  .sub_st .popup_tit {margin-bottom: 25px;}
  .sub_st .popup_tit .sub {margin-bottom: 10px; font-size: 18px;}
  .sub_st .popup_tit .tit {font-size: 24px;}

  .sub_st .popup_link .sb_img {width: 223px; margin-bottom: 40px;}
  .sub_st .popup_link {height: 40px; font-size: 16px;}
  .sub_st .popup_link img {width: 15px;}

  .rolling-banner3 ul li p {padding: 9px 15px; font-size: 14px;}
  .rolling-banner4 ul li p {padding: 9px 15px; font-size: 14px;}

  .sec2:before {width: 100px;}
  .sec2:after {width: 100px;}

  header .logoutbtn {position: fixed; bottom:20px; right:20px; z-index: 5; padding: 8px 12px; border-radius: 100%;}
}

@media screen and (max-width: 510px) {
  /* .sec4_ct ul li .child-box .list_box .item:first-of-type .num span {margin-bottom: 16px;} */
  
  .sec3_ct ul {height: 398px;}
  .sec3_ct ul li .child-box {height: 398px;}
  .sec3_ct ul li .child-box .txt-box .tit {margin-bottom: 8px; font-size: 18px;}
  .sec3_ct ul li .child-box .txt-box .sub {margin-bottom: 5px; font-size: 16px;}
  .sec3_ct ul li .child-box .txt-box .txt {font-size: 15px;}
  /* .sec3_ct ul li:nth-child(3) .child-box {margin-top: 50px;} */

  .sec1_ct ul li .child-box .txt-box .txt br {display: none;} 

  .mo_tab {animation: swiper_motion 5s linear alternate infinite; display: flex !important;}
  @keyframes swiper_motion {
    0% {transform: translateX(-30%);}
    100% {transform: translateX(30%);}
  }
}

@media screen and (max-width: 350px) {
  .sec_btn {font-size: 15px;}
}

@media screen and (max-width: 327px) {
  /* .sec4_ct ul li .child-box .list_box .item:first-of-type .num span {margin-bottom: 37px;} */
}