@media screen and (max-width:600px){
    .subtitle .main { word-break: auto-phrase;}
    .subtitle span {font-size: 0.8rem;}
    .subtitle .main {font-size: 1.5rem; margin:0 0 10px 0;}
    .subtitle .sub {font-size: 1rem;}


    #m_menu .inner {padding: 11px 20px;}
    #m_menu .top .btn {padding: 0;}
    #m_menu .logo img {width: 140px;}
    #m_menu .crm_btn a{display: flex; align-items: center; justify-content: space-between; background: #EDECFF; padding: 17px 20px; border-radius: 8px; margin: 20px 0 0 0;}
    #m_menu .crm_btn a .left{display: flex; align-items: center; gap: 15px;}
    #m_menu .crm_btn a .left p{color: #3E3A83; font-size: 1.1rem;}
    #m_menu .menu {margin:10px 0;}
    #m_menu .menu .box a{display: flex; justify-content: space-between; width:calc(100% - 40px); margin:0 auto; padding: 17px 0; border-bottom: 1px solid #e2e2e2;}
    #m_menu .menu .box a img {width:6px;}
    #m_menu .menu .box:last-of-type a{border:0;}
    #m_menu .menu .box a p{font-size: 1.2rem;}
    #m_menu .menu .box.dubble{display: flex; align-items: flex-start; padding: 20px 20px; border-bottom: 1px solid #e2e2e2;}
    #m_menu .menu .box.dubble .left{width: 120px;}
    #m_menu .menu .box.dubble .left p{font-size: 1.2rem; padding: 6px 0 0 0;}
    #m_menu .menu .box.dubble .right{width: calc(100% - 120px);}
    #m_menu .menu .box.dubble .right a{display: flex; justify-content: space-between; width: 100%; padding: 0; border: 0; padding: 5px 0;}
    #m_menu .menu .box.dubble .right a p{font-family: 'pre_L'; font-size: 1.2rem;}
    #m_menu .csinfo{display: flex; flex-direction: column; gap: 7px; background: #F6F6F6; padding: 20px 14px; border-radius: 6px; position: inherit; width: calc(100% - 40px); bottom: auto; left: auto;}
    #m_menu .csinfo .left{display: flex; align-items: center; gap: 4px; justify-content: center;}
    #m_menu .csinfo .left img{width: 14px;}
    #m_menu .csinfo .left p{font-size: 1.3rem; font-family: 'pre_B';}
    #m_menu .csinfo .right p{font-size: 0.9rem; font-family: 'pre_L'; text-align: center;}
    #m_menu .csinfo .right p span{display: block; font-size: 0.9rem;}

    #select { padding: 100px 0 80px 0; }
    #select .boxwrap { grid-template-columns: 1fr; gap: 14px; }
    #select .boxwrap .box { padding: 22px; gap: 14px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
    #select .boxwrap .box .icon img { width: 48px; }
    #select .boxwrap .box .text .title { font-size: 1.1rem; }

    #exper .left .subtitle .main span {font-size: 1.6rem;}

    .floating { width: 140px; padding: 13px 0;}
    .floating.on {bottom: 20px;}
    .floating p {display: none;}
    .floating span { font-size: 1rem;}

    #footer .top .wrap .menu .menu a {font-size: 0.9rem;}
    #footer .top .wrap .menu {gap: 8px;}
    #footer .center .wrap {gap:3px;}

    #contact {padding:110px 0 100px 0;}
    #contact .title .txt1 {font-size: 1.6rem;}
    #contact .title .txt2 {font-size:1rem;}
    #contact .input_wrap .name {width:80px;}
    #contact .input_wrap .right {    width: calc(100% - 80px);}
    #contact .input_wrap.email {display: block;}
    #contact .input_wrap.email .right {width: 100%;}
    #contact .mail_wrap select {width: 130px;}
    #contact .mail_wrap input {width: calc(50% - 85px); padding: 14px 6px;}


    #contact_com {padding: 140px 0 90px;}
    #contact_com .title {font-size: 1.6rem;}
    #contact_com .sub {font-size: 1rem;}
    #contact_com a {width:140px; height: 50px; font-size: 1rem;}
    #contact_com a img {width:16px;}

    .faq_list {padding: 110px 0 100px 0}
    .faq_list .list {animation: none; opacity: 1; margin: 20px 0 0 0;}
    .faq_list .title h2 {font-size: 1.5rem; margin:0 0 4px 0;}   
    .faq_list .title span {width: 75px; height: 32px;}
    .faq_list .title p {font-size: 1rem;}
    .faq_list .title span {margin: 0 auto 20px;}
    .faq_list .search_wrap {height:60px; max-width: 100%; margin: 20px auto 0;}
    .faq_list .search_wrap select {padding:  0 0 0 30px; width: 120px; font-size: 1rem;}
    .faq_list .search_wrap button {width: 48px;}
    .faq_list .search_wrap input[type="search"] {width: calc(100% - 168px);}
    .faq_list .search_wrap button img {width:24px;}
    .faq_list .list {animation-delay: 0.3s !important; margin: 30px 0 0 0;}
    .faq_list .category {margin: 20px 0;     gap: 7px;}
    .faq_list .category span {font-size: 0.9rem;     padding: 3px 14px;}
    .faq_list .list ul li a {padding: 20px 10px 20px 10px;}
    .faq_list .list ul li a .text {flex-direction: column; gap:10px; padding: 0 20px 0 0}
    .faq_list .list ul li a p {width: 100%; font-size: 1rem;}
    .faq_list .list ul li a span {padding: 2px 9px; font-size: 0.8rem;}
    .faq_list .list ul li a img {opacity: 0.5;}

    #faq_content {padding: 110px 0 100px 0;}
    #faq_content .content .title .name {font-size: 1.2rem; margin: 0 0 30px 0;padding: 0 0 30px 0;}
    #faq_content .content .btn {margin: 40px 0 0 0;}
    #faq_content .content .btn a {padding: 9px 19px;}
    #faq_content .faq_list .faq_con_h2 {font-size: 1.2rem;}

    .faq_list.faq_in {padding: 70px 0;}
    .faq_list.faq_in .list {margin:20px 0 0 0;}
    .faq_list.faq_in .list ul li {border-bottom: 1px solid #e0e0e0;}

    #notice_list {padding:110px 0 100px 0;}
    #notice_list .list .top {margin: 50px 0 40px 0; flex-direction: column; align-items: center; }
    #notice_list .list .top .count {margin: 0 0 20px 0;}
    #notice_list .list ul li a {position: relative;}
    #notice_list .list ul li a span {position: absolute; top:30px; left: 20px;}
    #notice_list .list ul li a .date {position: absolute; top:30px; right:20px;}
    #notice_list .list ul li a .txt {width:100%; padding: 30px 0 0 0;}

    #notice_content {padding:110px 0 50px 0;}
    #notice_content .content .title .name {font-size: 1.2rem; margin: 0 0 40px 0; padding: 0 0 50px 0;}
    #notice_content .content .btn {margin: 40px 0 0 0;}
    #notice_content .content .btn a {padding: 9px 19px;}

    .subcontent .main {margin: 170px 0 0 0;}
    .subcontent .title h2 {font-size: 1.6rem; margin: 0 0 10px 0;}
    .subcontent .title p {font-size: 1rem;}

    .subcontent .menu a {padding: 20px 10px; font-size: 1rem; padding: 14px 11px; border-bottom: 2px solid #e3e3e3;}
    .subcontent .menu a.on {border-bottom: 2px solid #396AFF;}
    
}


@media (max-width: 480px){
  #second { padding: 80px 0 0 0; }
  #second .boxwrap { margin: 40px 0 0 0; gap: 14px; }
  #second .boxwrap .box { padding: 28px; border-radius: 22px; }
  #second .boxwrap .box .text { padding: 0 0 190px 0; }
  #second .boxwrap .box .text .title { font-size: 1.4rem; }
  #second .boxwrap .box .text .sub { font-size: 1rem; line-height: 1.35; }
  #second .boxwrap .box img { bottom: 12px; }
  #second .boxwrap .box:nth-of-type(2) img { width: 72%; }
}
@media (max-width: 360px){
  #second .boxwrap .box { padding: 22px; }
  #second .boxwrap .box .text { padding: 0 0 170px 0; }
  #second .boxwrap .box .text .title { font-size: 1.28rem; }
  #second .boxwrap .box img { bottom: 10px; width: 94%; }

    #select { padding: 90px 0 70px 0; }
  #select .boxwrap .box { padding: 18px; gap: 12px; }
  #select .boxwrap .box .icon img { width: 44px; }
  #select .boxwrap .box .text .title { font-size: 1.02rem; }
}