@charset "euc-kr";



.eventWrap .con_tit{margin:0}

/* evCon1 */
.evCon1 {background:#fff url(https://img.megagong.net/m/2023/0317_join/con_top_bg.jpg) no-repeat center 0;} 
.evCon1 .gift{margin:0 -100px 0} 


/* evCon2 */
.evCon2 {background:#5f9642} 
.evCon2 .container_info {background:none;padding:25px 0;} 
.evCon2 .container_info .info {margin-right:90px}
.evCon2 .container_info .info:last-of-type{margin:0}


/* evCon3 */
.evCon3 {background:#fff;padding:0 0 150px;} 
.evCon3 .con_tit .end{position:absolute;top:70px;right:80px;}
.evCon3 .charact_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.evCon3 .charact_wrap .item{margin:0 10px 0}
.evCon3 .now_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;background:#222;height:80px;color:#fff;font-size:32px;font-weight:200;letter-spacing:0.15em;align-content:center;margin:0 0 60px}
.evCon3 .now_wrap .time{margin:0 0 0 150px;font-weight:bold;letter-spacing:0.12em}
.evCon3 .time_wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;margin:0 0 50px}
.evCon3 .time_wrap .item{margin:0 15px 0;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:flex-start}
.evCon3 .time_wrap .item a{display:block}
.evCon3 .time_wrap + .tiny_noti{color:#848484;font-size:14px;}
.evCon3 .time_wrap + .tiny_noti a{color:#848484;border:1px solid #848484;border-radius:12px;padding:2px 12px;line-height:1;margin:0 0 0 10px;}



/* evCon_share */
.evCon_share {background:#fbfdd5;padding:0 0 150px;} 
.evCon_share .con_tit .finish{position:absolute;top:240px;right:80px}
.evCon_share .container_info {position:relative;flex-direction:column;align-items:flex-start;padding:0 0 0 60px;border-radius:0;background-color:transparent;padding:60px 0 60px 57px;} 
.evCon_share .container_info .info {align-items:flex-start;margin-bottom:18px;flex-direction:column;flex-wrap:wrap;text-align:left;} 
.evCon_share .container_info .info:last-of-type {margin-bottom:0;}
.evCon_share .container_info .info .info_title {min-width:100px;text-align:left;}
.evCon_share .container_info .info .info_title::before {width:2px;height:19px;border-radius:0;}
.evCon_share .container_info .info .info_title::after {display:none;}
.evCon_share .container_info .gift{position:absolute;top:0;right:40px}
.evCon_share .list {font-size:0;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;margin:0 0 40px;}
.evCon_share .list li {height:250px;position:relative;vertical-align:middle;font-size:18px;color:#000000;border-radius:17px;box-sizing:border-box;width:33.3%;font-weight:normal;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;background:#fff;border:2px solid #ebe6c8;}
.evCon_share .list li+li{margin:0 0 0 20px;}
.evCon_share .list li+li:before {content:'';position:absolute;top:50%;left:-33px;width:40px;height:40px;background:url(https://img.megagong.net/m/2023/0317_join/con_img19.png) no-repeat center center;border-radius:100%;overflow:hidden;margin:-20px 0 0 0;}
.evCon_share .list li i{display:block;margin:0 0 13px;}
.evCon_share .list li span {margin-top:20px;display:block;font-size:15px;color:#e25e50;font-weight:normal}
.evCon_share .btn_wrapper {display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:80px;} 
.evCon_share .btn_wrapper a{margin:0 15px}
.evCon_share .eventBoard{border-radius:15px;overflow:hidden;}
.evCon_share .eventBoard .evtBoard_common{background-color:#ebe6c8;}
.shareList ul li dl.sns dt{background-color:#426f98;}
.shareList ul li dl.naver dt{background-color:#5f9642;}
.shareList ul li dl.daum dt{background-color:#dd8837;}
.shareList ul li dl.etc dt{background-color:#9c9c9c;}
.shareList ul li dl dd{border-color:#9a9a9a !important;color:#9a9a9a !important}
.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list li:nth-child(2){color:#dd8837;}
.eventBoard .evtBoard_common .info_wrap.with_tip button{color:#5d9641;font-weight:bold;border-bottom:1px solid #5d9641;line-height:1;padding:0 0 3px;font-size:14px}

.stepClearPop {/*display:none;*/ position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;}
.stepClearPop > a {position:absolute;top:0;right:-45px;}
.stepClearPop > div {width:500px;height:345px;background:#fff;display:table;border-radius:15px;}
.stepClearPop > div > div {display:table-cell;vertical-align:middle;text-align:center;}
.stepClearPop dd {margin-top:25px;font-size:24px;line-height:120%;}
.stepClearPop > div p {margin:0 auto;}
.stepClearPop > div p a {display:block;margin:20px auto 0;width:160px;height:60px;line-height:60px;text-align:center;color:#fff;background:#333;border-radius:5px;}

/* pop*/
.dimPopup {/*display:none;*/ position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;}
.dimPopup .close {position:absolute;display:block;top:-50px;right:0;overflow:hidden;font-size:0;}
.dimPopup > i {position:absolute;top:70px;transform:none;left:0 ;z-index:2;width:100%;}
.dimPopup > div > img {z-index:99;}


.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;}

.dimPopup > i img.last {margin-top:30px}
.drawList {margin-top:60px;overflow:hidden;background:#fff;font-size:0;padding:40px 0 30px;}
.drawList li {display:inline-block;vertical-align:bottom;width:auto;text-align:center;}
.drawList li:first-child {border-right:1px dashed #d5d5d5;margin-right:0;padding-right:35px;}


.popup-wrap {padding:40px 0;}
.popup-wrap .btn_close {top:-44px;width:36px;height:35px;background-image:url('https://img.megagong.net/m/2022/0926_ox/sobang/popclose.png');background-repeat:no-repeat;background-position:center;background-size:contain;}
.popup-wrap .title {margin-bottom:15px;color:#6d15e8;font-size:28px;font-weight:bold;} 
.popup-wrap .gift_wrapper {width:100%;height:270px;display:flex;align-items:center;justify-content:center;background-image:url('https://img.megagong.net/m/2022/0926_ox/sobang/gift_bg.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;}
.popup-wrap .gift_name {width:100%;height:48px;line-height:48px;color:#000;font-size:20px;font-weight:bold;background-color:#efefef;}
.popup-wrap .gift_desc {color:#b5b5b6;font-size:13px;font-weight:300;text-indent:-15.5px;padding:20px 25px 30px 35px;text-align:left;}
.popup-wrap .gift_desc p a {color:#000;}
.popup-wrap .closeBtn {display:inline-block;width:180px;height:55px;line-height:55px;color:#fff;font-size:23px;background-color:#000;}


.warningList li ul li a{border: 2px solid #dc8835;color:#dc8835;padding: 2px 9px !important;font-weight: normal;}

.eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 13px;}


.mo_floating{display: none;}
.mo_floating a{background: #e8b35a;color:#fff;font-weight: bold;display: block;font-size: 2.8vw;padding: 2vw 0;display: flex;align-items: center;justify-content: center;line-height: 1;}
.mo_floating a i{background: #fff;color:#e8b35a;border-radius: 50px;padding: 0.5% 2.0%;font-style: normal;line-height: 1;font-size: 0.8em;margin: 0 0 0 10px;font-weight: 900;}



@media (max-width:1200px){


    .eventWrap .inner {width:94%;} 
    .eventWrap img{width:100%}

    .eventWrap .con_tit{padding:0 10%}

    .frt_list li {margin:0 2px;}

    .mo_floating{display: block;position: fixed;bottom: 64px;left: 0;width: 100%;/* height: 70px; */z-index: 1;}


    /* pop */
    .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}

    .dimPopup .close {top:-35px;right:0;width:28px;}
    .dimPopup > i {top:24%;width:95%;}
    .dimPopup div img {width:100%;}
    .dimPopup > i img.last {margin-top:1%}
    .dimPopup.n0830 > i {width:100%;top:11%;}
    .dimPopup.n0830 > i img {width:100%;}

    /* evCon1 */
    .evCon1 {padding:10% 0%;background-size:auto 100%} 
    .evCon1 p{padding:6% 26%} 
    .evCon1 .gift{margin:0} 

    /* evCon2 */
    .evCon2 .container_info .info {margin: 0 50px 0 0;}

    /* evCon3 */
    .evCon3 {padding:0 0 18%;} 
    .evCon3 .con_tit .end{width:20vw;top:8%;right:0;z-index:1;}
    .evCon3 .charact_wrap .item{margin:0 1%;width:31.3%}
    .evCon3 .now_wrap{margin:0 0 4%;font-size:3vw}
    .evCon3 .now_wrap .time{margin:0 0 0 10%}
    .evCon3 .time_wrap{margin:0 0 6%}
    .evCon3 .time_wrap .item{width:31.3%;margin:0 1%}
    .evCon3 .time_wrap + .tiny_noti{font-size:12px}
    .evCon3 .time_wrap + .tiny_noti a{display:block;width:160px;margin:10px 0 0;margin:10px auto 0;padding:6px 0;}

    /*event*/
    .evCon_share{padding:0 0 18%}
    .evCon_share .con_tit{padding:0 20%}
    .evCon_share .con_tit .finish{width:20vw;right:0;top:20%}
    .evCon_share h5{overflow:hidden}
    .evCon_share h5 img{max-width:200%;width:134%;margin:0 0 0 -17%}
    .evCon_share .list{margin:0 0 6%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start}
    .evCon_share .list li {margin:0 0 3px !important;width:100%;padding:6% 0;font-size:15px;height:auto}
    .evCon_share .list li+li{margin:1px 0 0 0}
    .evCon_share .list li+li:before,
    .evSection.event_gall .list li+li:before {transform:rotate(90deg);left:50%;top:-2.2vw;margin:0 0 0;height:4vw;width:4vw;background-size:100%;margin:0 0 0 -2vw}
    .evCon_share .list li br{display:none}
    .evCon_share .list li:nth-child(1) br:nth-child(3),
    .evCon_share .list li:nth-child(2) br:nth-child(2){display:block}
    .evCon_share .list li:nth-child(3) br:nth-child(2){display:block}
    .evCon_share .list li:nth-child(2) i{margin-bottom:15px}
    .evCon_share .list li:nth-child(3) i{margin-bottom:40px}
    .evCon_share .list li span {margin-top:10px;font-size:14px}
    .evCon_share .container_info {padding:39vw 0 0 20px;display:flex;align-content:center;} 
    .evCon_share .container_info .info {display:flex;flex-direction:row} 
    .evCon_share .container_info .info .info_date br{display:none}
    .evCon_share .container_info .info:last-of-type {margin-bottom:0;}
    .evCon_share .container_info .info .info_title {min-width:100px;text-align:left;}
    .evCon_share .container_info .info .info_title::before {width:2px;height:19px;border-radius:0;}
    .evCon_share .container_info .info .info_title::after {display:none;}
    .evCon_share .container_info .gift{width:55vw;right:50%;margin:0 -28% 0 0;}
    .evCon_share .btn_wrapper {display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:74px;}
    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{float:none;}
    .eventBoard .evtBoard_common .info_wrap.with_tip button{border:1px solid #5d9641;float:none;display:block;width:100%;margin:10px 0 0;clear:both;padding:7px 0;font-size:inherit}

    .drawList {margin-top:3vw;padding:5% 3% 6%}
    .drawList li {width:40%;}
    .drawList li:first-child {margin-right:7%;padding-right:10%;width:50%;}
    .event1 .btn {padding-bottom:3vw;}
    .event1 .btn a {padding:20px;font-size:14px;}

    .popup-wrap .gift_wrapper{height:auto;background:none}
    .popup-wrap .gift_wrapper img{width:300px}

} 




@media (max-width:768px){

} 




@media (max-width:576px){


    .mo_floating{
    bottom: 55px;
}
    .mo_floating a{
    font-size: 4.6vw;
    padding: 4.5vw 0;
}
    .mo_floating a i{
    padding: 0.8% 3.8% 0.8%;
    letter-spacing: 0.08em;
    font-size: 0.75em;
}
    
    .eventWrap .con_tit{padding:0 0%}

    .stepClearPop > div {width:350px;height:auto;padding:8% 0;}
    .stepClearPop dt {margin:0 25%;}
    .stepClearPop dd {margin-top:5%;font-size:16px;line-height:normal;}
    .stepClearPop > div p {margin:0 35%;}
    .stepClearPop > div p a {padding:3%;width:auto;height:auto;line-height:normal;}

    /* pop */
    .dimPopup {width:94%;max-width:320px;} 
    .dimPopup div img {width:100%;}

    /* evCon1 */
    .evCon1 p{padding:6% 17%} 

    .evCon2 .container_info .info{margin-right:0}

    /* evCon3 */
    .evCon3 .charact_wrap .item{width:48%}
    .evCon3 .charact_wrap .item:nth-child(3){margin-top:3%}
    .evCon3 .now_wrap{font-size:4.3vw;height:auto;padding:4% 0%}

    .evCon3 .time_wrap{margin:0;padding:7% 0 0}
    .evCon3 .time_wrap .item{width:50%;margin:0 0% 7%}
    .evCon3 .time_wrap .item a{overflow:hidden;border-radius:40px;margin:0 2%}
    .evCon3 .time_wrap .item a img{max-width:180%;width:140%;margin:0 0 0 -20%}


    /*event*/
    .evCon_share .con_tit{padding:0 10%;}
    .evCon_share .list li br:nth-child(2){display:none}
    .evCon_share .list li br:nth-child(3){display:none}
    .evCon_share .list li:nth-child(2) br:nth-child(4){display:block}
    .evCon_share .list li+li:before, 
    .evSection.event_gall .list li+li:before {height:7vw;width:7vw;top:-4vw;}
    .evCon_share .list li i{margin-bottom:9px;width:64px;}
    .evCon_share .list li:nth-child(2) i{margin-bottom:10px;background-position:0 -58px}
    .evCon_share .list li:nth-child(3) i{margin-bottom:10px;background-position:0 -115px}
    .evCon_share .list li span {margin-top:6px;font-size:13px}
    .evCon_share .list li span br{display:none}
    .evCon_share .btn_wrapper {flex-direction:column;margin:0 0 15%;} 
    .evCon_share .btn_wrapper a{overflow:hidden;border-radius:40vw;margin:0 1% 10px;width:100%;background:#5d9641;padding:0 22%}
    .evCon_share .btn_wrapper a:first-of-type {background:#222;} 
    .evCon_share .btn_wrapper a img{max-width:180%;width:126%;margin:0 0 0 -13%}

    .evCon_share .container_info .info .info_date br{display:block}
    .evCon_share .container_info .info .info_title{min-width:80px;margin:0}
    .evCon_share .container_info{padding:60vw 0 0 0}
    .evCon_share .container_info .gift{width:85vw;margin:0 -45% 0 0%}

    .evCon_share h5 img{width:190%;margin:0 0 0 -45%;}
    .evCon_share .list li{font-size:13px}

    .stepClearPop > a {top:-45px;right:0;}

    .popup-wrap {padding:20px 0;}
    .popup-wrap .btn_close {top:-26px;width:20px;height:20px;}
    .popup-wrap .title {margin-bottom:5px;font-size:20px;} 
    .popup-wrap .gift_wrapper {height:auto;background:none;}
    .popup-wrap .gift_wrapper img{width:190px}
    .popup-wrap .gift_name {display:flex;align-items:center;justify-content:center;padding:10px 0;height:initial;line-height:1.2;font-size:16px;} 
    .popup-wrap .gift_desc {font-size:11px;padding:10px 15px 15px 30px;} 
    .popup-wrap .closeBtn {height:40px;line-height:40px;font-size:15px;} 

    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size:12px}

    .warningList li ul li a{font-size: inherit;}

    .eventBoard .evtBoard_common .info_wrap.with_tip .tip_list{font-size: 12px;}

}