@charset "utf-8";

@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff2') format('woff2'), 
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.otf') format('opentype'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.otf') format('opentype'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansMedium.ttf') format('truetype');
}
@font-face {
  font-family: 'Gmarket Sans';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.otf') format('opentype'),
       url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSansBold.ttf') format('truetype');
}
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url('https://webfontworld.github.io/kopus/KoPubWorldBatang.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/pretendard.css');

a{cursor: pointer;}

/*메인 메뉴, 메인메뉴 css는 deault.css에도 많이 있음*/

.gnb_2dul{width: 100%; left:0px;}
.gnb_2dul .gnb_2dul_box{height: 300px;}
.gnb_2dul.open-menu {
  display: block; /* 또는 다른 보이기 스타일 */
}
#gnb_all, #gnb_all_bg {
  opacity: 0; /* 초기 상태는 투명 */
  visibility: hidden; /* 초기 상태는 보이지 않음 */
  transition: 0.5s all; 
}
#gnb #gnb_1dul .gnb_1dli:hover > a{color: #636363; transition: 0.3s all;}
#gnb_all.open, #gnb_all_bg.open {
  opacity: 1; /* 보이는 상태 */
  visibility: visible; /* 보이는 상태 */
  transition: 0.5s all;
}
#gnb_all .gnb_al_li ul li a{transform: translateY(-20px); transition: 0.5s all; font-family: 'pretendard'; font-size: 15px; line-height: 1.2; padding: 5px 0; text-align: center;}
#gnb_all.open .gnb_al_li ul li a{transform: translateY(0); transition: 0.5s all;}

.lang-link{
  display: flex; flex-wrap: wrap; flex-direction: row; gap:10px;
  position: absolute; top: 50px; right:20px;}

.lang-link a{
  display: block;
  background-color: #fff; border:1px solid #333;
  padding:5px 10px;
  font-size: 14px; font-weight: 600;
  z-index: 999;
}
.lang-link > a:hover{
  background-color:rgb(255, 204, 0);
}


/*메인슬라이더*/


.mainslider .swiper-slide {
  background-size: cover;
  background-position: center;
}

.mainslider .swiper {margin-top: 200px; height:761px;}

span.swiper-pagination-bullet {
  width: 16px; /* 원하는 크기 */
  height: 16px; /* 원하는 크기 */
  background: transparent; /* 투명 배경 */
  border: 2px solid white; /* 흰색 테두리 */
  border-radius: 50%; /* 원 모양 */
  opacity: 1; /* 투명도 */
  margin: 0px 5.5px !important;
}


span.swiper-pagination-bullet-active {
  background: white; /* 흰색으로 채움 */
}

.swiper-pagination{margin-bottom:60px}
.fixed-text
{position:absolute; bottom:100px; left:50%; 
  transform:translateX(-50%);margin: 0 auto; width:1280px; 
  height: calc(100% - 400px); z-index: 1001;
}

.fixed-text .leftdown{position: absolute; bottom: 0px; left: 0px;
font-family: 'Gmarket Sans'; font-size: 100px; font-weight: 700; letter-spacing: -0.5px;color: transparent;
-webkit-text-stroke-width: 4px;
-webkit-text-stroke-color: #E44778; transition: 0.3s all;}
.fixed-text .rightup{position: absolute; top: 0px; right: 0px;}
.fixed-text .rightup .text{font-family: 'Gmarket Sans'; font-size: 180px; font-weight: 700; letter-spacing: -0.5px; 
  text-align: center; color: transparent; -webkit-text-stroke-width: 4px;-webkit-text-stroke-color: #000;transition: 0.3s all;}
.fixed-text .rightup .linetext{font-family: 'Gmarket Sans'; font-size: 60px; font-weight: 700; letter-spacing: -0.5px;
  transform: matrix(0, 1, -1, 0, 0, 0);margin-top: 50px;color:#000;transition: 0.3s all;}
.active .leftdown{color:#E44778;transition: 0.3s all;}
.active .rightup .text{-webkit-text-stroke-color: #FFCC00;color: #FFCC00;transition: 0.2s all;transition: 0.3s all;}
.active .rightup .linetext{color: #FFCC00;transition: 0.3s all;}
.section1{font-family: 'pretendard';max-width:1280px; margin: 200px auto;}
.section2{font-family: 'pretendard';width:100%; margin-top:200px;}
.section3, .section4{font-family: 'pretendard';}
.section1{display: flex; flex-direction: row;height: 450px; justify-content: space-between;}
.h1 {position: relative; font-size: 50px; font-weight: 800; z-index: 10;}
.h1text{font-size: 35px; font-weight: 500;}

.section1 .left{display: flex; flex-direction: column; justify-content: space-between; }
.section1 .left .button{position: relative; margin-right: auto; cursor: pointer;}
.section1 .left .button:hover #패스_7935{fill:#000; transition: 0.3s all;}
.section1 .left .button #패스_7935{transition: 0.3s all;}

.section1 .left .buttontext{width:100%; margin:0 auto; position: absolute;display: flex; 
  flex-direction: row; justify-content: center; align-items: center; 
  gap:20px; z-index: 1;top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 22px;font-weight: 700; letter-spacing: -0.11px; transition: 0.3s all;
}
.section1 .left .button #패스_7936{transition: 0.3s all;}
.section1 .left .button:hover #패스_7936{fill:#fff;}
.section1 .left .button:hover .buttontext{color:#fff;}

.section1 .right {position:relative; width:52%; height: 100%; overflow: hidden; border-radius: 30px;}
.section1 .right iframe{position: absolute; bottom:0px; left:50%; transform: translateX(-41%); z-index: 0;}

@media screen and (max-width: 1200px) {
  .section1 .right iframe{position: absolute; bottom:0px; left:50%; transform: translateX(-50%); z-index: 0;}
}



.section2{position: relative;display: flex; justify-content: center; align-items: center; background-size: cover;
  flex-direction: column; height:575px;gap:30px;}
.section2 .overlay{position: absolute; top:0; left: 0; right: 0; bottom: 0; content: ""; flex-direction: column;
  gap:30px;background-color:#40404055; display: flex; justify-content: center; align-items: center;}
.section2 .line1{display: flex; justify-content: center; gap:75px; flex-direction: row; }
.section2 .line2{font-size: 40px; line-height: 55px; text-align: center; font-weight: 500; color:#fff;}
.section2 .line2 span{font-weight: 700;}

.section3{width: 100%; background-color: #FFF5CC; height: 844px;display: flex; align-items: center; background-size:40%; background-repeat: no-repeat; background-position:calc(0% - 50px) calc(100% + 50px);}
.section3 .section-wr{width: 100%; margin:0 auto; padding-left: calc(50% - 640px); height: 485px; display: flex; flex-direction: row; justify-content: left;  align-items:flex-start;}
.section3 .section-wr .left{position: relative; width: 369px; height:363px; display: flex; justify-content: space-between; flex-direction: column;}
.section3 .section-wr .right{position: relative; height: 100%;flex: 1; overflow: hidden;}
.section3 .section-wr .right .right-wr{width: 380px; overflow: visible;}
.section3 .section-wr .right .swiper{overflow: visible;}


.section3 .left .button #패스_7936{transition: 0.3s all;}
.section3 .left .button:hover #패스_7936{fill:#fff;}
.section3 .left .button:hover .buttontext{color:#fff;}
.section3 .left .button:hover #패스_7935{fill:#000; transition: 0.3s all;}
.section3 .left .button #패스_7935{transition: 0.3s all;}
.section3 .left .buttontext{width:100%; margin:0 auto; position: absolute;display: flex; 
  flex-direction: row; justify-content: center; align-items: center; 
  gap:20px; z-index: 1;top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 22px;font-weight: 700; letter-spacing: -0.11px; transition: 0.3s all;
}
.section3 .left .button{position: relative; margin-right: auto; cursor: pointer;}

.section3 .h1text{margin-top: 24px;}

.newsslider{font-family: 'pretendard';}
.newsslider .imgwr{background-size:cover; background-repeat: no-repeat; width:100%; height: 363px; border-radius: 30px;transition: 0.3s all;}
.newsslider .swiper-slide:hover .imgwr{ box-shadow: inset 0px 0px 0px 10px #FFCC00;}
.newsslider .textwr{display: flex; flex-direction: column; margin: 47px 0 8px 0;  gap:16px}
.newsslider .textwr .s1{font-size: 30px; font-weight: 700;text-align: left; letter-spacing: -0.15px;}
.newsslider .textwr .date{font-size: 20px; font-weight: 500; text-align: left; color: #636363; letter-spacing: -0.1px;}
.newsslider .bo_cnt_wr .date{font-size: 20px; font-weight: 500; text-align: left; color: #636363; letter-spacing: -0.1px;}



.section4 .button #패스_7936{transition: 0.3s all;}
.section4 .button:hover #패스_7936{fill:#fff;}
.section4 .button:hover .buttontext{color:#fff;}
.section4 .button:hover #패스_7935{fill:#000; transition: 0.3s all;}
.section4 .button #패스_7935{transition: 0.3s all;}
.section4 .buttontext{width:100%; margin:0 auto; position: absolute;display: flex; 
  flex-direction: row; justify-content: center; align-items: center; 
  gap:20px; z-index: 1;top: 50%; left: 50%; transform: translate(-50%, -50%);
  font-size: 22px;font-weight: 700; letter-spacing: -0.11px; transition: 0.3s all;
}
.section4 .button{position: relative; margin-right: auto; cursor: pointer;}


.section4 {display: flex; justify-content: center; align-items: center; background-size:cover; background-position: center;}
.section4 .textwr{display: flex; flex-direction: column; gap:40px; justify-content: center; align-items: center;}
.section4 .h1, .section4 .button{margin: 0 auto;}
.section4 .h1 span{font-weight: 500;}
.section4 .imgwr{display: flex; flex-direction: row; gap: 30px;width: 1280px;}
.section4 .imgwr .content .img{border-radius: 50%; overflow: hidden; width: 300px; height: 300px; border: 5px solid #FFCC00; transition: 0.3s all;}
.section4 .imgwr .content{font-size: 25px; font-weight: 500; display: flex; gap: 20px; justify-content: center; flex-direction: column; align-items: center; text-align: center;}
.section4 .imgwr img{width: 100%; height: 100%;}
.section4 .wrapper {margin: 142px 0; display: flex; flex-direction: column; gap:50px; justify-content: center; align-items: center;}
.section4 .imgwr .content .img:hover img{transform: scale(1.3);transition: 0.3s all;}
.section4 .imgwr .content .img:hover {border: 0px solid #FFCC00;}
.section4 .imgwr .content .img img{transition: 0.3s all;}


.section5 {font-family: 'pretendard'; background-color: #000; color: #fff; padding: 95px; border-bottom: 1px solid #fff; display: flex; justify-content: center;}

.section5 .sectionwr .left {font-size: 45px; font-weight: 500; letter-spacing: -0.23px; line-height: 56px;}
.section5 .sectionwr .left span{font-weight: 800;}
.section5 .sectionwr .right{display: flex; gap: 32px;}
.section5 .sectionwr .right img{width: 83px; height: 83px;}

.sectionwr{margin: 0 auto; max-width: 1280px; width: 100%; display: flex; flex-direction: row; justify-content: space-between;}


.bannerbar {position: relative; margin-top: 209px;width: 100%; display: flex; justify-content: center;font-family: 'pretendard'; font-size: 23px; font-weight: 700; }
.banner-wr{width: 1280px;}
.banner{border-bottom: 1px solid #000; display: flex; gap: 50px; flex-direction: row;}
.bannercontent{padding:  19.25px 0;}
.bannercontent .gnb_2dul{display: block; position: relative;}
.bannercontent .gnb_2da {color:#D9D9D9;}
.bannercontent.active .gnb_2da{color:#000;}
.bannercontent a.gnb_2da:hover{background-color: transparent; color: #000;}
.bannerbar .banner-wr .bar {position: absolute;transition: all 0.3s ease;height: 3px; bottom:-1px; background: #000;}


.wrapper{display: flex; justify-content: center; flex-direction: column; font-family: 'pretendard';width: 100%; margin-top: 126px; align-items: center;}
.wrapper .content-wr{display: flex; justify-content: center; flex-direction: column; width:1280px;}
.wrapper .content-wr .text-wr{display: flex; justify-content: center; flex-direction: column;width: 100%;font-size: 70px;font-weight: 700;align-items: center;}
.wrapper .content-wr .text-wr .h1-teduri{text-align: center; -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;color: transparent; line-height: 82px;}
.wrapper .content-wr .text-wr .h1-text{text-align: center;line-height: 82px;}
.wrapper .content-wr .text-wr .bar{margin-top: 25px; width: 182px; height: 8px; background-color: #000;}


.cosection1{margin-top: 126px;font-family: 'pretendard';display: flex; justify-content: center; flex-direction: column; align-items: center; gap:85px}
.cosection1 .top{display: flex; justify-content: center; flex-direction: row;align-items: stretch; gap:74px; width: 1063px;}
.cosection1 .left{display: flex; justify-content: space-between; flex-direction: column; align-items: center; font-weight: 400; color:#333333; font-size: 15px; }
.cosection1 .right{font-size: 20px; color: #333333; line-height: 35px; font-weight: 500;}
.cosection1 .left img{object-fit: cover; width: 212px;}
.cosection1 .bottom{text-align: right; width: 1063px; font-size: 20px; }
.cosection1 .bottom span{font-family: 'Nanum Pen Script', cursive; font-size: 40px;margin-left: 20px;}

.blank{height:263px;}

#gall_ul .gall_li .new_icon{display: none;}

.wrapper .board-wr{width:1280px;}
#bo_gall .gall_info{display: none;}
#bo_gall .gall_img{overflow: visible; position: relative;}
#bo_gall .gall_img a img{width: 100%;border-radius: 27px;}
#bo_gall #gall_ul{display: grid; grid-template-columns: repeat(3, 1fr); gap:50px;margin-top: 60px; }
#bo_gall .gall_text_href{margin-top: 55px; }
#bo_gall .gall_text_href .bo_tit{font-size: 27px;}
#bo_gall .gall_text_href .bo_cnt_wr{font-size: 18px; margin-top: 16px;}

.gall_row .col-gn-3{width:100%;}
.btn_bo_user {margin-left: auto;}
#bo_gall .gall_li{padding:0}


.circle {
  width:56px; /* 원의 크기 */
  height: 56px; /* 원의 크기 */
  background-color: black; /* 원의 색상 */
  border-radius: 50%; /* 원 모양 만들기 */
  position: absolute; /* 내부 요소 위치 조정을 위해 상대 위치 설정 */
  bottom: -20px;
  right: 33px;
  overflow: visible;
  box-shadow: 0px 5px 10px #00000029;
  transform: scale(1.00);
  transition: 0.2s all;
}
.circle:hover{
  transform: scale(1.05);
  transition: 0.2s all;
}

.cross {
  position: absolute; /* 원 내에서 절대 위치 설정 */
  background-color: white; /* 십자가 색상 */
}

.horizontal {
  top: 50%; /* 수평 중앙 */
  left: calc(50% - 10px);
  width: 21px; /* 가로선의 너비 */
  height: 1px; /* 가로선의 굵기 */
}

.vertical {
  top: calc(50% - 10px);
  left: 50%; /* 수직 중앙 */
  width: 1px; /* 세로선의 굵기 */
  height: 21px; /* 세로선의 높이 */
}



/* 화살표 버튼 기본 스타일 */
.arrow-button {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
}

/* 이전 화살표 */
.arrow-button.prev::before,
.arrow-button.prev::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 2px;
  background-color: #484F4B;
  top: calc(50% - 0.5px);
  left: calc(50% - 1px);
}

.arrow-button.prev::before {
  transform: translate(-4px, -4px) rotate(-45deg);
}

.arrow-button.prev::after {
  transform: translate(-4px, 4px) rotate(45deg);
}

/* 다음 화살표 */
.arrow-button.next::before,
.arrow-button.next::after {
  content: '';
  position: absolute;
  width: 13px;
  height: 2px;
  background-color: #484F4B;
  top: calc(50% - 0.5px) ;
  left: calc(50% - 1px);
}

.arrow-button.next::before {
  transform: translate(-4px, 4px) rotate(135deg);
}

.arrow-button.next::after {
  transform: translate(-4px, -4px) rotate(-135deg);
}

.tbl_head01 thead th{padding: 17px 0;}
.tbl_wrap table thead{border:none; background-color: #000; color: #fff; font-size: 25px; }
#bo_list .tbl_wrap table tbody{font-size: 20px; color: #333333; font-weight: 500;}
#bo_list .td_num2{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_subject{width: auto; padding: 30px 0 30px 30px; }
#bo_list .td_subject .bo_tit{color: #333333; font-weight: 500;}
#bo_list .td_name{width: 10%; padding: 17px 0; text-align: center;color: #333333; font-weight: 500;}
#bo_list .td_datetime{width: 15%; padding: 17px 0; color: #333333; font-weight: 500;}
#bo_list .td_blank{width: 10%;}
#bo_list tbody .even td{background-color: transparent;}
#bo_list tbody .even:hover td{background-color: transparent;}
#bo_list tbody tr{border-left:none ;}

#bo_list .pg_wrap{float:none;}

.pg_wrapper{width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: row;margin: 151px 0 216px 0;}
.pg_wrap{display: flex;flex-direction: row;}
.pg{display: flex;flex-direction: row; align-items: center; justify-content: center; gap:43px}
.pg_page{display: flex; align-items: center; justify-content: center; border: none; 
  background-color: transparent;padding: 0px; font-size: 16px;line-height: 28px;font-weight: 500;min-width: 15px;
  transition: 0.2s color;border-radius: 0px;}

.pg_page:hover{color:#484F4B;border-bottom:2px solid #484F4B ;transition: 0.2s color;}
.pg_page.pg_next:hover{border-bottom:none; transform: translateX(2px); transition: 0.2s all;}
.pg_page.pg_next_disabled:hover{border-bottom:none;}
.pg_page.pg_next_disabled .arrow-button{cursor: default; }
.pg_page.pg_next_disabled .arrow-button::before,
.pg_page.pg_next_disabled .arrow-button::after{background-color: #959595;}
.pg_page.pg_prev:hover{border-bottom:none; transform: translateX(-2px); transition: 0.2s all;}
.pg_page.pg_prev_disabled:hover{border-bottom:none;}
.pg_page.pg_prev_disabled .arrow-button{cursor: default; }
.pg_page.pg_prev_disabled .arrow-button::before,
.pg_page.pg_prev_disabled .arrow-button::after{background-color: #959595;}
.pg_current{display: flex;flex-direction: row; align-items: center; justify-content: center;
  color:#484F4B;background-color: transparent;border: none;padding: 0 10px;
  font-size: 16px; line-height: 28px; cursor: default; font-weight: 500; 
  border-bottom:2px solid #484F4B ; border-radius: 0px; padding: 0; min-width: 15px;}
.tbl_head01 .even{border-bottom:2px solid #d8d8d8;}
.tbl_head01 td{border:none;}
.bo_fx{display: none;}


.h2-text {font-size: 45px; font-weight: 700; margin-top: 126px;}
.qasection{background-color: #F6F6F6; padding: 1px; margin-top: 126px;}

.h3-text {font-size: 30px; font-weight: 700;}
.h4-text {font-size: 20px; font-weight: 400; color: #030303; margin-top: 20px;}
.qasection1 .chbox-wr{display: flex; justify-content: space-between; gap: 55px; margin-top: 55px;}
/* 커스텀 체크박스 컨테이너 스타일 */
.chbox-container {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  user-select: none;
}

/* 숨겨진 체크박스 */
.chbox-container input.chbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* 커스텀 체크박스 */
.checkmark {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  height: 84px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  align-items: center;
  justify-content: center;
  transition: 0.2s all; 
  font-size: 25px;
  font-weight: 700;
}

/* 마우스가 커스텀 체크박스 위에 있을 때 */
.chbox-container:hover input.chbox ~ .checkmark {
  background-color: #FFCC00;
  transition: 0.2s all; 
  border:1px solid #FFCC00;
}

/* 체크박스가 체크되었을 때, 체크박스의 배경색 변경 */
.chbox-container input.chbox:checked ~ .checkmark {
  background-color: #FFCC00;
  border:1px solid #FFCC00;
}

.qasection2{margin-top: 149px;}

.h4gray{color:#AAAAAA}

.qa-wr1 {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 36px; column-gap: 100px; margin-top: 48px;}
.qa-wr1 .holder{display: flex; width: 100%; align-items: center; gap: 28px;}
.qa-wr1 .holder-text{ font-size: 23px; min-width: 70px; text-align-last: justify; font-weight: 700;}
.qa-wr1 .qa_input{height:84px; width: 100%; padding: 0 49px; border: 1px solid #D9D9D9;font-family: 'pretendard';font-size: 20px; font-weight: 500; color:#000; line-height: 0;}
.qa-wr1 .qa_input::placeholder{font-family: 'pretendard'; font-size: 20px; font-weight: 500; color:#AAAAAA; line-height: 0;}
.qa-wr2{padding-left: 98px;}
#bo_w .write_div:after{display: none;}

.btn_confirm {float: left;}
.write_div textarea{border:1px solid #d9d9d9; border-radius: 0;}
textarea{resize: none;}
.qa-wr2 .bo_w_link{display: none;}
.qa-wr2 .bo_w_file{display: none;}
.qa-wr2 .file_wr{display: none;}
.qa-wr2 textarea{margin:36px 0 !important; padding: 30px 49px; font-size: 20px; font-family: pretendard;}
.qa-wr2 .chbox{width:20px;}

.chbox {
  display: none; /* 기본 체크박스 숨기기 */
}

.custom-checkbox-label {
  position: relative;
  padding-left: 30px; /* 텍스트와 체크박스 아이콘 사이의 간격 */
  margin-top: 30px;
  cursor: pointer;
  font-size: 21px;
}

.custom-checkbox-label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 27px;
  height: 27px;
  border-radius: 4px; /* 테두리 둥글게 */
  background-color:#D9D9D9;
}
.custom-checkbox-label:after {
  content: ''; /* 체크 표시 대신 CSS로 체크 모양 생성 */
  position: absolute;
  left: 6px;
  top: 2px;
  width: 9px;
  height: 17px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateX(2.5px) translateY(-2px);
  background: transparent;
}
.custom-checkbox-label .labeltext{margin-left: 10px; color: #AAAAAA;}
.custom-checkbox-label .labeltext strong{font-weight: 700; color: #000;}
.chbox:checked +.custom-checkbox-label:before{
  border:0;
  
}
.chbox:checked + .custom-checkbox-label:after {
  content: ''; /* 체크 표시 대신 CSS로 체크 모양 생성 */
  position: absolute;
  left: 6px;
  top: 2px;
  width: 9px;
  height: 17px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg) translateX(2.5px) translateY(-2px);
  background: transparent;
}
#captcha{float:right}
.submitbutton{display:flex;width:100%;  justify-content:center; padding:185px 0; gap:101px;}
.submitbutton .btn_submit{display:flex; background: #000000; width:328px; justify-content:center; height:70px; align-items:center; border-radius:0; }
.submitbutton .btn_submit span{font-family:'pretendard';font-size:25px; font-weight:400;}
.submitbutton .cancelbutton{width:328px; height:70px; display:flex; background: #fff;justify-content:center; align-items:center;font-family:'pretendard';font-size:25px;border: 1px solid #000}

/*비전과미션*/
.visection1{margin-top: 118px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;z-index: 1;}
.vitext{font-size: 40px; font-weight: 700; opacity:0; transform: translateY(30px);}
.vitext.visible{opacity:1; transition:0.5s ease-in-out; transform: translateY(0);}
.visection1 .vitextbox{display: flex; justify-content: center; align-items: center; margin:27px 0 173px 0; width:770px; background-color: #A56216; color: #fff; font-size: 22px; font-weight: 700; border-radius: 48px; height: 60px;}
.visection1 .vitextbox.white{background-color: #fff; color: #000; border: 3px solid #000; }
.visection2{margin-top: -618px; display: flex; align-items: center;font-family:'pretendard'; flex-direction: column;overflow: visible;}
.bg1, .bg2 {  
  background-position:bottom;
  background-repeat: no-repeat;
  background-size: contain;
  
}

.bg1{position: absolute; width: 867px; height: 1024px;overflow: visible;}
.bg2{position: relative; width: 1241px; height: 824px;top:384px; display: flex; justify-content: center; align-items: center;}
.bg2 img{ width: 875px;mix-blend-mode: multiply;position: relative;top:50px}
.visection3{margin-top :340px;display: flex; justify-content: center; align-items: center; flex-direction: column;}
.visection3 .circle-wr{margin-top: 40px; display: flex; justify-content: center; align-items: center; flex-direction: row;}
.visection3 .circle-wr .circlebox{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 250px; height: 250px; border-radius: 50%;mix-blend-mode: multiply; color: #fff; gap:10px; margin: 0 -10px;}
.visection3 .circle-wr .circlebox .circletext{font-size: 22px; font-weight: 500;}
.visection3 .circle-wr .circlebox .circleen{font-size: 18px; font-weight: 300;}
.visection3 .circle-wr .circlebox.c1{background-color: #FFCC00;}
.visection3 .circle-wr .circlebox.c2{background-color: #CC6100;}
.visection3 .circle-wr .circlebox.c3{background-color: #A56216;}



.movingtext {
  overflow: hidden;
  
  font-size: 70px;
  font-weight: 700;
}

.movingtextline1,
.movingtextline2,
.movingtextline3 {
  position: relative;
  white-space: nowrap;
  display: inline-block;
  animation: moveText 30s linear infinite;
  margin-bottom: 40px;
}

@keyframes moveText {
  0% { transform: translateX(-5%); }
  100% { transform: translateX(-38.43%); }
}

.movingtextline1{
  left:200px
}


.movingtextline3{
  left:-200px
}

.moving1, .moving2, .moving3 {
  animation-duration: 30s; /* 애니메이션이 실행되는 총 시간 */
  animation-iteration-count: infinite; /* 애니메이션이 무한 반복됨 */
  
}

.moving1 {
  animation-name: colorChange1; /* moving1 클래스에 대한 애니메이션 이름 */
}

.moving2 {
  animation-name: colorChange2; /* moving2 클래스에 대한 애니메이션 이름 */
}

.moving3 {
  animation-name: colorChange3; /* moving3 클래스에 대한 애니메이션 이름 */
}

/* moving1 클래스에 대한 색상 변경 애니메이션 */
@keyframes colorChange1 {
  0%, 33%{ color: #0000000D}
  34%, 66% { color: #FFCC00 }
  67%, 100% { color: #0000000D }
}

/* moving2 클래스에 대한 색상 변경 애니메이션 */
@keyframes colorChange2 {
  0%, 66% { color: #0000000D }
  67%, 99% { color: #A56216 }
  100% { color: #0000000D }
}

/* moving3 클래스에 대한 색상 변경 애니메이션 */
@keyframes colorChange3 {
  0%, 33% {color: #CC6100}
  34%, 99% {color: #0000000D}
  100% {color: #CC6100}
}

.blank2{height: 40px;}



.circlebox{opacity: 0; transition: 0.6s ease-in-out;}
.circlebox.visible{opacity: 1; transform: translateX(0); transition: 0.3s ease-in-out;}
.circlebox.c1{transform: translateX(50px);}
.circlebox.c1.visible{transform: translateX(0); transition: 0.5s ease-out;}
.circlebox.c2{}
.circlebox.c3{transform: translateX(-50px);}
.circlebox.c3.visible{transform: translateX(0); transition: 0.5s ease-out;}

.hisection1{margin-top: 124px;display: grid; grid-template-columns: 30% 5% 60%; gap: 68px; padding-left: 120px; }
.hisection1 .years{font-size: 60px; font-weight: 800; text-align: right; opacity: 0; transform: translateY(-30px);}
.hisection1 .hiscolumn{ display: flex; gap: 40px; flex-direction: row; }
.hisection1 .hiscolumn .num{font-size: 15px; font-weight: 700;}
.hisection1 .hiscolumn .text{font-size: 15px; font-weight: 400;}
.hisection1 .histext{margin-top: 28px; display: flex; gap: 20px; flex-direction: column; opacity: 0; transform: translateY(-30px);}
.hisection1 .dot{position: relative; margin-top: 31px;   width:13px; height: 13px; border-radius: 50%; border: 3px solid #000; background-color: #fff; opacity: 0; transform: scale(2);}
.hisection1 .dot1{margin-top: -20px; width:13px; height: 13px; border-radius: 50%; border: 3px solid #000; background-color: #fff; opacity: 0;}
.hisection1 .bar{margin-left:2.5px ; margin-top: 11px; position: absolute; width: 3px; height:2300px;
  background: linear-gradient(to bottom, black 50%, #D9D9D9 50%);
  background-attachment: fixed;
  }
.hisection1 .years.visible {opacity: 1; transition: 0.5s ease-in-out; transform: translate(0);}
.hisection1 .dot.visible {opacity: 1; transition: 0.5s ease-in-out; transform: scale(1);}
.hisection1 .dot1.visible {opacity: 1; transition: 0.5s ease-in-out; }
.hisection1 .histext.visible {opacity: 1; transition: 0.5s ease-in-out; transform: translate(0);}

#ft{position: relative; }

/* 수정 부분 */
.cosection1-wr{width: 100%; max-width: 1280px;}
.cosec1 {  display: flex; align-items: center; justify-content: space-between;}
.cosec1_img { width:30%; margin-right:5%; }
.cosec1_txt_wr { width: 50%; align-items: center; }
.cosec1_title { display: flex; align-items: center;}
.cosec1_title > img { width: 20%; margin-right: 5%; }
.cosec1_title > p { font-size:45px; font-weight:bold; color: #1068b2; }
.cosec1_icon { margin-top: 10%; display:flex; justify-content: space-between; width:350px; height: 60px;}
.cosec1_icon img { width: 12%;}
.cosec1_icon > img:nth-child(4) { width:7%;}
.cosec1_txt { margin-top: 5%; font-size:20px; line-height: 1.5;}
.cosec1_rice { width: 20%; }
.cosec1_rice > img { width:100%; margin-left: auto; }
/* 수정 부분 끝 */

.cosec-h1{font-size: 45px; font-weight: 700; }
.cosec-p{margin-top: 33px; font-size: 20px; font-weight: 400; color: #030303; letter-spacing: -0.1px; line-height: 30px;}
.cosec-img{margin-top: 69px; width:100%; min-height: 502px; display: flex; justify-content: center; align-items: center; background-size: contain;}
.cosec-img img{mix-blend-mode: multiply; height: 322px;}
.cosec-button-wr{margin-top: 40px; display: flex; justify-content:end; flex-direction: row; gap:12px;}
.cosec-button{display: flex; justify-content: center; align-items: center; background-color: #000; width: 170px; height: 42px; font-size: 16px; font-weight: 500; color: #fff; gap:10px}

.pack-wr{display: grid; grid-template-columns: 50% 50%; justify-content: center; overflow: hidden;}
.pack-wr > *:nth-child(odd) {
  justify-self: end; /* 홀수 번째 자식(각 줄의 왼쪽)은 오른쪽 정렬 */
}

.pack-wr > *:nth-child(even) {
  justify-self: start; /* 짝수 번째 자식(각 줄의 오른쪽)은 왼쪽 정렬 */
}
.pack-img1 img{width: 100%;}
.pack-img2 img{width: 100%;}
.pack-img1{opacity: 0; transform: translateX(-50px);}
.pack-img2{opacity: 0; transform: translateX(50px);}
.pack-img1.visible{opacity: 1; transform: translateX(0px); transition: 0.5s ease-in-out;}
.pack-img2.visible{opacity: 1; transform: translateX(0px); transition: 0.5s ease-in-out;}
.pack-text1{width: 640px; display: flex; flex-direction: column; padding: 90px 0 90px 90px; justify-content: end;}
.pack-text2{width: 640px; display: flex; flex-direction: column; padding: 90px 90px 90px 0; justify-content: end;}

.pack-text-h{font-size: 45px; font-weight: 700; }
.pack-text-p{margin-top: 69px; font-size: 20px; font-weight: 500; color:#030303}

/* 로딩 화면 스타일 */
#loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000; /* 다른 요소 위에 표시되도록 z-index 설정 */
}
#loading img{width:100px}

/* 페이지 로드 후 숨겨질 때의 스타일 */
#loading.hidden {
    display: none;
}

.iw_inner {font-family: 'pretendard' !important; padding: 30px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.iw_inner h3{font-size: 20px; font-weight: 700;font-family: 'pretendard' !important;}
.iw_inner p{margin-top:10px; font-size: 15px; font-weight: 300; font-family: 'pretendard';}
.ad-wr {display: flex; width: 100%; flex-direction: column; margin-top: 50px ; font-family: 'pretendard';}
.ad-wr .column{display: flex; }
.ad-wr .left{display: flex; flex-direction: row; width: 182px; justify-content: left; gap: 17px; align-items: center;padding: 20px 0; border-bottom: 3px solid #000;}
.ad-wr .right{padding-left: 50px; display: flex;justify-content: left;align-items: center; border-bottom: 1px solid #D6D6D6; width: 100%;}
.ad-wr .left span{font-size: 23px; font-weight: 700;}
.ad-wr .column .img-wr{width: 40px; height:40px; display: flex; align-items: center; justify-content: center;}
.ad-wr .column .img-wr img{width: 100%; height: 100%; object-fit: contain;}

.cosec-h1box{display: inline-block; border-radius: 23px; background-color: #000; min-height: 45px; line-height: 45px; font-size: 27px; align-self: center; text-align: center; color: #fff; padding: 0 30px; font-weight: 700; letter-spacing: -0.14px;}
.cosec-p.mg{margin-left: 30px; display: flex; flex-direction: row;}
.cosec-h2{margin-top:33px; margin-left: 30px; font-size: 23px; font-weight: 700;}

.cosection2{background-color:#F6F6F6; padding-top: 106px;font-family: 'pretendard';display: flex; justify-content: center; flex-direction: column; align-items: center; gap:85px}
.cosection2-wr{width: 1280px;}
.roundnum{width:30px;height:30px; border: 2px solid #000; border-radius: 50%; display: flex; justify-content: center ; align-items: center; font-size: 20px; font-weight: 500;}
.bo_v_tit_date{font-size: 20px; color: #333333; font-weight: 500;}
.bo_w_tit.write_div .holder{width: 100%;}
.bo_w_tit.write_div .holder input{width: 100%; height: 40px; border: 1px solid #d0d3db; border-radius: 3px; padding: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.cosec-grid{display: flex; flex-direction: row; justify-content: space-between;}
.cosec-grid .left{padding-bottom: 50px;}
.cosec-grid .right img{width: 100%; height: 100%; opacity: 0;transform: scale(0.5);}
.cosec-grid .right img.visible{opacity: 1; transform: scale(1); transition: 1s ease-in-out;}
.cosec-grid .right{padding-right: 50px;}
.blank{display: flex; align-items: center;}
.blank .dashed_line{width: 100%; border-bottom: 1px dashed #AAAAAA;}
.icon-box-wr{display: flex; flex-direction: row; width: 1000px; align-items: center; margin: 0 auto; gap:38px; margin-top: 53px;}
.icon-box{display: flex; flex-direction: column;align-items: center;width: 181px; height: 181px; 
  justify-content: center; font-size: 23px; gap:24px; font-weight: 700; border: 2px solid #000; border-radius: 28px; background-color: #fff; opacity: 0; transform: translateX(-30px);}
.icon-box img{height:75px;}
.icon-box.visible{opacity: 1; transform: translateX(0); transition: 0.3s ease-in-out;}
.icon-box-wr .arrow{height: 40px;}
.arrow img{height: 100%;}
.downbutton{display:flex; background: #000000; width:328px; justify-content:center; height:70px; align-items:center; border-radius:0; margin: 0 auto; font-size: 25px; font-weight: 500; color: #fff;
gap:20px}
.downbutton img{height: 30px;}
.buttonwr{padding: 60px 0 0 0; display: flex; flex-direction: column; align-items: center; position: relative;}
#buttonlist{display: none; flex-direction: column; padding: 5px 0; position: absolute; top:100%; background-color: #000;}
#buttonlist.active{display: flex;}
#buttonlist a{width: 100%;  padding: 5px 20px; font-size: 13px; color: #fff; font-weight: 500; }
#buttonlist a:hover{color: #FFCC00; transition: 0.2s all;}
.h5text{margin: 0 auto; text-align:center; font-size: 32px; font-weight: 700; line-height: 49px; letter-spacing: -0.16px; }

.bo_tit .imgdiv img{border-radius: 21px; margin-left: 0;}
#bo_list .td_subject.pressnews{padding: 30px 0;}
.bo_tit a{display: flex; flex-direction: row;}
.bo_tit a .textdiv{padding: 8px 46px;}
.bo_tit a .textdiv .subjecttext{font-size: 25px; font-weight: 700; color: #333333; letter-spacing: -0.13px;}
.bo_tit a .textdiv .ptext{font-size: 20px; font-weight: 400; color: #636363; letter-spacing: -0.1px; margin-top: 46px; line-height: 30px;}
.tbl_head01 .even.press{border-bottom: 0;}

.infsection1{display: flex; flex-direction: column; align-items: center; }
.infh1{font-size: 45px; font-weight: 700; letter-spacing: -0.23px; margin-top: 146px}
.inftext{font-size: 20px; font-weight: 400; color: #030303; line-height: 30px; margin-bottom: 62px; margin-top: 34px; text-align: center;}

#map-container {
  width: 100%;
  height: 100%;
}

#map-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#map-container .marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.infmap{margin: 0 auto; position: relative; width: 497px; height: 826px; background-repeat: no-repeat; background-size: contain; background-position: center;transform-style: preserve-3d; display: flex; justify-content: center;}
.infmap img{height: 100%;transform-style:flat; }
.infpointer{display: flex; justify-content: center; align-items: center; position: absolute; 
  width: 67px; height: 92px; background-repeat: no-repeat; background-size: contain; 
  background-position: center;transform: translateZ(30px) rotateX(-20deg); }
.infpointer.gyeonggi{top: 132px; left: 142px; }
.infpointer.gangwon{top: 107px; left: 288px; }
.infpointer.chungcheong{top: 304px; left: 164px; }
.infpointer.gyeongsang{top: 413px; left: 333px; }
.infpointer.jeolla{top: 533px; left: 120px; }
.infpointer span  {padding-bottom: 20px; font-family: 'pretendard'; font-size: 25px; font-weight: 500; color: #fff; text-align: center;}

.infsection2{margin-top: 100px; font-family: 'pretendard';}
.infsection2 table td:last-child{border-right: none;}
.infh1-1{font-size: 20px; color: #707070;}
.inftext2 table{width: 100%; margin-top: 45px; font-size: 20px; border-collapse:collapse}
.inftext2 table tr.top{color: #FFF; background-color: #000;}
.inftext2 table th, td{ padding:11px 0; text-align: center;}
.inftext2 table td{border: 1px solid #000;  border-left: 0; font-weight: 500; color: #484F4B;}
.inftext2 table td.left{background-color: #D9D9D9; border-left: 0; border-right: 0; color: #000;}
.riceimg{height: 421px; margin: 0 auto;}

#bo_gall #gall_ul2{display: grid; grid-template-columns: repeat(2, 1fr); gap:50px;margin-top: 60px; }
#bo_gall #gall_ul2 .gall_li{width: 100%;}
#bo_gall #gall_ul2 .gall_img a img{border-radius: 0;}

#bo_cate #bo_cate_on{color: #000; background-color: transparent; border: none; box-shadow: none;}
#bo_cate a{background-color:transparent; border: none; color: #000; font-size: 25px; font-weight: 700; color: #D9D9D9;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active{background-color:transparent; border: none; color: #000; font-size: 25px; transition: 0.2s all;}

.arsection1{width:1280px; display: flex; flex-direction: row; margin-top: 149px; justify-content: center; gap: 78px;}
.arsection1 .left{width: 494.5px; display: flex; align-items: center; cursor: pointer;}
.arsection1 .left #intromap{ margin-top: 50px;}
.arsection1 .right {position: relative;}
#gangwon:hover .st0 {fill:#000; transition: 0.2s all;}
#gangwon:hover .text path{fill:#FFF; transition: 0.2s all;}
#gyeonggi:hover .st0 {fill:#000; transition: 0.2s all;}
#gyeonggi:hover .text path{fill:#FFF; transition: 0.2s all;}
#jeolla:hover .st0 {fill:#000; transition: 0.2s all;}
#jeolla:hover .text path{fill:#FFF; transition: 0.2s all;}
#chungcheong:hover .st0 {fill:#000; transition: 0.2s all;}
#chungcheong:hover .text path{fill:#FFF; transition: 0.2s all;}
#gyeongsang:hover .st0 {fill:#000; transition: 0.2s all;}
#gyeongsang:hover .text path{fill:#FFF; transition: 0.2s all;}
#jeju:hover .st0 {fill:#000; transition: 0.2s all;}
#jeju:hover .text path{fill:#FFF; transition: 0.2s all;}

.right .toptext{font-size: 45px; font-weight: 700; margin-bottom: 10px;}
.right .imgboxwr{margin-top: 32px; display: flex; flex-direction: row; align-items: center; gap: 50px;}
.right .imgboxwr .img{width: 180px; height: 180px;position: relative ;overflow:hidden; 
  border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.right .img img{height: 100%;}
.right .imgboxwr .box{display: flex; flex-direction: column;}
.right .imgboxwr .box span{font-size: 24px; font-weight: 300; color: #333333; line-height: 40px;}
.right .imgboxwr .box span.h1{font-size: 30px; font-weight: 700; color: #000; margin-bottom: 10px;}

.right .gyeonggicon{position: relative; top: 0; opacity: 0;}
.right .gyeonggicon.active{opacity: 1;}

.right .chungcheongcon{position: absolute; top: 0; opacity: 0;}
.right .chungcheongcon.active{opacity: 1;}

.right .gangwoncon{position: absolute; top: 0; opacity: 0;}
.right .gangwoncon.active{opacity: 1;}

.right .jeollacon{position: absolute; top: 0; opacity: 0;}
.right .jeollacon.active{opacity: 1; }

.right .gyeongsangcon{position: absolute; top: 0; opacity: 0;}
.right .gyeongsangcon.active{opacity: 1;}

.right .jejucon{position: absolute; top: 0; opacity: 0;}
.right .jejucon.active{opacity: 1; }

.bo_cnt_wr{overflow: visible;}
.blocker{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: transparent;}

.youtubemodal{position:fixed; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; display: none; justify-content: center; align-items: center; background: #000000AA;  z-index: 90000;}
.youtubemodal.active{display: flex; opacity: 1; transition: 0.2s all;}
.modalwr{padding: 0 calc(50vw - 640px); width: 100%;}
.modalwr .box{background-color: #fff; border-radius: 20px; padding: 30px 40px; display: grid; grid-template-columns: repeat(2 ,1fr); column-gap: 40px; row-gap: 20px;}

.modalwr .box .box1{font-size: 51px; font-weight: 600; }
.modalwr .box .box1 span{font-size: 43px;}
.modalwr .box .box2{display: flex; flex-direction: column; justify-content: flex-end; font-size: 30px; font-weight: 500;}
.modalwr .box .box4{font-size: 18px; max-height: 406px; overflow-y: scroll; border: 1px solid #000; padding: 20px; line-height: 1.3;}

@media screen and (max-width:768px) {
  .modalwr .box{display: flex; flex-direction: column;padding: 30px 20px;}
  .youtubemodal{overflow-y: scroll; padding: 50px 0;}
  .modalwr .box .box1{font-size: 32px; font-weight: 800; }
  .modalwr .box .box2{font-size: 24px; font-weight: 800;}
  .modalwr .box .box3 iframe{width: 100%;}

}

/* 화면에 맞게 */
@media screen and (max-width: 600px) {
  .cosec1 { display:flex; flex-direction: column; justify-content: center; align-items: center;}
  .cosec1_img {width: 100%;}
  .cosec1_txt_wr { width: 100%; align-items: center;justify-content: center; }
  .cosec1_txt_wr { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 5%; }
  .cosec1_title { display:flex; width:100%; align-items: center; justify-content: center;}
  .cosec1_title > img { width:10%; margin-right: 3%;  }
  .cosec1_title > p { font-size: 1.5rem;  line-height: 1.2; text-align: center; }
  .cosec1_icon { display: flex; justify-content: space-between; margin-top: 3%; width:50%; }
  .cosec1_icon > img { width: 10%;}
  .cosec1_icon > img:nth-child(4) {
    width:7%;
  }
  .cosec1_txt { margin-top: 3%; font-size: 14px; line-height:1.5;text-align: center;}
  .cosec1_rice { margin: 5% auto; width:40%;display:flex;align-items: center; justify-content: center; }
  .cosec1_rice > img { width: 100%;}
}
.info1{font-size: 20px;}
.info2{font-family: 'KoPubWorldBatang'; font-weight: 700; font-size: 51px; color:#1068B2; letter-spacing: -1px; line-height: 1.2;}
.infotable{display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 150px; row-gap: 70px;}
.infobox span{display: block; line-height: 1.3;}
.infobox .h1e{color:#1068B2}
.infobox .h1, .infobox .h12{color:#1068B2; font-size: 30px; display: inline-block; line-height: 1.5;}
.infobox .text{margin-top: 3px;}
.infobox .text2{margin-top:5px;}



.infowr{display: flex; gap: 183px}
.info5{font-size: 30px; font-weight: 700;}
.info3{font-size: 20px; line-height: 1.3;}

.tablewr{width: 100%; max-width: 1280px; margin: 0 auto; display: flex; gap: 20px; w}
.tablewr div{flex: 1;}