.company-top{width: 100%;position: relative;top: -11px;}
.company-top .company-top-area{overflow: hidden;margin: 0 auto;max-width: 1180px;background-color: #fff; border-bottom: 1px solid #000;}

.company-top .company-top-area h2 span{font-size: 24px;font-weight: 600;letter-spacing: -.065em;padding: 10px 0;line-height: 45px;display: inline-block;}

.company-top .company-top-area ul{overflow: hidden;float: right;margin-top: 7px;line-height: 50px;}
.company-top .company-top-area li{float: left;}
.company-top .company-top-area li span{font-size: 16px;letter-spacing: -.065em;line-height: 50px;padding: 0 10px; font-weight: 600;display: inline-block;}
.company-top .company-top-area li:after{content: "";width: 1px;height: 16px;margin: 17px 0 0 0;border-right: 1px solid #000;display: inline-block;}
.company-top .company-top-area li:last-child:after{content: none;}

.company-top .company-top-area .mobile-title{display: none; text-align: center;}
.company-top .company-top-area .mobile-title span{font-size: 20px; font-weight: 600; line-height: 40px; padding: 5px 0;letter-spacing: -.065em;;line-height: 45px;display: inline-block;}

/* 모바일 gnb */

/* 모바일 gnb */

/*공통*/
.company{max-width: 1180px;margin: 20px auto}        
.company-area{overflow: hidden;}    
.company h3{font-weight: 400;letter-spacing: -0.4px;line-height: 30px;font-size: 22px;margin: 0 0 30px 0;}

#company-map { width:100%; height:625px; margin:0 auto;}
.company-maptab {max-width:979px; margin:0 auto; margin:80px auto; border-top:3px #afafaf solid;}
.company-maptab dl::after {content:""; display:block; clear:both;}
.company-maptab dl{border-bottom:1px #e1dbd9 solid;}
.company-maptab dl dt {width:80px; padding:0px 20px;  display:block; float:left; line-height:50px; font-size:18px; color: #898888; font-weight:600;}
.company-maptab dl dd {display:block; line-height:50px; font-size:18px; color: #353535; font-weight:500;text-align: justify;}

@media all and (max-width:480px){
    .company-top .company-top-area {background-color: #eee; border: none;}
    .company-top .company-top-area h2{ display: none;}
    .company-top .company-top-area .mobile-title{ display: block;}
    .company-top .company-top-area ul{display: none;}

    .mobile-tab{display: block;}

    /* 주소 및 약도 */
    #company-map {height:400px;}
    .company-maptab{margin: 40px auto;}
    .company-maptab dl dt{line-height: 30px; padding-top: 5px;}
    .company-maptab dl dd {padding:10px 20px 0 20px; display:block; line-height:30px; font-size:14px;}

    .company{margin: 20px 20px;min-width: 250px;}
    .company h3 {display: none;}
}
@media all and (min-width:481px) and (max-width:767px){
    .company-top .company-top-area {background-color: #eee; border: none;}
    .company-top .company-top-area h2{ display: none;}
    .company-top .company-top-area .mobile-title{ display: block;}
    .company-top .company-top-area ul{display: none;}    
    .mobile-tab{display: block; }

    /* 주소 및 약도 */
    #company-map {height:500px;}
    .company-maptab dl dd {padding:10px 20px 0 20px; display:block; line-height:30px; font-size:14px;}
    .company{margin: 20px 20px;}
    .company h3 {display: none;}
}
@media all and (min-width:768px) and (max-width:1024px){
    .company-top .company-top-area {background-color: #eee; border: none;}
    .company-top .company-top-area h2{ display: none;}
    .company-top .company-top-area .mobile-title{ display: block;}
    .company-top .company-top-area ul{display: none;}
    .mobile-tab{display: block; }

    /* 주소 및 약도 */
    .company-maptab dl dd {font-size:14px;}

    .company{margin: 20px 20px;}
    .company h3 {display: none;}
}
@media all and (min-width:1025px) and (max-width:1199px){
    .company-top .company-top-area h2{float: left; margin: 0 0 0 20px;}
    .mobile{display: none;}

    .company{margin: 20px 20px;}
}
@media all and (min-width:1200px){
    .company-top .company-top-area h2{float: left}
    .mobile{display: none;}   
}