@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{width:100%;text-align:center;position:relative;font-size: 18px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%;}
.eventWrap .con_tit{position: relative;margin-bottom: 45px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 0%;}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative;/* padding: 0 40px; */}
.eventWrap .con_box::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{/* width:100%; */}
.eventWrap .video_box.ytb{padding: 0;}

/* flo */
.eventWrap .flt_inner {position: absolute;text-align: center;top: 100px;left: 50%;margin-left: 700px;z-index: 2;width: 200px;}
.eventWrap .flt_inner a {display:block;position:relative;margin: 0 0 5px;}


/* con_top */
.con_top {background: #081d88;}
.eventWrap.sobang .con_top {background: #810712;}
.eventWrap.army .con_top {background: #01503d;}
.con_top h3{margin: 0 -31% 0}
.con_top ul{position: relative;overflow: hidden;margin: 0 0 0 -5%;position: absolute;bottom: 16%;left: 0;width: 110%;}
.con_top ul li{float: left;width: 54%;margin: 0 0 0}
.con_top ul li:nth-child(2){width: 46%}

.con01{position: relative;background-color: #f5f6fa;padding: 140px 0;}
.con01 .con_tit +p {margin: 0 0 60px}
.con01 .event_info{background: #fff;border: 3px solid #000;border-radius: 14px;margin: 0 0 150px}
.con01 .event_benefit{margin: 0 0 150px}
.con01 .event_benefit h5{margin: 0 0 70px;}
.con01 .event_benefit .gift{padding: 0 4%}
.con01 .event_benefit .gift li{float: left;width: 50%}
.con01 .event_way .step{margin: 0 0 50px -2%;padding: 80px 0 0}
.con01 .event_way .step li{position: relative;float: left;width: 31.3%;margin: 0 0 0 2%;border-radius: 10px;border: 3px solid #000;background: #fff;height: 348px}
.con01 .event_way .step li:nth-child(1) span{padding: 84px 0 0}
.con01 .event_way .step li:nth-child(2) span{padding: 90px 0 0}

.con01 .event_way .step li span{position:relative;display: block;padding: 58px 0 0;}
.con01 .event_way .step li a{position: absolute;bottom: 39%;left: 8%;width: 84%;height: 36%;font-size: 0;background: #000;opacity: 0.0}
.con01 .event_way dl{text-align: left;font-size: 12px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.con01 .event_way dl dt{font-weight: bold;margin: 0 0 5px}
.con01 .event_way dl dd{margin: 0 0 3px}

.con02{position: relative;}

.con03{position: relative;background-color: #2941bb;padding: 150px 0 0;}
.eventWrap.army .con03{background-color: #088366;}
.eventWrap.sobang .con03{background-color: #a01f2b;}
.con03 .con_tit{margin: 0 -115px 40px}
.con03 .con_tit + p{margin: 0 0 65px}
.con03 .con_tit .end{position: absolute;bottom: -87%;right: 8%}
.con03 .con_tit span{display: block}
.con03 .date{background: #fff;border: 3px solid #081d86;padding: 9px 0;border-radius: 34px;margin: 0 40px 140px;padding: 16px 0 16px 90px;line-height: 1}
.eventWrap.army .con03 .date{border-color: #004f3d;}
.eventWrap.sobang .con03 .date{border-color: #7e0712;}
.con03 .date li{float: left;}
.con03 .date li:nth-child(2){margin: 0 0 0 60px;}

.con03 .event_benefit{margin: 0 0 140px}
.con03 .event_benefit h5{margin: 0 0 45px;}
.con03 .event_benefit .gift{padding: 0 4%}
.con03 .event_benefit .gift li{float: left;width: 50%}
.con03 .event_way h5{margin: 0 0 45px}
.con03 .event_way .step{margin: 0 0 30px -2%;padding: 40px 0 0}
.con03 .event_way .step li{position: relative;float: left;width: 31.3%;margin: 0 0 0 2%;border-radius: 10px;background: #fff;border: 3px solid #081d86;border-radius: 10px;height: 350px}
.eventWrap.army .con03 .event_way .step li{border-color: #004f3d;}
.eventWrap.sobang .con03 .event_way .step li{border-color: #7e0712;}
.con01 .event_way .step li i{position: absolute;top: 0;left: 0;width: 100%;text-align: center;margin: -40px 0 0}
.con03 .event_way .step li:nth-child(1){padding: 87px 0 0;}
.con03 .event_way .step li:nth-child(1) strong{display: block;margin: 0 0 35px}
.con03 .event_way .step li:nth-child(1) a{display: block;margin: 0 50px -3px}
.con03 .event_way .step li:nth-child(2){padding: 100px 0 0}
.con03 .event_way .step li:nth-child(3){padding: 140px 0 0}
.con03 .event_way .step li:nth-child(2) span,
.con03 .event_way .step li:nth-child(3) span{position: absolute;top: -40px;left: 0;width: 100%}
.con03 .event_ex{position: relative;background: #fff;border: 3px solid #081d86;padding: 40px 0 50px;border-radius: 10px;margin: 0 0 0}
.con03 .event_ex::before{content:'';position: absolute;top: 0;left: 50%;margin: -19px 0 0 -15px;width: 30px;height: 30px;border: 3px solid #081d87;transform: rotate(45deg);background: #fff;border-width: 3px 0px 0 3px;}
.eventWrap.army .con03 .event_ex::before{border-color:#004f3d}
.eventWrap.sobang .con03 .event_ex::before{border-color: #7e0712;}
.eventWrap.army .con03 .event_ex{border-color: #004f3d;}
.eventWrap.sobang .con03 .event_ex{border-color: #7e0712;}
.con03 .event_ex h5{margin: 0 0 30px}
.con03 .event_ex .step li{position: relative;float: left;width: 50%;margin: 0px 0 0}
.con03 .event_ex .step li:nth-child(2){margin: 10px 0 0}
.con03 .event_ex .step li:nth-child(2)::before{content:'';display:block;position: absolute;top: 5%;left: 0;width: 3px;height: 90%;background: #000;opacity: 0.1;}

.con04{position: relative;background: #2941bb;padding: 50px 0 0;}
.eventWrap.army .con04{background-color: #088366;}
.eventWrap.sobang .con04{background-color: #a01f2b;}
.con04 .commu{padding: 0 8%;margin: 0 0 50px}
.con04 .commu li{position: relative;float: left;width: 33.3%}
.con04 .commu li::before{content:'';display:block;position: absolute;top: 11%;left: 0;width: 3px;height: 78%;background: #fff;opacity: 0.1;}
.con04 .commu li:nth-child(1)::before{display:none}

.evtBoard_common{background: #333333;}

.con04 .btnUrl{position: absolute;right: 32px;top: 100px;font-size: 16px;color: #fff;font-weight: 700;padding-bottom: 3px;border-bottom: 1px solid #fff;letter-spacing: -0.06em;}


/* con05 */
.con05 {background: #f5f6fa;position: relative;}
.con05 .inner{width:100%}
.con05 .tit{position:relative;display: block;font-size: 18px;text-align: center;background: #161616;color:#fff;padding:10px 0;}
.con05 .tit::before{content:'';position: absolute;top: 0;left: 50%;width: 1500px;height: 100%;background: #2941bb;margin: 0 0 0 540px;}
.con05 .tit::after{content: '';position: absolute;top: 0;right: 50%;width: 1500px;height: 100%;background: #2941bb;margin: 0 540px 0 0;}
.eventWrap.army .con05 .tit::before,.eventWrap.army .con05 .tit::after{background-color: #088366;}
.eventWrap.sobang .con05 .tit::before,.eventWrap.sobang .con05 .tit::after{background-color: #a01f2b;}
.con05 .tit i{font-size: 10px;font-style: normal;display: inline-block;margin: -5px 0 0 10px;vertical-align: middle;}
.con05 .evt_note{width:1080px;padding: 0 0 150px;margin:0 auto;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;text-align: left;font-size: 13px;}
.con05 .evt_note dl dt{font-weight: bold;margin: 40px 0 20px}
.con05 .evt_note dl dd{padding: 0 0 0 10px;text-indent: -10px;margin: 0 0 5px}
.con05 .evt_note dl dd a{font-weight: bold;text-decoration: underline;}

.evtBoard_common .board_notice{margin-bottom: 0;padding: 0 0 35px}


/* Æ˾÷ */
.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_bnrwrp{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3;}
.dim_bnrwrp_wrap .dim_popup{position:fixed;top:50% !important;left:50%;z-index:3;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.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;}
.dim_popup.sns .btnConfirm img{width: auto;}

/* con06 */
.con06 {text-align: left;background:#353535;}
.con06 .inner {padding:70px 0 75px;}
.con06 .inner .tit {margin-bottom:32px;font-weight:bold;font-size:14px;color:#ffffff;}
.con06 .inner ul li {position:relative;padding-left:10px;font-weight:300;font-size:13px;color:#ffffff;line-height:1.9;}
.con06 .inner ul li:before {content:'¡¤';position:absolute;top:0;left:0;}
.con06 .inner ul li.mt30 {margin-top:30px;}

@media (max-width: 1200px){
    .eventWrap img{width: 100%;}
    .eventWrap .video_box .play_area{position: absolute;width: 100% !important;height: 100% !important;}
    .eventWrap .tiny_txt{font-size:10px}

    .flt_inner{display: none;}
    .eventWrap .inner{width: 94%;}
    .eventWrap .con_box{width:100%}

    .con_top h3{margin: 0 -12%}
    .con_top ul{width: 100%;left: 0;bottom: 12%;margin: 0}
    .con_top ul li{width: 53%;}
    .con_top ul li:nth-child(2){width: 45.31%;margin: 0 0 0 1%;float: right} 

    .con01{padding: 12% 0}
    .con01 .con_tit{padding: 0 5%;margin: 0 0 5%;}
    .con01 .con_tit +p{padding: 0 18%;margin: 0 0 5%}
    .con01 .event_info{border-width: 2px;overflow: hidden;margin: 0 0 10%;padding: 0 10%}
    
    .con01 .event_benefit{margin: 0 0 10%}
    .con01 .event_benefit h5, .con01 .event_way h5{margin: 0 0 5%;padding: 0 33%;}
    .con01 .event_benefit .gift{padding: 0}
    .con01 .event_way .step{margin: 0 0 2% -1%;padding: 5% 0 0}
    .con01 .event_way .step li{width: 32.3%;margin: 0 0 0 1%;border-radius: 6px;border-width: 2px;height: 35vw}
    .con01 .event_way .step li:nth-child(1) span{padding: 29% 5% 0;}
    .con01 .event_way .step li:nth-child(2) span{padding: 32% 5% 0}
    .con01 .event_way .step li i{padding: 0 36%;margin: -14% 0 0 0}
    .con01 .event_way .step li span{padding: 22% 5% 0}
    .con01 .event_way .step li span::before{/* content:''; */position:absolute;border: 3px solid #000;display: block;bottom: 0;left: 0;width: 100%;height: 86.9%;}

    .con01 .event_way .step li a{bottom: 40%;left: 2%;width: 97%;height: 32%}
    .con01 .event_way dl{text-align: left;font-size: 12px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
    .con01 .event_way dl dt{font-weight: bold;margin: 0 0 5px}
    .con01 .event_way dl dd{margin: 0 0 3px}
    .con03{padding: 12% 0 0}

    .con03 .con_tit{padding: 0 0%;margin: 0 0 3%;}
    .con03 .con_tit + p{margin: 0 0 4%;padding: 0 9%;}
    .con03 .con_tit .end{width: 27%;bottom: -50%;right: 5%;}
    .con03 .con_tit span{margin: 0 36% 2%;}
    .con03 .date{padding: 0% 12% 4%;margin: 0 0 7%;}
    .eventWrap.army .con03 .date{border-width: 2px;padding: 2% 19% 2%;margin: 0 0 8%;text-align: center}
    .eventWrap.sobang .con03 .date{border-color: #7e0712;}
    .con03 .date li{float: none;width: auto;padding: 0 11%;}
    .con03 .date li:nth-child(2){width: auto;margin: 0 0 0;padding: 2% 0 0}

    .con03 .event_benefit{margin: 0 0 10%;}
    .con03 .event_benefit h5,.con03 .event_way h5{margin: 0 0 4%;padding: 0 33%}
    .con03 .event_benefit .gift{padding: 0;margin: 0 0 0 -1%;}
    .con03 .event_benefit .gift li{width: 49%;margin: 0 0 0 1%}
    .con03 .event_way{margin: 0 0 7%}
    .con03 .event_way .step{margin: 0 0 0 -1%;padding: 0;}
    .con03 .event_way .step li{margin: 0 0 0 1%;width: 49%;height: 34vw;}
    .eventWrap.sobang .con03 .event_way .step li{border-color: #7e0712;}
    .con01 .event_way .step li i{margin: -13% 0 0}
    .con03 .event_way .step li:nth-child(1){padding: 3% 14% 0;float: none;font-size: 0;width: auto;height: auto;margin: 0 0 5%}
    .con03 .event_way .step li:nth-child(1) strong{margin: 0 0% 2%;padding: 0 32%;}
    .con03 .event_way .step li:nth-child(1) a{margin: 0 1%;display: inline-block;width: 48%;}
    .con03 .event_way .step li:nth-child(2),.con03 .event_way .step li:nth-child(3){padding: 9% 4% 0;}
    .con03 .event_way .step li:nth-child(3){padding-top: 14%;}
    .con03 .event_way .step li:nth-child(3) > img{width: 90%}
    .con03 .event_way .step li:nth-child(2) span,
    .con03 .event_way .step li:nth-child(3) span{top: -11%;padding: 0 39%;}
    .con03 .event_ex{padding: 5% 0 5%;margin: 0 0 4%;}
    .con03 .event_ex::before{width: 15px;height: 15px;margin: -11px 0 0}
    .eventWrap.sobang .con03 .event_ex::before{border-color: #7e0712;}
    .eventWrap.army .con03 .event_ex{padding: 4% 1% 5% 0%;border-width: 2px;/* margin: 0 0 5% */}
    .eventWrap.sobang .con03 .event_ex{border-color: #7e0712;}
    .con03 .event_ex h5{margin: 0 0 3%;padding: 0 37%;}
    .con03 .event_ex .step{margin: 0 0 0 -1%}
    .con03 .event_ex .step li{margin: 0 0 0 1%;width: 49%;padding: 0 2% 0;}
    .con03 .event_ex .step li:nth-child(2){margin: 0 0 0 1%;}

    .con04{padding: 5% 0 0;}
    .con04 .commu{padding: 0 0%;margin: 0 0 5%}
    .con04 .commu li{position: relative;float: left;width: 33.3%;padding: 0 3%}
    .con04 .commu li:nth-child(1)::before{display:none}

    .evtBoard_common{background: #333333;}

    .evtBoard_common .board_notice{padding: 40px 0 20px}
    .con04 .btnUrl{position: absolute;right: 32px;top: 100px;font-size: 16px;color: #fff;font-weight: 700;padding-bottom: 3px;border-bottom: 1px solid #fff;letter-spacing: -0.06em;}
    .con04 .btnUrl{top: 133px;width: calc(100% - 30px);border: 1px solid #fff;padding: 4px 0;right: 15px;font-size: 12px;}
    .con05 .evt_note{width: 98%;padding: 3% 2%;}
    .con05 .tit{font-size: 13px}
    .con05 .evt_note ul li{font-size:11px}
    .dim_popup.sns .btnConfirm img{width: auto;}

}
@media (max-width: 992px){    .clickPop{padding: 15px 0 20px;}
    .dim_popup.sns .tit{font-size:22px}
    .dim_popup.sns table{font-size:12px}

    .con05 {padding: 0 0 14%;}
    .con05 .tit{font-size: 13px;padding: 12px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;}
    .con05 .evt_note{padding: 0 0 0;font-size: 12px;}
    .con05 .evt_note.v2{margin:35px auto 0;}
    .con05 .evt_note > strong{font-size:13px}
    .con05 .evt_note ul li{font-size: 12px;}
    .con05 .evt_note dl dt{margin: 30px 0 10px}

}
@media (max-width: 768px){.con_top{padding: 0 0 11%}
    .con_top h3{margin: 0 -28% 0}
    .con_top ul{padding: 0 10%;bottom: 0%;}
    .con_top ul li{width: auto;float: none;margin: 0 0 2%;}
    .con_top ul li:nth-child(2){width: auto;float: none;padding: 0 7%} 
    .con01 .con_tit{padding: 0 3% 0}
    .con01 .con_tit +p{padding: 0 8%}
    .con01 .event_info{padding: 0 2%;border-radius: 10px;margin: 0 -1% 10%;border-radius: 0}
    .con01 .event_benefit{margin: 0 0 10% -2%}
    .con01 .event_way .step li{float: none;width: auto;padding: 0 0 5%;height: auto;margin: 0 0 8%;}
    .con01 .event_way .step li i{padding: 0 44% 0;margin: -7% 0 0;}
    .con01 .event_way .step li span,.con01 .event_way .step li:nth-child(1) span, .con01 .event_way .step li:nth-child(2) span, .con01 .event_way .step li:nth-child(3) span{padding: 8% 5% 0;}
    .con01 .event_way .step li span::before{/* content:''; */position:absolute;border: 3px solid #000;display: block;bottom: 0;left: 0;width: 100%;height: 86.9%;}

    .con01 .event_way .step li:nth-child(1) span{padding: 8% 29% 0} 
    .con01 .event_way .step li:nth-child(2) span{padding: 9% 27% 0}
    .con01 .event_way .step li:nth-child(3) span{padding: 9% 28% 0}
    .con01 .event_way .step li a{bottom: 46%;left: 18%;width: 64%;height: 36%;opacity: 0}
    .con01 .event_benefit h5, .con01 .event_way h5{padding: 0 30%}
    .eventWrap.army .con03 .date{padding: 2% 11% 3%}
    .con03 .date li{padding: 3% 10%}
    .con03 .date li:nth-child(2){padding: 0;margin: -2% 0 0%}
    .con03 .event_benefit h5, .con03 .event_way h5{padding: 0 30%}

    .con03 .event_way .step li:nth-child(1){padding: 3% 8% 0;}
    .con03 .event_way .step li:nth-child(1) strong{padding: 0 30%}
    .con03 .event_way .step li{border-width: 2px}
    .con03 .event_way .step li:nth-child(2),.con03 .event_way .step li:nth-child(3){padding: 9% 2% 0;height: 36vw}
    .con03 .event_way .step li:nth-child(3){padding: 14% 2% 0}
    .con03 .event_way .step li:nth-child(3) > img{width: 90%}
    .eventWrap.army .con03 .event_ex::before{width: 15px;height: 15px;border-width: 2px 0 0 2px;margin: -10px 0 0 -15px}
    .con03 .event_ex h5{padding: 0 36%;margin: 0 0 6%}
    .con03 .event_ex .step{margin: 0 0 0 0%}
    .con03 .event_ex .step li{width: auto;padding: 0 15% 0;}
    .con03 .event_ex .step li:nth-child(2){margin: 4% 0 0 1%;padding: 4% 12% 0;}
    .con03 .event_ex .step li:nth-child(2)::before{width: 80%;height: 3px;left: 10%;top: 0}
    .con04 .commu li{padding: 0 2%}
    
/* con06 */
.con06 .inner {padding:35px 0 40px;}
.con06 .inner .tit {margin-bottom:15px;font-size:13px;}
.con06 .inner ul li {font-size:12px;}
.con06 .inner ul li.mt30 {margin-top:15px;}
}


@media (max-width: 576px){    
    .dim_popup.sns{width:90%}
    .dim_popup.sns .btnConfirm img{width:80px}

}