body {
  max-width:1920px;
  overflow-x:hidden;
}

/* 메인 래퍼 */
.main-wrapper {
  width: 100%;
  overflow-x: hidden;
}

/* 반응형 기본 설정 */
@media (max-width: 768px) {
  .main-wrapper {
    width: 100%;
  }
  
  /* 모바일에서 줄바꿈 개선 */
  .billboard_text p br {
    display: none;
  }
  
  /* 모바일에서 텍스트 간격 조정 */
  .billboard_text p {
    word-break: keep-all;
    word-wrap: break-word;
  }
}
/* 빌보드 */
#billboard {
  width:97%;
  height:41vw;
  margin:auto;
  /* margin:102px 30px 0 30px; */
  margin-top:102px;
  border-radius: 20px;
  overflow:hidden;
  position:relative;
}

/* 모바일 빌보드 반응형 */
@media (max-width: 768px) {
  #billboard {
    width:95%;
    height:60vw;
    margin-top:78px;
    border-radius: 12px;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-pagination2 {
  font-family:"Pretendard";
}
.swiper_control {
  position:absolute;
  bottom:10%;
  z-index:2;
  width:10%;
  height:auto;
  padding:20px 0;
}
.fraction_nextBtn {
  display:flex;
  justify-content: flex-start;
  align-items:center;
  gap:60px;
}
.billBoard_nextBtn {
  display:flex;
  justify-content: center;
  align-items: center;
  width:24px;
  height:24px;
}
.billBoard_nextBtn img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.billBoard_nextBtn:hover {
  cursor: pointer;
}
.swiper-pagination {
  display:block;
  position:static;
  margin-top:20px;
}

/* .billBoardImg {
  position:relative;
}
.billBoardImg img {
  width:100%;
  height:100%;
  object-fit: cover;
} */
.billBoardImg1 {
  background-image:url("../images/billBoard1.png");
  background-size:cover;
  background-repeat:no-repeat;
}
.billBoardImg2 {
  background-image:url("../images/billBoard2.png");
  background-size:cover;
  background-repeat:no-repeat;
}
.billBoardImg3 {
  background-image:url("../images/billBoard3.png");
  background-size:cover;
  background-repeat:no-repeat;
}
.currentIndex {
  color:var(--color-main);
}
.billLine {
  padding:0 12px;
}
.swiper-pagination2:not(.currentIndex) {
  color:var(--color-76);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color:var(--color-main);
  border-radius: 12px;
}
.swiper-pagination-progressbar  {
  border-radius: 12px;
}


.billboard_text {
  /* outline:solid 1px black; */
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  right:20%;
  text-align:left;
}
.billboard_text h1 {
  font-size:52px;
  color:var(--color-main);
  padding-bottom:24px;
  line-height: 1.2;
}
.billboard_text > p {
  font-size:18px;
  font-weight: 500;
  padding-bottom:42px;
}
.billboard_text address {
  display:flex;
  justify-content: flex-start;
  gap:32px;
  align-items:center;
  width:auto;
}
.billboard_text address section {
  display:flex;
  justify-content: flex-start;
  align-items: center;
  gap:8px;
  font-style:normal;
}
.billboard_text address img {
  width:20px;
}

/* 모바일 빌보드 텍스트 반응형 */
@media (max-width: 768px) {
  .billboard_text {
    right:5%;
    left:5%;
    text-align:center;
    padding:0 10px;
    padding-top: 20px;
  }
  
  .billboard_text h1 {
    font-size:28px;
    padding-bottom:16px;
  }
  
  .billboard_text > p {
    font-size:14px;
    padding-bottom:24px;
    line-height: 1.4;
  }
  
  .billboard_text address {
    flex-direction: column;
    gap:16px;
  }
  
  .billboard_text address section {
    gap:6px;
  }
  
  .billboard_text address img {
    width:16px;
  }
  .billboard_text address p {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .billboard_text address section {
    align-items: flex-start;
  }
  .billboard_text address p {
    font-size: 13px;
    line-height: 1.1;
    margin: 0;
  }
}
.billBoardImg2 h1,
.billBoardImg2 p {
  color:white;
}
.billBoardImg2 p {
  line-height:1.5;
}

.billBoardImg3 .billboard_text > span {
  display:block;
  color:white;
}
.billBoardImg3 h1 {
  font-size:72px;
  line-height: 1.2;
  padding-bottom:52px;
  color:white;
}
.billBoardImg3 h1 > span {
  display:block;
  font-size:20px;
  font-weight: 700;
  color:white;
}
.billBoardImg3 .billboard_text > p {
  font-size:18px;
  color:white;
}

/* 모바일 빌보드 슬라이드 3 반응형 */
@media (max-width: 768px) {
  .billBoardImg3 h1 {
    font-size:32px;
    padding-bottom:24px;
  }
  
  .billBoardImg3 h1 > span {
    font-size:14px;
  }
  
  .billBoardImg3 .billboard_text > p {
    font-size:14px;
  }
}



/* 공지사항 연동 */
.news_listBanner {
  width:97%;
  height:42px;
  overflow:hidden;
  margin:auto;
  margin-top:12px;
  padding:10px 0;
  border-radius: 16px;
  background-color:var(--color-sub);
  text-align:center;
}
.news_listBanner a {
  color:var(--color-main);
  font-weight: 600;
}
.news_listBanner a span {
  font-weight: 700;
  padding-right:16px;
}

/* 모바일 뉴스 배너 반응형 */
@media (max-width: 768px) {
  .news_listBanner {
    width:95%;
    height:36px;
    padding:8px 0;
    border-radius: 12px;
  }
  
  .news_listBanner a {
    font-size:14px;
  }
  
  .news_listBanner a span {
    padding-right:12px;
  }
}

.newsSwiper.swiper {
  width: 100%;
}

.newsSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background-color:transparent;
}



/* youtube */
#mainYoutube {
  width:100%;
  /* outline:solid 1px black; */
  text-align:center;
}
.mYoutube_piece1 {
  font-size:20px;
  font-weight: 400;
  padding-bottom:12px;
}
.titleWrap h1 {
  font-size:48px;
  font-weight: 700;
  padding-bottom:32px;
}
.titleWrap span {
  color:var(--color-66);
  font-size:500;
}

/* 모바일 제목 반응형 */
@media (max-width: 768px) {
  .titleWrap h1 {
    font-size:32px;
    padding-bottom:24px;
  }
  
  .titleWrap span {
    font-size:14px;
    line-height: 1.4;
  }
  
  .mYoutube_piece1 {
    font-size:16px;
    padding-bottom:8px;
  }
}

.youtubeList_wrap {
  width:100%;
  display:flex;
  gap:24px;
  justify-content: space-between;
  align-items: flex-start;
}
.bigView {
  width:70%;
  /* outline:solid 1px red; */
}
.bigView iframe {
  border-radius: 20px;
}
.listView_wrap {
  width:30%;
  height:632px;
  background-color: var(--color-f8);
  border:solid 1px var(--color-e8);
  border-radius: 20px;
  padding:16px 10px;
  /* outline:solid 1px blue; */
}

/* 모바일 유튜브 섹션 반응형 */
@media (max-width: 768px) {
  .youtubeList_wrap {
    flex-direction: column;
    gap:16px;
  }
  
  .bigView {
    width:100%;
  }
  
  .bigView iframe {
    height:200px;
    border-radius: 12px;
  }
  
  .listView_wrap {
    width:100%;
    height:300px;
    border-radius: 12px;
    padding:12px 8px;
  }
}
.listView  {
  width:100%;
  height:100%;
  /* outline:solid 1px black; */
  display:flex;
  flex-direction:column;
  gap:12px;
  overflow-y:scroll;
}
.listView::-webkit-scrollbar {
  width:4px;
  border-radius:90px;
}
.listView::-webkit-scrollbar-track {
  background-color:var(--color-e1);
}
.listView::-webkit-scrollbar-thumb {
  background-color:black;
  border-radius:90px;
}
.listView > li {
  width:97%;
  background-color:white;
  border:solid 1px var(--color-e8);
  border-radius: 20px;
  padding:12px;

  display:flex;
  justify-content: flex-start;
  align-items: center;
  gap:16px;
}
.listView > li:hover {
  cursor: pointer;
}
.listView_thumb {
  width:36%;
  height:6vw;
  background-color:black;
  border-radius: 16px;
  overflow:hidden;
}
.listView_thumb img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.listView_title {
  text-align:left;
  width:60%;
}
.listView_title h3 {
  color:var(--color-00);
  font-size:16px;
  padding-bottom:2px;
  font-weight: 500;

  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.listView_title.choice {
  color:var(--color-main);
}
.listView_title p {
  color:var(--color-76);
  font-size:12px;
  font-weight: 500;
}

/* 모바일 유튜브 리스트 반응형 */
@media (max-width: 768px) {
  .listView > li {
    border-radius: 12px;
    padding:8px;
    gap:12px;
  }
  
  .listView_thumb {
    width:40%;
    height:60px;
    border-radius: 8px;
  }
  
  .listView_title {
    width:56%;
  }
  
  .listView_title h3 {
    font-size:14px;
    -webkit-line-clamp:2;
  }
  
  .listView_title p {
    font-size:11px;
  }
}



/* comment1 */
#mComment {
  width:100%;
}
.mComment1 {
  margin-bottom:32px;
  text-align:center;
}
.mComment1 h3 {
  font-size:26px;
  font-weight: 400;
}
.mComment1 h1 {
  padding-top:42px;
  font-size:32px;
  font-weight: 700;
}
.mComment2 {
  width:100%;
  height:42vw;
  border-radius: 20px;
  overflow:hidden;

  background-image: url(../images/comment_Backimg.png);
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;

  padding-left:92px;
  position:relative;
}
.mComment2 > .overlay {
  width:100%;
  height:100%;
  background:linear-gradient(transparent, rgba(0,0, 0, 0.5));
  position: absolute;
  left:0;
  top:0;
}
.mComment2 > div {
  position:absolute;
  bottom:72px;
  z-index:2;
}
.mComment2 h2 {
  font-size:24px;
  font-weight: 600;
  color:white;
}
.mComment2 > div > div {
  margin-top:24px;
}
.mComment2 > div p {
  color:white;
}
.mComment2 > div p:first-of-type {
  padding-bottom:24px;
}

/* 모바일 mComment 반응형 */
@media (max-width: 768px) {
  .mComment1 h3 {
    font-size:20px;
    line-height: 1.3;
  }
  
  .mComment1 h1 {
    font-size:24px;
    padding-top:24px;
    line-height: 1.3;
  }
  
  .mComment2 {
    height:60vw;
    padding-left:20px;
    padding-right:20px;
    border-radius: 12px;
    background-attachment:scroll;
  }
  
  .mComment2 > div {
    bottom:10px;
    padding-right:20px;
  }
  
  .mComment2 h2 {
    font-size:18px;
    line-height: 1.3;
  }
  
  .mComment2 > div > div {
    margin-top:16px;
  }
  
  .mComment2 > div p {
    font-size:14px;
    line-height: 1.4;
  }
  
  .mComment2 > div p:first-of-type {
    padding-bottom:16px;
  }
}


/* indonesia Corperation */
#corperation {
  text-align:center;
}
.cor_backWrap {
  width:100%;
  padding:140px 40px;
  border-radius: 20px;
  background-color:var(--color-f8);
}
.cor_backWrap > section {
  width:100%;
  overflow:hidden;
}
.theyTrustUs {
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.theyTrustUs p {
  opacity: 0;
}
.theyTrustUs h5 {
  color:var(--color-main);
  font-size:18px;
  font-weight: 700;
}
.theyTrustUs .trustBtn_wrap {
  display:flex;
  justify-content: space-between;
  align-items: center;
  gap:16px;
}

/* 모바일 cooperation 반응형 */
@media (max-width: 768px) {
  .cor_backWrap {
    padding:20px 20px 80px 20px;
    border-radius: 12px;
  }
  
  .theyTrustUs {
    flex-direction: column;
    gap:16px;
  }
  
  .theyTrustUs h5 {
    font-size:16px;
  }
  
  .theyTrustUs .trustBtn_wrap {
    gap:12px;
  }
}
/* .trustBtn_wrap {
  outline:solid 1px red;
  margin-top:
} */
.trustBtn_wrap button {
  outline:none;
  border:none;
  background-color: transparent;
}
.theyTrustUs button:hover {
  cursor: pointer;
}
.corBrand_wrap {
  margin-top:16px;
}
.trustSwiper .swiper-wrapper {
  margin-top:16px;
}
.trustSwiper .swiper-slide {
  height:16vw;
  border-radius: 20px;
  background-color:white;
  border:solid 1px var(--color-e8);
  overflow:hidden;

  display:flex;
  justify-content: center;
  align-items: center;
}

/* 모바일 trust swiper 반응형 */
@media (max-width: 768px) {
  .trustSwiper .swiper-slide {
    height:120px;
    border-radius: 12px;
  }
}
/* .trustSwiper .swiper-slide img {
  width:50%;
  object-fit:contain;
}
.trustSwiper .swiper-slide img.imgLength1 {
  width:30%;
  object-fit:contain;
}
.trustSwiper .swiper-slide img.imgLength2 {
  width:40%;
  object-fit:contain;
}
.trustSwiper .swiper-slide img.imgLength3 {
  width:27%;
  object-fit:contain;
}
.trustSwiper .swiper-slide img.imgrow1 {
  width:40%;
  object-fit:contain;
}
.trustSwiper .swiper-slide img.imgrow2 {
  width:60%;
  object-fit:contain;
} */





/* 인증 */
#certification {
}
.certification_tabs {
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
  gap:42px;
}
.certification_tabs button {
  outline:none;
  border:none;
  background-color: transparent;
  color:var(--color-cc);
  font-size:32px;
  font-weight: 700;
  transition: .3s;
}
.certification_tabs button.choice {
  color:black;
}
.certification_tabs button:hover {
  cursor: pointer;
}
.certification_tabs button:not(.choice):hover {
  color:var(--color-bb);
}

/* 모바일 certification 반응형 */
@media (max-width: 768px) {
  .certification_tabs {
    gap:20px;
    flex-wrap: wrap;
  }
  
  .certification_tabs button {
    font-size:20px;
  }
}
.tabsSwiper {
  margin-top:42px;
  position:relative;
  overflow:visible;
  position:relative;
}
.tabsSwiper .swiper-wrapper {
  padding-left:calc((100vw - 1440px) / 2);
}
.tabsSwiper .swiper-slide {
  /* width:60%; */
  /* width:1174px; */
  height:614px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 30px;
  flex-wrap:wrap;  
}
.tabsSlide {
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment: fixed;
  padding:45px 50px 72px 50px;
}

/* 모바일 tabs swiper 반응형 */
@media (max-width: 768px) {
  .tabsSwiper {
    margin-top:24px;
  }
  
  .tabsSwiper .swiper-wrapper {
    padding-left:16px;
  }
  
  .tabsSwiper .swiper-slide {
    height:400px;
    border-radius: 20px;
  }
  
  .tabsSlide {
    padding:24px 20px 40px 20px;
    background-attachment: scroll;
  }
}
.tabsSlide1 {
  background-image:url(../images/tabs1.png);
}
.tabsSlide2 {
  background-image:url(../images/tabs2.png);
}
.tabsSlide3 {
  background-image:url(../images/tabs3.png);
}
.tabsSlide4 {
  background-image:url(../images/tabs4.png);
}
.tabs_whiteBack {
  width:100%;
  min-height:14.7vw;
  max-height:14.7vw;
  border-radius:20px;
  background-color:rgba(255, 255, 255, 0.95);
  backdrop-filter:blur(10px);

  display:flex;
  justify-content: center;
  align-items:center;

  padding:36px 0;
}
.tabs_whiteBack img {
  width:20%;
}
.tabsSlide2 .tabs_whiteBack img,
.tabsSlide4 .tabs_whiteBack img {
  width:17%;
}
.tabsSlide3 .tabs_whiteBack img {
  width:14%;
}
.tabs_contents {
  margin-top:50px;
  color:white;
  text-align:left;
}
.tabs_contents h2 {
  font-size:32px;
  font-weight: 600;
}
.tabs_contents span {
  display:block;
  width:100%;
  font-size:16px;
  font-weight: 400;
  color:var(--color-e1);
}
.tabs_contents p {
  padding-top:24px;
  font-size:16px;
  font-weight: 400;
}

/* 모바일 tabs 컨텐츠 반응형 */
@media (max-width: 768px) {
  .tabs_whiteBack {
    min-height:120px;
    max-height:120px;
    border-radius: 12px;
    padding:20px 0;
  }
  
  .tabs_whiteBack img {
    width:30%;
  }
  
  .tabsSlide2 .tabs_whiteBack img,
  .tabsSlide4 .tabs_whiteBack img {
    width:25%;
  }
  
  .tabsSlide3 .tabs_whiteBack img {
    width:20%;
  }
  
  .tabs_contents {
    margin-top:24px;
  }
  
  .tabs_contents h2 {
    font-size:20px;
    line-height: 1.3;
  }
  
  .tabs_contents span {
    font-size:14px;
  }
  
  .tabs_contents p {
    padding-top:16px;
    font-size:14px;
    line-height: 1.4;
  }
}



/* News & Notice */
#mainNotice {
  width:100%;
  display:flex;
  justify-content: space-between;
  /* align-items:stretch; */
}
.notiTitle {
  /* align-self:flex-start; */
  width:30%; 
  height:auto;
  position:sticky;

  top:32px;
  transition:.3s;
}
.notiTitle p {
  font-size:20px;
  font-weight: 400;
}
.notiTitle h1 {
  padding-top:18px;
  font-size:36px;
  font-weight: 700;
  color:var(--color-1d1d1f);
}
.notiNotice {
  width:70%;
}

/* 모바일 공지사항 반응형 */
@media (max-width: 768px) {
  #mainNotice {
    flex-direction: column;
    gap:24px;
  }
  
  .notiTitle {
    width:100%;
    position:static;
    text-align:center;
  }
  
  .notiTitle p {
    font-size:16px;
  }
  
  .notiTitle h1 {
    padding-top:12px;
    font-size:22px;
  }
  
  .notiNotice {
    width:100%;
  }
}
.noticeHpnk,
.notiTitle_wrap,
.noticeIndonesia {
  width:100%;
}
.notiTitle_wrap {
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:20px;
}
.notiTitle_wrap h1 {
  font-size:32px;
  font-weight: 600;
}
.notiTitle_wrap a {
  display:flex;
  gap:4px;
  align-items: center;
  color:black;
  font-weight: 500;
}

.main_noticeBox {
  width:100%;
}
.main_noticeBox .news_line {
  width:100%;
  padding:24px 32px 24px 24px;
  background-color:white;
  border-bottom:solid 1px var(--color-cc);

  display:flex;
  align-items: center;
  justify-content: space-between;
}
.main_noticeBox .news_line.notification {
  width:100%;
  padding:24px 32px 24px 24px;
  background-color:var(--color-sub);
}

/* 모바일 공지사항 리스트 반응형 */
@media (max-width: 768px) {
  .notiTitle_wrap h1 {
    font-size:18px;
  }
  
  .notiTitle_wrap a {
    font-size:14px;
  }
  
  .main_noticeBox .news_line,
  .main_noticeBox .news_line.notification {
    padding:16px 20px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap:8px;
  }
  
  .news_line .nameNdate {
    width:100%;
    display:flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .news_line .title {
    width:100%;
  }
  
  .news_line .title h3 {
    font-size:16px;
    white-space: normal;
    line-height: 1.3;
  }
  
  .news_line .go_btn {
    align-self: flex-end;
    width:28px;
    height:28px;
  }
}
/*
.main_noticeBox .news_line button {
  outline:none;
  border:none;
  background-color:transparent;
}
/* 일반 
.news_line .nameNdate p:first-of-type {
  font-size:18px;
  font-weight: 600;
  color:var(--color-76);
} */
/* 공지 */
.news_line .nameNdate p:first-of-type {
  font-weight: 600;
  color:var(--color-76);
}
.news_line .nameNdate p.mc {
  color:var(--color-main);
}
.news_line .nameNdate p:not(:first-of-type) {
  font-size:14px;
}
.news_line .title {
  width:80%;
}
.news_line .title h3 {
  font-size:18px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification .title h3 {
  font-weight: 600;
}
.news_line .go_btn {
  width:32px;
  height:32px;
  display:flex;
  justify-content: center;
  align-items: center;
  background-color:transparent;
  outline: none;
  border:none;
}
.news_line .go_btn img {
  transition:.3s;
  cursor: pointer;
}
.tableA .nameNdate p:not(.mc),
.tableA .title h3 {
  color:black;
}


.noticeIndonesia {
  margin-top:100px;
}


.line_banner {
  width:100%;
  border-radius: 20px;
  overflow: hidden;
}
.line_banne a {
  display:block;
}
.line_banner img {
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

/* 모바일 라인 배너 반응형 */
@media (max-width: 768px) {
  .line_banner {
    border-radius: 12px;
  }

  .noticeIndonesia {
    margin-top:60px;
  }

  .top140 {
    margin-top:50px;
  }
}

@media (max-width: 768px) {
  .main_noticeBox .news_line .title h3 {
    font-size:15px;
  }
}

@media (max-width: 768px) {
  #mainYoutube.top150 {
    margin-top: 75px;
  }
}

@media (max-width: 768px) {
  .swiper_control {
    display: none;
  }
}