@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */

/* setting */

.main_topbelt{display:none !important}

/* banner */
.eventWrap .bncircle {position: absolute; top: 300px; right: 3%; z-index: 2;}
.eventWrap .bncircle a {display: block; cursor: pointer; border-radius: 50%;}
.eventWrap .bncircle .live a .on {display: block;}
.eventWrap .bncircle .live a .off {display: none;}
.eventWrap .bncircle .live.on a .on {display: none;}
.eventWrap .bncircle .live.on a .off {display: block;}

.eventWrap .flt_inner {position: absolute; right: 0; z-index: 100; text-align: right;}
.eventWrap .flt_inner li {margin: 0; position: relative;}
.eventWrap .flt_inner a {display: block;}
.eventWrap .flt_inner button {position: absolute; top: -2px; right: 0; width: 15px; height: 15px; font-size: 0;}

/* main */
.eventWrap .main_top {position: relative; background: #000 url(https://img.megagong.net/m/2022/0922_online/main_bg.jpg) no-repeat center 0; background-size: auto 100%; padding: 120px 0 0 0;}
.eventWrap .main_btm {background: #000;padding: 0 0 100px 0;}
.eventWrap .main h3 {margin: 0 0 180px 0;}
.eventWrap .main h3 .sub_title_top {}
.eventWrap .main h3 .main_title {margin: 5% 0;}
.eventWrap .main h3 .sub_title_mid {margin: 0 0 100px 0;}
.eventWrap .main .rsvBox {}
.eventWrap .main .rsvBox .main_date {overflow: hidden;}
.eventWrap .main .rsvBox .main_date ul {float: left;}
.eventWrap .main .rsvBox .main_date li {color: #fff; font-size: 22px; line-height: 36px; text-align: left;}
.eventWrap .main .rsvBox .main_date li span {display: inline-block; background: #ccc; color: #000; font-size: 19px; letter-spacing: 10px; text-indent: 10px; line-height: 27px; text-align: center; width: 110px; border-radius: 13.5px; margin: 0 14px 0 0;}
.eventWrap .main .rsvBox .main_date li a {display: inline-block; border: 1px solid #fff; font-size: 15px; line-height: 30px; width: 90px; text-align: center; margin: 0 0 0 14px;}
.eventWrap .main .rsvBox .main_date p {float: right;}
.eventWrap .main .rsvBox .main_date p a {display: inline-block; background: #f6913f; font-size: 22px; font-weight: bold; width: 340px; line-height: 72px;}
.eventWrap .main .rsvBox .main_date p a b {color: #f00;}
.eventWrap .main .rsvBox .main_date p a.gray {background: #747474; color: #d2d2d2;}
.eventWrap .main .rsvBox .main_caution::before {content: ''; display: block; border-bottom: 1px dashed #4a3327; width: 100%; height: 2px; margin: 60px 0 40px 0;}
.eventWrap .main .rsvBox .main_caution {}
.eventWrap .main .rsvBox .main_caution p {text-align: left;}
.eventWrap .main .rsvBox .main_caution ul {text-align: left;margin: 20px 0 0 0;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap .main .rsvBox .main_caution li {color: #7f7f7f;font-size: 14px;/* font-weight: 300; */position: relative;margin: 0 0 3px;padding: 0 0 0 10px;}
.eventWrap .main .rsvBox .main_caution li:last-child {font-weight: bold; color: #f18e3d;}
.eventWrap .main .rsvBox .main_caution li::before {content: '-'; margin: 0 6px 0 0; position: absolute; top: 0; left: 0;}

/* evCon1 */
.eventWrap .evCon1 {position: relative; background: #220f09 url(https://img.megagong.net/m/2022/0922_online/con1_bg.jpg) no-repeat center 0;;;;; ;/* background-size: 100% 100%; */; ;;;;;;;padding: 180px 0;;;;;;;;}
.eventWrap .evCon1 h4 {margin: 0 0 8% 0;}
.eventWrap .evCon1 .con_box {}
.eventWrap .evCon1 .con_box ul.list {display: flex;}
.eventWrap .evCon1 .con_box li {}

/* evCon2 */
.eventWrap .evCon2 {position: relative; background: #38231a url(https://img.megagong.net/m/2022/0922_online/con2_bg.jpg) no-repeat center 0;;;;;; ;/* background-size: 100% 100%; */; ;;;;;;;;;;;;padding: 140px 0 100px 0;;;;;;;;;;;;;}
.eventWrap .evCon2 h4 {}
.eventWrap .evCon2 .con_box {}
.eventWrap .evCon2 .con_box .teacher_wrap {margin: 60px 0;}
.eventWrap .evCon2 .con_box .teacher_wrap p:nth-child(2) {margin: 5% 0;}
/* .eventWrap .evCon2 .con_box .teacher_wrap p:nth-child(2)::before,
.eventWrap .evCon2 .con_box .teacher_wrap p:nth-child(2)::after {content: ''; display: block; width: 100%; height: 2px; background: url(https://img.megagong.net/m/2022/0922_online/con2_bar.png); margin: 60px 0;} */
.eventWrap .evCon2 .con_box .teacher_caution {background: #2e1e18;}
.eventWrap .evCon2 .con_box .teacher_caution ul {position: relative;width: 100%;padding: 40px 0 40px 24%;text-align: left;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap .evCon2 .con_box .teacher_caution ul::before {content: ''; position: absolute; top: 50%; left: 14%; transform: translateY(-50%); width: 65px; height: 65px; background: url(https://img.megagong.net/m/2022/0922_online/con2_caution.png) no-repeat;}
.eventWrap .evCon2 .con_box .teacher_caution li {color: #fff;font-weight: 300;font-size: 16px;/* line-height: 30px; */position: relative;padding-left: 20px;margin: 0 0 10px;}
.eventWrap .evCon2 .con_box .teacher_caution li b {text-decoration: underline;}
.eventWrap .evCon2 .con_box .teacher_caution li::before {content: '¡Ø'; position: absolute; top: 0; left: 0;}

/* evCon3 */
.eventWrap .evCon3 {position: relative; background: url(https://img.megagong.net/m/2022/0922_online/con3_bg.jpg) no-repeat center 0; ;;;;background-size: auto 100%;;;;; padding: 140px 0;}
.eventWrap .evCon3 h4 {margin: 0 0 70px 0;}
.eventWrap .evCon3 .con_box {}
.eventWrap .evCon3 .con_box .gift_top {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0px -50px 0 -40px;}
.eventWrap .evCon3 .con_box .gift_top .gift {flex: 1 1 33.333%;display: flex;flex-direction: column;justify-content: space-between;align-items: center; position: relative;}
.eventWrap .evCon3 .con_box .gift_top .gift .tag {position: absolute;top: 0;left: 0;width: 85px;}
.eventWrap .evCon3 .con_box .gift_top .gift3 .tag{
    top: 8%;
}
.eventWrap .evCon3 .con_box .gift_top .gift .tag img {/* width: 68px; */}
.eventWrap .evCon3 .con_box .gift_top .gift2 .tag {
    top: 8%;
}
.eventWrap .evCon3 .con_box .gift_top .gift4 {margin: 5% 50px 0 40px;}
.eventWrap .evCon3 .con_box .gift {color: #fff; font-size: 22px; text-align: center;}
.eventWrap .evCon3 .con_box .gift br.mo {display: none;}
.eventWrap .evCon3 .con_box .gift span {color: #9e9e9e; font-size: 14px; font-weight: 300; display: block;}
.eventWrap .evCon3 .con_box .gift_top .gift p {margin: 10px 0;}
.eventWrap .evCon3 .con_box .gift_top .gift1 p{margin: 44px 0 0;}
.eventWrap .evCon3 .con_box .gift_top .gift3 p{
    margin: -15px 0 0 0;
}
.eventWrap .evCon3 .con_box .gift_top .gift3 {
    /* padding: 0 0 0; */
}
.eventWrap .evCon3 .con_box .gift_top .gift3 > img {max-width: 200%;margin: 12px 0 0 194px;width: 500px;}
.eventWrap .evCon3 .con_box .gift_btm {display: flex;justify-content: space-between;align-items: flex-start;margin: 0 -32px 10% -18px;}
.eventWrap .evCon3 .con_box .gift_btm .gift {font-size: 18px;margin: 0 0 0 0;}
.eventWrap .evCon3 .con_box .gift_btm .gift8{
    margin: 0 0 0 -30px;
}
.eventWrap .evCon3 .con_box .gift_btm .gift p {margin: 25px 0 0 0;}
.eventWrap .evCon3 .con_box .gift_btm .gift5 p {/* margin: 60px 0 0 0; */}
.eventWrap .evCon3 .con_box .gift_btm .gift img {width: 100%;}
.eventWrap .evCon3 .con_box .plus {position: relative; margin: 10% 0;}
.eventWrap .evCon3 .con_box .plus::before,
.eventWrap .evCon3 .con_box .plus::after {content: ''; position: absolute; width: calc(50% - 42px); height: 1px; top: 50%; border-top: 1px dashed #7e6e67;}
.eventWrap .evCon3 .con_box .plus::before {left: 0;}
.eventWrap .evCon3 .con_box .plus::after {right: 0;}
.eventWrap .evCon3 .con_box .gift_caution_sub {background: #2a1c16; color: #fff; height: 63px; line-height: 63px; font-size: 20px; font-weight: bold; margin: 0 0 6px 0;}
.eventWrap .evCon3 .con_box .gift_caution_sub br{display: none;}
.eventWrap .evCon3 .con_box .gift_caution {background: #422d23;text-align: left;padding: 50px 10%;/* margin: 10% 0 0 0; */}
.eventWrap .evCon3 .con_box .gift_caution p {color: #fff; font-size: 20px; font-weight: bold; margin: 0 0 20px 0;}
.eventWrap .evCon3 .con_box .gift_caution ul {
    font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;
}
.eventWrap .evCon3 .con_box .gift_caution li {color: #9f9693;/* font-weight: 300; */font-size: 13px;line-height: 23px;position: relative;padding-left: 20px;}
.eventWrap .evCon3 .con_box .gift_caution li span {color: #e88a57; font-weight: bold;}
.eventWrap .evCon3 .con_box .gift_caution li a {color: #e88a57; font-weight: bold; text-decoration: underline;}
.eventWrap .evCon3 .con_box .gift_caution li::before {content: '¤ý'; position: absolute; top: 0; left: 0;}

/* evCon4 */
.eventWrap .evCon4 {position: relative; background: url(https://img.megagong.net/m/2022/0922_online/con4_bg.png) no-repeat center 0; background-size: auto 100%; top: -30px; margin: 0 0 -30px 0; ;padding: 160px 0 170px;}
.eventWrap .evCon4 h4 i {position: absolute; top: 19%; right: -8%; max-width: 18%;}
.eventWrap .evCon4 .con_box {}
.eventWrap .evCon4 .con_box .date {background: #e0530c38; color: #fff; text-align: center; line-height: 56px; border-radius: 28px; margin: 40px 0 0 0;}
.eventWrap .evCon4 .con_box .date dl {text-align: center; display: inline-block; font-size: 18px;}
.eventWrap .evCon4 .con_box .date dl::before {content: '¤ý';}
.eventWrap .evCon4 .con_box .date dt {display: inline-block; font-weight: bold;}
.eventWrap .evCon4 .con_box .date dd {display: inline-block; font-weight: 300;}
.eventWrap .evCon4 .con_box .date dt::after {content: ''; width: 1px; height: 18px; background: #fff; display: inline-block; margin: 0 10px; vertical-align: middle;}
.eventWrap .evCon4 .con_box .date dd .tiny_noti {font-size: 15px; color: #9d9d9d;}
.eventWrap .evCon4 .con_box h5 {color: #fff; font-size: 23px; font-weight: bold; position: relative; margin: 80px 0 50px 0;}
.eventWrap .evCon4 .con_box h5::before,
.eventWrap .evCon4 .con_box h5::after {content: ''; position: absolute; width: 30%; height: 1px; background: #fff; top: 50%;}
.eventWrap .evCon4 .con_box h5::before {left: 0;}
.eventWrap .evCon4 .con_box h5::after {right: 0;}
.eventWrap .evCon4 .con_box .event_gift div {
    margin: 0 0 0 -2%;
}
.eventWrap .evCon4 .con_box .event_gift div:after{display:block;content:'';clear:both}
.eventWrap .evCon4 .con_box .event_gift div span {float: left; width: 31.3%;margin: 0 0 0 2%;}
.eventWrap .evCon4 .con_box .event_way h5::before,
.eventWrap .evCon4 .con_box .event_way h5::after {width: 42%;}
.eventWrap .evCon4 .con_box .event_way .way {background: #fff; font-size: 16px;}
.eventWrap .evCon4 .con_box .event_way .way ul {display: flex; justify-content: center; align-items: center;}
.eventWrap .evCon4 .con_box .event_way .way li {flex: 1;padding: 30px 0;position: relative;}
.eventWrap .evCon4 .con_box .event_way .way li p {font-size: 18px;}
.eventWrap .evCon4 .con_box .event_way .way li p span {display: block; font-weight: bold; font-size: 15px; color: #f00;}
.eventWrap .evCon4 .con_box .event_way .way li:first-child p span {color: #000; font-size: 16px;}
.eventWrap .evCon4 .con_box .event_way .way li a {display: inline-block;}
.eventWrap .evCon4 .con_box .event_way .way li a:nth-child(2) {margin: 22px 0 6px 0;}
.eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::before,
.eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::after {content: ''; position: absolute; top: 2%; width: 1px; height: 96%; background: #000;}
.eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::before {left: 0;}
.eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::after {right: 0;}
.eventWrap .evCon4 .con_box .event_way .way li:nth-child(3)::before {content: ''; position: absolute; width: 21px; height: 15px; top: 50%; left: -5px; background: url(https://img.megagong.net/m/2022/0922_online/con4_arrow.png) no-repeat center center;}
.eventWrap .evCon4 .con_box .event_way .way li div {margin: 0 0 25px 0;}
.eventWrap .evCon4 .con_box .event_way .shareList {background: #fff; margin: 20px 0 0 0; display: flex; padding: 20px;}
.eventWrap .evCon4 .con_box .event_way .shareList a {flex: 1; display: block; background: #8f3306; border-radius: 5px; color: #fff; line-height: 40px; margin: 0 7px 0 0; font-size: 16px;}
.eventWrap .evCon4 .con_box .event_way .shareList a:last-child {margin: 0;}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common {background: #cacaca; font-family: 'NotoSans KR';}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .board_write .inp_wrap textarea,
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .board_write .inp_wrap input[type="text"] {/* height: 46px; */}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .board_write .btn_wrap a {/* height: 46px; *//* line-height: 46px; *//* margin: 0 0 0 4px; *//* font-size: 16px; *//* font-weight: 300; */}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap {text-align: left; position: relative;}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap li {position: relative; padding-left: 10px;}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap li::before {content: '*'; position: absolute; top: 0; left: 0;}
.eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap .btnUrl {position: absolute; top: 0; right: 0; font-weight: bold; font-size: 14px;}

/* event caution */
.eventWrap .event_caution {background: #dadada;overflow: hidden;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
.eventWrap .event_caution p {color: #fff; background: #000; line-height: 65px; font-weight: bold; font-size: 20px;}
.eventWrap .event_caution p.btn {margin: 0 0 100px 0;}
.eventWrap .event_caution ul {text-align: left; padding: 50px 0;}
.eventWrap .event_caution li {color: #181818;/* font-weight: 300; */font-size: 14px;line-height: 28px;position: relative;padding-left: 20px;}
.eventWrap .event_caution li.bold {font-weight: bold;}
.eventWrap .event_caution li a {color: #f00; font-weight: bold; text-decoration: underline;}
.eventWrap .event_caution li::before {content: '¤ý'; position: absolute; top: 0; left: 0;}



/* Æ˾÷ */
.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 Æ˾÷ */
.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://img.megagong.net/m/common/pop_close2.png) no-repeat center center;font-size: 0;width: 26px;height: 26px;}



@media screen and (max-width: 1200px){
    .eventWrap .inner {width: 96%;}
    .eventWrap img{width:100%;}
    .eventWrap .bncircle {max-width: 18%;top: 5vw;}
    .eventWrap .evSection .con_tit img {width: 100%;}

    /* main */
    .eventWrap .main_top {background-size: auto 100%;padding: 14% 0 10% 0;}
    .eventWrap .main h3 {margin:4% 0 0;}
    .eventWrap .main .main_title img {width: 80%;}
    .eventWrap .main .sub_title_top img {width: 70%;}
    .eventWrap .main h3 .sub_title_mid {margin: 0 0 10% 0;}
    .eventWrap .main .sub_title_btm {margin-top:5%;}
    .eventWrap .main .sub_title_btm img {width: 80%;}
    .eventWrap .main .rsvBox {/* margin-top: 15%; */}
    .eventWrap .main .rsvBox .main_date {margin-bottom: 4%;}
    .eventWrap .main .rsvBox .main_date p {width:31%;}
    .eventWrap .main .rsvBox .main_date p a {width:100%;}
    .eventWrap .main .rsvBox .main_caution p img {width: auto; padding-left:10px;}
    .eventWrap .main .rsvBox .main_caution ul li { font-size:13px;padding-left:10px; margin-bottom:7px;}


    .eventWrap .evCon1 {padding: 10% 0;}
.eventWrap .main{
    padding: 0 0 8%;
}
    .eventWrap .evCon2 {padding: 10% 0;}
    .eventWrap .evCon2 h4{
    padding: 0 13%;
}
.eventWrap .evCon2 .con_box .teacher_wrap p:nth-child(1) {padding: 0 10%;}
    .eventWrap .evCon2 .con_box .teacher_caution ul::before{
    left: 31px;
    width: 30px;
    background-size: 100%;
    top: 20px;
    transform: none;
}

    .eventWrap .evCon2 .con_box .teacher_caution ul{padding: 15px 30px 20px 80px;}

    .eventWrap .evCon3 {padding: 10% 0 14% 0;}
    .eventWrap .evCon3 .con_tit {padding: 0 11%;margin: 0 0 5%;}
    .eventWrap .evCon3 .con_tit img {width: 70%;}
    .eventWrap .evCon3 .con_box .gift_top{margin:0}
   .eventWrap .evCon3 .con_box .gift_top .gift1 {flex: 1 1 100%;margin: 0px 20%;}
    .eventWrap .evCon3 .con_box .gift_top .gift .tag{
    width: 10vw;
}
    .eventWrap .evCon3 .con_box .gift_top .gift1 p{
    margin: 10px 0 0;
}
    .eventWrap .evCon3 .con_box .gift_top .gift1 .tag{left: 7%;}
    .eventWrap .evCon3 .con_box .gift_top .gift4 {flex: 1 1 100%;margin: 5% 50px 0 40px;}
    .eventWrap .evCon3 .con_box .gift_top .gift2{flex: 1 1 42%;}
    .eventWrap .evCon3 .con_box .gift_top .gift3 {flex: 1 1 57%;padding: 0 0 0 1%;}
    .eventWrap .evCon3 .con_box .gift_top .gift3 > img {margin: 4% 0 -7% 30%;width: 129%;}
    .eventWrap .evCon3 .con_box .gift_btm {flex-wrap: wrap;margin: 0 0 5% 0;}
    .eventWrap .evCon3 .con_box .gift_btm .gift {flex: 1 1 50%;margin: 0 0 2% 0;}
    .eventWrap .evCon3 .con_box .gift_top .gift4 .tag {
    top: -10%;
    left: -3%;
}
    .eventWrap .evCon3 .con_box .plus img{width:auto}
    .eventWrap .evCon3 .con_box .gift_top .gift3 p{
    margin: 0;
}
    .eventWrap .evCon3 .con_box .gift_top .gift2 p{
    margin: 0 0 0;
}
    .eventWrap .evCon3 .con_box .gift_caution {padding: 3% 5%;}
    /* evCon4 */
 .eventWrap .evCon4{padding:15% 0}
    .eventWrap .evCon4 .con_tit img{
    max-width: 100%;
}
    .eventWrap .evCon4 .con_box .date {border-radius: 56px; padding: 10px 0;}
    .eventWrap .evCon4 .con_box .date dl {display: block; line-height: 36px;}
    .eventWrap .evCon4 .con_box .event_way .way li div img {width: auto;}
    .eventWrap .evCon4 .con_box .event_way .evtBoard_common .board_write .btn_wrap a {margin: 0;}
    .eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap {margin: 20px 0 40px 0;}
 .eventWrap .evCon4 .con_box .event_way .shareList {flex-wrap: wrap;}
    .eventWrap .evCon4 .con_box .event_way .shareList a {flex: 1 1 20%;/* font-size: 11px; */margin: 5px 7px 5px 0;font-size: 14px;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:nth-child(4) {margin-right: 0;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:last-child {margin: 5px 0;}
    .eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap .btnUrl{
    position: relative;
    top: inherit;
    right: inherit;
    display: block;
    border: 1px solid #000;
    border-radius: 20px;
    margin: 10px 0 0;
    padding: 5px 12px;
}   
    .dim_popup.sns .btnConfirm img {width: auto;}

    .eventWrap .event_caution p {font-size: 14px; line-height: 40px;}
}

@media (max-width: 992px){

    .eventWrap .evSection h3 img {width: 70%;}
    .eventWrap .evSection h3 .sub_title_mid img {width: 100%;}
    .eventWrap .evSection h4 img {max-width: 80%;}

    .eventWrap .evCon2 .con_box .teacher_caution li {font-size: 12px;}

    .eventWrap .evCon3 .con_box .gift_top .gift3 .tag {/* top: 2%; *//* left: -12%; */}
    .eventWrap .evCon3 .con_box .gift_top .gift3 .tag img {/* padding: 0 9%; */}
    .eventWrap .evCon3 .con_box .gift,
    .eventWrap .evCon3 .con_box .gift_btm .gift {font-size: 16px;}
    .eventWrap .evCon3 .con_box .gift span {font-size: 12px;}
    .eventWrap .evCon3 .con_box .gift br.mo {display: block;}
    .eventWrap .evCon3 .con_box .gift_caution_sub {font-size: 16px; height: 40px; line-height: 40px;}

    .eventWrap .evCon4 .con_box .event_way .shareList a {font-size: 13px;}
    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}
    
    .eventWrap .event_caution p {font-size: 14px;line-height: 40px;}
}

@media (max-width: 768px){

    /* main */
    .eventWrap .main {background-size: auto 120%;}
    .eventWrap .main .rsvBox {margin-top: 8%;}
    .eventWrap .main .rsvBox .main_date li {font-size: 14px; line-height: 28px;}
    .eventWrap .main .rsvBox .main_date li span {font-size: 14px; line-height: 24px; width: 80px;}
    .eventWrap .main .rsvBox .main_date li a {font-size: 12px; line-height: 20px; width: 64px;}
    .eventWrap .main .rsvBox .main_date p {width: 100%; margin-top: 3%; }
    .eventWrap .main .rsvBox .main_date p a {font-size: 20px; line-height: 40px;}
    .eventWrap .main .rsvBox .main_caution::before {margin: 2% 0 4%;}
    .eventWrap .main .rsvBox .main_caution p img {width: 220px;}
    .eventWrap .main .rsvBox .main_caution ul li {font-size: 11px;}

    /* evCon1 */
    .eventWrap .evCon1 {padding: 14% 0;}
    /* evCon2 */
    .eventWrap .evCon2 {padding: 14% 0;}
    
    /* evCon3 */
    .eventWrap .evCon3 .con_box .gift_caution_sub {font-size: 14px; height: 60px; line-height: 1.4; padding: 10px 0 0 0;}
    .eventWrap .evCon3 .con_box .gift_caution_sub br{display: block;}
    
    .eventWrap .evCon4 .con_box .event_way .way ul {flex-direction: column;}
    .eventWrap .evCon4 .con_box .event_way .way li {padding: 15px 0;}
    .eventWrap .evCon4 .con_box .event_way .way li div{
    margin: 0 0 8px;
}
    .eventWrap .evCon4 .con_box .event_way .way li:nth-child(1) a {width: 48%;}
    .eventWrap .evCon4 .con_box .event_way .way li:nth-child(1) img {/* width: 80%; */}
    .eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::before, .eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::after {width: 160%; height: 1px; left: -30%;}
    .eventWrap .evCon4 .con_box .event_way .way li:nth-child(2)::after {top: 100%;}
    .eventWrap .evCon4 .con_box .event_way .way li:nth-child(3)::before {transform: rotate(90deg) translate(-20%, 50%); top: 0; left: 50%;}
    .eventWrap .evCon4 .con_box .event_way .way li p {font-size: 13px;}
    .eventWrap .evCon4 .con_box .event_way .way li p span {font-size: 12px;}
    .eventWrap .evCon4 .con_box .event_way .way li p br:nth-child(1),
    .eventWrap .evCon4 .con_box .event_way .way li p br:nth-child(3){display: none;}
    .eventWrap .evCon4 .con_box .event_way .way li p br.mo {display: block;}
}

@media (max-width: 576px){
    .eventWrap .main {background-size: auto 160%;}
    .eventWrap .main .rsvBox .main_date p a {font-size: 16px; line-height: 30px;}

    .eventWrap .evCon2 .con_box .teacher_caution ul::before{
    left: 10px;
    width: 26px;
}
    .eventWrap .evCon2 .con_box .teacher_caution ul {padding: 10px 0 10px 47px;}
    .eventWrap .evCon2 .con_box .teacher_caution li {font-size: 11px;margin: 0 0 3px;}
    .eventWrap .evCon2 .con_box .teacher_wrap{
    margin: 30px 0 30px;
}

    
    /* evCon3 */
    .eventWrap .evCon3 .con_box .gift_top .gift .tag {/* width: 50px; *//* height: 50px; *//* top: -1%; */width: 14vw;/* left: -1%; */}
    .eventWrap .evCon3 .con_box .gift_top .gift2 .tag{
    top: 0%;
}
    .eventWrap .evCon3 .con_box .gift_top .gift3 .tag {/* top: -11%; *//* left: -7%; */top: 0;}
    .eventWrap .evCon3 .con_box .gift_top .gift4 .tag {top: -16%;left: 0%;}
    .eventWrap .evCon3 .con_box .gift_top .gift1 {margin: 0 20% 5%;}
    .eventWrap .evCon3 .con_box .gift_top .gift3 img {/* max-width: 120%; *//* width: 120%; *//* margin: 0 0 -14% 23%; */}
    .eventWrap .evCon3 .con_box .gift, .eventWrap .evCon3 .con_box .gift_btm .gift {font-size: 13px;}
    .eventWrap .evCon3 .con_box .gift_top .gift {/* flex: 1 1 50%; */}
    .eventWrap .evCon3 .con_box .gift_top .gift4{
    margin: 6% 0 0;
}
    .eventWrap .evCon3 .con_box .gift_top .gift1{
    margin-bottom: 0;
}
    .eventWrap .evCon3 .con_box .gift_btm .gift p {margin: 0 0 20px;}
    .eventWrap .evCon3 .con_box .gift_btm .gift5 p {margin: 18px 0 37px 0;}

    .eventWrap .evCon3 .con_box .gift_caution {padding: 20px 10px 20px 15px;}
    .eventWrap .evCon3 .con_box .gift_caution p {font-size: 13px;margin: 0 0 10px;}
    .eventWrap .evCon3 .con_box .gift_caution li {font-size: 11px; line-height: 20px; padding-left: 14px;}

    .eventWrap .evCon4 .con_box .date dl {font-size: 14px; line-height: 20px;}
    .eventWrap .evCon4 .con_box .date dd .tiny_noti {font-size: 10px;}
    .eventWrap .evCon4 .con_box h5 {font-size: 16px;margin: 30px 0 20px;}
    .eventWrap .evCon4 .con_box h5::before, .eventWrap .evCon4 .con_box h5::after {width: 12%;}
    .eventWrap .evCon4 .con_box .event_way h5::before, .eventWrap .evCon4 .con_box .event_way h5::after {width: 38%;}
    .eventWrap .evCon4 .con_box .event_way .shareList {flex-wrap: wrap;padding: 15px 15px;}
    .eventWrap .evCon4 .con_box .event_way .shareList a {flex: 1 1 31.3%; margin: 5px 1% 5px 0;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:nth-child(3) {margin: 5px 0 5px;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:nth-child(4) {flex: 1 1 49%; margin: 5px 1% 5px 0;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:nth-child(5) {flex: 1 1 49%; margin: 5px 0;}
    .eventWrap .evCon4 .con_box .event_way .shareList a:last-child {margin: 5px 0;}
    .eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap {font-size: 12px;}
    .eventWrap .evCon4 .con_box .event_way .evtBoard_common .info_wrap .btnUrl {/* top: 100%; *//* margin: 10px 0 0 0; */font-size: 13px;width: 100%;}
.eventWrap .evCon4 .con_box .event_gift div span{
    width: 48%;
}

    .eventWrap .evCon4 .con_box .event_gift div span:nth-child(1){
    margin: 0 0 5% 27%;
}

    .eventWrap .evCon4 .con_box .event_gift div span:nth-child(2){clear: both;}
    .eventWrap .event_caution li {font-size: 11px; line-height: 20px; padding-left: 16px;}

    .dim_popup.sns{width:90%}
}