@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap .cont_pay .wrap_content{position:relative;width:1000px;margin:0 auto}
.eventWrap{width:100%;/* text-align:center; */position:relative;font-family:'Malgun Gothic','¸¼Àº °íµñ', 'NotoSans KR',sans-serif;line-height: 1.4;letter-spacing: -0.06em;overflow:hidden;}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;padding: 0;text-align: center;}
.eventWrap .inner:after{content:""; display:block; clear:both; }
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
#superRight_bnr_n0129 {display:none;}

/* quick_flt */
.flt_inner {position: absolute;text-align: center;top:100px;right:0;z-index: 15;}
.flt_inner a {display:block; position:relative; }
.flt_inner a+a {margin-top:8px;}
.flt_inner a.top {margin-top:0;}

/* visual_top */
.visual_top {border-bottom:2px solid #08ff36;background:#242424 url(https://img.megagong.net/m/2021/0526_mok/visual_bg.png) no-repeat center;background-size:auto 100%;}
.visual_top .inner {padding:99px 0 202px;}
.visual_top .inner .s_tit {text-align:left;}
.visual_top .inner .s_tit:before {content:none;}
.visual_top .inner h3 {margin-top:89px;}
.visual_top .inner .date {margin-top:63px;}
.visual_top .inner .btn {position:relative;display:inline-block;margin-top:83px;}
.visual_top .inner .btn .end {position:absolute;top:-30px;right:-30px;}
.visual_top .inner .tab_nav {position:absolute;bottom:0;left:0;right:0;margin:0 auto;font-size:0;}
.visual_top .inner .tab_nav li {display:inline-block;width:calc(33.3333% - 8px);border-top-left-radius: 10px;border-top-right-radius: 10px;overflow:hidden;}
.visual_top .inner .tab_nav li+li {margin-left:12px;}
.visual_top .inner .tab_nav li a {display:block;font-size:26px;line-height:90px;color:#131b15;background:#27362a;}
.visual_top .inner .tab_nav li.on a {font-weight:bold;background:#08ff36;color:#000000;}


/* tab_wrap */
.tab_wrap .tab_cont {display: none;background:#111;}
.tab_wrap .tab_cont.on {display: block;}

/* con1 */
.con1 {background:#111 url(https://img.megagong.net/m/2021/0526_mok/con1_bg.png) no-repeat bottom center;background-size:auto 100%;}
.con1 .inner h3 {text-align:left;}
.con1 .inner .list {margin-top:40px;}

/* con2 */
.con2 {background:#111111;}
.con2 .inner {padding-bottom:130px;text-align: left;}
.con2 .inner h3 {text-align:left;}
.con2 .inner .guide_box1,
.con2 .inner .guide_box2, 
.con2 .inner .cautn_box {margin-top:84px;}
.con2 .inner .cautn_box {position:relative;padding:0 40px 0 20px;}
.con2 .inner .cautn_box h4 {position:absolute;top:0;left:0;transform: translateY(-50%);background:#111;}
.con2 .inner .cautn_box ol {padding:56px 40px 37px 20px;border-top:1px solid rgba(255, 255, 255, .3);border-bottom:1px solid rgba(255, 255, 255, .3);}
.con2 .inner .cautn_box ol li {position:relative;padding-left:15px;font-weight:300;font-size:16px;line-height:1.68;color:#eaeaea;}
.con2 .inner .cautn_box ol li span {position:absolute;top:0;left:0;}
.con2 .inner .mok_app_btn {margin-top:80px;overflow:hidden;padding:0 40px;}
.con2 .inner .mok_app_btn .pr_img {float:left;}
.con2 .inner .mok_app_btn a {position:relative;float:left;}
.con2 .inner .mok_app_btn a .end {position:absolute;top: 24%;right: 9%;max-width: 45%;}
.con2 .inner .mok_app_btn a .app_finish {display:none;}
.con2 .inner .mok_app_btn a.mok_app_finish .app_start {display:none;}
.con2 .inner .mok_app_btn a.mok_app_finish .app_finish {display:block;}

/* event1 */
.evt1 {background:#003d29;}
.evt1 .inner {padding:52px 40px 130px;}
.evt1 .inner h3 {position:relative;}
.evt1 .inner h3 .evt_end {position:absolute;bottom: -5%;right: 10%;max-width: 16%;}
.evt1 .inner .img {margin-top:50px;padding:79px 0 60px;background:#fff;box-shadow: 20px 20px 20px rgba(0, 0, 0, .2);}

/* event2 */
.evt2 {background:#07583d;}
.evt2 .inner {padding:52px 0 130px;}
.evt2 .inner h3 {position:relative;}
.evt2 .inner h3 .evt_end {position:absolute;bottom: -5%;right: 10%;max-width: 16%;}
.evt2 .inner .data {margin-top:36px;}
.evt2 .inner .gift {position:relative;z-index:1;margin-top:48px;}
.evt2 .inner .gift:before {content:'';position:absolute;z-index:-1;top:-20px;bottom:44px;left:-100%;right:-100%;background:url(https://img.megagong.net/m/2021/0526_mok/gift_bg.png) no-repeat center;background-size:100% 100%;}
.evt2 .inner .way_list {position:relative;margin-top:81px;padding:64px 39px;border:1px solid #000;background:#0d4734;border-radius: 20px;}
.evt2 .inner .way_list h4 {position:absolute;top:0;left:50%;transform: translate(-50%, -50%);}
.evt2 .inner .way_list .btns {position:absolute;bottom:0;left:0;width:100%;transform: translateY(50%);font-size:0;text-align: center;}
.evt2 .inner .way_list .btns a {display:inline-block;margin:0 15px;background:transparent;padding:0;width: auto;text-align: inherit;}
.evt2 .inner .sns_list {margin-top:95px;padding:33px 0 19px;border:1px solid #000;background:#0d4734;}
.evt2 .inner .sns_list ul {font-size:0;}
.evt2 .inner .sns_list ul li {display:inline-block;margin:0 32px;}
.evt2 .inner .sns_list ul li .icon {display:inline-block;}
.evt2 .inner .sns_list ul li strong {display:block;font-weight:300;font-size:13px;color:#fff;padding: 9px 0;}

.evt2 .inner .evtBoard_common{ position: relative; background: #ffffff; padding: 40px 0; border-top:none; }
.evt2 .inner .evtBoard_common .board_notice{position:relative}
.evt2 .inner .evtBoard_common .board_notice li{ color:#666; opacity: 1; font-size: 13px; }
.evt2 .inner .evtBoard_common .board_write {padding: 0 134px 0 0;margin: 0 40px 14px;}
.evt2 .inner .evtBoard_common .board_write .inp_wrap textarea,
.evt2 .inner .evtBoard_common .board_write .inp_wrap input[type="text"]{ background: #ececec; height: 60px; border: 2px solid #2a2a2a; color:#222; overflow-y:hidden; }
.evt2 .inner .evtBoard_common .board_write .btn_wrap {width:134px;}
.evt2 .inner .evtBoard_common .board_write .btn_wrap a{height: 60px;line-height: 60px;}
.evt2 .inner .evtBoard_common .board_list ul li span{ word-break:break-all; }
.evt2 .inner .btnUrl { float:right; margin-right:30px; display:block; width:154px; height:20px; border-radius:10px; border:1px solid #d511d9; box-sizing:border-box; line-height:18px; text-align:center; color:#d511d9; font-weight:700; font-size:12px; z-index:3; position:relative; }

/* À¯ÀÇ»çÇ× */
.evt_cautn {background:#fff;}
.evt_cautn h3 {background:#b4b4b4;font-weight:bold;font-size:20px;line-height:60px;color:#000;text-align:center;}
.evt_cautn h3 span {display:block;width:1080px;margin:0 auto;}
.evt_cautn h3 span img {margin-left:12px;margin-top: -3px;transform: rotate(-180deg);}
.evt_cautn h3.on span img {transform: rotate(0deg);}
.evt_cautn h3.on + .inner {display:block;}
.evt_cautn .inner {display:none;text-align:left;padding:60px 0 65px;}
.evt_cautn .inner .cautn_txt+.cautn_txt {margin-top:23px;}
.evt_cautn .inner .cautn_txt h4 {margin-bottom:5px;font-weight:bold;font-size:16px;line-height:1.8;color:#000000;}
.evt_cautn .inner .cautn_txt ol li+li {margin-top:5px;}
.evt_cautn .inner .cautn_txt ol li strong {font-weight:bold;font-size:14px;line-height:1.57;color:#000000;}
.evt_cautn .inner .cautn_txt ol li p {padding-left:10px;position:relative;font-size:14px;line-height:2;color:#000000;font-weight:300;}
.evt_cautn .inner .cautn_txt ol li p:before {content:'-';position:absolute;top:0;left:0;}
.evt_cautn .inner .cautn_txt ol li p a {font-weight:bold;color:#019747;}
.evt_cautn .inner .cautn_txt ol li p a.qna_link {font-weight:bold;font-size:14px;color:#d511d9;text-decoration: underline;}
.evt_cautn .inner .cautn_txt ol li table {margin:5px 0;width:690px}
.evt_cautn .inner .cautn_txt ol li table tr th,
.evt_cautn .inner .cautn_txt ol li table tr td {font-weight:bold;font-size:14px;color:#000000;text-align:center;line-height:34px;border:1px solid #d2d2d2;}
.evt_cautn .inner .cautn_txt ol li table tr th {width:300px;background:#eeeeee;}

/* url popup */
.clickPop{width: 490px;background:#fff;border:1px solid #000;padding: 40px 10px 20px;position:fixed;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dim_popup.clickPop .tit{text-align:center;margin: 0 0 10px;padding: 0 15px;font-size: 23px;font-weight: bold;}
.dim_bnrwrp_wrap table{font-size: 14px;}
.dim_bnrwrp_wrap table tr th, .eventWrap .dim_bnrwrp_wrap table tr td{padding: 8px 5px;border: 1px solid #ddd;}
.dim_bnrwrp_wrap table tr th{border-color:#fff}
.dim_bnrwrp_wrap table tr th{background:#eaeaea}
.dim_bnrwrp_wrap .dim_popup table tr th, .eventWrap .dim_bnrwrp_wrap .dim_popup table tr td{word-break: break-all;text-align: center;}
.dim_bnrwrp_wrap .dim_popup table tr td.con{text-align:left}
.dim_popup.clickPop .btnConfirm{text-align:center;margin: 40px 0 0 0;}
.dim_popup.clickPop .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;margin: 0;}


@media (max-width: 1200px){
    .eventWrap .inner {width: 96%;}
    .eventWrap .flt_inner{ display: none}

    /* url popup */
    .clickPop { width:95%; max-width:480px; }
    .dim_bnrwrp_wrap .dim_popup{padding: 20px 10px 10px;box-sizing: border-box;}
    .dim_popup.clickPop .tit{font-size: 15px;}
    .dim_bnrwrp_wrap table{font-size:13px}
    .dim_popup.clickPop .btnConfirm img{width:90px}

    /* visual_top */
    .visual_top .inner {padding:10% 0 20%;}
    .visual_top .inner .s_tit img {width:30%;}
    .visual_top .inner h3 {margin-top:9%;}
    .visual_top .inner h3 img {width:70%;}
    .visual_top .inner .date {margin-top:6%;}
    .visual_top .inner .date img {width: 80%;}
    .visual_top .inner .btn {margin-top:8%;width:41%;}
    .visual_top .inner .btn .end {top: -38%;right: -6%;max-width: 17%;}

    /* con1 */
    .con1 .inner h3 img {width:75%;}
    .con1 .inner .list {margin-top:4.4%;}
    .con1 .inner .list img {width:100%;}

    /* con2 */
    .con2 .inner {padding-bottom:13%;}
    .con2 .inner h3 img {width:70%;}
    .con2 .inner .guide_box1,
    .con2 .inner .guide_box2, 
    .con2 .inner .cautn_box {margin-top:8%;}
    .con2 .inner .guide_box1 img,
    .con2 .inner .guide_box2 img {width:100%;}
    .con2 .inner .cautn_box h4 {width: 26%;}
    .con2 .inner .cautn_box h4 img {width: 100%;}
    .con2 .inner .cautn_box ol {padding:5% 4% 4% 2%;}
    .con2 .inner .mok_app_btn {margin-top:8%;padding:0 4%;}
    .con2 .inner .mok_app_btn img {width: 100%;}
    .con2 .inner .mok_app_btn .pr_img {width: 78%;}
    .con2 .inner .mok_app_btn a {width:22%;}

    /* event1 */
    .evt1 .inner {padding:5% 4% 13%;}
    .evt1 .inner h3 img {width:65%;}
    .evt1 .inner .img {margin-top:5%;padding:8% 0 6%;}

    /* event2 */
    .evt2 .inner {padding:5% 0 13%;}
    .evt2 .inner h3 img {width: 65%;}
    .evt2 .inner .data {margin-top:4%;}
    .evt2 .inner .data img {width:75%;}
    .evt2 .inner .gift {margin-top:5%;}
    .evt2 .inner .gift img {width:65%;}
    .evt2 .inner .way_list {margin-top:8%;padding:6% 4%;}
    .evt2 .inner .way_list h4 {width:25%;}
    .evt2 .inner .way_list h4 img {width:100%;}
    .evt2 .inner .way_list .btns a {margin:0 2%;width:33%;}
    .evt2 .inner .sns_list {margin-top:9%;padding:3% 0 2%;}
    .evt2 .inner .sns_list ul li {width:10%;margin:0 3%;}

    .evt2 .inner .evtBoard_common {padding:15px 0;}
    .evt2 .inner .evtBoard_common .board_notice {margin-bottom:0;}
    .evt2 .inner .evtBoard_common .board_notice li.adm{position: relative;top: inherit;right: inherit;}
    .evt2 .inner .evtBoard_common .t_info{margin: 0 20px 10px 0;}
    .evt2 .inner .evtBoard_common .board_write{padding: 0;border-radius: 0;margin:0 15px 10px;}
    .evt2 .inner .evtBoard_common .board_write .btn_wrap{border-radius: 0;width:100%;}
    .evt2 .inner .evtBoard_common .board_write .inp_wrap textarea, 
    .evt2 .inner .evtBoard_common .board_write .inp_wrap input[type="text"]{padding: 12px;height: 46px;}

    .evt2 .inner .evtBoard_common .board_write .inp_wrap textarea, 
    .evt2 .inner .evtBoard_common .board_write .inp_wrap input[type="text"]{height: 46px;padding: 12px 10px;font-size: 14px;}
    .evt2 .inner .evtBoard_common .board_write .btn_wrap a{height:42px;line-height:42px}
    .evt2 .inner .btnUrl { float:none; margin:0 0 5px 15px; width:154px; height:20px; }

    /* À¯ÀÇ»çÇ× */
    .evt_cautn h3 {font-size:18px;line-height:55px;}
    .evt_cautn h3 span {width:96%;}
    .evt_cautn h3 span img {width:24px;}
    .evt_cautn .inner {padding:6% 0;}
    .evt_cautn .inner .cautn_txt ol li table {width:80%;}
    .evt_cautn .inner .cautn_txt ol li table tr th {width:45%;}
}

@media (max-width: 992px){
    /* visual_top */
    .visual_top .inner .tab_nav li a {font-size:22px;line-height:70px;}

    /* con2 */
    .con2 .inner .cautn_box ol li {font-size:15px;}

    /* event2 */
    .evt2 .inner .sns_list ul li {width: 12%;margin: 0 2%;}
}
@media (max-width: 768px){
    /* visual_top */
    .visual_top .inner .s_tit img {width:40%;}
    .visual_top .inner h3 img {width:75%;}
    .visual_top .inner .date img {width: 85%;}
    .visual_top .inner .btn {width:45%;}
    .visual_top .inner .tab_nav li {width:calc(33.3333% - 4px)}
    .visual_top .inner .tab_nav li+li {margin-left:6px;}
    .visual_top .inner .tab_nav li a {font-size:18px;line-height:55px;}

    /* con2 */
    .con2 .inner .cautn_box ol li {font-size:13px;padding-left:10px;}
    
    /* event2 */
    .evt2 .inner h3 img {width: 70%;}
    .evt2 .inner .data img {width:80%;}
    .evt2 .inner .gift img {width:70%;}
    .evt2 .inner .way_list h4 {width:30%;}
    .evt2 .inner .way_list .btns a {margin:0 1%;width:35%;}
    .evt2 .inner .sns_list ul li {width: 14%;margin: 0 1%;}
    .evt2 .inner .sns_list ul li strong {font-size:11px;}

    /* À¯ÀÇ»çÇ× */
    .evt_cautn h3 {font-size:15px;line-height:45px;}
    .evt_cautn h3 span img {width:20px;margin-top: -4px;}
    .evt_cautn .inner .cautn_txt h4 {font-size:13px;}
    .evt_cautn .inner .cautn_txt ol li strong, 
    .evt_cautn .inner .cautn_txt ol li p,
    .evt_cautn .inner .cautn_txt ol li p a.qna_link,
    .evt_cautn .inner .cautn_txt ol li table tr th,
    .evt_cautn .inner .cautn_txt ol li table tr td {font-size:11px;}
    .evt_cautn .inner .cautn_txt ol li table {width:100%;}
    .evt_cautn .inner .cautn_txt ol li table tr th {width:52%;}
}
@media (max-width: 576px){
    /* visual_top */
    .visual_top .inner .tab_nav li a {font-size:14px;line-height:50px;}

    /* event2 */
    .evt2 .inner .sns_list ul li {width:25%;}
    .evt2 .inner .sns_list ul li:nth-child(n+4) {margin-top:2%;}
    .evt2 .inner .sns_list ul li .icon {width:60%;}
    .evt2 .inner .sns_list ul li strong {padding:5px 0 0;}

}
@media (max-width: 420px){
    /* visual_top */
    .visual_top .inner .tab_nav li a {font-size:12px;line-height:40px;}

    /* con2 */
    .con2 .inner .cautn_box ol li {font-size:11px;}

}