/* 스크롤 이벤트 추가 */
.event2025_scroll_wrap {overflow: hidden; width:1040px; background-color: #FFF;}
.event2025_scroll_on {padding:0px;font-size: 24px;font-weight:700;text-align: center;opacity: 0;transition: all 1s;}
.event2025_scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.event2025_scroll_on.type_top {transform: translate(0, -50px);}
.event2025_scroll_on.type_bottom {transform: translate(0, 50px);}
.event2025_scroll_on.type_left {transform: translate(-50px, 0);}
.event2025_scroll_on.type_right {transform: translate(50px, 0);}


/* 공통 */
div {
    display: block;
}

/* 개별 */
#nWrap {
    width: 100%;
    padding: 0 auto;
    margin: 0 auto;
}

.evtWrap {
    width: 100%;
}




/*
.visual-top{
    background: url(./images/image_bak.png) no-repeat center ;
	background: #fff no-repeat center top;
	border:solid 1px #000;
}
.visual-top > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.visual-top > .widthAuto > img {
    width: 100%;
}
*/

.visual {
    /* background: url(./images/image01_bak.jpg) no-repeat center ; */

}
.visual > .widthAuto {
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    position: relative;
}
.visual > .widthAuto > img {
    width: 100%;
}

.bgCon1 {
    background: #262626 no-repeat center top;
}
.bgCon1 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon1 > .widthAuto > img {
    width: 100%;
}

.bgCon2 {
    background: #262626 no-repeat center top;
}
.bgCon2 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon2 > .widthAuto > img {
    width: 100%;
}

.bgCon3 {
    background: #ffffff no-repeat center top;
}
.bgCon3 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon3 > .widthAuto > img {
    width: 100%;
}

.bgCon4 {
    background: #f6f6f6 no-repeat center top;
}
.bgCon4 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon4 > .widthAuto > img {
    width: 100%;
}

.bgCon5 {
    background: #3d4c63 no-repeat center top;
}
.bgCon5 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon5 > .widthAuto > img {
    width: 100%;
}


.bgCon11 {
    background: #505050 no-repeat center top;
}
.bgCon11 > .widthAuto {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
.bgCon11 > .widthAuto > img {
    width: 100%;
}


.tabs {
    display: flex;
    width: 90%;
    align-items: center;
    overflow-x: auto;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 50px;
}
.tab {
    padding: 8px 0px;
    background: none;
    border: none;
    font-size :21px;
    color: white;
    margin: 0 auto;
    font-family: pretendard;
}
.tab.active {
    color: #fff3d7;
    font-weight: 600;
    border-bottom: 3px solid #fff3d7;
}
.instructor-container {
    position: relative;
    display: none;
    justify-content: center;
    margin: 0 auto;

}

.instructor-container > img {
    width: 100%;
}

.instructor-container.active {
    display: block;
}


.bgCon6 {
    background: #f6f6f6 no-repeat center top;
}
.bgCon6 > .widthAuto {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.bgCon6 > .widthAuto > img {
    width: 100%;
}

.bgCon7 {
    background: #ffffff no-repeat center top;
}
.bgCon7 > .widthAuto {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.bgCon7 > .widthAuto > img {
    width: 100%;
}

.bgCon8 {
    background: #ffffff no-repeat center top;
}
.bgCon8 > .widthAuto {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.bgCon8 > .widthAuto > img {
    width: 100%;
}

.bgCon9 {
    background: #e6e6e6 no-repeat center top;
}
.bgCon9 > .widthAuto {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.bgCon9 > .widthAuto > img {
    width: 100%;
}


.instructor-container2 {
    position: relative;
    display: none;
    justify-content: center;
    margin: 0 auto;
    width: 90%;

}

.instructor-container2 > img {
    width: 100%;
    margin: 0 auto;
}

.instructor-container2.active {
    display: block;
}




.tabs2 {
    display: flex;
    width: 90%;
    align-items: center;
    overflow-x: auto;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 50px;
    font-family: pretendard;
}
.tab2 {
    width: 390px;
    padding: 8px 0px;
    background: none;
    border: none;
    font-size :21px;
    color: #cbcbcb;
    margin: 0 auto;
    border-bottom: 3px solid #ebebeb;
    font-family: pretendard;
}
.tab2.active {
    width: 390px;
    color: #000000;
    font-weight: 700;
    border-bottom: 3px solid #000000;
}


/* swiper */
.swiper > ul {
    width: 100%;
}

.swiper > ul > li {
    /* height: 500px; */
}

.swiper .no01 {

    /* no-repeat center bottom; */
    width: 100%;
}

.swiper-slide > img {
    width: 100%;
}
.swiper .no02 {

    /* no-repeat center bottom; */
    width: 100%;
}
.swiper .no03 {

    /* no-repeat center bottom; */
    width: 100%;
}

/* swipe button prev */
.swiper > .swiper-button-prev {
    color: black;
    position: absolute;
    top: 50%;
    left: 50px;
}
/* swipe button next */
.swiper > .swiper-button-next {
    color: black;
    position: absolute;
    top: 50%;
    right: 50px;
}



.slider-container {
    position: relative;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.review-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.review {
    display: none;
    max-width: 100%;
    height: auto;
}
.review.active {
    display: block;
}
.arrow {
    cursor: pointer;
    background: none;
    border: none;
    position: absolute;
    right: 6%;
}
.arrow.up {
    top: 40%;
}
.arrow.down {
    top:55%
}
.arrow img {
    width: 90%;
    height: 90%;
}



.btnStyle01 {
  display: block; 
  width: 100%;
  height:40px;
  line-height:40px;

  padding: 10px 20px;
  border-radius: 6px;   /* 핵심 */
  border: 1px solid #ccc;
  background: #007bff;
  font:100%;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 768px) {
  .btnStyle01 {
	height:20px;
	line-height:20px;

    padding: 4px 14px;
    border-radius: 4px;
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .btnStyle01 {	
	height:16px;
	line-height:16px;


    padding: 3px 12px;
    font-size: 13px;
  }
}