/* BASIC css start */
#header .hdBtmArea .hdBtm .hd_cate > ul { display: none; }

#footer .footer_area { padding-left:0 !important; width:1280px !important }

#companyHead { background: url(/design/seilglobal/phps/sub/company_info_bg.jpg) center 0 repeat-x; height: 1400px; margin-bottom: 50px; }
#companyHead .cpMenu { background: url(/design/seilglobal/phps/sub/info_menu_off.jpg) 0 50px no-repeat; width: 912px; height: 80px; margin: 0 auto; padding-top: 50px; padding-left: 88px; }
#companyHead .cpMenu li { float: left; width: 103px; height: 80px; }
#companyHead .cpMenu li:hover { background: url(/design/seilglobal/phps/sub/info_menu_on.png) 0 0 no-repeat; }
#companyHead .cpMenu li a { display: block; width: 100%; height: 100%; }
#companyHead .cpMenu li.cpMenu1:hover { background-position: 0 0px; }
#companyHead .cpMenu li.cpMenu2:hover { background-position: -103px 0; }
#companyHead .cpMenu li.cpMenu3:hover { background-position: -206px 0; }
#companyHead .cpMenu li.cpMenu4:hover { background-position: -309px 0; }
#companyHead .cpMenu li.cpMenu5:hover { background-position: -412px 0; }
#companyHead .cpMenu li.cpMenu6:hover { background-position: -515px 0; }
#companyHead .cpMenu li.cpMenu7:hover { background-position: -618px 0; }
#companyHead .cpMenu li.cpMenu8:hover { background-position: -721px 0; }

#companyHead .cpInfo { width: 1000px; margin: 0 auto; padding-top: 40px; }
#companyHead .cpInfo img { margin-bottom: 3px; }

#companyCi { border-bottom: 1px solid #e6e6e6; margin-bottom: 50px; }
#companyCi .ciInfo { padding: 50px 0 90px; width: 1000px; margin: 0 auto; }

#companyBi {  }
#companyBi .biInfo { padding: 50px 0 90px; width: 1000px; margin: 0 auto; }

#companyHistory { background: url(/design/seilglobal/phps/sub/history_bg.jpg) center bottom repeat-x #0f1221; position: relative; padding: 50px 0; }
#companyHistory .cpLogo { position: absolute; left: 50%; top: 0; margin-left: 150px; }
#companyHistory .cpName { position: absolute; top: 50px; left: 50%; margin-left: -550px; }
#companyHistory .historyTitle { width: 950px; margin: 0 auto; background-color: #e3e3e3; color: #000; font-size: 30px; padding: 45px 0px 31px 50px; }
#companyHistory .historyTitle span { display: inline-block; font-family: sans-serif; color: #cc2026; padding-top: 25px; padding-bottom: 5px; border-bottom: 1px solid #cc2026; }
#companyHistory .historyTitle p { font-size: 20px; padding-top: 15px; }

#companyHistory .historyContent { width: 1000px; margin: 0 auto; background-color: #fff; padding-top: 50px; padding-bottom: 70px; }
#companyHistory .historyContent::after { content:""; display: block; clear: both; }
#companyHistory .historyContent ul { float: left; width: 450px; }
#companyHistory .historyContent ul li { border-left: 1px solid #dedede; margin-left: 2px; padding: 10px 0; }
#companyHistory .historyContent ul li.title {    font-weight: bold;    border-left: 4px solid #cc2026;    height: 30px;    line-height: 30px;    color: #000;    font-size: 24px;    padding: 0 0 0 13px;    letter-spacing: -1px;    margin-bottom: 19px;    margin-left: 0; }
#companyHistory .historyContent ul li dl { position: relative; }
#companyHistory .historyContent ul li dl dt {    font-weight: bold;
    font-size: 24px;
    color: #000;
    letter-spacing: -2px;
    float: left;
    padding-left: 20px;
    line-height: 24px;
}
#companyHistory .historyContent ul li dl dd {
    font-size: 16px;
    color: #757575;
    line-height: 24px;
    margin-left: 86px;
    letter-spacing: -1px;
}
#companyHistory .historyContent ul li dl::before { 
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #db2426;
    border-radius: 5px;
    position: absolute;
    top: 7px;
    left: -6px;
}
#companyHistory .historyContent ul.history { padding-left: 34px; }
#companyHistory .historyContent ul.state { padding-left: 20px; }
#companyHistory .historyContent ul.global { padding-top: 85px; padding-left: 20px; }
#companyHistory .historyContent ul.global li { border: none;  }
#companyHistory .historyContent ul.global dl::before { display: none; }
#companyHistory .historyContent ul.global dl dd { margin-left: 15px; line-height:28px }
#companyHistory .historyContent ul.global .dotIist{  width:8px; height:8px; display:inline-block; vertical-align:middle; padding-right:5px;}

#companyMap { padding-top: 100px; margin: 0 auto; width: 1000px; }
#companyMap .title { font-size: 30px; margin: 0 auto; font-weight: bold; }
#companyMap .root_daum_roughmap { margin: 15px auto 20px; }
#companyMap .mapLogo { padding-bottom: 10px; }
#companyMap dl { font-size: 16px; line-height: 24px; }
#companyMap dl dt { float: left; color: #000; padding-right: 10px; font-weight: bold; }
#companyMap dl dd { color: #4a4a4a; }
#companyMap dl.addKor { float: left; width: 350px; }
#companyMap dl.addEng {  }

#bt_top { position: fixed; left: 50%; bottom: 20px; margin-left: 500px; z-index: 100; display: none; cursor: pointer; }
/* BASIC css end */