/* 모바일 */
@media screen and (max-width: 768px) {

  @keyframes xback {
    0% {
      background-size: 800%;
    }
    100% {
      background-size: 300%;
    }
  }
  @keyframes dupdown{
    50%{
      font-size:2.0rem;
    }
  }

  /*백그라운드 이미지가 점점커지며 나타남*/
  @keyframes organization_appear {
    100% {
      background-size:98%;
    }
  }
  
  .jump_text{
    position:absolute;
    display:block;
    width:100%;
    opacity: 0;
    animation: 0.5s ease-out 1s 1 downup forwards;
  }
  .xcanvas{
    width:100%;
    min-height:500px;
    margin:-100px auto;
  }

  .mobile_only{
    display:inherit;
  }

  .pc_only{
    display:none;
  }

  .left_margin50{
    margin-left:0px !important;
  }
  
  .right_margin50{
    margin-right:0px !important;
  }

  .px-4{
    padding-left:0 !important;
    padding-right:0 !important;
  }


  .menu1:hover .sub_back {
    display: none;
  }

  .main_logo_box {
    margin-left: 0px;
  }

  .back_organization{
    margin-bottom:0px !important;
  }
  .organization, .organization_e{
    width: 100%;
    height:430px;
  }

  .content_sub{
    width:100%;
    min-height: 950px;
  }

  .back_about_us{
    background-repeat:no-repeat;
  }

  .back_about_us::after{
    background:linear-gradient(to bottom, transparent, #fff);
    display:block;
    position:absolute;
    margin-top:-300px;
    width:100%;
  }

  .header:hover{
    background:unset;
  }

  .main_logo_description{
    white-space: inherit;
    margin-top: 0px;
  }
  
  .xbetween h4 {
    width:99%;
    margin:0 !important;
  }

  .footer{
    display: flex;
    flex-direction: column;
    align-items: center;
    height:unset;
    padding: 0;
  }

  .footer-menu>li, .footer .address-list>li {
    margin-top: 10px;
  }

  #footer .footer .footer-menu {
    padding-top: 30px;
    padding-left:0;
  }

  #footer .footer address ul {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
  }

  
  .circle{
    display:none;
  }

  .language_box{
    color: #fff;
  }

  .menu{
    width:100%;    
    padding: 30px 0px 0 0px;
    border-bottom:unset;
  }
  .menu_logo, .menu_blogo {
		width:100px;
		height:37px;    
    margin-left:30px;
    margin-right:unset;
	}

  .menu button{
    margin-right:10px;
  }

  .main_logo, .dmain_logo {
		font-size:1.8rem;
	}

  .main_logo_description, .dmain_logo_description{
    font-size:1rem;
  }

  .menu span{
    display:none;
  }

  
  .navbar-toggler-icon{
    display:block !important;
  }

  .i_contents{
    width:100%;
  }

  

  .tback{
    border-top: 0px solid #252424;
  }
  
  .tback, .tback .tfilter {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }

  .content_main .content_main_h4 {
    
    width:100%;
    font-size: 1.1rem;
    margin-bottom: 25px;
    margin-left: 0px;
    padding: 0 0px;
  }

  

  .gray{
    margin-top: 30px;
    margin-left: 30px;
    width: 80px;
    height: 30px;
    order: 2;
  }
  address{
    order:3;
  }

  .footer-menu {
    margin: 0;
    order:1;
  }
  

  .footer-select {
    order:4;
    position:relative;
  }

  .footer .select {
    margin-top:unset;
    margin-bottom:30px;
  }

  .footer .address-list li {
    margin-left:unset;
  }

  .xbetween {
    display: block;
  }


  .content_main .main_desc{
    text-align:center;
  }


  .subt, .subt2{  
    font-size:1.3rem;
  }
  
  .subt .support{
    font-size:1.0rem;
  }
  
  .subt2{  
    font-size:1.1rem;
  }

  .desc{
    font-size:0.9rem;
  }

  .subt, .desc{
    padding:0 10px;
  }

  .philosophy1{
    height:280px;
    background-size:190%;
  }

  .philosophy2{
    height:350px;
    background-size:100%;
  }
}