@charset "euc-kr";

/* settings */
.eventWrap .evSection.fff, .eventWrap .evSection .fff, .fff { color: #fff !important; } 
.eventWrap .evSection .lecture { margin:0 auto; color: #000; } 
.eventWrap .evSection .tab-base li a{font-size: inherit;}
.evSection .inner{padding: 0;}

/* text */
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection .con_tit {margin: 0 -30px 80px;}
.evSection .con_tit .mini_tit {font-weight: normal;margin-bottom: 20px;display: block;line-height: 1.4;}
.evSection .con_tit b + .mini_tit{margin: 20px auto 0}

/* contents */
.evBgwrap{background: #fff url(https://image.megagong.net/m/2025/0207_fullup/bgwrap.jpg) no-repeat center top;background-size: auto 100%;}

.evCon1{padding: 60px 0 150px;}
.evCon1 h3{ font-size: 90px; font-weight: 900; margin-bottom: 40px; }
.evCon1 h3 span{ color: #538fff; }
.evCon1 .top_txt{ letter-spacing: 1rem; opacity: .7; }
.evCon1 .circle_txt{margin: 55px auto 0;border: 1px solid;border-radius: 30px;width: fit-content;padding: 6px 0;display: inline-block;gap: 10px;width: 280px;}
.evCon1 .circle_txt img{margin: -5px 0 0 10px;}
.evCon1 .book{position: relative;}
.evCon1 .book .light{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 2;width: 300px;height: 300px;background: radial-gradient(circle, rgba(255, 255, 255, 1) 15%, transparent 70%);border-radius: 50%;font-size: 0;}

.evCon2{padding-bottom: 120px;}
.evCon2 .book_wrap{display: flex;align-items: flex-end;justify-content: center;gap: 30px;}
.evCon2 .book_wrap .book{position:relative;z-index: 2;}
.evCon2 ol li{display: flex;gap: 10px;margin-bottom: 35px;position: relative;}
.evCon2 ol li span::before{content: '';display: block;position: absolute;width: 250px;top: 50%;transform: translateY(-50%);height: 1px;background: #000;left: -250px;z-index: 0;}
.evCon2 ol li span{width: 40px;height: 40px;background: #000;border-radius: 50%;line-height: 38px;position: relative;}
.evCon2 ol li p{ text-align: left; line-height: 1.6;}
.evCon2 ol li p b{ display: block; margin-bottom: 12px;}

.evCon3{padding-bottom: 150px;}
.evCon3 .book_wrap{display: flex;flex-wrap: wrap;max-width: 1000px;gap: 70px 0;margin: 0 auto;}
.evCon3 .book_wrap:last-child{ margin-top: 100px;}
.evCon3 .half_wrap{width: 50%;}
.evCon3 .book_wrap h5{ text-align: left; margin-bottom: 25px;}
.evCon3 .book_wrap .fw900{font-weight: 900;}
.evCon3 .full_wrap{width: 100%;}
.evCon3 .info_box + .border_list{margin-top: 70px; }
.evCon3 .info_box{ background: #f4f8fc; border-radius: 15px; text-align: left; padding: 30px;}
.evCon3 .info_box dt{ font-weight: 700; margin-bottom: 10px;}
.evCon3 .info_box dd{ font-weight: normal; line-height: 1.6;}
.evCon3 .info_box hr{margin: 25px auto;border: 0;border-top: 1px solid #dde3e9;}
.evCon3 .border_list{display: flex;border: 2px solid #343577;border-radius: 15px;justify-content: center;text-align: center;height: 120px;align-items: center;}
.evCon3 .border_list li{ flex: 1; color: #757575;}
.evCon3 .border_list li span{ display: block; color: #343577;}
.evCon3 .border_list li:not(:last-child){ border-right: 1px dashed #757575;}
.evCon3 .noti{ color: #757575; text-align: left; margin-top: 15px;}

.evCon4{background-color:#edf4fb;padding: 160px 0;}
.evCon4 .inner_wrap{display: flex;justify-content: space-between;align-items: center;max-width: 800px;margin: 0 auto;}
.evCon4 .inner_wrap > img{margin-left: -50px;}
.evCon4 .inner_wrap:last-child{margin-top:60px}
.evCon4 .desc_box{border-radius: 15px;overflow: hidden;width: 350px;}
.evCon4 .desc_box > p{line-height: 55px;background: #000;}
.evCon4 .desc_box dl{padding-left: 40px;background: #fff;text-align: left;height: 370px;align-content: center;}
.evCon4 .desc_box dt{margin-bottom: 25px;font-weight: 700;}
.evCon4 .desc_box dd{ line-height: 1.5; padding-left: 10px; text-indent: -10px;}
.evCon4 .desc_box dd:not(:last-child){margin-bottom: 18px;}

.evBookList .bg1{background: linear-gradient(0deg, #001077, #edf4fb);}
.evBookList .bg2{ padding-bottom: 150px;}
.evBookList .and_wrap{ display: flex; justify-content: center; align-items: center; gap: 145px; position: relative; margin-bottom: 45px;}
.evBookList .and_wrap li{position: relative;}
.evBookList .and_wrap:before{content: '\0026';display: block;color: #a4b6d8;font-size: 275px;position: absolute;left: 50%;margin-left: -60px;top: 50%;font-family: serif;transform: translate(-50%,-50%) rotate(-2deg);}
.evBookList .maintab_wrap{margin-top: 75px;}
.evBookList .maintab_wrap.type-1 li.on::before{bottom: -1px;}  
.evBookList .maintab_wrap.type-1 li.on a::after{display: none;} 
.evBookList .maintab_wrap li a{font-weight:900;}
.evBookList .subtab_wrap{width: 315px;margin-top: 60px;}
.evBookList .subtab_wrap li a{font-weight:700}

/* [ws-v2] 20250305 */
.evCon3 .full_wrap.flex{flex-wrap:wrap;justify-content: space-around;}
.evCon3 .full_wrap.flex h5{width: 100%;}
.evBookList .bg1:first-child:last-child{padding-bottom: 160px;}
.event1{background: linear-gradient(0deg, #ffb2bb, #f5f5f5);}
.event1 .con_tit .end::after{background: #000;}
.event1 .book_wrap{display: flex;align-items: center;justify-content: center;margin-left: -20px;}
.event1 .book_wrap .desc{background: #fff;height: 400px;align-content: center;width: 500px;}
.event1 .book_wrap .desc strong{ display: block; margin-bottom: 35px;}
.event1 .book_wrap .desc p:first-of-type{margin-bottom: 20px;}
.event1 .book_wrap .desc p{color: #3b3b3b;}
.event1 .book_wrap .noti{ margin-top: 80px; display: block;}
.evtoggleWarning{background: #f8f8f8;}
.evtoggleWarning.on  + .evBookList.v2 .maintab_wrap{margin-top: 0;}
.evBookList.v2{background: #f8f8f8;}
.evBookList.v2 .con_box{position: relative;background: #fff;padding: 50px 0;}
.evBookList.v2 .subtab_wrap{margin: 0;}
.evBookList.v2 .con_box::before{content: '';display: block;position: absolute;left: 50%;top: 0;width: 3000px;transform: translateX(-50%);background: inherit;height: 100%;}

@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 

    .evSection .con_tit {margin: 0 auto 8%;} 
    .evSection .con_tit .mini_tit {margin-bottom: 3%;}
    .evSection .con_tit b + .mini_tit{margin-top: 3%;}

    .evCon1{padding: 10% 0 15%;}
    .evCon1 .top_txt{ letter-spacing: .5rem; }
    .evCon1 .circle_txt{ margin-top: 5%; width: min(280px,50%); padding: 1.5vmin 0;}
    .evCon1 .circle_txt img{width: min(140px,55%);margin: -3px 0 0 1vmin;}
    .evCon1 h3{font-size: clamp(32px,9vmin,90px);margin-bottom: 5%;}
    .evCon1 .book .light{ width: clamp(150px,30vmin,300px); height: clamp(150px,30vmin,300px);}
    
    .evCon2{padding-bottom: 10%;}
    .evCon2 .book_wrap{ gap: 0; align-items: flex-start;}

    .evCon3{padding-bottom: 15%;}
    .evCon4{padding: 15% 0;}
    .evCon4 .inner_wrap > img{ margin: 0; width: 55%;} 
    .evCon4 .desc_box{ width: auto; flex: 1; }
    
    .evBookList .and_wrap{gap: 10vmin;}
    .evBookList .and_wrap:before{font-size: 25vmin;margin-left: -6vmin;}
    .evBookList .bg2{padding-bottom: 15%;}

    /* [ws-v2] 20250305 */
    .evCon3 .full_wrap.flex img{width: min(50%,400px);}
    .evBookList .bg1:first-child:last-child{padding-top: 16%;}
    .event1 .book_wrap{margin-left: 0%;}
}
@media screen and (max-width: 768px){
    .evBgwrap{background-size: auto 85%;}
    .evCon1 .top_txt{letter-spacing: normal;}
    .evCon2 .book_wrap{flex-direction: column;max-width: 410px;margin: 0 auto;}
    .evCon2 .book_wrap .book{margin-left: 15%;width: 80%;}
    .evCon2 .book_wrap > li:not(.book){margin: 0 auto;}
    .evCon2 ol li{margin-bottom: 5%;}
    .evCon2 ol li span::before{display: none;}
    .evCon2 ol li span{ width: clamp(25px,4vmin,40px); height: clamp(25px,4vmin,40px); line-height: clamp(23px,4vmin,38px);}
    .evCon2 ol li p b{margin-bottom: 5px;}
    
    .evCon3 .book_wrap{gap: 5vmin 0;}
    .evCon3 .book_wrap:last-child{margin-top: 15vmin;}
    .evCon3 .half_wrap.full-768{width: 100%;}
    .evCon3 .half_wrap.full-768 img{width: 50%;}
    .evCon3 .book_wrap h5{margin: 5% auto 3%;}
    .evCon3 .info_box + .border_list{margin-top: 5vmin;}
    .evCon3 .info_box{padding: 5%;}
    .evCon3 .info_box hr{margin: 3% auto;}
    .evCon3 .border_list{height: auto;align-items: stretch;flex-direction: column;padding: 10px 2%;}
    .evCon3 .border_list li {height: auto;padding: 10px 0;}
    .evCon3 .border_list li br{display:none}
    .evCon3 .border_list li span{display:inline-block}
    .evCon3 .border_list li:not(:last-child){ border-bottom: 1px dashed; border-right: 0;}

    .evCon4 .inner_wrap{ flex-direction: column; gap: 5vmin;}
    .evCon4 .inner_wrap > img{width: min(80%,470px);margin-left: -5%;}
    .evCon4 .desc_box{width: min(100%,500px);flex: none;}
    .evCon4 .desc_box > p{line-height: clamp(35px,5vmin,55px)}
    .evCon4 .desc_box dl{padding: 7% 5%;height: auto;}
    .evCon4 .desc_box dl br{display: none}
    .evCon4 .desc_box dt{margin-bottom: 5%;}
    .evCon4 .desc_box dd:not(:last-child){margin-bottom: 2%;}
    
    .evBookList .and_wrap{flex-direction: column;gap: 20vmin;margin: 0 auto 10%;width: 85%;}
    .evBookList .and_wrap:before{margin-left:0;}
    .evBookList .and_wrap li:first-child{width: 82%;}
    .evBookList .subtab_wrap{width: 50%; margin-top: 3%;}

    /* [ws-v2] 20250305 */
    .evBookList .bg1:first-child:last-child{padding-top: 16%;}
    .event1 .book_wrap{ flex-direction: column; margin: 10% 0 0;}
    .event1 .book_wrap .book{ width: min(474px,70%); margin-left: 3%;}
    .event1 .book_wrap .desc{ width: 100%; height: auto; padding: 7% 0;}
    .event1 .book_wrap .desc strong{margin-bottom: 3%;}
    .event1 .book_wrap .desc p:first-of-type{margin-bottom: 2%;}
    .event1 .book_wrap .noti{margin-top: 7%;}
}