@charset "utf-8";
@media (max-width:1700px) {
	#header .container-fluid #gnb {padding-right:250px;}
}
@media (max-width:1200px){
	#header .container-fluid .logo {
        left: 15px; 
    }
    #header .container-fluid #gnb {
        padding-right: 180px; 
    }
    #header .container-fluid .head-util {
        right: 15px; 
    }
    #header .container-fluid .head-util .language {
        margin-right: 30px; 
    } 

	#footer {
        position: relative;
        padding-top: 60px; 
    }
    #footer .company {
        padding: 40px 0; 
    }
    #footer .company .container {
        position: static;
        display: block; 
    }
    #footer .company .container .logo {
        display: block;
        margin: 0 auto; 
    }
    #footer .company .container .information {
        display: block;
        width: 100%;
        text-align: center;
        padding-left: 0;
        margin-top: 30px; 
    }
    #footer .company .container .information > dl > dd > ul > li {
        display: block;
        width: 100% !important; 
    }
    #footer .company .container .foot-util {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #313131; 
    }
    #footer .company .container .foot-util > ul {
        border: 0; 
    }
    #footer .company .container .foot-util > ul > li {
        display: inline-block;
        width: auto;
        margin-right: 20px;
        border: 0; 
    }
    #footer .company .container .foot-util > ul > li:last-child {
        margin-right: 0; 
    }
    #footer .company .container .foot-util > ul > li > a {
        line-height: 60px;
        background: none !important; 
    }
    #footer .copyright {
        text-align: center; 
    } 
}

@media (max-width:1024px){
	#header {
        height: auto; 
    }
    #header .container-fluid {
        height: 80px; 
    }
    #header .container-fluid .logo {
        top: 50%;
        width: 90px;
        transform: translateY(-50%); 
    }
    #header .container-fluid .head-util {
        top: 50%;
        transform: translateY(-50%); 
    }
    #header #gnb {
        display: none; 
    } 
}

@media (max-width:768px){
	#footer {
        padding-top: 50px; 
    }
    #footer .company {
        padding: 30px 0; 
    }
    #footer .company .container .logo {
        width: 100px; 
    }
    #footer .company .container .logo img {
        display: block;
        width: 100%; 
    }
    #footer .company .container .information > dl > dd > ul > li > dl > dt, #footer .company .container .information > dl > dd > ul > li > dl dd {
        font-size: 13px;
        letter-spacing: -1px;
        line-height: 26px; 
    }
    #footer .company .container .information > dl > dd > ul > li > dl dt {
        width: 65px; 
    }
    #footer .company .container .foot-util > ul > li > a {
        line-height: 50px; 
    }
    #footer .copyright .container p {
        font-size: 13px; 
    } 
}