@media screen and (max-width:600px){
    #visual .visual_pc {width: 107%; left: 80%; bottom: -2px;}
    #visual .inner {position: relative; padding: 0; overflow: hidden; width: calc(100% - 40px); margin: 0 auto;}
    #visual .icon_2 {width: 23%; right: -2%}
    #visual .icon_3 {width: 48%}
    #visual .icon_6 {width: 42%;}
    #visual .text .btn_wrap a {width: max-content}

    .join_section_1 .btn_wrap {display: block; margin: 40px 0 0 0;}
    .join_section_1 .btn_wrap a {justify-content: center; margin: 10px 0}

    .join_section_2 .box_wrap a .title {font-size: 1.4rem;}
    .join_section_2 .box_wrap a span {width: 100px; height: 38px;}
    .join_section_2 .box_wrap a img {height: 66px; margin: 0 0 20px 0;}

    #go_top {width: 50px; height: 50px;}

    #popup {top: 50%; left: 55%; right: auto; transform: translate(-50%, -50%)}
    #popup .popup_content {width: 90%;}
    #popup a {width: 100%; max-width: 100%;}

}
@media screen and (max-width:500px){
    html {font-size: 13px;}
    .inner_1300 {padding: 60px 20px}
    #header_m .inner {padding: 0;}
    #header_m a img {height: 16px;}
    #header_m h1 img {height: 23px;}
    
    #mo_gnb .container {padding: 27px 24px 0 30px}
    #mo_gnb .menu > a {font-size: 1.6rem;}
    #mo_gnb .menu .submenu a {font-size: 1.4rem;}
    #mo_gnb .bottom {bottom: 110px; display: block;}
    #mo_gnb .bottom a {margin: 8px 0;}

    .main_tit h3 {font-size: 2.1rem;  }
    #visual .text {top: 8%;}
    #visual .text h2 {font-size: 2.1rem;}
    #visual .text h3 {font-size: 1.2rem;}
    #visual .icon_1 {width: 50px; height: 50px;}
    #visual .icon_1 img {width: 330%;}
    #visual .icon_3 {width: 59%}
    
    #visual .icon_6 {display: none;}
    
    #footer > .top {padding: 60px 0;}
    #footer .top .inner .left img {height: 30px;}
    #footer .top .inner .center ul {gap: 20px;}
    #footer .top .inner .right a img {width: 95px;}
    #footer .bottom .inner .top img {width: 120px;}
    #footer .bottom .inner .top .terms {gap: 14px;}
    #footer .bottom .inner .bottom .left {margin: 40px auto 40px; gap: 10px;}
    #footer .bottom .inner .bottom .left .box span {margin: 0 10px 0 0;}

    section.subtitle .container {padding: 40px;}
    section.subtitle .pagenation {gap: 20px;}
    section.subtitle .pagenation .home {height: 12px;}
    section.subtitle .text {margin: 0 0 60px 0;}

    .sub_easy {padding: 60px 0;}
    .sub_easy .box {gap: 20px; align-items: flex-start; background-color: #fafafa; padding: 30px; border-radius: 20px;}
    .sub_easy .box img {width: 80px;}
    .sub_easy .box_wrap {margin: 40px 0 0 0; gap: 30px;}
    

    #section_1 .yt_wrap {margin: 50px 0 0 0;}
    #section_2 .left img {max-width: 180px}
    #section_2 .inner_1300 {gap: 30px;}

    #section_3 .right .back {width: 100%;}
    #section_3 .right .bubble {left: -4%; width: 57%;}
    #section_3 .tag_wrap .more {margin: 30px 0 40px 0;}

    #section_4 .image_wrap {margin: 40px 0 0 0;}

    #section_6 {padding: 80px 0 60px 0;;}
    #section_6 .marquee {margin: 40px 0 0 0}
    #section_6 .track {margin: 8px 0;}
    #section_6 .track img {width: 100px;}

    .sale_call_section_1 .left {max-width: 160px;}
    .sale_call_section_1 .right {width: 100%;}

    .sale_call_section_3 .inner_1300 {padding: 60px 20px 60px 20px;}
    .sale_call_section_3 img {display: none;}
    .sale_call_section_3 img.mo {display: block !important; width: 110%; margin: 30px 0 0 0;}

    .full_container {padding: 10px 0  60px 0;}
    .full_container .full_left {padding: 50px 0 0 0;}
    .full_container .full_right {padding: 50px 0 0 0}

    .sale_crm_section_2 {padding: 60px 0;}
    .sale_crm_section_2 .box_wrap {grid-template-columns: 1fr 1fr; gap: 18px; margin: 40px 0 0 0;}
    .sale_crm_section_2 .box_wrap .box {padding: 30px 20px;}
    .sale_crm_section_2 .box_wrap .box .title {margin: 0 0 10px 0;}
    .sale_crm_section_2 .box_wrap .box p.text {font-size: 0.9rem;}

    .sale_mgm_section_2 {padding: 60px 0;}
    .sale_mgm_section_2 .box_wrap {grid-template-columns: 1fr;}
    .sale_mgm_section_2 .box_wrap .box {padding: 40px 20px; display: flex;  }
    .sale_mgm_section_2 .box_wrap .box img {height: 50px;}
    .sale_mgm_section_2 .box_wrap .box .title {font-size: 1.1rem;}

    .sale_mgm_section_3 {padding: 60px 0;}

    .pro_crm_section_3 {padding: 60px 0;}
    .pro_crm_section_3 .box_wrap {margin: 50px 0 0 0; gap: 20px; padding: 30px;}
    .pro_crm_section_3 .box_wrap .box p {width: max-content}
    .pro_crm_section_3 .box_wrap .box img {width: 55px;}
    
    .add_section_1 {padding: 60px 0 80px 0;}
    .add_section_1 .right {gap: 20px; }
    .add_section_1 .right .box {padding: 18px; border-radius: 20px;}
    .add_section_1 .right .box img {height: 50px;}
    .add_section_1 .right .box .title {margin: 20px 0 12px 0; font-size: 1.1rem;}
    .add_section_1 .right .box .text {padding: 0 0 0 11px; font-size: 0.9rem;}

    .add_section_2 {padding: 60px 0;}
    .add_section_2 .image_wrap {margin: 30px auto 0;}

    .add_section_3 {padding: 60px 0;}
    .add_section_3 .box_wrap {grid-template-columns: 1fr;}

    .add_section_4 {padding: 60px 0;}
    .add_section_4 .image_wrap {margin: 30px auto 0;}

    .add_section_5 {padding: 60px 0;}
    .add_section_5 .image_wrap {margin: 30px auto 0;}
    
    .add_section_6 {padding: 60px 0;}

    .add_section_7 {padding: 60px 0;}

    .add_section_8 {padding: 60px 0;}

    .add_section_9 {padding: 60px 0 0 0}

    .add_section_10 {padding: 60px 0;}

    .add_section_11 .center {margin: 30px auto 20px;}
    .add_section_11 .box_wrap .container .box img {height: 19px;}

    .add_section_12 .box_wrap {display: block;}
    .add_section_12 .box_wrap .box {margin: 10px 0;}

    .join_section_1 {padding: 60px 0;}
    .join_section_1 .btn_wrap a p {font-size: 1.5rem;}

    .join_section_2 .box_wrap {margin: 40px 0 0 0; gap: 20px; padding: 0 20px;}
    .join_section_2 .box_wrap a {width: 50%; padding: 30px 20px;}
    .join_section_2 .box_wrap a img {height: 56px;}
    .join_section_2 .box_wrap a span {width: 90px; height: 32px;}
}