@charset "euc-kr"; 

.eventWrap .tiny_noti{opacity: 0.6;}
.evCon1, .evCon2,.evCon3,.evCon4,.event .inner{ padding: 145px 0; }

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; } 
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #797a89; opacity: 1; width: 12px; height: 12px; transition: all .5s ease; } 
.swiper_common_wrap .swiper-pagination-bullet-active { border-radius: 30px; width: 30px; background: linear-gradient(to right, #2f3a98 0%, #fe7100 100%); } 
[class*="swiper-button-"]:after { font-size: 0; } 
[class*="swiper-button-"].swiper-button-disabled { opacity: 1; } 
.swiper_common_wrap .arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: 0; z-index: 2; background: url('https://image.megagong.net/m/2024/0513_tech/arrow.png') no-repeat center; width: 44px; height: 85px; background-size: contain; } 
.swiper_common_wrap .arrow.swiper-button-next { transform: rotate(180deg) translate(0, calc(50%)); left: auto; right: 0; } 

/* tab */
.tab_base { display: flex; position: relative; } 
.tab_base li { flex: 1; } 

/* text title */
.con_tit { margin-bottom: 75px; } 
.con_tit h4 { font-size: 50px; font-weight: 900; } 
.con_tit h4 span { color: #2f3a98; } 
.con_tit .top_txt { margin-bottom: 20px; } 
.con_tit .sub_txt { margin-top: 15px; font-weight: 300; font-size: 22px; } 

/* main */
.main { background-image: url('https://image.megagong.net/m/2024/0513_tech/main_bg.jpg'); background-size: auto 100%; padding: 60px 0 95px; } 
.main p { color: #b3b5ca; font-size: 28px; margin-bottom: 45px; } 
.main p b { color: #fff; } 

/* evCon1 */
.evCon1 .swiper_review_wrap { margin: 0 -85px; } 
.evCon1 .swiper_review { max-width: 1080px; margin: 0 auto; } 

/* evCon2 */
.evCon2 { background-color: #eee; } 
.evCon2 ul li { display: flex; } 
.evCon2 ul li p { display: flex; justify-content: center; } 
.evCon2 ul li p i { width: 96px; } 
.evCon2 ul li:nth-child(even) { justify-content: flex-end; } 
.evCon2 .bottom_txt { font-size: 30px; font-weight: 700; margin-top: 50px; } 

/* evCon3 */
.evCon3 .tab_base.big li a { display: flex; justify-content: center; align-items: center; height: 70px; color: #fff; background: #9c9eac; font-size: 24px; border-bottom: 3px solid #2f3a98; border-left: 1px solid #fff; font-weight: 300; } 
.evCon3 .tab_base.big li.on a { position: relative; border: 3px solid #2f3a98; border-width: 3px 3px 0; background: #2f3a97; font-weight: 900; } 
.evCon3 .tab_base.big li.on a::before { content: ''; display: block; position: absolute; left: 50%; top: -53px; transform: translateX(-50%); border-top: 25px solid transparent; border-bottom: 25px solid #2f3a98; border-right: 90px solid transparent; border-left: 90px solid transparent; } 
.evCon3 .tab_base.small { margin: 20px auto 75px; } 
.evCon3 .tab_base.small li { flex: none; } 
.evCon3 .tab_base.small li a { color: #000; font-size: 16px; font-weight: 300; padding-right: 10px; margin-right: 10px; position: relative; } 
.evCon3 .tab_base.small li.on a { color: #2f3a98; position: relative; font-weight: 700; } 
.evCon3 .tab_base.small li:not(:last-of-type) a::before { position: absolute; top: 55%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 60%; background-color: #000; } 

.evCon3 { background: #dfe1f7; } 
.evCon3 .con_tit .top_txt { position: relative; background: #111; display: inline-block; border-radius: 30px; width: 410px; line-height: 55px; color:#fff; font-size: 28px; } 
.evCon3 section { margin-bottom: 95px; } 
.evCon3 section h5 { position: relative; background-color: #cdd0ef; font-size: 30px; padding: 12px 0; margin-bottom: 50px; } 
.evCon3 section h5::before { content: ''; display: block; position: absolute; left: 50%; bottom: -36px; transform: translateX(-50%); border-top: 18px solid #cdd0ef; border-bottom: 18px solid transparent; border-right: 18px solid transparent; border-left: 18px solid transparent; } 

.evCon3 .video_wrap { justify-content: center; gap: 20px; align-items: flex-end; } 
.evCon3 .video_wrap .eventVideo {width: 600px;height: 338px;background: #252525;} 
.evCon3 .video_wrap .eventVideo .video_box{}
.evCon3 .video_wrap .eventVideo .video_box .play_area > img{width: 0;height: 0;}
.evCon3 .video_wrap .eventVideo h6 {color: #fff;text-align: left;position: absolute;font-size: 24px;z-index: 2;font-weight: 300;width: 100%;height: 100%;padding: 40px;} 
.evCon3 .video_wrap .eventVideo h6 span { font-size: 2; } 
.evCon3 .video_wrap .eventVideo h6 strong { color: #f98a33; display: block; margin-top: 10px; font-size: 34px; } 
.evCon3 .video_wrap .eventVideo h6::before {content: '';display: block;font-size: 0;width: 75px;height: 75px;background: url(https://img.megagong.net/m/2024/0513_tech/video.png) no-repeat 0 0;position: absolute;bottom: 40px;right: 40px;background-size: contain;}
.evCon3 .video_wrap .tea { position: relative; width: 350px; } 
.evCon3 .video_wrap .tea:before { content:''; display:block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: 40%; background: linear-gradient(0deg, #dfe1f7, transparent); } 
.evCon3 .video_wrap .tea a { z-index: 2; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; line-height: 1; gap: 8px; font-size: 16px; font-weight: 900; } 
.evCon3 .video_wrap .tea a span + span { padding-left: 8px; border-left: 1px solid; } 
.evCon3 .video_wrap .tea a i { font-style: normal; color: #fff; font-size: 12px; width: 20px; display: inline-block; line-height: 20px; padding-right: 1px; border-radius: 50%; background: #000; } 

.evCon3 .swiper_solution dt { text-align: center; color: #fff; background: #272f77; font-size: 22px; padding: 12px 0; border-radius: 10px 10px 0 0; } 
.evCon3 .swiper_solution dd {position: relative;line-height: 1.7;background: #fff;border-radius: 0 0 10px 10px;padding: 40px 0;display: flex;justify-content: flex-start;flex-direction: column;} 
.evCon3 #tab1_2 .swiper_solution dd{height: 202px;justify-content: center;} /*ÀÌÁø¿À*/
.evCon3 #panel3 .swiper_solution dd { height: 265px; } /*¼Û¾Æ¸§*/
.evCon3 .swiper_solution_wrap dd > div { width: fit-content; margin: 0 auto; } 
.evCon3 .swiper_solution_wrap p { position: relative; text-align: left; padding-left: 25px; font-size: 18px; } 
.evCon3 .swiper_solution_wrap p:before {content: '';display:block;position: absolute;left: 0;top: 7px;background-image: url('https://image.megagong.net/m/2024/0513_tech/check.png');width: 19px;height: 16px;background-size: contain;background-repeat: no-repeat;} 

/* evCon4 */
.evCon4 .tbl { max-width: 725px; margin: 0 auto; font-size: 20px; } 
.evCon4 .tbl th { width: 37%; } 
.evCon4 .tbl td { text-align: left; padding-left: 35px; } 
.evCon4 .tbl .bg { border: 2px solid #fe7100; } 
.evCon4 .tbl .bg th { background: #ffe3ce; color: #fe7100; } 
.evCon4 .tbl .bg td { color: #fe7100; font-weight: 900; } 
.evCon4 .pointer { cursor: pointer; } 
.evCon4 .td1 img.on { opacity: 0; } 
.evCon4 .td1 img { position: absolute; margin: 5px 0 0 5px; } 
.evCon4 .td1,.evCon4 .td2.show { display: block; } 
.evCon4 .td1.hide,.evCon4 .td2 { display: none; } 

/* event */
.event { background-color: #272f77; position: relative; color: #fff; } 
.event .tag { position: absolute; left: 50%; margin-left: -540px; top: 0; } 
.event .con_tit > div { color: #c0c2d0; } 
.event .con_tit .sub_txt span{color: #ff0; font-weight: 700;} 
.event .con_tit h4 > img { margin-bottom: 45px; } 
.event .con_tit h4 span { color: #ff8629; } 
.event .con_tit .top_txt { font-weight: 900; margin-top: 30px; font-size: 34px; } 
.event .con_tit .end::after { background-color: #8b8fb7; } 
.event .container_info.ver_dark { background: transparent; border: 1px solid #656c9e; max-width: 600px; margin: 0 auto; } 
.event .tab_base.lec {margin: 70px auto 20px; } 
.event .tab_base.lec li a { display: flex; color: #000; background: #8b8fb7; font-size: 18px; font-weight: 300; height: 100px; flex-direction: column; align-items: center; justify-content: center; } 
.event .tab_base.lec li a strong { display: block; font-size: 24px; } 
.event .tab_base.lec li.on a { position: relative; background: #ff8629; } 
.event .lecture{color:#000}

@media screen and (max-width: 1200px){
    .evCon1, .evCon2, .evCon3, .evCon4,.event .inner { padding: 15% 0; } 

    .main { padding: 6% 0 10%; } 
    .main p { font-size: clamp(15px,3vmin,28px); margin-bottom: 4%; } 

    .con_tit { margin-bottom: 7% } 
    .con_tit h4 { font-size: clamp(20px,5vmin,50px); } 
    .con_tit .top_txt { margin-bottom: 2%; } 
    .con_tit .sub_txt{font-size: clamp(15px,2vmin,22px);margin-top: 2%;}

    .evCon1 .swiper_review_wrap { margin: 0 auto; padding: 0 5%; } 
    .evCon2 .bottom_txt { margin-top: 7%; font-size: clamp(18px,3vmin,30px); } 
    .evCon2 ul li p > img { width: calc(100% - 100px); } 

    .evCon3 .tab_base.big li a { font-size: clamp(17px,2.5vmin,24px); height: clamp(50px,7vmin,70px); } 
    .evCon3 .tab_base.big li.on a::before { display: none; } 
    .evCon3 .tab_base.small { margin: 3% auto 5%; } 
    .evCon3 .tab_base.small li a { font-size: clamp(13px,2vmin,16px); } 

    .evCon3 .con_tit .top_txt { font-size: clamp(15px,3vmin,28px); width: auto; padding: 0 15px; line-height: clamp(30px,6vmin,55px); } 
    .evCon3 section { margin-bottom: 10%; } 
    .evCon3 section h5 { padding: clamp(8px,1.2vmin,12px) 0; font-size: clamp(15px,3vmin,30px); margin-bottom: 10%; } 
    .evCon3 .video_wrap .eventVideo{height: clamp(300px,35vmin,400px);}
    .evCon3 .video_wrap .eventVideo h6 {font-size: clamp(16px,2.5vmin,24px);padding: 10% 5%;} 
    .evCon3 .video_wrap .eventVideo h6::before{max-width: 15%;max-height: 25%;bottom: 10%;right: 5%;}
    .evCon3 .video_wrap .eventVideo h6 strong { font-size: clamp(20px,3.5vmin,34px); } 
    .evCon3 .swiper_solution dt { font-size: clamp(15px,2.5vmin,22px); } 
    .evCon3 .swiper_solution dd { padding: 5% 0; } 
    .evCon3 .swiper_solution_wrap dd > div { margin: 0 4%;width: 100%;} 
    .evCon3 .swiper_solution_wrap p {font-size: clamp(13px,2.5vmin,18px);padding-left: clamp(15px,4vmin,25px);} 
    .evCon3 .swiper_solution_wrap p br { display: none; }  
    .evCon3 .swiper_solution_wrap p:before {max-width: 3%;height: 100%;} 
    .evCon3 #panel3 .swiper_solution dd {height: auto;} /*¼Û¾Æ¸§*/

    .evCon4 .tbl { font-size: clamp(15px,2vmin,20px); } 
    .evCon4 .tbl td { text-align: left; padding-left: 5%; } 
    .evCon4 .td1 img {width: clamp(22px,3.5vmin,33px);margin-top: 3px;} 

    .event .tag{margin: 0;left: 5%;max-width: 25%;}
    .event .con_tit .top_txt{font-size: clamp(18px,3.5vmin,34px);margin-top: 3%;}
    .event .con_tit > img{width: 22%;}
    .event .tab_base.lec {margin: 10% auto 3%; } 
    .event .tab_base.lec li a {font-size: clamp(13px,2.5vmin,18px); height: clamp(80px,10vmin,100px);} 
    .event .tab_base.lec li a strong { font-size: clamp(16px,2.5vmin,24px); } 
}
@media screen and (max-width: 992px){
    .evCon3 #tab1_2 .swiper_solution dd{height: auto;}
}
@media screen and (max-width: 768px){
    .swiper_common_wrap .arrow { max-width: 7%; } 
    .evCon1 .swiper_review_wrap { padding: 0 10%; } 
    .evCon2 ul { width: 100%; margin: 0 auto; } 
    .evCon2 ul li p > img { width: min(100%, 400px); } 
    .evCon3 .tab_base.small li { font-size: clamp(14px,2vmin,17px); } 
    .evCon3 .video_wrap { flex-direction: column-reverse; } 
    .evCon3 .video_wrap .eventVideo {width: 100%;height: clamp(200px,54vmin,415px);z-index: 3;} 
    .evCon3 .video_wrap .tea { margin: -5% auto -20%; padding-left: 50%; width: 100%; } 
    .evCon3 .video_wrap .tea a { bottom: auto; top: 60%; transform: none; left: 5%; font-size: clamp(14px,2vmin,16px); } 
}