@charset "utf-8";
.contentsTit h1{font-size:40px;color:#333;font-family: "NGothic";letter-spacing:-3px }
.mb0{margin-bottom:0 !important}
/* layout */
.bgTop, .utilLink a {
	color: #fffefe;
	background-color: #613f77;
}
.utilLink li {border-right: 1px solid #533665;}
.gnb {
	padding-left: 386px;
	width: 574px;
}
.bgGnbSub, .gnbSubArea {
	height: 250px;
	background-color: #FDFAF5;
}
.gnbSubArea {background: url("../images/bg_pharma_gnbsub.png") no-repeat 80px center;}
/*.gnbSub01 {left: 282px;}*/
.gnbSub01 {left: 425px;}
.gnbSub02 {left: 567px;}
.gnbSub03 {left: 712px;}
.gnbSub04 {left: 856px;}
.lnbMenu .current {
	background-color: #f8f8f8;
	background-image: url("../images/bg_lnb_on.png");
	color: #333;
}
.footerInfo {background-image: url("../images/logo_creagene_footer.png");}
.paginate strong {color: #333;}

/* common */
.pointColor, .pointTxtTit02, .pointTxtTit {color: #6e3e8d;}
.tblTit {
	color: #6e3e8d;
	text-align: left;
}
.txtTit {background-image: url("../images/bg_txttit.gif");}
.dataTbl thead th {background: #f9f9f9;}
.mapTbl tbody th {background: #f9f9f9;}

/* main */
.popzone {
	min-height: 150px;
	background: #613f77;
}
.popzoneCont {
	position: relative;
	width: 960px;
	min-height: 100px;
	padding: 15px 0 35px;
	margin: 0 auto;
}
.popzoneCont a {display: inline-block;}
.popzoneClose {
	position: absolute;
	right: 0;
	bottom: 10px;
}
.popzoneClose input, .popzoneClose label, .popzoneClose img {vertical-align: middle;}
.popzoneClose label {
	margin-right: 5px;
	color: #fcfcfc;
	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: 95px;
	left: 44px;
}
#slideItem01 .visualIcon01 {
	top: 624px;
	left: 0;
}
#slideItem01 .visualIcon02 {
	top: 703px;
	left: 120px;
}
#slideItem02 .visualIcon01 {
	bottom: 5px;
	left: 40px;
}
#slideItem02 .visualIcon02 {
	top: 490px;
	right: 0px;
}
#slideItem03 .visualIcon01 {
	top: 310px;
	left: 0px;
}
#slideItem03 .visualIcon02 {
	top: 370px;
	right: 0px;
}
.mainCont, .lastMainCont {
	width: 319px;
	padding: 12px 25px;
	border-width: 0 1px 1px 0;
}
.lastMainCont {
	zoom: 1;
	height: 77px;
	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: 190px;
	padding: 30px 25px;
	margin-bottom: 0;
	background: url("../images/bg_productlink.png") no-repeat right bottom;
	color: #613f77;
}
.productLink ul {
	width: 160px;
	height: 234px;
	padding: 8px 0;
	background: #613f77;
}
/*20161130*/
.productLink li {padding: 0 17px;}
.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;}
.mainNews {
	position: relative;
	padding: 10px 25px;
}
.mainNews h2 {margin-bottom: 23px;}
.mainNews li {
	margin-top: 6px;
	padding-left: 14px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat -110px -371px;
}
.mainNews li:first-child {margin-top: 0;}
.mainNews .btnMore {
	position: absolute;
	top: 20px;
	right: 25px;
	margin-top: 0;
}
.mainNews .subNews01 {height: 167px;}
.mainNews .subNews02 {height: 119px;}
.mainNews .newsImg {
	float: left;
	margin-right: 13px;
}
.mainNews .subTEx {
	overflow: hidden;
	padding-top: 5px;
}
.mainNews .subTEx p {
	margin-top: 9px;
	line-height: 1.3;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}
.mainNews .btnMore01 {
	position: absolute;
	top: 187px;
	right: 25px;
	margin-top: 0;
	display: block;
}
.mainCont.investCont {padding-bottom: 20px;}
.mainCont.DendriticCell {
	background: url("../images/bg_mainCont_DendriticCell.gif") no-repeat 270px bottom;
}
.mainCont.DendriticCell a {
	display: inline-block;
	font-size: 12px;
	padding-right: 20px;
	margin-top: 20px;
	background: url("../images/ico_mainCont_DendriticCell.gif") no-repeat right bottom;
}
.investInfo {
	overflow: hidden;
	position: relative;
	margin-top: -5px;
}
.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: 76px;
	margin: 0 0 0 8px;
	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;}
.bannerSlide {position: relative;}
.bannerSlide .jwSlWrap {margin-left: 10px;}
.bannerSlide .jwSlItem {
	width: 300px;
	height: 77px;
}
.bannerSlide .btnAuto, .bannerSlide .btnStop {display: none !important;}
.bannerSlide .btnPrev, .bannerSlide .btnNext {
	position: absolute;
	top: 28px;
	width: 12px;
	height: 16px;
	background: url("../images/btn_banner.png") no-repeat left top;
	text-indent: -999em;
}
.bannerSlide .btnPrev {left: -10px;}
.bannerSlide .btnNext {
	right: -10px;
	background-position: left -54px;
}
.bannerSlide .btnPrev:hover {background-position: left -28px;}
.bannerSlide .btnNext:hover {background-position: left -84px;}
.mainLink {zoom: 1;}
.mainLink:after {
	display: block;
	clear: both;
	content: '';
}
.mainLink li, .mainLink a {float: left;}
.mainLink li:first-child {padding-left: 0;}
.mainLink a {
	width: 105px;
	padding-top: 60px;
	background: url("../images/bg_main_link.png") no-repeat left top;
	font-family: "NGothicBold";
	text-align: center;
}
.mainLink .mainLink02 {background-position: -115px top;}
.mainLink .mainLink03 {background-position: -223px top;}
.bannerList {overflow: hidden;}
.bannerList li {
	padding-left: 14px;
	margin-top: 10px;
}
.bannerList li, .bannerList a {float: left;}

/* intro */
.greetingCont {position: relative;}
.greetingImg {
	position: absolute;
	top: 0;
	left: 0;
}
.ceoTit {padding: 0px 0 30px 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: 40px;}
.greetingFirst {margin-left: 345px;}
.greetingFirst p {
	margin-bottom: 20px;
	text-align: justify;
}
.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;
}
.imgCeo p {
	margin-top: 13px;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicbold";
}
.imgCeo .txtSub {
	color: #666;
	font-weight: normal;
	font-size: 12px;
}
.careerCeo {
	float: left;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.careerCeo li {line-height: 1.65;}
.txtCareer {
	display: block;
	padding-left: 64px;
}
.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 {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: 400px;
}
.companyIntro02 p {padding-top: 10px;}
.companyIntro01 h3, .companyIntro02 h3  {
	padding-top: 15px;
	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;
	font-size:30px;
	font-weight:bold;
	color:#237dc9;
}
.missionCont img {
	display: block;
	width: 730px;
	height: 510px;
}
.missionCont.vision img {
	display: block;
	width: 730px;
	height: 421px;
}
.missionEnTit {
	font-family: "NGothicBold";
	font-size:16px;
}
.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;
	min-height: 96px;
	width: 149px;
	border-left: 1px solid #e5e5e5;
	text-align: left;
}
.missionValue div:first-child {border-left: 0;}
.missionValue h4 {
	padding: 17px 0 13px;
	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: 650px;
	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: 240px;}
.visionCont .visionItem2 {left: 30px;}
.visionCont .visionItem3 {left: 450px;}
.visionText {padding-top: 476px;}
.htyList {
	padding: 30px 0 0 224px;
	background: url("../images/bg_historylist.jpg") no-repeat left 3px;
}
.htyList > li {
	margin-top: -6px;
	overflow: hidden;
}
.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: 0px;}
.htyList strong {
	float: left;
	width: 70px;
	padding-right: 15px;
	color: #333;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.5px;
	/*padding-top: 25px;*/
}
.htyList li ul {
	float: left;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
.htyList li li {
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 10px;
}
.htyList li li span {
	display: inline-block;
	float: left;
	width: 30px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	/*padding-right: 10px;*/
}
.htyList li li span + span {
	color: #666;
	font-weight: normal;
	width: 370px;
}
.htyList li li:first-child {padding-top: 0;}
.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 {
	margin-top: 5px;
	width: 128px;
	color: #333;
}
.ciDown div {width: 180px;}
.ciDonw .ciDown01 {width: 145px}
.ciDown a {float: right;}
.ciDown .btnDown {width: 95px;}
.fieldList {
	overflow: hidden;
	margin-left: -20px;
	padding: 2px 0 20px;
}
.fieldList div {
	float: left;
	margin: 0 0 20px 20px;
	padding: 28px 20px;
	width: 313px;
	border: 1px solid #e5e5e5;
}
.fieldList em {
	color: #000;
	font-family: "NGothicBold";
}
.jwpharma {background: url("../images/bg_field_item01.jpg") no-repeat;}
.jwmedical {background: url("../images/bg_field_item02.jpg") no-repeat;}
.jwindustri {
	margin-bottom: 0;
	background: url("../images/bg_field_item03.jpg") no-repeat;
}
.fieldList h3 {
	padding-bottom: 32px;
	text-align: center;
}
.jwindustri h3 {padding-bottom: 31px;}
.jwTheriac h3 {padding-bottom: 13px;}
.fieldList .pointColor {font-family: "NGothicBold";}
.btnField {
	display: inline-block;
	margin-top: 6px;
	padding-right: 20px;
	background: url("../images/bg_btn_bul.png") no-repeat right 50%;
}
.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;
	border-bottom: 1px dashed #7e7e7e;
	zoom: 1;
}
.initialSch:after {
	display: block;
	clear: both;
	content: '';
}
.initialSch a, .btnSearch, .pdSchBar {float: left;}
.initialSch a {
	margin-right: 5px;
	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;
}
.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;}
.referTbl {margin-bottom:38px;}
.mapTit {
	margin-bottom: 15px;
	color: #613f77;
	font-weight: normal;
	font-size: 24px;
}
.traffic {
	overflow: hidden;
	margin-top: 40px;
}
.masstransit, .car {
	float: left;
	width: 360px;
}
.subway {margin-top: 28px;}
.traffic h4 {
	margin-bottom: 4px;
	font-weight: normal;
	font-family: "NGothicBold";
}
.traffic li {line-height: 1.65;}
.mapTbl {margin-bottom: 19px;}
.btnMapList {margin-top: 45px;}
.mapAllTbl {margin-top: 25px;}
.mapAllTbl .call, .mapAllTbl .address{text-align: left;}

/* 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;
}
.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: 28px;
	background: url("../images/bg_cmcstudy.gif") no-repeat left top;
}
.cmcStudy h3, .cmcStudy ul {float: left;}
.cmcStudy h3 {
	margin-top: 95px;
	margin-right: 20px;
	width: 138px;
	color: #333;
	text-align: center;
	font-weight: normal;
	font-family: "NGothicBold";
}
.cmcStudy .studyTeam {margin-top: 105px;}
.cmcStudy .studyTeam02 {margin-top: 90px;}
.cmcStudy ul {
	padding: 58px 0 30px;
	width: 553px;
}
.cmcStudy li {margin-top: 10px;}
.cmcStudy li:first-child {margin-top: 0;}
.theriacBtn {
	margin-top: 25px;
	font-family: "NGothicBold";
}
.globalField {
	margin-top: 20px;
	zoom: 1;
}
.globalField:after {
	display: block;
	clear: both;
	content: "";
}
.globalField h3 {margin-top: 17px;}
.globalField ul {margin-top: 15px;}
.globalField li {line-height: 1.65;}
.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 {
	padding-top: 12px;
	text-align: center;
}
.innovation div {position: absolute;}
.innoItem01, .innoItem02 {top: 165px;}
.innoItem02 {right: 0;}
.innoItem03 {
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.innovation h4 {
	padding-bottom: 12px;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicBold";
}
.innovation li {line-height: 1.65;}
.innoItem03 li {
	margin: 0 auto;
	width: 321px;
}
.innoItem03 li:first-child {width: 216px;}
.imgResearch {padding: 25px 0 55px;}
.unit {
	padding-bottom: 30px;
	text-align: right;
	font-size: 12px;
}
.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;}
.salesItem {
	position: relative;
	overflow: hidden;
	padding: 50px 0 110px;
	background: url("../images/img_CreaVax.jpg") no-repeat left 20px;
}
.salesItem .txtTit {margin-bottom: 25px;}
.salesItem .salesGraph {
	float: left;
	/*padding-top: 42px;*/
}
.salesItem table {
	float: right;
	width: 460px;
}
.salesItem .unit, .salesItem .unitTbl {
	position: absolute;
	top: 100px;
	left: 340px;
	padding: 0;
	font-size: 12px;
}
.salesItem .unitTbl {
	left: auto;
	right: 0;
}
.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;}
.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: #613f77;
}
.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;}
.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: 1.65;}
.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-right:15px;
	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;
}
.materialLists .circleList li {
	font-weight: normal;
	font-family: "NGothicbold";
}
.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;}

/* investors */
.tblInfo {
	padding-bottom: 18px;
	line-height: 1.5;
}
.tblInfoEm {
	display: block;
	padding-bottom: 32px;
	color: #268a89;
}
.downFile {
	padding-left: 24px;
	background: url("../../../../global/images/bg_ico_bul.png") no-repeat 0 -290px;
}
.pdfDown {
	margin-top: 12px;
	text-align: right;
}
.pdfDown .text {
	display: inline-block;
	padding: 6px 4px 5px 0;
	vertical-align: top;
}
.btnPdfDown {display: inline-block;}
.manageGraph {
	position: relative;
	margin-top: 25px;
	width: 100%;
	height: 675px;
	background: url("../images/bg_management_graph.gif") no-repeat left top;
}
.manageMission, .manageVision, .manageTactic {
	position: absolute;
	top: 74px;
}
.manageMission {left: 0;}
.manageVision {right: 0;}
.manageTactic {top: 297px;}
.manageMission h4, .manageVision h4 {
	margin-bottom: 12px;
	color: #333;
	font-weight: normal;
	font-size: 15px;
	font-family: "NGothicBold";
}
.manageTactic {zoom: 1;}
.manageTactic:after {
	display: block;
	clear: both;
	content: '';
}
.manageTactic div {
	float: left;
	margin-right: 17px;
	width: 230px;
	border: 1px solid #e5e5e5;
}
.manageTactic .manageTactic03 {margin-right: 0;}
.manageTactic h4, .manageTactic p {padding-left: 17px;}
.manageTactic h4 {margin: 20px 0 4px;}
.manageTactic ul {
	margin-top: 18px;
	padding: 20px 17px 0;
	height: 275px;
	border-top: 1px dotted #999;
}
.manageTactic li {margin-top: 8px;}
.manageTactic li strong {display: block;}

/* 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;
}

/* site map */
.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: 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";
}
.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;}

/*creagene*/
.creavaxRCC .mapTbl td {line-height: 20px;}
.sytokineWrap {
	padding-left: 270px;
	background: url("../images/img_cytokine.jpg") no-repeat left top;
}
.tbltop {
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
}
.tbltop h3 {
	float: left;
	font-size: 16px;
	color: #333;
}
.tbltop span {
	float: right;
	font-size: 12px;
	color: #333;
	margin-top: 5px;
}
.dataTbl th {padding: 7px 10px;}
.dataTbl td {padding: 7px 10px;}
.dataTbl tbody th a {
	float: right;
	margin-right: 15px;
}
.dataTbl.sytokine th {
	background: #f9f9f9;
}
.dataTbl.sytokine th div {
	/* width: 130px;
	float: left; */ /* 150911 삭제 */
	margin-top: 3px;
}
.dataTbl.sytokine th div + a.tblBtn {
	float: left;
	margin-top: 3px;
}
.dataTbl.sytokine th div + a.tblBtn.br {
	margin-top: 7px!important;
}
.dataTbl.sytokine td span {
	display: inline-block;
}
.dataTbl.sytokine tr.price td {
	color: #f38730;
	font-size: 13px; /* 150911 yw.jung 수정 */
}
.dataTbl.sytokine tr.price td p{
	color:#666; /* 150911 jj.lee 추가 */
}
.dataTbl.sytokine td span {
	color: #666;
	text-decoration: line-through;
	font-size: 12px;
}
.dataTbl .tblBtn {
	padding: 3px 9px;
	background: #58595b;
	color: #fff;
	display: inline-block;
	border-radius: 2px;
	font-size: 11px;
}
.tblComtOl {
	margin: 30px 0 50px 0;
}
.tblComt {
	margin: 30px 0 50px 0;
}
.tblComt li {
	padding: 2px 0 2px 12px;
	background: url("../images/dot_tblComt.gif") no-repeat left 8px;
}
.DCinfo {
	padding-left: 280px;
	line-height: 20px;
	background: url("../images/img_DCinfo.jpg") no-repeat left top;
}
.subContents.DCvaccine ol {line-height: 20px;}
.subContents.DCvaccine .txtTit {margin-top:30px;}
.subContents.DCvaccine .tblComt li {
	font-family: "NGothicBold";
	color: #333;
}
.subContents.DCvaccine .tblComt li span {
	display: block;
	font-family: "NGothic";
	padding: 4px 0 10px 0;
}
.subContents.DCvaccine .numlist li {
	padding-bottom: 20px;
	color: #333;
	font-family: "NGothicBold";
}
.subContents.DCvaccine .numlist p {
	color: #666;
	font-family: "NGothic";
}
.subContents .refer {
	color: #333;
	font-family: "NGothicBold";
	padding: 20px 0 60px 0;
}
.subContents .subsTxt.tech {
	padding-bottom: 450px;
	background: url("../images/img_tech.jpg") no-repeat 52px bottom;
}
.subContents.result .dataTbl td {
	text-align: left;
}
.subContents.result .dataTbl td:first-child {
	text-align: center;
}
.subContents.result .dataTbl td strong {
	color: #a46dc8;
}
/*.subContents.CMPfacility h2, .subContents.result h2 {margin-bottom: 40px;}*/
.subContents.CMPfacility .contTabTit + div,  .subContents.result .contTabTit + div {margin-top: 40px;}
.salesItem .rowDataTbl td sup {font-size: 8px;}
#contents.doc {border: none;}

/* 150729 - 미션과 비전 수정 */
.seventyCon {
	width:730px;
	height:550px;
	text-align:center;
}
.seventyCon img {margin-top:50px;}
.seventyCon h3 {
	padding-top:45px;
	font-size:42px;
	color:#237dc9;
}
.seventyCon p {
	padding-top:45px;
	font-size:13px;
	color:#6f6f6f;
}
.newVision {
	width:730px;
	height:563px;
	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;
}
.newVision p span {
	color:#237dc9;
	font-weight:bold;
}

/* 150615 - 사이토카인 수정 */
.dataTbl.sytokine th div + a.tblBtnType02 {float:none;}
.dataTbl th .tblBtnType02 {
	float:none;
	margin-right:0;
}
/*2018 추가*/

.subContents.faq_silde .title_silde {
  font-size: 25px;
  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: 40px;
  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: 40px;
  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;}

.ctp_txt_box{margin-top:20px;font-size:0}
.ctp_txt_box div{display:inline-block;padding:0 20px;height:83px;border:1px solid #e0dfe4;border-radius:5px;text-align:center;box-sizing:border-box}
.ctp_txt_box div p{display:inline-block;font-size:12px;line-height:17px;color:#333;vertical-align:middle;word-break:keep-all}
.ctp_txt_box div:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle}
.ctp_txt_box div.txt01{width:390px}
.ctp_txt_box div.txt02{margin-left:10px;width:330px}

/* data table */
.data_tbl,
.rowDataTbl {
  border: 1px solid #dfe3e6;
}
.data_tbl.td_ar td,
.rowDataTbl.td_ar td {
  text-align: right!important;
}
.data_tbl.padding10 th,
.rowDataTbl.padding10 th,
.data_tbl.padding10 td,
.rowDataTbl.padding10 td {
  padding: 17px 10px;
}
.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 10px;
  background-color: #f7f9fa;
  font-weight: normal;
  color: #333}
.data_tbl.t_l td,
.data_tbl.t_l td *{text-align:left}
.data_tbl tr.bg th,
.data_tbl tr.bg td {background-color: #f7f9fa;}
.data_tbl td {padding: 17px 8px;text-align: center;line-height:18px;word-break:keep-all}
.data_tbl_radius {border: 1px solid #a1a1a1;border-radius: 20px;margin-bottom: 30px;width:100%;overflow:hidden;box-sizing:border-box}
.data_tbl_radius .data_tbl {border: none}
.data_tbl_radius .data_tbl thead th {border-top: none;background: #4684c1;padding: 25px 18px 23px;color:#fff}
.data_tbl_radius .data_tbl thead th sup{color:#fff}
.data_tbl_radius .data_tbl tbody th {background: #f5faff;font-weight:bold}
.data_tbl_radius .data_tbl thead tr:first-child th:first-child {border-left: none}
.data_tbl_radius .data_tbl td:first-child {border-left: none}
.data_tbl_radius .data_tbl tbody th{border-left: none}

.cmo_service img{width:70%;height:auto}


/* 개인정보취급방침 */
.tbl_privacy{margin:10px 0;border:1px solid #dfe3e6;border-top:none}
.tbl_privacy th,.tbl_privacy td{padding:10px;font-size:13px;line-height:20px;color:#555;text-align:left;border-top:1px solid #dfe3e6;text-align:center;border-left:1px solid #dfe3e6}
.tbl_privacy thead th{font-weight:bold;background-color:#fafafa}
.tbl_privacy thead th{font-weight:bold;background-color:#fafafa}
.tbl_privacy tbody td{text-align:center}

.privacy_ol li{padding-left:17px}
.privacy_ol li .num{
  display:inline-block;
  margin-left:-17px;
  width:17px;
}

/* 카카오톡 상담 */
.contact_kakao{overflow:hidden;height:auto;font-size:0}
.contact_kakao .txt{display:inline-block;width:500px;font-size:13px;color:#000}
.contact_kakao .right{display:inline-block;width:230px;text-align: right}
.contact_kakao .right .btn_kakao img{height:30px}
.contact_kakao .right .qr{margin-left:10px;height:50px}
