/*========== sub-content layout==========*/
/* .visual h3 {background:url('../../img/main/h3_topline.png') no-repeat center center;} */
.visual {width:100%;height:250px;text-align:center;position:relative; top: 49px;}
.visual.companyArea {background:url('../../Service/images/sub/company_visual.png') no-repeat center 0;}
.visual.productArea {background:url('../../img/main/product_visual.png') no-repeat center 0;}
.visual.customerArea {background:url('../../Service/images/sub/customer_visual.png') no-repeat center 0;}
.visual.recruitArea {background:url('../../Service/images/sub/recruit_visual.png') no-repeat center 0;}

/*submenu*/
.submenu {width:100%;background:url('../../img/main/submenu_bg.png');position:absolute;left:0;bottom:0;}
.submenu .inner-submenu {width:1260px;padding:10px 0;margin:0 auto;text-align:center;}
.submenu .inner-submenu ul li {display:inline-block;padding:0 70px;position:relative;}
.submenu .inner-submenu ul .subitem:before {top:4px;}
.submenu .inner-submenu ul li a {color:#fff; font-weight:400; padding-bottom:10px; font-size: 18px;}
/*### firefox ###*/
@-moz-document url-prefix() {.submenu .inner-submenu ul li a {letter-spacing:-0.3px;}}
/*###########*/
/*### ie8 ###*/
@media \0screen {.submenu .inner-submenu ul li a {letter-spacing:-0.3px;}}
/*###########*/
.submenu .inner-submenu ul li a:hover, .submenu .inner-submenu .active {background:url('../../img/main/btn_more.png') no-repeat;background-position:50% 100%; font-weight: 400; color: #5fcbfc;}
.submenu .inner-submenu .promenu li {/*width:215px;*/ padding:0px 30px;box-sizing:border-box;text-align:center;}
.wid205 {width:205px !important;}
.wid285 {width:285px !important;}
.wid195 {width:195px !important;}
.wid220 {width:220px !important;}
.wid250 {width:250px !important;}
/*### firefox ###*/
@-moz-document url-prefix() {.wid285 {width:290px !important;}}
/*###########*/

/*200129*/
/* .wid01 {width:285px !important;} */
/* .wid02 {width:260px !important;} */
/* .wid03 {width:195px !important;} */
/* .wid04 {width:220px !important;} */
/* .wid05 {width:250px !important;} */

/*========== contents ==========*/
.contents {width:1260px;margin:50px auto 80px;}
.con-body {width:100%;overflow:hidden;}
.con-head {overflow:hidden;}
.path-location {float:right;padding-top:20px;}
.path-location a {font-size:14px;color:#555;}
.path-location a:hover, .path-location a:focus {text-decoration:underline;}

/*========== paging ==========*/
.paging {text-align:center;}
.paging a, .paging strong {display:inline-block;padding:0px;width:41px;height:41px;line-height:40px;font-size:14px;font-weight:400;margin:0 1px;text-align:center;border:1px solid #ccc;vertical-align:top;}
.paging a {background-color:#fff;color:#555;}
.paging strong {background-color:#1493d5;color:#fff;border:1px solid #1493d5;}
.paging a:hover{border:1px solid #626c77;}
.paging img {vertical-align:top;}

/*========== list-table ==========*/
.list-table {width:100%;border-top:1px solid #666;text-align:center;margin-bottom:20px;}
.list-table th {background-color:#f5f5f5;border-bottom:1px solid #ccc;font-size:18px;font-weight:400;padding:15px 0;}
.list-table td {padding:15px 0;border-bottom:1px solid #ccc;font-weight:400;color:#555;}
.list-table td a {color:#555;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-table td a img {vertical-align:baseline;}
.list-table td a:hover {text-decoration:underline;}
.text-lock {background:url('../../Service/images/sub/icon_lock.png') no-repeat;padding-left:25px;}
.text-order {font-size:18px;padding-left:40px !important;text-align:left;}

.list-table.build-site td {padding:12px 0;}
.list-table.company-table td {text-align:left;padding-left:20px;}

/*========== list-view table ==========*/
.list-view {width:100%;border-top:1px solid #666;border-collapse:separate;margin-bottom:20px;}
.list-view th {background-color:#f5f5f5;border-bottom:1px solid #ccc;font-size:17px;font-weight:400;color:#555;text-align:center;padding:20px 0;}
.list-view td {border-bottom:1px solid #ccc;padding:25px 30px;font-weight:400;color:#555;}

.list-view .sub-box th{font-size:15px;color:#555;font-weight:400;padding:15px 0 15px 20px;text-align:left;}
.list-view .sub-box th img {vertical-align:baseline;}
.list-view .sub-box th a:hover {text-decoration:underline;}
.list-view .sub-boxTitle {font-weight:400 !important;text-align:center !important;position:relative;}
.list-view .sub-boxTitle:after {content:'';position:absolute;top:18px;right:0;height:15px;border-left:1px solid #ccc;}

/*========== 문의하기 ==========*/
.inquiry-left{width:417px;height:700px;padding:165px 30px 0 30px;box-sizing:border-box;background:url('../../Service/images/sub/inquiry_bg.png') no-repeat;float:left;}
.text-box {font-size:22px;color:#fff;text-align:center;margin-bottom:70px;font-family:Malgun Gothic;}
.text-box span {font-weight:bold;}
.subtext-box {padding:0 30px;height:195px;text-align:center;color:#fff;font-size:16px;}
.subtext-box .phone-num {font-size:38px;font-weight:700;color:#ffd30d;margin-bottom:10px;display:block;}
.subtext-box span{font-weight:400;}

.inquiry-right{height:700px;box-sizing:border-box;float:right;border-bottom:1px solid #666;}
.inquiry-table {width:790px;border-top:2px solid #666;}
.inquiry-table th {font-size:17px;font-weight:400;text-align:left;}
.inquiry-table th span {vertical-align:middle;}
.inquiry-table td {padding:15px 0 15px 10px;border-bottom:1px solid #ccc;color:#555;font-weight:400;}
.btn-line {width:703px;float:right;text-align:center;}

.inquiry-table.recruit-form th {padding-left:5px;}
.inquiry-table.recruit-form td{padding:8px 0;}
.inquiry-table.recruit-form td input {width:200px;padding:5px 10px;border:1px solid #ccc;color:#555;font-size:15px;font-family:inherit;}
.inquiry-table.recruit-form .resume-file {width:370px;height:30px;border:none;padding:0;margin-right:5px;}
.inquiry-table.recruit-form .phone-box input {width:60px;}

/*지원분야select*/
.select-box {position:relative;width:90px;height:30px;background:url('../../Service/images/btn/btn_select.png') no-repeat 90% 50%;border:1px solid #ccc;}
.select-box label {position:absolute;font-family:inherit;font-size:15px;font-weight:400;color:#555;top:5px;left:10px;}
#field-sel {width:100%;height:30px;min-height:30px;line-height:30px;padding:0 5px;opacity:0;filter:alpha(opacity=0);}

/*========== 채용안내 ==========*/
.recruit-left{width:417px;height:520px;box-sizing:border-box;background:url('../../Service/images/sub/recruit_bg.png') no-repeat;float:left;}

.recruit-right{height:520px;border-bottom:1px solid #666;box-sizing:border-box;margin-left:50px;float:right;}
.recruit-right ul li {margin-bottom:45px;}
.recruit-right ul li:last-child {margin-bottom:0px;}
.recruit-right ul li h5 {margin-bottom:10px;}
.recruit-right ul li a:hover {text-decoration:underline;}
.btn-line01 {width:100%;text-align:center;float:left;margin-top:30px;}

/*========== 회사개요 ==========*/
.company-pro {width:100%;height:190px;background:url('../../Service/images/sub/company_bg.png') no-repeat;margin-bottom:50px;}
.company-pro p {padding:50px 0  0 250px;font-size:22px;color:#fff;text-align:center;}
.company-idea {width:100%;height:470px;background:url('../../Service/images/sub/company_idea.png') no-repeat;}

/*========== 회사연혁 ==========*/
.company-history {width:100%;background:url('../../Service/images/sub/company_history.png') no-repeat;}
.history-desc {height:405px;font-size:22px;color:#fff;text-align:center;padding-top:295px;box-sizing:border-box;}

.history-area {padding:35px 0 0 170px;}
.history-area li {}
.history-area li+li {margin-top:40px;}
.history-area li h6 {width:20%;font-size:33px;color:#000;font-weight:400;line-height:1;float:left;}

.history-table {width:80%;}
.history-table th {font-size:16px;color:#333;font-weight:400;}
.history-table td {font-size:15px;color:#555;padding:4px 0;}

/*.history-tree {width:100%;overflow:hidden;position:relative;}
.history-tree ul {width:50%;padding:0 90px;box-sizing:border-box;float:left;}
.history-tree ul li {width:100%;padding-top:40px;box-sizing:border-box;}
.history-tree ul li strong {font-size:28px;font-weight:400;margin-bottom:5px;display:block;position:relative;}
.history-tree ul li strong.bullet-right:after {content:'';position:absolute;top:20px;right:-90px;width:85px;border-top:1px solid #ccc;}
.history-tree ul li strong.bullet-left:before {content:'';position:absolute;top:20px;left:-90px;width:85px;border-top:1px solid #ccc;}
.history-table {width:100%;}
.history-table td {font-weight:400;color:#666;padding-bottom:5px;}
.his-date {font-size:16px;color:#333;}

.bullet-box {width:26px;position:absolute;left:620px;top:0;z-index:10;}
.bullet-circle {display:block;width:26px;height:26px;background:url('../../Service/images/common/his_bullet.png') no-repeat;}
.bullet-circle.location0 {margin-top:48px;}
.bullet-circle.location1 {margin-top:18px;}
.bullet-circle.location2 {margin-top:140px;}
.bullet-circle.location3 {margin-top:5px;}
.bullet-circle.location4 {margin-top:140px;}
.bullet-circle.location5 {margin-top:140px;}
.bullet-circle.location6 {margin-top:115px;}
.bullet-circle.location7 {margin-top:55px;}*/

/*========== 조직도 ==========*/
.orgchart {border:1px solid #ccc;height:550px;background:url('../../Service/images/sub/orgchart_bg.png') no-repeat 50% 50%;}

/*========== 오시는길 ==========*/
.subway-box {padding-left:90px;background:url('../../Service/images/sub/subway-line.png') no-repeat;}
.bus-num {display:inline-block;height:22px;padding:0 10px;background-color:#005ca7;color:#fff;margin-right:5px;}
.bus-num.bg-green {background-color:#1ca700;}

/*========== 제품&솔루션 ==========*/
.article-tit {font-size:22px;color:#006ba2;margin-bottom:20px;}
/*### firefox ###*/
@-moz-document url-prefix() {.article-tit.tit21 {font-size:21px;}}
/*###########*/
/*### ie8 ###*/
@media \0screen {.article-tit.tit21 {font-size:21px;}}
/*###########*/
.article-imgBox {border:1px solid #ccc;text-align:center;}
.product-table.tableP5 th {padding:5px 0;}
.product-table th, .product-table td {border-right:1px solid #ccc;}

/*02온라인지원자_비밀번호입력POP*/
.pop_wrap {width:100%;box-sizing:border-box;}
.pop_title {height:40px;line-height:40px;padding:0 20px;background:#545d79;color:#fff;font-weight:500;font-size:17px;margin:0px;}
.pop_contents {padding:20px;width:280px;}
.pop_contents input {border:1px solid #ccc;padding:5px 10px;height:30px;width:185px;vertical-align:top;}
.blue-btn {background:#1493d5;color:#fff;display:inline-block;width:67px;text-align:center;height:42px;line-height:42px;font-size:16px;vertical-align:middle;}

/*로그인*/
.login-body {background:#232729 url('../../Service/images/common/login_back.png') no-repeat center top;overflow:hidden;}
.login-body .container {width:640px;margin:230px auto 0;}

.login-top {overflow:hidden;}
.login-top h1 {float:left;}
.home_links {padding-top:20px;float:right;}
.home_links, .home_links a {font-size:12px;color:#c0c1c2;}

.login-content {width:360px;height:393px;padding:100px 35px 105px 35px;box-sizing:border-box;float:left;font-family:Malgun Gothic;}
.login-tit {font-size:20px;color:#fff;text-align:center;margin-bottom:10px;}
.login-content input[type="text"], .login-content input[type="password"] {width:100%;padding:13px 20px 13px 40px;color:#999;border:1px solid #fff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.login-content input[type="text"] {margin-bottom:3px;}
.login-mail {background:#fff url('../../Service/images/sub/ico_user.png') no-repeat 13px 50%;}
.login-pw {background:#fff url('../../Service/images/sub/ico_pw.png') no-repeat 15px 50%;}
.btn_login {background:url('../../Service/images/btn/btn_login.png') no-repeat;width:100%;border:none;height:52px;font-size:0px;margin-top:10px;}
.login-panel {width:100%;font-family:'Noto Sans';font-size:45px;color:#fff;text-align:center;line-height:1.45;padding-top:30px;box-sizing:border-box;font-family:Malgun Gothic;}

.login-body .container address {color:#787b7d;font-size:11px;font-weight:400;margin-top:5px;}