.mo_btns {display: none;}
.mo_block {display: none;}
.slide_mo {display: none;}
:root {
  --gray58: #585858;
  --gray94: #949494;
  --grayAf: #afafaf;
  --grayF6: #f6f6f6;
  --grayEe: #eeeeee;
  --grayC7: #c7c7c7;
  --white: #fff;
  --whiteFb: #fbfbfb;
  --black26: #262626;
  --black35: #353644;
  --black3c: #3c1e1e;
  --yellow: #ffe812;
  --sky: #50daff;
  --sky3: #3a74d8;
}
.mo_foot_hd {display: none;}

@media screen and (max-width: 1620px) {
  .bottom_ul-menu {width: 100%; padding: 0 20px;}
  header .container {padding: 0 20px;}
}

@media screen and (max-width: 1400px) {
  .container {max-width: 100%; padding: 0 50px;}
  /* header nav ul li {margin-right: 20px;} */
  header nav ul li .tit_nav {font-size: 14px;}
  /* header .sns-area a {width: 110px; height: 45px; padding: 0 10px; margin-right: 10px; font-size: 14px;} */
  .bottom_ul-menu {width: 100%; padding: 0 20px;}

  header nav ul.top_ul-menu li .tit_nav {font-size: 16px;}
  .bottom_ul-menu .sub-nav_wrap .sub_nav {font-size: 14px;}
  header nav ul.top_ul-menu li .tit_nav,
  .bottom_ul-menu .sub-nav_wrap {min-width: 115px;}
  /* .review-swiper */
  .review-swiper {width: 100%; padding: 0 50px;}
  .review-swiper ul {margin: 0 -40px;}
  /* //.review-swiper */
  .table-area {width: 100%; padding: 0 50px;}

  .process-area2 {width: 100%; padding: 0 50px;}

  .product_option {width: 100%; padding: 0 50px;}

  .img_list_card {width: 100%; padding: 0 50px;}
  .img_list_card ul {margin: 0; gap: 0 20px;}
  .img_list_card ul li {padding: 0;}

  /* .method-area {width: 100%; padding: 0 50px;} */
  .effect_content {width: 100%; padding: 0 50px;}
  .img-list7 {width: 100%; padding: 0 50px;}
  .effect_content .d-flex {gap: 0 20px;}

  .img-list1 {width: 100%; padding: 0 50px;}
  .img-list1 ul {gap: 10px; align-items: initial;}

  .img-list2 {width: 100%;}
  .img-list2 ul {margin: 0 -10px;}
  .img-list2 ul li {padding: 0 10px;}
  .img-list2 ul li .child-box .img-box {width: 100%;}

  .circular_line-img {width: 100%; padding: 0 50px;}
  .circular_line-img .circular_line ul li:nth-child(3) .child-box .img-box:before {display: none;}
  .circular_line-img .circular_line ul li:nth-child(6) .child-box .img-box:before {display: none;}
  .circular_line-img .circular_line .lines {right: 0;}

  /* .process-area */
  .process-area {padding: 0 50px;}
  .process-area .process-bottom {margin-left: 43px;}
  /* //.process-area */

  /* .straight_line */
  .straight_line {width: 100%; padding: 0 50px;}
  .straight_line ul {padding: 20px;}
  /* //.straight_line */

  /* .product_img_list */
  .product_img_list {width: 100%; padding: 0 50px;}
  .product_img_list ul {flex-wrap: wrap; gap: 20px 0; align-items: initial; margin: 0 -10px; margin-bottom: 20px;}
  .product_img_list ul li {width: calc(100% / 3); height: auto; padding: 0 10px;}
  /* //.product_img_list */
}

@media screen and (max-width: 1400px) {
  .kv_top {left: 50px; width: 345px;}
  .main_act {left: 50px;}
  .visual .txt-box {left: 50px;}
  .visual .txt-box .kv_txt {font-size: 30px;}
  /* .myslide2 .swiper-wrapper .swiper-slide-active {width: 400px; height: 235px;}
  .myslide2 .swiper-wrapper {margin: 0 -52px;} */

  .img_list_card ul li {min-height: 100%; height: auto;}

  .product_img_list ul {width: 560px; margin: 0 auto 20px;}
  .product_option ul li .child-box .img-box {width: 80%;}
}

@media screen and (max-width: 1350px) {
  .review-list {width: 100%; gap: 30px 10px;}
  .review-list li {width: 32%; padding: 0;}
  .review-list li .child-box .txt-box .txt {width: 320px;}
  .review-list li .child-box .name_star .name-area img {width: 30px;}
  .review-list li .child-box .name_star .star-area {width: 80px;}
  .review-list li .child-box .name_star .name-area .name {font-size: 14px;}
  .review-list li .child-box .txt-box .tit {width: 100%; font-size: 18px;}
  .review-list li .child-box .txt-box .txt {width: 100%; font-size: 16px;}

  .img-list {flex-wrap: wrap; width: 100%; gap: 30px 10px;}
  .img-list li {width: 49%;}
  .img-list2 {flex-wrap: nowrap;}

  .news-area {width: 100%;}
  .news-area ul li .child-box .txt-box .txt {width: 100%;}

  .img-list3 {width: 100%;}
  .img-list3 ul li {margin-bottom: 30px;}
  /* .img-list3 ul li .child-box {flex-flow: column;} */
  footer .f-container {width: 100%; padding: 0 50px;}
  .img-list3 ul li .child-box .img-box {width: 100%; margin-right: 0; margin-bottom: 20px;}
  .img-list3 ul li .child-box .txt-box {width: 100%;}
  .img-list3 ul li .child-box .txt-box .tit {font-size: 20px;}
  .img-list3 ul li .child-box .txt-box .txt {font-size: 16px;}
  .img-list3 ul li .child-box .img-box {width: 500px; margin-right: 20px;}

  /* sub */
  .review-swiper ul {margin: 0;}
  .review-swiper ul li.swiper-slide-active .child-box {height: 270px; padding: 60px 29px;}
  .review-swiper ul li .child-box .review-name {margin-bottom: 10px; font-size: 14px;}
  .review-swiper ul li.swiper-slide-active .child-box .review-tit {margin-bottom: 20px; font-size: 20px;}
  .review-swiper ul li.swiper-slide-active .child-box .review-txt {font-size: 18px;}
  .review-swiper ul li.swiper-slide-active {width: 440px !important;}
  .review-swiper ul li .child-box .review-tit {margin-bottom: 10px; font-size: 18px;}
  .review-swiper ul li {width: 330px !important;}

  /* sub_kv */
  .sub_kv {height: 500px;}
  .sub_kv .sub_kv-txt .sub-tit {font-size: 40px;}
  .sub_kv .sub_kv-txt .sub-sub {margin-bottom: 35px; font-size: 30px;}
  .sub_kv .sub_kv-txt .sub-txt {font-size: 16px;}
  /* //sub_kv */

  .table-area table th {height: 60px; font-size: 20px;}
  .table-area table th:last-child {font-size: 26px;}
  .table-area table td {height: 100px;}
  .table-area table td .tb-tit {margin-bottom: 6px; font-size: 18px;}
  .table-area table td .tb-sub {font-size: 14px;}
  .table-area table td:first-child {font-size: 16px;}
  .table-area table th {min-width: 40%;}
  .table-area table th:first-child {min-width: 45px;}
  .process-area2 ul li .left {width: 100%;}
  .process-area2 ul li .right {width: 100%;}
  .process-area2 ul li .child-box {width: 100%;}
  .process-area2 ul li .child-box .txt-box .txt-tit {font-size: 20px; margin-bottom: 10px;}
  .process-area2 ul li .child-box .txt-box .txt-txt {font-size: 14px;}
  .process-area2 ul li .child-box .imgs-box figure span {font-size: 16px;}
  .process-area2 ul li .child-box .imgs-box figure {margin-bottom: 15px;}
  .process-area2 ul li {margin-bottom: 30px;}
  .process-area2 ul li .child-box .img-box img {object-fit: cover;}

  .product_option ul li .child-box .img-box {width: 80%;}
  .product_option ul li .child-box {height: 494px; padding: 20px;}
  .product_option ul li .child-box .img-box {margin-bottom: 20px;}
  .product_option ul li .child-box .txt-box .txt-tit {margin-bottom: 15px; font-size: 20px;}
  .product_option ul li .child-box .txt-box .txt-sub {margin-bottom: 10px; font-size: 18px;}

  .circle_img_list {width: 100%; padding: 0 50px;}
  /* .circle_img_list ul li {width: calc(100% / 4);} */
  .circle_img_list ul {justify-content: center;}
  .circle_img_list ul li.item_arrow,.circle_img_list ul li.item {display: flex; align-items: center; justify-content: center; width: calc(100% / 5);}
  .circle_img_list ul .item_arrow {margin: 0;}
  .circle_img_list ul .item_arrow img {width: 14px; height: auto;}

  .img_list_click {width: 100%; padding: 0 50px;}
  .img_list_click .view-img {min-width: auto; margin-right: 10px;}
  /* .img-list_box li .child-box .img-box {width: auto;} */
  .img-list_box li .child-box .txt-box {margin-left: 10px;}
  .img-list_box li .child-box .txt-box .txt-tit {font-size: 16px;}
}

@media screen and (max-width: 1208px) {
  .logo-list {width: 800px;}
  header nav ul.top_ul-menu li .tit_nav, .bottom_ul-menu .sub-nav_wrap {min-width: 100px;}
  .bottom_ul-menu .sub-nav_wrap .sub_nav {font-size: 12px;}
}

@media screen and (max-width: 1150px) {
  .container {padding: 0 30px;}
  /* .bottom_ul-menu {padding: 0 30px;} */
  /* header nav ul li {margin-right: 15px;} */

  .img_list_card,.effect_content {width: 100%; padding: 0 30px;}

  .img_list_card {height: auto;}
  .img_list_card ul {align-items: flex-start;}
  .img_list_card ul li .child-box .txt-box .txt-tit {font-size: 18px;}
  .img_list_card ul li .child-box .txt-box .txt-txt {font-size: 14px;}
  .img_list_card ul li .child-box {height: auto;}

  /* 시공방법 */
  .sec,.method-area {overflow: hidden;}
  /* .method-area {width: 94.261vw;}
  .method-area ul li:first-child {top: 4.261vw;}
  .method-area ul li .txt-box {top: -4.348vw; width: 32.609vw; margin-right: 5.304vw;}
  .method-area ul li .txt-box .txt-step {margin-bottom: 1.391vw; font-size: 2.087vw;}
  .method-area ul li .txt-box .txt-tit {margin-bottom: 1.391vw; font-size: 2.087vw;}
  .method-area ul li .txt-box .txt-txt {font-size: 1.391vw;}
  .method-area ul li::before {width: 0.261vw; height: 10.087vw;}
  .method-area ul li .img-box {width: 10.870vw; height: 10.870vw;}
  .method-area ul li .img-box:before {left: -4vw; width: 4vw; height: 0.261vw;}
  .method-area ul li .img-box img:first-child {right: 1.304vw; width: 7.652vw;} */

  .img-list1 {padding: 0 30px;}
  .circle_img_list {padding: 0 30px;}

  .circular_line-img {padding: 0 30px;}
  .process-area {padding: 0 30px;}
  .straight_line {padding: 0 30px;} 
  .straight_line .straight_ul {width: 100%;}
  .straight_line .d-flex {margin: 0;}
  .straight_line .txt-tit {margin: 0;}

  .product_img_list {padding: 0 30px 40px;}
}

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

  /* mo_foot_hd */
  .mo_foot_hd {display: block;}
  .mo_foot_hd {position: fixed; bottom: 0; left: 0; width: 100%; height: 82px; padding: 15px 20px; background: #fff; z-index: 10;}
  .mo_foot_hd ul {display: flex; align-items: center; justify-content: space-between;}
  .mo_foot_hd ul li {text-align: center;}
  .mo_foot_hd ul li .child-box {}
  .mo_foot_hd ul li .child-box .img-box {width: 30px; height: auto; margin: 0 auto; margin-bottom: 7px;}
  .mo_foot_hd ul li .child-box .img-box img {width: 100%; height: auto;}
  .mo_foot_hd ul li .child-box .hd_tit {font-size: 13px; font-weight: 400; color: #262626;}
  .mo_foot_hd ul li.active .child-box .hd_tit {color: #50DAFF;}
  /* //mo_foot_hd */

  .pc_header nav, .mo_btns {display: none !important;}


  /* mo nav */
  .mo_btns {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); display: block; width: 50px; z-index: 101;}
  .mo_btns.active {width: 30px;}
  header nav {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 100;}
  header nav ul.top_ul-menu {width: 100%; height: 100%; flex-flow: column;}
  header nav ul.top_ul-menu li {margin: 0; margin-bottom: 20px;;}
  header nav ul.top_ul-menu li .tit_nav {text-align: center; font-size: 20px; color: var(--white);}

  /* .sns-area {position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: -101; width: calc(100% - 20px); opacity: 0;}
  .sns-area.active {z-index: 101; opacity: 1; transition: all .3s;} */
  /* header .sns-area a {width: 100%;} */
  header nav ul.top_ul-menu li .tit_nav {padding: 0;}
  header nav ul.top_ul-menu .sub-nav_wrap {display: none; background: transparent; position: initial; transform: initial; text-align: center;}
  /* header nav ul li:hover .sub-nav_wrap:hover {display: none;} */
  header nav ul.top_ul-menu li:hover .tit_nav:hover ~ .sub-nav_wrap {display: none;}
  .bottom_ul-wrap {display: none !important;}
  /* //mo nav */


  .visual {background: url(./../img/kv_bg.jpg) 50% 50%; background-size: cover;}
  .kv_top {left: 30px; width: 200px;}
  .visual .txt-box .kv_txt {font-size: 26px;}
  .sec {padding: 50px 0 80px;}

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

  .review-list {padding-top: 40px 0 80px}
  .sec2 {padding-bottom: 0;}
  .review-list li {width: 49%;}

  .tit-box img {width: 40px;}
  .tit-box .sub {margin-top: 20px; font-size: 18px;}

  .sec4 .img-box {width: 300px;}

  .sec5 .img-box {width: 300px;}
  .sec5 .img-box2 {width: 100%;}

  .data-area .number-area {font-size: 30px;}
  .data-area .number-area span {font-size: 18px;}

  .data-area .left-box {margin-right: 30px;}
  .tab-area {width: 100%;}
  .tab-area .tab-nav li {height: 45px; font-size: 14px;}
  .tab-content .list dl dt {font-size: 16px;}

  .logo-list {width: 100%;}

  footer {padding-bottom: 152px;}
  footer .copyright {margin-bottom: 40px; font-size: 14px;}
  footer .address {font-size: 16px;}
  footer .customer_service {font-size: 20px; margin-bottom: 5px;}
  footer .form_link a {font-size: 16px;}

  .myslide1 .swiper-wrapper {width: 100%; margin-left: 0;}
  .myslide1 .swiper-wrapper .swiper-slide-active {width: 300px; overflow: hidden;}
  .swiper-prev {transform: translateY(-50%); left: 0; right: auto;}
  .swiper-next {transform: translateY(-50%); right: 0; left: auto;}
  .myslide1 .swiper-wrapper .swiper-slide {width: 500px;}

  /* sub */
  .process-area2,.product_option,.table-area {padding: 0 30px;}
  .process-area2 ul li .child-box {height: 300px;}
  .process-area2 ul li .child-box .imgs-box img {width: 100px;}
  .process-area2 ul li .child-box .imgs-box figure {margin-bottom: 5px;}
  .process-area2 ul li .child-box .imgs-box figure span {margin-left: 5px; font-size: 14px;}
  .process-area2 ul li .child-box .txt-box .txt-tit {font-size: 18px;}
  .process-area2 ul li .child-box .imgs-box .imgs-tit {margin-bottom: 10px; font-size: 16px;}

  .product_option ul {margin: 0 -10px;}
  .product_option ul li {padding: 0 10px;}
  .product_option ul li .child-box .img-box {width: 100%;}
  .dscription4 dl dd {font-size: 14px;}

  /* .method-area */
  .method-area {width: 100%;}
  .method-area ul li::before {display: none;}
  /* //.method-area */

  /* .img_list_click */
  .img_list_click {padding: 0 30px;}
  .img_list_click .d-flex {flex-flow: column;}
  .img_list_click .view-img {width: 100%;}
  .img-list_box {width: 100%; margin-bottom: 20px;}
  .img-list_box li {width: calc(100% / 3);}
  /* //.img_list_click */

  .circular_line-img .circular_line {width: 100%;}

  .process-area ul li .child-box .top .txt-tit {font-size: 14px;}
  .process-area ul li .child-box .top:after {margin: 5px auto;}
  .process-area ul li .child-box .bottom .txt-txt {font-size: 12px;}

  .straight_line ul {padding: 5px;}

  .img_list_click .view-img {margin-bottom: 24px;}
  .img_list_click .view-img img {margin-bottom: 0;}

  .swiper-button-next5 {transform: initial;}
  .swiper-button-prev5 {transform: initial;}
}

@media screen and (max-width: 900px) {
  .img_list_card ul {flex-wrap: wrap; gap: 10px 0;}
  .img_list_card ul li {width: calc(100% / 2); padding: 0 10px;}
  .img_list_card ul li:nth-child(odd) {padding-left: 0;}
  .img_list_card ul li:nth-child(even) {padding-right: 0;}

  .effect_content .d-flex {flex-flow: column; gap: 20px 0; margin-bottom: 50px;}
  .effect_content .d-flex .right-box {width: 100%;}
  .effect_content .line_txt-box {width: 100%;}
  .effect_content .line_txt-box ul {display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%;}
  .effect_content .line_txt-box ul li {width: calc(100% / 3); margin-bottom: 0;}
  .effect_content .line_txt-box ul li:before {display: none;}
  .effect_content .line_txt-box ul li .txt-box {width: 100%;}
  .effect_content .line_txt-box ul li .txt-box .txt-tit {margin-bottom: 10px; font-size: 18px;}
  .circle-list2 ul {flex-wrap: wrap; justify-content: initial; gap: 40px 0;}
  .circle-list2 ul li {width: calc(100% / 3);}
  .circle-list2 ul li .child-box .txt-txt {font-size: 14px;}

  .img-list6 {width: 100%; padding: 0 30px;}
  .txt-list1 {width: calc(100% - 60px);}

  .img-list2 ul {justify-content: flex-start; gap: 40px 0;}
  .img-list2 ul li {width: calc(100% / 3);}
  .img-list2 ul li .child-box .img-box {margin-bottom: 10px;}
  .img-list2 ul li .child-box .txt-box .txt-tit {font-size: 16px;}

  .img-list4 {width: 100%; padding: 0 30px;}

  .img-list4 ul li {margin-right: 10px;}
  .img-list4 ul li .txt-box .txt-tit {padding-bottom: 15px; margin-bottom: 15px;; font-size: 18px;}
  .img-list4 ul li .txt-box .txt-txt {font-size: 14px;}
  .img-list4 ul li .txt-box .txt-tit:before {bottom: -2px; width: 30px; height: 2px;}

  .circle_img_list ul .item .child-box .img-box {width: 100%; height: 100%; margin-bottom: 15px;}
  .circle_img_list ul .item .child-box .txt-box .txt-tit {width: 120px; height: 35px; margin: 0 auto 5px; font-size: 14px;}
  .circle_img_list ul .item .child-box .txt-box .txt-txt {font-size: 13px;}
  /* .circle_img_list ul li.item_arrow,.circle_img_list ul li.item {width: calc(100% / 4);} */

  /* .img_col4_slide  */
  .img_col4_slide {width: 100%; padding: 0 30px; overflow: hidden !important;}
  /* .img_col4_slide .swiper-wrapper {overflow: hidden;} */
  .img_col4_slide .swiper-wrapper li {opacity: 0;}
  .img_col4_slide .swiper-wrapper li.swiper-slide-active {width: 100%; opacity: 1;}
  .img_col4_slide .swiper-wrapper li .slide-items:nth-child(odd) {padding-right: 10px;}
  .img_col4_slide .swiper-wrapper li .slide-items:nth-child(even) {padding-left: 10px;}
  .img_col4_slide .swiper-wrapper li .dim {width: calc(100% - 10px);}
  .img_col4_slide .swiper-wrapper li {gap: 20px 0;}
  .swper_btns > div {width: 38px; height: 38px;}
  .swper_btns > div:first-of-type {margin-right: 10px;}
  /* //.img_col4_slide  */

  /* .time_dscription */
  .time_dscription {width: 100%; padding: 0 30px;}
  .time_dscription ul li {margin-right: 20px;}
  .time_dscription ul li .child-box .time_zone {margin-bottom: 10px; font-size: 18px;}
  .time_dscription ul li .child-box .time_txt {font-size: 14px; word-break: keep-all;}
  .time_dscription ul li .child-box {height: 140px; padding: 10px;}
  /* //.time_dscription */

  .product_img_list ul {width: 100%; margin: 0 -5px 10px;}
  
}

@media screen and (max-width: 800px) {
  .process-area2,.product_option,.table-area,.review-swiper {padding: 0 20px;}
  .table-area table th {font-size: 16px;}
  .table-area table th:last-child {font-size: 18px;}
  .table-area table td {padding: 10px;}
  .table-area table td:first-child {font-size: 14px;}
  .table-area table td .tb-tit {font-size: 14px;}
  .table-area table td .tb-sub {font-size: 12px; word-break: keep-all;}
  .process-area2 ul li .child-box {height: 220px; align-items: flex-start; flex-flow: column-reverse;}
  .process-area2 ul li .child-box .txt-box {margin-top: 20px;}
  .process-area2 ul li .left .child-box .txt-box {text-align: left;}
  .process-area2 ul li .child-box .txt-box .txt-tit {font-size: 16px;}
  .process-area2 ul li .child-box .txt-box .txt-txt {font-size: 12px;}
  .process-area2 ul li {flex-flow: column; width: 100%;}
  .process-area2 ul li:nth-child(even) {flex-flow: column-reverse;}
  .process-area2 ul li .right {margin-left: 0;}
  .process-area2 ul li .left {margin-right: 0;}
  .process-area2 ul:before {left: auto; right: 0; transform: initial;}
  .process-area2 ul li .right .child-box .img-box:before {left: auto; right: -8px;}
  .process-area2 ul li .right .child-box .img-box:after {left: auto; right: -41px;}
  .process-area2 ul li .child-box {height: auto;}
  .process-area2 ul li .child-box .imgs-box {display: flex; align-items: center; justify-content: space-between; flex-flow: initial; gap: 20px; margin-top: 20px;}
  .process-area2 ul li .right .child-box {flex-flow: column;}
  .process-area2 ul li .child-box .imgs-box figure {margin-bottom: 0; flex-flow: column;}
  .process-area2 ul li .child-box .imgs-box figure span {margin-left: 0; margin-top: 10px;}
  .process-area2 ul:before {display: none;}
  .process-area2 ul li .child-box .img-box:after {display: none;}
  .process-area2 ul li .child-box .img-box:before {display: none;}
  .process-area2 ul li .right .child-box .img-box:before {display: none;}
  .process-area2 ul li .right .child-box .img-box:after {display: none;}
  .product_option ul {flex-flow: column; margin: 0; gap: 20px;}
  .product_option ul li {width: 100%; padding: 0;}
  .product_option ul li .child-box {height: auto;}
  .product_option ul li .child-box .img-box {width: 250px; margin: 0 auto 20px;}

  .review-swiper {display: none;}

  .review-swiper1 {display: block; width: 100%; height: auto; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
  .review-swiper1 ul {width: 100%; height: auto; align-items: center;}
  .review-swiper1 ul li {text-align: center;}
  .review-swiper1 ul li .child-box {height: 100%; padding: 31px 39px; margin: 0 auto; background: var(--white); border-radius: 8px;}
  .review-swiper1 ul li .child-box .review-name {margin-bottom: 8px; font-size: 16px; font-weight: 500; line-height: 150%; color: var(--gray94);}
  .review-swiper1 ul li .child-box .review-tit {margin-bottom: 16px; font-size: 20px; font-weight: 700; line-height: 150%; color: var(--black26);}
  .review-swiper1 ul li .child-box .review-txt {font-size: 16px; font-weight: 500; line-height: 150%; color: var(--gray58);}

  .review-swiper ul li.swiper-slide-active {width: 100%; height: auto;}
  .review-swiper1 ul li.swiper-slide-active .child-box .review-name {margin-bottom: 10px;}
  .review-swiper1 ul li.swiper-slide-active .child-box .review-tit {margin-bottom: 20px; font-size: 16px;}
  .review-swiper1 ul li.swiper-slide-active .child-box .review-txt {font-size: 14px;}
  .swiper-button-next:after {display: none;}
  .swiper-button-next img {width: 48px; height: 48px; border-radius: 100%; object-fit: cover;}
  .swiper-button-prev:after {display: none;}
  .swiper-button-prev img {width: 48px; height: 48px; border-radius: 100%; object-fit: cover;}
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background: none;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background: none;}

  .img-list1 ul {gap: 40px 0; flex-wrap: wrap;}
  .img-list1 ul li {width: calc(100% / 2); padding: 0 10px;}
  .img-list1 ul li .child-box .img-box {margin-bottom: 20px;}
  .img-list1 ul li:nth-child(odd) {padding-left: 0;}
  .img-list1 ul li:nth-child(even) {padding-right: 0;}

  /* .sec13 {height: 800px;} */
  /* .process-area {transform: rotate(90deg); top: 276px;}
  .process-area ul li {transform: rotate(-90deg);}
  .process-area ul li:before {left: auto; right: -48%;}
  .process-area .process-top li:before {right: auto; left: -25%;} */
  /* .process-area .process-bottom li:before {top: auto; bottom: 0;} */
  .mo_none {display: none;}
  .mo_block {display: block;}
  .process-area:before,.process-area .process-bottom li:before,.process-area .process-top li:before,.process-area .process-top li:after,.process-area .process-bottom li:after {display: none;}
  .process-area .process-bottom {margin-left: 0;}
  .process-area ul {flex-wrap: wrap; gap: 30px 0; width: 100%; height: 100%; margin-bottom: 0 !important;}
  .process-area ul li {width: calc(100% / 3);}


  .straight_line .d-flex {flex-wrap: wrap;}
  .straight_line .straight_ul {position: relative; width: calc(100% / 2);}
  .straight_line .straight_ul ul {padding: 20px;}
  .straight_line .straight_ul:nth-child(odd) ul {padding-left: 0;}
  .straight_line .straight_ul:nth-child(even) ul {padding-right: 0;}
  .straight_line .straight_ul:nth-child(1) ul {border-right: none;}
  .straight_line .straight_ul:nth-child(2) ul {border-right: none; border-left: 1px dashed var(--white);}
  .straight_line .txt-tit {font-size: 18px;}
  .straight_line ul li .child-box .txt-txt {font-size: 14px;}
}

@media screen and (max-width: 700px) {
  header {height: 60px;}
  header .logo {width: 130px; top:-4px;}
  .mo_btns {right: 20px; width: 35px;}

  .visual {margin-top: 60px; background: url(./../img/kv_bg.jpg) 50% 50% / cover;}
  .visual .txt-box {left: 0; width: 100%; text-align: center;}
  .visual .txt-box .kv_txt {font-size: 20px;}

  .main_act {padding: 20px 80px; left: 50%; transform: translateX(-50%); font-size: 16px; top: 75%;}

  .container {padding: 0 20px;}
  .review-list li {width: 100%;}
  .tit-box .sub {width: 400px; margin: 20px auto 0;}
  .img-list li {width: 100%;}

  .img-list2 {flex-wrap: wrap;}

  .news-area ul {flex-wrap: wrap;}
  .news-area ul li {width: 100%;}

  .img-list3 ul li .child-box {flex-flow: column;}
  .img-list3 ul li .child-box .img-box {width: 100%; margin-right: 0;}

  footer .f-container {flex-flow: column; justify-content: center;}
  footer .address {width: 100%; text-align: center; margin-bottom: 30px;}
  footer .footer_btns {text-align: center;}

  .sec10 .rolling_swiper1 {width: 100%;}
  .sec10 .rolling_swiper1 .swiper-slide .icon {width: 30px; margin-right: 10px;}
  .sec10 .rolling_swiper1 .swiper-slide .name {font-size: 16px;}
  .sec10 .rolling_swiper1 .swiper-slide .name > span {font-size: 14px; margin-top: 5px;}
  .sec10 .rolling_swiper1 .swiper-slide .time {font-size: 14px;}
  .sec10 .rolling_swiper1 .swiper-slide {padding: 20px;}
  .sec10 .rolling_swiper1 {height: 450px;}

  .sub_bg {height: 150px; margin-top: 60px;}
  .Page_loca {font-size: 14px;}
  .sub_tit_box .tit {font-size: 20px;}
  .sub_kv {height: 350px;}
  .sub_kv .sub_kv-txt .sub-tit {font-size: 30px;}
  .sub_kv .sub_kv-txt .sub-sub {font-size: 20px;}

  
  .img_list_card, .method-area, .effect_content,.img-list7 {padding: 0 20px;}
  .img_list_card ul {gap: 20px 0;}
  .img_list_card ul li {width: 100%; padding: 0;}
  .img-list7 ul li {margin: 0 10px;}
  .img-list7 ul:first-child {margin-bottom: 20px;}
  .img-list7 ul {margin: 0 -10px;}


  .img-list7 ul li .child-box .dim .dim-tit {font-size: 14px;}
  .img-list7 ul li .child-box .dim a {font-size: 10px;}

  /* method-area */
  .method-area ul {padding: 0;}
  .method-area ul li {justify-content: flex-end;}
  .method-area ul li:nth-child(even) {justify-content: flex-start;}
  .method-area ul li:nth-child(odd) {flex-flow: row-reverse;}
  .method-area ul li .img-box {width: 58px;}
  .method-area ul li .img-box img:last-child {display: none; left: auto; right: 0; transform: matrix(-1, 0, 0, 1, 0, 0);}
  .method-area ul li .img-box:before {left: auto; right: -46px;}
  .method-area ul li .txt-box {text-align: left; margin-right: 0; margin-left: 61px;}
  .method-area ul li .img-box img:first-child {width: 58px;}
  .method-area ul li .left-box .img-box img:first-child {right: auto; left: 0;}
  .method-area ul li .img-box img:first-child {right: auto; left: 0;}
  .method-area ul li .img-box:before {width: 20px; height: 2px; right: -20px;}
  .method-area ul li .left-box .img-box:before { right: -20px;}
  .method-area ul li .txt-box,.method-area ul li .right-box .txt-box {margin-left: 25px;}
  .effect_content .line_txt-box ul li .txt-box .txt-tit {margin-bottom: 5px; font-size: 16px;}
  .effect_content .line_txt-box ul li .txt-box .txt-txt {font-size: 14px;}

  .img-list6 {margin-bottom: 10px; padding: 0 20px;}
  .img-list6 ul {margin: 0 -5px;}
  .img-list6 ul li {padding: 0 5px;}
  .img-list6 ul li .child-box {height: 420px;}

  .img-list1 {padding: 0 20px;}

  .img-list4 {padding: 0 20px;}
  .img-list2 ul li {width: calc(100% / 2);}
  .img-list4 ul {margin-bottom: 20px;}

  .img-list_box {gap: 10px 0; margin: 0 0 20px;}
  .img_list_click {padding: 0 20px;}
  .img-list_box li {width: calc(100% / 2); padding: 0 5px;}
  .img-list_box li:nth-child(odd){padding-left: 0;}
  .img-list_box li:nth-child(even){padding-right: 0;}
  .img_list_click .view-img {margin-right: 0;}
  .img-list_box li .child-box .img-box {width: 70px; height: 70px;}
  .circle_img_list {padding: 0 20px;}
  .img_list_click .all {margin-bottom: 10px; font-size: 18px;}
  .img_list_click .d-flex {display: block;}
  .img-list_box li .child-box .txt-box .txt-tit {font-size: 14px;}
  .dscription {font-size: 14px;}
  .dscription2 {font-size: 14px;}

  .img_col4_slide {padding: 0 20px;}
  .img_col4_slide .swiper-wrapper li {gap: 10px 0;}
  .img_col4_slide .swiper-wrapper li .slide-items:nth-child(odd) {padding-right: 5px;}
  .img_col4_slide .swiper-wrapper li .slide-items:nth-child(even) {padding-left: 5px;}

  .time_dscription {padding: 0 20px;}

  .circular_line-img .circular_line .circular_line-tit {font-size: 18px;}
  .circular_line-img .circular_line ul li .child-box .txt-tit {margin-bottom: 10px; font-size: 16px;}
  .circular_line-img .circular_line ul li .child-box .img-box {width: 150px; height: 150px;}
  .circular_line-img .circular_line .lines {height: 336px; top: 56%;}
  .circular_line-img .circular_line .circular_line-tit:last-of-type {bottom: 283px;/*30*/}
  .circular_line-img .circular_line ul {gap: 145px 0;}

  .straight_line {padding: 0 20px;}

  .product_img_list {padding: 0 20px 40px;}
  .product_img_list ul {margin: 0 0 10px; gap: 10px 0;}
  .product_img_list ul li {width: calc(100% / 2); padding: 0 5px;}
  .product_img_list ul li:nth-child(odd) {padding-left: 0;}
  .product_img_list ul li:nth-child(even) {padding-right: 0;}

  .img_list_click .view-img {height: 280px;}

  .swiper-next2 {right: 0; transform: translateY(-50%); left: auto;}
  .swiper-prev2 {left: -5px; transform: translateY(-50%); right: auto;}

  .txt-list1 {width: calc(100% - 40px);}

  .form-area {max-width: 100%; padding: 0 20px;}
  .from_tit {font-size: 18px; padding-bottom: 10px; margin-bottom: 10px;;}
  .input-box {margin-bottom: 10px;}
  .input-box label {margin-bottom: 5px; font-size: 16px;}
  .input-box input {font-size: 14px; padding: 0 10px; height: 40px;}
  .input-box select {font-size: 14px; padding: 0 10px; height: 40px; background-size: 12px 6px;}
  .input-box input[type="date"] {appearance: none !important; -webkit-appearance: none !important;}
  .input-box textarea {font-size: 14px; padding: 10px; height: 120px;}
  .d-scriptions {margin-top: 20px; font-size: 12px;}
  .sumit_btn {font-size: 14px; height: 40px;}
}

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

  .visual {height: 50vh;}
  .tit-box .tit {font-size: 22px;}
  .tit-box .sub {font-size: 16px;}
  .method-area ul li .img-box img:first-child {width: 40px;}
  .method-area ul li .img-box:before,.method-area ul li .left-box .img-box:before {right: 0;}
  .method-area ul li .txt-box {width: 100%;}
  .method-area ul li .txt-box, .method-area ul li .right-box .txt-box {margin-left: 10px;}
  .method-area ul li .txt-box .txt-step {margin-bottom: 5px; font-size: 18px;}
  .method-area ul li .txt-box .txt-tit {margin-bottom: 10px; font-size: 20px;}
  .method-area ul li .txt-box .txt-txt {font-size: 14px;}

  .circle-list2 ul li {width: calc(100% / 2);}
  .effect_content .line_txt-box ul {flex-flow: column; gap: 10px 0; margin-left: 0;}
  .effect_content .line_txt-box ul li {width: 100%;}
  .circle-list2 ul li .child-box {padding: 0 10px;}
  .circle-list2 ul li .child-box .txt-txt {word-break: keep-all;}

  .img-list6 ul {flex-flow: column; margin: 0; gap: 20px 0;}
  .img-list6 ul li {width: 100%; padding: 0;}
  .img-list6 ul li .child-box {height: auto; padding: 20px;}

  .txt-list1 {padding: 24px 10px;}
  .txt-list1 dl dt {font-size: 14px;}
  .txt-list1 dl dd {font-size: 12px; word-break: keep-all;}
  .txt-list1 .dl-box {align-items: initial;}

  .img-list1 ul {gap: 20px 0;}
  .img-list1 ul li .child-box .img-box {margin-bottom: 10px;}
  .img-list1 ul li .child-box .txt-tit {margin-bottom: 5px; font-size: 16px;}
  .img-list1 ul li .child-box .txt-txt {font-size: 14px;}

  .img-list4 ul {flex-flow: column;}
  .img-list4 ul:nth-of-type(even) {flex-flow: column-reverse;}
  .img-list4 ul li.left {margin-right: 0;}
  .img-list4 ul li {margin-bottom: 20px; width: 100%;}

  .circle_img_list ul {align-items: initial; gap: 40px 0; justify-content: flex-start; margin: 0 -10px;}
  .circle_img_list ul .item_arrow {display: none !important;}
  .circle_img_list ul li.item {width: calc(100% / 3); padding: 0 10px; align-items: flex-start;}
  .circle_img_list ul .item .child-box .txt-box .txt-tit {width: 100%;}

  .time_dscription ul {flex-flow: column;}
  .time_dscription ul li {margin-right: 0; width: 100%; margin-bottom: 20px;}
  .time_dscription ul li:last-of-type {margin-bottom: 0;}


  .circular_line-img .circular_line ul li .child-box .img-box {width: 100px; height: 100px;}
  .circular_line-img .circular_line .lines {height: 282px; top: 56.8%; display: none;}
  .circular_line-img .circular_line .circular_line-tit:last-of-type {bottom: 244px;}
  /* .circular_line-img .circular_line ul li:nth-child(2) .child-box .img-box:before {display: none;}
  .circular_line-img .circular_line ul li:nth-child(5) .child-box .img-box:before {display: none;} */
  .circular_line-img .circular_line ul li .child-box .img-box:before {right: -110px; width: 110px;}
  .circular_line-img .circular_line ul li .child-box .txt-tit {font-size: 14px;}
  .list4_tit {width: 130px; height: 30px; font-size: 16px;}

  .process-area ul li {width: calc(100% / 2);}

  .straight_line .straight_ul {width: 100%;}
  .straight_line .straight_ul ul {padding: 0; border: none !important;}
  .straight_line ul li .child-box .img-box img {border-radius: 20px;}
  .straight_line .straight_ul {margin-bottom: 20px;}
  .straight_line .txt-tit {margin-bottom: 20px;}
  .dscription4 {padding: 0 20px; word-break: keep-all;}

  /* .myslide2 .swiper-wrapper .swiper-slide-active {width: 100%;}
  .swiper-wrapper.aos-animate {margin: 0;} */
  .myslide2 {overflow: hidden; border-radius: 8px;}

  .img-list7 ul {margin: 0 -5px;}
  .img-list7 ul:first-child {margin-bottom: 10px;}
  .img-list7 ul li {margin: 0 5px;}

  .sns-area {flex-direction: column; right: 20px !important;}
  header .sns-area a {margin-right: 0; margin-top: 20px;}

  /* iframe */
  .myslide2_mo .swiper-slide {width: 100%; height: 65vw;}
  .myslide2_mo .swiper-slide iframe {width: 100%; height: 100%; border-radius: 10vw;}
  /* //iframe */

  .slide_no {display: none;}
  .slide_mo {display: block;}
}

@media screen and (max-width: 425px) {
  .data-area .left-box {margin-right: 15px;}
  .data-area .number-area {font-size: 20px;}
  .data-area .number-area span {font-size: 16px;}
  .d-scription {margin-top: 10px; font-size: 14px;}
  .tab-area .tab-nav li {font-size: 12px;}
  .tab-content {padding: 20px;}
  .tab-content .list dl dt {font-size: 14px;}
  .tab-content .list dl dt {min-width:67px;}
  .tab-content .list dl dd .gaugebar {font-size: 12px;}
  .tit-box .sub {width: 90%;}
  .sec4 .img-box {width: 100%;}

  .process-area2 ul li .child-box .imgs-box {gap: 5px;}
  .process-area2 ul li .child-box .imgs-box img {width: 88px;}
  .process-area2 ul li .child-box .imgs-box .imgs-tit {font-size: 14px; white-space: initial;}

  .img-list1 ul li {width: 100%; padding: 0;}

  .img-list2 ul {margin: 0;}
  .img-list2 ul li {width: 100%; padding: 0;}

  .circle_img_list ul li.item {width: calc(100% / 2);}

  .circular_line-img .circular_line ul li .child-box .img-box {width: 80px; height: 80px;}
  .circular_line-img .circular_line .circular_line-tit:last-of-type {bottom: 222px;}
  .circular_line-img .circular_line ul li .child-box .txt-tit {font-size: 12px;}
  .circular_line-img .circular_line ul li .child-box .img-box:before {right: -90px; width: 90px;}
  .circular_line-img .circular_line .circular_line-tit {width: 100%;}

  .img-list_box li .child-box .img-box {width: 50px; height: 50px;}

  .img_list_click .view-img {height: 150px;}

  .visual .txt-box {width: 100%;}
}