@charset "euc-kr";
/* ------------------------------------------
* Filename: company.css
* Description: ȸ»ç¼Ò°³
* Author: workyj@gmail.com
------------------------------------------ */


/* ------------------------------
ȸ»ç°³¿ä ( company_intro.asp )
------------------------------ */
.intro-company {  }
.intro-company h4 { margin: 0 0 15px; font-size: 24px; color: #333; font-weight: 600; }
.intro-company { margin-bottom: 35px; }
.intro-company .intro-txt { margin: 0 0 35px; }
.intro-company .intro-txt p { margin: 0 0 20px; line-height: 20px; color: #666; }
.intro-company .intro-txt .center { margin: 0 0 30px; }
.intro-company .our-licence { height: 315px; padding: 15px 0 0 415px; background: url("../../img/help/bg_licence.png") no-repeat left top; font-size: 14px; }
.intro-company .our-licence strong { display: block; margin: 0 0 10px; font-size: 18px; }
.intro-company .our-licence p { margin: 0 0 25px; padding: 0 0 25px; line-height: 20px; color: #6e6e6e; background: url("../../img/common/dotline_v.png") repeat-x left bottom; }
.intro-company .our-licence ul { margin: 0; padding: 0; list-style: none; }
.intro-company .our-licence li { margin: 0 0 5px; color: #8c8c8c; }
.intro-company .our-licence li span { display: inline-block; *zoom: 1; width: 170px; }


/* ------------------------------
CEO Àλ縻 ( company_ceo.asp )
------------------------------ */
.ceo {  }
.ceo-message { background: url("../../img/company/bg_ceo2.png") no-repeat right top; }
.ceo-message p { margin: 0 0 25px; color: #777; line-height: 20px; }
.ceo-message .first { font-size: 22px; font-weight: 600; color: #666; }


/* ------------------------------
ȸ»ç¿¬Çõ ( company_history.asp )
------------------------------ */
.our-history {  }
.intro { margin: 0; font-size: 16px; color: #777; line-height: 23px; }
.year { position: relative; *zoom: 1; overflow: hidden; margin: 15px 0 0; border-top: 2px solid #333; border-bottom: 1px solid #333; }
.year .section { position: relative; *zoom: 1; min-height: 35px; margin: -1px 0 0; padding: 20px 0 17px 195px; background: url("../../img/common/dotline_v.png") repeat-x left top; }
.year .section h4 { position: absolute; left: 15px; top: 15px; margin: 0; font-size: 38px;  color: #65b11e; font-weight: 600; }
.year .section ul { margin: 0; padding: 0; list-style: none; border-left: 1px solid #d5d5d5; font-size: 14px; color: #777; }
.year .section li { position: relative; *zoom: 1; margin: 0 0 0 -4px; padding: 0 0 0 95px; line-height: 25px; background: url("../../img/company/bg_history_mid.png") no-repeat left top; }
.year .section li strong { position: absolute; left: -4px; top: -3px; display: inline-block; *zoom: 1; width: 65px; padding: 0 33px 0 0; color: #333; font-size: 16px; text-align: right; }
.year .section .first { background: url("../../img/company/bg_history_btm.png") no-repeat left top; }
.year .section .end { background: url("../../img/company/bg_history_top.png") no-repeat left top; }
.year .one ul { border: none; margin-top: 8px; }


/* ------------------------------
ã¾Æ¿À½Ã´Â ±æ ( company_way.asp )
------------------------------ */
.contact-us {  }
.contact-us .show-map { margin: 0 0 30px; }
.contact-us .show-map address { display: block; font-size: 14px; color: #777; }
.contact-us .show-map .map { height: 460px; margin: 15px 0 10px; border: 1px solid #afafaf; }
.contact-us .show-map a { display: inline-block; *zoom: 1; height: 25px; padding: 8px 10px 0; border: 1px solid #ccc; background-color: #fff; font-size: 14px; color: #333; font-weight: 600; }
.contact-us .show-map a img { vertical-align: middle; }
.contact-us td { padding: 128px 0 20px 20px; text-align: left; }
.contact-us td ul { margin: 0; padding: 0; list-style: none; }
.contact-us td li { margin: 5px 0 0; line-height: 18px; }
.contact-us .subway { background: url("../../img/company/bg_public_transport.png") no-repeat left 25px; }
.contact-us .subway img { vertical-align: middle; }
.contact-us .bus { background: url("../../img/company/bg_public_transport.png") no-repeat right 25px; }
.contact-us .bus li { float: left; margin: 0 0 5px; }
.contact-us .bus .fl1 { width: 120px; }
.contact-us .bus .fl2 { width: 220px; }
.contact-us .bus span { display: inline-block; *zoom: 1; margin-right: 5px; padding: 0; width: 35px; color: #fff; text-align: center; }
.contact-us .bus .green { background-color: #4a972e; }
.contact-us .bus .blue { background-color: #395cb3; }
.contact-us .bus .red { background-color: #d82c33; }
.contact-us .bus .sky { background-color: #70afdf; }