@charset "utf-8";

/* layout */
.bgTop, .utilLink a {background-color: #23c1c0;}
.utilLink li {border-right: 1px solid #1fadac;}
.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;}
.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;}
.footerInfo {background-image: url("../images/logo_pharma_footer.png");}
.paginate strong {color: #333;}

/* common */
p {line-height: 1.45;}
.pointColor, .pointTxtTit02, .pointTxtTit {color: #007f7e;}
.tblTit {
	color: #007f7e;
	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;}

/* main */
.popzone {
	min-height: 150px;
	background: #23c1c0;
}
.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: 10px;
	height: 10px;
	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;
	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: 175px;
	left: 44px;
}
#slideItem01 .visualIcon01 {
	top: 624px;
	left: 0;
}
#slideItem01 .visualIcon02 {
	top: 703px;
	left: 120px;
}
#slideItem02 .visualIcon01 {
	top: 370px;
	left: 140px;
}
#slideItem02 .visualIcon02 {
	top: 640px;
	left: 50px;
}
#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 {
	zoom: 1;
	width: 369px;
	padding: 0;
}
.productLink:after {
	display: block;
	clear: both;
	content: '';
}
/*
.productLink h2, .productLink ul {float: left;}
.productLink h2 {
	width: 159px;
	height: 242px;
	padding: 30px 25px;
	margin-bottom: 0;
	background: url("../images/bg_productlink.png") no-repeat right bottom;
	color: #007f7e;
}
.productLink ul {
	width: 160px;
	height: 286px;
	padding: 8px 0;
	background: #007f7e;
}
.productLink li {padding: 0 20px;}
.productLink a {
	display: block;
	width: 100%;
	height: 14px;
	padding: 6px 0;
	color: #fff;
	font-size: 12px;
}
*/
.productLink a:hover, .productLink a:active, .productLink a:focus {text-decoration: underline;}
.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 {
	width: 369px;
	height: 273px;
	padding: 0;
}
.lastMainCont h2 {margin-bottom: 20px;}
.mainLink {zoom: 1;}
.mainLink:after {
	display: block;
	clear: both;
	content: '';
}
.mainLink a, .mainLink .customerCont {float: left;}
.mainLink a {
	width: 184px;
	padding: 85px 0 36px;
	font-family: "NGothicBold";
	text-align: center;
}
.mainLink .video {background: #f8f8f8 url("../images/bg_mainlink.png") no-repeat 62px 28px;}
.mainLink .brochure, .mainLink .jwellday {background: url("../images/bg_mainlink.png") no-repeat;}
.mainLink .brochure {background-position: -126px 28px;}
.mainLink .jwellday {background-position: -285px 35px;}
.customerCont {
	padding: 21px 25px;
	height: 93px;
	background: #f8f8f8;
}
.customerCont ul {width: 135px;}
.customerCont li {
	margin-top: 7px;
	padding-top: 7px;
	border-top: 1px solid #e5e5e5;
}
.customerCont li:first-child {
	margin-top: 0;
	padding-top: 0;
	border: 0;
}
.customerCont .circleList li {background-position: -339px -323px;}
.customerCont .circleList li:first-child {background-position: -339px -329px;}
.mainLink .customerCont a {
	float: none;
	padding: 0;
	font-family: "NGothic";
	text-align: left;
}

/* intro */
.greetingCont {position: relative;}
.greetingImg {
	position: absolute;
	top: 0;
	left: 0;
}
.ceoTit {padding: 95px 0 95px 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-bottom: 20px;}
.greetingSecond {margin-top: -30px;}
.greetingSign {text-align: right;}
.greetingSign p {margin-bottom: 15px;}
.companyIntro01, .companyIntro02 {
	margin-top: 25px;
	zoom: 1;
}
.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, .companyIntro02 p {
	padding-top: 10px;
	letter-spacing: -0.03em;
}
.companyIntro02:after {
	display: block;
	clear: both;
	content:'';
}
.companyIntro02 img {
	float: right;
	margin-left: 30px;
	vertical-align: top;
}
.companyIntro02 p, .companyIntro02 h3 {
	float: left;
	width: 400px;
}
.companyIntro01 h3, .companyIntro02 h3  {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	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;}
.missionCont img {
	display: block;
	width: 730px;
}
.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;}
.history {background: url("../images/bg_historylist.jpg") no-repeat left 100px;}
.htyList {padding: 50px 0 0 224px;}
.htyList > li {
	/*margin-top: -5px;*/
	overflow: hidden;
}
/*.htyList > li:first-child {margin-top: 0;}*/
.htyList strong, .htyList li ul {padding-top: 16px;}
.htyList li:first-child ul {padding-top: 5px;}
.htyList strong {
	float: left;
	padding-right: 15px;
	color: #333;
	font-size: 15px;
}
.htyList li:first-child strong {padding-top: 5px;}
.htyList li ul {
	float: left;
	width: 400px;
	padding-left: 18px;
	border-left: 1px solid #ccc;
}
.htyList li li {
	vertical-align: top;
}
.htyList li li:first-child {padding-top: 0;}
.bgHtylist li li {
	vertical-align: top;
	line-height: 1.45;
	padding-left: 8px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat -200px -351px;
}

.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;}
.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;}
.jwChemitown {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 */
.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;
}
.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 {padding-top: 9px;}
.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;
}
.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 */
.shinyakCenter {
	margin-top: 25px;
	margin-bottom: 40px;
	zoom: 1;
}
.shinyakCenter:after {
	display: block;
	clear: both;
	content: '';
}
.shinyakCenter img, .shinyakCenter p {float: left;}
.shinyakCenter p {
	padding-left: 20px;
	width: 510px;

	letter-spacing: -0.02em;
}
.emphaticTxt {
	margin-top: 30px;
	font-family: "NGothicBold";
}
.emBlue {color: #0073cc;}
.establishHty li {
	overflow: hidden;
	padding-top: 12px;
}
.establishHty li:first-child {padding-top: 0;}
.establishHty strong, .establishHty span {float: left;}
.establishHty strong {
	width: 124px;
	color: #333;
	font-weight: normal;
	font-family: "NGothicBold";
}
.cmcStudy {
	overflow: hidden;
	margin-top: 40px;
	padding-bottom: 35px;
	background: url("../images/bg_cmcstudy.gif") no-repeat left top;
}
.pointTxtSubs {
	font-weight: normal;
	font-family: "NGothicbold";
	text-align: justify;
	font-size: 14px;
	line-height: 1.25;
}
.cmcStudy h3, .cmcStudy ul {float: left;}
.cmcStudy h3 {
	margin-top: 90px;
	margin-right: 20px;
	width: 138px;
	color: #333;
	text-align: center;
	font-weight: normal;
	font-family: "NGothicBold";
}
.cmcStudy .studyTeam {margin-top: 95px;}
.cmcStudy .studyTeam02 {margin-top: 70px;}
.cmcStudy ul {
	padding: 44px 0 30px;
	width: 560px;
}
.cmcStudy li {margin-top: 10px;}
.cmcStudy li:first-child {margin-top: 0;}
.subsTxt {letter-spacing: -0.01em; text-align: justify;}
.theriacBtn {
	margin-top: 25px;
	font-family: "NGothicBold";
}
.globalField {
	margin-top: 20px;
	zoom: 1;
}
.globalField:after {
	display: block;
	clear: both;
	content: "";
}
.globalField h3 {
	margin-top: 14px;
	letter-spacing: -0.03em;
	font-weight: normal;
	font-family: "NGothicBold";
}
.globalField ul {margin-top: 7px;}
.globalField li {line-height: 1.55;}
.globalField div {
	float: left;
	margin: 0 20px 20px 0;
	padding: 20px;
	width: 313px;
	height: 157px;
	border: 1px solid #e5e5e5;
}
.globalField .globalShinyak, .globalField .globalCooper {margin: 0;}
.globalField .globalTheriac, .globalField .globalCooper {height: 108px;}
.innovation {
	position: relative;
	min-height: 450px;
	background: url("../images/bg_innovation.gif") no-repeat;
}
.innovation .pointTxtTit {text-align: center;}
.innovation div {position: absolute;}
.innoItem01, .innoItem02 {top: 132px;}
.innoItem02 {right: 50px;}
.innoItem03 {
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.innovation h4 {
	padding-bottom: 12px;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicBold";
}
.innoItem03 li:first-child {width: 422px;}
.innovation li {line-height: 1.65;}
.innoItem03 li {
	width: 385px;
	margin: 0 auto;
}

.imgResearch {padding: 25px 0 55px;}
.unit {
	padding-bottom: 30px;
	font-size: 12px;
	text-align: right;
}
.unitTbl {padding: 25px 0 5px;}
.financeGraph {margin-bottom: 25px;}
.financeTbl {
	margin-bottom: 40px;
	border: 1px solid #ccc;
}
.financeTbl td, .financeTbl th {
	border: 0;
	border-left: 1px solid #ccc;
}
.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 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;}
.materialCont01 {
	padding-bottom: 22px;
	background: url("../../asset/images/bg_material.png") 0 0 no-repeat;
	zoom: 1;
}
.materialCont01:after {
	display: block;
	clear: both;
	content: "";
}
.materialLists {
	float: right;
	width: 465px;
}
.materialLists div {
	float: left;
	margin:0 15px 25px 0;
	width: 215px;
	height: 185px;
}
.txtNormal {
	font-weight: normal;
	font-family: "NGothic";
}
.materialCont02 {
	margin-top: 55px;
	padding: 21px;
	height:158px;
	background: url("../../asset/images/bg_material02.png") 0 0px no-repeat;
}
.materialCont02 h2 {
	margin-bottom: 15px;
	font-size: 15px;
	color: #333;
}
.materialLists .circleList li {
	font-weight: normal;
	font-family: "NGothicbold";
	letter-spacing: -0.02em;
}
.materialLists .hyphenList li {
	padding-left: 8px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat -60px -111px;
	font-family: "NGothic";
}
.materialCont02 li {line-height: 1.65;}
.developTbl01, .developTbl02 {margin-bottom: 40px;}
.developTbl01 td {padding: 7px 0;}
.developTbl01 tbody th, .developTbl02 tbody th {
	font-family: "NGothic";
}
.curtStateBar {
	position: relative;
	height: 15px;
}
.curtStateBar span {
	position: absolute;
	top: 3px;
	left: -1px;
	display: block;
	padding: 0 1px;
	width: 100%;
	height: 7px;
	background: #aeaeae;
	text-indent: -9999em;
	font-size: 0;
}
.developTbl02 td {
	padding: 0 10px;
	height: 34px;
	text-align: left;
}
.developTbl02 .studyLine {
	padding: 0;
	border-top: 0;
}
.studyLine .curtStateBar {height: 29px;}
.studyLine span {
	left: 0px;
	padding-left: 1px;
	height: 29px;
	background: transparent url("../images/bg_pipeline_bar.png") no-repeat left top;
}
.studyLine .finish {background-position: right top;}
.studyLine em {
	position: absolute;
	top: 8px;
	left: 10px;
	z-index: 10;
	width: 120px;
	color: #007f7e;
}
.studyLine .sale em {
	right: 24px;
	left: auto;
	color: #666;
	text-align: right;
}
.licensWrap {
	margin-bottom: 45px;
	width: 100%;
	height: 350px;
	background: url("../images/bg_licens.gif") no-repeat left top;
	zoom: 1;
}
.licensWrap:after {
	display: block;
	clear: both;
	content: '';
}
.licensWrap div {
	float: left;
	width: 300px;
}
.licensWrap .shinyak {padding: 80px 0 0 32px;}
.licensWrap .cmc {padding: 80px 0 0 62px;}
.cmc .cmcrcList {margin-left: 60px;}
.licensWrap h2 {
	margin-bottom: 20px;
	color: #333;
	text-align: center;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicBold";
}
.licensWrap ul {margin-left: 30px;}
.licensWrap li {margin-top: 5px;}
.joinAddress li {line-height: 2;}

/* investors */
.unit {
	padding-bottom: 30px;
	font-size: 12px;
	text-align: right;
}
.unitTbl {padding: 25px 0 5px;}
.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 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;
}
.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;
}
.siteMenu {
	float: left;
	padding-left: 20px;
	width: 176px;
}
.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;}

/* 201504 JW케미타운 수정_이경희 */
sup {font-size:9px; line-height:1.8;}
.gnbSubArea {background: url("../images/bg_chemitown_gnbsub.png") no-repeat 30px center;}
.gnbSub01 {left: 350px;}
.gnbSub02 {left: 488px;}
.gnbSub03 {left: 618px;}
.gnbSub04 {left: 825px;}
.bgTop, .utilLink a {background-color:#98b7de; color:#000;}
.utilLink li {border-right: 1px solid #89a4c7;}
.visualTxt {top: 110px; left: 60px;}
#slideItem01 .visualIcon01 {top: 322px; left: 133px; z-index:10;}
#slideItem01 .visualIcon02 {top: 392px; left: -73px;}
#slideItem02 .visualIcon01 {top: 423px; left: 6px;}
#slideItem02 .visualIcon02 {top: 688px; left: 422px;}
#slideItem03 .visualIcon01 {top: 279px; left: 472px;}
#slideItem03 .visualIcon02 {top: 652px; left: 38px;}
.lastMainCont {padding:23px 10px 23px 15px; height:78px; width:344px;}
.mainLink {letter-spacing:-1px;}
.mainLink a {width:85px; padding-top: 55px; background: url("../images/bg_main_link.png") no-repeat left top; font-family: "NGothicBold"; text-align: center;}
.mainLink .mainLink01 {background-position: 0 top;}
.mainLink .mainLink02 {background-position: -75px top;}
.mainLink .mainLink03 {background-position: -155px top;}
.mainLink .mainLink04 {background-position: -235px top;}
.productLink {background:url(../images/bg_productlink.png) no-repeat 140px 143px; padding:26px 25px 0; width:319px; height:273px;}
.productLink h2 {margin-bottom: 16px;	color: #000;}
.productLink ul {padding: 8px 0 0 0;}
.productLink li {background:url(../images/bul_product.gif) no-repeat left 8px; padding-left:10px; font:15px "NGothicBold"; color:#666; margin-bottom:8px; letter-spacing:-1px; line-height:1;}
.productLink a {color:#58595b; display:inline-block; background:url(../images/ico_more.png) no-repeat right 87%; padding-right:20px; margin-top:25px; font-family: "NGothicBold";}
.mainCont.investCont {padding: 23px 25px 26px; background:url(../images/bg_main_invest.png) #98b7de no-repeat 251px 40px;}
.mainCont.investCont p {font-size:14px; color:#000; margin-bottom:18px; line-height:1.5;}
.mainCont.investCont a {font-family: "NGothicBold"; color:#000; display:inline-block; background:url(../images/ico_more.png) no-repeat right bottom; padding-right:20px;}
.productWrap {width:369px; zoom:1; padding:0; margin:0;}
.productWrap:after {content:1; display:block; clear:both;}
.productWrap div {float:left; height:119px; padding:23px 0 0 18px; margin:0;}
.productWrap div h2 {padding:0; margin:0; margin-bottom:8px; line-height:1;}
.productWrap div h2 a {font:15px "NGothicBold"; color:#000; letter-spacing:-1px;}
.productWrap div p {font-family: "NGothicBold"; line-height:1.2; letter-spacing:-1px;}
.productBox1 {width:167px; background-color:#f3f6fa;}
.productBox2 {width:166px;}
.productBox3 {width:166px;}
.productBox4 {width:167px; background:url(../images/bg_main_roll.png) #f3f6fa no-repeat 97% bottom;}

.lnbMenu a {font:"NGothicBold"; line-height:1.2;}
.introWrap {background:url(../images/bg_chemitown.png) no-repeat 0 300px; margin:35px 0 0 -31px; position:relative; z-index:999;}
.introWrap:after {content:""; display:block; clear:both;}
.introWrap div {float:right; width:477px; border-radius:10px; border:1px solid #ccc; background-color:#fff; padding:30px 38px;}
.imgArea01 {margin-left:28px; float:left; position:absolute; top:0; left:0; z-index:100;}
.imgArea02 {margin-left:28px; float:left; position:absolute; top:540px; left:0; z-index:100;}
.companyIntro01 h3,
.companyIntro02 h3,
.companyIntro01 p,
.companyIntro02 p {width: 478px; line-height:1.7;}
.companyIntro01 {margin-top: 38px; zoom: 1;}
.companyIntro02 {margin-top: 78px; zoom: 1;}
.companyIntro01 h3,
.companyIntro02 h3 {font-size:15px; color:#4a6ea0; padding-top:0; margin-bottom:15px; line-height:1.5;}
.pointTxtTit {color:#4a6ea0;}
.ceoTit {padding:0 0 30px 0; letter-spacing:-1px;}
.contentsTit {height:165px;}
.greetingImg {top:30px;}
.greeting p {margin-bottom: 30px;}
.pointTxtTit02 {color:#4a6ea0;}
.history {background: url("../images/bg_historylist.jpg") no-repeat left 30px;}
.htyList {padding-top:30px;}
.htyList strong {padding-right:20px;}
.bgHtylist li li {background-image:none;}
.htyList li ul {padding-bottom:15px;}
.bgHtylist li ul {padding-bottom:0;}
.htyList li li {padding-top:15px;}
.htyList li li:first-child {padding-top:0;}
.jwgroup {background-image:none;}
.fieldList h3 {padding-bottom: 20px;}
.fieldList p {line-height:1.4;}
.btnField {bottom: 15px;}

.doc h2 {margin-bottom:0; border-bottom:0;}
.doc .docTit,
.doc h3 {font:16px "NGothicBold";}

.intro h1 {padding-top:80px;}
.productCont {margin-top:30px;}
.productCont .productImg01 {margin:20px 0 0;}
.productItem01 {margin-top:70px; background:url(../images/img_product_mediroll02.gif) no-repeat 450px 6px;}
.productItem01 h3 {margin-top:30px;}
.productItem01 dt,
.productItem01 .productTxt {background:url(../images/bullet.gif) no-repeat left 10px; padding:2px 0 2px 12px; font-family: "NGothicBold";}
.productItem01 dd {margin-left:10px; line-height:1.5; text-indent:-8px;}
.productItem01 p {margin-top:-7px;}
.productItem01 .productImg02 img {border:1px solid #ccc;}
.productItem01 li {background:url(../images/bullet.gif) no-repeat left 8px; padding:2px 0 2px 12px;}
.productCont .dataTbl {margin-bottom:40px;}
.chamberBag {background:url(../images/img_product_chamberBag.jpg) no-repeat left top; padding:576px 0 0;}
.list {margin-bottom:30px;}
.list li {background:url(../images/bullet.gif) no-repeat left 8px; padding:2px 0 2px 12px;}
.tube {background:url(../images/img_product_tube.jpg) no-repeat left top; padding:394px 0 0;}
.stampingFoil {background:url(../images/img_product_stampingFoil.jpg) no-repeat left top; padding:403px 0 0;}
.nonPVC {background:url(../images/img_product_nonPVC.jpg) no-repeat  left top; padding:403px 0 0;}
.txtBlue {color:#3673be;}

.w170 {width:170px;}
.w250 {width:250px;}
.randdCont {margin-top:30px;}
.randdItem1 {background:url(../images/img_randd_techniq.jpg) no-repeat 0 top; padding:350px 0 25px; zoom:1;}
.randdItem1:after {content:""; display:block; clear:both;}
.randdItem1 li {float:left; width:226px; margin-left:26px; text-align:center; font:15px  "NGothicBold";}
.randdItem1 li:first-child {margin-left:0;}
/*20161209*/
.randdAddItem1 {margin-top: 30px; background:url(../images/img_randd_techniq2.jpg) no-repeat 0 top!important; padding:350px 0 25px; zoom:1;}
.randdAddItem1:after {content:""; display:block; clear:both;}
.randdAddItem1 li {float:left; width:226px; margin-left:26px; text-align:center; font:15px  "NGothicBold";}
.randdAddItem1 li:first-child {margin-left:0;}
/*20200412*/
.randdAddItem2 {margin-top: 30px;}
.randdAddItem2:after {content:""; display:block; clear:both;}
.randdAddItem2 li {float:left; width:226px; margin-left:26px; text-align:center; font:15px  "NGothicBold";}
.randdAddItem2 li:first-child {margin-left:0;}

.randdItem2 {background:url(../images/img_randd_equipment01.jpg) no-repeat 0 0; padding:220px 0 25px;}
.randdItem2:after {content:""; display:block; clear:both;}
.randdItem2 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem2 li:first-child {margin-left:0;}
.randdItem3 {background:url(../images/img_randd_equipment02.jpg) no-repeat 0 0; padding:220px 0 25px; margin:20px 0 0 -40px;}
.randdItem3:after {content:""; display:block; clear:both;}
.randdItem3 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem3 li:first-child {margin-left:0; width:268px;}
.randdItem4 {background:url(../images/img_randd_equipment03.jpg) no-repeat 0 0; padding:220px 0 25px; margin:20px 0 0;}
.randdItem4:after {content:""; display:block; clear:both;}
.randdItem4 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem4 li:first-child {margin-left:0;}
.randdItem5 {background:url(../images/img_randd_equipment04.jpg) no-repeat 0 0; padding:220px 0 25px; margin:20px 0 0;}
.randdItem5:after {content:""; display:block; clear:both;}
.randdItem5 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem5 li:first-child {margin-left:0;}
.randdItem6 {background:url(../images/img_randd_equipment05.jpg) no-repeat 0 0; padding:220px 0 25px; margin:20px 0 0;}
.randdItem6:after {content:""; display:block; clear:both;}
.randdItem6 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem6 li:first-child {margin-left:0;}
.randdItem7 {background:url(../images/img_randd_equipment06.jpg) no-repeat 0 0; padding:220px 0 25px; margin:20px 0 0;}
.randdItem7:after {content:""; display:block; clear:both;}
.randdItem7 li {float:left; width:228px; text-align:center; font:15px  "NGothicBold"; zoom:1; margin-left:23px;}
.randdItem7 li:first-child {margin-left:0;}

.masstransit {float: left; width: 730px;}

.siteMenu {width: 225px;}

.familySite {right:2px;}

.footerInfo {background-image: url(../images/logo_chemitown_footer.png);}

/* 제품정보 수정_이경희 */
.productItemBox {border:1px solid #ccc; padding:15px 0 16px 14px; width:386px; margin:15px 0 -10px;}
.productItemBox p {font-family: "NGothicBold"; color:#6e8eb9; text-decoration:underline; background-image:none;}
.productItemBox dl {margin-top:15px;}
.productItemBox dt {font:12px  "NGothicBold"; margin:15px 0 4px; background-image:none;}
.productItemBox dt:first-child {margin-top:0;}
.productItemBox dd {margin:0 0 0 20px; font-size:11px; text-indent:-7px; line-height:1.5;}

.contTabTit{float:left;}
.tab_tit{height:40px;}

/*2018 추가*/

.subContents.faq_silde .title_silde {
  font-size: 19px;
  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: 0px;
  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: 0px;
  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;
}

.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 #1161b7!important;
    background: #1161b7!important;
    color: #fff!important;
}

.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;}