@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

#hd {position: fixed;width: 100%;top:0;background: #fff;z-index: 999;}

.mainvisual {height:100vh;position:relative;}
.mainvisual .maintxt {width:1600px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.mainvisual01 {background: url('/images/mainvisual.png') center/cover no-repeat;}
.mainvisual h5 {color:#a8a8a8;font-size:3rem;font-weight:400;}
.mainvisual h2 {color:#a8a8a8;font-size:7.5rem;line-height:1;}

.title {margin:0 0 32px;font-size:4.5rem;font-family:'Lora','Noto Sans KR';color:#111;}
.subtitle {font-size:2rem;color:#D6C5AB;}
.subtitle::before {display:inline-block;width:55px;height:1px;background:#D6C5AB;content:"";vertical-align:middle;margin: 0 16px 6px 0}

.flex {display:flex;}
.content {overflow-x: hidden;}


.sec01 {padding:72px 0 ;display: flex;gap:80px;overflow:hidden;}
.sec01 .txt {padding:180px 0 0 160px;}
.sec01 p {font-family:'Noto Sans KR';margin:0 0 16px;font-size:1.125rem;line-height:1.6;}
.sec01 span {margin-right:-120px;}

/* video 추가 */
.main_video_wrap {padding:160px 0;}
.main_video {width:60%;padding-left:160px;}
.main_video iframe {width: 100%;height:620px;}
.main_video_wrap a.video_link {font-size: 18px;text-decoration: underline; color: #818181;margin-top: 80px; font-family: 'Gowun Batang', 'Noto Sans KR', 'Nanum Gothic'; display: block;}


.sec02 {padding:54px 0 0;background:url('/images/sec02_bg.png') right bottom no-repeat #FBF8F4;}
.sec02 .sec02_in {width: 1600px;margin:0 auto;position: relative;}
.sec02 .sec02_in .bg_txt {position:absolute;font-size:158px;font-family:'Lora';color:#F1EAE0;z-index:0;font-weight:900;}
.sec02 .sec02_in img {position:relative;z-index:10;margin:120px 0 0;}
.sec02 .sec02_in .cv {margin:220px 0 0;}
.sec02 .sec02_in .cv h5 {font-size:2rem;font-weight:700;color:#111;margin-bottom:36px;}
.sec02 .sec02_in .cv h5 span {display:inline-block;font-weight:700;font-size:3rem;padding:0 0 0 20px;}
.sec02 .sec02_in .cv ul li {font-size:1.5rem; color:#111;line-height:50px;}
.sec02 .sec02_in .cv ul li::before {content:"";display:inline-block;width:7px;height:7px;background:#D6C5AB;border-radius: 50%;margin-bottom:4px;margin-right:22px;}

.sec03 {padding:160px 0 170px 0;background: url('/images/sec03_bg.png') center center no-repeat;position:relative;}
.sec03 .bg_txt {position:absolute;font-size:158px;font-family:'Lora';color:#F7F7F7;z-index:0;font-weight:900;bottom:30px;}
.sec03 .flex > div {width:55%;}
.sec03 .flex > div.txt {width:50%; padding-left:160px;}
.sec03 .flex > div.txt p {font-family:'Noto Sans KR';margin:0 0 16px;font-size:1.125rem;line-height:1.6;}
.sec03 .swiper-slide {width:390px !important;margin-right:50px;}
.sec03 .swiper-slide h5 {font-size:2rem;color:#111;margin-bottom:10px;font-weight:700;}
.sec03 .swiper-slide p {font-size:1.25rem;color:#818181;margin-bottom:20px;}

.sec04::after {content:"";display:block;clear:both;}
.sec04 .map_info {float: left; width: 40%; padding:88px 0 88px 65px;height:690px;background:url('/images/logo_o.png') right 57px bottom 48px no-repeat #F8F8F8;}
.sec04 .map_info > div {margin:0 0 0 auto;}
.sec04 .map_info > div h2 {font-size: 3.625rem;margin:0 0 46px;color:#111;}
.sec04 .map_info .subtitle {color:#A8A8A8;}
.sec04 .map_info .subtitle::before {background:#A8A8A8;}
.sec04 .map_info > div p {font-weight: 400;}
.sec04 .map_info > div ul li {margin:0 0 10px;font-size:1.25rem;color:#111;display:flex; align-items: center;font-family:'Noto Sans KR';}
.sec04 .map_info > div ul li span {margin-right:25px;display:block;width:130px;text-align:center;font-size:1rem;color:#818181;border:1px solid #ddd;line-height:35px;}
.sec04 .map {float: left; width: 60%;height:690px;overflow:hidden;margin: 0;}


#board_wrap {width: 100%;margin: 0 auto;padding:0 0 120px;}
#ctt {margin: 0;padding: 0;}

#subvisual {width: 100%;height:100vh;overflow: hidden;}
.subvisual {height:100vh;text-align: center;background-size:cover;background-position:center center;display:flex;justify-content:center;align-items: center;}
@keyframes visualfade {
    from {
      transform: scale(1);
    }
    to {
        transform: scale(1.1);
    }
  }
#subvisual h5 {font-size: 2rem;color: #fff;font-weight: 400;letter-spacing: 0.22em;margin-left: -2.2em;text-shadow: 0 3px 6px rgba(0,0,0,0.16);margin: 5px 0;text-transform: uppercase;}
#subvisual h2 {font-size: 4rem;color: #fff;font-weight: 400;letter-spacing: 0.1em;text-shadow: 0 3px 6px rgba(0,0,0,0.16);margin: 5px 0 20px;}
#subvisual p {font-size: 1.25rem;color: #fff;font-weight: 400;text-shadow: 0 3px 6px rgba(0,0,0,0.16);font-family: 'Noto Sans KR';}

b {color: #616161;}
.noto {font-family: 'Noto Sans KR';}
.cate {color: #C5B08E; padding: 5px 30px;border: 1px solid #F5E9D6;border-radius: 50px;}
.w1600 {width: 1600px; margin:0 auto !important;}

.fz-20 {font-size: 1.25rem;}
.fz-24 {font-size: 1.5rem;}
.fz-26 {font-size: 1.625rem;line-height: 1.5em;}
.fz-28 {font-size: 1.75rem;line-height: 1.4em;}
.fz-32 {font-size: 2rem;}
.fz-36 {font-size: 2.25rem;}
.fz-38 {font-size: 2.375rem;}
.fz-42 {font-size: 2.625rem;margin-bottom: 34px;color: #111;line-height: 1.5em;}
.fw-700 {font-weight: 700;}
.fw700 {font-weight: 700;}
.fw300 {font-weight: 300;}
.w {color: #fff !important;}
.b1 {color: #111;}
.c1 {color: #D6C5AB;}
.c2 {color: #C5B08E;}
.c3 {color: #E7DFD4;}
.bg1 {color: #F5E9D6;}
.red {color: #DB2F2F;}
.mt60 {margin-top: 60px !important;}
.mb60 {margin-bottom: 60px;}
.left {text-align: left;}

.f1 {font-size: 2rem;color: #CCBEA8;line-height: 1.6;margin-bottom: 20px;}
.f1 b {color: #C5B08E;}
.f2 {font-weight: 300;font-size: 1.25rem;color: #A8A8A8;line-height: 2em;margin-bottom: 16px;font-family: 'Noto Sans KR';}
.f3 {font-weight: 300;font-size: 1.125rem;color: #A8A8A8;line-height: 2;margin-bottom: 16px;}


/* .con {margin-top: 80px;} */
.con > div {text-align: center;}
.bg_txt {position:absolute;font-size:158px;font-family:'Lora';color:#F7F7F7;z-index:0;font-weight:900;bottom:30px;}

.center_0101 {display:flex;gap:60px;padding: 0 40px;}
.center_0101 div {width: 420px;height: 430px;padding: 40px 30px;text-align: left;display:flex; flex-direction: column;    justify-content: flex-end;}
.center_0101 div h5 {margin-bottom: 10px;}
.center_0101 div:nth-child(1) {background: url('/images/sub/center_01_01.png') center center no-repeat;border-radius: 200px 0 0 0;}
.center_0101 div:nth-child(2) {background: url('/images/sub/center_01_02.png') center center no-repeat;border-radius: 0 200px 200px 0;}
.center_0101 div:nth-child(3) {background: url('/images/sub/center_01_03.png') center center no-repeat;border-radius: 200px 0 200px 0;}
.center_0101 div:nth-child(4) {background: url('/images/sub/center_01_04.png') center center no-repeat;border-radius: 200px 200px 0 0;}

.con .sec02 {text-align: left;}
.con .sec02 .sec02_in .bg_txt {top: 84px;}

.center_03 {width: 1600px;margin: 0 auto;}
.center_03 .bg_txt {right:0;bottom:60px;}
.center_03 {display:flex;gap:40px;}
.center_03 div {width: 288px;border: 1px solid #ddd;padding: 40px 0 70px;border-radius: 50px;}
.center_03 div h5 {margin-bottom: 30px;}
.center_03 div p {font-weight: 700;line-height: 1.6em;}
.center_03 div p.red {padding: 54px 0;}

.map {width: 1600px;margin: 0 auto;margin-top: 80px;}
.con > div.center_04 {text-align: left;}
.flex{display: flex;}

.linetxt {font-size: 28px;color: #C5B08E;}
.linetxt::before {width: 55px;height: 1px;background: #c5b08e;content:"";display:inline-block;vertical-align: middle;margin: 0 16px 6px 0;}

.center_04 > div {width: 50%;}
.center_04 > div > div {margin-bottom: 84px;}
.center_04 > div th {width: 100px;font-weight: 400;padding: 10px 0;vertical-align: top;}
.center_04 > div td {vertical-align: top;padding: 10px 0;}
.center_04 > div td span {display: block;font-size: 16px;line-height: 28px;color: #A8A8A8;border-left: 2px solid #A8A8A8;padding-left: 15px;margin-top: 15px;}
.center_04 .linetxt {margin-bottom: 30px;}

.bg_sec.skin01 {padding: 80px 0;background: url('/images/sub/skin01_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.skin02 {padding: 80px 0;background: url('/images/sub/skin02_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.skin03 {padding: 80px 0;background: url('/images/sub/skin03_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.skin05 {padding: 80px 0;background: url('/images/sub/skin05_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.lifting01 {padding: 80px 0;background: url('/images/sub/lifting01_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.lifting02 {padding: 80px 0;background: url('/images/sub/lifting02_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.lifting04 {padding: 80px 0;background: url('/images/sub/lifting04_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.petit0102 {padding: 80px 0;background: url('/images/sub/petit01_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.petit02 {padding: 80px 0;background: url('/images/sub/petit02_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.petit03 {padding: 80px 0;background: url('/images/sub/petit03_bg.png') center center no-repeat;background-size: cover;}
.bg_sec.etc02 {padding: 80px 0;background: url('/images/sub/etc02_bg.png') center center no-repeat;background-size: cover;}

.bg_sec .fz-20 {margin-bottom: 15px;}

.center > div {margin: 120px 0;}
.skin > div {margin: 120px 0;}

.skin .fz-20 {font-weight: 300;line-height: 2.5rem;}
.skin .bd_tit {display: inline-block;padding: 8px 36px;border: 1px solid #F5E9D6;border-radius: 50px;margin-bottom: 20px;color: #C5B08E;letter-spacing: 0.04em;text-transform: uppercase;}
.skin .bd_tit.dark {color: #F5E9D6;border: 1px solid #F5E9D6;}
.skin .bd_tit.w {color: #fff;border: 1px solid #fff;}
.skin .bgtxt {display: inline-block;padding: 0 10px;position: relative;z-index: 10;}
.skin .bgtxt::before {background: #F5E9D6;display: block;padding: 0 10px;content:"";width: 100%;height: 50px;position: absolute;top:15px;z-index: -1;left:0;}
.skin .bgtxt b {color: #111;}

.skin01_img {margin-top: 80px;position: relative;z-index: 10;}
.skin01_img::before {background: linear-gradient(to right, #F8F8F8, #DCDCDC);display: block;padding: 0 10px;content:"";width: 100%;height: 160px;position: absolute;top:15px;z-index: -1;left:0;}

.skin02 .flex div {width: 33%;text-align: left;padding-right: 40px;}
.skin02 .flex div .fz-32 {margin-bottom: 20px;}


.skin03 div {display:flex;border-radius: 50%;color: #F5E9D6;font-size: 1.5rem; justify-content: center;margin-top: 60px;}
.skin03 div p {width: 330px;height: 330px;border: 1px solid #F5E9D6;border-radius: 50%;display:flex;    justify-content: center;margin: 0 -20px; align-items: center;}
.petit0101 div {color: #616161;}
.petit0101 div p {border: 1px solid #C9B9A0;}
.petit02 div {gap:30px}
.petit02 div p {border: none;background: url('/images/sub/eq_check') center top 30px no-repeat rgba(255,255,255,0.8);margin: 0;width: 270px;height: 270px;color: #616161;line-height: 1.5;}


.skin04 .flex {width: 1600px;margin: 60px auto 0;justify-content: center;padding: 36px 0;border: 1px solid #E7DFD4;}
.skin04 .flex div {text-align: left;width: 25%;border-right: 1px solid #E7DFD4;padding: 0 36px;}
.skin04 .flex div:last-child {border: none;}
.skin04 .flex div .b1 {margin: 20px 0;}
.skin04 .flex div .c3 {letter-spacing: 0.04em;}
.skin05 div p {padding: 25px;color: #616161;background: rgba(255,255,255,0.7);font-size: 1.24rem;font-family: 'Noto Sans KR';margin-bottom: 16px;}

.lifting01 .fz-20 {margin-bottom: 10px;}
.lifting01 .fz-20 b {color: #fff;}

.lifting03 h5 {background: #D6C5AB;padding: 10px 0;margin-bottom: 40px;}
.lifting03 .flex div{width: 50%;margin: 0 40px;}
.lifting03 .flex div p {padding: 0 20px;}

.petit0102 .flex {border: none;gap:20px;margin-top: 0;padding: 0;}
.petit0102 .flex div {background: rgba(255,255,255,0.8);padding: 30px;border-right: none;}
.petit0102 .flex .c3 {color: #DFD7CC;}

.petit03 > .flex {gap:80px;}
.petit03 > .flex > div {width: 50%;}
.petit03 > .flex > div .img {width: 430px;background: #fff;display:flex;justify-content:center;align-items: center;margin-right:30px;}
.petit03 > .flex > div h5 {background: #D6C5AB;padding: 10px 0;margin-bottom: 40px;}
.petit03 > .flex > div p {margin: 0;}


.eq_sec div {text-align: left;}
.eq_sec > p {position: relative;z-index: 10;}
.eq_sec .eq_img {width: 50%;position: relative;z-index:1;text-align: right;margin-top: -150px;margin-right: 60px;}
.eq_sec .eq_txt {margin-top: 86px;padding-right: 160px;}
.eq_sec .eq_txt p {word-break: keep-all;}
.eq_sec .eq_img img {mix-blend-mode: darken;margin: 0 20px 40px 0;}
.eq_sec .eq_img::before {content:"";display:block;height:368px;position: absolute;z-index: -1;bottom:0;width: 100%;background: url('/images/sub/eq_logo.png') left 40px bottom 40px no-repeat #FBF7F1;}
.eq_sec .eq_img + div {width: 50%;}
.eq_check {margin-top: 40px;gap:20px 30px ;}
.eq_check p {font-size: 1.125rem;color: #C5B08E;background: url('/images/sub/eq_check.png') left center no-repeat;padding-left: 36px;}

.eq_sec.petit0202 .eq_img {margin-top:-88px;}
.eq_sec.petit0302 .eq_img {margin-top:-46px;}
.eq_sec.petit0302 .eq_img::before {height: 294px;}
.eq_sec.ect01 .eq_img {margin-top:-98px;}
.eq_sec.ect01 .eq_img::before {height:320px}
.eq_sec.lifting05 .eq_img {margin-top: 0;background: url('/images/sub/lifting05.png') left center no-repeat;height:368px}
.eq_sec.lifting05 .eq_txt {margin-top: 0;background: url('/images/sub/eq_logo.png') left bottom 40px no-repeat ;}
.eq_sec.lifting05 .eq_img::before {display: none;}

.point_list {display:flex;flex-wrap:wrap;gap:20px;}
.point_list div {width: calc(( 100% - 20px ) / 2);text-align: left;border: 1px solid #ddd;padding: 16px 60px;}
.point_list div p {color: #818181;font-size: 1.25rem;}
.point_list div p::before {content:"";display:inline-block;width: 14px;height: 14px;border: 1px solid #a8a8a8;margin-right: 20px;vertical-align: middle;margin-bottom: 4px;}

.petit_icon .flex div {width: 25%;padding: 20px 0;border-right: 1px solid #ddd;}
.petit_icon .flex div:last-child {border-right: none;}
.petit_icon .flex div span {display: inline-block;margin-bottom: 28px;}

.petit04 .swiper-slide {border: 1px solid #ddd;padding: 40px 50px;width: 1300px !important;gap:40px;}
.petit04 .swiper-slide .img {width: 320px;}
.petit04 .petit_icon {display: flex;padding: 20px 0;background: #FFFCF8;align-items: center;justify-content: center;}
.petit04 .petit_icon div {width: 30%;padding: 0;border-right: 1px solid #ddd;font-size: 1rem;text-align: center;}
.petit04 .petit_icon div img {height: 70px !important;}
.petit04 .petit_icon div:last-child {border-right: none;}
.petit04 .petit_icon div span {display: inline-block;margin-bottom: 28px;}
.petit04 .eq_sec .eq_txt {padding: 0;margin: 10px 0 ;}
.petit04 .eq_check {margin: 10px 0 40px;}

#bo_list {width: 1600px !important;margin: 0 auto;margin-top: 80px;}
#bo_w {width: 1600px !important;margin: 0 auto;margin-top: 80px;}
#bo_w .bo_w_tit .frm_input {padding: 0 20px;}
#bo_w .bo_w_select select {padding: 0 20px;}
#bo_v {width: 1600px !important;margin: 0 auto;}

.etc03 .img {width: 352px !important;}
.etc03 .img img {width: 352px !important;}
.etc03.petit04 .swiper-slide {width: 100% !important;}
.etc03 .eq_check { flex-wrap: wrap;}

#bo_v_atc table {width: 100%;border-spacing: 0;}
#bo_v_atc td:first-child {background: #f8f8f8;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 20%;border-spacing: 0 !important;padding: 10px;border-collapse: separate;}
#bo_v_atc td {border-bottom: 1px solid #ddd;width: 80%;border-spacing: 0;padding: 10px;border-collapse: separate;}
#bo_v_title {margin-top:60px}

.pay_table {width: 1600px;margin: 0 auto;padding-top: 20px;}
.pay_table .f1 {text-align: center;}
.pay_table table  {width: 100%;border-spacing: 0px;border-top: 1px solid #a8a8a8;}
.pay_table table th {padding: 12px;background: #f2f2f2;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; }
.pay_table table td {padding: 12px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.pay_table table td:last-child {text-align: right;border-right: none;}
.pay_table table th:last-child {text-align: right;border-right: none;}


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

}

@media screen and (max-width: 1420px) {
  .sec01 .txt {padding: 0 40px;}
  .sec03 .flex > div.txt {padding: 0 40px;}
  .sec04 .map_info {padding: 80px 40px;}
  #ft_wr {padding: 36px 40px;}
  .mainvisual .maintxt {width: 100%;padding: 0 40px;}
}
@media screen and (max-width: 720px) {
  html {font-size: 14px;}
  body {font-size: 14px;} img {max-width:100%;}
  .content {overflow-x: clip;overflow-y: clip;}
  .gnb_al_li_plus {display: none;}
  .mainvisual {height:500px;} .mainvisual01 {background-position: right top;}
  .mainvisual h2 {font-size: 4rem;color: #fff;} .mainvisual h5 {font-size: 1.5rem;color: #fff;}
  .mainvisual .maintxt {background: rgba(0,0,0,0.6);padding: 120px 20px;top:60px;transform:translate(0);height:440px;left:0;color: #fff;}
  .title {font-size: 3rem;} .subtitle {font-size: 1.5rem;}
  .sec03 .bg_txt {display: none;}
  .sec01 {display: block;}
  .sec01 p br {display: none;}
  .sec03 .swiper-slide h5 {font-size: 1.5rem;}
  .sec01 img {width: 100%;} .sec02 .sec02_in {width: 100%;}
  .sec01 .txt {padding: 0 20px;}
  .sec02 .sec02_in .cv ul li {font-size: 1.125rem;line-height: 1.5;}
  .sec02 .sec02_in .cv h5 span {font-size: 3rem;} .sec02 .sec02_in .cv h5 {font-size: 1.5rem;}
  .sec03 .swiper-slide p {font-size: 1rem;}
  #ft_link a {line-height: 1;padding: 6px;}
  #ft_wr {padding: 20px;}
  .sec04 .map_info > div h2 {font-size: 3rem;}
  .flex {    flex-direction: column;} .sec02 .sec02_in .cv {padding: 40px 20px;margin-top: 0;} .sec02 .sec02_in img {margin-top: 0;}
  .sec02 .sec02_in .bg_txt {font-size: 68px;}
  .sec04 .map_info > div ul li span {width: 100px;}
  .sec03 .flex > div {width: 100%;padding: 0 20px;}
  .sec03 .swiper-slide {width: 240px !important;}
  .sec03 .flex > div.txt {width: 100%;margin-bottom: 40px;}
  .sec03 .flex > div.txt {padding: 0 20px;}
  .sec04 .map_info {float: none;width: 100%;height:auto;padding: 40px 20px;} .sec04 .map {float: none;width: 100%;height: 430px;}
  .root_daum_roughmap .wrap_map {height: 430px !important;}
  .sec03 {padding: 40px 0;}
  .center_0101 { flex-direction: column;padding: 0;    align-items: center;}
  #ctt.ctt_center_01 {padding: 0 20px;}
  .bg_txt {font-size: 68px;text-align: left;line-height: 1.2;}
  .center_03{flex-direction: column; width: 100%;padding: 0 20px;}
  .center_03 div {width: 100%;padding: 40px 0;}
  .center_03 div p br {display: none;}
  .center > div {margin:40px 0;}
  .map {width: 100%;}
  .w1600 {width: 100%;}
  .center_04 > div {width: 100%;}
  .skin > div{margin: 60px 0;padding: 0 20px;}


  /* video 추가 */
  .main_video_wrap {padding:48px 20px;display:flex;flex-direction: column-reverse;gap:40px;}
  .main_video {width:100%;padding-left:0;}
  .main_video iframe {width: 100%;height:380px;}
  .main_video_wrap a.video_link {font-size: 14px;margin-top: 40px;}

  #subvisual, .subvisual {height:300px}
  #logo {width:120px}
  #hd_wrapper, #gnb .gnb_menu_btn {height:60px}
  .center_0101 div {width: 100%;;}
  .f1 {font-size: 1.5rem;word-break: keep-all;}
  .f1 br {display: none;word-break: keep-all;}
  .f2 {font-size: 1rem;}
  .f2 br {display: none;word-break: keep-all;}
  .f3 {font-size: 1rem;}
  .f3 br {display: none;}
  .fz-32 {font-size: 1.75rem;}
  .fz-24 {font-size: 1.125rem;}
  .fz-20 {font-size: 1rem;line-height: 1.4;}
  .fz-26 {font-size: 1.25rem;}
  .skin .fz-20 {line-height: 1.6;}
  .skin01_img {margin-top: 40px;}

  .subvisual {padding-top:40px;}
  .center_03 .bg_txt {display: none;}
  .center_03 div p {font-size: 2rem;}
  .center_03 div p.red {padding: 0;}
  .center_03 div h5 {margin-bottom: 10px;}

  .bg_sec.skin01,
  .bg_sec.skin03 ,
  .bg_sec.skin05,
  .bg_sec.lifting01 ,
  .bg_sec.lifting02 ,
  .bg_sec.lifting04 ,
  .bg_sec.petit0102,
  .bg_sec.petit02,
  .bg_sec.petit03 {padding: 60px 20px;}

  .eq_sec .eq_img::before {background-position: right bottom; background-size: 160px;}
  .eq_check{flex-wrap: wrap;gap:20px}
  .eq_check p {margin: 0;padding-left: 25px;}
  .eq_sec .eq_img::before{top:0}


  .skin .bgtxt::before, .skin01_img::before {height:80%;}
  .eq_sec .eq_img + div {width: 100%;}
  .eq_sec .eq_txt {padding: 0;}
  .eq_check {flex-direction: row;    align-items: center;}
  .eq_sec .eq_img {width: 100%;margin:0;text-align: center;}
  .eq_sec .eq_txt {margin-top: 40px;}
  .eq_sec .eq_img img {width: 50%;margin: 0;}
  .eq_sec.petit0202 .eq_img {margin-top:0;}
    .eq_sec.petit0302 .eq_img {margin-top:0;}
    .eq_sec.petit0302 .eq_img::before {height: auto;}
    .eq_sec.ect01 .eq_img {margin-top:0;}
    .eq_sec.ect01 .eq_img::before {height:auto}
  .fz-42 {font-size: 2rem;margin-bottom: 20px;word-break: keep-all;}
  .lifting03 .flex div {width: 100%;margin: 0;}
  .lifting03 h5 {margin: 0 0 20px;}
  .point_list div {width: 100%;padding: 16px 20px;}
  .point_list {padding: 0;}
  .lifting03 .flex div p {padding: 0;}
  #subvisual h2 {font-size: 2rem;}
  #subvisual h5 {font-size: 1rem;}
  #subvisual p {font-size: 1rem;}
  .skin .bd_tit {padding: 8px 12px;word-break: keep-all;}
  .skin02 .flex {padding: 0 20px;}
  .skin02 .flex div {width: 100%;border-bottom: 1px solid #fff;padding: 20px 0 ;}
  .skin03 div {font-size: 1rem;margin-top: 0;}
  .skin03 div p {width: 100%;height:auto;padding: 20px;border-radius: 20px;margin-bottom: 20px;}
  .skin03 div {    flex-direction: column;    align-items: center;}
  .skin04 .flex {width: 100%;;}
  .skin04 .flex div {width: 100%;padding: 20px;border-right: none;border-bottom: 1px solid #ddd;}
  .petit0102 .flex div {width: 100%;}
  .petit_icon .flex div {width: 100%;display:flex;    align-items: center;gap:20px;border-right: none; justify-content: center;}
  .petit_icon .flex div img {width:60px}
  .petit04 .swiper-slide .img {width: 100%;}
  .petit02 div {width: 100%;margin: 0;}
  .petit02 div p {padding-top: 60px;margin-bottom: 0;}
  .petit02 div p br {display: none;}
  .petit03 > .flex > div {width: 100%;}
  .petit03 > .flex > div .img {width: 100%;margin-bottom: 20px;}
  .petit03 > .flex {gap:40px}
  .petit04 .swiper-slide {width: 100% !important;padding: 30px 20px;}
  .skin05 div p {font-size: 1rem;}
  #bo_list {width: 100% !important;padding: 0 20px;}
  #bo_v {padding: 20px;width: 100% !important;}
  .point_list div p{font-size: 1rem;}
  .point_list div p::before {margin-right: 10px;}
  .eq_sec.lifting05 .eq_img {height:220px}
  .fz-28 {font-size: 1.25rem;}
  .petit04 .petit_icon div img {height:52px !important;}
  .petit04 .petit_icon {    flex-direction: column;}
  .petit04 .petit_icon div {width: 100%;border-right: none;border-bottom: 1px solid #ddd;padding: 20px;}
}