@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2023/ - to-be url */
:root{
	--ev1-bg-url:url('https://image.megagong.net/m/2023/0825_jinsyjin03/con1_bg.jpg') no-repeat center;
}

/* common */  
*[data-resize] .v_mo{display: none !important;} /*responsive controll*/

.evSection{color:#fff}
.con_tit{margin-bottom: 100px;font-weight:900;font-size: 45px;position: relative;z-index: 2;}  
.con_tit p{font-size: 25px;font-weight: 500;opacity: .7;margin-bottom: 20px;line-height: 1;}
.con_tit .tiny{text-align: center;opacity: .3;margin: 10px 0 0;font-size: 17px;}
.flt_inner{z-index: 11;}
.btns{width: 945px;}
.btns li{width: 49%;}
.btns li a{display: block;color: #fff;background: #539fd5;padding: 15px 0;border-radius: 15px;font-size: 20px;}
.btns li + li a{background: #a8d368;}
.btns li a{width: 100%;display: flex;justify-content: center;align-items: center;padding: 21px 0;}
.btns li a img{margin-left: 10px;}
.btns a span{position: relative;padding-right: 25px;} 

.tiny{text-align: right;font-size: 15px;opacity: 0.45;}  
.dflex{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 0 auto;position: relative;}  
.dflex > *:last-child{margin:0 !important}  
.dtable{display: table;border-collapse: separate;}/*Á¤·ÄµÈ ¿ä¼Ò°¡ ³ôÀÌ°¡ °°¾Æ¾ßÇÒ¶§*/
.dtable > *{display: table-cell;vertical-align: middle;}
.dflex-y{display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}

.lecture{padding-bottom: 0 !important; background: #fff;}
.evSection{background: #fff;}
 
/* evCon1 */
.evCon1{padding: 10px 0 0;background: #162e39 var(--ev1-bg-url);}
.evCon1 .text{position: absolute;left: 50%;z-index: 3;width: 1300px;transform: translateX(-50%);bottom: 215px;}
.evCon1 .text .dflex{width: 750px;}
.evCon1 .text h3{margin: 175px auto 50px;}
.evCon1 .text h3 a{position: absolute;left: 15px;top: -15px;background: #11232c;color: #3d687c;width: 40px;height: 40px;border-radius: 50%;line-height: 40px;}
.evCon1 .text h4{font-size: 25px;font-weight: 100;}

/* evCon2 */
.evCon2{padding: 140px 0 70px;background: #11232c;position: relative;}
.evCon2 .con_box img{position: relative;z-index: 2;}
.evCon2 .circle{position: absolute;bottom: -480px;left: 50%;margin-left: -570px;width: 1120px;height: 1120px;border-radius: 50%;background: #172f3a;}

/* evCon3 */
.evCon3{padding: 140px 0 100px;background: #dbeaf2;color: #1a3b4b;}
.evCon3 .qna{position: relative;margin: 0 -30px;}
.evCon3 .qna li{color: #585d63;}
.evCon3 .qna li > span{display: block;margin-bottom: -15px;}
.evCon3 .qna li strong{font-size: 30px;color: #5d6f76;margin-bottom: 15px;display: block;font-weight: 900;}
.evCon3 .qna li strong span{background: #1eb1fd;color: #112b32;}
.evCon3 .qna li p{line-height: 1.6;font-size: 17px;}
.evCon3 .qna li:first-child{text-align: left;position: relative;z-index: 2;}
.evCon3 .qna li:nth-child(2){position: absolute;top: -90px;left: 50%;transform: translateX(-50%)}
.evCon3 .qna li:nth-child(3){text-align: right;margin-top: -110px;}
.evCon3 .qna li:nth-child(3) strong span{background: #c1e942;}

/* evCon4 */
.evCon4{padding: 140px 0;background: #1e6b90;}
.evCon4 .reviewPass {position: relative;/* overflow: hidden; */}
.evCon4 .swiper-slide{padding:70px 30px 110px;background-color: #ffffff;border-radius:10px;opacity: 0;overflow: hidden;height: 465px;}
.evCon4 .swiper-slide.swiper-slide-active{opacity: 1}
.evCon4 .swiper-slide .tit{font-size:22px;font-weight:bold;color: #242424;}
.evCon4 .swiper-slide .author{font-size:16px;font-weight:500;color: #89a6af;padding:3px 17px;background-color: #eaeff4;display:inline-block;border-radius:20px;margin-top:15px;}
.evCon4 .swiper-slide .desc{margin-top:34px;font-size:18px;color: #656565;}
.evCon4 .swiper-slide .desc .ellispis{display:block;color: #26638c;}
.evCon4 .swiper-button-next.evCon4 .swiper-button-disabled, .evCon4 .swiper-button-prev.evCon4 .swiper-button-disabled,
.evCon4 .swiper-button-next:after, .evCon4 .swiper-button-prev:after{display: none;}
.evCon4 .swiper-button-prev{width: 49px;height: 49px;left: -80px;}
.evCon4 .swiper-button-next{right: -80px;width: 49px;height: 49px;}
.evCon4 .swiper-button-next img{transform: rotate(180deg);}
.evCon4 .tiny{margin: 20px auto 65px;}
.evCon4 .btn{background: #10242b;padding: 25px 40px;border-radius: 15px;font-size: 21px;color: #def2fe;position: relative;width: 615px;display: flex;justify-content: space-between;margin: 0 auto;align-items: center;}

/* evCon5 */
.evCon5{padding: 140px 0;background: #1c475c;}
.evCon5 .swiper-wrapper{flex-wrap: wrap}
.evCon5 .swiper-slide{border: 1px solid #ddd;border-radius: 20px;background: #fff;padding: 40px 0;margin-bottom: 20px;width: calc(50% - 10px) !important;/*margin: 0 20px 20px 0;*/color: #676767;}
.evCon5 .swiper-slide:nth-child(even){margin-right: 0 !important;}
.evCon5 .swiper-slide strong{font-size: 21px;margin: 15px 0;display: block;color: #003248;}
.evCon5 .swiper-slide b{background: #b1e5fb;}
.evCon5 .swiper-slide p{line-height: 1.6;}

/* evCon6 */
.evCon6{padding: 140px 0;background: #dbeaf1;color: #1a3b4b;overflow: visible !important;}
.evCon6 .tab_base{border-bottom: 3px solid;}
.evCon6 .tab_base li{flex: 1;}
.evCon6 .tab_base li a{padding: 20px 0;font-size: 21px;background: #b2c1c4;display: block;color: #d1dfe2;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.evCon6 .tab_base li.on a{background: #1c3d4d;color: #fff;}
.evCon6 .pocket_pop {position: relative;top: auto;left: auto;margin-top: 15px;}

/* evCon7 */
.evCon7{padding: 140px 0;background: #182e39;}
.evCon7 .innerBook {margin: 70px auto;overflow: hidden;}
.evCon7 .text{flex-wrap: wrap;}
.evCon7 .text li{width: 24%;padding: 23px 0;color: #000;background: #fff;border-radius: 20px;}
.evCon7 .text li i{color: #fff;background: #365564;font-style: normal;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;display: inline-block;margin-bottom: 11px;}
.evCon7 .swiper-pagination{position: relative;}
.evCon7 .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #fff; opacity: 1; }
.evCon7 .swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: #fff; border: 1px solid transparent; }    

/* evCon8 */
.evCon8{padding: 140px 0;background: #5a80ca;}
.evCon8 h4{margin: 0 10%;}
.evCon8 h4 .tag{display: block;margin: 0 auto 15px;max-width: 20%;}
.evCon8 h4 i{position: absolute;right: 0;top: 0;max-width: 30%;}
.evCon8 h5{font-size: 22px;margin: 40px 0 50px;font-weight: 300;} 
.evCon8 .info_box{border: 1px solid #84acdb;border-width: 1px 0;padding: 50px 100px;text-align: left;justify-content: flex-start;}
.evCon8 .info_box li{width: 50%;margin-bottom: 25px;font-size: 20px;}
.evCon8 .info_box li b{position: relative;padding: 5px 15px;margin-right: 12px;background: #324f8a;border-radius: 30px;} 
.evCon8 .gift{margin: 90px auto;}
.evCon8 .step_box > p{position: relative;margin-bottom: 60px;}
.evCon8 .step_box > p::before{content: '';display: block;width: 100%;height: 1%;background: #6f95d2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.evCon8 .step_box > p span{display: inline-block;position: relative;padding: 0 15px;background: #6081cc;}
.evCon8 .step_box ul{width: calc(100% + 40px);border-spacing: 20px;margin-left: -20px;}
.evCon8 .step_box li{border-radius: 30px;width: 32%;background: #fff;padding: 40px 0;position: relative;color: #000;font-size: 17px;}
.evCon8 .step_box li i{display: block;background: #3e62a1;color: #fff;width: 85px;margin: 0 auto 15px;font-weight: 300;border-radius: 45px;padding: 8px 0;font-style: normal;font-size: 14px;}
.evCon8 .step_box li span{color: #485a94;}
.evCon8 .step_box li .tiny{text-align: center;color: #f31515;opacity: 1;margin-top: 20px;font-size: 16px;}

.evCon8 .btns{margin: 50px auto 70px;}
.evCon8 .btns li a{background: #172f39;}
.evCon8 .eventBoard .evtBoard_common {background: #f0f3f9;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.evCon8 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{opacity: .6;}
.evCon8 .shareList ul li dl.sns dt{background-color: #229ff1;}
.evCon8 .shareList ul li dl.naver dt{background-color: #0bc65a;}
.evCon8 .shareList ul li dl.daum dt{background-color: #ee685f;}
.evCon8 .shareList ul li dl.etc dt{background-color: #284553;}
.evCon8 .shareList ul li dl.naver dd,
.evCon8 .shareList ul li dl.daum dd,
.evCon8 .shareList ul li dl.etc dd,
.evCon8 .shareList ul li dl.sns dd{border: 1px solid #e2e2e2;color: #484848;}
.evCon8 .eventBoard .evtBoard_common .info_wrap.with_tip button{color: #5981ca;font-weight: bold;}
.evCon8 .shareList ul{border-top-left-radius: 30px;border-top-right-radius: 30px;}
.evCon8 .eventBoard .evtBoard_common {background: #f0f3f9;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}

/* warning */
.warningList li ul li a{border-bottom: 1px solid #5981ca;color: #5981ca;padding: 0 0 2px;}
.warningList .f_dash li.ml10{margin-left: 10px;}
/* popup */
.black_bg{background-color:#000;opacity:0.8;position:fixed;left:0;top:0;width:100%;height:100%;text-indent:-9999em;z-index:92}
.dim_popup button{position:absolute;right: 15px;top: 15px;background: none;}
.clickPop{width: 470px;color: #000;background: #fff;padding: 30px 0 35px;position: fixed;left:50%;top: 50% !important;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 99;}

/* url popup */
.dim_popup.sns .tit{text-align:center;margin: 20px 0;padding: 0 15px;font-size: 30px;font-weight: bold;}
.dim_popup.sns table{font-size: 14px;}
.dim_popup.sns table tr th, .dim_popup.sns table tr td{padding: 8px 5px;border: 1px solid #ddd;word-break: break-all;text-align: center;}
.dim_popup.sns table tr th{border-color:#fff;background:#eaeaea}
.dim_popup.sns table tr td.con{text-align:left}
.dim_popup.sns .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.sns .btnClose{position:absolute;right: 10px;top: 10px;background: url(https://image.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}

@media screen and (max-width: 1200px){ 
    .con_tit{margin-bottom: 10%;font-size: 37px;}  
    .con_tit p{font-size: 20px;margin-bottom: 10px;}
    .con_tit .tiny{font-size: 15px;}    
    .tiny{font-size: 10px;} 
    .btns{width: 90%;margin: 10% auto 0;}
    
    .evCon1{padding:3% 0 0;}
    .evCon1 .tea{width: 75%;margin: 0 auto;}
    .evCon1 .text h3 {margin: 23vw auto 5vw;}
    .evCon1 .text{width: 100%;bottom: 22vw;}
    .evCon1 .text .dflex{width: 100%;}
    .evCon1 .text h3 a{left: 0;top: -4vw;}
    
    .evCon2{padding: 15% 0 5%;}
    .evCon2 .con_box{width: 80%;margin: 0 auto;}
    .evCon3{padding: 15% 0 10%;}
    .evCon3 .qna{margin: 0 auto;}
    .evCon3 .qna li > span img{width: 30%;}
    .evCon3 .qna li strong{font-size: 25px;}
    .evCon3 .qna li p{font-size: 15px;}
    .evCon3 .qna li:first-child{padding-top: 20%;}
    .evCon3 .qna li:nth-child(2){top: 0}

    .evCon4{padding:15% 0}
    .evCon4 .swiper-slide{padding: 8% 5%;height: auto;}
    .evCon4 .swiper-slide .tit{font-size: 18px;}
    .evCon4 .swiper-slide .author{font-size: 13px;}    
    .evCon4 .swiper-slide .desc{font-size: 15px;}
    .evCon4 .swiper-button-prev{left:5%;}
    .evCon4 .swiper-button-next{right:5%;}    
    .evCon4 .btn{font-size: 18px;width: 560px;padding: 20px 40px;}

    .evCon5{padding:15% 0}
    .evCon6{padding:15% 0}
    .evCon7{padding:15% 0}
    .evCon7 .book{width: 80%;margin: 0 auto;}
    .evCon8{padding:15% 0}
    .evCon8 h5{font-size: 20px;}     
    .evCon8 .btns{margin: 5% auto 15%;}
    .evCon8 .info_box{padding: 5% 0;}
    .evCon8 .info_box li{width: 100%;margin-bottom: 15px;font-size: 18px;}
    .evCon8 .info_box li b{padding: 3px 10px;border-radius: 5px;} 
    .evCon8 .gift{margin: 10% auto;width: 80%;}    
    .evCon8 .step_box > p{margin-bottom: 7%;}
    .evCon8 .step_box > p span img{max-width: 70%;}
    .evCon8 .step_box ul{border-spacing: 10px;margin-left: -10px;width: calc(100% + 20px);}
    .evCon8 .step_box li{width: 33%;border-radius: 15px;padding: 30px 10px;font-size: 15px;}
    .evCon8 .step_box li i{font-size: 12px;width: 40%;padding: 5px 0;}
    .evCon8 .step_box li .tiny{font-size: 13px;margin-top: 15px;}
    .evCon8 .shareList ul{border-top-left-radius: 5px;border-top-right-radius: 5px;}
    .evCon8 .eventBoard .evtBoard_common{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
} 
@media screen and (max-width: 992px){
    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}   
}
@media screen and (max-width: 768px){ 
    *[data-resize="768"] .v_pc{display: none !important;}
    *[data-resize="768"] .v_mo{display: block !important;}
    .con_tit{font-size: 28px;}  
    .con_tit p{font-size: 15px;}
    .con_tit .tiny{font-size: 13px;}   
    .btns li a{font-size: 18px;}

    .evCon1{padding:3% 0 0;}
    .evCon1 .text .dflex img{width: 35%;}
    .evCon1 .text .dflex img + img{width: 22%;}
    .evCon1 .text h3 a{width: 30px;height: 30px;line-height: 30px;}
    .evCon1 .text h4{font-size: 20px;}
    
    .evCon2 .circle{width: 100vw;height: 100vw;bottom: -31vw;margin-left: -50vw;}

    .evCon3 .qna li > span img{width: 20%;}
    .evCon3 .qna li strong{font-size: 20px;}
    .evCon3 .qna li p{font-size: 13px;}
    .evCon3 .qna li:first-child{padding-top: 30%;}

    .evCon4 .swiper-slide .desc{font-size: 13px;margin-top: 20px;}    
    .evCon4 .swiper-pagination{position: relative;top: auto;bottom: auto;margin-top: 20px;}
    .evCon4 .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #fff; opacity: 1; }
    .evCon4 .swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: #fff; border: 1px solid transparent; }    

    .evCon5 .swiper-wrapper{flex-wrap:nowrap}
    .evCon5 .swiper-slide{margin-bottom: 0;width: 100% !important;padding: 20px 0;}    
    .evCon5 .swiper-pagination{position: relative;top: auto;bottom: auto;margin-top: 20px;}
    .evCon5 .swiper-slide:nth-child(even){margin-right: 20px !important;}
    .evCon5 .swiper-slide > img{max-width: 15%;}
    .evCon5 .swiper-slide strong{font-size: 18px;margin: 10px 0;}
    .evCon5 .swiper-slide p{font-size: 15px;}
    .evCon5 .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #fff; opacity: 1; }
    .evCon5 .swiper-pagination-bullet-active { width: 40px; transition: width .5s; border-radius: 5px; background: #fff; border: 1px solid transparent; }    

    .evCon6 .tab_base li a{font-size: 18px;padding: 15px 0;}

    .evCon7 .text li{width: 49%;padding: 15px 0;}
    .evCon7 .text li:nth-child(1),
    .evCon7 .text li:nth-child(2){margin-bottom: 2%;}
    .evCon7 .text li i{width: 20px;height: 20px;line-height: 20px;margin-bottom: 5px;}
    .evCon7 .innerBook.v_mo{width: 70%;margin: 10% auto 0;}

    .evCon8 h5{font-size: 18px;margin: 5% 0;}     
    .evCon8 .info_box li{font-size: 15px;}
    .evCon8 .step_box ul{display: block;width: 100%;border-spacing: 0;margin: 0;}
    .evCon8 .step_box li{width: 100%;display: block;}
    .evCon8 .step_box li:nth-child(2){margin: 10px 0;}
    .evCon8 .step_box li i{position: absolute;top: 0;left: 0;border-bottom-left-radius: 5px;border-top-left-radius: 5px;width: 65px;}

    .evCon8 .step_box li:nth-child(2):before{content: '';display: block;position: absolute;background: var(--ev8-arrow-url);width: 36px;height: 36px;background-size: contain;transform: translateX(-50%) translateY(0) rotate(90deg);top: -20px;left: 50%;max-width: 22%;max-height: 22%;}
    .evCon8 .step_box li:nth-child(2):after{content: '';display: block;position: absolute;right: -30px;background: var(--ev8-arrow-url);width: 36px;height: 36px;z-index: 2;background-size: contain;transform: translateX(-50%) translateY(0) rotate(90deg);bottom: -20px;left: 50%;top: auto;max-width: 22%;max-height: 22%;}  
} 
@media screen and (max-width: 576px){ 
    *[data-resize="576"] .v_pc{display: none !important;}
    *[data-resize="576"] .v_mo{display: block !important;}    
    .dim_popup.sns{width:90%}
    .con_tit{font-size: 20px;}  
    .con_tit p{font-size: 13px;}
    .con_tit .tiny{font-size: 10px;}       
    .btns{width: 100%;}
    .btns li a img {margin-left: 3px;width: 8%;}
    .evCon7 .btns li a img{width: 3%;margin-left: 5px;}
    .btns li a{font-size: 13px;border-radius: 5px;padding: 15px 5px;}
    .evCon1{background-position: 50% 45% !important;}
    .evCon1 .text h4{font-size: 15px;}
    .evCon1 .text h3 a{top: -9vw;}
    .evCon3 .qna li > span img{width: 20%;}
    .evCon3 .qna li strong{font-size: 18px;}
    .evCon3 .qna li p{font-size: 12px;}
    .evCon3 .qna li:first-child{padding-top: 45%;}
    .evCon3 .qna li:nth-child(2){transform: translateX(0) scaleX(-1);width: 70%;right: -8%;left: auto;}
    .evCon3 .qna li:nth-child(3){margin-top: 0;}    
    .evCon4 .swiper-slide .tit{font-size: 16px;}
    .evCon4 .swiper-slide .author{font-size: 11px;}    
    .evCon4 .tiny{margin: 10px auto 30px;}
    .evCon4 .btn{width: 95vw;padding: 20px 10px;font-size: 15px;justify-content: center;text-align: left;}
    .evCon4 .btn img{width: 20vw;margin-left: 5vw;}
    .evCon5 .swiper-slide strong{font-size: 15px;}
    .evCon5 .swiper-slide p{font-size: 13px;}    
    .evCon6 .tab_base li a{font-size: 15px;padding: 10px 0;}
    .evCon7 .innerBook.v_mo{width: 80%}
    .evCon8 h5{font-size: 15px;}     
    .evCon8 .gift{width: 100%;}
    .evCon8 .info_box li{font-size: 13px;}
    .evCon8 .step_box li{font-size: 13px;}
    .evCon8 .step_box li .tiny{font-size: 11px;}
    .evCon8 .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 13px;}
}