﻿
@media screen and (max-width:1750px) {
    /* 리엔소프트 서브페이지 컨텐츠 영역 */
    .banner_txt > p {width: 55%; }
}

@media screen and (max-width:1280px) {
    .Size-wrapper{width:96%;}
    .banner_txt > p {width:70%;}
    .entry_info, .entry_detail, .privacy-info {   
     width:90%;
     padding-bottom:2em;
     margin:auto;
    }    
    .privacy-info h1 {margin-top:1.8em;}
    .entry_contact div input{width:92%;}
    .page_title{ margin-bottom:2em; }

/* sub5 */    
    .sub5_box div { width: 30%;margin:10px;}
}

@media screen and (max-width:980px) {   
    /* Main 비즈니스 시작 */    
  .content{
	  flex-flow:row wrap;	
      width:90%; 
      margin:auto;
      padding-bottom:100px;
  }
  .content>div{ width:49%; margin-bottom:1.4em;}
  .content_name:hover {
        width: 49%;
        height: 320px;    
        cursor: pointer;
    }
   
    .fixed_bg p {width: 100%;}
    .footer_wrap{display:none;}
    .footer_info2{display:none;}

    /* 리엔소프트 서브페이지 컨텐츠 영역 */
    .sub4_bg1{height:100%;}
    .sub_content p, .sub_content_img{ width:90%;}     

      .Map_info{
      flex-flow:row wrap;	
      width:100%; 
      margin:auto;
      padding:0 1em;
    }

      .Map_info div{
          width:100%;
          margin-bottom:20px;
      }


      /* 회사소개 자격증명 이미지 */
     .Certificate{width:70%;}
     .Certificate img{width:46%; }


     /*태블릿용 풋터*/
     .footer{height:100%; padding:20px;}
     .footer_pc{display:none;}
     .footer_mb{display:block; width:100%; }        
        .footer_mb ul { width: 98%;margin: auto;}
            .footer_mb ul li {
                font-size: 12px;
                color: #d9d9d9;
                padding-right: 10px;
                margin-right: 10px;
                float: left;
                background: url('../Image/f_line.gif') no-repeat 100% 5px;
            }


}


@media screen and (max-width:780px) {

.entry_contact div input{width:65%;   }
header {z-index: 9998;}
.Size-wrapper {width: 92%;}
      
    #Logo-wrapper img {
        width: 150px;
        margin:0 auto;
    }

    .MainText-wrapper > img {
        width: 70%;
    }

    .MainText-wrapper > p {
        font-size: 15px;
        padding: 0 2em;
    }

    #JKNavToggle {
        display: block;
    }

    #Info-wrapper {
        display: none;
    }

    #Logo-wrapper {
        width: 100%;
        text-align: center;
    }

    nav {
        display: none !important;
    }

    .sf-menu {
        display: none !important;
    }


    #Sitemap-wrapper {
        display: none;
    }

    .SubnavTitle {
        margin-bottom: 0.4em;
    }

    /* 리엔소프트 메인 */
    .banner_1 {
        height: 500px;
    }

    .banner_txt {
        width: 98%;
    }

        .banner_txt h1 {
            font-size: 34px;
            padding-top: 150px;
            letter-spacing: -1px;
        }

        .banner_txt p {
            width: 85%;
            font-size: 13px;
            letter-spacing: -1px;
        }

        .banner_txt span {
            margin-top: 30px;
        }

    /* 리엔소프트 서브페이지 공통 컨텐츠 영역 */

    .sub_content ul {
        width: 90%;
        margin-left: 20px;
        margin-top:30px;
    }

        .sub_content ul .ul_title {
            font-size: 2em;
        }

        .sub_content ul li {
            font-size: 1.3em;
        }

    .sub_content2 > img {
        width: 100%;
    }

    .sub_img, .sub_img2 {
        padding: 13% 2% 5% 2%;
    }
    .sub_img img, .sub_img2 img{
        width:98%;
        padding-top:0;
        margin-bottom:0;
        height:auto!important;
        max-height:auto!important;
        min-height:auto!important;
    }
    .sub_img2, .sub_img {
        height: 100% !important;
        max-height: auto !important;
        min-height: auto !important;
    }


    .carousel-inner .Size-wrapper ul {
        max-height: auto !important;
        min-height: auto !important;
        height: 100% !important;
    }
/*    .carousel-control {
        opacity:0!important;
    }
*/

    /* 메인 비즈니스 박스*/
    .content {
        width: 100%;
        margin: auto;
    }

        .content > div {
            width: 100%;
            margin-bottom: 1.4em;
        }

    .content_name:hover {
        width: 100%;
        height: 320px;
        /* background-color:#005cb2; */
        cursor: pointer;
    }
    /* 메인 비즈니스 박스 끝*/

    .fixed_bg {
        height: 200px;
    }

    .fixed_bg_txt {
        padding-top: 3em;
    }

    .fixed_bg h1 {
        font-size: 4em;
        margin-bottom: 8px;
    }

    .fixed_bg .fixed_bg_txt p {
        width: 90%;
        font-size: 15px;
    }

    .mb_title {
        padding-top: 5em;
    }

        .entry_contact div input{width:80%;}


/*sub5*/
     .sub5_box div{ width:45%;}
     .Certificate{width:90%;}
     .Certificate img{width:45%; }


}






@media screen and (max-width:480px) {
 
        /* 리엔소프트 메인 */
    .banner_1{height:350px;}
    .banner_txt{width:98%;}
    .banner_txt h1{
        width:250px; 
        margin:auto;
        font-size:30px;
        padding-top:60px;
        line-height:40px;
        margin-bottom:10px;
    }
    .banner_txt p{width:90%; font-size:11px; padding-top:10px;}  
    .banner_txt span{margin-top:20px; font-size:10px;}
    
    /* 리엔소프트 */

    .fixed_bg {
        height: 200px;
        min-height: 234px;
    }
    .fixed_bg_txt {
        padding-top: 3em;
        word-break: keep-all;
    }   
    .fixed_bg h1{
        font-size:2.5em;
        margin-bottom:12px;
    }
    .fixed_bg p {
        width: 95%;
        font-size:1em !important;
    }

    .mb_title{padding-top:5em;}


      
    /* 리엔소프트 서브페이지 컨텐츠 영역 */
     .sub_content p{
        width:95%;  
    }

    .sub_content_img{
     width:95%;      
}
     .sub_content_img img{
     width:95%;     
     margin:auto;  
     margin-bottom:20px;    
}
    
 /*sub5*/
     .sub5_box div{ width:100%;}
     .Certificate img{width:47%; margin:auto; margin-bottom:20px;}

     .footer_mb ul li {
         background:none;
         width:100%;
     }

}


