.main {width:100%; overflow-x:hidden;}
.btnType01 {
  display:block;
  background-color:#e6e6e6;
  width:290px;
  height: 60px;
  line-height:62px;
  border-radius:30px;
  position:relative;
}
.btnType01 p:nth-child(1) {
    padding-left:40px;
    font-family: "Gmarket Sans TTF";    
    font-size:16px;
    font-weight:700;
    color:#333333;
    letter-spacing:-0.6px;
}
.btnType01 .arrowBtn {
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}
.btnType01:hover {
    background-color:#fff;
    box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
}
.btnType01:hover .arrowBtn  {
    background-color:var(--point);
}
.textBoxType {
    position:relative;
    z-index:2;
    padding:90px 0 0 90px;
}
.textBoxType::before {
    content:'';
    width:4px;
    height:150px;
    background-color:#333;
    position:absolute;
    top:0; left:0;
}
.textBoxType .tit {
    font-family: "Gmarket Sans TTF";
    font-size:78px;
    font-weight:700;
    color:#333333;
    line-height:1.1;
    padding-bottom:10px;
}
.textBoxType .tit02 {
    font-size:56px;
}
.textBoxType .txt {
  font-size: 28px;
  font-family: "Gmarket Sans TTF";
  color: var(--point);
  font-weight: bold;
  line-height: 1.2;
  text-align: left;
}
.textBoxType .txt02 {
    margin-top:20px;
    font-family: "Pretendard";
    font-size:40px;
    font-weight:600;
    color:#333333;
    line-height:1.3;
}
.textBoxType .textType01 {
    margin:30px 0 50px 0;
}
.textBoxType02::before {
    background-color:#d91d58;
}
.textBoxType02 .tit {
    color:#fff;
}
.textBoxType02 .txt {
    color:#fff;
    opacity:0.5;
}
.textBoxType03::before {
    background-color:#fff;
}
.textBoxType03 .tit02 {
    color:#fff;
}
.topTitBox  {padding:0 40px;}
.topTitBox .tit {font-family: "Gmarket Sans TTF"; font-size:44px; font-weight:700; color:#2f2725; padding-bottom:30px;}
.topTitBox .txt {font-size:20px; font-weight:400; color:#2f2725; line-height:1.4;}

/* 메인비주얼 */
.mainVisual {
    padding:300px 0 150px 0;
    position:relative;
    z-index:4;
}
.mainVisual .inner {
    z-index:2;
    display:flex;
    flex-direction:row;
    align-items:flex-start;
}
.mainVisual .inner::before {
    content: '';
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #ff8833;
    position: absolute;
    left: 45%;
    top: 0px;
}
.mainVisual .inner::after {
    content:'';
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:#fed547;
    position:absolute; left:45%; top:0px;
    position:absolute;
    left:-45px;
    top:230px;
}
.mainVisual .sympo-wrap {
    position:absolute;
    top:0;
    right:0;
    width:820px;
    height:620px;
}
.background-blob {
    position: absolute;
    z-index: -1;
    /* 크기는 전부 CSS에서 통제 */
    width: 35vw;      /* 기본값: 화면 폭 기준 */
    max-width: 600px; /* 너무 커지지 않게 안전장치 */
    height: auto;
    transform-origin: center center;
}

/* 큰 파란 블롭 */
.background-blob01 {
    left: 18%;
    top: -520px;
    z-index: -1;
    width: 60vw;
    max-width: 811px;
}

/* 주황 블롭 */
.background-blob02 {
    left: 40%;
    bottom: 70px;
    opacity: 0.4;
    width: 30vw;
    max-width: 568px;
    animation: gentle-move 12s infinite ease-in-out alternate;
}

/* 연핑크 블롭 */
.background-blob03 {
    left: 25%;
    bottom: 180px;
    z-index: -2;
    animation: gentle-move02 12s infinite ease-in-out alternate;
    width: 35vw;
    max-width: 591px;
    animation: gentle-move 12s infinite ease-in-out alternate;
}

@keyframes gentle-move {
    0% {
        transform: scale(1) translate(0, 0) rotate(0deg);
    }
    100% {
        transform: scale(1.1) translate(20px, 20px) rotate(10deg);
    }
}

@keyframes gentle-move02 {
    0% {
        transform: scale(1.1) translate(0, 0) rotate(10deg);
    }
    100% {
        transform: scale(1) translate(10px, 10px) rotate(0deg);
    }
}
/* 배치용 (원하는 컨테이너에 넣어도 OK) */

.sympo-wrap {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.sympo-wrap .slide-nav {overflow:auto; padding-top:60px;}
.sympo-wrap #slideNav {list-style:none;margin:0;padding:0; text-align:right;}
.sympo-wrap #slideNav li{
    cursor:pointer;
    margin-bottom:20px;
}   
.sympo-wrap #slideNav li.is-active{
  font-weight:700;
  color:#000000;
  letter-spacing:-1px;
}
.mainSlider .swiper-slide {opacity:0;}
.mainSlider .swiper-slide-active {opacity:1;}
.mainSlider {width:100%; border-radius:40px; z-index:3;}
.mainSlider .swiper-wrapper {}
.mainSlider .swiper-wrapper .swiper-slide {opacity:0; border-radius:40px; overflow:hidden; width:100%;}
.mainSlider .swiper-wrapper .swiper-slide a { width:100%; height:100%; height:fit-content; display:block; font-size:0;}
.mainSlider .swiper-wrapper .swiper-slide img {object-fit: cover; width:100%; opacity:0; box-shadow:3px 3px 10px rgba(0,0,0,.08);}
.mainSlider .swiper-wrapper .swiper-slide-active img {opacity:1;}
.mainSliderBox {width:600px; position:relative;}
.mainSliderBox .swiper-button-prev,
.mainSliderBox .swiper-button-next {
    width:63px;
    height:63px;
    border-radius:50%;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transform:translateY(-50%);
    margin-top:0 !important;
}
.mainSliderBox .swiper-button-prev {
    left:-31px;
}
.mainSliderBox .swiper-button-next {
    right:-31px;
}
.swiper-button-prev svg,
.swiper-button-next svg {
    display:none;
}
.mainSliderBox .swiper-button-prev:after {
    font-family: 'xeicon' !important;
    content: "\e93c"; 
}
.mainSliderBox .swiper-button-next::after {
    font-family: 'xeicon' !important;    
    content: "\e93f";
}
.mainSliderBox .swiper-button-next:after, 
.mainSliderBox .swiper-button-prev:after {
    font-size:20px;
    color:#000;
    font-weight:bold;
}
.mainSliderBox .swiper-button-next:hover, 
.mainSliderBox .swiper-button-prev:hover {
    background-color:var(--point);
}
.mainSliderBox .swiper-button-next:hover:after, 
.mainSliderBox .swiper-button-prev:hover:after {
    color:#fff;
}
/* 2_탭박스 */
.notice-wrap {
    position:relative;
    overflow:initial;
}
.notice-wrap .bg {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
}
.tab-head { display:flex; justify-content:space-between; align-items:center; }
.tab-menu { display:flex; flex-direction:row; align-items:center; gap:50px; }
.tab-menu li p {cursor:pointer; font-family: "Gmarket Sans TTF"; font-size:45px; font-weight:500; color:#b6b6b6;}
.tab-menu li.active p { color:#2f2725; font-weight:700; }
.tab-btns { display:flex; gap:8px; }
.notice-wrap .tab-btn {
  display:none;     
}

.notice-wrap .tab-btn.active {
    display:flex;
}

.tab-boxes { padding:50px 0 150px 0;}
.tab-box { display:none; }
.tab-box.active { display:block; animation:fade .4s ease; }
@keyframes fade{0%{opacity:0;}100%{opacity:1;}}
.main .notice-wrap {
    position:relative;
    z-index:3;
}
.tab-box .swiper-wrapper {
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:1.333333333%;
}
.tab-box .swiper-slide { 
    display:flex;
    flex-direction:row;
    align-items:stretch;
    gap:15px;
}
.tab-box .swiper-slide {
    width:24%;
    background-color:#f5f5f5;
    border-radius:8px;
    overflow:hidden;
    border:2px solid transparent;
}
.tab-box .swiper-slide a {
    width:100%;
    display:flex;
    height:250px;
    flex-direction:column;
    justify-content:space-between;
    padding:25px 30px 50px 30px;
}
.tab-box .swiper-slide:hover {
    background-color:#fff;
    border:2px solid #d91d58;
    box-sizing:border-box;
    box-shadow:3px 3px 10px rgba(0,0,0,.08);
}
.tab-box .dateBox {
    margin-bottom:20px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
}
.tab-box .dateBox .on {
    display:none;
}
.tab-box li:hover .off {
    display:none;
}
.tab-box li:hover .on {
    display:block;
}
.tab-box .date { font-size:24px; font-weight:700; color:#072c68; }
.tab-box .title { font-size:20px; font-weight:400; line-height:1.4; color:#444444; width:100%; word-break:keep-all;}
.tab-box .view { display:flex; flex-direction:row; align-items:center;}
.tab-box .view i {font-size:22px; color:#666666; margin-right:5px;}
.tab-box .view p {font-size:14px; font-weight:300; color:#666666;}

/* 행사안내 */
.event-wrap {
    width:100%;
    background-color:#13223e;
    padding:160px 0;
}
.event-wrap .inner {
    display:flex;
    flex-direction:row;
    align-items:flex-start;
    justify-content:space-between;
}
.event-wrap .textBoxType ul { display:flex; flex-direction:row; align-items:center; gap:40px;}
.event-wrap .textBoxType ul li {text-align:center;}
.event-wrap .textBoxType ul li a {font-size:20px; font-weight:600; color:#fff;}
.event-wrap .textBoxType ul li .icon {
    width:120px;
    height:120px;
    border-radius:50%;
    background-color:#fff;
    margin-bottom:15px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
}
.event-wrap .textBoxType ul li .icon::after {
    content:'';
    position:absolute;
    width:36px;
    height:36px;
    border-radius:50%;
    background-color:#5da0ff;
    opacity:0.4;
}
.event-wrap .textBoxType ul li .icon01::after {
    bottom:20px;
    right:20px;
}
.event-wrap .textBoxType ul li .icon02::after {
    bottom:30px;
    right:20px;
}
.event-wrap .textBoxType ul li .icon03::after {
    bottom:30px;
    left:20px;
}
.event-wrap .textBoxType ul li .icon04::after {
    top:25px;
    left:27px;
}
/* 전체 배경 */
.eventSwiper-wrap {
  width:calc(100% - 790px);
  box-sizing: border-box;
}
.eventSwiper-wrap .swiper-pagination {
    position:relative;
    bottom:initial !important;
    display: flex;
    flex-direction: row;
    align-items: flex-start;    
    padding:15px 0 0 10px;
}
.swiper-pagination-bullet {
    width:15px;
    height:15px;
    margin-right:10px !important;
    background:#5a6578;
    opacity:0.3;
}
.eventSwiper .swiper-pagination-bullet-active {
    background:#fff;
    opacity:1;
}
/* 한 슬라이드 2단 구조 */
.event-slide {
  display: flex;
  flex-direction:row;
  align-items:stretch;
}

/* 왼쪽 이미지 */
.event-slide__img {
  width:400px;
}
.event-slide__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 오른쪽 텍스트 박스 */
.event-slide__info {
  width:calc(100% - 435px);
  background: #d91d58;
  color: #fff;
  padding: 40px 40px;
  box-sizing: border-box;
  position: relative; /* 버튼 absolute용 */
}
.event-slide__info .tab-btn {
    position:absolute;
    right:-35px;
    bottom:40px;
}
/* 상단 뱃지 */
.event-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:11px 20px;
  border-radius:20px;
  background: #fff;
  color: #5e5e5e;
  font-size:18px;
  margin-bottom:30px;
}
.event-title {
  font-size:24px;
  font-weight:600;
  line-height:1.3;
  margin-bottom:50px;
}
.event-meta dl:not(:last-child) {
    margin-bottom:15px;
}
.event-meta dt {
  font-size:16px;
  font-weight:600;
  margin-bottom:5px;
}
.event-meta dd {
  font-size:16px;
  font-weight:600;    
  color:#fff;
  opacity:0.7;
}
.event-desc {
  font-size:18px;
  line-height:1.4;
  font-weight:300;
  color:#fff;
  opacity:0.7;
  word-break: keep-all;
}
.event-slide__info .border {
    display:block;
    width:100%;
    height:1px;
    background-color:#fff;
    opacity:0.2;
    margin:35px auto;
}
/* 도트 위치 & 색 */
.eventSwiper .swiper-pagination {
  bottom: 10px;
}
.eventSwiper .swiper-pagination-bullet {
  background: rgba(255,255,255,0.4);
}
.eventSwiper .swiper-pagination-bullet-active {
  background: #fff;
}


/* 사업분야 */
.business-wrap {padding:100px 0; background-color:#c2c4ca; position:relative;}
.business-wrap .deco01 {position:absolute; top:70px; right:70px;}
.business-wrap .deco02 {position:absolute; bottom:0; left:0;}
.textList01 {padding:40px 0 0 45px;}
.textList01 li:not(:last-child) {margin-bottom:15px;}
.textList01 p {font-size:22px; font-weight:400; color:#fff; opacity:0.8;}
.business-wrap .tab-btn {
    margin-top:50px;
    display:flex;
}
.businessListBox {
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:end;
    align-items:end;
    margin-top:-170px;
    position:relative;
}
.business-wrap .businessList {
    gap:45px;
    width:1010px;    
    justify-content:end;
}
.business-wrap .businessList li {
    width:25%;
    background-color:#fff;
    border-radius:10px;
    text-align:center;
    padding:45px 0;
}
.business-wrap .businessList li .icon {
    width:100%;
    height:160px;
}
.business-wrap .businessList li p {
    font-size:22px;
    font-weight:500;
    color:#666666;
    line-height:1.3;
    height:78px;
}
.business-wrap .businessList li span {
    display:block;
    font-size:16px;
}
.bnListBox {max-width:1580px; width:calc(100% - 40px); margin:0 auto; display:flex; flex-direction:row; align-items:center; gap:45px;}
.bnListBox li {width:33.333333333333333333333%;}
.bnListBox li a,
.bnListBox li img {width:100%;}

.borderLine {max-width:1660px; height:1px; margin:110px auto 80px auto; background-color:rgba(0,0,0,0.25);}
.membership-wrap {text-align:center; padding:90px 0 65px 0; width:100%; background-image:url('../../_images/main/main_membership_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
.membership-wrap dt {
    font-family: "Gmarket Sans TTF";
    font-size:67px;
    font-weight:700;
    color:#fff;
    line-height:1.1;
    padding-bottom:15px;
}
.membership-wrap dd {
    font-size:21px;
    font-weight:400;
    color:#dddddd;
    line-height:1.3;
    margin-bottom:40px;
}
.main .dipa-info {
    position:relative;
    width:100%;
    height:175px;
}
.main .dipa-info .employmentBox {
    width:620px;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    background-color:#d91d58;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding-left:30px;
    cursor:pointer;
}
.main .dipa-info .employmentBox a {
    width:100%;
    height:100%;
}
.main .dipa-info .employmentBox:hover {
    background-color:#000;
}
.main .dipa-info .employmentBox a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -125px;
  width: 0;
  height: 0;
  border-top: 175px solid transparent;  /* 세로 크기 조정 */
  border-right: 125px solid #d91d58;    /* 삼각형 색상 및 크기 조정 */
  z-index: 1;
}
.main .dipa-info .employmentBox:hover a::before {
    border-right: 125px solid #000;    /* 삼각형 색상 및 크기 조정 */
}
.main .dipa-info .employmentBox .icon {
    margin-right:30px;
}
.main .dipa-info .employmentBox .icon img {
    width:104px;
}
.main .dipa-info .employmentBox dt {
  font-size: 24px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  margin-bottom:10px;
}
.main .dipa-info .employmentBox dd {
  font-size: 20px;
  font-family: "Pretendard";
  color: rgba(255, 255, 255, 0.502);
  line-height: 1.3;
  text-align: left;
}
.main .dipa-info .lfBox {
    width:calc(100% - 620px);
    height:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding-left:140px;
}
.main .dipa-info .lfBox ul {
    gap:100px;
}
.main .dipa-info .lfBox ul li {
    position:relative;
}
.main .dipa-info .lfBox ul li::after {
    content:'';
    width:1px;
    height:18px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:-50px;
    background-color:#d4d4d4;
}
.main .dipa-info .lfBox ul li:last-child:after {
    display:none;
}
.main .dipa-info .lfBox ul li a {
    font-weight:600;
    color:#34393e;
}
.main .dipa-info .lfBox ul li a:hover {
    color:var(--point);
}
.photoGalley {
    padding-top:140px;
}
.topTitBoxWrap {
    padding-bottom:90px;
}
/* flow차트 */
.flowSwiper {
  overflow: hidden;
  width: 100%;
  padding-bottom:150px;
}
.flowSwiper .hoverBox dt { font-size:20px; font-weight:600; color:#ffffff; opacity:0.5; margin-bottom:25px;}
.flowSwiper .hoverBox dd { font-size:24px; font-weight:400; line-height:1.4; color:#fff;}
.flowSwiper .swiper-slide {width:fit-content; position:relative; overflow:hidden; cursor:pointer;}
.flowSwiper .swiper-slide img {width:100%; max-height:350px;}
.flowSwiper .swiper-slide .hoverBox {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    padding:45px;
}
.flowSwiper .swiper-slide .hoverBox.active {
    display:block;
}
.flowSwiper .view { position:absolute; right:45px; bottom:45px; display:flex; flex-direction:row; align-items:center;}
.flowSwiper .view i {font-size:22px; color:#fff; margin-right:5px;}
.flowSwiper .view p {font-size:14px; font-weight:300; color:#fff;}
.flowSwiper .swiper-pagination  {display:none;}
/* 전체 박스 정렬용 (필요시 조정) */
.membershipSliderBox {
    position: relative;
    max-width:1680px;
    padding:0 70px; /* 좌우 여백: 화살표 들어갈 자리 */
    box-sizing: border-box;
    margin:70px auto 40px auto;
}
.membershipSlider .swiper-wrapper {
    align-items:center;
}
.membershipSlider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.membershipSlider .swiper-slide a {
    display:block;
    width:100%;
    height:100%;
    background-color:#fff;    
}
.membershipSlider .swiper-slide img {
    max-width:100%;
    height: auto;
    display: block;
}
/* 화살표 스타일 (참고 코드 클래스명만 변경) */
.membershipSliderBox .swiper-button-prev,
.membershipSliderBox .swiper-button-next {
    width:51px;
    height:51px;
    border-radius:50%;
    background-color:#f0f0f0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow: 0 0 10px rgba(0,0,0,0.06);
}

.membershipSliderBox .swiper-button-prev {
    left:0;   /* 필요하면 -31px로 빼도 됨 */
}
.membershipSliderBox .swiper-button-next {
    right:0;
}

/* 기본 svg 제거 */
.membershipSliderBox .swiper-button-prev svg,
.membershipSliderBox .swiper-button-next svg {
    display:none;
}

/* 아이콘 폰트 화살표 */
.membershipSliderBox .swiper-button-prev:after {
    font-family: 'xeicon' !important;
    content: "\e93c";
}
.membershipSliderBox .swiper-button-next:after {
    font-family: 'xeicon' !important;
    content: "\e93f";
}
.membershipSliderBox .swiper-button-next:after, 
.membershipSliderBox .swiper-button-prev:after {
    font-size:20px;
    color:#000;
    font-weight:bold;
}
.membershipSliderBox .swiper-button-next:hover, 
.membershipSliderBox .swiper-button-prev:hover {
    background-color:var(--point);
}
.membershipSliderBox .swiper-button-next:hover:after, 
.membershipSliderBox .swiper-button-prev:hover:after {
    color:#fff;
}

.anqBtn {
  border-radius: 5px;    
  background-color: rgb(51, 51, 51);
  font-size:20px;
  font-weight:600;
  color:#fff;
  width:100px;
  height:48px;
  line-height:48px;
  text-align:center;
  margin-left:100px;
}
.anqBtn:hover {
    background-color:var(--point);
}

/* 반응형 */
@media screen and (max-width:1780px) {
    .sec .inner {width:calc(100% - 40px); padding:0;}
    .eventSwiper-wrap {width:calc(100% - 640px);}
    .event-wrap .textBoxType ul li .icon {width:100px; height:100px;}
    .event-wrap .textBoxType ul {gap:20px;}
    .event-wrap .textBoxType ul li .icon01 img {width:50px;}
    .event-wrap .textBoxType ul li .icon02 img {width:40px;}
    .event-wrap .textBoxType ul li .icon03 img {width:60px;}
    .event-wrap .textBoxType ul li .icon04 img {width:55px;}
    .event-wrap .textBoxType ul li .icon::after {width:30px; height:30px;}
    .event-wrap .textBoxType ul li .icon01::after {bottom:15px; right:15px;}
    .event-wrap .textBoxType ul li .icon02::after {bottom:20px; right:15px;}
    .event-wrap .textBoxType ul li .icon03::after {bottom:20px; left:15px;}
    .event-wrap .textBoxType ul li .icon04::after {top:20px; left:15px;}

    .businessListBox {margin-top:-50px;}
    .business-wrap .businessList {gap:20px;}
    .business-wrap .deco01 {top:30px; right:30px; width:600px;}

    .membershipSliderBox {width:calc(100% - 40px);}
    .main .dipa-info .lfBox {padding-left:50px;}
    .main .dipa-info .employmentBox .icon img {width:74px;}
    .main .dipa-info .employmentBox dt {font-size:20px;}
    .main .dipa-info .employmentBox dd {font-size:16px;}
    .main .dipa-info .employmentBox {width:420px;}
    .main .dipa-info .lfBox {width:calc(100% - 420px);}
}
@media screen and (max-width:1580px) {
    .sympo-wrap .slide-nav {display:none;}
    .mainVisual .sympo-wrap {width:620px;}
    .textBoxType .tit {font-size:60px;}
    .textBoxType {padding:70px 0 0 70px;}
    .textBoxType .txt02 {font-size:32px;}
    .textList01 p {font-size:20px;}

    .eventSwiper-wrap {width:calc(100% - 600px);}
    .event-slide__img {width:350px;}
    .event-slide__img img {object-fit: initial;}
    .event-slide__info {width:calc(100% - 400px); padding:30px 20px;}
    .event-desc {font-size:17px;}
    .event-desc br {display:none;}
    .event-badge {margin-bottom:20px;}
    .tab-btn {width:60px; height:60px;}

    .photoGalley {padding-top:100px;}

    .main .dipa-info .lfBox {padding-left:30px;}
    .main .dipa-info .employmentBox .icon img {width:54px;}
    .main .dipa-info .employmentBox dt {font-size:17px;}
    .main .dipa-info .employmentBox dd {font-size:14px;}
    .main .dipa-info .employmentBox {width:400px; padding-left:0;}
    .main .dipa-info .employmentBox a::before {border-right:95px solid #d91d58; left:-95px;}
    .main .dipa-info .employmentBox:hover a::before {border-right: 95px solid #000;}
    .main .dipa-info .lfBox {width:calc(100% - 420px);}  
    .anqBtn {margin-left:50px;}  
    .main .dipa-info .lfBox ul {gap:50px;}
    .main .dipa-info .lfBox ul li::after {right:-25px;}
    .anqBtn {margin-left:60px;}
    .main .dipa-info .employmentBox {width:330px;}
}
@media screen and (max-width:1480px) {
    .mainVisual .sympo-wrap {width:520px; height:520px;}
    .mainSliderBox {width:500px;}
    .mainVisual .inner {padding:0;}
    .textBoxType {padding:50px 0 0 50px;}
    .textBoxType .tit {font-size:50px;}
    .textBoxType .txt {font-size:22px;}
    .textType01 {font-size:18px;}
    .tab-menu li p {font-size:36px;}

    .event-title {font-size:22px; letter-spacing:-1px; word-break:keep-all;}

    .topTitBox .tit {font-size:40px;}
    .topTitBox .txt {font-size:19px;}

    .membership-wrap dt {font-size:55px;}
    .membership-wrap dd {font-size:19px; margin-bottom:30px;}
    .mainSliderBox .swiper-button-prev, .mainSliderBox .swiper-button-next {box-shadow:0 0 20px rgba(0, 0, 0, 0.2);}
}
@media screen and (max-width:1380px) {
    .event-slide__img {width:300px;}
    .event-slide__info {width:calc(100% - 280px);}
    .event-slide__info .tab-btn {position:relative; right:auto; bottom:0; margin:20px auto 0 auto;} 
    .event-desc {font-size:16px; letter-spacing:-1px;}

    .textList01 {padding:30px 0 0 20px;}
    .textList01 li:not(:last-child) {margin-bottom:10px;}
    .textList01 p {font-size:18px;}

    .flowSwiper .swiper-slide img {max-width:initial;}
}
.tab-box .tab-pagination {
    display: none; /* 동그라미 숨기기 */
}
@media screen and (max-width:1200px) {
    .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px !important;}
    .flowSwiper .swiper-pagination-bullet-active {background-color:#000; opacity:1;}
    .flowSwiper .swiper-pagination  {display:block;}
    .flowSwiper .swiper-slide .hoverBox {padding:25px;}
    .flowSwiper {padding-bottom:50px; margin-bottom:80px;}
    .flowSwiper .hoverBox dt {font-size:18px; margin-bottom:20px;}
    .flowSwiper .hoverBox dd {font-size:20px;}
    .event-wrap {padding:100px 0;}
    .mainVisual {padding:150px 0 100px 0; width:100%;}
    .mainVisual .inner {flex-direction:column;}
    .mainVisual .textBoxType {width:100%; margin-bottom:50px;}
    .mainVisual .sympo-wrap {position:relative; width:100%; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}
    .mainSliderBox {margin:0 auto; width:680px;}
    .mainSlider {background-color:#fff;}
    .cell-ring01 {left:0; top:55px; opacity:0.5;}
    .mainVisual .inner::before {top:50px; left:auto; right:0;}
    .background-blob02 {left:0; bottom:20px;}
    .cell-ring03 {bottom:-10%;}

    .tab-boxes {
        padding: 50px 0 100px 0;
    }
    .tab-box .swiper-wrapper {gap:0;}
    .tab-boxes .swiper-pagination {
        bottom:50px;
    }
    .tab-boxes .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px !important;}
    .tab-boxes .swiper-pagination-bullet-active {
        background-color:#000;
        opacity:1;
    }
    .tab-menu {gap:15px;}
    .tab-menu li p {font-size:24px;}
    .tab-btn {width:55px; height:55px;}

    .tab-box .tab-list {
        display: block;
    }

    .tab-boxes .swiper-slide{
        width:100%;
    }
    .event-wrap .inner {flex-direction:column;}
    .eventSwiper-wrap {width:100%; margin-bottom:30px;}

    .textBoxType::before {height:100px;}
    .textBoxType {padding:35px 0 0 35px;}
    .textBoxType .tit {font-size:40px;}

    .businessListBox {margin-top:30px;}
    .business-wrap .businessList {width:100%;}
    .business-wrap .tab-btn {margin:20px auto 0 auto;}

    .business-wrap {overflow:hidden;}
    .business-wrap .deco01 {top:-20px; right:-20px; width:250px;}
    .textList01 {padding:25px 0 0 5px;}
    .textList01 li:not(:last-child) {margin-bottom:5px;}
    .textList01 p {font-size:16px; line-height:1.3; letter-spacing:-1px; word-break:keep-all;}
    .photoGalley .tab-btn {margin:20px auto 0 auto;}
    .topTitBox {padding:0;}
    .photoGalley .topTitBoxWrap {flex-direction:column; align-items: flex-start;}
    .photoGalley .tab-btn {margin-top:20px;}
    .topTitBoxWrap {padding-bottom:50px;}

    .topTitBox .tit {font-size:32px; padding-bottom:20px;}
    .topTitBox .txt {font-size:17px;}    

    .membership-wrap dt {font-size:42px;}
    .membership-wrap dd {font-size:17px; margin-bottom:30px;}    

    .main .dipa-info {display:none;}

}
/* 반응형 (모바일에서는 위아래) */
@media screen and (max-width:1080px) {
    .business-wrap .deco02 {width:100%;}

    .membershipSliderBox .swiper-button-prev, .membershipSliderBox .swiper-button-next {width:40px; height:40px;}
}
@media screen and (max-width: 768px) {
  .mainSliderBox .swiper-button-prev, .mainSliderBox .swiper-button-next {
    width:50px;
    height:50px;
  }
  .btnType01 {width:220px;}
  .btnType01 p:nth-child(1) {padding-left:20px;}
  .btnType01 {height:45px; line-height:49px;}
  .btnType01 p:nth-child(1) {font-size:13px;}  
  .textBoxType .textType01 br {display:none;}
  .eventSwiper-wrap {margin-bottom:60px;}
  .event-slide__info {
    padding: 25px 20px;
  }
  .event-next-btn {
    right: 20px;
    bottom: 20px;
    width: 56px;
    height: 56px;
  }
  .event-slide {flex-direction:column;}
  .event-slide__img, .event-slide__info {width:100%; margin:0 auto;}
  .event-slide__img {height:auto !important;}
  .event-slide__img img {height:auto; width:100%; object-fit:cover;}
  .eventSwiper-wrap .swiper-pagination {justify-content:center;}
  .event-wrap .textBoxType ul {flex-wrap:wrap; gap:0; position:relative;}
  .event-wrap .textBoxType ul li {width:50%; text-align:center;}
  .event-wrap .textBoxType ul li:nth-child(1),
  .event-wrap .textBoxType ul li:nth-child(2) { margin-bottom:30px;}
  .event-wrap .textBoxType ul li:nth-child(3),
  .event-wrap .textBoxType ul li:nth-child(4) { margin-top:30px;}  
  .event-wrap .textBoxType ul li .icon {margin:0 auto 15px auto;}
  .event-wrap .textBoxType ul::before,
  .event-wrap .textBoxType ul::after {
    content:'';
    position:absolute;
    background-color:#fff;
    opacity:0.2;
  }
  .event-wrap .textBoxType ul::before {
    width:1px;
    height:100%;
    top:0;
    left:50%;
    transform:translateX(-50%);
  }
  .event-wrap .textBoxType ul::after {
    width:100%;
    height:1px;
    top:50%;
    transform:translateY(-50%);
    left:0;
  }  
  .event-wrap .textBoxType ul li .icon {width:80px; height:80px;}
  .event-wrap .textBoxType ul li .icon01 img {width:40px;}
  .event-wrap .textBoxType ul li .icon02 img {width:30px;}
  .event-wrap .textBoxType ul li .icon03 img {width:50px;}
  .event-wrap .textBoxType ul li .icon04 img {width:45px;}  
  .event-wrap .textBoxType ul li .icon::after {width:20px; height:20px;}
  .event-wrap .textBoxType ul li a {font-size:16px;}
  .business-wrap .businessList {flex-wrap:wrap; gap:10px; align-items:stretch; justify-content:space-between; width:100%; }
  .business-wrap .businessList li {width:calc(50% - 5px); padding:25px 0;}
  .business-wrap .businessList li p {height:auto;}
  .business-wrap .businessList li .icon {height:110px;}
  .business-wrap .businessList .icon01 img,
  .business-wrap .businessList .icon02 img,
  .business-wrap .businessList .icon03 img,
  .business-wrap .businessList .icon04 img {width:auto; height:70px;}
  .business-wrap .businessList li .icon {height:auto; margin-bottom:20px;}
  .business-wrap .businessList li p {font-size:15px; letter-spacing:-1px;}
    .textBoxType {
        padding:20px 0 0 20px;
    }  
    .textBoxType::before {
        width:3px;
    }
    .textBoxType .tit {font-size:32px;}
    .textBoxType .txt {font-size:18px; margin-top:15px;}
    .textBoxType .txt br {display:none;}
    .textType01 {font-size:16px; letter-spacing:-1px;}
    .textBoxType .textType01 {margin:15px 0 30px 0;}
    .mainVisual {padding:120px 0 80px 0;}

    .bnListBox {width:calc(100% - 40px); flex-direction:column; gap:25px;} 
    .bnListBox li {width:100%;}    

    .membership-wrap dt {font-size:32px;}
    .membership-wrap dd {font-size:16px; margin-bottom:30px; word-break:keep-all;}    
    .membership-wrap dd br {display:none;}
}

@media screen and (max-width:720px) {
    .mainSliderBox {width:calc(100% - 40px);}
    .tab-btn {width:40px; height:40px;}
    .tab-btn img {width:18px;}

    .tab-menu li p {font-size:18px;}
    .tab-boxes {padding:30px 0 100px 0;}
    .tab-box .date {font-size:19px;}
    .tab-box .title {font-size:16px;}
    .flowSwiper .hoverBox dt {font-size:14px; margin-bottom:15px;}
    .flowSwiper .hoverBox dd {font-size:16px; letter-spacing:-1px; word-break:keep-all;}
    .flowSwiper .hoverBox dd br {display:none;}
    .photoGalley {padding-top:50px;}
    .topTitBox .tit {font-size:26px;}
    .topTitBox .txt {font-size:15px; word-break:keep-all;}

    .tab-boxes .swiper-slide {opacity:0;}
    .tab-boxes .swiper-slide-active {opacity:1;}
}
@media screen and (max-width:480px) {
    .business-wrap .businessList li p {font-size:14px;}
}