﻿/* 회사소개 서브메뉴 CSS */
#container_wrap {box-sizing: border-box; }

#sub_menu {float: left; width: 200px;}
#sub_menu h1 {width:200px; height:50px; padding:20px 0 0 0; text-align:left; font-size:1.5em; font-weight:600; color:#0080ff; border-bottom: #0080ff 2px solid; }
#sub_menu ul {width: 200px; font-weight: bold; text-align: left; line-height: 30px;}
#sub_menu ul li {border-bottom: #ddd 1px solid;}
#sub_menu ul li:hover {background-color: #4579cc; }
#sub_menu ul li:hover a {color: #fff; }
#sub_menu ul .selected {background-color:#4579cc; }
#sub_menu ul .selected a {color: #fff; }
#sub_menu > ul > li > a {padding: 5px 20px;}

/*  서브화면 CSS */
#sub_section {display: inline-block; width: 798px; margin: 5px 0; border-left: #ddd 1px solid; }
/*#sub_section {float:right; width: 798px; margin: 5px 0; border-left: #f4f4f4 2px solid; }*/

.breadcrumb {height: 20px; text-align: right; font-size: 0.75em; margin-top: 5px; }
.sub_location {color: #0080ff;}

.sub_article h1 {height: 40px; padding: 0 0 0 10px; color: #0080ff; font-size:1.25em; font-weight:600; border-bottom: #ddd 1px solid; }

/*  CEO인사말 CSS */
.chairman {width: 778px; margin: 10px 10px; padding-left: 10px;  padding-right: 30px;  box-sizing: border-box;}
.chairman .img_person, .img_text, .img_sign {float: right; line-height: 0; }
.chairman .img_text {margin-bottom: 20px; }
.chairman p {font-size: 0.875em; line-height: 30px;}

/*  회사연혁 CSS */
.history {width: 778px; margin: 10px 10px; }
.history .line { border-top: #3099e2 2px solid; margin-top: 20px; }
.history .img {display: inline-block; vertical-align: top;  margin-right: 40px; } 
.history .text {display: inline-block; font-size: 0.875em; } 
.history table {width: 550px; margin-top: 8px;  }
.history table tr { border-bottom: #eaeaea 1px solid; line-height: 18px; }
.history table tr td {padding-top: 5px; padding-bottom: 5px; /*vertical-align: middle;*/ }

/*  기구조직표 CSS */
.organization {width: 778px; margin: 10px 10px; text-align: center; }

/*  품질방침 CSS (2022.02.14 삭제) 
.iso {width: 778px; margin: 10px 10px; text-align: center; }
.iso .isoMenu li {display: inline-block; width: 19.4%; height: 30px;  background-color: #f4f4f4; border: #eaeaea 2px solid; border-radius: 10px 10px 0 0; }
.iso .isoMenu li.current {background-color: #0080ff; }
.iso .isoMenu li.current a {color: white; } 

.iso .tabcontent {display: none; clear: both; margin-top: 10px; }
.iso .tabcontent.current {display: block; }
.iso dl {display: inline-block; vertical-align: top; margin-right: 20px; }
.iso .img {display: inline-block; }
*/

/*  CI CSS */
.ci {width: 778px; margin: 10px 10px; }
.ci .ci_img {width: 390px; height: 150px; float: left; margin-bottom: 20px;} 
.ci .ci_img img {width: 200px; }
.ci .ci_text {width: 330px; float: left; margin-bottom: 20px; margin-right: 10px; font-size: 1em; padding-top: 15px; padding-bottom: 15px; padding-left: 18px; padding-right: 18px; }
.ci table {width: 740px; margin-top: 20px; margin-bottom: 20px; border-top: #6CC0FF 2px solid; border-bottom: #6CC0FF 2px solid; }
.ci table tr { border-bottom: #e1e1e1 1px solid; height: 70px; }
.ci table tr td {vertical-align: middle; padding-top: 5px; padding-bottom: 5px; }
.ci table tr td:nth-child(1) {border-right: #e1e1e1 1px solid; }
.ci .ci_small_img img {width: 236px;}
.ci .ci_big_img img {width: 270px;}
.ci .ci_td1 {padding-left: 50px;}

/*  채용정보 CSS */
.recruit {width: 778px; margin: 10px 10px; }
.recruit .line {border-top: #3099e2 2px solid; margin-top: 20px; margin-bottom: 30px;}
.recruit .img_menu {display: inline-block; vertical-align: top;  margin-right: 40px; } 
.recruit dl {display: inline-block; margin-top: 10px; line-height: 23px; width: 70.5%;} 
.recruit dl dt {font-size: 0.875em; font-weight: bold; }
.recruit dl dd {font-size: 0.875em; padding-left: 20px; }
.recruit .download_line {width: 550px; margin-top: 20px; border-top: #eaeaea 2px solid; float: right;  text-align: right; margin-bottom: 10px; }
.recruit .download_line ul {display: inline-block; font-size: 0.75em; line-height: 18px; }
.recruit .download_line ul p {font-weight: bold; }
.recruit .img_button {display: inline-block; margin-top: 10px; margin-right: 80px; }
.recruit .download_line ul > li:hover > a {color: #0080ff; text-decoration: underline; }
