.hdrwrap>header>.gnbWrap>.gnb{width: 75%;}
    .hdrwrap>header>.gnbWrap>.gnb>div{}  
    .hdrwrap>header>.gnbWrap>.gnb>div>a{font-size: 16px;}

    .hdrwrap .lnb_wrap>.lnb{width: 75%; margin: 0 auto;}
    .hdrwrap>header>.logo{width: 60px; background-size: cover; position: absolute;}
    
    footer>div{width: 95%;}
    footer .company>div{width: 85%;}
    footer .company>div>.logo{width: 60px}
    footer .info>.details{width: 260px;}
    footer .info>span>a{margin: 0 3px;}
    footer ul>li{
        width: 95%;
}
    .container>.sub_visual{}
    .container>.sub_visual>h1{font-size: 70px; padding-top: 260px;}
    .container>.sub_visual>.lnb{height: 0;}
    .container>.sub_visual>.lnb>.location{
        margin: 0 auto; padding-top: 275px; box-sizing: border-box; 
        background-color: rgba(255, 255, 255, 0); width: 266px; overflow: hidden;
    }
    .container>.sub_visual>.lnb>.location>li{
        font-weight: 100; float: left; width: 80px;text-align: center; padding-top: 0px; height: 70px;
    }
    .container>.sub_visual>.lnb>.location>li.rotate{  
        writing-mode:  inherit; 
                
        /* Chrome/Safari */
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: 50% 50%;
        
        /* Firefox */
        -moz-transform: rotate(0deg); 
        -moz-transform-origin: 50% 50%;
        
        /* IE9 */
        -ms-transform: rotate(0deg);
        -ms-transform-origin: 50% 50%;
        
        /* IE10 and other modern browsers that do not need vendor prefixes */
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        
        /* IE8 */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
        
        /* IE7 or less */
        *zoom: 1;
        *writing-mode: inherit;
        *filter: flipv fliph;
        
        
    }
    .container>.sub_visual>.lnb>.location>li:nth-child(1){
         width: 24px; height: 70px; 
    }
    .container>.sub_visual>.lnb>.location>li.home_img{
        background-image: url(../img/home_white.png); background-position: center; background-repeat: no-repeat;
    }

    .container>.sub_visual>.lnb>.location>li>img{
        display: block;  margin: 32px auto 0; 
    }
    .container>.sub_visual>.lnb>.location>li:nth-child(2){
        padding-top: 0; width: 40px; line-height: 70px; padding-top: 0;}
    .container>.sub_visual>.lnb>.location>li:nth-child(4){color: #fff; width: 40px; line-height: 70px; }
    .container>.sub_visual>.lnb>.location>li:nth-child(5){color: #fff;}    
    .container>.sub_visual>.lnb>.gnb_sub_wrap{
        width: 100%; height: 70px; background-color: #fff;  box-shadow: 3px 4px 3px rgba(0, 0, 0, 0.2);
    }
    .container .fixed{
        top: 10px; position: fixed;
    }
    .container>.sub_visual>.lnb ul.gnb_sub{width: 95%; margin: 0 auto;}
    .container>.sub_visual>.lnb ul.gnb_sub>li{
        float: left; text-align: center; line-height: 70px; width: 16.6666%;
        border-bottom:0px solid #fff; font-size: 16px; 
    }



    .contents{
        width: 100%;
        margin: 60px auto 0; 
    }
    .contents>.sub_title{
        text-align: center; font-weight: 400;
        width: 97%;
    }
    .contents>.sub_title>p{
        font-size: 18px; color: #505050; font-weight: 400;
    }
    .contents>.sub_title>h2{ 
        font-size: 36px; font-weight: 400;
    }
    .contents>.substance{
        margin: 0 auto; margin-top: 4%; width: 97%; 
    }
    .contents>.substance>*{
    }






.Tgroup{}
.Tgroup>h3{font-size: 18px; line-height: 32px;}
.Tgroup>p{font-size: 14px; line-height: 24px;}