@charset "UTF-8";

h3 {margin-top:20px;}
p {line-height:18px; color:#333;}
 
.familysiteBox {hieght:60px; margin-bottom:20px; padding:5px 10px; background:url(/application/views/company/chemlocus/images/bg_familysite_box.gif) no-repeat;}
.familysiteBox dl {width:100%; overflow:hidden; }
.familysiteBox dl dt {clear:both; float:left; width:110px; margin:3px 0;}
.familysiteBox dl dd {float:left; width:400px; margin:3px 0; line-height:21px; _padding:5px 0;}
.familysiteBox dl dd a {margin-right:30px; vertical-align:middle;}

.siteList {margin-bottom:20px; padding:0px 20px; border:1px solid #e4e4e4;}
.siteList ul {width:100%; overflow:hidden; padding:10px 0; border-top:1px solid #ececec;}
.siteList ul:first-child {border-top:none;}
.siteList ul li {float:left; width:280px; margin:5px 0; padding-left:10px; background:url(/application/views/company/chemlocus/images/bu_site_list_dot.gif) no-repeat 0 50%;}
.siteList .type2 li {float:none;}
.siteList .type3 li {float:left; width:185px;}
.siteList ul li a:hover {color:#980a0a;}

.siteList.type2 {padding:0; border:none;}
.siteList.type2 .typeImg {width:720px; padding:0;}
.siteList.type2 .typeImg li {float:left; width:232px; padding:0; background:none;}

.faqList {border-top:2px solid #d0a8a8; border-bottom:1px solid #d0a8a8;}
.faqList ul {list-style:none; margin:0; padding:0;}
.faqList .q {margin:0; padding-left:20px; border-top:1px solid #b7b7b7; background:url(/application/views/company/chemlocus/images/icon_q.gif) no-repeat 10px 50%;}
.faqList a:first-child {border:none;}
.faqList .q a.trigger {display:block; margin-left:20px; padding:10px 0; text-align:left; border:none; font-weight:bold; color:#c70000; text-decoration:none !important;}
.faqList .hide .q a.trigger {font-weight:normal; color:#666; background:none;}
.faqList .a {margin:0; padding:10px 35px; line-height:160%; font-weight:normal; color:#333; background:url(/application/views/company/chemlocus/images/icon_a.gif) no-repeat 10px 10px;}

.contentTab {width:100%; margin-top:30px; overflow:hidden; background:url(/application/views/company/chemlocus/images/bg_tab_line.gif) repeat-x left bottom;}
.contentTab ul {float:right; margin-right:20px; height:22px;}
.contentTab ul li {float:left;}
.contentTab ul li img {vertical-align:top;}

.tabTitle {margin:-20px 0 30px; padding-left:12px;}
.recruitInfo01 {margin-top:30px; padding:20px;}
.recruitInfo01 img {vertical-align:middle;}

.titleImg {padding:20px 0;}
.recruitInfoDl {width:100%; overflow:hidden;}
.recruitInfoDl dt {float:left; width:130px; font-weight:bold; color:#333; padding-left:10px;}
.recruitInfoDl dd {float:left; line-height:18px; }
.recruitInfoDl dd strong {display:inline-block; margin:0 10px;}

.buList {margin-bottom:20px;}
.buList li {padding-left:10px; line-height:25px; color:#333; background:url(/application/views/company/chemlocus/images/bu_dot_red.gif) no-repeat 0 50%;}
.buList li .brown {color:#9c6666;}

.tableType01 {margin-bottom:20px;}
.tableType01 thead th {padding:7px; text-align:center; color:#895151; border-left:1px solid #fff; background:#f3eede;}
.tableType01 tbody th {padding:7px; text-align:center; color:#333; background:#fafafa;}
.tableType01 tbody td {padding:7px; line-height:18px; border-left:1px solid #f3eede; border-bottom:1px solid #f3eede;}
.tableType01 tbody td.cols {padding-left:40px; border-left:none; line-height:20px;}

.tableType02 {margin-bottom:20px; color:#333;}
.tableType02 thead th {padding:7px; text-align:center; color:#895151; border-left:1px solid #fff; background:#f3eede;}
.tableType02 tbody th {padding:7px; border-bottom:1px solid #f3eede; text-align:center; color:#333; background:#fafafa;}
.tableType02 tbody td {padding:7px; line-height:18px; text-align:center; border-left:1px solid #f3eede; border-bottom:1px solid #f3eede;}
.tableType02 tbody td.bg {background:#fafafa;}

.tableType03 {margin:20px 0; color:#333;}
.tableType03 tbody th {padding:7px; border-bottom:1px solid #fff; text-align:center; color:#333; background:#f3eede; color:#895151;}
.tableType03 tbody td {padding:7px; line-height:18px; text-align:center; border-bottom:1px solid #fff; background:#eaeaea;}

.companyContent p {margin-bottom:20px; padding-left:12px; line-height:20px;}

.imgP.center {text-align:center;}

.companyHistory {margin-bottom:20px;}
.companyHistory li {position:relative; width:530px; padding:10px 10px 10px 80px; line-height:20px; border-bottom:1px solid #eae8e6;}
.companyHistory li strong {position:absolute; top:12px; left:20px;}

.businessBox {position:relative; height:520px; margin-top:100px; background:url(/application/views/company/chemlocus/images/company04_bg_content.gif) no-repeat; z-index:0;}
.businessBox .businessList01 {position:absolute; top:20px; left:80px;}
.businessBox .businessList02 {position:absolute; top:20px; left:390px;}
.businessBox .businessList03 {position:absolute; top:310px; left:80px;}
.businessBox .businessList04 {position:absolute; top:310px; left:390px;}
.businessBox h4 {margin-bottom:10px;}
.businessBox ul li {padding:5px 10px 5px; color:#755252; background:url(/application/views/company/chemlocus/images/bu_dot_brown.gif) no-repeat 0 50%;}

.contactList {margin-top:40px;}
.contactList a {color:#666;}
.contactList li {float:left; width:50%; margin-bottom:30px}
.contactList li img {vertical-align:middle;}
.contactList li.full {width:100%;}
.contactList li dl {width:100%; padding-top:10px; overflow:hidden;}
.contactList li dl dt {height:25px; padding-left:110px;}
.contactList li dl dd {padding-left:110px;}
.contactList li dl dd.img {float:left; margin-top:-40px; padding:0;}
.contactList li dl dd strong {display:inline-block; width:50px; margin:7px 10px 7px 0;}
.contactList li dl dd li {height:25px; margin-bottom:0; padding:0;}

.locationInfo {width:580px; padding:20px; overflow:hidden; background:#f4f0f0;}
.locationInfo dl {}
.locationInfo dl dt {float:left; width:80px; margin:7px 0;}
.locationInfo dl dd {float:left; width:500px; margin:7px 0;}
.locationInfo dl .clear {clear:both;}
.locationInfo dl dd .faxImg {margin:0 20px;}
.locationInfo dl .locationList {width:540px; padding:20px 20px 0; background:#fff;}
.locationInfo dl dd img {vertical-align:middle;}
.locationInfo dl dd dl dt {clear:both; float:left; width:80px;}
.locationInfo dl dd dl dd {float:left; width:450px; margin:5px 0; line-height:25px;}
.locationInfo dl dd dl dd .buList li {color:#666; margin-bottom:10px; background-position:0 12px;}
.locationInfo dl dd dl dd .buList li em {color:#700000;}

.map-address {padding:15px 20px; overflow:hidden; background:#f4f0f0;}
.map-address dl {overflow:hidden;}
.map-address dl dt {clear:both; float:left; width:80px; margin:5px 0; font-weight:bold; color:#333;}
.map-address dl dd {float:left; margin:5px 0 5px 0; color:#333;}
.map-address dl dt:first-child {clear:none;}
.map-address dl dt:first-child ~ dd {margin-right:30px;}

.titleWrap2 {width:100%; overflow:hidden;margin:7px 0 20px 0;}
.titleWrap2 .leftBox{float:left;color:#333333;padding-left:15px}
.titleWrap2 .rightBox{float:right;font-size:11px;font-weight:bold;color:#666666}
.titleWrap2 .rightBox img{padding-left:7px;}

.contentBox {padding:20px; background:#f7f7f7;}

/* pwInput Layer Popup */
.pwInput {position: absolute; top:20px; left:100px; background: #a90000; width:260px; height:90px; z-index:100;display: none;}
.pwInput .header{position:relative; height:29px; overflow: hidden;}
.pwInput .header h1{margin:0 !important; padding:9px 0 0 16px !important;}
.pwInput .header .btn{position:absolute; top:10px; right:11px;}
.pwInput .contents{background: url(/application/views/company/chemlocus/images/bg_pwinput.gif) no-repeat; width:251px; height:56px; font-family: dotum; color:#333333; margin: 0 auto; text-align: center;}
.pwInput .contents .ss_info{padding:20px 0 0 0;}
.pwInput .contents .ss_info dt{float:left;width:60px;text-align:left;padding:5px 0 0 13px;}
.pwInput .contents .ss_info dd{float:left;padding-bottom:17px;}
.pwInput .contents input.info{height:18px; border: 1px solid #cecece;}


/* recruitLayer */
.recruitLayer {position: absolute; top:20px; left:100px; background: #a90000; width:420px; z-index:100;}
.recruitLayer .header{position:relative; height:29px; overflow: hidden;}
.recruitLayer .header h1{margin:0 !important; padding:10px 0 0 16px !important;}
.recruitLayer .header .btn{position:absolute; top:10px; right:11px;}
.recruitLayer .contents{background: url(/application/views/company/chemlocus/images/bg_layer_box.gif) no-repeat; width:410px; font-family: dotum; color:#333333; margin: 0 auto; text-align: center;}
.recruitLayer .contents .ss_info{width:400px; padding:15px 0 0 0; overflow:hidden;}
.recruitLayer .contents .ss_info dt{float:left;width:90px;text-align:left;padding:5px 0 0 13px;}
.recruitLayer .contents .ss_info dd{float:left;width:290px;padding-bottom:12px; text-align:left;}
.recruitLayer .contents input.info{height:18px; border:1px solid #cecece;}
.recruitLayer .contentsFooter {width:410px; height:10px; margin:0 auto 5px; background: url(/application/views/company/chemlocus/images/bg_layer_box.gif) no-repeat left bottom;}

/* inquiry */
.inquiry {position: absolute; top:20px; left:100px; background: #a90000; width:420px; z-index:100;}
.inquiry .header{position:relative; height:29px; overflow: hidden;}
.inquiry .header h1{margin:0 !important; padding:10px 0 0 16px !important;}
.inquiry .header .btn{position:absolute; top:10px; right:11px;}
.inquiry .contents{background: url(/application/views/company/chemlocus/images/bg_layer_box.gif) no-repeat; width:410px; font-family: dotum; color:#333333; margin: 0 auto; text-align: center;}
.inquiry .contents .ss_info{width:400px; padding:15px 0 0 0; overflow:hidden;}
.inquiry .contents .ss_info dt{float:left;width:90px;text-align:left;padding:5px 0 0 13px;}
.inquiry .contents .ss_info dd{float:left; width:290px; padding-bottom:12px; text-align:left;}
.inquiry .contents input.info{height:18px; border:1px solid #cecece;}
.inquiry .contentsFooter {width:410px; height:10px; margin:0 auto 5px; background: url(/application/views/company/chemlocus/images/bg_layer_box.gif) no-repeat left bottom;}
.inquiry .inquiryBox {width:390px; margin:10px auto 0; padding-top:15px; background: url(/application/views/company/chemlocus/images/bg_inquiry_box.gif) no-repeat;}
.inquiry .inquiryBox p {padding:0 10px 15px 10px; background: url(/application/views/company/chemlocus/images/bg_inquiry_box.gif) no-repeat left bottom;}
.inquiry .inquiryBox em {font-weight:bold; color:#e70000;}


/*입사지원*/
.recruit_form input {border:1px solid #cdcdcd; height:16px; padding:2px 0 0 2px; position:relative; } 
.recruit_form textarea  {border:1px solid #cdcdcd; padding:5px;}
.apply_box       {margin-bottom:5px;}
.apply_box th    {padding:4px 0 3px 2px; border:1px solid #787878; text-align:center; height:18px;}
.apply_box td    {padding:4px 0 3px 2px; border:1px solid #787878; height:18px;}

.apply_box_1       {margin-bottom:5px;}
.apply_box_1 th    {padding:4px 0 3px 0; border:1px solid #787878; text-align:center; height:18px;}
.apply_box_1 th.bg {padding:8px 0 7px 0; border:1px solid #787878; text-align:center; background-color:#efefef; color:#000;}
.apply_box_1 td    {padding:4px 0 3px 0; border:1px solid #787878; text-align:center; height:18px;}
.apply_box_1 td.left {text-align:left; padding-left:10px; }

.apply_btn          {padding:10px 0; text-align:center;}
.submit_button {margin-top:-21px;}
*html .submit_button {margin-top:-20px;}
*+html .submit_button {margin-top:-20px;}
/*이미지 업로드 레이어*/
#image_layer {border:3px solid #CD3939; position:absolute; top:180px; background-color:#FFF; width:250px; height:100px; display:none}
#image_layer table th {height:25px}
#image_layer table th span {position:relative;left:80px}
#image_layer table td {border-top:1px solid #C7C4B3; text-align:center}

/*입사지원 수정 레이어 팝업*/
.apply_m {width:350px; height:170px; position:absolute; left:150px; top:200px; background:url(images/modify_bg.gif); border:2px solid #bfbfbf;}
.apply_m .m_t_modify {padding:13px 0 13px 16px; float:left;}
.apply_m .m_close {padding:10px 13px 10px 0; float:right;}
.apply_m .m_cont {width:345px;  float:left;}
.apply_m .m_name {padding:16px 0 0px 16px; float:left; width:312px; }

.apply_m input {border:1px solid #cdcdcd; height:16px;  } 
.apply_m .m_btn_modify { text-align:center; padding-top:10px; clear:both;}