.mo_btn {display: none;}
.step_item_mo {display: none;}
@media screen and (max-width: 1550px){
  .container {max-width: 100%; padding: 0 20px;}
  .prove-area ul li.multiple .child-box .box:nth-child(3) {width: 60%;}
  .prove-area ul li.multiple .child-box .box:nth-child(4) {min-width: 40%; width: 40%;}
}

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

  section {padding: 120px 0;}
  .tit-box .tit {font-size: 40px;}

  header {height: 70px;}
  header nav {gap: 30px;}
  header nav ul {gap: 30px;}
  header .logo {width: 180px;}
  .ac_btn {width: 140px;}

  .visual .txt-box .kv_tit {margin-bottom: 30px; font-size: 55px;}
  .visual .txt-box .kv_tit b {font-size: 55px;}
  .visual .txt-box .kv_sub1 {margin-bottom: 10px; font-size: 18px;}
  .visual .ac_btn {width: 230px; height: 60px;}
  

  .do_list ul {gap: 20px;}
  .do_list ul .do_txt.row .box {padding: 30px 20px;}
  .do_list ul .do_txt .tit {font-size: 20px;}
  .do_list ul .do_txt .sub {font-size: 15px;}
  .do_list ul .do_txt .child-box {gap: 20px;}
  .do_list ul .do_txt .box {padding: 20px;}
  .do_list ul .do_img .tit {font-size: 20px;}

  .sec4_list ul li .child-box {padding: 20px;}
  .sec4_list ul li .child-box .txt {font-size: 15px;}

  .prove-area ul li.multiple .child-box {margin: 0 -10px;}
  .prove-area ul li.multiple .child-box .box {padding: 0 10px;}
  .prove-area ul li.multiple .child-box .box .box_item {padding: 20px;}
  .prove-area ul li.first {min-width: 300px; width: 300px;}
  .prove-area ul li.kmong {min-width: 300px; width: 300px;}
  .prove-area ul li.multiple .child-box .box .dm_num {font-size: 50px;}
}

@media screen and (max-width: 1200px) {
  section {padding: 100px 0;}
  .tit-box {margin-bottom: 50px;}
  .tit-box .tit {font-size: 34px; word-break: keep-all;}


  header nav ul {gap: 20px;}
  .ac_btn {gap: 10px; width: 116px; font-size: 13px;}
  .ac_btn img {width: 16px;}

  .visual .txt-box .kv_tit {margin-bottom: 10px; font-size: 40px;}
  .visual .txt-box .kv_tit b {font-size: 40px;}
  .visual .txt-box .kv_sub1 {font-size: 16px;}
  .visual .txt-box .kv_sub2 {font-size: 18px;}

  .sec1 .list_box ul {margin: 0 -10px;}
  .sec1 .list_box ul li {padding: 0 10px;}
  .sec1 .list_box ul li .child-box {gap: 15px;}
  .sec1 .list_box ul li .child-box .tit_bx {margin: 0 auto 20px;}
  .sec1 .list_box ul li .child-box .txt {min-height: 47px; font-size: 18px;}

  .st_content .step_6 ul li.arrow {margin: 0 15px;}
  .st_content .step_6 ul li.step .child-box .txt {margin-top: 10px;}
  .st_content .step_6 ul li.step .child-box .icon_box {width: 100px;}

  .st_content {padding: 20px; box-sizing: border-box;}
  .st_content .txt_list ul {margin: 0 -8px;}
  .st_content .txt_list ul li {padding: 0 8px;}
  .st_content .txt_list ul li .child-box {gap: 8px;}

  .do_list {gap: 10px;}
  .do_list ul {gap: 10px;}
  .do_list ul .do_img .child-box {height: 300px; padding: 20px;}
  .do_list ul .do_txt .child-box {height: 300px;}

  .do_list ul:first-of-type .do_img:nth-child(1) {min-width: 280px; width: 280px;}
  .do_list ul:first-of-type .do_img:nth-child(2) {min-width: 280px; width: 280px;}

  .do_list ul:first-of-type .do_img:nth-child(1) img {bottom: 33px; width: 321px;;}
  .do_list ul:first-of-type .do_img:nth-child(2) img {right: 20px; bottom: 20px; width: 140px;}
  .do_list ul:last-of-type .do_img:nth-child(1) img {width: 160px;}
  .do_list ul .do_txt .tit {font-size: 18px;}

  .sec4_list ul {margin: 0 -8px;}
  .sec4_list ul:first-of-type {margin-bottom: 16px;}
  .sec4_list ul:first-of-type li {padding: 0 8px;}
  .sec4_list ul:last-of-type li {padding: 0 8px;}

  .prove-area ul li.first {min-width: 250px; width: 250px;}
  .prove-area ul li.kmong {min-width: 250px; width: 250px;}
  .prove-area ul {margin: 0 -5px;}
  .prove-area ul li {padding: 0 5px;}
  .prove-area ul li.multiple {height: 100%;}
  .prove-area ul li.multiple .child-box {gap: 10px 0; height: 100%; margin: 0 -5px;}
  .prove-area ul li.multiple .child-box .box {height: calc(100% - 50% - 10px); padding: 0 5px;}
  .prove-area ul li.multiple .child-box .box .box_item {height: 100%;}
  .prove-area ul li.multiple .child-box .box .dm_num {margin-top: 8px; font-size: 35px;}
  .prove-area ul li.multiple .child-box .box .tit {font-size: 16px;}
  .prove-area ul li.first .child-box .tit {margin-bottom: 10px; font-size: 18px;}
  .prove-area ul li.first .child-box .dm_num {font-size: 40px;}
  .prove-area ul li.first .child-box .icon_box {width: 110px; margin-top: 16px;;}
  .prove-area ul li.kmong .child-box .label_box {gap: 5px; margin-bottom: 15px;}
  .prove-area ul li.kmong .child-box .label_box p {font-size: 15px;}
  .prove-area ul li.kmong .child-box .logo_box {gap: 10px;}
  .prove-area ul li.kmong .child-box .logo_box img:first-of-type {width: 90px;}
  .prove-area ul li.kmong .child-box .logo_box img:last-of-type {width: 80px;}

  .cooperative_company {padding: 20px; margin-top: 30px;}

  .tit-box .sub2 {margin-top: 15px;}

  .form-area .box {gap: 20px; margin-bottom: 30px;;}
  .form-area .box .input-box input:not(.sub_input,.date) {height: 50px; font-size: 16px;}
  .form-area .box .input-box select {height: 50px; font-size: 16px;}
  .form-area .box .input-box .tit {font-size: 16px; margin-bottom: 15px;;}
  .ckd-box {gap: 20px 30px;}
  .ckd-box label {gap: 5px; font-size: 16px;}
  .ckd-box label:before,.ckd-box input[type="checkbox"]:checked + label:before {width: 17px;}
  .form-area .box .input-box input.sub_input {max-width: 200px; height: 35px; margin-left: 0; font-size: 16px;}
  .form-area .box .input-box textarea {height: 150px; padding: 15px; margin-bottom: 20px; font-size: 16px;}
  .form-area .box .input-box input.date {margin-left: 0;}
  .ckd-box .ckd_btn {font-size: 16px;}
  .submit-btn button {width: 200px; height: 50px; margin: 30px auto 0; font-size: 16px;}

  /* .ckd-box label.custom {width: 60%;} */
}

@media screen and (max-width: 1024px) {
  .st_content .txt_list ul {align-items: flex-start;}
  .st_content .txt_list ul li .child-box {flex-flow: column; padding: 10px; box-sizing: border-box;}
  .st_content .txt_list ul li {height: auto;}
}

@media screen and (max-width: 900px) {
  header .logo {width: 120px;}
  header nav {gap: 10px;}
  header nav ul {position: fixed; top: 0; left: -320px; flex-flow: column; align-items: center; justify-content: center; width: 320px; height: 100vh; background: var(--wt); z-index: 9999; transition: all .5s;}
  header nav ul.open {left: 0;}
  header nav ul li a {font-size: 16px; color: var(--black_1);}
  .ac_btn {width: 116px; height: 40px; font-size: 13px; border-radius: 12px;}
  .ac_btn img {width: 16px;}
  .mo_btn {display: block; width: 25px;}

  .visual .txt-box .kv_tit {margin-bottom: 30px;}
  .visual .txt-box .kv_tit,.visual .txt-box .kv_tit b {font-size: 32px; word-break: keep-all;}
  .visual .txt-box .kv_tit b {margin-top: 6px;}
  .visual .txt-box .kv_sub2 {flex-wrap: wrap; gap: 0;}
  .visual .txt-box .kv_sub2 .txt {width: 100%; margin-bottom: 8px;}
  .visual .txt-box .kv_sub2 .span1 {width: 57px; height: 24px; margin-right: 10px; font-size: 15px;}
  .visual .txt-box .kv_sub2 .span2 {width: 66px; height: 24px; font-size: 15px;}
  .visual .ac_btn {width: 280px; height: 60px; margin: 40px auto 0;}

  section {padding: 80px 0;}

  .tit-box {margin-bottom: 40px;}
  .tit-box .tit {font-size: 28px;}

  .sec1 .list_box ul {flex-wrap: wrap; gap: 10px 0; margin: 0 -5px;}
  .sec1 .list_box ul li {width: calc(100% / 2); padding: 0 5px;}
  .sec1 .list_box ul li .child-box {aspect-ratio: 162/231; gap: 0;}
  .sec1 .list_box ul li .child-box .tit_bx {gap: 8px; width: 99px; height: 30px; font-size: 12px;}
  .sec1 .list_box ul li .child-box .tit_bx img {width: 16px;}

  .sec1 .list_box ul li .child-box .txt {margin-bottom: 15px; font-size: 15px;}
  .sec1 .list_box ul li .child-box .sub {font-size: 12px;}

  .st_content {padding: 30px 20px;}
  .st_content .tit_bx {width: 187px; height: 42px; margin-bottom: 30px; font-size: 16px;}
  .step_item_pc {display: none;}
  .step_item_mo {display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 30px;}
  .st_content .step_6 ul {flex-wrap: wrap; gap: 30px 0;}
  .st_content .step_6 ul li.step {width: 120px;}
  /* .st_content .step_6 ul li.arrow {display: none;} */
  .st_content .step_6 ul li.arrow {margin: 0 10px;}
  .st_content .step_6 ul li.step .child-box {text-align: center;}
  .st_content .step_6 ul li.step .child-box .icon_box {width: 70px; margin: 0 auto;}
  .st_content .step_6 ul li.step .child-box .s_num {margin-bottom: 10px; font-size: 14px;}
  .st_content .step_6 ul li.step .child-box .txt {margin-top: 10px; font-size: 16px;}

  .st_content .txt_list {margin-top: 30px;}
  .st_content .step_6 ul {gap: 10px 0;}
  .st_content .txt_list ul li {width: 100%;}
  .st_content .txt_list ul li .child-box {flex-flow: row; justify-content: flex-start; gap: 10px; padding: 20px 15px;}
  .st_content .txt_list ul li .child-box .txt {font-size: 13px;}

  .do_list ul {flex-flow: column;}
  .do_list ul:first-of-type .do_img:nth-child(1) {min-width: auto; width: 100%;}
  .do_list ul:first-of-type .do_img:nth-child(2) {min-width: auto; width: 100%;}
  .do_list ul:last-of-type .do_img {width: 100%;}
  .do_list ul:last-of-type .do_txt {width: 100%;}
  .do_list ul .do_txt.column .child-box {gap: 10px;}
  .do_list ul .do_txt.row .child-box {flex-flow: column; gap: 10px;}

  .do_list ul:first-of-type .do_img:nth-child(1) img {bottom: 47px; right: 0; width: 273px;}
  .do_list ul .do_img .tit {margin-bottom: 15px;}
  .do_list ul .do_img .sub {font-size: 14px;}
  .do_list ul:first-of-type .do_img:nth-child(2) img {bottom: 19px; right: 36px; width: 150px;}

  .do_list ul .do_img .child-box {height: auto; aspect-ratio: 335/240; padding: 30px;}
  .do_list ul:last-of-type .do_img:nth-child(1) img {width: 124px;}
  
  .do_list ul .do_txt .child-box {height: auto;}
  .do_list ul .do_txt .box {height: 120px; padding: 23px 30px;}
  .do_list ul .do_txt .tit {margin-bottom: 10px; font-size: 20px;}
  .do_list ul .do_txt .tit br {display: none;}
  .do_list ul .do_txt .sub {font-size: 14px;}
  .do_list ul .do_txt.column .box .box_icon {right: 20px; width: 46px;}
  .do_list ul .do_txt.row .box:first-child .box_icon {left: auto; bottom: auto; top: 50%; right: 20px; transform: translateY(-50%);}
  .do_list ul .do_txt.row .box:last-child .box_icon {left: auto; bottom: auto; top: 50%; right: 20px; transform: translateY(-50%);}

  .sec4 {padding-top: 0;}
  .sec4_list ul {flex-wrap: wrap; gap: 20px;}
  .sec4_list ul:first-of-type li {width: 100%;}
  .sec4_list ul:last-of-type li {width: 100%;}
  .sec4_list ul li .child-box {padding: 20px;}
  .sec4_list ul li .child-box .num {width: 24px; margin-bottom: 20px; font-size: 14px;}
  .sec4_list ul li .child-box .tit {margin-bottom: 15px; font-size: 20px;}
  .sec4_list ul li .child-box .txt {font-size: 14px;}
  .sec4_list ul li .child-box .icon {right: 20px; bottom: 20px; width: 40px;}

  .rolling_item {gap: 10px;}
  .rolling_item ul {gap: 10px;}
  .rolling_item ul li {width: 330px;}

  .tit-box {flex-flow: column; align-items: flex-start; justify-content: flex-start; gap: 15px;}
  .tit-box .sub {font-size: 16px;}
  .prove-area ul {flex-flow: column; height: auto;}
  .prove-area ul li.first {min-width: auto; width: 100%; height: auto; aspect-ratio: 335/253;}
  .prove-area ul {gap: 10px;}
  .prove-area ul li.first .child-box .tit {margin-bottom: 21px; font-size: 18px;}
  .prove-area ul li.first .child-box .dm_num {font-size: 48px;}
  .prove-area ul li.first .child-box .dm_num small {font-size: 17px;}
  .prove-area ul li.first .child-box .icon_box {width: 73px; margin-top: 20px;}
  .prove-area ul li.multiple .child-box .box {width: calc(100% / 2); height: auto; aspect-ratio: 1;}
  .prove-area ul li.multiple .child-box .box .box_item {padding: 25px;}
  .prove-area ul li.multiple .child-box .box:nth-child(3) {min-width: auto; width: calc(100% / 2);}
  .prove-area ul li.multiple .child-box .box:nth-child(4) {min-width: auto; width: calc(100% / 2);}
  .prove-area ul li.multiple .child-box .box .dm_num {margin-top: 5px; font-size: 40px;}
  .prove-area ul li.multiple .child-box .box .dm_num i {font-size: 20px;}
  .prove-area ul li.kmong {min-width: auto; width: 100%; height: auto; aspect-ratio: 335/253;}
  .prove-area ul li.kmong .child-box {padding: 25px; box-sizing: border-box;}
  .prove-area ul li.kmong .child-box .txt {margin-bottom: 10px; font-size: 16px;}
  .prove-area ul li.kmong .child-box .label_box {gap: 8px; margin-bottom: 16px;}
  .prove-area ul li.kmong .child-box .label_box p {font-size: 14px;}
  .prove-area ul li.kmong .child-box .logo_box img:first-of-type {width: 94px;}
  .prove-area ul li.kmong .child-box .logo_box img:last-of-type {width: 70px;}

  .cooperative_company {margin-top: 10px;}
  .cooperative_company ul {gap: 10px 0; margin: 0 -4px;}
  .cooperative_company ul li {width: calc(100% / 2); padding: 0 4px;}

  .tit-box .tit span {display: block;}
  .form-area .box {flex-flow: column;}

  .form-area .box {gap: 30px;}
  .form-area .box .input-box .tit {margin-bottom: 10px; font-size: 15px;}
  .form-area .box .input-box input:not(.sub_input,.date) {padding: 0 15px; font-size: 15px;}
  .form-area .box .input-box select {padding: 0 15px; font-size: 15px; background: url(./../img/select_icon.png) no-repeat calc(100% - 15px) 50%; background-size: 18px;}
  .form-area .box .input-box .d-flex {gap: 6px;}
  .ckd-box {gap: 32px 30px;}
  .ckd-box label {gap: 10px; font-size: 15px;}
  .form-area .box .input-box input.sub_input {font-size: 15px;}
  .form-area .box .input-box textarea {height: 160px; padding: 20px; margin-bottom: 30px; font-size: 15px;}
  .ckd-box .ckd_btn {font-size: 15px;}
  .submit-btn button {width: 100%; height: 60px; margin: 40px auto 0; font-size: 16px;}


  @keyframes kv_bg {
    0% {background: url(./../img/kv_bg.png)no-repeat 50% 50%;}
    30% {background: url(./../img/kv_bg.png)no-repeat 10% 50%;}
    50% {background: url(./../img/kv_bg.png)no-repeat 10% 8%;}
    70% {background: url(./../img/kv_bg.png)no-repeat 70% 8%;}
    100% {background: url(./../img/kv_bg.png)no-repeat 63% 77%;}
  }


  .noti_box ul {flex-flow: column;}
  .noti_box ul li {width: 100%;}
  .noti_box ul li .child-box {padding: 30px 30px 39px;}
  .noti_box ul li .child-box .tit {margin-bottom: 20px; font-size: 16px;}
  .noti_box ul li .child-box .txt-box .txt {font-size: 18px;}
  .noti_box ul li .child-box .txt-box .sub {font-size: 14px;}
  .noti_box ul li:first-child .child-box .txt-box .img-box {bottom: 39px; right: 36px; width: 101px;}
  .noti_box ul li:last-child .child-box .txt-box .img-box {bottom: 19px; right: 21px; width: 136px;}

  .prove-area ul li.multiple .child-box .box .dm_num small {font-size: 13px;}
}

@media screen and (max-width: 650px) {
  .noti_box ul li .child-box {height: auto; aspect-ratio: 1;}
  .noti_box ul li .child-box .txt-box .txt {line-height: 160%; word-break: keep-all;}
  .noti_box ul li .child-box .txt-box .sub {line-height: 1.3; word-break: keep-all;}

  header nav ul {width: 290px;}
}

@media screen and (max-width: 380px) {
  .prove-area ul li.multiple .child-box .box .dm_num small {font-size: 15px;}
}

@media screen and (max-width: 370px) {
  .noti_box ul li .child-box {height: 340px;}
  header nav ul {width: 250px;}
}

@media screen and (max-width: 350px) {
  header nav ul {left: -300px;}


  .tit-box .tit {font-size: 25px;}

  .visual .txt-box .kv_tit, .visual .txt-box .kv_tit b {font-size: 28px;}
}