@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* settings */
.evSection {padding: 150px 0; color: #222;}
.evSection .con_tit {margin: 0 auto 60px;}
.evSection .evt_end {position: absolute; top: 5%; right: -1%; max-width: 20%;}
.br_768, .br_576 {display: none;}

/* .evCon1 */
.evCon1 {padding: 0; background: #000;}
/* video_wrap */
.evCon1 .video_wrap{position:relative;padding:0 0 56% 0;}
/* .evCon1 .video_wrap::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1;} */
.evCon1 .video_wrap .time{position:absolute;left:10px;top:0;font-size:18px;color:#666;z-index:1;}
.evCon1 .video_wrap video{position:absolute;width:100%;height:100%; top: 0; left: 0;}

/* visual_wrap */
.evCon1 .inner {width: 1320px; padding: 15px 0 0; z-index: 1;}
.evCon1 .visual_wrap {width:100%; display:none; background: #302d2e url(https://image.megagong.net/m/2023/0609_shin242/con1_bg.jpg) no-repeat; background-position: center center; background-size: cover; animation: op 1s ease-in forwards; opacity: 0;}
.visual_wrap_ani {animation: op 1s ease-in .5s forwards; }
.evCon1 .visual_wrap .tea {position: absolute;bottom: 0;right: 60px;z-index: -1;}
.evCon1 .visual_wrap .tiny_noti {color: #ccc; display: block; text-align: right; margin: 0 160px 160px 0; opacity: 0.4;}
.evCon1 .visual_wrap .label {display: flex; gap: 60px; margin: 0 80px 157px;}
.evCon1 .visual_wrap h3 {position: relative;}
.evCon1 .visual_wrap h3 .sub_tit {text-align: left; opacity: 0; animation: op 1s ease-in 2s 1 forwards; margin: 0 80px;}
.evCon1 .visual_wrap h3 .highlight {position: relative; opacity: 0; animation: op 1s ease-in 3s 1 forwards;}
.evCon1 .visual_wrap h3 .highlight span {}
.evCon1 .visual_wrap h3 .highlight span.tit2 {position: absolute; bottom: 0; right: 0; overflow: hidden; z-index: 1;}
.evCon1 .visual_wrap h3 .highlight span.tit2 .light {position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); animation: light_ltr 3s ease-in 3.5s infinite; z-index: -1;}
.evCon1 .visual_wrap h3 .tea_home {position: absolute; right: 40px; bottom: 148px; width: 40px; height: 40px; border-radius: 50%; background: #3c6fff; color: #fff; font-size: 14px; font-weight: bold; display: flex; justify-content: center; align-items: center; z-index: 2; opacity: 0; animation: op 1s ease-in 3s 1 forwards;}

@keyframes op {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes light_ltr {
  0% {transform: translate(-100%, -50%);}
  100% {transform: translate(300%, -50%)}
}

.follow_bnr {background: #203982;}
.follow_bnr ul {display: flex;}
.follow_bnr ul li {flex: 1; position: relative;}
.follow_bnr ul li:first-of-type a:before,
.follow_bnr ul li a::after {content: ''; position: absolute; width: 1px; height: 82%; top: 9%; background: #3655b1; transition: .5s;}
.follow_bnr ul li:first-of-type a::before {left: 0;}
.follow_bnr ul li a::after {right: 0;}
.follow_bnr ul li a {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; color: #7b9dfe; font-size: 18px; padding: 13px 20px; line-height: 1.2; transition: background .5s;}
.follow_bnr ul li a b {display: block; font-weight: 900; color: #fff; transition: color .5s;}

.follow_bnr ul li.follow_bnr3 .event_end {position: absolute; top: 10px; left: 58%;}
.follow_bnr ul li.follow_bnr3 a {flex-direction: row; justify-content: space-between;}

.follow_bnr.on {position: fixed; top: 0; left: 0; z-index: 3; width: 100%;}
.follow_bnr ul li.on a::before,
.follow_bnr ul li.on a::after {content: none;}
.follow_bnr ul li.on a {background: #fff;}
.follow_bnr ul li.on a b {color: #222;}

/* .evCon2 */
.evCon2 {background: #f3f4f4;}
.evCon2 .feature {position: relative; margin: 0 auto 100px;}
.evCon2 .feature ul {display: flex; justify-content: center; gap: 80px; position: absolute; bottom: 35%; left: 50%; transform: translate(-50%, 50%); z-index: 1; width: 100%;}
.evCon2 .feature ul::before {content: ''; position: absolute; width: 1000%; height: 1px; background: #1e2b51; opacity: 0.3; left: -500%; top: 50%; z-index: -1;}
.evCon2 .feature ul li {position: relative;}
.evCon2 .feature .tiny_noti {display: block; text-align: right; color: #999; margin: 140px auto 0;}
.evCon2 .review_wrap {margin: 0 40px;}
.evCon2 .review_wrap .tit {margin: 0 auto 30px;}
.evCon2 .review_wrap .review_btn {text-align: right; margin: 0 auto 20px;}
.evCon2 .review_wrap .review_btn a {display: inline-block;}
.evCon2 .review_wrap .review_slider .item {height: 260px; padding: 40px 0;}
.evCon2 .review_wrap .review_slider .review_tit {font-weight: 900; font-size: 20px; color: #3c6fff; display: inline-block; padding: 0 45px; line-height: 38px; border-radius: 20px; border: 1px solid #e5edff; margin: 0 auto 30px;}
.evCon2 .review_wrap .review_slider .review_cont {font-weight: 300; font-size: 16px;}
.evCon2 .review_wrap .review_slider .slick-list {box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); background: #fff;}
.evCon2 .review_wrap .review_slider .slick-arrow {background: url(https://image.megagong.net/m/2023/0609_shin242/con2_arrow.png) no-repeat; width: 20px; height: 32px; position: absolute; top: 50%; font-size: 0;}
.evCon2 .review_wrap .review_slider .slick-prev {left: -40px; transform: translate(-100%, -50%);}
.evCon2 .review_wrap .review_slider .slick-next {right: -40px; transform: translate(100%, -50%) rotate(180deg);}
.evCon2 .review_wrap .review_slider .slick-dots {display: flex; justify-content: center; gap: 10px;}
.evCon2 .review_wrap .review_slider .slick-dots li {}
.evCon2 .review_wrap .review_slider .slick-dots li button {font-size: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #3d71ff80;}
.evCon2 .review_wrap .review_slider .slick-dots li.slick-active button {background: #3c6fff;}

/* .evCon3 */
.evCon3 {background: #fff; padding: 150px 0 100px;}
.evCon3 .sub_tit {margin: 0 auto 30px;}

/* .evCon4 */
.evCon4 {background: #1e2b51;}
.evCon4 .bg_top {margin: 0 auto 60px;}
.evCon4 .bg_top .tab_base {display: flex; border: 1px solid #56648e;}
.evCon4 .bg_top .tab_base li {flex: 1; border-right: 1px solid #56648e; position: relative;}
.evCon4 .bg_top .tab_base li .free_label {position: absolute; top: 5%; left: 5%; transform: translate(-50%, -50%);}
.evCon4 .bg_top .tab_base li:last-of-type {border: none;}
.evCon4 .bg_top .tab_base li a {display: block; color: #56648e; font-size: 16px; padding: 10px 0;}
.evCon4 .bg_top .tab_base li .label {display: inline-block; font-weight: 900; font-size: 14px; font-style: normal; color: #1e2b51; background: #56648e; border-radius: 12px; margin: 0 auto 10px; min-width: 60px; padding: 2px 10px; transition: 0.3s;}
.evCon4 .bg_top .tab_base li .label.mo {display: none;}
.evCon4 .bg_top .tab_base li span {display: block; font-size: 14px;}
.evCon4 .bg_top .tab_base li b {display: block; font-weight: 900;}
.evCon4 .bg_top .tab_base li.on a {color: #fff; background: #3c6fff;}
.evCon4 .bg_top .tab_base li.on .label {color: #3c6fff; background: #fff;}
.evCon4 .bg_bot .tabc {}
.evCon4 .bg_bot .tabc .curr_tit {font-weight: 900; font-size: 24px; color: #fff; margin: 0 auto 30px;}
.evCon4 .bg_bot .tabc .cont {display: flex; align-items: center; gap: 20px;}
.evCon4 .bg_bot .tabc .cont .eventVideo {flex: 1; width: 530px;}
.evCon4 .bg_bot .tabc .cont .video_slider {flex: 1; width: 530px;}
.evCon4 .bg_bot .tabc .cont .video_slider .eventVideo.video_renewal {width: 530px; height: 298px;}
.evCon4 .bg_bot .tabc .cont .video_slider .slick-dots {display: flex; gap: 0 10px; justify-content: center;}
.evCon4 .bg_bot .tabc .cont .video_slider .slick-dots li {}
.evCon4 .bg_bot .tabc .cont .video_slider .slick-dots li button {font-size: 0; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 50%;}
.evCon4 .bg_bot .tabc .cont .video_slider .slick-dots li.slick-active button {background: #fff;}

/* .evCon5 */
.evCon5 {background: #444;}
.evCon5 .con_tit {}
.evCon5 .sub_tit {margin: 0 auto 40px;}
.evCon5 .book_wrap {position: relative; margin: 0 auto 80px;}
.evCon5 .book_wrap .book_cover {position: absolute; z-index: 1; bottom: -10px; /*left: 0;*/ left: -50px;}
.evCon5 .book_wrap .book_cover .label {position: absolute; top: 8px; left: -20px;}
.evCon5 .book_wrap .book_img {margin: 0 0 0 220px;}
.evCon5 .book_wrap .book_img .feature {display: flex; justify-content: space-between; margin: 0 25px 25px;}
.evCon5 .book_wrap .book_img .feature p {position: relative; font-size: 14px; color: #d0d0d0; background: #303030; border: 1px solid #7b9dfe; width: 386px; border-radius: 45px; padding: 6px 0;}
.evCon5 .book_wrap .book_img .feature p::before,
.evCon5 .book_wrap .book_img .feature p::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%);}
.evCon5 .book_wrap .book_img .feature p::before {border-top: 6px solid #303030; border-left: 6px solid transparent; border-right: 6px solid transparent; z-index: 1;}
.evCon5 .book_wrap .book_img .feature p::after {border-top: 7px solid #7b9dfe; border-left: 7px solid transparent; border-right: 7px solid transparent;}
.evCon5 .book_wrap .book_img .feature p b {display: block; font-weight: 900; font-size: 16px; color: #7b9dfe; margin: 0 auto 5px;}
.evCon5 .book_wrap .book_img .book_slider {}
.evCon5 .book_wrap .book_img .book_slider .slick-dots {display: flex; justify-content: center; gap: 0 12px;}
.evCon5 .book_wrap .book_img .book_slider .slick-dots li button {font-size: 0; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #999;}
.evCon5 .book_wrap .book_img .book_slider .slick-dots li.slick-active button {background: #fff; border: 1px solid #fff;}
.evCon5 .book_btn a {display: inline-block; margin: 0 20px;}

/* .evCon6 */
.evCon6 {background: #3c6fff;}
.evCon6 .evt_img {margin: 0 auto 40px;}
.evCon6 .evt_info {position: relative; margin: 0 auto 80px; z-index: 1;}
.evCon6 .evt_info::before {content: ''; position: absolute; width: 100%; height: 100%; background: #1e4fd8; top: 0; left: 0; z-index: -1;}
.evCon6 .evt_info ul {display: flex; justify-content: space-between; font-size: 20px; color: #b3c7ff; padding: 15px 0; width: 1080px; margin: 0 auto;}
.evCon6 .evt_info ul li {}
.evCon6 .evt_info ul li b {color: #fff;}
.evCon6 .evt_info ul li b::before,
.evCon6 .evt_info ul li b::after {content: ''; display: inline-block; vertical-align: middle;}
.evCon6 .evt_info ul li b::before {width: 5px; height: 5px; border-radius: 50%; background: #fff; margin-right: 8px;}
.evCon6 .evt_info ul li b::after {width: 2px; height: 14px; background: #fff; opacity: 30%; margin: 0 8px;}
.evCon6 .lecture {padding-bottom: 0 !important; background: #fff;}

/* .evCon7 */
.evCon7 {background: #2547a6;}
.evCon7 .tit {position: relative; margin: 0 auto 50px; z-index: 1;}
.evCon7 .tit::before {content: ''; position: absolute; width: 100%; height: 1px; background: #fff; top: calc(50% - 1px); left: 0; z-index: -1;}
.evCon7 .tit b {font-size: 24px; color: #fff; background: #2547a6; padding: 0 25px; position: relative;}
.evCon7 .tit b::before,
.evCon7 .tit b::after {content: ''; position: absolute; width: 9px; height: 9px; background: #fff; border-radius: 50%; top: 50%; transform: translateY(-50%);}
.evCon7 .tit b::before {left: -4.5px;}
.evCon7 .tit b::after {right: -4.5px;}
.evCon7 .evt_info {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 30px 0; margin: 0 auto 100px; z-index: 1;}
.evCon7 .evt_info::before {content: ''; position: absolute; width: 1000%; height: 100%; top: 0; left: -500%; background: #243c81; z-index: -1;}
.evCon7 .evt_info .left {margin-left: 40px;}
.evCon7 .evt_info .left ul {color: #fff; text-align: left; font-size: 20px; margin: 0 auto 40px;}
.evCon7 .evt_info .left ul li {}
.evCon7 .evt_info .left ul li + li {margin: 20px 0 0;}
.evCon7 .evt_info .left ul li b {font-weight: 900;}
.evCon7 .evt_info .left ul li b::before,
.evCon7 .evt_info .left ul li b::after {content: ''; display: inline-block; vertical-align: middle;}
.evCon7 .evt_info .left ul li b::before {width: 5px; height: 5px; border-radius: 50%; background: #fff; margin-right: 10px;}
.evCon7 .evt_info .left ul li b::after {width: 2px; height: 14px; background: #fff; opacity: 0.5; margin: 0 30px 0 40px;}
.evCon7 .evt_info .left .btn_wrap {text-align: left;}
.evCon7 .evt_info .left .btn_wrap button {}
.evCon7 .evt_info .right {}
.evCon7 .evt_way ul {display: flex; background: #ffffff1a; color: #fff; margin: 0 auto 20px;}
.evCon7 .evt_way ul li {flex: 1;}
.evCon7 .evt_way ul li a {display: block; position: relative; padding: 20px 0; font-weight: bold; font-size: 20px; line-height: 1; vertical-align: middle;}
.evCon7 .evt_way ul li a::before {content: ''; position: absolute; width: 1px; height: 70%; background: #fff; opacity: 0.1; top: 15%; right: 0;}
.evCon7 .evt_way ul li:last-child a::before {content: none;}
.evCon7 .evt_way ul li a .go {vertical-align: bottom; display: inline-block; margin-left: 15px;}
.evCon7 .evt_way ol {display: flex; gap: 30px; margin: 0 auto 120px;}
.evCon7 .evt_way ol li {position: relative; background: #ffffff1a; flex: 1; padding: 20px 0; color: #fff; height: 200px; display: flex; flex-direction: column;}
.evCon7 .evt_way ol li::before {content: ''; position: absolute; width: 16px; height: 30px; top: 50%; right: -15px; transform: translate(50%, -50%); background: url(https://image.megagong.net/m/2023/0609_shin242/con7_arrow.png) no-repeat;}
.evCon7 .evt_way ol li:last-child::before {content: none;}
.evCon7 .evt_way ol li .step {display: block; width: 100px; margin: 0 auto auto; position: relative; color: #fff; font-style: normal; font-weight: 900; font-size: 16px; z-index: 1;}
.evCon7 .evt_way ol li .step::before {content: ''; position: absolute; width: 100%; height: 46%; left: 0; bottom: 0; background: #222; opacity: 0.5; z-index: -1;}
.evCon7 .evt_way ol li .txt {margin: auto; font-size: 16px;}
.evCon7 .evt_way ol li .txt span {font-weight: bold; font-size: 14px; color: #ffde00; display: block; margin: 10px auto 0;}

/* .evtoggleWarning */
.evtoggleWarning {background: #fff; padding: 0;}
.warningList li ul li a.tp2{color:#f00;}
.type_lst ul li {border-right: 1px solid #fff;}
.type_lst ul li a,
.type_lst ul li.on a {color: #fff;}
.paging.gall a,
.paging.gall strong {color: #fff;}

.mg_s_info b a {color: #2f5597; margin-left: 5px; border-bottom: 1px solid #2f5597;}

@media screen and (max-width: 1320px){
  .evCon1 .inner {width: 100%;}
  .evCon1 .visual_wrap .tea {right: 4.5%; width: 53%;}
  .evCon1 .visual_wrap .tiny_noti {margin: 0 2% 10%;}
  .evCon1 .visual_wrap .label {margin: 0 6% 10%; width: 38%;}
  .evCon1 .visual_wrap h3 .sub_tit {margin: 0 6%; width: 60%;}
  .evCon1 .visual_wrap h3 .tea_home {bottom: 40%; right: 2%;}
  .evCon1 .visual_wrap h3 .highlight span.tit2 .light {top: 30%; width: 35%;}
  /* .evCon1 .visual_wrap h3 .highlight {margin: 0 -6.6%;} */
}

@media screen and (max-width: 1200px){
  .evSection {padding: 10% 0;}
  .evSection .con_tit {margin: 0 auto 6%;}

  .evCon1 {padding: 0;}
  .evCon1 .video_wrap {display: none;}
  .evCon1 .visual_wrap {display: block;}

  .follow_bnr .inner {width: 100%;}
  .follow_bnr ul li:first-of-type a:before, 
  .follow_bnr ul li:last-of-type a::after {content: none;}

  .evCon2 .feature {margin: 0 auto 10%;}
  .evCon2 .feature ul {gap: 20px; bottom: 40%;}
  .evCon2 .feature ul li {width: 26%;}
  .evCon2 .feature .tiny_noti {margin: 16% auto 0;}
  .evCon2 .review_wrap {margin: 0;}
  .evCon2 .review_wrap .tit {margin: 0 auto 3%;}
  .evCon2 .review_wrap .review_btn {margin: 0 auto 2%;}
  .evCon2 .review_wrap .review_slider .review_tit {margin: 0 auto 2%;}

  .evCon3 .sub_tit {margin: 0 auto 3%;}
  .evCon3 .eventVideo > img {width: 100%;}

  .evCon4 .bg_top {margin: 0 auto 6%;}
  .evCon4 .bg_top .inner {width: 100%;}
  .evCon4 .bg_top .tab_base li .free_label {top: 0; left: 0;}
  .evCon4 .bg_bot .inner {width: 100%;}
  .evCon4 .bg_bot .tabc .curr_tit {margin: 0 auto 3%;}
  .evCon4 .bg_bot .tabc .cont {flex-direction: column; gap: 40px;}

  .evCon5 .sub_tit {margin: 0 auto 3%;}
  .evCon5 .book_wrap {margin: 0 auto 8%;}
  .evCon5 .book_wrap .book_cover {position: relative; bottom: 0; left: 5%; display: inline-block; margin: 0 auto 4%;}
  .evCon5 .book_wrap .book_cover .label {top: 10%; left: 0; transform: translate(-50%, -50%); width: 24%;}
  .evCon5 .book_wrap .book_img {margin: 0;}
  .evCon5 .book_wrap .book_img .feature {margin: 0 auto 2%; justify-content: center; gap: 10px;}
  .evCon5 .book_wrap .book_img .book_slider img {margin: 0 auto;}

  .evCon6 .evt_img {margin: 0 auto 3%;}
  .evCon6 .evt_info {margin: 0 auto 6%;}
  .evCon6 .evt_info ul {width: 96%; font-size: 18px;}

  .evCon7 .tit {margin: 0 auto 2%;}
  .evCon7 .evt_info {margin: 0 auto 8%;}
  .evCon7 .evt_info .left {margin-left: 0;}
  .evCon7 .evt_info .left ul {margin: 0 auto 6%; font-size: 18px;}
  .evCon7 .evt_info .left ul li + li {margin: 1% 0 0;}
  .evCon7 .evt_way ul {margin: 0 auto 2%;}
  .evCon7 .evt_way ol {margin: 0 auto 10%;}

  .evtoggleWarning {padding: 0;}
}

@media screen and (max-width: 992px){
  .evCon1 .visual_wrap .label {gap: 10px;}
  .evCon1 .visual_wrap h3 .tea_home {width: 28px; height: 28px; font-size: 12px;}

  .follow_bnr ul li a {font-size: 16px;}
  .follow_bnr ul li.follow_bnr3 a {justify-content: center;}
  .follow_bnr ul li.follow_bnr3 .gift_img {display: none;}
  .follow_bnr ul li.follow_bnr3 .event_end {left: 76%;}

  .evCon2 .review_wrap .tit {width: 60%;}
  .evCon2 .review_wrap .review_slider .item {height: 220px; padding: 30px 0;}
  .evCon2 .review_wrap .review_slider .review_tit {font-size: 18px; line-height: 30px; padding: 0 20px;}
  .evCon2 .review_wrap .review_slider .review_cont {font-size: 14px;}

  .evCon3 .sub_tit {width: 72%;}

  .evCon4 .bg_top .tab_base {flex-wrap: wrap;}
  .evCon4 .bg_top .tab_base li {flex-basis: 33%;}
  .evCon4 .bg_top .tab_base li:nth-child(3) {border: none;}
  .evCon4 .bg_top .tab_base li:nth-child(n + 4) {border-top: 1px solid #56648e;}
  .evCon4 .bg_top .tab_base li a {padding: 5px 0;}
  .evCon4 .bg_top .tab_base li b {display: none;}
  .evCon4 .bg_top .tab_base li .label {margin: 0 auto 5px; padding: 0 8px;}
  .evCon4 .bg_top .tab_base li .label.mo {display: inline-block;}
  .evCon4 .bg_top .tab_base li .label.pc {display: none;}
  .evCon4 .bg_top .tab_base li .free_label {display: none;}
  .evCon4 .bg_bot .tabc .curr_tit {font-size: 22px;}

  .evCon6 .evt_img {width: 70%;}
  .evCon6 .evt_info ul {font-size: 15px;}
  .evCon6 .evt_info ul li b::before {width: 3px; height: 3px; margin-right: 5px;}
  .evCon6 .evt_info ul li b::after {margin: 0 5px;}

  .evCon7 .tit b {font-size: 22px;}
  .evCon7 .evt_info {flex-direction: column-reverse; gap: 30px;}
  .evCon7 .evt_info .left ul {font-size: 16px;}
  .evCon7 .evt_info .left ul li b::before {width: 3px; height: 3px; margin-right: 5px;}
  .evCon7 .evt_info .left ul li b::after {margin: 0 20px;}
  .evCon7 .evt_info .left .btn_wrap {text-align: center;}
  .evCon7 .evt_info .right {width: 60%;}
  .evCon7 .evt_way ul li a {font-size: 18px;}
  .evCon7 .evt_way ul li a .go {width: 16%; margin-left: 10px;}
  .evCon7 .evt_way ol li .step {width: 70px; font-size: 14px;}
  .evCon7 .evt_way ol li .txt {font-size: 14px;}
  .evCon7 .evt_way ol li .txt span {font-size: 12px;}
}

@media screen and (max-width: 768px){
  .eventWrap .tiny_noti {font-size: 10px;}
  .br_768 {display: block;}

  .follow_bnr ul li a {font-size: 14px;}

  .evCon2 .review_wrap .review_slider .item {display: inline-flex !important; flex-direction: column; justify-content: center;}
  .evCon2 .review_wrap .review_slider .review_tit {font-size: 15px; margin: 0 auto auto;}
  .evCon2 .review_wrap .review_slider .review_cont {font-size: 12px; margin: auto;}
  .evCon2 .review_wrap .review_btn {width: 26%; margin: 0 0 2% auto;}

  .evCon4 .bg_top .tab_base li a {font-size: 14px;}
  .evCon4 .bg_top .tab_base li .label {font-size: 12px; min-width: 40px;}
  .evCon4 .bg_top .tab_base li span {font-size: 12px;}
  .evCon4 .bg_bot .tabc .curr_tit {font-size: 18px;}
  .evCon4 .bg_bot .tabc .cont .feature {width: 84%;}

  .evCon5 .sub_tit {width: 80%;}
  .evCon5 .book_wrap .book_cover {width: 60%;}
  .evCon5 .book_wrap .book_img .feature p {font-size: 12px;}
  .evCon5 .book_wrap .book_img .feature p b {font-size: 14px;}
  .evCon5 .book_btn a {margin: 0 1%; width: 47%;}

  .evCon6 .evt_info ul {flex-direction: column; gap: 5px;}

  .evCon7 .evt_way ul li a {padding: 12px 0; font-size: 16px;}
  .evCon7 .evt_way ol {flex-direction: column;}
  .evCon7 .evt_way ol li::before {top: unset; bottom: -3px; right: 50%; transform: translate(50%, 100%) rotate(90deg); width: 13px; height: 24px; background-size: cover;}
  .evCon7 .evt_way ol li .step {margin: 0 auto 2%;}
  .evCon7 .evt_way ol li .txt .mo_hide {display: none;}
  .evCon7 .tit b {font-size: 18px; padding: 0 14px;}
  .evCon7 .tit b::before, .evCon7 .tit b::after {width: 6px; height: 6px;}
}

@media screen and (max-width: 576px){
  .br_576 {display: block;}

  .evCon1 .visual_wrap .tiny_noti {margin: 0 2% 8%;}
  .evCon1 .visual_wrap h3 .tea_home {width: 20px; height: 20px; font-size: 10px; bottom: 80%; right: 7%;}

  .follow_bnr ul li a {font-size: 11px; padding: 12px 0;}
  .follow_bnr ul li.follow_bnr3 .event_end {top: 10%; width: 16%;}

  .evCon2 .feature ul {bottom: 54%; gap: 10px;}
  .evCon2 .feature .tiny_noti {margin: 17% auto 0;}
  .evCon2 .review_wrap .review_slider .review_tit {font-size: 12px; line-height: 22px;}
  .evCon2 .review_wrap .review_slider .review_cont {font-size: 10px;}

  .evCon4 .bg_top .tab_base li .label {font-size: 10px;}
  .evCon4 .bg_top .tab_base li a {font-size: 12px;}
  .evCon4 .bg_bot .tabc .curr_tit {font-size: 15px;}
  .evCon4 .bg_bot .tabc .cont .eventVideo.video_renewal {width: 360px;}
  .evCon4 .bg_bot .tabc .cont .video_slider {width: 360px;}
  .evCon4 .bg_bot .tabc .cont .video_slider .eventVideo.video_renewal {height: auto;}
  .evCon4 .bg_bot .tabc .cont .video_slider .slick-slide {width: 360px;}

  .evCon5 .book_wrap .book_img .feature {flex-direction: column; align-items: center; margin: 0 auto 5%;}
  .evCon5 .book_wrap .book_img .feature p {width: 100%;}
  .evCon5 .book_btn a {margin: 1% 0; width: 50%;}

  .evCon6 .evt_info ul {font-size: 13px;}

  .evCon7 .evt_info .left ul {font-size: 14px;}
  .evCon7 .evt_info .left .btn_wrap {width: 54%; margin: 0 auto;}
  .evCon7 .evt_way ul li a {font-size: 14px;}
}