@charset "euc-kr";


/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* 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; 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; } 



/* evCon_share */
.evCon_share .con_tit .end{
    right: -170px;
    top: -60px;
}
.evCon_share .con_tit .end::after{background-color: #000;}
.evCon_share {padding: 150px 0;background: linear-gradient(180deg, black, #f66eff 0%, #0189fe 100%);} 
.evCon_share .event_stit {} 
.evCon_share .con_tit {margin-bottom: 30px;font-size: 48px;color: #fff;line-height: 1.3;font-weight: 900;} 
.evCon_share .con_tit span{color: #000;}
.evCon_share .main_text {font-size: 20px;font-weight: 300;line-height: 1.5;margin-bottom: 45px;color:#fff} 
.evCon_share .main_text strong {font-weight: bold;color:#000} 
.evCon_share .main_text b {color: #ffd087;} 
.evCon_share .guide_head {position: relative;margin-bottom: 25px;color: #fff;margin-top: 80px;} 
.evCon_share .guide_head::before {content:'';position: absolute;top: 50%;left: 0;width: calc(100% - 625px);height: 1px;background: #fff;} 
.evCon_share .guide_head::after {content:'';position: absolute;top: 50%;right: 0;width: calc(100% - 625px);height: 1px;background: #fff;} 
.evCon_share .guide_head strong {position: relative;font-size: 26px;padding: 0 35px;line-height: 1;} 
.evCon_share .guide_head strong::before {content:'';position: absolute;top: 50%;left: -1px;width: 1px;height: 14px;background: #fff;margin: -5px 0 0;} 
.evCon_share .guide_head strong::after {content:'';position: absolute;top: 50%;right: -1px;width: 1px;height: 14px;background: #fff;margin: -5px 0 0;} 
.evCon_share .container_info{background: #fff;}
.evCon_share .container_info .info .info_date{}
.evCon_share .container_info .info .info_date{font-weight: normal;}
.evCon_share .container_info .info .info_date .tiny_noti{
    color: #0189fe;
    padding: 0 0 0 10px;
}
.evCon_share .step_wrapper {display: flex;flex-direction: row;align-items: flex-start;justify-content: center;gap: 13px;} 
.evCon_share .step_wrapper .step {flex: 1;height: 555px;position: relative;display: flex;justify-content: flex-start;align-items: stretch;background: #fff;flex-direction: column;border-radius: 10px;padding: 50px 25px 0;} 
.evCon_share .step_wrapper .step > img { margin-bottom: 15px; } 
.evCon_share .step_wrapper .step .step_title {line-height: 1.3;color: #111111;font-size: 18px;font-weight: normal;} 
.evCon_share .step_wrapper .step .tit {font-size: 20px;margin: 0 0 28px;font-weight: 900;} 
.evCon_share .step_wrapper .step .tit i{font-size: 15px;display:block;font-style: normal;margin: 0 0 7px;color: #fc1ddb;} 
.evCon_share .step_wrapper .step .info{
    text-align: left;
    padding: 30px 0 0;
    font-size: 15px;
    color: #888;
    line-height: 1.5;
}
.evCon_share .step_wrapper .step .info li{
    text-indent: -12px;
    padding-left: 12px;
}
.evCon_share .step_wrapper .step .info li strong{
    color: #000;
}
.evCon_share .step_wrapper .step .info li a{display:inline-block;text-indent: 0;color: #000;font-weight: bold;text-decoration: underline;display: block;width: 92px;}

.evCon_share .step_wrapper .step .tiny_noti {color: #8441ff;font-size: 13px;margin: 15px 0 0;} 
.evCon_share .step_wrapper .step:nth-of-type(2) { border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; } 
.evCon_share .step_wrapper .arrow {position: absolute;right: -25px;top: 50%;transform: translateY(-50%);z-index: 1;} 
.evCon_share .event_btn_wrap {display: flex;justify-content: center;align-items: center;gap: 30px;margin-bottom: 110px;} 
.evCon_share .shareList ul {border-radius: 0;} 
.evCon_share .shareList ul li dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 0 0 175px;
    gap: 10px;
} 
.evCon_share .shareList ul li dl dt {} 
.evCon_share .shareList ul li dl dd {} 
.evCon_share .shareList ul li dl.sns dt {background-color: #8649f5;} 
.evCon_share .shareList ul li dl.naver dt {background-color: #cd66db;} 
.evCon_share .shareList ul li dl.daum dt { background-color: #fee600; color: #000; } 
.evCon_share .shareList ul li dl.etc dt { background-color: #a9a9a9; } 
.evCon_share .shareList ul li dl.sns dd,.shareList ul li dl.naver dd,.shareList ul li dl.daum dd,.shareList ul li dl.etc dd {border: 1px solid #c4c4c4;color: #888;flex: 1;width: auto;float: none;margin: 0;} 
.evCon_share .evtBoard_common {border-radius: 0;background: #ececec;} 
.evCon_share .eventBoard .evtBoard_common .evtBoard_inner { padding: 40px; } 
.evCon_share .evtBoard_common .board_write {/* padding: 0 160px 0 0; */border: 1px solid #000;} 
.evCon_share .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] {/* height: 60px; */} 
.evCon_share .evtBoard_common .board_write .btn_wrap {/* width: 160px; */margin: 0;} 
.evCon_share .evtBoard_common .board_write .btn_wrap a {/* font-family: 'NotoSans KR'; *//* height: 60px; *//* line-height: 60px; */} 
.evCon_share .eventBoard .evtBoard_common .info_wrap .tip_list { font-size: 13px; color: #777777; } 
.evCon_share .eventBoard .evtBoard_common .info_wrap .tip_list .point_tip {color: #8441ff;} 
.evCon_share .eventBoard .evtBoard_common button.btnUrl {color: #8441ff;font-size: 15px;font-family: 'NotoSans KR';text-decoration: underline;} 
.evCon_share .event_btn a { display: block; } 
.evCon_share .gift {display: flex;justify-content: center;flex-direction: row;align-items: center;} 
.evCon_share .gift li { } 

.evCon_share .tag_wrap{font-size: 18px;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;background: #ffffff17;padding: 20px 0;gap: 40px;font-weight: normal;/* border-radius: 3px; */margin: 0 0 10px;}
.evCon_share .tag_wrap dt {background-color: #000;border-radius: 30px;color:#fff;padding: 3px 30px;font-weight: bold;}
.evCon_share .tag_wrap dd {}


.warningList .f_dash.f_strong li { font-weight: 400; } 
.warningList .f_dash.f_strong { margin-top: 15px; } 
.warningList li ul li a.tp1 { background-color: transparent; color: #8649f5; text-decoration: underline; padding: 2.5px 3px; } 
.evtoggleWarning p.w_tit i{vertical-align: middle;}







@media (max-width: 1200px){

    .evCon_share .con_tit .end{
    top: 0;
    right: 0;
}
.evCon_share {
    padding: 15% 0;
} 
.evCon_share .event_stit {
    margin: 0 32%;
} 
.evCon_share .con_tit {margin-bottom: 3%;font-size: 4.8vw;} 
.evCon_share .con_tit span{}
.evCon_share .main_text {font-size: 2vw;margin-bottom: 5%;} 
.evCon_share .main_text strong {/* color: #fff; */font-weight: bold;} 
.evCon_share .main_text b {color: #ffd087;} 
.evCon_share .guide_head {margin-bottom: 20px;mar;margin-top: 40px;} 
.evCon_share .guide_head::before {width: calc(100% - 50% - 85px);height: 1px;background: #fff;} 
.evCon_share .guide_head::after {content:'';position: absolute;top: 50%;right: 0;width: calc(100% - 50% - 85px);height: 1px;background: #fff;} 
.evCon_share .guide_head strong {font-size: 25px;} 
.evCon_share .guide_head strong::before {content:'';position: absolute;top: 50%;left: -1px;width: 1px;height: 14px;background: #fff;margin: -5px 0 0;} 
.evCon_share .guide_head strong::after {content:'';position: absolute;top: 50%;right: -1px;width: 1px;height: 14px;background: #fff;margin: -5px 0 0;} 
.evCon_share .container_info{}
.evCon_share .container_info .info .info_date{}
.evCon_share .container_info .info .info_date .tiny_noti{
    padding: 0 0 0 5px;
}

.evCon_share .event_btn_wrap {
    gap: 10px;
    margin: 0 0 12%;
} 
.evCon_share .shareList ul {} 
.evCon_share .eventBoard .evtBoard_common .evtBoard_inner {
    padding: 3%;
} 
.evCon_share .evtBoard_common .board_write {} 
.evCon_share .eventBoard .evtBoard_common button.btnUrl {font-size: 13px;} 
.evCon_share .event_btn a { display: block; } 
.evCon_share .gift {} 
.evCon_share .gift li { } 

    .evCon_share .shareList ul li dl{padding: 0 0 0 20%;}
.evCon_share .shareList ul li dl.sns dd, .shareList ul li dl.naver dd, .shareList ul li dl.daum dd, .shareList ul li dl.etc dd{}

    .evCon_share .step_wrapper {gap: 8px;} 
.evCon_share .step_wrapper .step {height: 505px;padding: 20px 15px 0;} 
.evCon_share .step_wrapper .step > img { margin-bottom: 15px; } 
.evCon_share .step_wrapper .step .step_title {line-height: 1.3;color: #111111;font-size: 18px;font-weight: normal;} 
.evCon_share .step_wrapper .step .tit {font-size: 18px;margin: 0 0 13px;} 
.evCon_share .step_wrapper .step .tit i{font-size: 13px;margin: 0 0 2px;color: #fc1ddb;} 
.evCon_share .step_wrapper .step .info{
    padding: 15px 0 0;
    font-size: 14px;
}
.evCon_share .step_wrapper .step .info li{
    text-indent: -12px;
    padding-left: 12px;
}
.evCon_share .step_wrapper .step .info li br{display:none}
.evCon_share .step_wrapper .step .info li strong{
    color: #000;
}
.evCon_share .step_wrapper .step .info li a{text-indent: 0;color: #000;font-weight: bold;text-decoration: underline;}
.evCon_share .step_wrapper .step .tit + img{width:100%}
}


@media (max-width:992px){



.clickPop { padding: 15px 0 20px; } 
.dim_popup.sns .tit { font-size:22px } 
.dim_popup.sns table { font-size:12px } 


}



@media (max-width:768px){

.evCon_share .guide_head strong{font-size:17px}
    .evCon_share .guide_head::before{
    width: calc(100% - 50% - 67px);
}
    .evCon_share .guide_head::after{
    width: calc(100% - 50% - 67px);
}

    .evCon_share .shareList ul li dl{padding:0}
.evCon_share .shareList ul li dl dt{margin:0}

    .evCon_share .tag_wrap{font-size:14px;gap:20px}

    .evCon_share .step_wrapper {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        margin: 0 0 20px;
    } 
        .evCon_share .step_wrapper .step{height: auto;padding: 5% 22%;}
    .evCon_share .step_wrapper .step > img {} 
    .evCon_share .step_wrapper .step .step_title {
        font-size: 16px;
    } 
    .evCon_share .step_wrapper .step .tiny_noti {
        margin: 5px 0 0;
    } 
    .evCon_share .step_wrapper .step:nth-of-type(2) {} 
    .evCon_share .step_wrapper .arrow {
        display: none;
    } 
    .evCon_share .step_wrapper .step .tit{
    font-size: 15px;}
    .evCon_share .step_wrapper .step .tit + img{/* max-width: 350px; */}
}


@media (max-width:576px){
    
    .dim_popup.sns { width:90% } 
.evCon_share .con_tit{font-size: 6.7vw;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.evCon_share .guide_head strong{}
.evCon_share .main_text{font-size: 3.4vw;}
    .evCon_share .gift{
}
    .evCon_share .gift li{}
    .evCon_share .gift li:nth-child(1){}
    .evCon_share .step_wrapper .step .step_title{
    font-size: 14px;
}
.evCon_share .event_btn a {overflow:hidden} 
.evCon_share .event_btn a img{width: 130%;max-width: 130%;margin: 0 0 0 -15%;} 
    .evCon_share .tag_wrap{font-size:14px;gap:10px}
    .evCon_share .tag_wrap dt {padding:5px 15px}
    .evCon_share .step_wrapper .step{
    padding: 5% 6%;
}
    .evCon_share .step_wrapper .step .info{font-size:13px}
    .evCon_share .step_wrapper .step .tit + img{width:250px}
}