@charset "utf-8";
@import url(common.css);

input, textarea, button {-webkit-appearance:none; -moz-appearance:none; appearance:none}
input, textarea, button, select {-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0}

/* =============== LayOut =============== */

/* Layout */
#wrap {min-width:320px}
#header {}
#container {}
#footer {border-top:1px solid #ddd; margin-top:100px}

/* =============== Header =============== */
.header-area {position:relative}
.header-area .logo {text-align:center}
.header-area .logo a {display:inline-block; padding:22px 0 18px; width:220px; margin-right:10px; text-align:center}
/*.header-area .logo a {display:inline-block; padding:20px 0; width:200px; margin-right:5px; text-align:center}*/
.header-area .logo img {width:100%}

/* Mobile slide nav */
.btn-nav {display:block; position:absolute; top:22px; left:4%; cursor:pointer;}
.btn-nav i {font-size:1.375em}
.close {position:absolute; top:16px; right:20px; font-size:1.25em; cursor:pointer}

.slide-nav-area {position:fixed; top:0; left:-80%; width:80%; height:100%; background-color:#fff; z-index:9999; overflow:hidden;
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.slide-nav-area.open {left:0}
.slide-nav-area .slide-lnb {width:100%; padding:20px 20px 20px 15px; border-bottom:1px solid #ddd}
.slide-nav-area .slide-lnb:after {display:block; clear:both; content:''}
.slide-nav-area .lnb {}
.slide-nav-area .lnb:after {display:block; clear:both; content:''}
.slide-nav-area .lnb li {float:left; font-size:0.75em}
.slide-nav-area .lnb li a {color:#00634e}
.slide-nav-area .lnb li a:hover,.lnb-area .lnb li a:active,.lnb-area .lnb li a:focus {color:#00634e}
.slide-nav-area .lnb li a:after{display:inline-block;width:4px;height:4px;margin:-1px 10px 0;background:#333;vertical-align:middle;content:""}
.slide-nav-area .lnb li a.last:after {margin:0; background:none}
.slide-nav-area .slide-nav {padding:20px; background:#fff}
.slide-nav-area .slide-nav li {}
.slide-nav-area .slide-nav li a {display:block; width:100%; font-weight:bold; line-height:2.4; color:#333}
.page_cover.open {display:block}
.page_cover {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4); z-index:9998}

/* gnb */
.gnb-area {display:none}

/* social */
.social {position:absolute; top:26px; right:2%}
.social:after {display:block; clear:both; content:''}
.social li {float:left; margin-left:5px}
.social li a {}
.social li a img {width:85%}

/* ===============  Main area  =============== */

/* main banner */
.main-banner {max-height:350px; min-height:80px; text-align:center; background-color:#f4f4f4}
.main-banner img{width:100%; min-height:80px; max-width:1400px}

/* main title */
.main-h1-title {font-size:1.25em; font-weight:bold; margin-bottom:10px}

/* main conts 1 */
.main-conts-type1,.main-conts-type2 {margin:30px 0; padding:1.25em}
.main-conts-type1:after,.main-conts-type2:after {display:block; clear:both; content:''}
.main-service {}
.main-service .service-inner {}
.main-service .service-inner li {margin-bottom:30px;}
.main-service .service-inner li:last-child {margin-bottom:0;}
.main-service .service-inner li a {position:relative; display:block; width:100%; min-height:250px; text-align:center; }
.main-service .service-inner li a.l1 {background-color:#009ef4}
.main-service .service-inner li a.l2 {background-color:#fc7000}
.main-service .service-inner li a.l3 {background-color:#52d400}
.main-service .service-inner li a.l4 {background-color:#46555a}
.main-service .service-inner .inner-txt {position:absolute; top:10%; left:6%; font-size:1.125em; font-weight:bold; padding:5px 22px 5px 0; color:#fff; background:url(../../img/common/icon_main_arrow2.png) right 6px no-repeat; background-size:18px 18px}
.main-service .service-inner .inner-img {display:inline-block; margin-top:80px}
.main-site {margin-top:70px;}
/* .main-site .site-inner {display:block; width:100%; height:100%; background:#e3e3e3 url(../../img/common/img_main_conts5.png) bottom right repeat; background-size:320px 220px}
 */ 
/*  .main-site .site-inner {display:block; width:100%; height:100%; background:#ffffff url(../../img/common/img_main_conts5.png) center no-repeat; background-size:320px 230px}
 */
/*백그라운드 이미지 삭제 */
.main-site .site-inner {display:block; width:100%; height:100%;  background-size:320px 230px}


.main-site .site-inner h2 {font-size:1.125em; padding:20px; line-height:1.5}

/* main conts 2 Notice */
.main-notice {position:relative; margin-bottom:60px;}
.main-notice .notice-more {position:absolute; top:4px; right:0; font-size:0.75em}
.main-notice .inner {}
.main-notice .inner li {border-top:1px solid #ddd}
.main-notice .inner li:last-child {border-bottom:1px solid #ddd}
.main-notice .inner li a {display:block; padding:10px 5px; font-size:0.875em; color:#333}
.main-notice .inner .txt {display:inline-block; max-height:45px; line-height:1.5; overflow:hidden;
	text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.main-notice .inner .txt .noti,.main-notice .inner .txt .noti-txt {color:#1c9fff}
.main-notice .inner .info {display:block; margin-top:8px}
.main-notice .inner .info span {font-size:0.875em; color:#666}

/* main conts link */
.main-link {}
.main-link .link-inner {}
.main-link .link-inner li {border:1px solid #ddd; margin-bottom:10px}
.main-link .link-inner li:last-child {margin-bottom:0}
.main-link .link-inner li a {position:relative; display:block; width:100%; height:80px; text-align:center;}
.main-link .link-inner li a span {display:inline-block; width:190px; height:60px; margin-top:10px; text-indent:-9999px; background:url(../../img/common/img_main_conts6.png) 0 0 no-repeat}
.main-link .link-inner li a span.l1 {background-position:center 0}
.main-link .link-inner li a span.l2 {background-position:center -60px}
.main-link .link-inner li a span.l3 {background-position:center -120px}
.main-link .link-inner li a span.l4 {background-position:center -180px}


/* =============== Sub contents =============== */

/* Sub Contents Common */
.sub-bg {max-height:350px; min-height:80px; text-align:center; background-color:#f4f4f4}
.sub-bg img {width:100%; min-height:80px; max-width:1400px}
.sub-bg .sub-bg-tit {text-indent:-9999px}
.sub-conts-area {margin:30px 0; padding:0 1.25em}
.sub-conts-area:after {display:block; clear:both; content:''}

.snb-area {}
.snb-btn-area {}
.snb-btn-area .snb-btn {position:relative; display:block; width:100%; padding:15px 20px; font-weight:bold; background-color:#e3e3e3; color:#333}
.snb-btn-area .snb-btn i {position:absolute; top:12px; right:20px; font-size:1.375em; color:#333}
.snb-sec {display:none;}
.snb-sec .snb {background-color:#f9f9f9;}
.snb-sec .snb li {border-bottom:1px solid #ddd;}
.snb-sec .snb li a {display:block; width:100%; padding:12px 12px 12px 26px; font-size:0.875em}
.snb-sec .snb li i {display:inline-block; margin-right:10px; color:#999}

/* Contents Common :: title */
.sub-conts {}
.sub-conts .single-p {margin-top:30px; line-height:1.5}
.sub-conts .conts-img {display:block; text-align:center; }
.sub-conts .conts-img img {width:100%;}
.sub-conts .conts-img.type2 img {width:80%}
.p-title {font-size:1.25em; font-weight:bold; line-height:1.5}
.p-title.type2 {padding-left:16px; background:url(../../img/common/icon_bul_title.png) 0 10px no-repeat; background-size:10px}
.p-title.type3 {text-align:center; margin:50px 0 20px}
.sub-title-area {margin-bottom:40px; padding-bottom:10px; border-bottom:1px solid #ddd}
.sub-title-area h2 {font-size:1.625em; font-weight:bold}
.sub-title-area .path-area {margin:20px 0 30px !important;}
.sub-title-area .path-area:after {display:block; clear:both; content:''}
.sub-title-area .path-area li {float:left; font-size:0.875em; line-height:1.5; margin:0;}
.sub-title-area .path-area li i {display:inline-block; font-size:1em; padding:0 5px}
.sub-title-area .path-area .path-home {background:url(../../img/common/icon_home.png) 0 3px no-repeat}
.sub-title-area .path-area .path-home span {display:inline-block; margin-right:12px; text-indent:-9999px}

/* contents common :: list */
.bul-list {}
.bul-list li {padding-left:16px; margin-bottom:5px; line-height:1.5; background:url(../../img/common/icon_bul_txt.png) 0 9px no-repeat}
.sub-list-info {}
.sub-list-info li {margin-bottom:20px; border:1px solid #ddd}
.sub-list-info li:last-child {margin-bottom:0}
.sub-list-info .list-txt {padding:20px}
.sub-list-info .list-txt dt {font-weight:bold; margin-bottom:15px}
.sub-list-info .list-txt dd {padding-left:15px; margin-bottom:5px; line-height:1.5; background:url(../../img/common/icon_bul_txt.png) 5px 9px no-repeat; background-size:4px}
.sub-list-info.type2 {}
.sub-list-info.type2 li {padding:20px; text-align:center; line-height:1.5}
.sub-list-info.type2 .two-line1 {letter-spacing:-1px}

/* Button area */
.btn-area {margin-top:20px; text-align:right}
.btn-area a,.btn-area button {display:inline-block; width:90px; height:30px; text-align:center; font-size:0.875em; font-weight:bold; line-height:2; border:1px solid #1c9fff; background-color:#1c9fff; color:#fff}
.btn-area a:hover,.btn-area button:hover,.btn-area a:active,.btn-area button:active,.btn-area a:focus,.btn-area button:focus {}
.btn-area i {padding-right:5px; color:#fff}
.btn-area .btn-write {}

/* mission */
.mission-img {padding:20px; background-color:#f4f4f4}
.mission-txt {text-align:center}
.mission-txt:after {display:block; clear:both; content:''}
.mission-txt ul {display:inline-block}
.mission-txt li {width:157px; padding-top:270px; margin-bottom:40px; text-align:center; line-height:1.5;background:url(../../img/common/img_sub2_3.png) 0 0 no-repeat}
.mission-txt li:last-child {margin-bottom:0}
.mission-txt li.txt1 {background-position:0 0}
.mission-txt li.txt2 {background-position:-157px 0}
.mission-txt li.txt3 {background-position:-314px 0}
.mission-txt li.txt4 {background-position:-471px 0}

/* history */
.conts-history {}
.conts-history .history {}
.conts-history .history li {margin-bottom:40px;}
.conts-history .history li:first-child {padding-bottom:40px; border-bottom:2px solid #333}
.conts-history .history li:last-child {margin-bottom:0}
.conts-history .history li .history-title {font-size:1.875em; font-weight:bold; margin-bottom:30px;}
.conts-history .history li .history-title span {font-size:0.75em; color:#999}
.conts-history .history li .history-list {}
.conts-history .history li .history-list dt {font-weight:bold; margin-top:10px; color:#2c5dca}
.conts-history .history li .history-list dt:first-child {margin:0;}
.conts-history .history li .history-list dd {line-height:1.5}

/* location */
.location-area {}
.location-area:after {display:block; clear:both; content:''}
.location-tit {margin-bottom:10px}
.location-inner {}
.location-address {margin:30px 0}
.location-address:last-child {margin-bottom:0;}
.location-address .location-btn {text-align:center; margin-bottom:20px}
.location-address .location-btn:after {display:block; clear:both; content:''}
.location-address .location-btn a {display:inline-block; text-align:center; width:94px; height:26px; margin-left:-7px; text-align:center; text-indent:-9999px; background:url(../../img/common/img_map_btn.jpg) 0 0 no-repeat}
.location-address .location-btn a.btn1 {background-position:0 0}
.location-address .location-btn a.btn2 {background-position:-102px 0}
.location-address .location-btn a.btn3 {background-position:-204px 0}

.location-address .address {}
.location-address .address li {line-height:1.5}
.location-address .address li strong{display:inline-block; margin-bottom:10px}

/* functions */
.fn-area {}
.fn-inner {}
.fn-inner dl {margin-top:20px}
.fn-inner dl dt {margin-bottom:10px}
.fn-inner dl dd {padding-left:16px; margin-bottom:5px; background:url(../../img/common/icon_bul_txt.png) 5px 9px no-repeat; line-height:1.5}
.fn-area .fn-arrow {display:block; height:80px; text-indent:-9999px; background:url(../../img/common/icon_fn_arrow.png) center no-repeat; background-size:33px 20px}


/* services */
.services-inner {position:relative}
.services-inner .services-txt {margin-top:30px; padding:30px; border:1px solid #eee; background:#f4f4f4}
.services-inner .services-txt p {margin-bottom:10px}
.services-inner .services-txt li {line-height:1.5}

/* product */
.pro-img {}
.pro-txt {margin-top:40px}

/* tanks */
.tanks-tab {margin-bottom:30px}
.tanks-tab:after {display:block; clear:both; content:''}
.tanks-tab ul {}
.tanks-tab ul li {float:left; width:50%}
.tanks-tab ul li a {display:block; width:100%; padding:10px 0; text-align:center; border:1px solid #ddd; color:#999; background:#f7f7f7}
.tanks-tab ul li a:hover,.tanks-tab ul li a:active,.tanks-tab ul li a:focus {color:#666; font-weight:bold}
.tanks-tab ul li a.current {color:#fff; font-weight:bold; border:1px solid #0a2373; background:#0a2373}
.tab-conts .total {font-weight:bold; background-color:#f4f4f4}

/* SHE */
.mission-inner1 {margin-bottom:40px;}
.mission-inner1 .p-title,.mission-inner2 .p-title{text-align:center; margin-bottom:20px}
.mission-inner1 .txt {margin:30px 0; line-height:1.5}
.mission-inner2 {}
.mission-inner2 .bul-list {margin-top:30px}
.mission-inner3 {margin-top:50px}
.mission-inner3 ul {}
.mission-inner3 ul li {position:relative; padding:20px; margin-bottom:30px; background-color:#f4f4f4}
.mission-inner3 ul li strong {display:inline-block; padding-bottom:10px}
.mission-inner3 ul li:last-child {margin-bottom:0}
.mission-inner3 ul li a {display:block; width:100%; padding:6px 0; margin-top:20px; text-align:center; font-size:0.875em; font-weight:bold; color:#fff; background:#e62f27}
.mission-inner3 ul li a i {padding-left:10px;color:#fff}

/* quality */
.quality-inner1 {padding:30px 40px; background-color:#0a2373}
.quality-inner1 strong {color:#fff}
.quality-inner2 {margin-top:50px}
.quality-inner2 .inner-title {margin-bottom:10px}
.quality-inner2 .inner-txt {}
.quality-inner2 .inner-txt .txt-link {display:block; padding:20px; font-weight:bold; text-align:center; line-height:1.5; background:#f4f4f4}
.quality-inner2 .inner-txt .txt-link a {color:#ff0000}

/* technical */
.technical-inner1 {padding:30px 40px; background-color:#0a2373}
.technical-inner1 strong {color:#fff}

/* erp-to-erp */
.erp-img {margin:20px 0 50px; padding:30px 20px; border:1px solid #ddd}
.erp-tit {font-weight:bold; text-align:center; margin-bottom:20px}
.erp-txt {line-height:1.5; padding:20px; text-align:center; background:#f4f4f4}

/* myspace */
.myspace-txt {text-align:center; padding:20px; background-color:#00539f}
.myspace-txt2 {padding:20px; background-color:#f4f4f4}
.myspace-info:after {display:block; clear:both; content:''}

/* Login */
.login-area {}
.login-area .login-tit {font-size:1.5em; font-weight:bold; padding-bottom:10px; text-align:center}
.login-area .login-field {border-top:2px solid #1c9fff; padding:30px; border-bottom:1px solid #ddd; background-color:#f4f4f4}
.login-area .login-field li {margin-bottom:20px}
.login-area .login-field li:last-child {margin-bottom:0;}
.login-area .login-field li label {display:block; font-size:0.875em}
.login-area .login-field li input[type="text"],.login-area .login-field li input[type="password"] {width:100%; margin-top:5px; padding:6px 5px}
.login-area .login-field .btn-login{width:100%; font-weight:bold; font-size:1.125em; padding:10px 0; text-align:center; background-color:#1c9fff; color:#fff}
.login-area .login-field .btn-login:hover,.login-area .login-field .btn-login:active,.login-area .login-field .btn-login:focus {border-color:#2691df; background-color:#2691df}

/* contact */
.contact-inner {}
.contact-inner li {margin-bottom:30px; padding:40px; border:1px solid #ddd; border-top:2px solid #333; background-color:#f9f9f9}
.contact-inner li:last-child {margin:0;}
.contact-inner dl {}
.contact-inner dl dt {font-size:1.5em; font-weight:bold; margin-bottom:26px}
.contact-inner dl dd {font-weight:bold; line-height:1.5; color:#999}

/* notice */
.notice-search {padding:10px; margin-bottom:10px; border:1px solid #ddd; background-color:#f4f4f4}
.notice-search ul {}
.notice-search ul:after {display:block; clear:both; content:''}
.notice-search ul li {float:left}
.notice-search ul li:nth-child(1) {width:25%; margin-right:2%}
.notice-search ul li:nth-child(2) {width:50%}
.notice-search ul li:nth-child(3) {width:23%}
.notice-search ul li label {display:none}
.notice-search ul li span {display:none;}
.notice-search select,.notice-search input[type="text"] {width:100%; height:30px; font-size:0.875em; vertical-align:middle}
.notice-search .btn-notice-search {height:30px; border:1px solid #333; padding:2px 20px; background-color:#fff}

.notice-area {}
.notice-area .head {display:none}
.notice-area .inner {}
.notice-area .inner li {border-top:1px solid #ddd}
.notice-area .inner li:first-child {border-top:2px solid #333}
.notice-area .inner li:last-child {border-bottom:1px solid #999}
.notice-area .inner li a {display:block; padding:10px 5px; font-size:0.875em; color:#333}
.notice-area .inner .txt {display:inline-block; max-height:45px; line-height:1.5; overflow:hidden;
	text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.notice-area .inner .txt .noti,.notice-area .inner .txt .noti-txt {color:#1c9fff}
.notice-area .inner .info {display:block; margin-top:8px}
.notice-area .inner .info span {font-size:0.75em; color:#666}
.notice-area .inner .info span:after {display:inline-block;width:1px;height:8px;margin:-2px 2px 0 6px;background:#ccc;vertical-align:middle;content:""}
.notice-area .inner .info span:last-child:after {margin:0; background:none}
.tbl-notice-view th,.tbl-notice-view td {font-size:0.725em} 
.tbl-notice-view .view-tit {text-align:left; padding:10px; line-height:1.5; font-size:0.875em; font-weight:bold; border-top:2px solid #333} 
.tbl-notice-view .type1 {text-align:left; padding:0 10px; line-height:1.5} 
.tbl-notice-view .type2 {text-align:left; padding:20px 10px; line-height:1.5} 

/* Paging */
.paging-area {text-align:center; margin-top: 20px;}
.paging-area a {display:inline-block; width:24px; height:24px; font-size:0.875em; text-align:center; line-height:1.5em; border:1px solid #ddd}
.paging-area a:hover {text-decoration:underline; background-color:#f4f4f4}
.paging-area a:active,.paging-area a:focus,.paging-area a.current {border:1px solid #1c9fff; background-color:#1c9fff; color:#fff}
.paging-area a:active i,.paging-area a:focus i {border:1px solid #1c9fff; background-color:#1c9fff; color:#fff}

/* sitemap */
.sitemap-inner {}
.sitemap-inner:after {display:block; clear:both; content:''}
.sitemap-inner li {float:left; width:46%; margin-right:8%; height:200px; border-bottom:1px solid #ddd}
.sitemap-inner li:nth-child(even) {margin-right:0}
.sitemap-inner li:nth-child(3),.sitemap-inner li:nth-child(4),
.sitemap-inner li:nth-child(5),.sitemap-inner li:nth-child(6),.sitemap-inner li:nth-child(7) {height:150px; margin-top:30px}
.sitemap-inner li dl {}
.sitemap-inner li dl dt {font-weight:bold; padding-bottom:10px; border-bottom:2px solid #333}
.sitemap-inner li dl dd {font-size:0.875em; margin-top:15px; padding-left:5px;}
.sitemap-inner li a {display:block; width:100%}
.sitemap-inner li a:hover,.sitemap-inner li a:active,.sitemap-inner li a:focus {font-weight:bold; color:#ff0000}

/* recruit */
.recruit-img {padding:20px; background:#787878}
.recruit-img .recruit-title {font-size:2em; font-weight:bold; line-height:1.2; color:#fff}
.recruit-inner {margin-top:50px}
.recruit-inner .p-title {margin-bottom:10px}
.recruit-inner .bul-list {}
.recruit-inner .bul-list li {font-size:0.875em; padding-left:24px; background-position:10px 7px; background-size:4px}
.tbl-reccruit {}
.tbl-reccruit th,.tbl-reccruit td {font-size:0.75em}

/* Error */
.error-page {width:80%; margin:50px auto 0; text-align:center; padding:20px; border:1px solid #ddd; background-color:#f4f4f4}
.error-page .ico-error {font-size:5em; text-align:center}
.error-page .ico-error i {color:#ff0000}
.error-page .error-txt {font-size:1.125em; font-weight:bold; text-align:center; margin-top:20px; line-height:1.5}
.error-page .error-txt .txt {font-size:1em; font-weight:normal; color:#999}

/* Layer Popup */
.pop-wrap {position:absolute; top:10%; left:5%; right:5%; min-width:284px; border:2px solid #1c9fff; z-index:105; background:#fff; display: none; cursor: pointer;}
.pop-top {font-weight:bold; padding:10px; background-color:#1c9fff; color:#fff}
.pop-top:after {display:block; clear:both; content:''}
.pop-top i {padding-right:5px; color:#fff}
.pop-tit {padding:10px; font-weight:bold}
.pop-tit .pop-tit-txt {display:inline-block; width:100%; max-height:55px; line-height:1.5; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.pop-conts {height:auto; padding:0 10px 10px}
.pop-conts .pop-conts-txt {max-height:200px; font-size:0.875em; line-height:1.5;  border:1px solid #ddd; overflow-y:hidden}
.pop-close {text-align:right; padding:8px 10px; border-top:1px solid #ddd; background-color:#f4f4f4;}
.pop-close a {display:inline-block; font-weight:bold; font-size:0.75em; padding:4px; background-color:#1c9fff; color:#fff;}
.pop-close a i {margin-right:5px; color:#fff}
.pop-close .chk-box {display:inline-block; position:relative; font-size:0.75em; padding-left:18px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}
.pop-close .chk-box input {position:absolute; opacity:0; cursor:pointer}
.pop-close .chk-box .chkmark {position:absolute; top:0; left:0; width:14px; height:14px; background-color:#ddd}
.pop-close .chk-box:hover input ~ .chkmark {background-color:#ddd}
.pop-close .chk-box input:checked ~ .chkmark {background-color:#1c9fff}
.pop-close .chkmark:after {display:none; position:absolute; content: ""}
.pop-close .chk-box input:checked ~ .chkmark:after {display:block}
.pop-close .chk-box .chkmark:after {left:5px; top:1px; width:5px; height:9px; border:solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}

/* ===============  Footer  =============== */
.foot-nav-area {position:relative; background-color:#f4f4f4}
.foot-nav {padding:30px 20px}
.foot-nav:after {display:block; clear:both; content:''}
.foot-nav li {float:left; width:50%; height:150px}
.foot-nav li:nth-child(1),.foot-nav li:nth-child(2) {height:180px}
.foot-nav dl {}
.foot-nav dl dt {font-weight:bold; margin-bottom:15px}
.foot-nav dl dd {font-size:0.8752em; margin-bottom:10px}
.foot-nav dl dd a {display:block; width:100%}
.foot-nav dl dd a:hover,.foot-nav dl dd a:active,.foot-nav dl dd a:focus {text-decoration:underline}
.foot-bg {position:absolute; top:-42px; width:100%; height:42px; text-indent:-9999px;}
/* .foot-bg {position:absolute; top:-42px; width:100%; height:42px; text-indent:-9999px; background:url(../../img/common/icon_foot_bg.png) 0 0 repeat}*/

.foot-info-area {position:relative; padding:20px 0}
.foot-info-area:after {display:block; clear:both; content:''}
.foot-logo {}
.foot-logo h1 {padding:20px 0 30px; text-align:center}
.foot-info {}
.foot-info .foot-info-nav {}
.foot-info .foot-info-nav:after {display:block; clear:both; content:''}
.foot-info .foot-info-nav li {float:left; width:22%;text-align:center}
.foot-info .foot-info-nav li:last-child {width:34%}
.foot-info .foot-info-nav li a {font-size:0.75em; font-weight:bold}
.foot-info .foot-copy {font-size:0.75em; padding:20px 10px 10px}
.foot-info .foot-copy address {color:#999; line-height:1.5;}
.foot-info .foot-copy .copy-txt {display:block; color:#999; line-height:1.5;}
.foot-info .foot-copy .copyright {color:#999; line-height:1.5;}

.foot-info-area .foot-link-t1 {position:relative; padding:10px; font-size:0.75em; z-index:99;}
.foot-info-area .foot-link-t1 a {position:relative; display:block; width:100%; padding:10px; border:1px solid #ddd; background-color:#fff}
.foot-info-area .foot-link-t1 a i {position:absolute; top:8px; right:10px; font-size:1.25em; font-weight:bold}
.foot-info-area .foot-link-t1 .link-area {display:none; position:absolute; top:-56px; left:10px; right:10px; border:1px solid #ddd; background-color:#fff}
.foot-info-area .foot-link-t1 .link-area li {border-bottom:1px solid #ddd}
.foot-info-area .foot-link-t1 .link-area li:last-child {border-bottom:0}
.foot-info-area .foot-link-t1 .link-area a {border:0;  padding:10px}
.foot-info-area .foot-link-t1 .link-area a:hover,.foot-link .link-area a:active,.foot-link .link-area a:focus {font-weight:bold; color:#ff0000}
.foot-info-area .foot-link-t1 .link-on {display:block}
.arrow-rotate {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.foot-info-area .foot-link-t2 {margin-top:10px}
.foot-info-area .foot-link-t2:after {display:block; clear:both; content:''}
.foot-info-area .foot-link-t2 li {float:left; width:23%; text-align:center;}
.foot-info-area .foot-link-t2 li:last-child {width:31%}
.foot-info-area .foot-link-t2 li a {font-size:0.75em; color:#666}

.info-disclaimer {display:none; position:absolute; top:0; left:0; border:1px solid #333; padding:20px 20px 40px; background-color:#fff; z-index:101}
.info-disclaimer p {font-size:0.875em; font-weight:bold; line-height:1.5}
.info-disclaimer ul {margin:20px 0}
.info-disclaimer ul li {font-size:0.75em; line-height:1.5; padding-left:10px; color:#999}
.info-disclaimer ul li i {position:relative; left:-10px; top:-1px; font-size:8px; color:#bbb}
.info-disclaimer ul li em {padding-left:10px; color:#999}
.info-disclaimer .dis-close {position:absolute; bottom:0; left:0; right:0; width:100%; font-size:0.75em; text-align:center; line-height:3; border-top:1px solid #333; cursor:pointer; color:#333; background-color:#f3f3f3}
.info-disclaimer .dis-close i {color:#333}
.info-disclaimer .dis-close:hover {border-top:1px solid #333; color:#333}
.info-disclaimer .dis-close:hover i {color:#333}
.info-disclaimer .dis-arrow {display:none;}
.info-disclaimer.dis-on {display:block}

/* ===============  Responsive Styles  =============== */

/* Tablets */
@media only screen and (min-width:768px) {

	/* =============== LayOut =============== */
	#header {max-width:1100px; margin:0 auto; padding:0 30px; background:none}

	/* =============== Header =============== */
	.header-area .logo {text-align:left}
	/*.header-area .logo a {padding:20px 0 10px 0; width:250px; margin:0; text-align:left}*/
	.header-area .logo a {padding:20px 0 5px; width:320px; margin:0; text-align:left}

	/* Mobile slide nav */
	.btn-nav,.close,.slide-nav-area {display:none}

	/* gnb */
	.gnb-area {position:relative; display:block}
	.gnb-area:after {display:block; clear:both; content:''}
	.gnb {}
	.gnb li {float:left; margin-right:30px}
	.gnb li a {display:block; width:100%; padding:15px 0; font-weight:bold; color:#333}
	.gnb li a:hover,.gnb li a:active,.gnb li a:focus,.gnb li a.current {color:#ff0000}

	/* Lnb */
	.lnb-area {position:absolute; top:-30px; right:0;}
	.lnb-area .lnb {}
	.lnb-area .lnb:after {display:block; clear:both; content:''}
	.lnb-area .lnb li {float:left}
	.lnb-area .lnb li a {font-size:0.75em; font-weight:bold}
	.lnb-area .lnb li a:hover,.lnb-area .lnb li a:active,.lnb-area .lnb li a:focus {color:#00634e}
	.lnb-area .lnb li a:after{display:inline-block;width:4px;height:4px;margin:-1px 10px 0;background:#333;vertical-align:middle;content:""}
	.lnb-area .lnb li a.last:after {margin:0; background:none}

	/* social */
	.social {position:absolute; top:70px; right:0}
	.social:after {display:block; clear:both; content:''}
	.social li {float:left; margin-left:10px}
	.social li a {}
	.social li a img {width:85%}


	/* ===============  Main area  =============== */
	/* main conts 1 */
	.main-service .service-inner:after {display:block; clear:both; content:''}
	.main-service .service-inner li {float:left; width:48%; margin:1%}
 	.main-site .site-inner {background-size:248px 202px}
	.main-site .site-inner h2 {font-size:1.875em} 

	/* main conts 2 Notice */
	.main-notice .inner .info span {font-size:0.875em}

	/* main conts link */
	.main-link .link-inner:after {display:block; clear:both; content:''}
	.main-link .link-inner li {float:left; width:48%; margin:1%}


	/* =============== Sub contents =============== */

	/* Sub Contents Common */
	.sub-title-area h2 {font-size:2em}

	/* Table */
	table thead th,table tbody th,table tbody td {font-size:1em}

	/* Contents Common :: title */
	.p-title.type3 {text-align:center; margin:50px 0 20px}
	.p-title.type3 .conts-img {}
	.p-title.type3 .conts-img img {width:80%}

	/* contents common :: list */
	.sub-list-info.type2 {}
	.sub-list-info.type2:after {display:block; clear:both; content:''}
	.sub-list-info.type2 li {float:left; width:50%; height:100px; margin:0; text-align:center; padding:40px 20px}
	.sub-list-info.type2 li:nth-child(1),.sub-list-info.type2 li:nth-child(3) {border-right:0}
	.sub-list-info.type2 li:nth-child(1),.sub-list-info.type2 li:nth-child(2) {border-bottom:0}
	.sub-list-info.type2 li.two-line1 {padding-top:30px;letter-spacing:0}

	/* mission */
	.mission-img {padding:50px}
	.mission-txt:after {display:block; clear:both; content:''}
	.mission-txt li {float:left; padding-top:280px; margin:0 15px}
	.mission-txt li:first-child {margin-left:0}
	.mission-txt li:last-child {margin-right:0}

	/* history */
	.conts-history .history li:after {display:block; clear:both; content:''}
	.conts-history .history li .history-title {float:left; width:30%; margin-bottom:0}
	.conts-history .history li .history-list {float:left; width:70%}

	/* location */
	.location-address .location-btn {text-align:right; margin-bottom:10px}
	.location-address.type2 {position:relative}
	.location-address.type2 .location-btn {position:absolute; top:50px; right:0}

	/* functions */
	.fn-inner:after {display:block; clear:both; content:''}
	.fn-inner span {float:left; width:50%}
	.fn-inner dl {float:left; width:45%; margin:60px 0 0 5%}
	.fn-inner dl.last {margin-top:50px}
	.fn-area .fn-arrow {width:50%; height:100px; background-size:40px 25px}

	/* services */
	.services-inner .services-txt {position:absolute; top:5%; left:5%; right:30%; bottom:5%; margin-top:0; border:0; padding:3% 5%; background:rgba(255,255,255,0.8)}

	/* product */
	.pro-img {float:left; width:50%; margin-right:5%}
	.pro-txt {float:left; width:45%; margin-top:20px}

	/* SHE */
	.mission-inner1 .p-title,.mission-inner2 .p-title{font-size:1.625em; text-align:center; margin-bottom:20px}
	.mission-inner3 ul li a {position:absolute; top:8px; right:20px; display:inline-block; width:auto; padding:6px 15px}

	/* quality/technical */
	.quality-inner1 strong,.technical-inner1 strong {font-size:1.125em}

	/* erp-to-erp */
	.erp-img {padding:40px}

	/* Login */
	.login-area {width:70%; margin:0 auto}
	.login-area .login-tit {font-size:1.75em}
	.login-area .login-field {padding:30px 40px}
	.login-area .login-field li {margin-bottom:20px}
	.login-area .login-field li input[type="text"],.login-area .login-field li input[type="password"] {width:100%; margin-top:5px; padding:8px 5px}
	.login-area .login-field .btn-login{padding:12px 0}

	/* contact */
	.contact-inner:after {display:block; clear:both; content:''}
	.contact-inner li {float:left; width:48%; margin:0 4% 0 0; padding:50px;}
	.contact-inner li:last-child {margin-right:0}

	/* notice */
	.notice-search ul li:nth-child(1) {width:21%; margin-right:1%}
	.notice-search ul li:nth-child(2) {width:50%; margin-right:1%}
	.notice-search ul li:nth-child(3) {width:25%}
	.notice-search ul li label {display:none}
	.notice-search ul li span {display:inline-block}
	.notice-area .inner .info span {font-size:0.875em}
	.tbl-notice-view th,.tbl-notice-view td {font-size:0.875em} 
	.tbl-notice-view .view-tit {padding:15px 20px; font-size:1.25em} 
	.tbl-notice-view .type1 {padding:0 20px} 
	.tbl-notice-view .type2 {padding:20px} 

	/* Paging */
	.paging-area a {display:inline-block; width:30px; height:30px; font-size:1em; line-height:1.7em}

	/* sitemap */
	.sitemap-inner li dl {}
	.sitemap-inner li dl dt {font-size:1.125em}
	.sitemap-inner li dl dd {font-size:1em}

	/* recruit */
	.recruit-img {padding:50px; background:#787878 url(../../img/common/img_sub8_1.jpg) 0 0 no-repeat; background-size:100%;}
	.recruit-img .recruit-title {font-size:2em}
	.recruit-img .single-p {width:50%}
	.recruit-inner .bul-list li {font-size:1em; background-position:10px 8px}
	.tbl-reccruit th,.tbl-reccruit td {font-size:1em}

	/* Error */
	.error-page {width:50%; margin:80px auto 0; padding:30px}

	/* Layer Popup */
	.pop-wrap {position:absolute; top:14%; left:2%; right:0; width:350px}
	.pop-conts .pop-conts-txt {max-height:230px}	

	/* ===============  Footer  =============== */
	.foot-nav {max-width:1100px; margin:0 auto; padding:30px 20px}
	.foot-nav li {float:left; display:inline-block; width:13%; margin:0}
	.foot-nav li:nth-child(1),.foot-nav li:nth-child(3) {width:16%}
	.foot-nav li:nth-child(4),.foot-nav li:nth-child(7) {width:12%}
	.foot-nav li:nth-child(5) {width:18%}
	.foot-nav li,.foot-nav li:nth-child(1),.foot-nav li:nth-child(2),.foot-nav li:nth-child(3),.foot-nav li:nth-child(4),
	.foot-nav li:nth-child(5),.foot-nav li:nth-child(6),.foot-nav li:nth-child(7) {height:auto}


	.foot-info-area {max-width:1100px; margin:0 auto; padding:30px 20px}
	.foot-info-area:after {display:block; clear:both; content:''}
	.foot-logo {float:left}
	.foot-logo h1 {margin-top:10px; padding:0; text-align:left}
	.foot-info {float:left; margin-left:30px}

	.foot-info .foot-info-nav {display:inline-block}
	.foot-info .foot-info-nav li,.foot-info .foot-info-nav li:last-child {width:auto; margin-right:20px}
	.foot-info .foot-info-nav li a {display:inline-block; font-size:0.875em}
	.foot-info .foot-copy {padding:10px 0 0 0}

	.foot-info-area .foot-link-t1 {position:absolute; top:30px; right:20px; padding:0}
	.foot-info-area .foot-link-t1 a {padding:8px 50px 8px 10px; border:1px solid #ddd; background-color:#fff}
	.foot-info-area .foot-link-t1 a i {top:7px}
	.foot-info-area .foot-link-t1 .link-area {width:100%; top:-66px; left:0}

	.foot-info-area .foot-link-t2 {display:inline-block; position:absolute; top:68px; right:20px; width:200px; margin:0}
	.foot-info-area .foot-link-t2 li {width:50%; margin-top:4px; text-align:right}
	.foot-info-area .foot-link-t2 li:last-child {width:50%}

	.info-disclaimer {top:-240px}
}


/* Desktops and laptops ------------------ */
@media only screen and (min-width:980px) {

	/* =============== Header =============== */
	.header-area .logo a {width:380px}

	/* gnb */
	.gnb li a {font-size:1.125em; padding:20px 0}

	/* Lnb */
	.lnb-area {top:-30px}

	/* social */
	.social {top:82px}
	.social li a img {width:100%}


	/* ===============  Main area  =============== */
	/* main conts 1 */
	.main-conts-type1,.main-conts-type2 {max-width:1100px; margin:30px auto}
	.main-conts-type1:after,.main-conts-type2:after {display:block; clear:both; content:''}
	.main-service {float:left; width:68%; margin-right:2%}  /* 채용공고 배너 자리 */
	.main-service .service-inner li {width:24%; margin:0 1% 0 0}
	.main-service .service-inner li:last-child {margin:0}
	.main-service .service-inner li a {min-height:190px}	
	.main-service .service-inner .inner-txt {left:10%}
	.main-service .service-inner .inner-img img {width:150px; height:150px}	
	.main-site {float:left; width:30%; margin:0}
	.main-site .site-inner {height:230px; background-size:100%}
	.main-site .site-inner h2 {font-size:1.125em}

	/* main conts 2 Notice */
	.main-notice {float:left; width:49%; margin:0 2% 0 0}
	.main-notice .inner li {position:relative; padding:0 5px;}
	.main-notice .inner li a {padding:8px 5px}
	.main-notice .inner li a:hover{text-decoration:underline}
	.main-notice .inner .txt {display:block; width:82%; max-height:25px; padding-left:10px; white-space:nowrap; -webkit-line-clamp:1; background:url(../../img/common/icon_bul_txt.png) 0 10px no-repeat; background-size:3px}
	.main-notice .inner .info {position:absolute; top:11px; right:5px; margin-top:0}

	/* main conts link */
	.main-link {float:left; width:49%}
	.main-link .link-inner li {width:49%; margin:2% 2% 2% 0}
	.main-link .link-inner li:nth-child(even) {margin-right:0;}
	.main-link .link-inner li:nth-child(1),.main-link .link-inner li:nth-child(2) {margin-top:3%;}
	.main-link .link-inner li:nth-child(3) {margin-bottom:0}
	.main-link .link-inner li a {height:90px}
	.main-link .link-inner li a span {margin-top:15px}


	/* =============== Sub contents =============== */
	/* Sub Contents Common */
	.sub-conts-area {max-width:1100px; margin:0 auto; padding:80px 1.25em 50px}

	.snb-area {float:left; width:18%}
	.snb-btn-area {display:none}
	.snb-sec {display:block}
	.snb-sec .snb {background-color:#fff}
	.snb-sec .snb li {border-bottom:0}
	.snb-sec .snb li a {position:relative; font-size:1em; line-height:1.2; padding-left:12px}
	.snb-sec .snb li a:hover,.snb-sec .snb li a:active,.snb-sec .snb li a:focus {color:#ff0d00}
	.snb-sec .snb li a.current {font-weight:bold; color:#ff0d00}
	.snb-sec .snb li i {position:absolute; top:14px; left:0; color:#ddd}
	.snb-sec .snb a:hover i,.snb-sec .snb li a:active i,.snb-sec .snb li a:focus i {color:#aaa}
	.snb-sec .snb li a.current i{color:#ff0d00}

	.sub-conts {float:left; width:80%; margin-left:2%}
	.sub-title-area {position:relative}
	.sub-title-area h2 {font-size:2.125em}
	.sub-title-area .path-area {position:absolute; top:-90px; left:0; margin:0}
	.sub-title-area .path-area .path-home {background-position:0 5px}

	/* mission */
	.mission-img {padding:60px}

	/* location */
	.location-tit {float:left; width:20%; margin:0;}
	.location-inner {float:left; width:80%}

	/* functions */
	.fn-inner span {float:left; width:45%}
	.fn-inner dl {width:50%; margin:70px 0 0 5%}
	.fn-inner dl.last {margin-top:70px}
	.fn-area .fn-arrow {width:45%; background-size:47px 29px}

	/* services */
	.services-inner .services-txt {top:5; left:5%; right:30%; bottom:5%; padding:4% 5%}
	
	/* quality */
	.quality-inner1 {background:url(../../img/common/img_sub5_3.jpg) 0 0 no-repeat; background-color:none}
	.quality-inner1 p {width:80%}
	.quality-inner2 .inner-title {float:left; width:20%}
	.quality-inner2 .inner-txt {float:left; width:80%}
	.quality-inner1:after,.quality-inner2:after {display:block; clear:both; content:''}

	/* technical */
	.technical-inner1 {background:url(../../img/common/img_sub5_5.jpg) 0 0 no-repeat; background-color:none}
	.technical-inner1 p {width:90%}

	/* SHE */
	.mission-inner3 ul li {padding:30px}
	.mission-inner3 ul li a {position:absolute; top:18px; right:30px}

	/* erp-to-erp */
	.erp-tit {font-size:1.125em}

	/* notice */
	.notice-area {}
	.notice-area .head {display:block; border-top:2px solid #333}
	.notice-area .head li {float:left; padding:12px 0; font-size:0.875em; font-weight:bold; text-align:center; background-color:#f4f4f4}
	.notice-area .head li:nth-child(1) {width:70%}
	.notice-area .head li:nth-child(2) {width:7%}
	.notice-area .head li:nth-child(3) {width:10%}
	.notice-area .head li:nth-child(4) {width:7%}
	.notice-area .head li:nth-child(5) {width:6%}
	.notice-area .head:after {display:block; clear:both; content:''}
	.notice-area .inner {}
	.notice-area .inner li {border-top:1px solid #ddd}
	.notice-area .inner li:first-child {border-top:1px solid #ddd}
	.notice-area .inner li a {position:relative; padding:10px 5px}
	.notice-area .inner .txt {display:block; width:70%; max-height:25px; white-space:nowrap; -webkit-line-clamp:1}

	.notice-area .inner .info {position:absolute; top:0; bottom:0; left:70%; right:0; display:block; margin-top:0}
	.notice-area .inner .info span {float:left; width:25%; text-align:center; margin-top:15px; color:#666}
	.notice-area .inner .info span.date {width:32%}
	.notice-area .inner .info span.pop {width:18%}
	.notice-area .inner .info span:after {display:none}
	.notice-area .inner .info:after {display:block; clear:both; content:''}
	.tbl-notice-view .type2 {font-size:1em} 

	/* sitemap */
	.sitemap-inner li:nth-child(1),.sitemap-inner li:nth-child(2),.sitemap-inner li:nth-child(3),.sitemap-inner li:nth-child(4),
	.sitemap-inner li:nth-child(5),.sitemap-inner li:nth-child(6),.sitemap-inner li:nth-child(7) {width:22%; margin-right:4%; height:230px; margin-top:0}
	.sitemap-inner li:nth-child(4) {margin:0}
	.sitemap-inner li:nth-child(5),.sitemap-inner li:nth-child(6),.sitemap-inner li:nth-child(7) {margin-top:50px; height:200px}

	/* recruit */
	.recruit-img {padding:60px}
	.recruit-img .recruit-title {font-size:2.5em}
	.recruit-img .single-p {width:45%}

	/* Layer Popup */
	.pop-wrap {position:absolute; top:120px; left:5%}
	.pop-conts .pop-conts-txt {max-height:250px}	

	/* ===============  Footer  =============== */
	.foot-nav li,.foot-nav li:nth-child(1),.foot-nav li:nth-child(3),.foot-nav li:nth-child(4),.foot-nav li:nth-child(7),.foot-nav li:nth-child(5) {width:14.28%}
	.foot-info-area {padding:30px 20px}
	.foot-info {margin-left:40px}
	.foot-info .foot-info-nav {margin-top:15px}
	.foot-info .foot-copy .copy-txt {display:inline-block}
	.foot-info-area .foot-link-t1 {top:36px}
	.foot-info-area .foot-link-t2 {top:82px; right:20px; width:300px}
	.foot-info-area .foot-link-t2 li {width:23%}
	.foot-info-area .foot-link-t2 li:last-child {width:31%}
	.info-disclaimer {top:-235px}
}

.login-area.type2 {width:85%; margin:0 auto}
.login-area.type2 .login-field label {width:150px}
.login-area.type2 .login-field input[type="text"],.login-area.type2 .login-field li input[type="password"] {width:440px}
.login-area.type2 .pw-info-txt {padding:30px; margin-bottom:30px; background-color:#f4f4f4; letter-spacing: -0.5px;}
.login-area.type2 .pw-info-txt li {}
.login-area.type2 .pw-check {width:30px; height:30px; padding-left:10px;}
.login-area.type2 .pw-check i {font-size:22px; color:#ff4b64;}

.login-area.type2 .pw-fail {width:30px; height:30px; padding-left:10px;}
.login-area.type2 .pw-fail i {font-size:22px; color: #666;}