@charset "utf-8";
/*
	Publishing by.notteng
	common guide

 다국어 css (기본 국문) - 영문구분 [lang='en'] 
*/

/* common */
#contents .h_tit {margin-bottom:30px;font-size:1.571em;color:#004da1;letter-spacing:-0.025em;text-transform:uppercase;}
#anergy #contents .h_tit {color:#41a83b;}
#lns #contents .h_tit {color:#0163ba;}
#chemical #contents .h_tit {color:#41a83b;}
#nextel #contents .h_tit {color:#f04e37;}
#contents .m_tit {margin-bottom:15px;font-size:1.429em;color:#333;letter-spacing:-0.025em;text-transform:uppercase;}
#contents .s_tit {margin-bottom:15px;font-size:1.143em;color:#333;letter-spacing:-0.025em;text-transform:uppercase;}
#contents .h_tit + .txt, #contents .s_tit + .txt {margin-top:-5px;}
#contents .txt {color:#666;line-height:1.571em;}
#contents .con_box {padding:30px;margin-top:10px;border:1px solid #e5e5e5;background:#f5f5f5;}

#contents .po_color {font-weight:500;color:#004da1;}
#anergy #contents .po_color {color:#41a83b;}
#lns #contents .po_color {color:#0163ba;}
#chemical #contents .po_color {color:#41a83b;}
#nextel #contents .po_color {color:#f04e37;}
#contents .point_txt {font-weight:500;font-size:1.143em;line-height:1.500em;color:#333;}
#contents .point_txt * {line-height:1.500em;}
.pc-img {display:block;}
.mo-img {display:none;}

@media screen and (max-width: 768px){
  #contents .h_tit {margin-bottom:20px;font-weight:700;font-size:1.286em;}
  #contents .m_tit {font-weight:700;font-size:1.143em;}
  #contents .s_tit {font-weight:700;line-height: 1.500em;/* font-size:1em; */}
  #contents .con_box {padding:20px;}
  #contents .point_txt {font-weight:700;/* font-size:1em; */}
  #contents .point_txt * {font-weight:700;}
  .pc-img {display:none;}
  .mo-img {display:block;}
}

/* skip navigation */
a.skip {position:absolute; top:-9999em; left:-9999em; height:1px; width:1px; text-align:left; overflow:hidden; color: #fff; font-size:14px; padding:0 10px; height:50px; line-height:40px; z-index:9999; text-decoration:none; background: #486E9B; background:-moz-linear-gradient(left,  #486E9B 44%, #333333 100%); background:-webkit-gradient(linear, left top, right top, color-stop(44%,#486E9B), color-stop(100%,#333333)); background:-webkit-linear-gradient(left,  #486E9B 44%,#333333 100%); background:-o-linear-gradient(left,  #486E9B 44%,#333333 100%); background:-ms-linear-gradient(left,  #486E9B 44%,#333333 100%); background:linear-gradient(to right,  #486E9B 44%,#333333 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264A0', endColorstr='#333',GradientType=1 );}
a.skip:active, a.skip:focus, a.skip:hover {left:0; top:0; width:100%; text-align:center; overflow:visible; color:#fff; text-decoration:none; line-height:50px;}

/* float unlock */
.cboth  {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.cboth:after {content:'';clear:both; display:block;}

/* single 말줄임.. */
.ellipsis {display:inline-block;max-width:90%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} 
/* multi 말줄임.. */
.muti-ellipsis {display:-webkit-box;height:65px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;} 
/*mailto*/
.mailto{color:#666; line-height:1.571em;}
.mailto:hover{color:##41a83b;}
/* form */
.srch-select {position:relative;display:inline-block;width:130px;height:36px;overflow:hidden;border:1px solid #ccc;box-sizing:border-box;}
.srch-select > select {position:relative;z-index:10;width:100% !important;height:100%;line-height:100%;z-index:10;opacity:0;}
.srch-select .select-indi {position:absolute;bottom:0;left:0;width:100%;height:100%;line-height:36px;padding-right:30px;box-sizing:border-box;text-indent:15px;color:#666;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.srch-select .select-indi:after {content:'';position:absolute;top:0;right:-5px;width:30px;height:36px;background:url('/common/images/icon/srch-arr.png') no-repeat 0 50%;z-index:1;background-size:cover;}
.srch-select.disabled {border-color:#e9e9e9;background:#f5f5f5;}
.srch-select.disabled .select-indi {color:#cacaca;}
.srch-select.disabled .select-indi:after {background-image:url('/common/images/icon/srch-arr-off.png');}
/* input */
input[type="text"], input[type="password"], textarea {display:inline-block;width:100%;height:36px;padding:0 15px;line-height:2.571em;color:#666;border:1px solid #ccc;box-sizing:border-box;background:#fff;}
textarea {width:100%;padding:20px;line-height:1.571em;}
input[type="text"]:disabled, input[type="password"]:disabled, textarea:disabled {border-color:#e9e9e9;color:#cacaca;background:#f5f5f5;}
/* select */
.attach-bsc {position:relative; height:36px; overflow:hidden;}
.attach-bsc .file-name {margin-right:97px;}
.attach-bsc .file-name input {display:block;width:100%;padding:0 10px;border:1px solid #ccc;box-sizing:border-box;line-height:34px;background-color:#fff;}
.attach-bsc .file-btn {position:absolute; top:0; right:0;}
.attach-bsc .file-btn input {display:block !important;opacity:0;position:absolute;top:0;left:0;width:100%;height:36px;border:0;cursor:pointer;}
/* radio & checkbox */
.form-radio-check, .form-radio-check > .ctm-radio, .form-radio-check input[type="radio"], .form-radio-check input[type="checkbox"], .form-radio-check label  {display:inline-block;vertical-align:top;}
.form-radio-check > .ctm-radio, .form-radio-check > .ctm-check {position:relative;height:20px;margin-right:20px;}
.form-radio-check > .ctm-radio:before, .form-radio-check > .ctm-check:before {content:'';position:absolute;top:3px;left:0;width:20px;height:20px;background:url('/common/images/icon/form_set.png') no-repeat 0 0;background-size:88px 40px;}
.form-radio-check > .ctm-radio:before {top:0;}
.form-radio-check.right > .ctm-radio, .form-radio-check.right > .ctm-check {margin-left:20px;}
.form-radio-check input[type="radio"], .form-radio-check input[type="checkbox"] {position:absolute;top:0;left:0;width:20px;height:20px;margin:0;cursor:pointer;outline:none;opacity:0;}
.form-radio-check > .ctm-radio:before {background-position:0 -20px;}
.form-radio-check > .ctm-radio.disabled:before {background-position:-22px -20px;}
.form-radio-check > .ctm-radio.checked:before {background-position:-44px -20px;}
.form-radio-check > .ctm-radio.disabled.checked:before {background-position:-66px -20px;}
.form-radio-check > .ctm-check:before {background-position:0 0;}
.form-radio-check > .ctm-check.disabled:before {background-position:-22px 0;}
.form-radio-check > .ctm-check.checked:before {background-position:-44px 0;}
.form-radio-check > .ctm-check.disabled.checked:before {background-position:-66px 0;}
.form-radio-check label {padding-left:25px;line-height:20px;}
/* edit영역 */
.edit-wrap p {margin:0 !important;}
.edit-wrap * {line-height:1.571em;}
.edit-wrap img{width:auto !important; max-width:100% !important; height:auto !important;}
.edit-wrap table th, .edit-wrap table td {width:auto !important;height:auto !important;padding:10px 5px;}
/* image */
.zoom-href {position:relative;display:block;}
.zoom-href:after {content:'';position:absolute;bottom:0;right:0;width:35px;height:35px;background:url('/common/images/icon/zoom.png') no-repeat 0 0;background-size:cover;}
.img-full, .zoom-m {width:100%;}
/* 줄넘김 */
.br {display:block;}
@media screen and (max-width: 768px){
  .srch-select .select-indi {font-size:0.857em;}
  input[type="text"], input[type="password"], textarea {font-size:0.857em;}
  textarea {padding:10px;line-height:1.500em;}
  .form-radio-check label {font-size:0.857em;}
  .edit-wrap * {line-height:1.500em;}
  .br {display:inline;}
}
/*-----------------------------------------------------------------------------------
	btn 모듈
-----------------------------------------------------------------------------------*/
.button {display:inline-block;min-width:70px;height:36px;margin:0 1px;color:#fff;box-sizing:border-box;background:#444;}
.button span {display:inline-block;margin:0 15px; font-family:Noto Sans KR;font-weight:500;line-height:2.429em;/* letter-spacing:-0.05em; */}
.button.off {background:#757575;}
/* 각 계열사 칼라 그룹:#004da1/에너지:#41a83b/L&S:#0163ba/케미칼:#41a83b/넥스텔:#f04e37 */
.button.affiliate-1 {background:#004da1;}
.button.affiliate-2 {color:#41a83b;background:#ffffff;}
.button.affiliate-3 {background:#0163ba;}
.button.affiliate-4 {background:#41a83b;}
.button.affiliate-5 {background:#f04e37;}
.button.line {border:1px solid #333;color:#333;background:#fff;}
.button.line.white {border-color:#fff;color:#fff;background:none;}
.button.line.off {border-color:#ccc;}
.button.line.pw-srh {border-color:#ccc;color:#b2b2b2;}
.button.line.upload {width:206px;border-color:#666;color:#666;}
.button.file-add {width:92px;margin:0;color:#666;border:1px solid #a5a5a5;background:#f0f0f0;}
.button.file-add span {margin:0;}
.button.ico-write span {padding-left:24px;background:url('/common/images/icon/btn_write_ico.png') no-repeat 0 50%;background-size:14px;}
.button.ico-img span {padding-left:24px;background:url('/common/images/icon/btn_img_ico.png') no-repeat 0 50%;background-size:14px;}
.button.ico-down span {padding-left:24px;background:url('/common/images/icon/btn_down_ico.png') no-repeat 0 50%;background-size:14px;}
.button.ico-srh span {padding-left:25px;background:url('/common/images/icon/btn_srh_ico.png') no-repeat 0 50%;}
.button.ico-result span {padding-left:25px;background:url('/common/images/icon/btn_result_ico.png') no-repeat 0 50%;}
.button.ico-print span{padding-left: 24px; background: url('/common/images/icon/ico-print.png') no-repeat 0 50%; background-size: 14px;}
.button.ico-url span{padding-left: 24px; background: url('/common/images/icon/ico-url.png') no-repeat 0 50%; background-size: 14px;}
.button.ico-big span{padding-left: 30px; background: url('/common/images/icon/btn_big_ico.png') no-repeat 0 50%; background-size: 21px;}
/*지도*/
.button.ico-map{min-width:0; width:34px; height:34px; border:1px solid #a5a5a5; background:#f0f0f0 url(/common/images/icon/ico-map.png) center no-repeat; background-size:12px;}
.button.ico-map span{text-indent:-9999px;}

.button.big {min-width:90px;height:45px;background:#00b0ef;}
.button.big span {font-size:1.143em !important;line-height:1.063em;}
.button.big.ico-apply span {padding-left:27px;margin:0 20px;background:url('/common/images/icon/btn_apply_ico.png') no-repeat 0 50%;background-size:17px;}
.button.link-1 span {padding-right:14px;background:url('/common/images/icon/btn_arrow_ico.png') no-repeat 100% 50%;background-size:4px auto;}
.button.link-2 span {padding-right:17px;background:url('/common/images/icon/btn_arrow2_ico.png') no-repeat 100% 50%;background-size:7px auto;}
.button.link-1.white span {padding-right:14px;background:url('/common/images/icon/btn_arrow4_ico.png') no-repeat 100% 50%;background-size:4px auto;}
.button.link-2.white span {padding-right:17px;background:url('/common/images/icon/btn_arrow3_ico.png') no-repeat 100% 50%;background-size:7px auto;}
.button:hover {opacity:0.8;}
.button.line:hover {opacity:1;}
.button.line:hover span {text-decoration:underline;}
.btn {display:inline-block;padding:5px 10px 5px 0;font-weight:500;color:#333;background:url('/common/images/icon/btn_aff_ico1.png') no-repeat 100% 50%;background-size:4px auto;}
.btn.affiliate-2 {background-image:url('/common/images/icon/btn_aff_ico2.png');}
.btn.affiliate-3 {background-image:url('/common/images/icon/btn_aff_ico3.png');}
.btn.affiliate-4 {background-image:url('/common/images/icon/btn_aff_ico4.png');}
.btn.affiliate-5 {background-image:url('/common/images/icon/btn_aff_ico5.png');}
.btn:hover {text-decoration:underline;}
.btn-wrap {text-align:center;}
.btn-wrap-left {text-align:left;}
.btn-wrap-right {text-align:right;}
.btn-wrap-left .button {margin:0 2px 0 0;}
.btn-wrap-right .button {margin:0 0 0 2px;}
table + .btn-wrap, ul + .btn-wrap , div + .btn-wrap {margin-top:40px;}

@media screen and (max-width: 768px){ 
  .button span, .btn {font-size:0.857em;}
  .button.link-1.white span, .button.link-2.white span {font-weight:700;}
  table + .btn-wrap, ul + .btn-wrap , div + .btn-wrap {margin-top:25px;}
}
/*-----------------------------------------------------------------------------------
	contents 관련
-----------------------------------------------------------------------------------*/
/* dot icon 불릿 */
.dot li {padding-left:12px;margin:10px 0;color:#666;background:url('/common/images/icon/dot_1.png') no-repeat 0 5px;}
.dot.white li {color:#fff;background-image:url('/common/images/icon/dot_2.png');}
.dot li:first-child {margin-top:0;}
.dot2 li, .dot2 dd{padding-left:18px;background:url(/common/images/icon/dot_img1.png) no-repeat 0 7px;background-size:7px;}

/* 타이틀 bar 불릿 */
.tit-bar {position:relative;padding-left:15px;font-weight:500;font-size:1.143em;color:#004da1;}
.tit-bar.anergy {color:#41a83b;}
.tit-bar.lns {color:#0163ba;}
.tit-bar.chemical {color:#41a83b;}
.tit-bar.nextel {color:#f04e37;}
.tit-bar:before {content:'';position:absolute;top:1px;left:0;width:4px;height:15px;background:#004da1;}
.tit-bar.anergy:before {background:#f89b1b;}
.tit-bar.lns:before {background:#0059a9;}
.tit-bar.chemical:before {background:#41a83b;}
.tit-bar.nextel:before {background:#f04e37;}
/* 계열사태그(뉴스,채용) */
.aff_ico {display:table;width:50px;height:50px;background:#666;}
.aff_ico.big {display:table;width:60px;height:60px;background:#666;} 
.aff_ico.hori {display:table;width:87px;height:31px;background:#666;} 
.aff_ico.anergy {background:#f89b1b;}
.aff_ico.lns {background:#0059a9;}
.aff_ico.chemical {background:#41a83b;}
.aff_ico.nextel {background:#f04e37;}
.aff_ico > em {display:table-cell;font-size:12px;font-weight:500;color:#fff;line-height:15px;text-align:center;vertical-align:middle;}
@media screen and (max-width: 768px){
  .tit-bar {font-weight:700;/* font-size:1em; */}
  .tit-bar:before {top:2px;height:14px;}
  .aff_ico {width:55px;height:20px;}
  .aff_ico.big {width:60px;height:60px;} 
  .aff_ico.hori {width:87px;height:31px;} 
  .aff_ico > em {font-size:10px;}
}
/*-----------------------------------------------------------------------------------
	tab 모듈
-----------------------------------------------------------------------------------*/
.tab-wrap > .select-value {display:none;}
.tab-wrap > ul {position:relative;width:100%;}
.tab-wrap > ul:after {content:'';clear:both;display:block;}
.tab-wrap > ul li {float:left;display:table;width:100%;height:55px;border:1px solid #d9d9d9;border-right:0 none;border-bottom-color:#333;box-sizing:border-box;}
.tab-wrap > ul li:last-child {border-right:1px solid #d9d9d9;}
.tab-wrap .ea02 li {width:50%;}
.tab-wrap .ea03 li {width:33.33%;}
.tab-wrap .ea04 li {width:25%;}
.tab-wrap .ea05 li {width:33%;}
.tab-wrap .ea06 li {width:16.66%;}
.tab-wrap .ea07 li {width:14.28%;}
.tab-wrap .ea08 li {width:12.5%;}
.tab-wrap > ul li a {display:table-cell;position:relative;width:100%;height:100%;padding:0.357em;/* font-size:14px; */box-sizing:border-box;text-align:center;vertical-align:middle;}
.tab-wrap > ul li a span {font-weight:500;color:#333;line-height:1.429em;}
[lang='en'] .tab-wrap > ul li a span  {letter-spacing:-0.05em;}
.tab-wrap > ul.muti-line li {height:50px;}
.tab-wrap > ul li a:hover {background:#f5f5f5;}
.tab-wrap > ul li a:hover span {color:#004da1;}
#anergy .tab-wrap > ul li a:hover span, #group .tab-wrap > ul li.anergy a:hover span {color:#41a83b;}
#lns .tab-wrap > ul li a:hover span, #group .tab-wrap > ul li.lns a:hover span {color:#0163ba;}
#chemical .tab-wrap > ul li a:hover span, #group .tab-wrap > ul li.chemical a:hover span {color:#41a83b;}
#nextel .tab-wrap > ul li a:hover span, #group .tab-wrap > ul li.nextel a:hover span {color:#f04e37;}
.tab-wrap > ul li.on a {background:#004da1;}
#anergy .tab-wrap > ul li.on a, #group .tab-wrap > ul li.anergy.on a {background-color:#41a83b;}
#lns .tab-wrap > ul li.on a, #group .tab-wrap > ul li.lns.on a {background-color:#0163ba;}
#chemical .tab-wrap > ul li.on a, #group .tab-wrap > ul li.chemical.on a {background-color:#41a83b;}
#nextel .tab-wrap > ul li.on a, #group .tab-wrap > ul li.nextel.on a {background-color:#f04e37;}
.tab-wrap > ul li.on a span {color:#fff !important;}

/* 2줄처리 -  */
@media screen and (max-width: 768px){ 
  .tab-wrap > ul {border-left:1px solid #d9d9d9;box-sizing:border-box;border-top:1px solid #d9d9d9;}
  .tab-wrap > ul li {width:50% !important;margin-top:-1px;border:1px solid #d9d9d9;border-width:1px 1px 1px 0;border-bottom-color:#333;}
  .tab-wrap .ea03, .tab-wrap .ea05, .tab-wrap .ea07 {border-bottom:1px solid #333;}
  .tab-wrap .ea03:before, .tab-wrap .ea05:before, .tab-wrap .ea07:before {content:'';position:absolute;bottom:0;right:0;width:1px;height:54px;background:#d9d9d9;}
  .tab-wrap .ea03 li, .tab-wrap .ea05 li, .tab-wrap .ea07 li {border-color:#d9d9d9;}
  .tab-wrap .ea03 li:last-child, .tab-wrap .ea05 li:last-child, .tab-wrap .ea07 li:last-child {border-bottom:0 none;}
}

/* change-select 변환  */
@media screen and (max-width: 400px){
  .tab-wrap.as-change-select > .select-value {display:block;position:relative;height:40px;padding:0 40px 0 20px;box-sizing:border-box;border:1px solid #d1d1d1;overflow:hidden;font-weight:700;color:#3b3b3b;line-height:2.857em;text-overflow:ellipsis;white-space:nowrap;background:#fff;}
  .tab-wrap.as-change-select > .select-value:after {content:'';position:absolute;top:14px;right:12px;width:15px;height:9px;background:url('/common/images/icon/sitemap_ico_m.png') no-repeat 0 100%;background-size:cover;}
  .tab-wrap.as-change-select > .select-value.on:after {background-position:0 0;}
  .tab-wrap.as-change-select > ul {display:none;margin-top:1px;border-top:0 none;border-bottom-color:#e5e5e5 !important;}
  .tab-wrap.as-change-select > ul li {float:none;width:100% !important;height:auto !important;min-height:40px;margin:-1px 0 0 0;border-color:#e5e5e5;}
  .tab-wrap.as-change-select > ul li:first-child {border-top:0 none;}
  .tab-wrap.as-change-select > ul li a {font-size:12px;padding:0.714em 0.714em 0.714em 20px;text-align:left;}
  .tab-wrap.as-change-select > ul li.on a:after {display:none;}
  .tab-wrap.as-change-select > ul li.on {border-color:#e5e5e5 !important;}
  .tab-wrap.as-change-select > ul li.on a, .tab-wrap.as-change-select > ul li a:hover {background:#fff !important;}
  .tab-wrap.as-change-select > ul li.on a span, .tab-wrap.as-change-select > ul li a:hover span  {color:#333 !important;}
}
/*-----------------------------------------------------------------------------------
	accordion 모듈
-----------------------------------------------------------------------------------*/
.accordion {border:1px solid #333;border-width:2px 0 1px;}
.accordion li {position:relative;min-height:80px;border-top:1px solid #d9d9d9;}
.accordion li:first-child {border-top:0 none;}
.accordion li:after {content:'';position:absolute;top:38px;right:20px;width:15px;height:9px;background:url('/common/images/icon/faq_arrow.png') no-repeat 0 0;background-size:15px auto;}
.accordion li.on:after {background-position:0 100%;}
.accordion li > .ask {position:relative;display:table;width:100%;min-height:80px;padding:20px 80px;box-sizing:border-box;}
.accordion li > .ask span {display:table-cell;vertical-align:middle;color:#333;line-height:1.571em;}
.accordion li.on > .ask span {font-weight:500;color:#014da1;}
#anergy .accordion li.on > .ask span {color:#41a83b;}
#lns .accordion li.on > .ask span {color:#0163ba;}
#chemical .accordion li.on > .ask span {color:#41a83b;}
#nextel .accordion li.on > .ask span {color:#f04e37;}
.accordion li > .ask:after {content:'Q';position:absolute;top:30px;left:30px;font-size:2.143em;color:#757575;}
.accordion li.on > .ask:after {color:#014da1;}
#anergy .accordion li.on > .ask:after {color:#41a83b;}
#lns .accordion li.on > .ask:after {color:#0163ba;}
#chemical .accordion li.on > .ask:after {color:#41a83b;}
#nextel .accordion li.on > .ask:after {color:#f04e37;}
.accordion li > .answer {display:none;position:relative;padding:35px 40px 35px 80px;line-height:1.571em;color:#666;background:#f5f5f5;}
.accordion li > .answer:after {content:'A';position:absolute;top:40px;left:32px;font-size:2.143em;color:#004da1;}
#anergy .accordion li > .answer:after {color:#41a83b;}
#lns .accordion li > .answer:after {color:#0163ba;}
#chemical .accordion li > .answer:after {color:#41a83b;}
#nextel .accordion li > .answer:after {color:#f04e37;}

@media screen and (max-width: 768px){
  .accordion li > .ask {padding:20px 40px;}
  .accordion li > .ask:after {left:10px;}
  .accordion li > .answer {padding:20px 20px 20px 40px;;}
  .accordion li > .answer:after {top:24px;left:10px;}
}

/*-----------------------------------------------------------------------------------
	table search 
-----------------------------------------------------------------------------------*/

table th,table td {padding:5px 0;text-align:center;vertical-align:middle;}
table th {font-weight:500;color:#333;text-align:left;}
.tbl-type {border-top:2px solid #333;border-bottom:1px solid #333;}
.tbl-type.fs_10 {font-size:10px;}
.tbl-type th {font-weight:500;color:#333;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.tbl-type th, .tbl-type td {padding:10px 30px;line-height:1.429em;text-align:center;vertical-align:middle;}
.tbl-type th.left, .tbl-type td.left {text-align:left;}
.tbl-type th.right, .tbl-type td.right {text-align:right;}
.tbl-type thead {border-bottom:1px solid #333;}
.tbl-type tbody th {border-right:1px solid #333;}
.tbl-type tbody td {color:#757575;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;}
.tbl-type tr th:first-child, .tbl-type tr td:first-child {border-left:0 none;}
.tbl-type tr:first-child th,.tbl-type tr:first-child td {border-top:0 none;}
.tbl-type thead + tbody th {font-weight:400;color:#757575;}
.tbl-type .line_r_33 {border-right:1px solid #333 !important;}
.tbl-type .line_r_e5 {border-right:1px solid #e5e5e5 !important;}
.tbl-type .line_l_e5 {border-left:1px solid #e5e5e5 !important;}
.tbl-type .line_l_33 {border-left:1px solid #333 !important;}
.tbl-type .line_r_no {border-right:0 none !important;}
.tbl-type .line_l_no {border-left:0 none !important;}

.tbl-type thead th {border-bottom:1px solid #333;}

@media screen and (max-width: 768px){
  .scroll-tbl {width:100%;overflow-x:auto;display:block;}
  .scroll-tbl table {width:800px;}
  .scroll-tbl::-webkit-scrollbar {-webkit-appearance:none;width:14px;height:14px;}
  .scroll-tbl::-webkit-scrollbar-thumb {border-radius:8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
  .tbl-type th, .tbl-type td {padding:8px 20px;font-size:0.857em;}
}

/*-----------------------------------------------------------------------------------
	board search 
-----------------------------------------------------------------------------------*/
.brd-search {height:36px;text-align:right;}
.brd-search + div, .brd-search + ul {margin-top:30px;}
.brd-search > input[type="text"] {display:inline-block;width:180px;border:1px solid #ccc;box-sizing:border-box;}
.brd-search > button {vertical-align:top;margin-right:0;}
/* mobile */
@media screen and (max-width: 768px){
  .brd-search {position:relative;height:30px;padding:0 55px 0 95px;}
  .brd-search > .srch-select {position:absolute;top:0;left:0;width:90px;vertical-align:middle;}
  .brd-search > .srch-select .select-indi {padding-top:1px;padding-right:20px;}
  .brd-search > input[type="text"] {width:100%;}
  .brd-search > button {position:absolute;top:0;right:0;width:50px;min-width:0;margin:0;vertical-align:middle;}
  .brd-search > button span {margin:0;}
}
/*-----------------------------------------------------------------------------------
	board list type :: thumbnail
-----------------------------------------------------------------------------------*/
.brd-list-thumb {border-top:2px solid #333;border-bottom:1px solid #666;}
.brd-list-thumb > li {padding:30px 0;border-top:1px solid #d9d9d9;}
.brd-list-thumb > li:first-child {border-top:0 none;}
.brd-list-thumb > li > a {display:block;position:relative;width:100%;height:100%;min-height:150px;}
.brd-list-thumb > li .img {position:absolute;top:0;left:0;width:252px;height:150px;background:url('/common/images/@temp/empty.jpg') no-repeat 0 0;}
.brd-list-thumb > li .img > img {width:100%;height:100%;}
.brd-list-thumb > li .aff_ico {position:absolute;top:0;left:0;}
.brd-list-thumb > li dl {position:relative;height:100%;min-height:150px;padding:0 10px 0 272px;}
.brd-list-thumb > li dl dt {width:100%;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.429em;color:#333;}
.brd-list-thumb > li dl dt .title {font-weight:500;line-height:1.050em;}
/* .brd-list-thumb > li dl dt strong {display:inline-block;position:relative;padding:0 10px;margin-right:10px;font-weight:500;color:#004da1;}
.brd-list-thumb > li dl dt strong:before {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#004da1;}
.brd-list-thumb > li dl dt strong:after {content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#004da1;} */
.brd-list-thumb > li dl dd.cont {height:65px;overflow:hidden;color:#666;line-height:1.571em;display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.brd-list-thumb > li dl .date {position:absolute;bottom:10px;left:272px;color:#757575;}
.brd-list-thumb > li > a:hover .title {text-decoration:underline !important;}

/* mobile */
@media screen and (max-width: 768px){
  .brd-list-thumb > li {padding:28px 0;}
  .brd-list-thumb > li .img {display:none;}
  .brd-list-thumb > li > a, .brd-list-thumb > li dl {height:auto;min-height:0;padding:0;}
  .brd-list-thumb > li dl dt {margin-bottom:15px;overflow:visible;font-size:1.286em;text-overflow:clip;white-space:normal;}
  .brd-list-thumb > li dl dt .title {display:inline-block;padding-left:-65px;text-indent:65px;font-weight:bold;line-height:1.222em;}
  .brd-list-thumb > li dl dd {font-size:0.857em;}
  .brd-list-thumb > li dl dd.cont {height:auto;max-height:72px;-webkit-line-clamp:4;}
  .brd-list-thumb > li dl .date {position:static;padding-top:20px;}

}
/*-----------------------------------------------------------------------------------
	board noData
-----------------------------------------------------------------------------------*/
.no-data {padding:180px 0 80px !important;text-align:center;background:url('/common/images/icon/nodata.png') no-repeat 50% 80px;}
.no-data span {font-size:1.286em;line-height:1.111em;color:#757575;}
@media screen and (max-width: 768px){
  .no-data span {font-size:1em;} 
}
/*-----------------------------------------------------------------------------------
	board view :: 
-----------------------------------------------------------------------------------*/
.brd-view-wrap {border-top:2px solid #333;border-bottom:1px solid #666;}
.brd-view-wrap .view-head {border-bottom:1px solid #999;}
.brd-view-wrap .view-head > div {position:relative;padding:15px 30px;border-top:1px solid #d9d9d9;}
.brd-view-wrap .view-head > div:first-child {border-top:0 none;}
.brd-view-wrap .view-head .tit {display:inline-block;padding-right:90px;font-weight:500;font-size:1.429em;line-height:1.278em;color:#333;}
.brd-view-wrap .view-head .tit > strong {display:inline-block;position:relative;padding:0 10px;margin-right:10px;font-weight:500;color:#004da1;}
.brd-view-wrap .view-head .tit > strong:before {content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:#004da1;}
.brd-view-wrap .view-head .tit > strong:after {content:'';position:absolute;top:0;right:0;width:1px;height:100%;background:#004da1;}
.brd-view-wrap .view-head .date {position:absolute;top:17px;right:30px;font-weight:400;color:#757575;}
.brd-view-wrap .view-head .file-ico {padding-left:25px;color:#666;background:url('/common/images/icon/file.png') no-repeat 0 50%;background-size:15px auto;}
.brd-view-wrap .view-head .file-ico:hover {text-decoration:underline;}
.brd-view-wrap .view-body {padding:30px;color:#666;}
.brd-view-wrap .view-body img {display:block;width:100%;}
@media screen and (max-width: 768px){
  .brd-view-wrap .view-head > div {position:relative;padding:20px 0;border-top:1px solid #d9d9d9;}
  .brd-view-wrap .view-head .tit {padding-right:0;font-weight:700;font-size:1.286em;}
  .brd-view-wrap .view-head .tit > strong {font-weight:700;}
  .brd-view-wrap .view-head .date {position:static;display:block;padding-top:16px;font-size:0.857em;}
  .brd-view-wrap .view-head .file-wrap {padding:13px 0;}
  .brd-view-wrap .view-head .file-ico {padding-left:15px;font-size:0.857em;background-size:10px auto;}  
  .brd-view-wrap .view-body {padding:20px 0;font-size:0.857em;line-height:1.500em;}
}
/*-----------------------------------------------------------------------------------
	board table 모듈
-----------------------------------------------------------------------------------*/
.brd-type {width:100%;border:1px solid #333;border-width:2px 0 1px;}
.brd-type th {padding-left:30px;border-bottom:1px solid #d9d9d9;font-weight:500;color:#333;text-align:left;vertical-align:middle;}
.brd-type td {padding:20px 0;border-bottom:1px solid #d9d9d9;color:#757575;text-align:left;vertical-align:top;}
.brd-type tr:last-child th, .brd-type tr:last-child td {border-bottom:0 none;}
.brd-type .button {vertical-align:top;}
.brd-type .desc {display:inline-block;margin-left:5px;line-height:2.571em;}
.brd-type .ess {position:relative;display:inline-block;width:16px;height:14px;overflow:hidden;text-indent:-9999px;}
.brd-type .ess:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('/common/images/icon/ess_ico.png') no-repeat 0 3px;}
.brd-type + ul {margin-top:30px;}
.brd-type.response th {padding:20px 0 20px 17px;text-align:left;}
.brd-type.response td {padding:20px 30px 20px 0;text-align:left;}
.brd-type.response .colgroup {height:0;}
.brd-type.response .colgroup th,.brd-type.response .colgroup td {padding:0;border:0 none;}
@media screen and (max-width: 768px){
  .brd-type .desc {font-size:0.857em;}
  .brd-type + ul {margin-top:20px;}
  .brd-type .wid_10, .brd-type .wid_40 {width:100%;}
  .brd-type.response th {padding:20px 0 0 0;border-bottom:0 none;font-weight:700;font-size:0.857em;}
  .brd-type.response td {padding:10px 0 20px 0;}
  .brd-type.response tr, .brd-type.response th,.brd-type.response td {float:left;width:100%;display:block;box-sizing:border-box;}
}
/*-----------------------------------------------------------------------------------
	약관 모듈
-----------------------------------------------------------------------------------*/
.private-agree-wrap.mgt30 {margin-top:30px;}
.private-agree-wrap .tit {padding-bottom:10px;font-size:1.143em;color:#333;}
.private-agree-wrap .con_box {height:200px;margin-bottom:10px;box-sizing:border-box;overflow:hidden;overflow-y:auto;}
@media screen and (max-width: 768px){
  .private-agree-wrap .tit {font-weight:700;}
}
/*-----------------------------------------------------------------------------------
	pagination 모듈
-----------------------------------------------------------------------------------*/
.pagination {width:100%;margin-top:40px;text-align:center;}
.pagination > li {display:inline-block;width:30px;height:30px;vertical-align:top;}
.pagination > li.paging {width:30px;height:30px;margin:0 4px;}
.pagination > li a {display:block;width:100%;height:100%;color:#666;line-height:30px;border:1px solid #d9d9d9;box-sizing:border-box;}
.pagination > li a:hover {text-decoration:none;border-color:#004da1}/* 각 계열사 칼라 그룹:#004da1/에너지:#41a83b/L&S:#0163ba/케미칼:#41a83b/넥스텔:#f04e37 */
#anergy .pagination > li a:hover {border-color:#41a83b;}
#lns .pagination > li a:hover {border-color:#0163ba;}
#chemical .pagination > li a:hover {border-color:#41a83b;}
#nextel .pagination > li a:hover {border-color:#f04e37;}
.pagination > li.paging a {border:0 none;overflow:hidden;text-indent:-9999px;background:url('/common/images/icon/paging_ico.png') no-repeat 0 0;background-size:cover;}
.pagination > li.paging.next a {background-position:100% 0;}
.pagination > li.paging a.off {opacity:0.3;}
.pagination > li a.current {font-weight:700;color:#fff;border:0 none;background:#004da1;}/* 각 계열사 칼라 그룹:#004da1/에너지:#41a83b/L&S:#0163ba/케미칼:#41a83b/넥스텔:#f04e37 */
#anergy .pagination > li a.current {background:#41a83b;}
#lns .pagination > li a.current {background:#0163ba;}
#chemical .pagination > li a.current {background:#41a83b;}
#nextel .pagination > li a.current {background:#f04e37;}
@media screen and (max-width: 768px){
  .pagination {margin-top:30px;}
}
/*-----------------------------------------------------------------------------------
	view-paging 모듈
-----------------------------------------------------------------------------------*/
.view-paging {width:100%;margin-top:40px;text-align:center;}
.view-paging > li {display:inline-block;width:30px;height:30px;vertical-align:top;}
.view-paging > li.paging {width:30px;height:30px;margin:0 4px;}
.view-paging > li.paging a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;background:url('/common/images/icon/paging_ico.png') no-repeat 0 0;background-size:cover;}
.view-paging > li.paging.next a {background-position:100% 0;}
.view-paging > li.paging a.off {opacity:0.3;}
.view-paging > li.list {width:33px;height:33px;border:1px solid #333;box-sizing:border-box;}
.view-paging > li.list a {display:block;width:100%;height:100%;overflow:hidden;text-indent:-9999px;background:url('/common/images/icon/list.png') no-repeat 50% 50%;background-size:17px 15px;}
.view-paging > li.list a:hover {opacity:0.8;}
@media screen and (max-width: 768px){
  .view-paging {margin-top:30px;}
}
/*-----------------------------------------------------------------------------------
	layerPOP
-----------------------------------------------------------------------------------*/
.layer-popup {display:none;position:absolute;width:100%;max-width:450px;z-index:1000;border:1px solid #333;box-shadow:0 10px 5px -5px #414141;background:#fff;}
.layer-popup .pop-wrap {position:relative;width:100%;height:100%;overflow-y:auto;box-sizing:border-box;}
.layer-popup .pop-inner {padding:30px 30px 30px;margin-top:50px;box-sizing:border-box;}
.layer-popup .pop-close {position:absolute;top:0;right:0;width:50px;height:100%;overflow:hidden;text-indent:-9999px;border-left:1px solid #3f3f3f;background:url('/common/images/icon/pop_close.png') no-repeat 50% 50%;background-size:15px;}
.layer-popup .con-txt {padding-bottom:25px;border-bottom:1px solid #d9d9d9;}
.layer-popup .con-txt + .btn-wrap {margin-top:30px;text-align:center;}
.layer-popup h1 {position:absolute;top:0;left:0;z-index:10;width:100%;min-height:50px;padding:15px 80px 15px 35px;box-sizing:border-box;font-weight:500;font-size:1.222em;color:#fff;letter-spacing:-0.025em;background:#333;}
.layer-popup h2 {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #333;font-weight:500;font-size:1.857em;color:#333;line-height:1.231em;}
.layer-popup h2 strong {font-weight:500;color:#014da1;}
.layer-popup p {color:#666;line-height:1.571em;}
.layer-popup p em {font-weight:500;color:#333;}
.layer-popup p strong {font-weight:700;color:#014da1;}
.layer-popup strong {color:#333;}
.layer-popup .dot li {margin:5px 0;line-height:1.429em;background-position:0 8px;}
.layer-popup .map_wrap {width:100%;height:220px;overflow:hidden;margin-bottom:15px;}
@media screen and (max-width: 960px){
  .layer-popup {width:90%;}
}
@media screen and (max-width: 768px){
  .layer-popup h2 {font-size:1.286em;}
}
@media screen and (max-width: 320px){
  .layer-popup {width:320px;}
}
/*-----------------------------------------------------------------------------------
	margin 모듈
-----------------------------------------------------------------------------------*/
.mgt_0 {margin-top:0 !important;}
.mgr_0 {margin-right:0 !important;}
.mgb_0 {margin-bottom:0 !important;}
.mgl_0 {margin-left:0 !important;}
/*-----------------------------------------------------------------------------------
	padding 모듈
-----------------------------------------------------------------------------------*/
.pdt_0 {padding-top:0 !important;}
.pdr_0 {padding-right:0 !important;}
.pdb_0 {padding-bottom:0 !important;}
.pdl_0 {padding-left:0 !important;}


/*-----------------------------------------------------------------------------------
	채용공고(notice_list) 모듈
-----------------------------------------------------------------------------------*/
.recruit #contents .pc-view {overflow:hidden;overflow-x:auto;}
.recruit #contents .pc-view .pc-inner {width:800px;}

.recruit #contents .ico_career{position:relative; padding:20px 30px;}
.recruit #contents .ico_career p{margin:0 130px 0 80px; padding:14px 0 15px;}
.recruit #contents .ico_career p:before{content:''; position:absolute; top:21.7%; left:30px; width:59px; height:52px; background: url(/common/images/icon/career_down_ico.png) no-repeat;}
.recruit #contents .ico_career button{position:absolute; top:29.3%; right:30px;}
.pos_rel{position:relative;}
.select-ea02 {height:36px;text-align:right;}
.select-ea02 + div, .brd-search + ul {margin-top:30px;}
.select-ea02 > input[type="text"] {display:inline-block;width:180px;height:100%;padding:10px 15px;border:1px solid #ccc;box-sizing:border-box;}
.select-ea02 > button {vertical-align:top;margin-right:0;}
.select-ea02 {padding:60px 0 30px;}
.notice_list{border-top:2px solid #333333; border-bottom:1px solid #666666;}
.notice_list li{border-top:1px solid #d9d9d9; position:relative;}
.notice_list li:first-child{border:0;}
.notice_list li a{display:block; padding:30px 0 30px 110px;}
.notice_list .pos_rel{padding:0 105px 0 80px;}
.notice_list li a:hover .career{text-decoration:underline;}
.notice_list li a:hover .career span{text-decoration:none;}
.notice_list .career{font-size:1.429em; color:#333333; font-weight:500; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#contents .notice_list .career{line-height:1.05em; padding:10px 20px 0 0;}
.notice_list .career span{position:relative; display:inline-block; margin:0 9px 0 0; padding:0 12px; color:#004ea2; font-weight:500;}
.notice_list .career span:before{content:''; position:absolute; top:1px; left:0; width:1px; height:19px; background:#004ea2;}
.notice_list .career span:after{content:''; position:absolute; top:1px; right:0; width:1px; height:19px; background:#004ea2;}
.notice_list .data{color:#757575; margin-top:4px;}
.notice_list .pos_rel .aff_ico{position:absolute; top:0; left:0;}
.notice_list .deadline{display:inline-block; position:absolute; top:0; right:0; height:60px; line-height:60px; padding:0 20px; text-align:center; color:#014da1; font-weight:500; font-size:1.286em; width:70px; }
.notice_list .deadline:before{content:''; position:absolute; top:50%; left:0; width:1px; height:60px; background:#e5e5e5; margin-top:-30px;}
.notice_list .deadline.end{font-size:1.429em; font-family:'notokr',sans-serif; font-weight:400; color:#757575;}
.notice_list .d-day{position:absolute; top:0; left:0; height:100%; width:110px; line-height:116px; text-align:center; padding:0 15px; box-sizing:border-box; font-size:1.714em; font-weight:700; color:#f03333;}

.recruit input[type="text"], input[type="password"], textarea,
.recruit .srch-select .select-indi, .recruit .button span, .recruit .form-radio-check label,
.recruit .dot li, .recruit .brd-type .desc {font-size:1em;}
.recruit .no-data {border:1px solid #e5e5e5 !important;}
.recruit .no-data span {font-size:1.286em;}
/*채용 - 국문모바일일때*/
.mo-view .m_career {padding:128px 0 50px;font-size:1.143em;color:#666666;text-align:center;line-height:1.375em;border:1px solid #e5e5e5;background:url(/common/images/icon/notice_pc.png) #f5f5f5 no-repeat center 50px;background-size:100px auto; }
.mo-view .m_career strong {font-weight:700;color:#004ea2;line-height:1.375em;}	

/*채용 - 영문*/
.recruit .recruit_en .m_career{padding:180px 30px 80px;margin-bottom:40px;font-size:1em;color:#666666;font-size:1.143em;line-height:1.250em;text-align:center; border:1px solid #e5e5e5; background:url(/common/images/icon/nodata.png) no-repeat center 80px; background-size:80px auto; }
.recruit .recruit_en .m_career span {line-height:1.250em;}
@media screen and (max-width: 768px){
  .recruit .recruit_en .m_career{padding:120px 20px 40px;margin-bottom:20px;font-size:1em;background-position:50% 40px;background-size:60px auto;}
}
/*-----------------------------------------------------------------------------------
	홍보동영상 모듈
-----------------------------------------------------------------------------------*/
.promote .mov_wrap {position:relative;margin-bottom:10px;overflow:hidden;}
.promote .mov_wrap .fix_bg {width:100%;}
.promote .mov_wrap .mov {position:absolute;top:0;left:0;width:100%;height:100%;}
.promote .mov_insert {height:175px;padding:30px;overflow:hidden;overflow-y:auto;border:1px solid #d9d9d9;box-sizing:border-box;background:#fff;}
@media screen and (max-width: 768px){
  .promote .mov_insert {padding:20px;}
}
/*-----------------------------------------------------------------------------------
	util
-----------------------------------------------------------------------------------*/
/* 말머리 */
.etc .hgroup {background:url('/kr/images/title_etc.png') no-repeat 50% 50%;}
[lang='en'] .etc .hgroup  {background-image:url('/en/images/title_etc.png');}
@media screen and (max-width: 768px){
  .etc .hgroup {background-image:url('/kr/images/title_m_etc.png');background-size:auto 100%;}
  [lang='en'] .etc .hgroup  {background-image:url('/en/images/title_m_etc.png');}
}
@media screen and (max-width: 400px){
  .etc .hgroup {background-size:100% auto;}
}
.etc .privacy_wrap a {color:#004da1;line-height: 1.571em;}
.etc .privacy_wrap .txt span {line-height: 1.571em;}
/*-----------------------------------------------------------------------------------
	mobile TOP
-----------------------------------------------------------------------------------*/
.page-top {display:none;position:fixed;bottom:10px;right:20px;width:45px;height:45px;overflow:hidden;border-radius:10px;border:1px solid #ccc;box-shadow:0 5px 5px -5px #9d9e9f;}
.page-top a {position:relative;display:block;width:100%;height:100%;overflow:hidden;text-indent:-99999px;background:#fff;opacity:0.5;}
.page-top a:after {content:'';position:absolute;top:50%;left:50%;width:15px;height:18px;margin:-9px 0 0 -7px;background:url('/common/images/icon/top.png') no-repeat 0 0;background-size:cover;}
@media screen and (max-width: 768px){
  .page-top {display:block;}
}
/*-----------------------------------------------------------------------------------
	ERROR
-----------------------------------------------------------------------------------*/
.error_wrap {position:relative;width:90%;max-width:680px;margin:0 auto;border:1px solid #000;border-width:2px 0 1px 0;}
.error_wrap .error_in {padding:190px 0 55px;background:url('/common/images/icon/error_icon.gif') no-repeat 50% 60px;}
.error_wrap .error_in span {display:block;}
.error_wrap h1 {position:relative;padding:0 20px 25px;margin-bottom:25px;color:#2c2c2c;text-align:center;}
.error_wrap h1 .kr {margin-bottom:10px;font-size:2.000em;line-height:1.143em;}
.error_wrap h1 .en {font-size:1.286em;line-height:1.333em;}
.error_wrap h1:after {content:'';position:absolute;bottom:0;left:50%;width:40px;height:2px;margin-left:-20px;background:#565656;;}
.error_wrap p{padding:0 20px;text-align:center;}
.error_wrap p .kr {margin-bottom:20px;color:#333;line-height:1.429em;}
.error_wrap p .en {color:#666;line-height:1.429em;}