@charset "utf-8";

/* ############ 공통 ############ */
/*tab스타일
.tab {overflow:hidden; margin-bottom:25px; }
.tab li {float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:-1px; }
.tab.two li{width:50%;}
.tab.three li{width:33.3333%;}
.tab.four li{width:25%;}
.tab.five li{width:20%;}
.tab.six li{width:16.666%;}
.tab li a {display:block; color:#666; font-size:15px; line-height:40px; text-align:center; border:1px solid #c7c7c7; background:#f6f6f6; }
.tab li.on a {border:2px solid #f9863c; color:#f9863c; line-height:38px;font-weight:400; background:#fff; text-decoration:none}
*/
.tab.smart { position:relative; width:380px; margin:0 auto 60px}
.tab.battery { position:relative; width:1200px; margin:0 auto 60px}
.tab ul {display:table; width:100%; border-collapse:collapse;}
.tab ul li { display:table-cell; vertical-align:middle; background:#fafafa; padding:12px 20px; border:1px solid #dcdcdc;}
.tab ul li.on {background:#c30f18;}
.tab ul li.on a {color:#ffffff;}
.tab ul li a { display:block; text-align:center; font-size:17px; letter-spacing:-0.25px; color:#333;}


/*h4 h5 스타일*/
.dep_tit {position:relative; font-size:20px; font-weight:500; color:#1d1d1d; padding-top:10px; margin-bottom:15px; }
.dep_tit:before {position:absolute; top:0;left:0; display:block; width:30px; height:4px; content: ""; background-color:#f9863c; }
.dep_tit ~ .dep_tit {margin-top:40px; }
.dep_stit {font-size:17px; font-weight:500; color:#1d1d1d; background:url('../img/common/bg_dep_stit.png') no-repeat left 6px; padding:0 0 0 19px; margin-bottom:15px;} 
.dep_stit ~ .dep_stit {margin-top:40px; }

.dep_text {font-size:16px }
.source{ font-size:13px; color:#999; font-style:italic}/*출처*/

/*목차*/
.list_type1 li {position: relative; padding:2px 0 2px 12px; color:#666;}
.list_type1 li:after {content: ''; position:absolute; left:0px; top:10px; width:4px; height:4px; background:#f9863c;}
.list_type1.indent {padding: 0 0 0 23px;}
.list_type1 li span {font-weight:500}
.list_type2 li {position:relative; padding:2px 0 2px 10px; color:#666;}
.list_type2 li:after {content: '';position:absolute; left:0px; top:10px; width:4px; height:4px; border-radius:100%; background:#959595;}
.list_type2.indent {padding: 0 0 0 23px;}

/*공통*/
.gray_linebox {background:#f5f5f5; border:1px solid #e1e1e1; padding:20px }
.gray_dotbox {background:#fff; border:3px dotted #998d7a; padding:15px }
.url_icon {background: url(../../img/common/icon_urllink.png) no-repeat right 7px; color:#505050; padding-right:18px; font-size:13px} /*새창열기*/


/*table_스타일*/
.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #aaa; border-left:1px solid #d2d2d2;}
.table_style th{color:#333; padding:18px 0 18px 15px; background-color:#fafafa; letter-spacing:-0.5pt; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.table_style th.top_t{color:#fff; background:#898a8d; border-bottom:1px solid #898a8d; border-right:1px solid #a4a5a6;}
.table_style th.th_box {background:none; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.table_style th.line_th {border-left:1px solid #e9e9e9; }
.table_style td{font-family:'Noto Sans KR',sans-serif; padding:18px 20px; text-align:left;  border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}

/* 테이블 http://www.sjhle.or.kr참조 */ 
table caption {font-size: 0;height: 0;}
.tbl_style { width:100%; margin:0; padding:0; border-top: 1px solid #aaa; font-size:14px; text-align:center;color:#666;;}
.tbl_style caption {height:0; line-height:0;}
.tbl_style th { padding:12px 0; border-left:1px solid #d2d2d2; font-weight:normal; vertical-align:middle; word-wrap:break-word; word-break:keep-all; line-height:22px;}
.tbl_style tr { border-bottom:1px solid #d2d2d2;}
.tbl_style td { padding:10px; border-left:1px solid #d2d2d2; vertical-align:middle; word-wrap:break-word;word-break:keep-all; line-height:20px;}
.tbl_style th:first-child, .tbl_style td:first-child { border-left: none;}
.tbl_style td.leftb { border-left: 1px solid #d2d2d2 !important;}
.tbl_style thead th { background: #f5f5f5 none repeat scroll 0 0; border-right:1px solid #d2d2d2; vertical-align:middle; color:#333; font-weight:600; }
.tbl_style thead th:last-child { border-right: medium none;}
.tbl_style tbody th { background: #fbfbfb none repeat scroll 0 0; color:#333;line-height: 20px; vertical-align:middle; font-weight:300; }
.tbl_style a { color:#333;}
.tbl_style td.al_left { text-align:left;}
.tbl_style th.line_th {border-right:1px solid #d2d2d2; }
.tbl_style.small { font-size:13px;}
.tbl_style.small th { padding:5px; font-size:13px; line-height:20px;}
.tbl_style.small td { padding:5px; }

/* ****************** 모달 레이어팝업 ********************** */
/* modal layer */
.modal-fixed-pop-wrapper { display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner { position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box { position:relative; display:table-cell; vertical-align:middle;}
.modal-loading { position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content { text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}




#container {}
/* ############ 서브비주얼 ############ */
.sub_visual {position: relative; padding-top:0; height:400px; overflow:hidden;}
.sub_visual .visual_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;transform:scale(1.2);/* background-size:120% 120%; */background-repeat: no-repeat;background-position: 50% 0;transition:2s;}
.sub_visual .visual_zoom.on {transform:scale(1);}
.sub_visual .bg1 {background:url('../../img/sub/subvisual01.jpg');}
.sub_visual .bg2 {background:url('../../img/sub/subvisual02.jpg');}
.sub_visual .bg3 {background:url('../../img/sub/subvisual03.jpg');}
.sub_visual .bg4 {background:url('../../img/sub/subvisual04.jpg');}
.sub_visual .bg5 {background:url('../../img/sub/subvisual05.jpg');}    
.sub_visual .sub_visual_txt {position: absolute; left:50%; top:55%; text-align: center; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.sub_visual .sub_visual_txt strong {display: block; margin-bottom:0; color:#fff; font-size:40px; font-weight:600;letter-spacing:-2; line-height:; vertical-align:middle;}
.sub_visual .sub_visual_txt span { display:block; margin-top:5px; font-size:16px; color:rgba(255,255,255,0.5); letter-spacing:2px;}
/*서브메뉴*/
.sub_visual .submenu { overflow:hidden; width:1200px; position:absolute; left:50%; bottom:0; background:rgba(0,0,0,0.5); margin-left:-600px;}
.sub_visual .submenu li { position:relative; float:left; }
.sub_visual .submenu.tab2 li { width:49.999%}
.sub_visual .submenu.tab3 li { width:33.333%}
.sub_visual .submenu.tab4 li { width:24.999%}
.sub_visual .submenu.tab5 li { width:19.999%}
.sub_visual .submenu li:after { content:""; position:absolute; width:1px; height:20px; top:35%; background:rgba(255,255,255,0.5); }
.sub_visual .submenu li:first-child:after  { display:none}
.sub_visual .submenu li a { display:block; padding:16px 0; font-size:18px; color:#fff; text-align:center; font-weight:300; transition:all 0.4s;  }
.sub_visual .submenu li a:after { content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:4px; background:#c30f18; transition:all 0.4s; transform:translateX(-50%); z-index:99999 }
.sub_visual .submenu li a.on { font-weight:500}
.sub_visual .submenu li:hover a:after,
.sub_visual .submenu li a.on:after {width:100%;}


/* ############ 서브영역 ############ */
#subContents { }
.subWarp { width:100%; padding-top:80px; min-height:500px}
.subWarp .subTit { padding-bottom:70px; text-align:center; letter-spacing:-1px;}
.subWarp .subTit h3 { position:relative; font-size:36px; font-weight:500; color:#222;  }
.subWarp .subTit span { display:block; position:absolute; left:50%; margin-left:-26px; margin-top:20px; width:54px; height:3px; background:#c30f18;}
.subWarp .subTit p { padding-top:70px; font-size:20px; color:#363636; font-weight:500;}
.subWarp .contentArea { width:100%; margin:0 auto;}




/* ############ 회사소개 ############ */
/*인사말*/
.greeti_con {  padding-bottom:100px; }
.greeti_con .greeti_tit { padding-bottom:50px; text-align:center; font-size:34px; letter-spacing:-1.5px;}
.greeti_con .greeti_tit .slo { padding-bottom:20px; color:#c30f18; font-family: 'Open Sans', sans-serif; letter-spacing:-1px; }
.greeti_con .greeti_tit .slo strong { }
.greeti_con .greeti_tit .tit { color:#000; }
.greeti_con .greeti_tit .tit strong { }
.greeti_con .img { padding-bottom:50px;}
.greeti_con .greeti { line-height:28px; font-size:18px; }
.greeti_con .greeti p { padding-bottom:22px;}
.greeti_con .greeti .sign { margin-top:50px; text-align:right; font-size:16px; color:#666}
.greeti_con .greeti .sign span { padding-left:5px; font-size:20px; font-weight:600; color:#000; letter-spacing:5px; line-height:22px;}

/*비전*/
.vision_con { width:100%}
.vision_con .vi_icon { width:1200px; margin:0 auto; overflow:hidden;}
.vision_con .vi_icon li { float:left; width:33.33333%; box-sizing:border-box; text-align:center;}
.vision_con .vi_icon dl { margin-top:50px;}
.vision_con .vi_icon dl dt { font-size:24px; color:#000; font-weight:600; letter-spacing:-1px; }
.vision_con .vi_icon dl dd { margin-top:10px; line-height:25px; }
.vision_con .vi_slo { margin-top:80px; height:464px; background: url(../../img/sub/vision_slo_bg.jpg) no-repeat 0 0; text-align:center}
.vision_con .vi_slo .vi_slo_tit { padding-top:50px;}
.vision_con .vi_slo .vi_slo_tit strong { position:relative; font-size:26px; color:#000;}
.vision_con .vi_slo .vi_slo_tit span {  display:block; position:absolute; left:50%; margin-left:-14px; margin-top:20px; width:28px; height:2px; background:#c30f18;}
.vision_con .vi_slo .vi_slo_txt { margin-top:120px; }
.vision_con .vi_slo .vi_slo_txt span { font-size:48px; font-weight:600;  font-family: 'Open Sans', sans-serif; letter-spacing:-2px; color:#fff;}

/*연혁*/
.history_con { width:100%}
.history { position:; margin:0 auto; width:1200px; overflow:hidden}
.history:after {content: ''; clear:both; display:block;}
.history > div {float:left; width:600px; min-height:60px;}
.history .txt_con { position:relative; padding-left:50px; padding-bottom: 50px;}
.history .txt_con .txt { padding-bottom:50px}
.history .img { position: relative; padding-right:50px; text-align:right;}
.history .img:before {position: absolute;top: 0;bottom: 0;right: -1px;width: 1px;height: 100%; background: #b2332b;content: '';}
.history.left .img { position:relative; text-align:left;}
.history.left .txt_con  { padding-right:50px; padding-left:0;}
.history .txt_con:before { content: ''; position:absolute; top:0; bottom:0; left:0; width:1px; height:100%; background:#b2332b;}
.history.left .txt_con:before {left:auto; right:0;}
.history.left .img:before {right:auto; left:0;}
.history.left .img  {padding-left:50px; padding-right:0;}
.history h3 {float:left; position: relative; font-size:35px; color:#333; font-weight:400;letter-spacing: -1px;margin-bottom: 15px;line-height: 23px;}
.history h3:before {content: ''; position: absolute; top:0; left:-62px; width:23px; height:23px; background: url(../../img/sub/history_bul.png) no-repeat 0 0; z-index:999}
.history.left h3:before {left:auto}
.history p { margin-bottom: 10px; }
.history p span { display:inline-block; vertical-align: top; letter-spacing: -0.5px; } /*월*/
.history p .cont { margin-top: 1px; width:92%; font-size:17px; line-height: 23px;  }
.history p .num {color: #666;font-size: 20px;font-weight: 500; margin-right: 5px; }
.history.left p .num { margin-left: 5px;    margin-right: 0; }
.history p em {color: #777;font-size: 14px;font-weight: 400;}
.history h4 { margin-top:30px; margin-bottom: 5px; color: #333;font-size: 18px;font-weight: 700;}
.history.left {text-align: right;}
.history.left h3:before {right: -62px;}
.history.left .txt_con:before {right: -1px;}
.history h3 { float:left;}
.history .txt { margin-left:25px; width:77%; float:left;}
.history.left h3 { float:right;}
.history.left .txt {float:right; margin-right:25px;}
.history.left p:before {content: none;}

/*조직도*/
.organi_con { overflow:hidden; padding:50px 0; background:#f3f3f3; text-align:center}
.organi_con img { }

/*사업장안내*/
.map_con { width:1200px; margin:0 auto}
.map_con .comp {}
.map_con .comp.photo1 { height:280px; background:url('../../img/sub/map_photo1.jpg') no-repeat right 0}
.map_con .comp.photo2 { height:280px; background:url('../../img/sub/map_photo2.jpg') no-repeat right 0}
.map_con .comp .comp_tit { padding-top:20px; }
.map_con .comp .comp_tit .tit { position:relative; font-size:28px; color:#333; font-weight:600; line-height:1.2;}
.map_con .comp .comp_tit .tit:before { content:""; display:block; position:absolute; top:48px; width:120px; background-color:#c30f18; height:1px; vertical-align:middle;}
.map_con .comp .comp_tit .tit:after { content:""; display:block; width:500px; background-color:#d8d8d8; height:1px; vertical-align:middle; margin-top:15px }
.map_con .comp .comp_tit .tit > span { display:block; font-size:18px; color:#666; font-weight:400; vertical-align:bottom}
.map_con .comp ul { margin-top:20px; }
.map_con .comp li { padding:0 0; display:table; height:50px;}
.map_con .comp li:after {content:'';display:block;clear:both;}
.map_con .comp li.ico1 { background:url('../../img/sub/map_ico1.png') no-repeat 0 5px}
.map_con .comp li.ico2 { background:url('../../img/sub/map_ico2.png') no-repeat 0 5px}
.map_con .comp li.ico3 { background:url('../../img/sub/map_ico3.png') no-repeat 0 5px}
.map_con .comp li dl {display:table-cell; vertical-align:middle;}
.map_con .comp li dl dt { float:left; padding-left:60px; font-weight:500; color:#333}
.map_con .comp li dl dd { float:left; padding-left:30px;}
.map_con .comp li dl.addr dt,
.map_con .comp li dl.addr dd { float:none; padding-left:60px;}
.map_con .kakaomap { clear:both; margin-bottom:80px;}



/* ############ 제품소개 ############ */
/*Smart Factory*/
.prod_con { }
.prod_con .tit_con { padding-bottom:40px; text-align:center; letter-spacing:-1px;}
.prod_con .tit_con h4 { position:relative; font-size:24px; font-weight:600; color:#222;  }
.prod_con .tit_con span { display:block; position:absolute; left:50%; margin-left:-16px; margin-top:10px; width:32px; height:2px; background:#c30f18;}
.prod_is { position:relative; margin:0 auto; width:1200px}
.prod_is .bg_con {display:table; margin-bottom:50px;width:100%; height:290px; }
.prod_is .bg_con.smart {  background:url(../../img/sub/smartFa_is_bg.jpg) no-repeat 0 0}
.prod_is .bg_con.battery {  background:url(../../img/sub/battery_is_bg.jpg) no-repeat 0 0}
.prod_is .bg_con.near {  background:url(../../img/sub/nearPerfact_is_bg.jpg) no-repeat 0 0}
.prod_is .bg_con span { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-size:24px; color:#fff; letter-spacing:-1px }
.prod_is .cont {  position:relative; overflow:hidden}
.prod_is .m_cont { display:none}
.jd_merit { background:#f5f5f5; margin:60px auto 60px; padding:60px 0; overflow:hidden}
.jd_merit .list li { float:left; width:49.999%; padding:25px 15px; margin:0 -1px -1px 0; border:1px solid #ddd; background:#fff; box-sizing:border-box }
.jd_merit .list li:last-child {border-bottom:1px solid #ddd; margin-bottom:0 }
.jd_merit .list .img { float:left; }
.jd_merit .list .img img { width:90px}
.jd_merit .list dl { float:left; width:450px; margin-left:15px; padding-top:5px;}
.jd_merit .list dl dt { padding-bottom:10px; font-size:18px; color:#222; font-weight:600}
.jd_merit .list dl dd { position:relative; padding-left:10px;}
.jd_merit .list dl dd:after { content:""; position:absolute; left:0; top:10px; width:3px; height:3px; background:#969696; }
.jd_merit .list.near .img img { width:90px}
.jd_merit .list.near .txt { float:left; padding-left:20px; padding-top:25px; width:450px; font-size:18px; color:#222; font-weight:600;}
.jd_tech { position:relative; margin:0 auto 50px; width:1200px; overflow:hidden;}
.jd_tech.bg { background:url('../../img/sub/smartFa_tech_bg.jpg') no-repeat center top}
.jd_tech .tit_con { padding:45px 0 60px; text-align:center; letter-spacing:-1px;}
.jd_tech .tit_con h4 { position:relative; font-size:24px; font-weight:600; color:#fff;  }
.jd_tech .tit_con span { display:block; position:absolute; left:50%; margin-left:-16px; margin-top:10px; width:32px; height:2px; background:#fff;}
.jd_tech ul { padding:0 20px; margin-top:0}
.jd_tech ul li { float:left; margin-right:10px; width:19.15%; height:250px; border:2px solid #c30f18; background:#fff; box-sizing:border-box; text-align:center; box-shadow:5px 5px 25px rgba(0,0,0,0.20);}
.jd_tech ul li:last-child { margin-right:0}
.jd_tech ul li .cont { padding-top:120px;}
.jd_tech ul li .cont.con1 { background:url('../../img/sub/smartFa_tech_icon1.png') no-repeat center 20px}
.jd_tech ul li .cont.con2 { background:url('../../img/sub/smartFa_tech_icon2.png') no-repeat center 20px}
.jd_tech ul li .cont.con3 { background:url('../../img/sub/smartFa_tech_icon3.png') no-repeat center 20px}
.jd_tech ul li .cont.con4 { background:url('../../img/sub/smartFa_tech_icon4.png') no-repeat center 20px}
.jd_tech ul li .cont.con5 { background:url('../../img/sub/smartFa_tech_icon5.png') no-repeat center 20px}
.jd_tech ul li .cont span { display:block; font-size:18px; font-weight:500; color:#222; padding:0 5px;  }
.jd_safe { position:relative; margin:0 auto 50px; width:1200px; overflow:hidden }
.jd_safe .list li { position:relative; float:left; padding-bottom:25px; width:25%; margin-right:0; box-sizing:border-box;}
.jd_safe .list li:last-child { margin-right:0 }
.jd_safe .list li span { position:absolute; left:0; top:10px; width:45px; height:40px; background:#c30f18; font-size:12px; font-weight:600; color:#fff; line-height:40px; text-align:center}
.jd_safe .list li dd { padding-top:10px; font-weight:500; color:#222;}
.jd_service { margin:60px auto 0; padding:60px 0; overflow:hidden}
.jd_service.bg { background:#f5f5f5; }
.jd_service .list { padding-top:50px;}
.jd_service .list li { display:table; float:left; margin-right:22px; width:222px; height:222px; text-align:center }
.jd_service .list li:last-child { margin-right:0 !important }
.jd_service .list li:nth-child(even) { background:url('../../img/sub/smartFa_servi_bg1.png') no-repeat 0 0}
.jd_service .list li:nth-child(odd) { background:url('../../img/sub/smartFa_servi_bg2.png') no-repeat 0 0}
.jd_service .list li span { display:table-cell; vertical-align:middle; font-size:18px; font-weight:500; color:#222; line-height:20px; }
/*Smart Factory_제품소개*/
.type { }
.type:after { content:""; clear:both; display:block;}
.type .list li { float:left; width:25%; border-right:1px solid #ddd; border-bottom:1px solid #ddd }
.type .list li .type_con { border-bottom:1px solid #ddd; height:350px; vertical-align:middle}
.type .list li .type_con .tit { font-size:20px; color:#fff; font-weight:500; text-align:center; line-height:56px;  }
.type .list li .type_con .tit.bg1 { background:#2e3f58}
.type .list li .type_con .tit.bg2 { background:#2d527c}
.type .list li .type_con .tit.bg3 { background:#3b6599}
.type .list li .type_con .tit.bg4 { background:#6b7786}
.type .list li .type_con .img { padding:30px 0; text-align:center; overflow:hidden}
.type .list li .type_disc  { padding:20px 10px; height:350px; }
.type .list li .type_disc dl { padding-bottom:10px; overflow:hidden}
.type .list li .type_disc dl dt { display:inline-block; width:100px; border:1px solid #ddd; border-radius:30px; font-size:14px; line-height:30px; text-align:center;overflow:hidden}
.type .list li .type_disc dl dd { display:inline-block; padding:5px 0 0 10px; color:#333 }
.type .list li .type_disc dl dd span { font-size:14px; color:#666}

/* modal layer content_스마트팩토리type */
.type_pop_content {position:relative; width:96%; max-width:1024px; margin:20px auto; background-color:#fff; }
.type_pop_content h1 {height:60px; line-height:60px; font-size:24px; font-weight:500; letter-spacing:-1.0px; text-align:center; margin:0 20px; border-bottom:3px solid #c32026; color:#c32026; }
.type_inner_box{padding:10px 0; }
.type_inner {padding:10px 20px; height:540px; overflow-y:auto; overflow-x:hidden; }
.type_inner .img_con { width:100%; text-align:center}
.type_inner .img_con img { }
.type_inner .txt_con { padding:20px; text-align:center}
/*
.etc_con { position:relative; margin:0 auto; padding:50px 0; background:#f5f5f5; overflow:hidden; }
.etc_con .etc { position:relative; margin:0 auto 30px; overflow:hidden; padding-top:30px;}
.etc_con .etc .tit_con { position:absolute; top:0; left:50%; width:400px; height:50px; margin-left:-200px; background:#c30f18; border-radius:50px; text-align:center; font-size:20px; line-height:50px; font-weight:600; color:#fff;}*/
.type_inner .etc_box { padding:0 10px; overflow:hidden}
.type_inner .etc_box .tit { font-size:20px; font-weight:500; color:#000; padding-bottom:10px}
.type_inner .etc_box .img { float:left; width:375px; }
.type_inner .etc_box .img.line { border:5px solid #CCC; box-sizing:border-box}
.type_inner .etc_box .img li { border:5px solid #CCC; box-sizing:border-box}
.type_inner .etc_box .img li:last-child { border-top:none}
.type_inner .etc_box .etc_disc { float:right; width:520px}
.type_inner .etc_box .etc_disc .stit { position:relative; padding-left:22px; margin-top:40px; margin-bottom:10px; font-size:19px; color:#222; font-weight:600  }
.type_inner .etc_box .etc_disc .stit:before { content:""; position:absolute; left:0; top:13px; width:12px; height:5px; background:#c30f18}
.type_inner .etc_box .etc_disc .stit:first-child { margin-top:0}
.type_inner .etc_box .etc_disc .disc { padding-left:22px; font-size:17px; font-weight:300  }
.type_inner .etc_box .etc_disc ul.disc_li { padding-left:22px; font-size:17px; font-weight:300}
.type_inner .etc_box .etc_disc ul.disc_li li { position:relative; padding:0 0 8px 8px}
.type_inner .etc_box .etc_disc ul.disc_li li:before { content:""; position:absolute; left:0; top:13px; width:3px; height:3px; background:#b4b4b4}

/*Smart Factory_주요사용현황*/
.apply_con {}
.apply_con .apply { position:relative; overflow:hidden; margin-bottom:30px}
.apply_con .apply .tit { padding:0 0 0 30px; font-size:22px; color:#222; font-weight:500; }
.apply_con .apply .tit:before { content:""; position:absolute; left:0; top:5px; width:20px; height:63px; background:url(../../img/sub/smartFa_apply_bul.png) no-repeat 0 0}
.apply_con .apply .img_con { margin-top:20px; padding:30px 70px; background:#f5f5f5; text-align:center; overflow:hidden; box-sizing:border-box }
.apply_con .apply .img_con li { float:left; width:50%; }
.apply_con .apply .img_con li img { max-width:100%}


/*2차전지*/
.prod_img { border:10px solid #e8e8e8; padding:30px; overflow:hidden; box-sizing:border-box }
.prod_img .img { float:left; width:400px;}
.prod_img .img_cont { float:right; width:660px;}
.prod_img .img_cont .txt { border-bottom:1px solid #ddd; margin-bottom:20px; }
.prod_img .img_cont .txt strong { display:block; padding-bottom:10px; font-size:30px; font-weight:600; color:#222;}
.prod_img .img_cont .txt span { display:block; padding-bottom:20px; font-size:18px;}
.prod_img .img_cont dl { margin-top:10px;}
.prod_img .img_cont dl:after { content:""; clear:both; display:block;}
.prod_img .img_cont dl dt { float:left; width:150px; border:1px solid #7c7c7c; border-radius:35px; height:35px; font-size:14px; line-height:32px; text-align:center; color:#333}
.prod_img .img_cont dl dd { float:left; padding:5px 0 0 20px; color:#333; font-weight:500 }
.process_con { position:relative; margin-top:50px; }
.process_con .process_model { }
.process_con .process { position:relative; margin-top:50px; margin-bottom:50px;}
.process_con .process:after { content:""; clear:both; display:block;}
.process_con .process ul li { display:table; position:relative; float:left; padding-bottom:10px; width:16.666%; height:78px; line-height:20px;}
.process_con .process ul li a { display:table; width:100% }
.process_con .process ul li a .arr .le { position:absolute; left:0; top:0; width:17px; height:78px; background:url(../../img/sub/arr_box_le.png) no-repeat 0 0; z-index:999}
.process_con .process ul li a .arr { display:table-cell; vertical-align:middle; width:100%; height:78px; color:#c32026; font-weight:600; background:url(../../img/sub/arr_box_cen.png) repeat-x 0 0; text-align:center}
.process_con .process ul li a .arr .ri { position:absolute; right:0; top:0; width:26px; height:78px; background: url(../../img/sub/arr_box_ri.png) no-repeat 0 0; z-index:999}
.process_con .process ul li .arr_off .le { position:absolute; left:0; top:0; width:17px; height:78px; background:url(../../img/sub/arr_box_le_off.png) no-repeat 0 0; z-index:999}
.process_con .process ul li .arr_off { display:table-cell; vertical-align:middle; width:100%; height:78px; color:#9ea7b3; background:url(../../img/sub/arr_box_cen_off.png) repeat-x 0 0; text-align:center}
.process_con .process ul li .arr_off .ri { position:absolute; right:0; top:0; width:26px; height:78px; background: url(../../img/sub/arr_box_ri_off.png) no-repeat 0 0; z-index:999}
/* modal layer content_조립공정 */
.process_pop_content {position:relative; width:96%; max-width:640px; margin:20px auto; background-color:#fff; }
.process_pop_content h1 {height:60px; line-height:60px; font-size:24px; font-weight:500; letter-spacing:-1.0px; text-align:center; margin:0 20px; border-bottom:3px solid #c32026; color:#c32026; }
.modal-close-btn {position:absolute; top:15px; right:20px; color:#fff; }
.process_inner_box{padding:10px 0; }
.process_inner {padding:10px 20px; min-height:450px; overflow-y:hidden; overflow-x:hidden; }
.process_inner .img_con { width:100%; text-align:center}
.process_inner .img_con img { }
.process_inner .txt_con { padding:20px; text-align:center}
/*Near Perfect Vision*/
.jd_nearPect { position:relative; margin:50px auto; overflow:hidden; background:linear-gradient(#f8f6ef 0%, #d7d5c7 100%); padding:50px 0; }
.jd_nearPect .img { text-align:center}
.jd_nearPect .txt { padding-top:30px; text-align:center; font-size:24px; color:#000; font-weight:500;}
.jd_nearPect .txt span { color:#c30f18; font-weight:600;}
.nearPect_prod { position:relative; margin:0 auto 50px; width:1200px;}
.nearPect_prod .prod_img .img { float:left; width:480px;}
.nearPect_prod .prod_img .img_cont { float:right; width:580px;}



/* ############ 특허 및 인증 ############ */
.certifi_con {}
.certifi_con li { float:left; width:370px; margin-right:25px; padding-bottom:50px; box-sizing:border-box}
.certifi_con li:last-child { margin-right:0}
.certifi_con li dd { padding-top:10px;}
.certifi_con li dd strong { display:block; font-size:20px; color:#222; font-weight:600;} 
.certifi_con li dd span { display:block; font-size:18px; color:#222; padding-top:5px  } 
.certifi_con li dd em { display:block; padding-top:10px;}

/* ############ 인재채용 ############ */
/*인재상*/
.talent_con .talent_tit { text-align:center; }
.talent_con .talent_tit .tit { psadding-bottom:10px; font-size:36px; font-weight:300; color:#000; letter-spacing:-2px}
.talent_con .talent_tit .tit strong { font-weight:500;}
.talent_con .talent_tit .text { font-size:22px; font-weight:600; color:#222; }
.talent_con .talent_img { background:#f5f5f5; margin:50px auto 0; padding:50px 0; overflow:hidden; text-align:center }
.talent_con .talent_slo_con { position:relative;  }
.talent_con .talent_slo_con .le { float:left; display:table; width:50%; text-align:right;}
.talent_con .talent_slo_con .le .slo { padding-right:80px; display:table-cell; vertical-align:middle; height:460px; background:url(../../img/sub/talent_slo_bg1.jpg) no-repeat center top }
.talent_con .talent_slo_con .ri { float:left; display:table; width:50%; text-align:left;}
.talent_con .talent_slo_con .ri .slo { padding-left:80px; display:table-cell; vertical-align:middle; height:460px; background:url(../../img/sub/talent_slo_bg2.jpg) no-repeat center top }
.talent_con .talent_slo_con .slo .slo_txt { color:#fff;}
.talent_con .talent_slo_con .slo .slo_txt .tit { font-size:25px; font-weight:500;}
.talent_con .talent_slo_con .slo .slo_txt .eng { font-size:30px; }
.talent_con .talent_slo_con .slo .slo_txt .eng span { font-weight:600;}
.talent_con .disc_con { }
.talent_con .disc_con li { position:relative; float:left; width:33.333%; height:216px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.talent_con .disc_con li:nth-child(3) { border-right:none; }
.talent_con .disc_con li:last-child { border:none}
.talent_con .disc_con li .txt_con { padding:25px 0 0 20px; }
.talent_con .disc_con li .txt_con strong { font-size:22px; color:#c30f18;}
.talent_con .disc_con li .txt_con span { display:block; font-size:22px; font-weight:600; color:#000;}
.talent_con .disc_con li .txt_con p { padding-top:20px; font-size:17px;}
.talent_con .disc_con li .txt_con p .block { display: block}
.talent_con .disc_con li .eng_p { position:absolute; right:5px; bottom:0; width: 59px; height:84px;background:url(../../img/sub/talent_eng_p.png) no-repeat 0 0; z-index:999}
.talent_con .disc_con li .eng_c { position:absolute; right:5px; bottom:0; width: 59px; height:84px;background:url(../../img/sub/talent_eng_c.png) no-repeat 0 0; z-index:999}
.talent_con .disc_con li .eng_i { position:absolute; right:5px; bottom:0; width: 59px; height:84px;background:url(../../img/sub/talent_eng_i.png) no-repeat 0 0; z-index:999}
.talent_con .disc_con li .eng_o { position:absolute; right:5px; bottom:0; width: 59px; height:84px;background:url(../../img/sub/talent_eng_o.png) no-repeat 0 0; z-index:999}

/*인사제도*/
.system_con { margin:50px auto 0; width:1200px; overflow:hidden}
.system_con .sec1,
.system_con .sec2 {position:relative; margin-bottom:80px }
.system_con .sec1:after,
.system_con .sec2:after { content:""; clear:both; display:block}
.system_con .sec1 .img { float:left; width:500px;  }
.system_con .sec1 dl { float:right; padding:55px 0 0 50px; width:680px}
.system_con .sec1 dl:before { content:""; position:absolute; left:420px; top:20%; width:140px; height:20px; background:url(../../img/sub/system_line1.png) no-repeat 0 0}
.system_con .sec2 .img { float:right; width:500px;  }
.system_con .sec2 dl { float:left; padding:55px 50px 0 0; width:680px; text-align:right}
.system_con .sec2 dl:before { content:""; position:absolute; right:420px; top:20%; width:140px; height:20px; background:url(../../img/sub/system_line2.png) no-repeat 0 0}
.system_con dl dt { font-size:24px; color:#222; font-weight:600; padding-bottom:20px }
.system_con dl dd { font-size:18px; color:#222; line-height:28px; font-weight:300}
.system_con dl dd .block { display: block}

/*복리후생*/
.welfare_con { margin:50px auto 50px; width:1200px; overflow:hidden}
.welfare_con .list {  width:100%; height:100%; border-top:1px solid #ddd}
.welfare_con .list li { display:table; float:left; width:33.3333%; height:200px; border:1px solid #ccc; border-top:none; margin:0 -1px 0 0; text-align:center}
.welfare_con .list li.icon1 { content:""; background:url('../../img/sub/welfare_icon1.png') no-repeat center 35%}
.welfare_con .list li.icon2 { content:""; background:url('../../img/sub/welfare_icon2.png') no-repeat center 35%}
.welfare_con .list li.icon3 { content:""; background:url('../../img/sub/welfare_icon3.png') no-repeat center 35%}
.welfare_con .list li.icon4 { content:""; background:url('../../img/sub/welfare_icon4.png') no-repeat center 35%}
.welfare_con .list li.icon5 { content:""; background:url('../../img/sub/welfare_icon5.png') no-repeat center 35%}
.welfare_con .list li.icon6 { content:""; background:url('../../img/sub/welfare_icon6.png') no-repeat center 35%}
.welfare_con .list li span { display:table-cell; vertical-align:middle; padding-top:60px; font-size:18px; color:#222; font-weight:600}

/*채용공고*/
.recruit_con { position:relative; margin:0 auto 50px; overflow:hidden}

/* ############ 고객센터 ############ */
.customer_con { position:relative; margin:0 auto 50px; overflow:hidden}

/* ############ 멥버쉽 ############ */
/*로그인*/
.login_top { background:url('/img/sub/login_bg.png') no-repeat center top; text-align:center}
.login_top .tx1 { padding-top:80px; font-size:20px; color:#333; font-weight:600; letter-spacing:-2px}
.login_top .tx2 { font-size:16px;}
.login_box { width:400px; margin:20px auto 50px; border:1px solid #d3d3d3; background:#f9f6f2; padding:20px}
.login_box h2 { text-align:center; font-size:16px; color:#333; font-weight:500; margin-bottom:20px}
.login_box .tx1 { font-size:16px; color:#333; font-weight:500; margin-bottom:15px }
.login_box .tx2 { font-size:14px; }
.login_box .field_box input { margin-bottom:5px }
.login_box input[type=text],.login_box input[type=password]{height:40px;}
.login_box .field_box button.btn_login {display:inline-block; width:100%; line-height:42px; border:1px solid #e96e1e; background:#f9863c; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }
.login_box .field_box button.btn_find {display:inline-block; width:100%; line-height:42px; border:1px solid #333; background:#333; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }
.login_box .field_box .tx_idpw { text-align:right; margin-top:10px; }
.login_box .field_box .login_menu {margin-top:10px; text-align:right;}
.login_box .field_box .login_menu a { position: relative; display:inline-block; color:#000; padding:0 10px 0 10px}
.login_box .field_box .login_menu a:after { content: ""; display: block; position:absolute; left:0; top:6px; height:13px; border-left:1px solid #333;}
.login_box .field_box .login_menu a:first-child:after {display: none;}

/*회원가입*/
.join_top { position:relative; overflow:hidden;  }
.join_top .bg01{background:url('/img/sub/join_bg01.png') no-repeat 0 0; height:80px}
.join_top .bg02{background:url('/img/sub/join_bg02.png') no-repeat 0 0; height:80px}
.join_top p { padding-left:90px}
.join_top .tx1 { font-size:20px; color:#333; font-weight:600;}
.join_top .tx2 { font-size:16px;}
.join_warp {position:relative; overflow:hidden;}
.join_warp input[type=checkbox],.join_wrap input[type=radio] {width:20px;height:20px;margin-right:5px;margin-bottom:0;border:0;}
.join_warp .agree_all { padding-bottom:10px; color:#000 }
.join_warp .agree_box { border:1px solid #d2d2d6; overflow:hidden; margin-bottom:20px}
.join_warp .agree_box h4 {padding:15px; font-weight:400;}
.join_warp .agree_box h4 label {font-size:16px; font-weight:500;}
.join_warp .agree_box h4 label span {font-weight:400;}
.join_warp .agree_box .agree_cont { border-top:1px solid #d2d2d6; padding:15px; height:200px; overflow-y:scroll}
.join_warp .agree_box .agree_cont h5 { font-size:15px !important; margin:20px 0 10px;font-size:16px;font-weight:500;}
.join_warp .agree_box .agree_cont h5:first-child {margin-top:0;}
.join_warp .agree_box .agree_cont h6 {margin:20px 0 10px;font-size:15px;font-weight:500;}
.join_input_wrap span.tx1{ font-size:13px; padding-left:5px; color:#C30}
.join_finish { background:url('/img/sub/join_bg02.png') no-repeat center top; text-align:center}
.join_finish .tx1 { padding-top:80px; font-size:20px; color:#333; font-weight:600; letter-spacing:-2px}
.join_finish .tx2 { font-size:16px;}
.join_finish table { width:50%; table-layout: fixed; margin:30px auto }
.join_finish tr th { padding:10px 0; font-weight:400; text-align:center; vertical-align:middle; border:0; border-top:1px solid #d3d1ce; border-bottom:1px solid #d3d1ce; background-color:#f7f7f6; }
.join_finish tr td { text-align:left; padding:10px 5px; border:0; border-top:1px solid #cac8c4;border-left:1px solid #cac8c4; border-bottom:1px solid #d3d1ce; }

/*아이디,비밀번호 찾기*/
.find_box { float:left; width:400px; border:1px solid #d3d3d3; background:#fff; padding:20px; margin:0 20px}
.find_box .tx1 { font-size:16px; color:#333; font-weight:500; margin-bottom:10px }
.find_box .tx2 { font-size:14px; margin-bottom:10px }
.find_box .field_box input { margin-bottom:5px }
.find_box input[type=text],.find_box input[type=password]{height:40px;}
.find_box .field_box button.btn_find {display:inline-block; width:100%; line-height:42px; border:1px solid #333; background:#333; color:#fff; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1); }

/*이용약관, 개인정보, 이메일무단수집거부*/
.agree_cont { position: relative; overflow:hidden}
.agree_cont h5 { font-size:16px; margin:20px 0 10px; font-size:16px; font-weight:500; color:#333}
.agree_cont h5:first-child {margin-top:0;}
.agree_cont h6 {margin:20px 0 10px;font-size:15px;font-weight:500;}
.agree_cont p { padding-bottom:15px}
.email_cont { border:1px solid #ddd; margin:0 auto; width:480px; overflow:hidden; padding:20px}

/*사이트맵*/
.sitemap { position:relative; overflow:hidden}
.sitemap li { float:left; width:31.545%; margin-right:20px; }
.sitemap li:nth-child(3n) { margin-right:0}
.sitemap li dt {border:2px solid #999; background:#F9F9F9; text-align:center; font-size:16px; font-weight:500; line-height:36px;}
.sitemap li dd { text-indent:10px}
.sitemap li dd a { display:block; border-bottom:1px dotted #ccc;line-height:40px;}
.sitemap li dd a:hover { color:#f9863c; text-decoration:none}



@media all and (max-width:1200px){
	/* ############ 공통 ############ */
	.tab.battery {  width:100%;}
	/* ############ 서브영역 ############ */
	.subWarp {  padding-top:50px; min-height: inherit}
	.subTit { width:calc( 100% - 20px );padding:0 10px;}
	.sub_visual .submenu { width:100%; left:0; margin-left:0;}
	
	/* ############ 회사소개 ############ */
	/*인사말*/
	.greeti_con .img img { width:100%}
	
	/*비전*/
	.vision_con .vi_icon { width:100%;}
	.vision_con .vi_slo { margin-top:40px; background: url(../../img/sub/vision_slo_bg.jpg) no-repeat center 0; text-align:center; background-size: cover}
	
	/* 연혁 */
	.history { position: relative; width:calc( 100% - 40px );padding:0 20px;}
	.history > div {width: 100%;}
	.history .img {height: auto;min-height: 0;}
	.history .img img { max-width:100%}
	.history.left h3 {padding-right: 0;}
	.history.left h3:before { right:auto; left:-41px; top:6px;}
	.history.left .txt_con:before {right: auto;left: 0;}
	.history h3 { width: 100%;}
	.history h3:before {left:-60px; top:0;}
	.hhistory .txt_con,
	.history.left .txt_con {padding-left:35px;width:100%;}
	.history .img, 
	.history.left .img{position: absolute; top:0; right:0; text-align:right; width: 50%; padding:0}
	.history p {margin-bottom: 10px;}
	.history.left {text-align: left;}
	.history.left h3 { float:left;}
	.history.left h3:before {right: 0; left:-45px}
	.history.left .txt { float:left;}
	.history.left p .num { margin-left: 0; margin-right: 5px; float: left;}
	.history.left p:after {content: none}
	.history .txt { margin-left:0;}

	/*조직도*/
	.organi_con { padding:60px 20px;}
	.organi_con img { width:100% }
	
	/*사업장안내*/
	.map_con { width:calc( 100% - 20px ); padding:0 10px;}
	.map_con .comp.photo1 { height:280px; background-size:50%}
	.map_con .comp.photo2 { height:280px; background-size:50%}
	
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.prod_is { width:100%}
	.prod_is .bg_con {margin-bottom:30px; padding:0 5%; height:290px; background-position: center center; background-size: cover}
	.prod_is .cont { width:calc( 100% - 20px ); padding:0 10px;}
	.prod_is .cont img { max-width:100%}
	.jd_merit .list dl { width:80%; }
	.jd_merit .list.near .txt { width:80%; }
	.jd_tech { width:100%;}
	.jd_safe { position:relative; margin:0 auto 50px; width:100%; overflow:hidden }
	.jd_safe .list li dt img { width:100%}
	.jd_safe .list li { width:24%; margin-right:5px;}
	.jd_safe .list li:last-child { margin-right:0}
	.jd_service .list li {  margin-right:0;  }
	/*Smart Factory_제품소개*/
	.type { padding:0 10px;}
	.type .list li .type_con .img img { max-width:100%}
	/* modal layer content_스마트팩토리type */
	.type_pop_content { max-width:none;}
	.type_inner .etc_box .img { width:35%; }
	.type_inner .etc_box .img img { width:100%;}
	.type_inner .etc_box .etc_disc { width:60%;}

	.etc_con .etc .etc_box .img { float:left; width:40%;}
	.etc_con .etc .etc_box .img img { max-width:100%}
	.etc_con .etc .etc_box .etc_disc { float:right; width:58%}

	/*Smart Factory_주요사용현황*/
	.apply_con .apply .tit { padding:0 0 0 50px;}
	.apply_con .apply .tit:before { left:20px; }
	.apply_con .apply .img_con { padding:0 20px}
	.apply_con .apply .img_con li { float:left; width:49%; margin-right:10px; box-sizing:border-box }
	.apply_con .apply .img_con li:last-child { margin-right:0}
	
	/*2차전지*/
	.prod_img .img { width:30%;}
	.prod_img .img img { max-width:100%}
	.prod_img .img_cont { width:68%;}
	.process_con .process { position:relative;width:calc( 100% - 20px ); padding:0 10px; margin-top:50px; margin-bottom:50px;}
	.process_con .process_model img { max-width:100% }
	
	/*Near Perfect Vision*/
	.jd_nearPect .img { padding:0 20px}
	.jd_nearPect .img img { max-width:100%}
	.jd_nearPect2 .img { padding:0 20px}
	.jd_nearPect2 .img img { max-width:100%}
	.nearPect_prod { width:100%;}
	.nearPect_prod .prod_img .img { width:40%;}
	.nearPect_prod .prod_img .img img { max-width:100%;}
	.nearPect_prod .prod_img .img_cont { width:58%;}
	
	/* ############ 특허 및 인증 ############ */
	.certifi_con { width:calc( 100% - 20px ); padding:0 10px; }
	.certifi_con li { width:31%; margin-right:20px; padding-bottom:50px; }
	.certifi_con li dt img { max-width:100%}
	
	/* ############ 인재채용 ############ */
	/*인재상*/
	.talent_con .talent_tit {width:calc( 100% - 20px ); padding:0 10px; }
	.talent_con .talent_tit .tit {  font-size:32px;}
	.talent_con .talent_tit .text { font-size:20px; }
	.talent_con .talent_img img { max-width:100%}
	/*인사제도*/
	.system_con { width:100%;}
	.system_con .sec1 .img { width:40%; }
	.system_con .sec1 .img img { max-width:100%}
	.system_con .sec1 dl { float:right; padding:3% 0 0 2%; width:55%}
	.system_con .sec1 dl:before { left:30%; top:20%;}
	.system_con .sec2 .img { width:40%;  }
	.system_con .sec2 .img img { max-width:100%}
	.system_con .sec2 dl { float:left; padding:3% 2% 0 0; width:55%;}
	.system_con .sec2 dl:before { right:30%; top:20%;}
	.system_con dl dd .block { display: none}
	/*복리후생*/
	.welfare_con { width:calc( 100% - 20px ); padding:0 10px;}
	
	/* ############ 고객센터 ############ */
	.customer_con { width:100%;}

}





@media (max-width:1024px){
	/* ############ 공통 ############ */
	.tab.smart { width:calc( 100% - 20px ); padding:0 10px; margin:0 auto 50px}
	.tab.battery { width:calc( 100% - 20px ); padding:0 10px; margin:0 auto 50px}
	.tab ul li { padding:12px 10px;}
	
	
	/* ############ 서브비주얼 ############ */
	
	
	/* ############ 서브영역 ############ */
	.subWarp { padding-top:50px;}
	.subWarp .subTit { padding-bottom:50px;}
	.subWarp .subTit h3 { font-size:34px;}
	.subWarp .subTit span { margin-top:20px; }
	
	/* ############ 회사소개 ############ */
	/*인사말*/
	.greeti_con .greeti { width:calc( 100% - 20px );padding:0 10px;}
	
	
	/*사업장안내*/
	.map_con .comp.photo1 { height:260px; background-size:40%}
	.map_con .comp.photo2 { height:200px; background-size:40%}
	.map_con .kakaomap  { width:100%; }
	
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.jd_merit .inner { width:calc( 100% - 20px );padding:0 10px;}
	.jd_merit .list li { padding:10px; height:300px;}
	.jd_merit .list .img { float: none; text-align:center }
	.jd_merit .list dl { float: none; margin-left:0; padding-top:15px;  width:100%;}
	.jd_merit .list dl dt {  text-align:center}
	.jd_merit .list.near li { min-height:200px; height:100%; padding-bottom:10px;}
	.jd_merit .list.near .txt { width:100%; padding-left:0; text-align:center}
    .jd_tech ul { padding:0 10px; margin-top:0}
	.jd_tech ul li { margin-right:5px;}
	.jd_safe .list li dd { height:80px;}
	.jd_service .list li { width:200px; height:200px; margin-right:0}
	.jd_service .list li:nth-child(even) { background-size:100% 100%}
	.jd_service .list li:nth-child(odd) { background-size:100% 100%}
	/*Smart Factory_제품소개*/
	.type .list li { float:left; width:100%; border-right:none; }
	.type .list li .type_con { border-bottom:1px solid #ddd;}
	.type .list li .type_disc  { padding:20px 10px; height:auto; }
	
	/*2차전지*/
	.prod_img { border:10px solid #e8e8e8; padding:30px; overflow:hidden; box-sizing:border-box }
	.prod_img .img { float:none; width:100%; text-align:center}
	.prod_img .img_cont { float:none; width:100%;}
	.prod_img .img_cont .txt { margin-bottom:20px; }
	.prod_img .img_cont .txt strong { font-size:24px; padding-top:10px;}
	.etc_con .etc .etc_box .img { float:none; width:100%; text-align:center}
	.etc_con .etc .etc_box .etc_disc { float:none; width:100%}
	.process_con .process ul li { width:25%;}
	
	/*Near Perfect Vision*/
	.nearPect_prod .prod_img .img { float:none; width:100%; text-align:center; }
	.nearPect_prod .prod_img .img_cont {float:none; width:100%; }

	/* ############ 특허 및 인증 ############ */
	.certifi_con li { width:30%; margin-right:20px; }
	
	/*인사제도*/
	.system_con .sec1 dl { padding:2% 0 0 2%;}
	.system_con .sec1 dl:before { left:28%; top:10%;}
	.system_con .sec2 dl { padding:2% 2% 0 0;}
	.system_con .sec2 dl:before { right:28%; top:10%;}
}


@media (max-width:767px){
	/* ############ 공통 ############ */
	.tab.smart {}
	.tab ul li { padding:10px 10px; }
	
	
	/*table_스타일*/
	.table_warp {width:100%; height:auto; overflow:hidden; overflow-x:auto;}
	.table_warp .table_ty {width:767px}
	.note_mobile{ background: url('/img/common/icon_note_mobile.png') no-repeat left bottom; font-size:13px; background-size:77px; display:inline-block; padding:0 0 3px 20px; position: relative;}
	
	
	/* ############ 서브비주얼 ############ */
	.sub_visual {position: relative; padding-top:0; height:280px; }
	.sub_visual .bg1,
	.sub_visual .bg2,
	.sub_visual .bg3,
	.sub_visual .bg4,
	.sub_visual .bg5 { background-position:center top; background-size:cover}
	.sub_visual .sub_visual_txt {top:60%;}
	.sub_visual .sub_visual_txt strong { font-size:30px; letter-spacing:-2;}
	.sub_visual .sub_visual_txt span { font-size:16px;}
	.sub_visual .submenu li a {  padding:10px 0; font-size:16px; }
	.sub_visual .submenu li.on a { font-size:17px; font-weight:400}
	
	/* ############ 회사소개 ############ */
	/*비전*/
	.vision_con .vi_icon li img { width:100%}
	.vision_con .vi_icon dl { margin-top:30px;}
	.vision_con .vi_icon dl dt { font-size:20px;}
	.vision_con .vi_icon { width:100%;}
	.vision_con .vi_slo { height:350px}
	.vision_con .vi_slo .vi_slo_txt { margin-top:60px; }
	.vision_con .vi_slo .vi_slo_txt span { font-size:38px;}
	
	/*사업장안내*/
	.map_con .comp.photo1 { height:auto; background-position: 0 0; background-size:100% 250px;}
	.map_con .comp.photo2 { height:auto; background-position: 0 0; background-size:100% 250px;}
	.map_con .comp .comp_tit { padding-top:290px; }
	.map_con .comp .comp_tit .tit { font-size:24px;}
	.map_con .comp .comp_tit .tit:before { position:absolute; top:44px;}
	.map_con .comp .comp_tit .tit:after { width:100%; }
	.map_con .comp .comp_tit .tit > span { font-size:18px; vertical-align:bottom}
	
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.prod_is .bg_con { height:200px;}
	.prod_is .bg_con span { font-size:20px; letter-spacing:-1px}
	.prod_is .cont { display:none}
	.prod_is .m_cont { display: block; width:100%; padding:0 10px; }
	.prod_is .m_cont img { width:100%}
	.jd_merit .list dl {  margin-left:0;}
	.jd_tech ul li { width:48.9%; height:200px; margin-bottom:20px; }
	.jd_tech ul li:last-child { width:98.8%}
	.jd_tech ul li .cont { padding-top:100px }
	.jd_safe .list li span { top:0; width:40px; height:35px; line-height:35px; }
	
	/* modal layer content_스마트팩토리type */
	.type_inner .etc_box .img { float:none; width:100%; text-align:center;}
	.type_inner .etc_box .etc_disc { float:none; width:100%;}
	
	/*2차전지*/
	.prod_img .img_cont dl dt { float:none; display:block}
	.prod_img .img_cont dl dd { float:none; padding:5px 0 0 0; }
	
	/*Near Perfect Vision*/
	.jd_nearPect .txt { font-size:18px;}
	.nearPect_prod .prod_img .img_cont dl dt { float:left; width:150px; border:1px solid #7c7c7c; border-radius:35px; height:35px; line-height:32px; font-size:14px; text-align:center; color:#333}
	.nearPect_prod .prod_img .img_cont dl dd { float:left; padding:5px 0 0 10px; color:#333; font-weight:500 }
	
	/* ############ 특허 및 인증 ############ */
	.certifi_con li { width:46%; margin-right:20px; }
	
	/* ############ 인재채용 ############ */
	/*인재상*/
	.talent_con .talent_slo_con .le { float:none; display:table; width:100%; text-align:right;}
	.talent_con .talent_slo_con .ri { float:none; display:table; width:100%; text-align:left;}
	.talent_con .talent_slo_con .le .slo,
	.talent_con .talent_slo_con .ri .slo { height:350px;}
	.talent_con .disc_con li { width:49.999%; height:216px; }
	.talent_con .disc_con li:nth-child(even) { border-right:none; }
	.talent_con .disc_con li:nth-child(3) { border-right:1px solid #e5e5e5; }
	.talent_con .disc_con li:last-child { border:none}
	/*인사제도*/
	.system_con .sec1 dl { padding:4% 0 0 2%;}
	.system_con .sec1 dl:before { left:28%; top:0;}
	.system_con .sec2 dl { padding:4% 2% 0 0;}
	.system_con .sec2 dl:before { right:28%; top:0;}
	
	/*사이트맵*/
	.sitemap li {width:30%;}
}


@media (max-width: 640px){
	/* ############ 회사소개 ############ */
	/*인사말*/
	.greeti_con .greeti_tit { padding-bottom:30px; font-size:28px; letter-spacing:-1px;}
	.greeti_con .greeti_tit .tit { font-size:22px !important;}
	.greeti_con .img { padding-bottom:30px;}
	.greeti_con .greeti { line-height:28px; font-size:16px; }
	.greeti_con .greeti p { padding-bottom:18px;}
	.greeti_con .sign { margin-top:30px; }
	
	/*비전*/
	.vision_con .vi_icon li { float:none; width:100%}
	.vision_con .vi_icon li img { width:30%}
	.vision_con .vi_icon li dl { margin-bottom:30px;}
	
	/*연혁*/
	.history.left { position: relative;}
	.history .img { margin-bottom:10px}
	.history .img,
	.history.left .img{position: relative; top:0; right:0; text-align: center; width:100%; padding:0}
	.history .txt_con { padding-bottom:0;}
	.history .img:before { display:none}
	
	
	/*사이트맵*/
	.sitemap li { width:47%;}
	.sitemap li:nth-child(3n) { margin-right:20px}
	.sitemap li:nth-child(2n) { margin-right:0}
	
	/*사업장안내*/
	.map_con .comp.photo1 { background-size:100% 200px;}
	.map_con .comp.photo2 { background-size:100% 200px;}
	.map_con .comp .comp_tit { padding-top:220px; }
	.map_con .comp li { padding:0 0; display:table; height:40px;}
	.map_con .comp li.ico1 { background-size:30px 30px;}
	.map_con .comp li.ico2 {  background-size:30px 30px;}
	.map_con .comp li.ico3 {  background-size:30px 30px;}
	.map_con .comp li dl dt { padding-left:35px; font-size:17px;}
	.map_con .comp li dl dd { padding-left:30px; font-size:16px}
	.map_con .comp li dl.addr dt,
	.map_con .comp li dl.addr dd { padding-left:40px;}
	.map_con .kakaomap { width:639px; overflow-x:scroll }
	
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.jd_merit .list li { float:none; width:100%; height:auto; padding-bottom:25px}
	.jd_merit .list dl { float: none; margin-left:0; padding-top:15px; }
	.jd_merit .list dl dd {  }
	.jd_merit .list dl dd+dd { margin-top:20px;}
	.jd_merit .list.near li { min-height:100px; height:100%; padding-bottom:10px; overflow:hidden}
	.jd_tech ul li { width:100%; margin-bottom:20px; margin-right:0}
	.jd_tech ul li:last-child { width:100%}
	.jd_safe .list li { width:48%}
	.jd_safe .list li dd { height:60px;}
	.process_con .process ul li { width:33.333%; font-size:16px;}
	/* modal layer content_조립공정 */
	.process_inner {height:350px; min-height:none; overflow-y:auto;  }
	.process_inner .img_con img { width:100% !important}
	
	.nearPect_prod .prod_img .img_cont dl dt { float:none; }
	.nearPect_prod .prod_img .img_cont dl dd { float:none;  }
	
	/* ############ 특허 및 인증 ############ */
	.certifi_con li { width:44%; }
	.certifi_con li dd strong { font-size:18px; } 
	.certifi_con li dd span { font-size:16px; } 
	
	/* ############ 인재채용 ############ */
	/*인재상*/
	.talent_con .talent_slo_con .le {text-align:center;}
	.talent_con .talent_slo_con .ri {text-align:center;}
	.talent_con .talent_slo_con .le .slo,
	.talent_con .talent_slo_con .ri .slo { height:350px; padding:0}
	.talent_con .disc_con li .txt_con { padding-right:10px;}
	.talent_con .disc_con li .txt_con strong { font-size:20px; color:#c30f18;}
	.talent_con .disc_con li .txt_con span { display:block; font-size:20px; font-weight:600; color:#000;}
	.talent_con .disc_con li .txt_con p { padding-top:20px; font-size:15px;}
	.talent_con .disc_con li .txt_con p .block { display:none}
	/*인사제도*/
	.system_con .sec1 dl { padding:4% 0 0 2%;}
	.system_con .sec1 dl:before { left:28%; top:0;}
	.system_con .sec2 dl { padding:4% 2% 0 0;}
	.system_con .sec2 dl:before { right:28%; top:0;}
}


@media (max-width: 460px){
	/* ############ 공통 ############ */
	.tab.smart li,
	.tab.battery li { float:left; width:49.999%; height:65px; line-height:18px}
	.tab.battery li a { font-size:14.5px;}
	/* ############ 서브영역 ############ */
	.subWarp .subTit h3 { font-size:28px;}
	.subWarp .subTit span { margin-top:20px; }
	
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.jd_service .list li { width:180px; height:180px;}
	.process_con .process ul li { width:50%; font-size:14px;}

	/*사이트맵*/
	.sitemap li { float:none; width:99%;}
	.sitemap li:nth-child(3n) { margin-right:0}
	.sitemap li:nth-child(2n) { margin-right:0}
	
	/* ############ 특허 및 인증 ############ */
	.certifi_con li { width:43%; }
	
	/* ############ 인재채용 ############ */
	
	/*인사제도*/
	.system_con .sec1 .img { width:100%; }
	.system_con .sec1 dl { float:none; padding:0; width:100%}
	.system_con .sec1 dl:before { display:none}
	.system_con .sec2 dl { float:none; padding:0; width:100%; text-align:left}
	.system_con .sec2 dl:before { display:none}
    .system_con .sec2 .img { width:100%; }
	.system_con dt { padding:0 2%}
	.system_con dd { padding:0 2%}
	/*복리후생*/
	.welfare_con .list li {  width:49.99%; height:180px; }
}

@media (max-width: 320px){
	/* ############ 공통 ############ */
	.tab.battery li { float:left; width:100%; height:auto;}
	/* ############ 제품소개 ############ */
	/*Smart Factory*/
	.jd_service .list li { width:160px; height:160px;}
	
	/* ############ 특허 및 인증 ############ */
	.certifi_con li { width:98%; margin-right:15px; }
	
	
 
}