@media (max-width:767px){section.intro{display:none}section.visual{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center}section.visual img{width:81vw}section.invite .invite_box{align-items:center;gap:60px;width:100%}section.invite img{margin-bottom:20px;width:201.5px}section.invite .text_box span:first-of-type{color:#dcdcdc;font-size:18px;letter-spacing:-.4px;margin-bottom:0}section.invite .text_box span:last-of-type{color:#dcdcdc;font-size:18px;font-weight:500;letter-spacing:-.15px;line-height:20px;text-align:center}section.invite .info_box .divide_bar{display:none}section.invite .text_box h2{font-size:43px;font-weight:700;line-height:51px}section.invite .info_box{flex-direction:column;gap:5px;margin-top:39px}section.invite .group_btn{flex-direction:column;gap:12px;width:calc(100% - 40px)}section.invite .group_btn a{font-size:14px;gap:5.6px;height:45px;width:100%}section.invite .group_btn a .icon{background-size:100% 100%;height:14px;width:14px}section.invite .group_btn a:first-of-type{background:#9afc4a}section.invite .group_btn a:last-of-type{background:#fff;color:#222}section.painpoints{flex-direction:column;gap:40px;height:auto;padding:80px 0 76px}section.painpoints .text_box{gap:5px}section.painpoints .text_box span{font-size:16px}section.painpoints .text_box h2{font-size:32px;line-height:36px;text-align:center}section.painpoints .bubble_list.pc{display:none}section.painpoints .bubble_list{display:flex;flex-direction:column;gap:10.4px;padding:0 20px;width:100%}section.painpoints .bubble_list li{display:flex}section.painpoints .bubble_list li .bubble_item{height:84.597px;position:relative}section.painpoints .bubble_list li:nth-child(2n){justify-content:flex-end}section.painpoints .bubble_list li:first-child .bubble_item{left:unset;top:unset;width:230px}section.painpoints .bubble_list li:nth-child(2) .bubble_item{left:unset;top:unset;width:225px}section.painpoints .bubble_list li:nth-child(3) .bubble_item{left:unset;top:unset;width:230px}section.painpoints .bubble_list li:nth-child(4) .bubble_item{left:unset;top:unset;width:268px}section.painpoints .bubble_list li:nth-child(5) .bubble_item{left:unset;top:unset;width:216px}section.painpoints .bubble_list li:nth-child(6) .bubble_item{left:unset;top:unset;width:268px}section.answer{background:url(https://resource.midasuser.com/hubfs/MIDAS_CIVIL_MEC_Solver/img/img_bg_answer_mo.jpg) no-repeat;background-size:100% 100%;gap:44px;height:auto;padding:80px 0}section.answer img{margin-bottom:11px;width:365px}section.answer h2{font-size:28px;line-height:28px}section.answer h2 img{width:200px}section.answer .card_list{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:0 20px;scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;scroll-padding-left:20px}section.answer .card_item{flex:0 0 80%;height:296px;max-width:254px;scroll-snap-align:start}section.answer .card_list::-webkit-scrollbar{display:none}section.answer .card_text{font-size:20px;margin-bottom:30px}section.answer .card_reveal{gap:30px}section.answer .card_reveal .card_text{font-size:20px;line-height:26px}section.answer .card_reveal span{font-size:14px;line-height:19px}section.answer .card_item:hover .card_base{filter:brightness(1)}section.answer .card_item:hover .card_reveal{transform:translateY(100%)}section.answer .card_item .card_base{filter:brightness(1)}section.answer .card_item .card_reveal{transform:translateY(100%)}section.answer .card_item.active .card_base{filter:brightness(.6)}section.answer .card_item.active .card_reveal{transform:translateY(0)}section.improvement{height:auto}section.improvement .inner{gap:40px;height:auto;margin:0;max-width:unset;padding:60px 20px 80px}section.improvement h3{line-height:0}section.improvement .text_box{flex-direction:column}section.improvement .video_area{height:auto}section.improvement .hint_text{font-size:13px}section.compare{height:auto;margin-top:unset}section.compare .inner{gap:40px;height:auto;justify-content:flex-start;margin:0;max-width:unset;padding:60px 20px}section.compare h3{line-height:36px}section.compare .text_box{flex-direction:column}section.compare .video_area{gap:unset;height:auto}section.skill{height:auto;margin-top:unset}section.skill h3{align-items:center;flex-direction:column;gap:3px}section.skill h3 img{width:215px}section.skill .inner{margin:0;max-width:unset;padding:80px 0}section.skill .group_btn{gap:25px;height:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;width:100%;-webkit-overflow-scrolling:touch;margin:40px 0 16px;padding:0 20px;scroll-padding-left:20px}section.skill .group_btn a{flex:0 0 auto;font-size:15px;height:28px;max-width:254px;scroll-snap-align:start}section.skill .group_btn::-webkit-scrollbar{display:none}section.skill .group_cont{padding:0 20px;width:100%}section.skill .cont_tab{flex-direction:column;height:auto}section.skill .cont_tab .text_box{order:2;padding:30px 20px;width:100%}section.skill .cont_tab .text_box strong{font-size:18px;line-height:24px;margin-bottom:16px}section.skill .cont_tab .text_box p{font-size:14px;line-height:20px}section.skill .cont_tab img{height:auto;width:100%}section.skill .badge_text{font-size:12px;height:22px;line-height:22px;margin-bottom:8px;padding:0 6px;width:84px}section.register{padding:80px 0}section.register .inner{margin:0;max-width:unset;width:100%}section.register h3{margin-bottom:0}section.register .time_box{gap:6px;margin:20px 0 8px}section.register .time_box .point{font-size:12px;height:18px;line-height:18px;margin-right:4px;padding:0 6px}section.register .time_box .poin:before{display:none}section.register .time_box span{font-size:15px}section.register .divide_bar{height:8px;width:1px}section.register p{font-size:14px;line-height:22px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-booleancheckbox-display span,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-checkbox-display span,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 label{font-size:14px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-booleancheckbox-display>span:before,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-checkbox-display>span:before{height:20px;margin-right:6px;width:20px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-booleancheckbox input[type=checkbox]:checked+span:before,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-checkbox input[type=checkbox]:checked+span:before{height:20px;width:20px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .input input,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .input select{font-size:16px;line-height:24px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21>div{width:100%}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs_submit .actions input{font-size:16px;height:60px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .hs-form-booleancheckbox-display span>p{font-size:14px}section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .input input::placeholder,section.register #hsForm_a1e0e74d-0a0e-44b8-ba03-57039083eb21 .input select::placeholder{font-size:14px}section.register .msg_submitted h3{margin-bottom:20px}section.register .msg_submitted p{letter-spacing:-.28px;margin-bottom:40px}section.register .group_btn{flex-direction:column;gap:12px}section.register .group_btn a{background:#fff;color:#222;font-size:14px;gap:5.6px;height:45px;width:100%}section.register .group_btn a .icon{background:url(https://resource.midasuser.com/hubfs/MIDAS_CIVIL_MEC_Solver/icon/icon_arrow.svg) no-repeat;background-size:100% 100%;height:14px;width:14px}}