@charset "utf-8";
.contentsTit h1{font-size:40px;color:#333;font-family: "NGothic";letter-spacing:-3px }
/* layout */
.bgTop, .utilLink a {
	background-color: #008850;
	color: #fff;
}
.utilLink li {border-right: 1px solid #007444;}
.utilLink li:first-child {border-left: 1px solid #007444;}


/* Investors 노출시
.gnb {
	padding-left: 266px;
	width: 694px;
}*/
/*20161105*/

/* =========================
   0) 공통
========================= */
:root{
  --header-inner: 960px;      /* 사이트 고정 폭이면 960 유지 */
  --logo-area: 330px;         /* ✅ 로고 영역 폭(로고+텍스트 끝) */
  --subimg-area: 250px;       /* ✅ 서브메뉴 왼쪽 이미지 영역 폭 */
  --gnb-pad-x: 25px;		  /* ✅ 1depth/2depth가 같이 움직임 */
  --shadow-default: 0px 4px 7px rgba(0, 0, 0, 0.2);   /* GNB 사업 - 쉐도우 */
}


/* =========================
   1) 1depth: 로고 제외 폭 안에 균등 배치
========================= */
.gnbInner{
    position:relative;
    width:960px;
    margin:0 auto;
}
.gnb{
  /* 기존 padding-left/width 무력화 */
  /* padding-left: 0 !important;
  width: 574px; */

  /* “헤더 고정폭 960” 기준이면 아래 방식이 가장 안정적 */
  /* max-width: calc(var(--header-inner) - 210px) !important;
  width: calc(100% - var(--logo-area)) !important; */

  /* margin-left: 388px !important; */
  padding-left:0 !important;
  width:auto !important;
  box-sizing: border-box;

  /* display: grid !important;
  grid-template-columns: 1fr 1.35fr 1fr 1fr 1fr 1fr 1fr; ✅ 2번째만 확장 */

  display:flex;
  justify-content: flex-end;
}

/* 1depth는 가운데 정렬 대신, 동일한 좌측 시작점 */
.gnb > li > a{
  text-align: left !important;
  padding-left: var(--gnb-pad-x) !important;
  padding-right: var(--gnb-pad-x) !important;
  white-space: nowrap; /* ✅ 줄바꿈 방지 */
  font-size:18px;
  font-weight: bold;
  color:#000;
}

/* 글자 긴 메뉴만 여백 줄이기(지속가능경영) */
.gnb > li:nth-child(2) > a{
  letter-spacing: -0.5px;
}

/* =========================
   2) 서브메뉴 배경(왼쪽 이미지) 겹침 방지
   - 배경이미지를 ::before로 빼서 z-index로 분리
   - 텍스트는 padding-left로 이미지 영역 이후부터 시작
========================= */
.bgGnbSub,
.gnbSubArea{
  height: 249px;
  background-color: #FDFAF5;
}

/* 기존 background 제거하고 레이어 분리 */
.gnbSubArea{
  position: relative;
  overflow: hidden;
  background: none !important;
  box-sizing: border-box;

  /* ✅ 텍스트 시작점을 이미지 영역 이후로 */
  padding-left: var(--subimg-area);
}

/* 왼쪽 이미지 레이어(텍스트 아래) */
.gnbSubArea::before{
  content:"";
  position:absolute;
  left: -26px;
  width: calc(var(--subimg-area) - 10px);
  height: calc(250px);
  background: url("../images/bg_lifescience_gnbsub.png") no-repeat left top;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}

/* 서브메뉴 텍스트는 위 레이어 */
.gnbSubArea *{
  position: relative;
  z-index: 1;
}

/* =========================
   3) 2depth: 상단 여백 제거 + 높이 틀어짐 방지
========================= */
/* ul 기본 margin/padding 제거(이미 했더라도 강제) */
.gnbSubArea ul,
.gnbSubMenu{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

/* 각 1depth 칸 아래에만 뜨게 */
.gnb > li{
  position: relative;
}

/* 기존 left로 밀던 gnbSubXX 무력화 */
.gnbSub01,.gnbSub02,.gnbSub03,.gnbSub04,.gnbSub05,.gnbSub06,.gnbSub07{
  left: auto !important;
  width: auto !important;
}

/* 기존 left:22px 제거하고 0으로 */
.gnb > li > ul.gnbSubMenu{
  left: 0 !important;         /* ✅ 칸의 시작(=li 시작) */
  padding-left: 0 !important; /* ✅ ul 자체엔 패딩 없음 */
}

/* 2depth 링크를 1depth 첫 글자 시작점과 동일하게 */
.gnb > li > ul.gnbSubMenu > li > a{
  padding-left: var(--gnb-pad-x) !important;
  padding-right: var(--gnb-pad-x) !important;
  text-align: left !important;
}


/* .gnb {
	padding-left: 317px;
	width: 643px;
}
.gnb a {padding: 0 30px;}
.gnbSubMenu a {
	padding: 8px 0 8px;
	color: #333;
}
.bgGnbSub, .gnbSubArea {
	height: 250px;
	background-color: #FDFAF5;
}
.gnbSubArea {background: url("../images/bg_pharma_gnbsub.png") no-repeat 10px center;}
.gnbSub01 {left: 346px;}
.gnbSub02 {left: 485px;}
.gnbSub03 {left: 612px;}
.gnbSub04 {left: 710px;}
.gnbSub05 {left: 845px;} */
/*.gnb {
	padding-left: 535px;
	width: 694px;
}
.gnb a {padding: 0 40px;}
.gnb li:first-child a {padding-left: 0;}
.gnb li.last a {padding-right: 0;}
.gnbSubMenu a {
	padding: 8px 0 8px;
	color: #333;
}
.bgGnbSub, .gnbSubArea {
	height: 248px;
	background-color: #FDFAF5;
}
.gnbSubArea {background: url("../images/bg_lifescience_gnbsub.png") no-repeat 16px top;}

.gnbSub01 {left: 266px;}
.gnbSub02 {left: 425px;}
.gnbSub03 {left: 567px;}
.gnbSub04 {left: 688px;}
.gnbSub05 {left: 842px;}*/
/* Investors 비노출시
.gnbSub01 {left: 534px;}
.gnbSub02 {left: 693px;}
.gnbSub03 {left: 838px;}
.gnbSub05 {left: 956px;}*/
/*//20161105*/



.lnbMenu a {font-size: 13px;}
.lnbMenu .current {
	background-color: #f8f8f8;
	background-image: url("../images/bg_lnb_on.png");
	color: #333;
}
.lnbMenu li {line-height: 1.5;}
.lnbMenu .lnbSubMenu li {line-height: 1;}
.familySite {right: 2px;}

.footerInfo{
  /* 로고 배경 */
  background-image:url("../images/../images/logo_lifescience.png");
  background-repeat:no-repeat;
  background-position:right center;

  /* footer 영역 확보 */
  min-height:90px;          /* ✅ 높이 있어야 middle 정렬이 의미 있음 */
  padding:18px 220px 18px 0px; /* ✅ 오른쪽 로고 공간 확보(220은 로고 폭에 맞춰 조절) */

  /* 텍스트 세로 가운데 */
  display:flex;
  align-items:center;       /* ✅ middle */
  box-sizing:border-box;
}

.footerInfo address{
  margin:0;
  font-style:normal;
  line-height:1.6;
}

.paginate strong {color: #333;}

/* common */
p {line-height: 1.45;}
.pointColor, .pointTxtTit02, .pointTxtTit {color: #008850;}
.pointTxtTit.blue{
    color:#4783C1;
}
.tblTit {
	color: #008850;
	text-align: left;
}
.txtTit {background-image: url("../images/bg_txttit.gif");}
.dataTbl thead th {background: #f0ffff;}
.posterNav .prev, .posterNav .next {background-position: -5% -170px;}
.posterNav .next {background-position: -5% -210px;}


.subTit{
    position:relative;
    padding-left:15px;
    font-size:18px;
    line-height: 24px;
    
}
.subTit::before{
    content:'';
    display: block;
    position:absolute;
    top:0;
    left:0;
    width:4px;
    height:24px;
}

.subTit.blue{
    color:#4783c1;
}

.subTit.blue::before{
    background-color: #4783c1;
}

.subTit.teal{
    color:#248589;
}

.subTit.teal::before{
    background-color: #248589;
}

.subTit.green{
    color:#008850;
}

.subTit.green::before{
    background-color: #008850;
}
.subTit + .subsTxt{
    margin-top:8px;
    margin-bottom:24px;
    padding-left:15px;
}


.subTit02{
    margin-bottom:15px;
    font-size:14px;
    line-height: 21px;
    font-weight: bold;
}
.subTit02.blue{
    color:#4783c1;
}
.subTit02.teal{
    color:#248589;
}
.subTit02.green{
    color:#008850;
}
.subsTxt{
    word-break: keep-all;
}

.sub_section .subTit02{
    padding:0 15px;
}

/* main */
.popzone {
	min-height: 150px;
	background: #008850;
}
.popzoneCont {
	position: relative;
	width: 960px;
	min-height: 100px;
	padding: 15px 0 35px;
	margin: 0 auto;
}
.popzoneCont a {display: inline-block;}
.popzoneCont a.popfirst {margin-right: 76px;}
.popzoneClose {
	position: absolute;
	right: 0;
	bottom: 10px;
}
.popzoneClose input, .popzoneClose label, .popzoneClose img {vertical-align: middle;}
.popzoneClose label {
	margin-right: 5px;
	color: #004b85;
	font-size: 12px;
}
.mainContainer {height: 875px;}
.mainVisual, .mainCont, .lastMainCont {
	float: left;
	border: solid #d1d3d4;
}
.mainVisual {
	position: relative;
	width: 588px;
	height: 875px;
	border-width: 0 1px 0 1px;
}
.mainSlide {position: relative;}
.visualImg {
	position: absolute;
	top: 0;
	left: 0;
	width: 588px;
	height: 875px;
}
.pageControl {
	overflow: hidden;
	position: absolute;
	top: 25px;
	right: 22px;
	z-index: 10;
}
.pageControl a {
	float: left;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	text-indent: -9999em;
	font-size: 0;
	background:url("../images/btn_slidecontrol.png") no-repeat left top;
}
.pageControl .pageThum {background-position: left top;}
.pageControl .pageThum.active {
	width: 20px;
	height: 11px;
	background-position: left -12px;
}
.pageControl .play {background-position: left -37px;}
.pageControl .stop {background-position: left -24px;}
.play, .stop {display: none;}
.visualIcon01, .visualIcon02, .visualTxt {position: absolute;}
.visualTxt {
	top: 153px;
	left: 72px;
}
.visualTxt.txt{
    max-width: 500px;
    font-size:26px;
    word-break: keep-all;
    color:#000;
}
.visualTxt.txt b{
    color:#2e528a;
    font-weight: normal;
}

#slideItem01 .visualIcon01 {
	top: 624px;
	left: 0;
}
#slideItem01 .visualIcon02 {
	top: 703px;
	left: 120px;
}
#slideItem02 .visualIcon01 {
	top: 234px;
	right: 0;
}
#slideItem02 .visualIcon02 {
	top: 614px;
	left: 263px;
}
#slideItem03 .visualIcon01 {
	top: 425px;
	left: 25px;
}
#slideItem03 .visualIcon02 {
	top: 557px;
	left: 170px;
}
.mainCont, .lastMainCont {
	width: 319px;
	padding: 25px;
	border-width: 0 1px 1px 0;
}
.lastMainCont {
	zoom: 1;
	height: 75px;
	border-width: 0 1px 0 0;
}
.lastMainCont:after {
	display: block;
	clear: both;
	content: '';
}
.mainCont h2, .lastMainCont h2 {
	margin-bottom: 25px;
	color: #333;
	font-weight: normal;
	font-size: 17px;
	font-family: "NGothicBold";
}
.mainSearch {
	zoom: 1;
	height: 75px;
	background: #f8f8f8;
}
.mainSearch:after {
	display: block;
	clear: both;
	content: '';
}
.mainSearch input[type="text"] {
	float: left;
	width: 267px;
	height: 15px;
	padding: 6px 10px 7px;
}
.mainSearch input[type="submit"] {
	float: left;
	width: 30px;
	height: 30px;
	background: url("../images/btn_main_search.gif") no-repeat left top;
	text-indent: -9999em;
	font-size: 0;
}
.productLink {
	position: relative;
	zoom: 1;
	width: 369px;
	padding: 0;
	background: url("../images/bg_productlink_202602.jpg") no-repeat right bottom;
}
.productLink:after {
	display: block;
	clear: both;
	content: '';
}
.productLink h2 {
	width: 170px;
	height: 188px;
	margin: 25px 0 0 25px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #008850;
}
.productLink ul {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 70px;
	padding-top:21px;
	background: #008850;
}
.productLink li {padding: 0 20px;}
.productLink a {
	display: inline-block;
	height: 12px;
	padding: 5px 10px 5px 0;
	color: #fff;
	font-size: 12px;
}
.productLink a:hover, .productLink a:active, .productLink a:focus {
	text-decoration: underline;
	background: url("../images/arr_product.png") right 10px no-repeat;
}
.investInfo {
	overflow: hidden;
	position: relative;
	height: 87px;
	margin-top: -10px;
}
.investInfo ul {clear: both;}
.investInfo li {
	padding-top: 5px;
	font-size: 12px;
}
.investInfo li span {
	margin-left: 3px;
	color: #333;
	font-family: "NGothicBold";
}
.investInfo strong {
	position: absolute;
	top: 7px;
	right: 0;
	color: #333;
	font-size: 26px;
}
.investInfo a {
	float: left;
	width: 134px;
	margin: 12px 0 0 3px;
	padding: 8px 12px 10px;
	background: url("../images/bg_btn_invest.png") no-repeat left top;
	color: #58595b;
	font-size: 12px;
	font-family: "NGothicBold";
}
.investInfo .firstInvest {margin-left: 0;}
.lastMainCont {
	zoom: 1;
	height: 100px;
	padding: 24px 25px 10px 25px;
	border-width: 0 1px 0 0;
}
.lastMainCont:after {
	display: block;
	clear: both;
	content: '';
}
.lastMainCont h2 {
	margin-bottom: 25px;
	color: #333;
	font-weight: normal;
	font-size: 17px;
	font-family: "NGothicBold";
}
.mainLink {zoom: 1;}
.mainLink:after {
	display: block;
	clear: both;
	content: '';
}
.mainLink a, .mainLink .customerCont {float: left;}
.mainLink {position:relative;width:100%;text-align:center;zoom: 1;}
.mainLink:after {
	display: block;
	clear: both;
	content: '';
}
/* .mainLink li, .mainLink a {float: left;} */
.mainLink li {display:inline-block;width:30%;vertical-align:top}
.mainLink li a{display:block}
.mainLink li:first-child {padding-left: 0;}
.mainLink a {
	width: 79px;
	padding-top: 55px;
	background: url("../images/bg_main_link.png") no-repeat 23px top;
	font-family: "NGothicBold";
	text-align: center;
}
.mainLink .mainLink02 {background-position: -63px top;}
.mainLink .mainLink03 {background-position: -152px top;}
.mainLink .mainLink04 {background-position: -235px top;}
.mainCont.lifeMore {
	width: 294px;
	padding-right: 50px;
	padding-bottom: 155px;
	background: url("../images/bg_lifemore.jpg") 175px 135px no-repeat;
}
.mainCont.lifeMore p {margin-bottom: 18px;}
.mainCont.lifeMore a {
	padding: 3px 31px 3px 8px;
	border: 1px solid #008850;
	color: #008850;
	font-size: 12px;
	background: url("../images/ico_arrow_02.gif") 95px center no-repeat;
}
.mainCont.djBanner {
	padding: 25px 25px;
	/* background: url("../images/bg_djbanner.jpg") 20px center no-repeat; */
	background: url("../images/bg_djbanner_new.jpg") 20px center no-repeat;
}
.mainCont.djBanner a {
	display: block;
	padding: 15px 0 20px 140px;
	font-weight: bold;
}
/* intro */
.greetingCont {position: relative;}
.greetingImg {
	position: absolute;
	top: 40px;
	left: 0;
}
.ceoTit {padding-left: 345px;}
.greeting {
	letter-spacing:-0.02em;
	font-size: 13px;
	line-height: 1.65;
}
.greeting .txtTit {font-weight: normal;
	font-family: "NGothicBold";
}
.greeting p {margin-bottom: 20px;}
.greetingFirst {margin: 0 0 55px 345px;}
.greetingFirst p {margin-top: 20px;}
.greetingSecond {margin-top: -30px;}
.greetingSecond h3 {font-size: 15px;}
.greetingSign {text-align: right;}
.greetingSign p {margin-bottom: 15px;}



.introCeo {
	margin-bottom: 20px;
	padding: 20px 0 15px 14px;
	width: 714px;
	border:1px solid #ccc;
	zoom: 1;
}
.introCeo:after {
	display: block;
	clear: both;
	content: "";
}
/*.introCeo:first-child {
	padding: 20px 0 15px 0;
	border: none;
}*/
.introCeo:first-child img {border: 1px solid #ccc;}
.imgCeo {
	float: left;
	margin-right: 20px;
	text-align: center;
	min-width: 165px;
}
.imgCeo p {
	margin-top: 10px;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicbold";
}
.imgCeo .txtSub {
	color: #666;
	font-weight: normal;
	font-size: 12px;
}
.careerCeo {
	float: left;
	width:500px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.careerCeo li {line-height: 1.65;word-break:keep-all}
.txtCareer {
	display: block;
	padding-left: 64px;
}
.companyIntro01, .companyIntro02 {
	margin-top: 25px; padding-bottom: 25px;
	zoom: 1;
	border-bottom: 1px solid #ededed;
}
.companyIntro01:after {
	display: block;
	clear: both;
	content: '';
}
.companyIntro01 img, .companyIntro01 h3, .companyIntro01 p {float: left;}
.companyIntro01 h3, .companyIntro01 p {width: 400px;}
.companyIntro01 img {margin-right: 30px;}
.companyIntro01 p {padding-top: 10px;}
.companyIntro02:after {
	display: block;
	clear: both;
	content:'';
}
.companyIntro02 img {
	float: right;
	margin-left: 30px;
	vertical-align: top;
}
.companyIntro02 p, .companyIntro02 h3 {
	float: left;
	width: 420px;
}
.companyIntro02 p {padding-top: 10px;}
.companyIntro01 h3, .companyIntro02 h3  {
	/*padding-top: 15px;*/
	/*color: #333;*/
	/*font-weight: normal;*/
	font-size: 15px;
	font-family: "NGothicBold";
}
.exportInfoTbl {margin-top: 30px;}
.exportInfoTbl td {text-align: left;}
.licenseIn {position: relative;}
.update {
	position: absolute;
	top: 0;
	right: 0;
	color: #767676;
	font-size: 12px;
}
.missionCont {text-align: center;}
.missionCont h3 {
	padding: 40px 0 10px;
	font-weight:bold;
	font-size:26px;
	color: #237dc9;
}
.missionCont img {
	display: block;
	width: 730px;
	height: 510px;
}
.missionEnTit {font-family: "NGothicBold";}
.missionText {padding: 30px 0 25px;}
.missionValue {
	margin: 20px auto 0;
	width: 720px;
	zoom: 1;
}
.missionValue:after {
	display: block;
	clear: both;
	content: '';
}
.missionValue div {
	position: relative;
	float: left;
	padding-left: 90px;
	height: 133px;
	width: 149px;
	border-left: 1px solid #e5e5e5;
	text-align: left;
	letter-spacing: -0.05em;
}
.missionValue div:first-child {border-left: 0;}
.missionValue h4 {
	padding: 17px 0 7px;
	color: #494949;
	font-size: 14px;
}
.missionValue p {padding-bottom: 20px;}
.missionValue div {background: url("../images/bg_mission.png") no-repeat 19px 50%;}
.missionValue .value2 {background-position: -221px 50%;}
.missionValue .value3 {background-position: -471px 50%;}
.visionCont {
	position: relative;
	margin-top: 40px;
	width: 730px;
	height: 660px;
	background: url("../images/bg_vision.png") no-repeat;
	text-align: center;
}
.visionCont div {
	position: absolute;
	top: 65px;
	left: 240px;
	width: 250px;
	text-align: center;
}
.visionCont div h3 {padding-bottom: 13px;}
.visionCont .visionItem2, .visionCont .visionItem3 {top: 280px;}
.visionCont .visionItem2 {left: 23px;}
.visionCont .visionItem3 {left: 455px;}
.visionText {padding-top: 577px;}
.htyList {
	padding: 30px 0 0 220px;
	background: url("../images/bg_historylist.jpg") no-repeat left 3px;
}
.htyList > li {
	margin-top: -6px;
	overflow: hidden;
	font-family: arial;
}
.htyList > li:first-child {margin-top: 0;}
.htyList strong, .htyList li ul {padding-top: 21px;}
.htyList li:first-child ul, .htyList li:first-child strong {padding-top: 5px;}
.htyList strong {
	float: left;
	padding-right: 15px;
	color: #333;
	font-size: 15px;
	line-height: 22px;
}
.htyList li ul {
	float: left;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.htyList li li {
	position: relative;
	padding-left: 35px;
	line-height: 22px;
	vertical-align: top;
}
.htyList li li:first-child {padding-top: 0;}
.htyList li li > em {
	position: absolute;
	left: 0;
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.txtCiFirst {
	font-weight: normal;
	font-family: "NGothicBold";
	margin: 7px 0px;
}
.wordMarkImg {margin: 30px 0 42px;}
.ciColor {
	overflow: hidden;
	margin: 20px 0 40px;
}
.ciColor h4, .ciColor ul {color: #333;}
.ciColor h4 {
	margin-bottom: 14px;
	font-weight: normal;
	font-family: "NGothicBold";
}
.ciColor div {
	float: left;
	width: 230px;
}
.ciColor li {margin-top: 10px;}
.lightBlue {
	margin: 0 9px;
	padding: 0 10px;
	border: solid #e5e5e5;
	border-width: 0 1px 0 1px;
}
.ciDown {
	margin-top: 10px;
	padding: 16px 22px;
	border: 1px solid #e5e5e5;
}
.ciDown h3, .ciDown img, .ciDown a {vertical-align: middle;}
.ciDown {overflow: hidden;}
.ciDown h3, .ciDown div {float: left;}
.ciDown h3 {
	width: 160px;
	margin-top: 5px;
	color: #333;
}
.ciDown div {width: 180px;}
.ciDonw .ciDown01 {width: 145px}
.ciDown a {float: right;}
.ciDown .btnDown {width: 95px;}
.jwgroup {background-image: url("../images/bg_tit_intro.jpg");}
.overviewImg {padding-top: 48px;}
.djWorldmap {
	padding: 178px 54px 81px 53px;
	background: url("../images/bg_dangjin_wordmap.jpg") 0 0 no-repeat;
}
.djWorldmap h3 {
	padding-bottom: 58px;
	text-align: center;
	font-size: 19px;
	line-height: 23px;
	color: #fff;
}
.djWorldmap h3 > span {font-weight: normal;}
.djWorldmap > ul {overflow: hidden;}
.djWorldmap > ul > li {
	float: left;
	margin: 8px 0 0 13px;
	width: 199px;
}
.djWorldmap > ul > li:first-child {margin: 0;}
.djWorldmap > ul > li strong {
	display: block;
	margin-bottom: 24px;
	font-size: 15px;
	color: #004b2c;
	text-align: center;
}
.djWorldmap > ul > li:first-child strong {margin-bottom: 17px;}
.djWorldmap > ul > li > ul {margin-left: 20px;}
.djWorldmap > ul > li > ul > li {
	position: relative;
	padding: 0 10px 5px;
	line-height: 17px;
}
.djWorldmap > ul > li > ul > li:before {
	position: absolute;
	left: 0;
	top: 8px;
	display: block;
	width: 4px;
	height: 4px;
	background-color: #333;
	border-radius: 4px;
	content: "";
}
.djFactoryView {
	padding: 192px 0 40px;
	/* background: url("../images/bg_djfactory_view.jpg") center top no-repeat; */ 
	background: url("../images/bg_djfactory_view_new.jpg") center top no-repeat;
}
.djFactoryView > ul {
	padding: 20px 28px;
	border: 1px solid #ccc;
}
.djFactoryView > ul li {line-height: 21px;}
.djFactoryView > ul li > strong {
	display: inline-block;
	width: 93px;
}
.djFactoryView > ul li > span {
	display: inline-block;
	width: 73px;
	padding-right: 15px;
	margin-right: 12px;
	background: url("../images/ico_arrow.gif") center right no-repeat;
}
.djFactoryAuto {
	padding: 90px 0 40px;
	background: url("../images/bg_djfactory_auto.jpg") 0 top no-repeat;
}
.djFactoryAuto h4 {
	text-align: center;
	font-size: 15px;
}
.djFactoryAuto ul {
	overflow: hidden;
	padding: 130px 0 0 3px;
}
.djFactoryAuto ul > li {
	float: left;
	width: 96px;
	margin-left: 30px;
	text-align: center;
}
.djFactoryAuto ul > li:first-child {margin-left: 0}
.fieldList {
	overflow: hidden;
	margin-left: -20px;
	padding: 2px 0 20px;
}
.fieldList div {
	position: relative;
	float: left;
	height: 260px;
	width: 313px;
	margin: 0 0 20px 20px;
	padding: 28px 20px;
	border: 1px solid #e5e5e5;
}
.fieldList em {
	color: #000;
	font-family: "NGothicBold";
}
.fieldList p {letter-spacing: -0.02em;}
.jwpharma {background: url("../images/bg_field_item01.jpg") no-repeat;}
.jwmedical {background: url("../images/bg_field_item02.jpg") no-repeat;}
.fieldList .jwindustri {
	height: 184px;
	margin-bottom: 0;
	background: url("../images/bg_field_item03.jpg") no-repeat;
}
.fieldList h3 {
	padding-bottom: 25px;
	text-align: center;
}
.jwindustri h3 {padding-bottom: 31px;}
.fieldList .pointColor {font-family: "NGothicBold";}
.btnField {
	display: inline-block;
	position: absolute;
	bottom: 25px;
	left: 20px;
	margin-top: 10px;
	padding-right: 20px;
	background: url("../images/bg_btn_bul.png") no-repeat right 50%;
	font-size: 12px;
}
.btnField:hover {text-decoration: underline;}
.jwTheriac .btnField {margin-top: 27px;}

/* product */
.fluidIntro {
	padding-left: 348px;
	background: url("../images/bg_fluidintro.jpg") 0 0 no-repeat;
}
.fluidIntro h2 {line-height: 26px;}
.fluidIntro p {
	padding: 65px 59px 77px 0;
	font-size: 15px;
	line-height: 21px;
}
.fluidType {padding: 35px 0 15px;}
.fluidType ul > li {
	position: relative;
	min-height: 130px;
	padding: 25px 0 25px 130px;
	border-top: 1px solid #e5e5e5;
	line-height: 1.65;
	background: url("../images/bg_fluidtype.gif") 0 28px no-repeat;
}
.fluidType ul > li:first-child {border-top: 0;}
.fluidType ul > li strong {
	position: absolute;
	top: 67px;
	left: 25px;
	font-size: 15px;
	text-align: center;
	color: #008850;
}
.fluidType ul > li:first-child strong {
	left: 23px;
	top: 81px;
}
.fluidRoute {margin-top: 20px;}
.fluidStory {
	margin-top: 35px;
	padding: 30px;
	border: 5px solid #008850;
	background: url("../images/bg_fluidstory.jpg") right top no-repeat;
}
.fluidStory h3 {
	font-size: 19px;
	color: #008850;
	margin-bottom: 15px;
}
.fluidStory p {
	width: 415px;
	color: #008850;
}
.fluidStory h4 {margin: 25px 0 10px;}
.fluidStory ul li a:hover, .fluidStory ul li a:focus {text-decoration: underline;}
.pdSch {
	margin-bottom: 20px;
	padding: 20px;
	border: solid #e5e5e5;
	border-width: 1px 1px 4px;
	background-color: #f8f8f8;
	zoom: 1;
}
.pdSch:after {
	display: block;
	clear: both;
	content: '';
}
.pdSch p {
	padding-left: 10px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat left -245px;
	color: #333;
}
.initialSch {
	margin-bottom: 15px;
	padding: 16px 0 11px;
	border-bottom: 1px dashed #7e7e7e;
	zoom: 1;
}
.initialSch:after {
	display: block;
	clear: both;
	content: '';
}
.initialSch a, .btnSearch, .pdSchBar {float: left;}
.initialSch a {
	margin: 0 5px 5px 0;
	padding: 7px 0 8px;
	width: 30px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	text-align: center;
}
.initialSch .current {
	border: 1px solid #58595b;
	background-color: #58595b;
	color: #fff;
}
.pdSchBar {
	margin-right: 5px;
	width: 600px;
	height: 22px;
}
.btnSearch {
	width: 32px;
	height: 32px;
	background: url("../../../../global/images/bg_btntype.png") no-repeat left -132px;
	text-indent: -999em;
	font-size: 0;
	line-height: 0;
}
.effectSch {margin-top: -10px;}
.effectSch li {
	float: left;
	margin-top: 10px;
	width: 164px;
}
.effectSch a:hover, .effectSch .current {text-decoration: underline;}
.productList li {height: 120px;}
.productList img {
	width: 118px;
	height: 118px;
	border: 1px solid #efefef;
}
.productList .title, .productList ul {width: 207px;}
.productList ul {padding-left: 15px;}
.productList .title {
	padding: 25px 0 10px 15px;
	color: #333;
	font-size: 15px;
}
.productList a:hover .title {color: #333;}
.productList a:hover img {border-color: #c1c1c1;}
.productList ul li {
	padding: 0 0 0 10px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat left -270px;
}

/* product view */
.productView {zoom: 1;}
.productView:after {
	display: block;
	clear: both;
	content: '';
}
.productTit {
	position: absolute;
	left: -9999em;
	visibility: hidden;
	width: 1px;
	height: 1px;
}
.productTbl {
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
.productTbl th, .productTbl td {padding: 13px 15px;}
.productTbl th {
	background-color: #f7f7f7;
	color: #666;
}
.productTbl td {
	color: #747474;
	text-align: left;
}
.productTbl td strong {
	color: #494949;
	font-size: 14px;
}
.productTbl .productName, .productTbl td {
	background-color: transparent;
	color: #747474;
	text-align: left;
	word-break: break-all;
}
.productTbl .productName {
	color: #494949;
	font-family: "NGothicBold";
	font-size: 14px;
}
.productImg, .pdDetailImg,
.pdImgList, .pdImgList li, .pdImgList li a  {float: left;}
.productImg {width: 50%;}
.pdDetailImg {
	width: 363px;
	height: 361px;
	border: 1px solid #ccc;
}
.pdImgList li {
	margin-left: 6px;
	border: 1px solid #ccc;
}
.pdImgList li:first-child {margin-left: 0;}
.pdImgList .current, .pdImgList li:hover {border-color: #999;}
.pdImgList li img {
	width: 33px;
	height: 33px;
	vertical-align: middle;
}
.productView .productTbl {
	float: right;
	margin-left: 2%;
	width: 48%;
}
.pdViewBtn {
	float: right;
	margin-top: 10px;
}
.productInfo {
	width: 700px;
	line-height: 1.5;
	word-wrap: break-word;
	word-break: break-all;
}
.productInfo h4, .productInfo h3 {
	margin: 24px 0 12px;
	padding: 0 18px;
	background: url("../images/img_product_bul.gif") no-repeat 0 -124px;
}
.productTab {margin-top: 24px}
.productInfo .ingredient {background-position: 0 0;}
.productInfo .property {background-position: 0 -151px;}
.productInfo .efficacy {background-position: 0 -26px;}
.productInfo .usage {background-position: 0 -52px;}
.productInfo .packing {background-position: 0 -76px;}
.productInfo .storage {background-position: 0 -100px;}
.productInfo p, .productInfo ul {padding-left: 10px;}
.careList li {margin-bottom: 24px;}
.careList ul li {margin-bottom: 0;}

/* customer */
.agreeTxt {
	margin-bottom: 10px;
	line-height: 1.5;
}
.agreeItem {
	margin-top: 12px;
	padding: 20px 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
}
.agreeItem h3 {
	margin: 30px 0 4px;
	padding-left: 10px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat left -246px;
	font-weight: normal;
	font-family: "NGothicBold";
}
.agreeItem h3:first-child {margin-top: 0;}
.agreeItem ul, .agreeItem p {line-height: 1.5;}
.agreeItem li {padding-left: 12px;}
.txtAgreenext {padding-left: 15px;}
.txtAgreenext02 {padding-left: 23px;}
.referTbl {margin-bottom:38px}
.traffic {
	overflow: hidden;
	margin-top: 40px;
}
.masstransit {
	float: left;
	width: 360px;
}
.mapTbl {margin-bottom: 19px;}
.rowDataTbl .thExpand {padding: 7px 10px;}

/* randd */
.techPlatform {
	min-height: 220px;
	padding-bottom: 40px;
	background: url("../images/bg_platform_new.jpg") right top no-repeat;
	background-size:300px auto
}
.techPlatform ul li {line-height: 21px;}
.htyList.labHistory {
	background-image: none;
	padding: 0;
}
.htyList.labHistory > li {padding-left: 15px;}
.htyList.labHistory strong {padding-right: 30px;}
.htyList.labHistory li:first-child ul, .htyList.labHistory li:first-child strong {padding-top: 0;}
.htyList.labHistory li li {padding-left: 0;}
.fluidStrategy {
	height: 415px;
	background: url("../images/bg_strategy.gif") center bottom no-repeat;
}
.fluidStrategy .first, .fluidStrategy .second, .fluidStrategy .third {
	position: relative;
	margin-top: 5px;
}
.fluidStrategy .first {
	height: 118px;
	margin-top: 0;
	padding-top: 28px;
}
.fluidStrategy .second {height: 177px;}
.fluidStrategy .third {height: 83px;}
.fluidStrategy h4 {
	position: absolute;
	top: 0;
	color: #333;
}
.fluidStrategy h4.name {left: 60px;}
.fluidStrategy h4.explain {left: 345px;}
.fluidStrategy h5.pointColor {
	position: absolute;
	width: 200px;
	font-size: 15px;
	text-align: center;
}
.fluidStrategy .first h5.pointColor {top: 70px;}
.fluidStrategy .second h5.pointColor {top: 70px;}
.fluidStrategy .third h5.pointColor {top: 25px;}
.fluidStrategy ul.circleList {
	margin-left: 230px;
	margin-right: 125px;
}
.fluidStrategy ul.circleList li {
	font-size: 13px;
	line-height: 21px;
}
.fluidStrategy .first ul.circleList {padding-top: 8px;}
.fluidStrategy .second ul.circleList {padding-top: 6px;}
.fluidStrategy .third ul.circleList {padding-top: 31px;}
.fluidStrategy ul.circleList > li > ul.hyphenList > li {
	padding-left: 8px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat -60px -111px;
}
.systemFirst {
	overflow: hidden;
	margin-bottom: 15px;
}
.systemFirst p {
	width: 365px;
	float: left;
}
.systemFirst img {
	float: right;
	margin-top: 5px;
}
.systemFirst h3 {
	margin-bottom: 15px;
	font-size: 15px;
}
.fluidCondition {margin: 30px 0;}
.fluidCondition p {margin-bottom: 15px;}
.fluidBag {overflow: hidden;}
.fluidBag > ul {float: right;}
.fluidBag > ul > li {
	margin-bottom: 25px;
	text-align: center;
}
.fluidBag > ul > li > strong {
	display: block;
	min-width: 95px;
	margin-top: 5px;
	padding: 5px 12px;
	color: #008850;;
	border: 1px solid #008850;
	border-radius: 12px;
}
.fluidBag .bagCon {
	float: left;
	width: 500px;
}
.fluidBag .bagCon ul {margin-bottom: 30px;}
.fluidBag .bagCon ul > li {
	position: relative;
	margin-top: 5px;
	padding-left: 175px;
	line-height: 21px;
}
.fluidBag .bagCon ul > li > strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 131px;
	padding: 1px 12px;
	background-color: #e5e5e5;
	border-radius: 12px;
}
.fluidBag .bagCon p {
	padding: 8px 0;
	border-top: 1px dashed #c1c1c1;
}
.fluidBag .bagCon p.first {border-top: 0;}
.fluidBag .bagCon p strong{color: #333;}
.fluidBottle > div {
	position: relative;
	min-height: 185px;
	padding: 20px 0 20px 250px;
	border-top: 1px dashed #e5e5e5;
}
.fluidBottle > div:first-child {border-top: 0;}
.fluidBottle > div > img {
	position: absolute;
	top: 20px;
	left: 0;
}
.fluidBottle ul > li {
	position: relative;
	padding-left: 175px;
	margin-bottom: 5px;
	line-height: 21px;
}
.fluidBottle ul > li > strong {
	position: absolute;
	top: 0;
	left: 0;
	width: 131px;
	padding: 1px 12px;
	color: #333;
	background-color: #e5e5e5;
	border-radius: 12px;
}
.fluidBottle p {padding-top: 15px;}

/* investors */
.unit {
	padding-bottom: 30px;
	font-size: 12px;
	text-align: right;
}
.tblUnit {
	padding-top: 12px;
	font-size: 12px;
	text-align: right;
}
.unitTbl {padding: 25px 0 30px;}
.financeGraph {margin-bottom: 25px;}
.financeTbl {
	margin-bottom: 40px;
	border: 1px solid #ccc;
}
.financeTbl td, .financeTbl th {
	border: 0;
	border-left: 1px solid #ccc;
}
.financeTbl th {padding: 7px 15px;}
.financeTbl thead th {border-bottom: 1px solid #ccc;}
.financeTbl tbody td, .financeTbl tbody th {border-top: 1px solid #e5e5e5;}
.financeTbl .total td, .financeTbl .total th, .financeTbl tfoot tr {font-family: "NGothicExtraBold";}
.financeTbl tbody td {text-align: right;}
.financeTbl.ac tbody td {text-align: center!important;}
.financeTbl tbody th {
	font-weight: normal;
	font-family: "NGothic";
}
.financeTbl tfoot th, .financeTbl tfoot td {border-top: 1px solid #999;}
.financeTbl tfoot td {text-align: right;}
.salesItem {padding: 50px 0;}
.salesItem .txtTit {margin-bottom: 25px;}
.salesItem .salesGraph {padding-top: 36px;}
.salesItem .dataTbl {margin-top: 12px;}
.salesTbl, .salesItem .unitTbl {
	width: 495px;
	margin: 0 auto;
}
.salesTbl tbody th {
	padding-left: 52px;
	background: url("../images/ico_sales_bul.gif") no-repeat 32px 9px;
	text-align: left;
}

.con_Center{text-align:center;}
.pb0{padding-bottom:0px !important;}
.mb0{margin-bottom:0px !important;}

.salesTbl .pairColor1 {background-position: 32px 9px;}
.salesTbl .pairColor2 {background-position: 32px -21px;}
.salesTbl .pairColor3 {background-position: 32px -51px;}
.salesTbl .pairColor4 {background-position: 32px -81px;}
.salesTbl .pairColor5 {background-position: 32px -111px;}
.salesTbl .pairColor6 {background-position: 32px -141px;}
.salesTbl .pairColor7 {background-position: 32px -171px;}
.salesTbl .pairColor8 {background-position: 32px -201px;}
.salesTbl .pairColor9 {background-position: 32px -231px;}

.qandaSection table th { font-weight:normal;
	font-family: "NGothicbold";
}
.telInput select {width: 143px;}

/* popup */
.printPopWrap {padding: 0;}
.printTop {
	padding: 15px 20px;
	background: #666;
	text-align: right;
}
.printTop input, .printTop label, .printTop a {vertical-align: middle;}
.printTop label {
	padding: 0 15px 0 8px;
	color: #fff;
}
.printCont {padding: 20px 20px 50px;}
.printCont .contTabTit {
	margin-top: 40px;
	margin-left: 0;
}

/* util */
.sitemapTit {position: relative;}
.sitemapTit h1 {
	margin-bottom: 35px;
	padding-top: 88px;
}
.siteMenuWrap {
	overflow: hidden;
	padding-bottom: 160px;
	width: 960px;
}
/* Investors 노출시
.siteMenu {
	float: left;
	padding-left: 20px;
	width: 176px;
}*/
.siteMenu {
	float: left;
	padding-left: 20px;
	width: 225px;
}
.siteMenu01 {padding-left: 0;}
.siteMenu h2 {
	margin-bottom: 12px;
	padding: 12px 0 11px 0;
	background: url("../images/bg_sitemap_menu.gif") no-repeat left top;
	color: #fff;
	text-align: center;
	font-size: 15px;
}
.siteSubMenu a {
	display: block;
	padding: 11px 15px;
	color: #666;
	font-size: 15px;
	font-family: "NGothicBold";
	letter-spacing: -0.05em;
}
.siteSubMenu li {border-bottom: 1px solid #ccc;}
.siteSubMenu ul {margin-bottom: 10px;}
.siteSubMenu ul li {border: 0;}
.siteSubMenu ul a {
	padding: 5px 25px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat -44px -108px;
	font-size: 13px;
	font-family: "NGothic";
}
.siteSubMenu .siteDepth04 {margin-bottom: 0;}
.siteSubMenu .siteDepth04 a {background: none;}
/* //util */
.btmLink a {border-right: 1px solid #E5E5E5;}

/* als common */
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	z-index: 0;
}
.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}
.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
}
.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}

/* productThumbSlide  */
.productThumbSlide {
	clear: both;
	padding-top: 8px;
}
.productThumbSlide .als-prev,
.productThumbSlide .als-next {
	width: 30px;
	height: 30px;
	text-indent: -99990em;
	font-size: 0;
}
.productThumbSlide .als-prev {
	top: 10px;
	left: 47px;
	background: url('../images/btn_thum_prev.gif') 0 0 no-repeat;
}
.productThumbSlide .als-prev:hover {background: url('../images/btn_thum_prev_on.gif') 0 0 no-repeat;}
.productThumbSlide .als-next {
	top: 10px;
	right: 47px;
	background: url('../images/btn_thum_next.gif') 0 0 no-repeat;}
.productThumbSlide .als-next:hover {background: url('../images/btn_thum_next_on.gif') 0 0 no-repeat;}

/* 150731 - mission modify */
.seventyCon {
	width:730px;
	height:540px;
	text-align:center;
}
.seventyCon img {margin-top:50px;}
.seventyCon h3 {
	padding-top:45px;
	font-size:48px;
	color: #237dc9;
}
.seventyCon p {
	padding-top:45px;
	font-size:13px;
	color:#6f6f6f;
}
.newVision {
	width:730px;
	height:644px;
	text-align:center;
}
.newVision img {margin-top:50px;}
.newVision h3 {
	padding:50px 0 33px;
	font-size:36px;
	color: #237dc9;
	line-height:1.4;
}
.newVision p {
	position:relative;
	padding:30px 0 38px;
	font-size:14px;
	color:#666666;
}
.newVision p:before {
	content:"";
	position:absolute;
	left:25%;
	top:0;
	width:360px;
	height:1px;
	background:url("../images/bg_vision_line.gif") repeat-x left top;
}
.newVision p:after {
	content:"";
	position:absolute;
	left:25%;
	bottom:0;
	width:360px;
	height:1px;
	background:url("../images/bg_vision_line.gif") repeat-x left top;
}

/* 150731 회장 인사말 */
.ceoMod {padding:0;}
.greetingMod {margin:0 0 40px 0;}
.greetingMod02 {margin-top:30px;}
.greetingSign p {
	font-size:15px;
	font-weight:bold;
	color:#333;
}
.greetingSign p span {
	padding-right:10px;
	font-size:13px;
	font-weight:normal;
	color:#666;
}



/*2018 추가*/

.subContents.faq_silde .title_silde {
  font-size: 20.5px; letter-spacing: -1px;
  color: #4c7a98;
  padding: 29px 0 28px;
  height: 22px;
  border-bottom: 1px solid #dfe3e6;
  cursor: pointer;
  position: relative;
  text-align: center;
  overflow: hidden;
}
.subContents.faq_silde .title_silde span {
  float: left;
  display: block;
  font-size: 20px;
  color: #c8d4dc;
}
.subContents.faq_silde .title_silde:before {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 26px;
  right: 10px;
  width: 27px;
  height: 26px;
  background: url(../images/spr_slide.gif) 30px 0 no-repeat;
  background-position: 0 0;
  z-index: 10;
}
.subContents.faq_silde .title_silde:after {
  display: block;
  clear: both;
  content: "";
  position: absolute;
  top: 26px;
  right: 10px;
  width: 27px;
  height: 26px;
  background: url(../images/spr_slide.gif) 30px 0 no-repeat;
  background-position: 0 -28px;
  z-index: 50;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.subContents.faq_silde .title_silde.on:after {
  opacity: 0;
}
.subContents.faq_silde .cont_slide {
  padding: 30px 10px 30px 30px;
  display: none;
}
.subContents.faq_silde .cont_slide li {
  padding: 6px 0;
  line-height: 25px;
}
.subContents.faq_silde ul.cont_slide {
  list-style: disc!important;
}
.subContents.faq_silde ol.cont_slide {
  list-style: decimal!important;
}


.subContents.declaration .title_blue {
  color: #4c7a98!important; text-align: center;
  font-size: 27px!important; line-height: 50px;  letter-spacing: -1px; font-weight: 600;
}
.subContents.declaration .title_blue span {display: block; font-size: 20px!important; font-weight: normal!important; line-height: 34px!important;}
.subContents.declaration ol {
  margin-top: 50px;
}
.subContents.declaration ol li {list-style: none;}
.subContents.declaration ol .title {
  font-size: 28px;
  color: #4c7a98;
  padding: 29px 0 28px;
  height: 22px;
  border-bottom: 1px solid #dfe3e6;
  position: relative;
  text-align: center;
  overflow: hidden;
  font-weight: 600;
}
.subContents.declaration ol .title span {
  float: left;
  display: block;
  font-size: 20px;
  color: #c8d4dc;
}
.subContents.declaration ol .cont {
  padding: 40px 0;
}

.cont_container.rnd2019 .content.faq_silde {
  width:100%;
  margin: 0 auto;
}
.cont_container.rnd2019 .content.faq_silde .faq_silde_tit {
  font-size: 20px;
  color: #313d47;
  font-weight: bold;
  border-bottom: 1px solid #313d47;
  line-height: 27px;
  padding: 20px 0  10px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide + .faq_silde_tit {
  padding-top: 70px;
}
.cont_container.rnd2019 .content.faq_silde .title_silde {
  position:relative;
  padding:20px 0 20px 150px;
  height:auto;
}
.cont_container.rnd2019 .content.faq_silde .title_silde.on{
  border-bottom:none;
}
.cont_container.rnd2019 .content.faq_silde .title_silde .tit{
  font-size: 17px;
}
.cont_container.rnd2019 .content.faq_silde .title_silde .tit span{
  color:#b2b2b2
}

.cont_container.rnd2019 .content.faq_silde .title_silde p {
  font-size: 13px;
  margin-top: 13px;
  line-height: 20px;
  padding-right:20px;
  word-break: keep-all;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide {
  line-height: 25px;
  padding: 30px 10px 30px 20px;
  border-bottom: 1px solid #dfe3e6;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide p {
  font-size:15px;
  line-height:22px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide img {
  display: block;
  padding: 30px 0;
  margin:auto;
	width:100%;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .list_tits {
  color: #444;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 0 5px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .list_tit {
  color: #444;
  font-size: 17px;
	font-weight:bold;
  padding: 20px 0 10px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide ul {
  list-style-type: none;
  padding-left: 15px;
  margin-bottom: 20px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide ul li {
  padding: 0;
  line-height: 23px;
  position: relative;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide ul li:after {
  content: "·";
  position: absolute;
  left: -14px;
  top: 0;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .list_tit + img {
  padding: 15px 0 30px 0;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bgbox_list {
  background: #f7f9fb;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bgbox_list .list_tit {
  padding: 0 0 5px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area {
  margin:0 auto 10px;
  width:100%
}


.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area:after{
	content:'';display:block;clear:both;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_tit {
  float: left;
  width: 35%;
  background-color:#008850;
  height:100%;
  text-align:center
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_tit:before{
	content:'';display:inline-block;width:0;height:100%;vertical-align:middle;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_tit span{
	font-size: 13px;
  color: #fff;
  vertical-align: middle;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_list {
  float: left;
  margin-left:3%;
  width:62%;
  color:#323232;
  height:100%;
  border-bottom:1px solid #c2c2c2;
  padding-left:20px;
  box-sizing:border-box
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_list:before{
	content:'';
	display:inline-block;
	width:0;
	height:100%;
	vertical-align:middle
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_list > div{
	display:inline-block;
	line-height:20px;
	vertical-align:middle;
	max-width:390px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area:first-child .bluebox_list{
	border-top:1px solid #c2c2c2;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_list  *{
  color:#333333
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .bluebox_area .bluebox_list ul {
  margin-bottom: 0;
  color:#333333;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl_radius {
  border: 1px solid #a1a1a1;
  border-radius: 20px;
  margin-bottom: 30px;
  width:100%;
  overflow:hidden
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl {
  border: none;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl thead th {
  border-top: none;
  background: #008850;
  padding: 25px 18px 23px;
  color:#fff;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl thead th sup{
	color:#fff
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl tbody th {
  background: #e7f7f3;
  padding: 25px 18px 23px;
  font-weight:bold;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl thead tr:first-child th:first-child {
border-left: none;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl td:first-child {
border-left: none;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl tbody th{
border-left: none;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl td {
  padding: 10px 20px;
  text-align: left;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl td ul {
  margin-bottom: 0;
}
/* .cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl .top_left {
  border-radius: 20px 0 0 0;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl .top_right {
  border-radius: 0 20px 0 0;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl .bottom_left {
  border-radius: 0 0 0 20px;
}
.cont_container.rnd2019 .content.faq_silde .cont_slide .data_tbl .bottom_right {
  border-radius: 0 0 20px 0;
}*/
.cont_container.rnd2019 .content.faq_silde .cont_slide .right_img {
  padding-right: 350px;
  background: url(../images/technology_tab02_silde02_01.gif) no-repeat right top 45px;
	background-size: auto 180px;
  margin: 30px 0 10px;
}
.cont_container.rnd2019 .content.faq_silde .bg_leftimg {
  padding:0 0 0 415px;
  height: auto;
  background: url(../images/technology_tab03_silde02_01.gif) no-repeat left center;
	background-size: auto 150px;
}
.cont_container.rnd2019 .content.faq_silde .threebox_area {
  overflow: hidden;
	font-size:0
}
.cont_container.rnd2019 .content.faq_silde .threebox_area > div {
  display:inline-block;
  font-size: 13px;
  width: 32%;

	vertical-align:top
}
.cont_container.rnd2019 .content.faq_silde .threebox_area > div:nth-child(2n) {
	margin:0 2%;
}
.cont_container.rnd2019 .content.faq_silde .threebox_area > div img {
  padding: 0;
	width:100%
}
.cont_container.rnd2019 .content.faq_silde .threebox_area > div .list_tit {
  font-size: 18px;
}

.data_tbl th,
.data_tbl td {
  border-left: 1px solid #a1a1a1;
  border-top: 1px solid #a1a1a1;
}
.data_tbl th,
.rowDataTbl th {
  font-family: "NBG";
}
.data_tbl thead th {
  padding: 17px 18px;
  border-top: 1px solid #dfe3e6;
  border-bottom: 1px solid #dfe3e6;
  color: #333;
  background-color: #e8f0f4;
}
.data_tbl tbody th {
  padding: 17px 18px;
  background-color: #f7f9fa;
  font-weight: normal;
  color: #333;
}
.data_tbl tr.bg th,
.data_tbl tr.bg td {
  background-color: #f7f9fa;
}
.data_tbl td {
  padding: 17px 18px;
  text-align: center;
}
.joint_list > li{
  margin-top:30px;
  width:100%;
  font-size:0;
}

.joint_list > li .thumb{
  display:inline-block;
  width:600px;
}
.joint_list > li .thumb img{
  padding:0 !important;
  width:100%;
  height:auto;
}
.joint_list > li .info{
  display:block;
  padding:15px 50px;
  box-sizing:border-box;
}
.joint_list .date{
  font-size:15px;
  color:#777;
  line-height:25px
}
.joint_list .tit{
  margin-top:5px;
  margin-bottom:15px;
  font-size:18px;
  color:#333;
  line-height:25px;
  font-weight:bold;
}
.joint_list .txt{

  font-size:15px;
  color:#666;
  line-height:25px
}
.joint_list .img{text-align:center}
.joint_list .img img{width:100%}
.joint_list .txt:first-child{
}

/* tab */
/*제품 탭*/
.contTabTit {display: block!important;
	font-size: 15px!important;
	font-weight: bold!important;
    width: 50%!important;
    margin-left: -4px!important;
    margin-bottom: 5px!important;
    padding: 13px 0!important;
    text-align: center!important;
    border: 1px solid #d8dce0!important;
    border-bottom: 1px solid #434343!important;
    background: #f4f5f6!important;
  }
.contTabTit.current {
    border-color: #434343!important;
    border-bottom: 1px solid #008850!important;
    background: #008850!important;
    color: #fff!important;
}
.contTabTit.one{width:100% !important;cursor:default;}

.contTabBtn {
	width: 730px; overflow: hidden;
}
.contTabBtn a {
	display: inline-block; margin: 0 1px; float: left; font-size: 12px;
	padding: 10px 0; text-align: center; border-radius: 4px; font-weight: bold;
	border: 1px solid #c1c1c1; background: #f6f6f6;
}
.contTabBtn a:hover, .contTabBtn a.on {
	border: 1px solid #1161b7; background: #ecf2fa; color: #063875;
}
.contTabBtn.wd7 a {width: 13.7%!important;}
.contTabBtn.wd8 a {width: 11.9%!important;}

/* gnb 사업 */
.hero{
    margin-bottom:30px;
    width:100%;
    height:192px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.hero.business{
    background:url("../images/business_top_bg.jpg") center center / cover no-repeat;
}

.hero.overview{
    background:url("../images/business_top_bg.jpg") center center / cover no-repeat;
}

.hero.area{
    background:url("../images/area_top_bg.png") center center / cover no-repeat;
}

.hero.portfolio{
    background:url("../images/portfolio_top_bg.png") center center / cover no-repeat;
}

.hero.contact{
    background:url("../images/contact_top_bg.png") center center / cover no-repeat;
}

.hero h3{
    margin-bottom:10px;
    font-size:25px;
    font-weight: normal;
}
.hero p{
    font-size:15px;
}

/* 사업 개요 */
.business-box {
  display: flex;
  gap: 30px;
  padding:0 15px;
}

/* 카드 */
.business-card {
  margin-bottom:30px;
  width: calc((100% - 60px) / 3);
  min-height:76px;
  background: #fff;
  border-radius: 13px;
  box-shadow: var(--shadow-default);
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  border:1px solid #F3F4F6;
  box-sizing: border-box;
}

.business-text h3 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #008850;
}

.business-text p {
  margin: 10px 0 0;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}


.business-text.teal h3{
    color: #248589;
}

.business-text.green h3{
    color: #008850;
}


/* 원형 버튼 */
.business-go-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #008850;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.3s ease;
}

.business-go-btn:hover {
  transform: scale(1.1);
}

.business-card.teal .business-text h3{
    color:#248589
}
.business-card.teal .business-go-btn{
    background-color:#248589 ;
}

.business-card.green .business-text h3{
    color:#4783c1
}
.business-card.green .business-go-btn{
    background-color:#4783c1 ;
}

/* 사업개요 */

/* 탭 메뉴 */
.business-tab {
    margin-bottom:50px;
  display: flex;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.business-tab .tab {
  flex: 1;
  height: 76px;
  display: flex;
  align-items: center;     /* 세로 중앙 */
  justify-content: center; /* 가로 중앙 */
  text-decoration: none;
  border-bottom: 3px solid transparent;
}

.business-tab .tab-inner {
  display: flex;
  flex-direction: column;  /* 두 줄 세로 배치 */
  align-items: center;
  font-size:16px;
  line-height: 1.3;
  font-weight: bold;
}

.business-tab .tab.blue .tab-inner{
    color:#4783C1;
}

.business-tab .tab.teal .tab-inner{
    color:#248589;
}

.business-tab .tab.green .tab-inner{
    color:#008850;
}

.business-tab .tab.blue.active{
  border-bottom: 3px solid #4783C1;
}

.business-tab .tab.teal.active{
  border-bottom: 3px solid #248589;
}

.business-tab .tab.green.active{
  border-bottom: 3px solid #008850;
}

/* 사업개요 - One-Stop Process */
.process-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  margin-bottom:66px;
  padding:0 15px;
}

/* 사업개요 카드 */
.process-box .process-card {
  width: calc((100% - 60px) / 3);
  min-height: 225px;
  border-radius: 15px;
  padding: 20px 5px;
  text-align: center;
  box-shadow: var(--shadow-default);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


/* 사업개요 아이콘 */
.process-box .icon-box {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 20px;
  color: #fff;
}

/* 사업개요 카드 */
.process-box .process-card.blue {
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #bedbee 20%,
    #bedbee 80%,
    #ffffff 100%
    );
}

.process-box .process-card.blue .icon-box {
  background: #4783c1;
}

.process-box .process-card.teal {
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #c9e1e2 20%,
    #c9e1e2 80%,
    #ffffff 100%
    );
}

.process-box .process-card.teal .icon-box {
  background: #248589;
}

.process-box .process-card.green {
  background: linear-gradient(
    145deg,
    #ffffff 0%,
    #c1e2d5 20%,
    #c9e1e2 80%,
    #ffffff 100%
    );
}

.process-box .process-card.green .icon-box {
  background: #008850;
}

/* 텍스트 */
.process-box .process-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2d6f8c;
}

.process-box .process-card p {
  margin-top: 8px;
  font-size: 15px;
  color: #333;
}

/* 화살표 */
.process-card .arrow {
  font-size: 30px;
  color: #bcbcbc;
}

.keyvalue-box {
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  padding:0 15px;
  margin-bottom:66px;
}

.keyvalue-card {
  padding: 20px 15px;
  flex: 1;
  background: #2f8a8a;
  border-radius: 20px;
  color: #fff;
  box-shadow: var(--shadow-default);

}
.keyvalue-card.green{
    background: #008850;
}

.keyvalue-icon {
  width: 50px;
  height: 50px;
  background: #fff;
  color: #2f8a8a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 22px;
  margin-bottom: 25px;
}

.keyvalue-card h3 {
  margin: 0 0 15px 0;
  font-size: 18px;
  font-weight: 600;
}

.keyvalue-card p {
  font-size: 13px;
  line-height: 22px;
  margin: 0;
  opacity: 0.8;
}


/* 사업 > 포트폴리오 */
.tech-box {
    margin-top:32px;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: var(--shadow-default);
  margin-bottom: 40px;
}

.tech-box .tech-left {
  display: flex;
  width: 190px;
  justify-content: space-between;
}

.tech-box .icon-box {
  width: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.tech-box .icon-box img{
    max-width: 124px;
}

.tech-box .tech-left h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color:#1E293B;
}

.tech-box .tech-left p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #8B8B8B;
}

.tech-box .tech-right {
  display: flex;
  gap: 20px;
  flex: 1;
  justify-content:end;
}

.tech-box .tech-right .tech-col {
  width: 190px;
  flex: 0 0 190px; /* ← flex 영향 제거 */
}

.tech-box .tech-col h4 {
  font-size: 16px;
  color: #248589;
  margin-bottom: 15px;
}

.tech-box .tech-col ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.tech-box .tech-col .list-dot li {
  position:relative; 
  margin-top:10px;
  padding-left:15px;
  font-size: 14px;
  color: #333;
}
.tech-box .tech-col .list-dot li li{
    padding-left:0;
}
.tech-box .tech-col .list-dot > li:first-child{
    margin-top:0;
}
.tech-box .tech-col .list-dot > li::before{
    content:'';
    position:absolute;
    top:5px;
    left:0;
    width:5px;
    height:5px;
    border-radius: 50vw;
    background-color: #248589;
}
.tech-box .tech-col ul li b{
    color:#248589;
    font-weight: normal;
}

.global-wrap {
  margin: 0 auto;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 45px;
}

/* 중앙 원 */
.global-wrap:after {
    content:'';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width:220px;
    height:220px;
    /* border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); */
    background: url("../images/img_market.png") no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.global-wrap .circle-inner {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, #e9f2ff, #d6e6ff);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.global-wrap .circle-inner h2 {
  font-size: 20px;
  color: #0d4fa8;
  font-weight: 600;
}

/* 박스 공통 */
.global-wrap .global-box {
  background: #fff;
  border-radius: 16px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  border: 2px solid #ddd;
}

.global-wrap .global-box.america,
.global-wrap .global-box.asia{
    padding-right:14px;
    justify-content:end;
}

/* 대륙 아이콘 원 */
.global-wrap .global-box .continent-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.global-wrap .global-box .continent-icon img {
  width: 60px;
}

/* 각 지역 컬러 테두리 */
.global-wrap .global-box.europe { border-color: #3aa0ff; }
.global-wrap .global-box.america { border-color: #8cc63f; }
.global-wrap .global-box.africa { border-color: #3fbf7f; }
.global-wrap .global-box.asia { border-color: #ff8c1a; }

.global-wrap .global-box h3 {
  font-size: 16px;
  margin-bottom: 13px;
}

.global-wrap .global-box.europe h3{ color: #3aa0ff; }
.global-wrap .global-box.america h3{ color: #8cc63f; }
.global-wrap .global-box.africa h3{ color: #3fbf7f; }
.global-wrap .global-box.asia h3{ color: #ff8c1a; }

.global-wrap .global-box.america .text,
.global-wrap .global-box.asia .text{
    text-align: right;
}
.global-wrap .global-box p {
  font-size: 12px;
  line-height: 1.6;
  color: #555;
}


/* contact */
.agree_box{
    padding:40px;
    height: 260px;
    border-radius: 15px;
    border:1px solid #DDDDDD;
    overflow-y:scroll
}
.inquiry-form {
    max-width: 900px;
    margin: 60px auto;
    font-size: 14px;
    color: #333;
}

.form-notice {
    text-align: right;
    margin-bottom: 20px;
    font-size: 13px;
}

.form-notice span {
    color: red;
}

.form-row {
    margin-bottom: 20px;
}

.form-row label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.form-row label span {
    color: red;
    margin-right: 3px;
}

.form-row input,
.form-row select,
.form-row textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    box-sizing: border-box;
    background: #fff;
}

.form-row select{
    height: 38px;
}

.form-row textarea {
    resize: vertical;
}

.two-col {
    display: flex;
    gap: 20px;
}

.two-col > div {
    flex: 1;
}

.form-submit {
    text-align: center;
    margin-top: 40px;
}

.form-submit button {
    background: #1f8cc9;
    color: #fff;
    border: none;
    padding: 12px 60px;
    font-size: 15px;
    cursor: pointer;
}

.form-submit button:hover {
    background: #176fa1;
}

.boardWriteTop {
    margin-top:20px;
    margin-bottom:5px;
    text-align: right;
}