.mo-quick1,.mo-quick2 {display: none;}
.mo-btn {display: none;}
.mo {display: none;}

@media screen and (max-width: 1536px) {
  .visual .img-box {right: 70px; width: 718px;}
  .quick_menu2 {right: 20px; z-index: 5;}
  .quick_menu {left: 20px; z-index: 5;}
  .visual .visual-txt {left: 198px;}
  .visual .visual-txt .tit {font-size: 46px;}
  .visual .visual-txt .sub {font-size: 20px;}
  .pagination {margin-top: 34px;}
  .pagination ul li {font-size: 16px;}
}

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

@media screen and (max-width: 1200px) {
  .form-area {width: 100%;}

  .visual .visual-txt {left: 138px;}
  .visual .visual-txt .tit {font-size: 36px;}
  .visual .visual-txt .sub {font-size: 18px;}
  .pagination {margin-top: 24px;}
  .pagination ul li {font-size: 14px;}
}

@media screen and (max-width: 1088px) {
  .visual {min-height: calc(100vh - 226px); height: auto;}
  .visual .visual-txt,.visual .img-box {position: initial; transform: initial;}
  .visual .container {flex-flow: column-reverse;}
  .visual .visual-txt {margin-top: 24px; text-align: center;}
  .visual .visual-txt .tit {margin-bottom: 8px; font-size: 32px;}
  .visual .visual-txt .sub {font-size: 14px;}
  .pagination {margin-top: 42px; padding-left: 0; margin-bottom: 16px;}
  .pagination ul {flex-flow: row;}
  .pagination ul li.active::before {top: auto; bottom: -4px; transform: initial; left: 50%; transform: translateX(-50%);}

  .box-area {margin-top: 23px; padding-right: 0;}
  .box2 {width: 328px; height: 353px;}
  .box2 > li > div:not(.li_dim) {padding: 16px;}
  .box2 li .tit {margin-bottom: 15px; font-size: 17px;}
  .box2 li .sub {font-size: 10px;}
  .box2 > li {width: 250px !important; height: 250px !important;}
  .box2 li .plus {width: 21px; height: 21px; bottom: 16px; right: 16px;}

  footer .address ul li {text-align: left; line-height: 1.3;}
}

@media screen and (max-width: 900px) {
  .table_ul li .child-box .th .tit {font-size: 16px;}
  .table_ul li .child-box .th {min-width: 130px; width: 130px;}
  .table_ul li .child-box .td .radio-box .radio_tit span {font-size: 14px;}
  .table_ul li .child-box .td .input-box.email input {width: 150px;}

  header nav ul {gap: 30px;}
}

@media screen and (max-width: 700px) {
  /* header nav,header .language-btn {display: none;} */
  .language-btn {display: none;}
  header:before {display: none;}
  header {height: 80px;}
  header .container {position: relative; justify-content: center;}
  header nav {position: fixed; top: 80px; left: -280px; width: 280px; height: calc(100vh - 80px); background: var(--wt); transition: all .5s;}
  header.open nav {left: 0; transition: all .5s;}
  header nav ul {position: relative; flex-flow: column; align-items: flex-start; justify-content: flex-start; padding: 16px 20px; box-sizing: border-box; gap: 16px; height: calc(100% - 202px); z-index: -1;}
  header nav ul li {position: initial; display: flex; align-items: flex-start; padding: 0;}
  header nav ul li .deps1 {position: relative; min-width: 100px; width: 100px; font-size: 14px; font-weight: 400; line-height: 115%;}
  header nav ul li.active .deps1 {color: var(--pr);}
  header nav ul li .deps1:before {position: absolute; top: -17px; right: 0; content: ''; display: block; width: 1px; height: 100vh; background: var(--gray_d0);}
  .mo-btn {display: block;}
  .mo-btn {position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
  header .logo {width: 189px;}
  header nav ul li .deps2 {position: absolute; top: 16px; left: auto; right: 0; display: none; width: 160px; padding: 0; opacity: 1; transform: initial; visibility: initial; border: none; gap: 16px;}
  header nav ul li .deps2:hover {opacity: 1; top: 16px;}
  header nav ul li:hover .deps2 {opacity: 1; top: 16px;}
  header nav ul li.active .deps2 {display: block;}
  header nav ul li .deps2 a {height: auto; margin-bottom: 16px; border: none; font-size: 13px; font-weight: 400; line-height: normal; text-indent: 16px; color: var(--gray_58);}
  header nav ul li .deps2 a:last-of-type {margin-bottom: 0;}

  .quick_menu2,.quick_menu {display: none;}

  .mo-quick1,.mo-quick2 {display: block;}
  .mo-quick1 {display: flex; align-items: center; justify-content: center; flex-flow: column;}
  .mo-quick1 a {display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; border-bottom: 1px solid var(--wt); background: var(--pr2); font-size: 14px; font-weight: 700; color: var(--wt);}
  .mo-quick1 a:first-child {background: var(--red);}

  .mo-quick2 {width: 100%; height: auto; box-sizing: border-box;}
  .mo-quick2 ul {display: flex; align-items: center; justify-content: center; flex-flow: nowrap; gap: 16px; padding: 16px 0 18px; background: var(--wt);}
  .mo-quick2 ul li {}
  .mo-quick2 ul li .child-box {display: flex; align-items: center; flex-flow: column; gap: 8px;}
  .mo-quick2 ul li .child-box .tit {font-size: 14px; font-weight: 600; color: var(--black);}
  .mo-quick2 ul li .child-box .tit:after {content: ''; display: block; width: 14px; height: 2px; margin: 4px auto 0; background: var(--pr);}
  .mo-quick2 ul li .child-box .tell {font-size: 14px; font-weight: 400; color: var(--black);}

  /* dim */
  .dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.25); z-index: 2;}


  section {margin-top: 48px;}
  .sec .container:not(.swiper-sec .container) {display: flex; align-items: center; justify-content: center; padding: 0;}
  .mo {display: block; width: 100%; height: auto;}
  .pc {display: none;}

  .tit-box {padding-top: 24px; margin-bottom: 21px;}
  .swiper-sec .swiper-slide a {max-width: 214px;}
  .swiper-sec {padding-bottom: 24px;}
  .swiper-sec .swiper-button-prev {width: 40px; height: auto; left: 0;}
  .swiper-sec .swiper-button-next {width: 40px; height: auto; right: 0;}
  .tit-box .tit {font-size: 20px;}
  .tit-box .tit-eng {font-size: 20px;}

  .form-area {padding-top: 24px; margin-top: 48px;}
  .form-area .tit-box2 {margin-bottom: 16px;}
  .form-area .tit-box2 .tit {font-size: 20px;}
  .table_ul li {padding: 16px 0;}
  .table_ul li .child-box .td .radio-box {flex-flow: column; align-items: flex-start; gap: 12px;}
  .table_ul li .child-box .td .input-box input {width: 100%; height: 40px;}
  .table_ul li .child-box .th {min-width: 80px; width: 80px;}
  .table_ul li .child-box .th .tit {font-size: 14px;}
  .table_ul li .child-box .td .input-box.tell input {width: 72px; padding: 0; text-align: center;}
  .table_ul li .child-box .td .input-box.tell {gap: 4px;}
  .table_ul li .child-box .td .input-box.tell span {font-size: 14px;}
  .table_ul li .child-box .td .input-box.email {flex-wrap: wrap; gap: 8px;}
  .table_ul li .child-box .td .input-box.email input {width: 218px; padding: 0 16px; font-size: 14px;}
  .table_ul li .child-box .td .input-box.email select {width: 96px; height: 40px; padding: 0 16px; font-size: 14px; background: url(./../img/select.png)no-repeat calc(100% - 7px) 50%; background-size: 14px 14px;}
  .table_ul li .child-box .td .input-box.file-box {flex-flow: column; gap: 8px;}
  .table_ul li .child-box .td .input-box.file-box .file-btn {min-width: auto; width: 100%; height: 40px; font-size: 14px;}
  .table_ul li:nth-child(5) .child-box {align-items: initial;}
  .table_ul li:nth-child(7) .child-box {align-items: initial;}
  .submit-btn {width: 100%; height: 40px;}
  .table_ul li .child-box .td .input-box textarea {height: 248px;}

  /* footer */
  footer {padding: 24px 0 16px;}
  footer .tit {margin-bottom: 16px; font-size: 24px;}
  footer .f-nav ul li {padding-right: 7px; margin-right: 0;}
  footer .f-nav ul li a {font-size: 14px;}
  footer .f-nav ul {gap: 7px;}
  footer .f-nav {margin-bottom: 24px;}
  footer .address ul {flex-flow: column; align-items: flex-start; width: 100%; gap: 8px;}
  footer .address {gap: 8px;}
  footer .address ul li:not(:last-child) {padding: 0; margin: 0;}
  footer .address ul li:not(:last-child):before {display: none;}

  .copyright {margin-top: 24px; font-weight: 12px;}

  .visual .img-box {position: relative; right: auto; width: 100%; height: 394px; overflow: hidden;}
  .visual .img-box img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 718px; height: auto; z-index: 2;}
  .visual .container {padding: 0;}

  .sub .img-box .d-flex {display: block;}
  .sub .img-box1 .d-flex div {max-width: 100%;}
  .img-box {width: 100%; padding: 0 30px; box-sizing: border-box;}

  section.sub {padding-top: 130px; margin-bottom: 50px !important;}
  .category_box {margin-bottom: 50px;}
  .m_margin {margin: 0 -30px;}

  .tit-box2 {width: 100%; padding: 0 30px; margin-bottom: 20px; box-sizing: border-box;}
  .tit-box2 .tit {font-size: 28px;}
  .category_box ul {justify-content: flex-start; gap: 30px; width: 100%; padding: 0 30px; box-sizing: border-box; overflow: auto; overflow-y: hidden;}
  .category_box ul li {flex: 0 0 auto; white-space: nowrap;;}
  .category_box ul li a {padding: 0 14px 7px; font-size: 16px;}
  .language-btn2 select {width: 90px; height: 40px; padding: 0 20px; margin-right: 42px; border-radius: 60px; font-size: 18px; background: url(./../img/select_icon2.png)no-repeat calc(100% - 20px) 50%; background-size: 12px 7px;}
  .quick_menu2_n {top: auto; bottom: 30px; right: 30px; max-width: 77px;}
  .quick_menu2_n ul li a {height: 35px; font-size: 15px;}

  .container.no_flex {display: block !important;}
  .img-box hr {display: block;}
}