/* common */

/* sub 메뉴 */
.subnav { width: 100%; min-height: 48px; overflow:hidden; }
.subnav > a { background:#1a4385 url(/mobile/eng/img/sub/mobileSubBotttomArrow.png) no-repeat 96% center; text-align:center; line-height: 48px; font-size: 16px; color: #fff !important; display:block;}
.subnav > ul { width: 100%; overflow: hidden; background: #fff; text-align:center; display:none; }
.subnav > ul li { width: 100%; height: 46px; border-bottom: 1px solid #d7d7d7;}
.subnav > ul li a { font-size: 15px; line-height: 46px; color:#666; display:block;}
.subnav > ul li:hover a { font-size: 15px; line-height: 46px; color:#1a4385; background: #f4f4f4;}


/* sub 타이틀 */
.container { width: 100%; overflow: hidden; box-sizing:border-box; padding:0 15px; margin-bottom:40px;}
.subTitel { width: 100%; overflow:hidden;}
.subTitel h2 { font-weight: bold; font-size: 24px; letter-spacing:-1px; line-height: 100%; color: #333; border-bottom: 1px solid #d7d7d7;padding-bottom: 10px; margin-top: 14px; }
.subList { width:100%; overflow: hidden;}
.subList ul { overflow: hidden; padding-top: 16px; float:right; margin-bottom:35px;}
.subList li { float:left; font-size: 11px; line-height: 130%; color: #6f6f6f; }
.subList li:before { content:">"; margin: 0 4px;}
.subList li:first-child { background: url(/mobile/eng/img/sub/subTitelHome.gif) no-repeat; font-size: 0px; width:13px; height: 12px ;}


/* greeting 본문 */
.greetingText { width: 100%; overflow: hidden; } 
.greetingText img { width: 54.7%; overflow: hidden; margin: 0 18.2%;}
.greetingText h4 { font-size: 23px; line-height: 100%; color: #3f3f3f; margin: 42px 0 28px;}
.greetingText h4 > span { color: #00a651; font-size: 24px; padding-top:5px; line-height: 32px; font-weight: bold;}
.greetingText p {  font-family: 'NanumGothic';font-size: 14px; line-height: 24px; color: #666; overflow: hidden; margin-bottom: 20px; word-break: break-all;}
.greetingText > span { font-family: 'NanumGothic';font-size: 13px; float:right; line-height: 100%; color: #333; font-weight: bold; margin-top: 33px; background: url(/mobile/eng/img/sub/mobileGreetingsign.gif) no-repeat right; padding-bottom: 97px;}

/* 회사개요*/

#ccCon > div { width:100%; margin:0 auto; overflow:hidden;  }
#ccCon h3 { position:relative; font-size:30px; line-height:30px; color:#3f3f3f; height:75px; }
#ccCon > div.present {  padding-bottom:30px; }
.present ul { width:100%; margin-top:10px; overflow:hidden; font-family: 'NanumGothic'; }
.present li { width:100%; overflow:hidden; border-bottom:1px dashed #e1e1e1; font-size:14px; padding:13px 0 12px;  }
.present li p { float:left; background:url(/eng/img/sub/bullet_concept.gif) no-repeat left center; text-indent:10px; width:110px; font-weight:600;  line-height:25px;}
.present li span { display:block; float:left; line-height:25px; }

#ccCon > div.bs { margin-top:30px;}
.bs dl { overflow:hidden; width:100%;  }
.bs dl dd { float:left; margin-right:5%; width:154px; height:154px;text-align:center;  line-height:154px;color:#fff; text-shadow: 2px 3px 2px #111; font-weight:bold; font-size:21px;overflow:hidden; margin-bottom:15px; }
.bs dl dd.led {  line-height:154px; background:url(/eng/img/sub/bg_cc_led1.png) no-repeat;  }
.bs dl dd.two { margin-right:0;  line-height:154px;background:url(/eng/img/sub/bg_cc_two1.png) no-repeat; }
.bs dl dd.car {   line-height:154px;background:url(/eng/img/sub/bg_cc_car1.png) no-repeat; }
.bs dl dd.oa {margin-right:0;    background:url(/eng/img/sub/bg_cc_oa1.png) no-repeat; }
.bs dl dd.display {background:url(/eng/img/sub/bg_cc_display1.png) no-repeat; }
.bs dl dd.lgp {margin-right:0;    background:url(/eng/img/sub/bg_cc_lpg.png) no-repeat; }
.bs dl dd.hot { padding-top:50px;  line-height:30px; background:url(/eng/img/sub/bg_cc_hot.png) no-repeat; }


@media screen and (max-width:350px) {
	.bs dl dd { float:left;  width:120px; margin-right:8%; height:120px;text-align:center;  line-height:120px;color:#fff; text-shadow: 2px 1px 1px #111; font-weight:bold; font-size:14px;overflow:hidden; margin-bottom:15px; }
	.bs dl dd.led {  line-height:120px;background:url(/mobile/eng/img/sub/bg_cc_led1.png) no-repeat;  }
	.bs dl dd.two { line-height:120px; margin-right:0;  background:url(/mobile/eng/img/sub/bg_cc_two1.png) no-repeat; }
	.bs dl dd.car {  line-height:120px;  background:url(/mobile/eng/img/sub/bg_cc_car1.png) no-repeat; }
	.bs dl dd.oa { line-height:120px;margin-right:0;    background:url(/mobile/eng/img/sub/bg_cc_oa1.png) no-repeat; }
	.bs dl dd.display { line-height:120px;background:url(/mobile/eng/img/sub/bg_cc_display1.png) no-repeat; }
	.bs dl dd.lgp { line-height:120px;margin-right:0;    background:url(/mobile/eng/img/sub/bg_cc_lpg.png) no-repeat; }
	.bs dl dd.hot { line-height:120px;  line-height:30px; background:url(/mobile/eng/img/sub/bg_cc_hot.png) no-repeat; }
}


/* 회사연혁*/
#hisCon {width:100%;  padding-bottom:50px;}
#hisCon .title {  text-align:left; position:relative; padding-bottom:30px; }
#hisCon .title h3 { font-size:25px; line-height:33px; color:#3f3f3f; font-weight:normal; letter-spacing:-1.5px;
	-webkit-animation: tt1 2s;
	-moz-animation: tt1 2s;
	-o-animation: tt1 2s;
	animation: tt1 2s;
}
#hisCon .title h3 span { color:#00a651; }
#hisCon .title p { margin-top:15px; line-height:24px;  color:#3f3f3f; font-size:16px; 
	-webkit-animation: tt2 1.5s linear;
	-moz-animation: tt2 1.5s linear;
	-o-animation: tt2 1.5s linear;
	animation: tt2 1.5s linear;
}

.hisTabBox { width:100%; margin:15px auto 0; overflow:hidden; font-family: 'NanumGothic'; }

.hisTabBox .tabs { width:100%;  overflow:hidden; margin-bottom:30px; }
.hisTabBox .tabs li {width:49%; font-size:16px; background:#e5e5e5;  margin-bottom:1%; float:left; height:50px; line-height:50px; margin-right:1%; text-align:center; cursor:pointer;}
.hisTabBox .tabs li:hover { background:#1a4385; color:#fff;  font-weight:bold; }
.hisTabBox .tabs li.current { background:#1a4385;  color:#fff; font-weight:bold; }
/*
.hisTabBox h4 { margin:45px auto 0; width:184px; height:184px; line-height:184px; text-align:center; color:#fff; font-size:19px; font-weight:600; background:url(/eng/img/sub/bg_year.png) no-repeat; }
*/
.hisTabBox h4 { width:auto; height:auto; line-height:1.3; /* text-align:center;  */font-size:14px; display: table; font-weight:600; color:#333; padding-bottom: 40px;}
.history { background:url(/eng/img/sub/line_history.gif) repeat-y 43px; width:100%; margin:0 auto; overflow:hidden; padding:10px 0 45px; }
.history > li {margin-top:20px; background:url(/eng/img/sub/dot_history.png) no-repeat; background-position:35px 1px; text-align:left;  }
.history > li .year {font-weight:bold;  color:#5a5a5a; font-size:24px; margin-left:60px;  }
.history > li .hisTxt { width: calc(100% - 60px); margin:10px 0 60px 60px; font-size:13px; }
.history > li .hisTxt li { display: flex; width:100%; margin-top:3px; overflow:hidden; background:url(/eng/img/sub/dot_hisTxt.gif) no-repeat left 9px;} 
.history > li .hisTxt p { float:left; color:#5a5a5a; font-weight:600; width:22px;  padding-left:8px; }
.history > li .hisTxt span { display: inline-block; width: calc(100% - 22px); float:left; }

#group img{width:100%;}

/*Ci*/

#ciCon {overflow:hidden; }
.title_ci {position:relative; text-align:center; }
.title_ci i { position:absolute; left:50%; bottom:0; margin-left:-45px; width:90px; height:1px; text-indent:-9999px; background:#ededed; }
.ciDiv {width:100%;  height:auto; margin-bottom:20px;}
.ciDiv img, .ciDiv > div  {width:100%;}
.ciDiv > div  {margin-top:25px;}
.ciDiv > div > dl , .ciDiv > div > ul {width:100%;}
.ciDiv > div > dl > dt {font-size:24px; color:#333; margin-bottom:20px;}
.ciDiv > div > dl > dd {font-size:14px; color:#666;  line-height:24px; font-family: 'NanumGothic'; }
.ciDiv > div > p {margin-top:22px;}
.ciDiv > div > ul {margin-top:15px; margin-bottom:20px; }
.ciDiv > div > ul > li {float:left; width:48%; height:39px; margin-left:1%; border:1px solid #01a252;text-align:center; }
.ciDiv > div > ul > li:first-child {margin-left:0;}
.ciDiv > div > ul > li > a {display:block;  width:100%; height:100%; font-size:12px; color:#666; line-height:41px; /*background:url(/eng/img/sub/cibtn.gif) no-repeat top center;*/}
.ciDiv > div > ul > li > a > span { }
.ciDiv > div > ul > li > a:hover {color:#fff; line-height:41px;background:#01a252;;}


/*사업장*/
#factoryCon { font-family: 'NanumGothic'; width:100%;}
#factoryCon h3 { position:relative; font-size:22px; line-height:24px; color:#3f3f3f; height:45px; }
.in_fty { width:100%;overflow:hidden; }
.in_fty > img { width:100%;}

.in_fty dl {width:100%;  margin-top:20px; margin-bottom:30px;  overflow:hidden;  }
.in_fty dl dt { width:100%; background:url(/eng/img/sub/line_in_fty.gif) no-repeat bottom; height:32px; font-size:15px; font-weight:600; margin-bottom:25px; }
.in_fty dl dd { font-size:13px; overflow:hidden; line-height:28px; }
.in_fty dl dd p { float:left; width:50px; margin-left:4px;  color:#333; }
.in_fty dl dd span { display:block; float:left; margin-left:15px; }

.out_fty { width:100%;overflow:hidden; margin-bottom:40px;}
.bs_txt {width:100%; line-height:45px;  height:45px; background:#545454; margin-bottom:10px;} 
.bs_txt > h4 { color:#fff; font-size:18px; font-weight:bold; margin-left:15px;}
.out_fty > img {width:100%;}
.out_fty > dl {width:100%; overflow:hidden; margin-top:20px;}
.out_fty > dl > dt {font-size:16px; color:#333;font-weight:bold; margin-bottom:15px;}
.out_fty > dl > dd {font-size:13px; color:#666; line-height:18px; }


.loc > img {width:100%;}

.placeList { margin:20px 0 0 0; width:auto; }
.placeList li { overflow:hidden;margin:15px 0; width:99%; height:auto; box-sizing:border-box; border:1px solid #e4e4e4; border-radius:3px; }
.placeList li > img {width:100%;}
.placeList dt { width:100%; height:45px; background:#f7f7f7; line-height:45px; text-indent:10px; font-weight:700; color:#333; font-size:16px; font-family:"Nanum Gothic"}
.placeList dt a { display:block; float:right; color:#fff; text-align:center; width:50px; height:18px; line-height:18px; background:#00a651; font-size:12px; font-weight:400; text-indent:0; margin:13px 12px 0 0; }
.placeList dd { line-height:19px; font-size:13px; text-indent:12px; padding:15px 0; }
.placeList dd span { color:#333; }
.placeList dd span.tiny_font {font-size:8px ;color:#666;}

.popupSlide { visibility:hidden; position:fixed; top:30%; left:0; width:100%; /*height:330px;*/ background:#545454; border-radius:3px; /* overflow:hidden;  */}
.popupSlide div { width:100%; height:45px; }
.popupSlide h4 { float:left; font-family:"Nanum Square"; color:#fff; font-size:16px; font-weight:bold; padding-left:25px; line-height:45px; }
.popupSlide > div > a { display:block; float:right; width:27px; height:27px; background:url(/kor/img/sub/icon_popup_close.png) no-repeat; font-size:0; margin:9px 15px 0 0; }
.popupSlide > ul, .popupSlide > ul > li { overflow:hidden; width:100%; }
.popupSlide .bx-viewport > ul > li img { width:100%; }
.popupSlide .bx-controls-direction { position:absolute; z-index:99;top:120%; left:0; width:100%;}
.popupSlide .bx-controls-direction a { position:absolute; width:28px; height:53px; display:block; cursor:pointer; text-indent:-9999px; }
.popupSlide .bx-prev { left:15px; background:url(/kor/img/sub/icon_popup_prev.png) no-repeat; }
.popupSlide .bx-next { right:15px; background:url(/kor/img/sub/icon_popup_next.png) no-repeat; }
.poptitle {position:absolute;  z-index:99; bottom:10px; right:10px ; color:#fff; font-size:15px; text-shadow:1px 1px 1px #000;}

/* 2024-07-17 수정 (시작) */

.popup-wrap{ position: relative; margin-top: 20px; }

.location-list *{ line-height: 1.3; box-sizing: border-box; }
.location-list{ margin: 0 auto; }
.location-list li{ border: 1px solid #DDD; }
.location-list li:not(:last-of-type){ margin-bottom: 40px; }
.location-list li figure{ display: inline-block; width: 100%; margin: 0; }
.location-list li figure img{ width: 100%; }
.location-list li dt{ background: #F7F7F7; font-size: 16px; font-weight: 700; color: #333; padding: 12px 20px; padding-right: 90px; position: relative; }
.location-list li dt a{ width: 50px; height: 20px; display: flex; justify-content: center; align-items: center; background: #00A651; font-size: 12px; font-weight: 700; color: #fff; line-height: 1; text-align: center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.location-list li dd{ padding: 20px; }
.location-list li dd p{ font-size: 14px; font-weight: 400; color: #666;  position: relative; padding-left: 8px; letter-spacing: -0.02em; line-height: 1.5; }
.location-list li dd p span{ color: #333; line-height: inherit; }
.location-list li dd p::before{ content: ""; width: 2px; height: 2px; background: #333; border-radius: 50%; position: absolute; top: calc(1.5em / 2); left: 0; transform: translateY(-50%); }
.location-list li dd p.none::before{ display: none; }
.location-list li dd p strong{ font-weight: 700; }

/* 2024-07-17 수정 (끝) */

/*오시는 길*/
.map {width:99%; border:1px solid #b6b6b6; }
.map > div {width:100%; height:202px}

.map_dl{width:100%; margin-top:10px; height:180px; margin-bottom:20px;}
.map_dl > dt {width:100%; font-size:20px; color:#333;  padding-top:20px;  }
.map_dl > dd {width:100%; margin-top:15px;}
.map_dl > dd > ul > li {float:left;  margin-right:26px; line-height:45px; font-size:13px; color:#666; font-family: 'NanumGothic'; }
.map_dl > dd > ul > li.loc_dd {background:url(/mobile/eng/img/sub/loc.gif) no-repeat 0 8px; padding-left:43px; }
.map_dl > dd > ul > li.call_dd {background:url(/mobile/eng/img/sub/call.gif) no-repeat 0 8px; padding-left:43px;}
.map_dl > dd > ul > li.Fax_dd {background:url(/mobile/eng/img/sub/Fax.gif) no-repeat 0 8px; padding-left:43px;}

/* 경영이념 및 비전 */
.vision {width:100%; overflow:hidden;}
.vision_con img {float:left; width:100%; margin-bottom:30px;}
.v_div { width:100%; }
.v_div > dl {width:100%; overflow:hidden; margin-bottom:54px;}
.v_div > dl > dt {font-size:25px; color:#333; margin-bottom:15px; line-height:27px;}
.v_div > dl > dd {font-size:14px; line-height:22px; color:#666; }

.v_title { margin-bottom:20px;  margin-bottom:25px;}
.v_title h3 {color:#3f3f3f; font-size:30px; margin-top:20px; margin-bottom:25px;}

.vision_con table { background:url(/eng/img/sub/line_iden.gif) no-repeat top; padding-top:2px;  width:100%; font-family: 'NanumGothic'; font-size:13px; }
.vision_con table th { border-bottom:1px dotted #e1e1e1; border-right:1px solid #e1e1e1;font-weight:400; padding:16px 0 15px; vertical-align:top; color:#00a651;}
.vision_con table td { border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; color:#333; line-height:22px; text-align:center;}
.vision_con table td ul { text-align:left; margin-left:10px; width:90%; margin-top:10px;}
.vision_con table td ul li{background:url(/eng/img/sub/gray_dia.gif) no-repeat 0 8px; padding-left:8px; font-size:13px;}
.vision_con table td ul li span {display:block; color:#666;}

.vision ul { width:100%; margin-bottom:30px;}
.vision ul li { background:url(/eng/img/sub/gray_dia.gif) no-repeat 0 7px; padding-left:10px; font-size:14px; color:#666px; margin-bottom:15px;}


/* 핵심역량및기술*/
.mvision {width:100%; overflow:hidden;}
.m_title {padding-bottom:30px; margin-bottom:30px;}
.m_title h3 {color:#3f3f3f; font-size:30px; margin-top:10px; }
.mcon {width:100%; overflow:hidden; margin-top:20px; margin-bottom:30px;}
.mcon > div {width:99%; height:180px; border:1px solid #dfdfdf; margin-bottom:20px; }
.mcon > div > h4 {width:100%; height:48px; line-height:48px; text-align:center; color:#fff; font-size:16px; font-weight:bold;}
.mcon > div > ul {padding-left:10px; margin:25px auto; }
.mcon > div > ul > li {font-family: 'NanumGothic'; line-height:20px; background:url(/eng/img/sub/gray_dia.gif) no-repeat 0 8px; padding-left:10px; font-size:14px; margin-bottom:10px;}
.mcon > div > ul > li > span {font-size:14px; color:#999; line-height:16px;}

.mbox1 {margin-right:20px; background:url(/kor/img/sub/m01_n.gif) no-repeat 90% 70px;}
.mbox2 {margin-right:20px; background:url(/eng/img/sub/m02.gif) no-repeat 90% 70px;}
.mbox3 {margin-right:20px; }
.mbox4 {background:url(/eng/img/sub/m04.gif) no-repeat  90% 70px;}
.mbox1 > h4 {background:#4b76ca;}
.mbox2 > h4 {background:#4bb1ca;} 
.mbox3 > h4 {background:#4bcac3;}
.mbox4 > h4 {background:#54b941;} 

.mcon02 {width:100%; overflow:hidden;}
.m2box1 {width:100%; overflow:hidden;}
.m2box1 > h4 {font-size:18px; color:#757575; margin-bottom:15px; font-weight:bold;}
.m2box1 > ul {width:99%; overflow:hidden; border-radius:10px; border:1px solid #d4d4d4; height:153px; margin-bottom:40px; }
.m2box1 > ul > li { margin-left:15px; margin-top:15px;font-family: 'NanumGothic'; line-height:20px; background:url(/eng/img/sub/gray_dia.gif) no-repeat 0 8px; padding-left:10px; font-size:14px; margin-bottom:10px;}


@media screen and (max-width:350px) {
.mcon > div > h4.mboxh4 {line-height:24px;}

}



/*품질/환경방침*/
.policy {width:100%; overflow:hidden;}
.po_title { padding-bottom:30px; margin-bottom:30px;}
.po_title h3 {color:#3f3f3f; font-size:30px; margin-top:20px; }
.po_box {width:99%; border:1px solid #469d51; }
.po_box > p {text-align:center; font-size:15px; color:#666px; line-height:28px; padding:20px; font-family: 'NanumGothic';}
.po_box > p > span {font-weight:600;}
.po_span {color:#acd9bc; font-size:22px; font-family: 'NanumGothic'; }
.po_span2 {color:#b3bed9; font-size:22px;  font-family: 'NanumGothic'; }

.po_box02, .po_box03, .po_box04, .po_box05 {width:100%; height:320px;   margin-bottom:25px; position:relative;}
.po_box02 {background:url(/mobile/eng/img/sub/po01.gif) no-repeat top center;}
.po_box03 {background:url(/mobile/eng/img/sub/po02.gif) no-repeat top center; }
.po_box04 {background:url(/mobile/eng/img/sub/po03.gif) no-repeat top center; height:400px;}
.po_box05 {background:url(/mobile/eng/img/sub/po04.gif) no-repeat top center;}
.po_box02 > dl, .po_box03 > dl, .po_box04 > dl, .po_box05 > dl {position:absolute; width:100%; top:180px; text-align:center;}
.po_box02 > dl > dt, .po_box03 > dl > dt, .po_box04 > dl > dt, .po_box05 > dl > dt {font-size:24px; color:#469d51; margin-bottom:20px; line-height:130%;}
.po_box02 > dl > dd, .po_box03 > dl > dd, .po_box04 > dl > dd, .po_box05 > dl > dd {font-size:15px; color:#666; line-height:23px; font-family: 'NanumGothic'; }
.po_box02 > dl > dd > span, .po_box03 > dl > dd > span, .po_box04 > dl > dd > span, .po_box05 > dl > dd > span {color:#469d51; font-weight:600;}


/* 품질경영*/
.quality {width:100%; overflow:hidden;}
.qu_title { padding-bottom:20px;}
.qu_title h3 {color:#3f3f3f; font-size:22px; }
.quality > p { font-size:14px; margin-top:0px; line-height:22px; margin-bottom:20px; }
.quality > img {width:100%; margin-bottom:30px;}

/*수상 및 인증내역*/
.awards {width:100%; overflow:hidden;}
.aw_title {position:relative; padding-bottom:30px;}
.aw_title h3 {color:#3f3f3f; font-size:30px; line-height:30px; }
.aw_col {width:100%;  margin-bottom:30px;  overflow:hidden; font-family: 'NanumGothic';}
.aw_box {height:220px; width:100%; margin-bottom:20px; }
.aw_box > dl {width:99%; height:206px; text-align:center; border:1px solid #d7d7d7; }
.aw_box > dl > dt {height:155px; line-height:155px;}
.aw_box > dl > dt > img {vertical-align:middle;}
.aw_box > dl > dd {background:#f2f2f2; padding-top:5px; height:45px; color:#666; line-height:20px; font-size:13px; font-family: 'NanumGothic'; }
.aw_box > p  {margin-top:10px; line-height:24px; text-align:center; font-weight:600; font-size:15px; color:#333;}
.aw_box > p > span {color:#666; font-weight:400;}

.confirm {width:100%; overflow:hidden; margin-top:40px;  font-family: 'NanumGothic';}
.confirm > dl {width:48%; float:left; margin-right:3%; text-align:center;margin-bottom:30px;}
.confirm > dl > dt { text-align:center;width:99%; border:1px solid #d7d7d7; text-align:center; }
.confirm > dl > dt > img {vertical-align:middle; width:100%;}
.confirm > dl > dd {font-size:14px; margin-top:10px;text-align:center; width:100%; }

.confirm > table {width:100%;  font-family: 'NanumGothic'; background:url(/eng/img/sub/line_iden.gif) no-repeat top; padding-top:2px;  border-bottom:1px dotted #d7d7d7;}
.confirm > table th {height:55px; font-weight:400; font-size:14px; color:#00a651; border-bottom:1px dotted #d7d7d7; border-right:1px solid #dfdfdf;}
.confirm > table th:last-of-type{ border-right: none; }
.confirm > table td {height:33px; text-align:center; padding:3px; font-size:14px; color:#666;  border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.confirm > table td:last-of-type{ border-right: none; }
.confirm > table td.td_bk {color:#333;}
.green_round {margin:20px auto; background:url(/eng/img/sub/bg_green.gif) repeat-x; width:264px; height:25px; border-radius:60px; text-align:center; }
.green_round > p {font-size:15px; color:#fff; line-height:23px;}


/*지적재산권*/
.tech > p {font-family: 'NanumGothic';  font-size:16px; color:#3f3f3f; text-align:left; line-height:25px;}
.tech > h3 { font-family: 'NanumGothic'; margin-top:5px; font-size:22px; color:#00a651; font-weight:600; line-height:30px;}
.tech img {width:100%; margin:15px auto;}
.tech_con { width:100%; overflow:hidden; margin:15px auto; }
.tech_con > p { font-family: 'NanumGothic';font-size:13px; color:#444; }
.tech p.tech_p {width:49%; float:left; margin-right:1%;}
.tech p.tech_p:last-child {margin-right:0;}

.te_title {position:relative; margin-bottom:20px;}
.te_title h3 {color:#3f3f3f; font-size:30px; margin-top:30px; }


/**/

.caseCon .tabs { margin-bottom:30px; background:url(/eng/img/sub/line_rainbow.gif) repeat-x top; width:100%; overflow:hidden; border-right:1px solid #d6d6d6; }
.caseCon .tabs li { width:49%; border-left:1px solid #d6d6d6; height:47px; line-height:47px; text-align:center; font-size:14px; float:left; text-align:center; cursor:pointer; }
.caseCon .tabs li:hover { color:#02a154; font-weight:bold; }
.caseCon .tabs li.current { color:#02a154; font-weight:bold; }

/*제품소개*/
.product_con {width:100%; overflow:hidden; }
.product_con > p {font-size:14px; color:#666; line-height:24px; font-family: 'NanumGothic'; margin-bottom:30px; }
.pro_title {position:relative;  text-align:center; padding-bottom:30px;}
.pro_title h3 {color:#3f3f3f; font-size:30px; margin-top:20px; }
.pro_view {width:100%; overflow:hidden;  }
.pro_view > h4 {color:#333333; font-size:16px; font-weight:bold; background:url(/eng/img/sub/bl_green.gif) no-repeat 0 2px; padding-left:26px; margin-bottom:10px;}
.pro_view > h4 > span {font-family: 'NanumGothic';}
.pro_view > p {font-size:14px; color:666;font-family: 'NanumGothic'; margin-bottom:20px; line-height:24px; }


.pro_view > dl {width:99%; overflow:hidden; border:1px solid #b6b6b6; margin-bottom:10px;  }
.pro_view > dl > dt > img {vertical-align:middle; }
.pro_view > dl.th_dl {width:99%; height:200px; }
.pro_view > dl.th_dl > dt {height:160px; line-height:160px;}
.pro_view > dl.fr_dl {width:99%; height:200px;}
.pro_view > dl.fr_dl > dt {height:160px; line-height:160px;}

.pro_arrow {width:100%; overflow:hidden; height:27px; line-height:27px; text-align:Center; margin-bottom:10px;  }

.pro_view > dl > dt{text-align:center; height:186px; line-height:186px;}
.pro_view > dl.ddnone > dt {line-height:224px; height:224px;}
.pro_view > dl > dd {background:#f2f2f2; width:100%; height:40px; font-size:13px; font-family: 'NanumGothic';text-align:center; line-height:40px;}
.pro_view > dl > dd > span {color:#999;}

.pro_view > ul > li > img {width:100%;}
.pro_view > ul > li.textli {text-align:center; margin:5px auto; margin-bottom:15px;}

.view_p {text-align:center;}
.green_box {width:99%; background:#f4fbf5; border:1px solid #b5d8b9;  border-radius:3px; margin:15px auto; margin-bottom:30px;}
.green_box > ul { padding:15px;}
.green_box > ul > li {font-size:14px; line-height:22px; color:#666; margin-bottom:10px; font-family: 'NanumGothic';}



.pro_view02 {width:100%; overflow:hidden; }
.pro_view02 > h4 {color:#333333; font-size:18px; font-weight:bold; background:url(/eng/img/sub/bl_green.gif) no-repeat 0 2px; padding-left:26px; margin-bottom:40px;}
.pro_view02 > h4.blue_h4 {background:url(/eng/img/sub/bl_blue.gif) no-repeat 0 2px;}
.pro_view02 > dl {width:30%; height:200px; float:left; margin-right:3%;}
.pro_view02 > dl.lastdl {margin-right:0;}
.pro_view02 > dl > dt > img {width:90%;}
.pro_view02 > dl > dd {font-size:14px; color:#666; margin-top:15px; line-height:20px;  font-family: 'NanumGothic'; text-align:center;}
.pro_view02 > p {text-align:center;}
.pro_view02 > p > img {width:100%; margin-bottom:20px; }


.LEDbox {width:99%; height:540px; position:relative; border:1px solid #d7d7d7;  border-bottom:5px solid #00a651; margin-bottom:20px; overflow:hidden;}
.LEDbox > p img {width:100%;}
.LEDbox dl {margin-top:15px; height:170px;padding:10px;}
.LEDbox dl dt {font-size:20px; color:#00a651; line-height:27px; margin-bottom:5px;}
.LEDbox dl dd {font-size:14px; color:#666; line-height:22px;  font-family: 'NanumGothic';}
.ledbtn {width:191px; height:38px; margin:0 auto; position:absolute; bottom:15px; left:15px; text-align:center; }
.ledbtn a {display:block; width:100%; height:100%; background:url(/eng/img/sub/lbtn.gif) no-repeat top center; }
.ledbtn a:hover {background:url(/eng/img/sub/lbtn_ov.gif) no-repeat top center;}

#carCon > div { width:100%; margin:0 auto; }
#carCon h3 { color:#333; font-size:15px; font-weight:bold; background:url(/eng/img/sub/bl_green.gif) no-repeat 0 5px; padding-left:26px; }
#carCon > div > img { margin-top:40px; width:100%;}
.carList { margin:20px 0 00; width:100%; }
.carList > li { border:1px solid #d7d7d7; border-top:4px solid #00a651; padding-bottom:20px; overflow:hidden; margin-bottom:35px; }
.carList > li h4 { float:left; color:#00a651; font-size:14px; width:100%; margin:20px 0 20px 15px; }
.carList > li > ul { margin:15px auto; }
.carList > li > ul > li { float:left; margin-left:8px; width:30%; }
.carList > li > ul > li > img {width:100%;}



/* 채용정보 */
#hireCon { width:100%; margin:0 auto;  }
#hireCon .title {overflow:hidden; position:relative;  text-align:center;}
#hireCon .title h3 { color:#333; font-size:26px; line-height:38px;}
#hireCon .title h3 span {color:#0bb45f;}
/*
#hireCon .title h3 span.mgn { margin-left:240px; }
#hireCon .title h3 span.point { position:absolute; left:0; }
*/

#hireCon .title a { display:block; margin:15px auto; text-align:left; background:url(/eng/img/sub/icon_download.gif) no-repeat 142px 15px; border:1px solid #666; border-radius:2px; width:171px; height:44px; line-height:44px; text-indent:16px; color:#333; font-size:14px; letter-spacing:-0.5px; }
#hireCon .title p { font-size:12px; color:#999; margin-top:10px; }

#hireCon .title2 { position:relative; overflow:hidden;  }
#hireCon .title2 p { font-family: 'NanumGothic'; font-size:13px; letter-spacing:-0.5px; }
#hireCon .title2 p b { font-weight:600; }
#hireCon .title2 h3 {  line-height:32px; margin-top:10px; font-size:22px; color:#333; }
#hireCon .title2 h3 span {color:#0bb45f;}
#hireCon .title2 a { display:block; margin:15px 0; text-align:left; background:url(/eng/img/sub/icon_download.gif) no-repeat 142px 15px; border:1px solid #666; border-radius:2px; width:171px; height:44px; line-height:44px; text-indent:16px; color:#333; font-size:14px; letter-spacing:-0.5px; }

#hireCon h4 { margin-top:25px; background:url(/eng/img/sub/bullet_sq.gif) no-repeat 0 4px; text-indent:25px; font-weight:600; color:#333; font-size:18px; letter-spacing:-0.5px; }
.pcBox { width:99%; border:1px solid #b6b6b6; margin-top:20px; overflow:hidden; background:#f2f2f2; margin-bottom:25px; }
.pcBox ul { background:#fff; width:100%;overflow:hidden; letter-spacing:-0.5px; padding:15px 0; }
.pcBox li { margin:1%;  float:left; width:48%;  text-align:center;  position:relative;    }
.pcBox li:first-child { padding-left:0; background:none; }
.pcBox li img {width:100%;  }
.pcBox li > p { text-align:center; font-size:15px; margin-top:15px; font-family: 'NanumGothic'; margin-bottom:15px; }
.pcBox > p { line-height:22px; margin-left:10px;}


#joinCon { width:100%;  position:relative; overflow:hidden; }
#joinCon h3 {  margin-top:25px; background:url(/eng/img/sub/bullet_sq.gif) no-repeat 0 4px; text-indent:25px; font-weight:600; color:#333; font-size:18px; letter-spacing:-0.5px; }
#joinCon h3.first { margin-top:0px; }
.rank { width:100%; overflow:hidden; margin:20px auto; }
.rank li { float:left; width:137px; padding-left:37.2px; background:url(/eng/img/sub/bullet_rank.gif) no-repeat 10px 53px; text-align:center; }
.rank li:first-child { padding-left:0; background:none; }
.rank li div { height:132px; width:137px; overflow:hidden; background:url(/eng/img/sub/bg_rank.gif) no-repeat; }
.rank li.last div { background:url(/eng/img/sub/bg_rank_last.gif) no-repeat; }
.rank li div p { font-size:33px; letter-spacing:-.5px; line-height:38px; margin:17px 0 0 -4px; }
.rank li div p span { display:block; font-size:18px; color:#999; }
.rank li.last div p { color:#fff; margin-top:48px; }

.payBox { width:99%;  margin-top:15px; overflow:hidden; }
.payTxt { border:1px solid #ededed; background:#fafafa; border-radius:3px; padding:15px; overflow:hidden; font-family: 'NanumGothic';  }
.payTxt li { font-size:14px; line-height:22px;}
.payTxt li span {font-weight:900; color:#189fed; font-size:20px; line-height:28px;}

.payBox .graph { width:100%; margin:20px 0; overflow:hidden;  overflow:hidden;  }
.payBox .graph li { width:100%; height:120px; }
.payBox .graph li.blue > div {float:left; width:30%; height:120px;}
.payBox .graph li.blue > div p.g_circle { height:100%;  width:100%;}
.payBox .graph li.blue > div p.g_circle>img{width:100%}
.payBox .graph li.blue > .g_txt  {float:left; height:100%;  width:66%;margin-left:4%; display: table; }
.payBox .graph li.blue > .g_txt p { font-size:14px; display:table-cell; vertical-align: middle;  }

.benefit { width:100%; overflow:hidden; margin-top:25px; font-family: 'NanumGothic'; }
.benefit li {  width:100%; height:85px; margin-bottom:40px; }
.benefit li img { float:left; width:25%; margin-right:5%;}
.benefit li dl { height:85px;  float:left; width:70%;}
.benefit li dt { font-size:15px; font-weight:600; }
.benefit li dd { color:#999; font-size:14px; margin-top:10px; }

/*고객문의 테이블*/
.r_table {width:100%; border-top:2px solid #808080; margin-top:20px; font-family: 'NanumGothic';}
.r_table th {height:30px; background:#f6f6f6; color:#333; border-right:1px solid #d7d7d7;}
.r_table td {height:30px; line-height:20px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:5px;text-align:center;}
.r_table th:last-child, .r_table td:last-child {border-right:none;}
.center_td { padding-left:0;}