@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

/* ******************  ABOUT ********************** */
.kanaph-about .kanaph-about-img{float:left;width:48.2%}
.kanaph-about .kanaph-about-img img{max-width:100%}
.kanaph-about .kanaph-about-txt{float:left;width:48%;margin-left:3.8%;word-break:keep-all}
.kanaph-about .kanaph-about-txt .kanaph-about-txt-top{padding-bottom:7px}
.kanaph-about .kanaph-about-txt .kanaph-about-txt-top p{font-weight:400;font-size:16px;letter-spacing:-0.25px;color:#444444;line-height:1.66em;padding-bottom:26px}
.kanaph-about .kanaph-about-txt .kanaph-about-txt-bottom{font-weight:500;font-size:30px;color:#444444;letter-spacing:-0.5px;line-height:1.5em;padding-bottom:50px}
.kanaph-about .kanaph-about-txt .kanaph-about-logo span{display:inline-block}
.kanaph-about .kanaph-about-txt .kanaph-about-logo span img{max-width:100%}
@media all and (max-width:1024px){	
	.kanaph-about{text-align:center}
	.kanaph-about .kanaph-about-img,
	.kanaph-about .kanaph-about-txt{float:none;width:100%;margin-left:0}
	.kanaph-about .kanaph-about-txt{margin-top:30px}
}
@media all and (max-width:800px){	
	.kanaph-about .kanaph-about-txt{margin-top:15px}
	.kanaph-about .kanaph-about-txt .kanaph-about-txt-top{padding-bottom:3.5px}
	.kanaph-about .kanaph-about-txt .kanaph-about-txt-top p{font-size:13px;padding-bottom:13px}
	.kanaph-about .kanaph-about-txt .kanaph-about-txt-bottom{font-size:20px;padding-bottom:25px}
	.kanaph-about .kanaph-about-txt .kanaph-about-txt-top p br{display:none}
	.kanaph-about .kanaph-about-txt .kanaph-about-logo span img{max-width:70%}
}
/* ****************SCIENCE*************** */
.kanaph-science-wrap{width:1000px; margin:0 auto;/*width:62.5%*//*padding: 0 18.8%*/}
.kanaph-science .kanaph-science-list li{border-bottom:1px solid #dddddd;text-align:center;padding:52px 0 24px 0}
.kanaph-science .kanaph-science-list li:first-child{padding-top:0}
.kanaph-science .kanaph-science-list .kanaph-science-list-inner .science-list-tit{font-size:30px;font-weight:600;letter-spacing:-0.25px;color:#333333;line-height:1.4em;padding-bottom:34px}
.kanaph-science .kanaph-science-list .kanaph-science-list-inner .science-list-tit span{font-weight:400}
.kanaph-science .kanaph-science-list .kanaph-science-list-inner p{font-size:16px;font-weight:400;color:#444444;letter-spacing:-0.25px;line-height:1.66em; text-align: left;}
.kanaph-science .kanaph-science-list .introduction-inner{padding-bottom:30px}
.kanaph-science .kanaph-science-list .introduction-inner .science-list-txt{padding: 0 2% 26px 2%}
.kanaph-science .kanaph-science-list .tmekine-inner .science-list-txt{padding: 0 2% 26px 2%}
.kanaph-science .kanaph-science-list .immune-inner .science-list-txt{padding:0 2% 26px 2%}
.kanaph-science .kanaph-science-list .molecules-inner .science-list-txt{padding:0 2% 26px 2%}
.kanaph-science .kanaph-science-list .molecules-inner .number-list{padding:0 2% 26px 2%}
.number-list{text-align:left}
.number-list span{display:block}
@media all and (max-width:1024px){	
	.kanaph-science-wrap{width:85%;padding:9.4%}
}
@media all and (max-width:800px){	
	.kanaph-science .kanaph-science-list li{padding:26px 0 12px 0}
	.kanaph-science .kanaph-science-list .kanaph-science-list-inner .science-list-tit{font-size:20px;padding-bottom:17px}
	.kanaph-science .kanaph-science-list .kanaph-science-list-inner p{font-size:13px;}
	.kanaph-science .kanaph-science-list .introduction-inner{padding-bottom:15px;}
	.kanaph-science .kanaph-science-list .introduction-inner .science-list-txt{padding: 0 1% 13px 1%}
	.kanaph-science .kanaph-science-list .tmekine-inner .science-list-txt{padding: 0 1% 13px 1%}
	.kanaph-science .kanaph-science-list .immune-inner .science-list-txt{padding:0 1% 13px 1%}
	.kanaph-science .kanaph-science-list .molecules-inner .science-list-txt{padding:0 1% 13px 1%}
	.kanaph-science .kanaph-science-list .molecules-inner .number-list{padding:0 1% 13px 1%; text-align: center;}
}
/* ************CAREERS***************** */
.kanaph-careers-top{/*width:62.5%;*/padding: 0 18.8%;margin:0 auto;text-align:center}
.kanaph-careers-top .kanaph-careers-top-list li{border-bottom:1px solid #dddddd;padding:49px 0 54px 0}
.kanaph-careers-top .kanaph-careers-top-list li:first-child{padding:0 0 54px 0}
.kanaph-careers-top .kanaph-careers-top-img{padding-bottom:14px}
.kanaph-careers-top .kanaph-careers-top-img span, .job-opportunities-top span{display:inline-block;padding-bottom:21px}
.kanaph-careers-top .kanaph-careers-top-img span img, .job-opportunities-top span img{height: 93px;}
.kanaph-careers-top .kanaph-careers-top-img .kanaph-careers-top-tit, .job-opportunities-top .job-opportunities-tit{font-weight:700;font-size:24px;letter-spacing:-0.25px;color:#333333;line-height:1.5em}
.kanaph-careers-top .kanaph-careers-top-txt p{font-weight:300;font-size:16px;letter-spacing:-0.25px;color:#444444;line-height:1.66em;padding: 0 15.5%}
.job-opportunities-top{text-align:center;padding:49px 0 33px 0}
.job-opportunities-content .job-opportunities-list li{border:1px solid #dedede;float:left;width:calc(25% + 1px);margin:-0.5px;box-sizing:border-box;padding:31px 29px 25px 29px}
.job-opportunities-content .job-opportunities-list-inner dl dt{font-weight:400;font-size:11px;letter-spacing:-0.25px;color:#999999;text-transform:uppercase;padding-bottom:3px}
.job-opportunities-content .job-opportunities-list-inner dl dd{font-weight:400;font-size:16px;color:#333333;line-height:1.56em}
.job-opportunities-list-inner{background:url("/images/content/opportunities_bg.png") no-repeat right bottom;background-size:120px}
.job-opportunities-list-inner dl{padding-bottom:21px}
.job-opportunities-list-inner dl:last-child{padding-bottom:0}
.job-opportunities-content .management-view-btn{margin-top:3px}
@media all and (max-width:1024px){	
	.kanaph-careers-top{/*width:85%*/padding:9.4%}
	.job-opportunities-content .job-opportunities-list li{width:50%;}
}
@media all and (max-width:800px){	
	.kanaph-careers-top .kanaph-careers-top-list li{padding:24.5px 0 27px 0}
	.kanaph-careers-top .kanaph-careers-top-list li:first-child{padding:0 0 27px 0}
	.kanaph-careers-top .kanaph-careers-top-img{padding-bottom:7px}
	.kanaph-careers-top .kanaph-careers-top-img span, .job-opportunities-top span{padding-bottom:10.5px}
	.kanaph-careers-top .kanaph-careers-top-img span img, .job-opportunities-top span img{height: 50px;}
	.kanaph-careers-top .kanaph-careers-top-img .kanaph-careers-top-tit, .job-opportunities-top .job-opportunities-tit{font-size:17px}
	.kanaph-careers-top .kanaph-careers-top-txt p{font-size:13px;padding: 0 7.75%}
	.job-opportunities-top{padding:24.5px 0 16.5px 0}
	.job-opportunities-content .job-opportunities-list li{/*width:50%;*/padding:15.5px 14.5px 12.5px 14.5px}
	.job-opportunities-content .job-opportunities-list-inner dl dt{font-size:11px;padding-bottom:1.5px}
	.job-opportunities-content .job-opportunities-list-inner dl dd{font-size:13px;}
	.job-opportunities-list-inner dl{padding-bottom:10.5px}
	.job-opportunities-content .management-view-btn{margin-top:1.5px}
	.job-opportunities-list-inner{background-size:84px; -webkit-background-size: 30%; background-size: 30%;}
}
@media all and (max-width:480px){		
	.job-opportunities-content .job-opportunities-list li{float:none;width:100%;margin:-1px 0}
}


/* ************ 200901 EB ************ */
.new-kanaph-science ul.news-cm-tab li {margin: 20px 7px 75px;}
.science-list-dot-txt{margin-top: 20px; position: relative; padding-left: 10px; font-size: 15px; line-height: 1.6; font-weight: 400; letter-spacing: -0.25px; color: #444;}
.science-list-dot-txt b{color:#000;}
.science-list-dot-txt b span{vertical-align: super; font-size:5px}
.science-list-dot-txt:before{position: absolute; top: 12px; left: 0; display: block; content: ''; width: 5px; height: 5px; -webkit-border-radius: 100%; border-radius: 100%; background-color: #d61786;}
.introduction-inner.add-css{padding: 0 2% 26px 2%;}
.new-kanaph-science .kanaph-science-list .introduction-inner.add-css .science-list-txt{padding: 0; padding-bottom: 10px;}
.science-list-img{margin-top: 60px; text-align: center; overflow: hidden;}
.science-list-img .custom-scrollbar-wrapper {margin-right: 0;}
.science-list-img.mt-0{margin-top: 0;}
.science-list-img img{max-width: 100%; display: inline-block;}

@media all and (max-width:800px){	
	.new-kanaph-science .kanaph-science-wrap {width: 100%; padding: 9.4% 0;}
	.new-kanaph-science ul.news-cm-tab li {margin: 10px 5px 20px;}
	.science-list-dot-txt{margin-top: 10px; padding-left: 10px; font-size: 13px; line-height: 1.6;}
	.science-list-dot-txt:before{top: 10px; width: 3px; height: 3px;}
	.introduction-inner.add-css{padding: 0 1% 13px 1%;}
	.new-kanaph-science .kanaph-science-list .introduction-inner.add-css .science-list-txt{padding-bottom: 10px;}
	.science-list-img{margin-top: 30px;}
}