@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: 15px;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: 0;text-align: center}
.eventWrap .con_subtit{/* margin-bottom: 35px; */position:relative;/* padding: 0 5%; */text-align: center}
.eventWrap .img_mb{display:none}
.eventWrap .con_box{position:relative;text-align: left}
.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.3%;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.vdo_none{padding:0}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%}
.eventWrap .tiny_txt{font-size: 12px;letter-spacing: -0.03em;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.eventWrap sup{vertical-align: top}
.lecture{padding-bottom:0 !important}

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

.eventWrap{background: #020202 url(https://img.megagong.net/m/2022/0706_review/con_img1.jpg) no-repeat center 0}


.topBn { background:#343434; padding:25px 0; }
.topBn dl { text-align:center; font-size:18px;  }
.topBn dt { color:#fcfcfc; font-weight:700; }
.topBn dd { color:#a3a3a2; font-weight:300; margin-top:3px; }

/* con_top */
.con_top {padding: 0 0 0;position: relative;background: #020202 url(https://img.megagong.net/m/2022/0706_review/con_img1.jpg) no-repeat center 0}
.con_top h3{margin: 0 -31% 0}
.con_top .point{margin: 0 0 0}
.con_top .benefit{padding: 0 6%}
.con_top .benefit h4{margin: 0 -9% 0}


.con_top .info { position: relative; }
.con_top .info .finish { position:absolute; top:-100px; right:2%;  max-width:201px; width:15%; }

.con01{position: relative;background-color: #f7f7f7;padding: 0 0 170px}
.con01 .comment_roll{background: #ededed;text-align: center} 
.con01 .slick-dots{display: none !important}
.con01 .comment_roll .item{position: relative;font-weight: 200;padding: 60px 80px;line-height: 1.7;text-align: left;font-size: 16px}
.con01 .comment_roll .item .tit{font-weight: bold;margin: 0 0 12px}
.con01 .comment_roll .item .name{position: absolute;bottom: 50px;right: 50px}
.con01 .comment_roll .item img{display:inline-block}
.con01 .comment_roll .slick-arrow {position:absolute;top:50%;transform: translateY(-50%);width:50px;height:50px;font-size:0}
.con01 .comment_roll .slick-prev {left: -75px;background: url('http://img.megagong.net/m/2022/0706_review/con_img20.png') no-repeat center}
.con01 .comment_roll .slick-next {right: -75px;background: url('http://img.megagong.net/m/2022/0706_review/con_img21.png') no-repeat center}
.con01 .my_comment{position: relative;background: #ededed}
.con01 .my_comment h5{background: #d5a83b;text-align: center;padding: 0 28%}
.con01 .my_comment > div.cont{position: relative;padding: 80px 0;text-align: center;font-size: 17px}
.con01 .my_comment .dim{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.85);color: #fff;z-index: 1;text-align: center}
.con01 .my_comment .dim div{padding: 108px 0 0}
.con01 .my_comment .dim a{display: inline-block;padding: 5px 2px 0;border-bottom: 1px solid #fff}
.con01 .my_comment .tiny_txt{position: absolute;top: 15px;right: 15px;color: #909090}
.con01 .my_comment .tiny_txt span{color: #d5a83b}
.con01 .my_comment .tit{font-size: 20px;font-weight: bold;margin: 0 0 35px}
.con01 .my_comment .tit strong{color: #d5a83b;border-bottom: 3px solid #d5a83b;padding: 0 4px 2px;margin: 0 2px 0}


.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;background: #fff;padding: 0 0 150px}
.con02.not_gong{padding: 150px 0 150px}
.con02.ver0728{padding: 150px 0 150px}
.con02 .evt_info{background: #d5a83b;position: relative;margin: -3px 0 0}
.con02 .evt_info::before{content:'';position: absolute;top: 0;left: 100%;width: 1500px;height: 100%;background: #d5a83b}
.con02 .evt_info::after{content:'';position: absolute;top: 0;right: 100%;width: 1500px;height: 100%;background: #d5a83b}
.con02 .list{position: relative;text-align: left;padding: 0 50px 40px;border-bottom: 1px solid #d5a83b}
.con02 .list h5{margin: 0 -50px}
.con02 .list .tip{position: absolute;top: 137px;right: 50px}
.con02 .write_btn{display: block;width: 510px;margin: 0 auto 90px}
.con02 .tech_comment h4{margin-bottom: 20px;font-size: 15px;padding-left: 15px;position: relative;text-align: left;display: none}
.con02 .tech_comment h4::before{content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 11px; height: 10px;background: url(https://img.megagong.net/m/2021/0402_sobang_review/con04_01.png) no-repeat 0 0}
.con02 .comment_lst{margin: 0 0 20px}
.con02 .comment_lst li{float: left;position: relative;font-size: 15px;padding-left: 0;position: relative;text-align: left;margin: 0 20px 0 0}
.con02 .comment_lst li.on{font-weight: bold}
.con02 .comment_lst li a{display: block;padding: 0 0 0 16px}
.con02 .comment_lst li::before{content: '';display: block;position: absolute;top: 50%;width: 11px;height: 10px;background: url(https://img.megagong.net/m/2021/0402_sobang_review/con04_01.png) no-repeat 0 0;margin: -5px 0 0 0}
.con02 .commentTbl{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.con02 .commentTbl img{width: auto !important}
.con02 .paging{text-align: center;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}

.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: #f7f7f7}
.con06 .inner {padding: 100px 0}
.con06 .inner .tit {margin-bottom: 19px;font-weight:bold;font-size:14px;font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif}
.con06 .inner dl{font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif;font-size: 13px}
.con06 .inner dl dt {font-weight: bold;margin: 20px 0 5px}
.con06 .inner dl dd {margin: 0 0 2px;position: relative;padding: 0 0 0 10px}
.con06 .inner dl dd  a{color: #d5a83b;border-bottom: 1px solid #d5a83b;font-weight: bold}
.con06 .inner dl dd:before {content: '';position:absolute;top: 8px;left:0;width: 4px;height: 1px;background: #000}

@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: 96%}
    .eventWrap .con_box{width:100%}

        
    .topBn { padding:3vw 0; }


    .con_top{background-size: auto 100%}
    .con_top h3{margin: 0 0}
    .con_top .point{padding: 0 11%}
    .con_top .info .finish { top:-5vw; }
    .con_top .info img{max-width: 200%;width: 106%;margin: 0 0 0 -2%}

    .con01{padding: 0 0 15%}
    .con01 .con_tit{padding: 0;margin: 0}
    .con01 .con_tit +p{padding: 0 18%;margin: 0 0 5%}
    .con01 .slick-dots {text-align: center;position: absolute;bottom: 12px;left: 0;font-size: 0;width: 100%;display:block !important}
    .con01 .slick-dots li{display: inline-block;padding: 0 5px}
    .con01 .slick-dots li button{display: block;width: 7px;height: 7px;font-size: 0;-webkit-border-radius: 100%;border-radius: 100%;background: #c7c7c7}
    .con01 .slick-dots li.slick-active button{background: #363636}
    .con01 .comment_roll .item{padding: 3% 4% 6%;line-height: 1.4;font-size: 13px}
    .con01 .comment_roll .item .tit{font-weight:;margin: 0 0 7px}
    .con01 .comment_roll .item .name{position: absolute;bottom: 50px;right: 4%;bottom: 16%}
    .con01 .event_info{border-width: 2px;overflow: hidden;margin: 0 0 10%;padding: 0 10%}
    .con01 .my_comment .dim div{padding: 5vw 0 0}
    .con01 .my_comment > div.cont{padding: 40px 0;font-size: 13px}
    .con01 .my_comment .tit{font-size: 17px;margin: 0 0 17px}
    .con01 .my_comment .tit strong{color: #d5a83b;border-bottom: 3px solid #d5a83b;padding: 0 4px 2px;margin: 0 2px 0}

    .con02{padding: 0 0 10%}
    .con02.not_gong,.con02.ver0728{padding:15% 0}
    .con02 .con_tit{padding: 0 17%}
    .con02 .evt_info{padding: 0 7%}
    .con02 .list{overflow: hidden;padding: 0 0% 5%}
    .con02 .list h5{margin: 0 -25% 0}
    .con02 .list h5 + img{width: 62%}
    .con02 .list .tip{top: unset;right: 0%;width: 36%;bottom: 15%}
    .con02 .write_btn{width: 61%;margin: 0 auto 8%}
    .con02 .benefit h5{padding: 0 40%}
    .con06 .inner{padding: 50px 0}
    .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}
    .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}
    .con_top h3{margin: 0 0;padding: 0 8%}
    .con_top .point{padding: 0 15%}
    .con_top .benefit{padding: 0 10%}
    .con_top .benefit h4{margin: -8% -7% -5%;overflow: hidden}
    .con_top .benefit h4 img{max-width: 200%;width: 180%;margin: 0 0 0 -39%}

    .con01 .con_tit{padding: 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%}
    .con01 .my_comment .tiny_txt{top: 5px;right: 10px;color: #909090}
    .con01 .my_comment .tiny_txt span{color: #d5a83b}
    .con01 .my_comment .tit{font-size: 14px;margin: 0 0 15px}
    .con01 .my_comment .tit strong{color: #d5a83b;border-bottom: 3px solid #d5a83b;padding: 0 4px 2px;margin: 0 2px 0}

    .con02 .evt_info{padding: 0 3%}
    .con02 .list h5{margin: 0 -25% 0}
    .con02 .list h5 + img{width: 94%}
    .con02 .list .tip{top: unset;right: unset;width: auto;bottom: unset;position: relative;padding: 0 23%;background: #fff2d3;margin: 5% 0 0}
    .con02 .write_btn{width: 69%;margin: 0 auto 8%}
    .con01 .comment_roll .item{padding: 3% 3% 10px;font-size: 11px;font-weight: normal}
    .con01 .comment_roll .item .name{position: relative;bottom: unset;right: unset;display: block;padding: 14px 0 0}
    .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}

    .con01 .my_comment > div.cont{font-size: 12px}
    .con01 .my_comment .dim div{padding: 10vw 0 0}
}


@media (max-width: 576px){    
    
        
    .topBn { padding:3vw 0; }
    .topBn dl {  font-size:2.5vw;  }



    .dim_popup.sns{width:90%}
    .dim_popup.sns .btnConfirm img{width:80px}

    .con06 .inner dl{font-size: 12px}

    .con02 .comment_lst{margin: 0 0 10px}
    .con02 .comment_lst li{font-size:13px}

    .con01 .comment_roll .item .txt br{display:none}
    .con01 .my_comment > div.cont{font-size: 11px}
    .con01 .my_comment .tit{font-size: 12px}
}