@charset "UTF-8";

/*서브비쥬얼*/
.visual1:before{ background: url('../images/sub_visual_1.png') center center no-repeat; background-size: cover; }
/*001_sub02 CEO인사말=================================================*/
.ceo-top img {max-width:100%;margin-bottom:30px;}
.ceo-top h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
	letter-spacing: -1px;
	word-break:keep-all;
}
.ceo-txt {
    word-break: keep-all;
    line-height: 1.7;
    font-size: 17px;
    margin-top:20px;
}
.ceo-top span {color:#004b96}
.ceo-txt span {font-weight:500;color:#004b96}
@media screen and (max-width:799px) {
    /* #sub_contents {padding:50px 0;} */
    dl.ceo dd {width:100%;}
    dl.ceo dt {width: 100%;margin-top: 100px;}
    dl.ceo dt h1 {padding-bottom:30px;}
}
@media screen and (max-width:480px) {
	.ceo-top h1 {font-size:22px;}
	.ceo-txt {font-size:15px;line-height:1.5}
}
.video-wrap {width:100%;overflow: hidden;height: auto;margin-bottom:30px;}
.video-wrap video {max-width:100%;margin-top: -25px;margin-bottom:-25px;}

/*001_sub02 주요고객사=================================================*/
.partner {width:100%;display:inline-block;}
.partner li {float:left;width:33.333%;border:1px solid #d5d5d5;text-align: center;padding:20px 0;margin-right: -1px;margin-bottom: -1px;}
.partner li img {display:inline-block;}
@media screen and (max-width:1200px) {
    .partner li img {width:90%}
}

@media screen and (max-width:799px) {
    .cont_center {width:100%; padding-left:20px; padding-right:20px;}
    .partner li {width:50%}
    /* #sub_contents {padding:50px 0;} */
}

/*003/sub05 > 인증현황*/
/* patent */

.patentList:after {content:'';display:block;clear:both;}
.patentList li {padding:10px;float:left;width:25%;}
.patentList li > span {display:block;width:100%;padding:20px;border:1px solid #d9d9d9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align:center; background:#f7f7f7}
.patentList li span > img {width:100%;border:1px solid #d9d9d9;}
.patentList li:nth-child(3n) {margin-right:0;}
.patentList dl {padding:20px 0;}
.patentList dl dt {font-size:16px;color:#333;font-weight:500;}
.patentList dl dd {font-size:14px;color:#808080;font-weight:300;}
.patentList li a {display:inline-block;margin-top:10px;width:155px;height:35px;line-height:35px;text-align:center;font-size:14px;font-weight:500;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.patentList li a img {padding-top:12px;padding-left:5px;}
.patentList li a.download {color:#fff;background:#0c4da2;border:1px solid #0c4da2;}
.patentList li a.print {color:#333;border:1px solid #333;}

@media screen and (max-width:1200px) {
	.auto {width: 100%;}
}
@media screen and (max-width:1200px) {
/* patent */
	.patentList li {width:33.33%;}
}

@media screen and (max-width:980px) {
/* patent */
	.patentList li {width:50%;}
}

@media screen and (max-width:640px) {
/* patent */
	.patentList {margin:0 10px;}
	.patentList li {padding:5px; width:100%;}
	.patentList dl {padding:10px 0;}
	.patentList dl dt {font-size:15px;}
	.patentList dl dd {font-size:12px;}
	.patentList li a {width:100%; height:35px; margin-top:0;}
	.patentList li a.print {display:none;}
}


/*CI 소개*/
.ci img {max-width:100%;}
.ci_txt {
    width: 100%;
    display: block;
    margin-top: 35px;
}
.ci_txt:after {content:'';display:block;clear:both;}
.ci_txt dt {
    display: inline-block;
    float: left;
    width: 120px;
    font-size: 28px;
    line-height: 1.2;
    padding-top:8px;
}
.ci_txt dd {
    width: calc(100% - 200px);
    margin-left: 80px;
    float: left;
    font-size: 17px;
    line-height: 1.6;
    word-break: keep-all;
    color: #333;
}
@media screen and (max-width:768px) {
	.ci_txt dd {width: calc(100% - 160px);margin-left: 20px;}
}
@media screen and (max-width:480px) {
	.ci_txt dd {width: 100%;margin-left: 0px;float:none;margin-top: 10px;font-size: 15px;}
	.ci_txt dt {float:none;font-size:24px;}
	.ci_txt {margin-top:10px;}
}
/*조직도*/


/**/
#orgContainer{width:100%;}
.org-container-pc{width:100%; background:url(/images/content/org_bg.png) no-repeat right 110px;}
.org-container-m{display:none;}
.org-top-box{display:table; width:100%;}
.org-top-box dt, .org-top-box dd{display:table-cell; vertical-align:middle;}
.org-top-box dt{width:22%;}
.org-top-box dt > h3{box-sizing: content-box;width:164px; height:164px; padding:18px; border:1px solid #cfcfcf; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;}
.org-top-box dt > h3 > p{width:162px; height:162px; border:1px solid #3c3c3c; background-color:#0263ad; margin:auto; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-size:30px; color:#fff; letter-spacing:-0.45px; text-align:center; line-height:162px; font-weight:400;}
.org-top-box dd{width:78%;}
.org-top-box dd > p{font-size:36px; line-height:50px; color:#333; font-weight:300; letter-spacing:-0.75px; word-break:keep-all;}
.org-top-box dd span{display:block; color:#0263ad;}
.org-top-box dd strong{font-weight:400;}
.org-line-box{margin-left:34px; height:165px; background:url(/images/content/org_line.png) no-repeat;}
.org-list-box{margin-left:34px; }
.org-list-box > li{float:left; margin-left:11px; width:133px; text-align:center; background:url(/images/content/org_line_2.jpg) repeat-y center top;}
.org-list-box > li:first-child{margin-left:0;}
.org-list-tit{width:131px; height:61px; padding:1px; margin-bottom:20px;
	background: #0867af;
	background: -moz-linear-gradient(-45deg, #0867af 0%, #54b5fe 100%); 
	background: -webkit-linear-gradient(-45deg, #0867af 0%,#54b5fe 100%);
	background: linear-gradient(135deg, #0867af 0%,#54b5fe 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0867af', endColorstr='#54b5fe',GradientType=1 ); 
}
.top-list .org-list-tit p {
	background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e7e7e7',GradientType=0 );
	color: #333;
	height:100%;
}
.top-list .org-list-tit {margin-bottom:10px !important;}
.org-list-tit > p{font-size:16px; /*height:31px;*/ height:100%; line-height:31px; padding:15px 0; letter-spacing:-1px; color:#fff; font-weight:400;
	background: #2273c9;
background: -moz-linear-gradient(top, #2273c9 1%, #1568bb 100%);
background: -webkit-linear-gradient(top, #2273c9 1%,#1568bb 100%);
background: linear-gradient(to bottom, #2273c9 1%,#1568bb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2273c9', endColorstr='#1568bb',GradientType=0 );
}
.org-list-con{
	border:1px solid #acacac; font-size:16px; line-height:30px; padding:15px 0; letter-spacing:-1px; color:#333;margin-top:10px;
	background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e7e7e7',GradientType=0 );
}
.org-list-box > li .org-list-con:first-child{margin-top:0;}

@media all and (max-width:1200px){
	.org-container-pc{display:none;}
	.org-container-m{display:block;}
	.org-top-box dt{width:20%;}
	.org-top-box dd{padding-left:3%;}
	.org-wrap{display:table; width:100%;}
	.org-wrap > div{display:table-cell; vertical-align:top;}
	.org-left-box{width:101px; background:url(/images/content/org_line_2.jpg) repeat-y right top;}
	.org-right-box{width:calc(100% - 101px); padding-top:80px;}
	.org-list-m{width:100%;}
	.org-con-m{padding-left:15%; position:relative; background:url(/images/content/org_line_2.jpg) repeat-x left 30px; text-align:center; margin-bottom:30px;}
	.org-con-m:before{position:absolute; left:-8px; top:22px; display:block; content:""; width:8px; height:8px; border:4px solid #cfcfcf; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background-color:#eee;}
	.org-con-m .org-list-tit{width:100%; margin-bottom:0;}
	.org-con-m .org-list-con{margin-top:0; border-top:0; background-color:#fff; word-break:keep-all;}
}

@media all and (max-width:800px){
	.org-top-box dt > h3{width:143px; height:143px; padding:15px;}
	.org-top-box dt > h3 > p{width:141px; height:141px; line-height:141px; font-size:22px;}
	.org-top-box dd > p{font-size:26px; line-height:33px;}
	.org-left-box{width:88px;}
	.org-right-box{width:calc(100% - 88px); padding-top:50px;}
	.org-list-tit{height:51px;}
	.org-list-tit > p, .org-list-con{padding:10px 0;}
}

@media all and (max-width:480px){
	.org-top-box dt > h3{padding:10px; width:100px; height:100px;}
	.org-top-box dt > h3 > p{width:98px; height:98px; line-height:98px; font-size:18px;}
	.org-top-box dd > p{font-size:15px; line-height:20px;}
	.org-left-box{width:61px;}
	.org-right-box{width:calc(100% - 61px); padding-top:30px;}
	.org-list-tit{height:41px;}
	.org-list-tit > p{font-size:15px;line-height:21px;}
	.org-list-con{font-size:14px; line-height:21px;}
}
/*ㅇ*/

.laboratory-org-container-pc{width:100%;}
.laboratory-org-container-m{display:none;}
.laboratory-org-top-box{position:relative; width:100%;}
.laboratory-org-top-box > h3{box-sizing:content-box;display:inline-block; vertical-align:middle; width:363px; height:33px; font-size:30px; line-height:33px; padding:30px 0; border:1px solid #333; background-color:#0263ac; color:#fff; font-weight:400; letter-spacing:-0.75px; word-break:keep-all;}
.laboratory-org-top-box > strong{position:absolute; top:9px; right:0; display:inline-block; vertical-align:middle; width:161px; height:33px; font-size:30px; line-height:33px; padding:20px 0; color:#333; border:1px solid #333; background-color:#fff; font-weight:400;}
.laboratory-org-box{width:100%; text-align:center;}
#laboratoryOrgContainer .org-list-tit{width:163px;}
#laboratoryOrgContainer .org-list-tit > p{font-size:20px;}
.laboratory-org-box .org-list-tit{margin:0px auto;}
#laboratoryOrgContainer .org-list-box{margin:0px auto;}
#laboratoryOrgContainer .org-list-box > li{width:165px; margin-left:20px;}
#laboratoryOrgContainer .org-list-box > li:first-child{margin-left:0;}
#laboratoryOrgContainer .org-list-box > li .org-list-tit{margin-bottom:28px;}
#laboratoryOrgContainer .org-list-box > li .org-list-con{font-size:18px;}

@media all and (max-width:1200px){
	.laboratory-org-container-pc{display:none;}
	.laboratory-org-container-m{display:block;}
	#laboratoryOrgContainer .org-top-box dt > h3 > p{}
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{display:inline-block; vertical-align:middle; line-height:40px; word-break:keep-all;}
	#laboratoryOrgContainer .org-list-tit{width:100%; margin-bottom:0;}
	.laboratory-org-container-m .org-top-box dd{text-align:left;}
	.laboratory-org-container-m .org-top-box dd > strong{display:inline-block; font-size:26px; line-height:34px; color:#333; letter-spacing:-0.75px; font-weight:400; padding:7px 25px; background-color:#fff; border:1px solid #999; border-radius:34px; -moz-border-radius:34px; -webkit-border-radius:34px; -o-border-radius:34px;}
}

@media all and (max-width:800px){
	.laboratory-org-container-m .org-top-box dd > strong{font-size:20px; line-height:30px;}
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{line-height:30px;}
	#laboratoryOrgContainer .org-list-tit > p{font-size:18px;}
}

@media all and (max-width:480px){
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{line-height:24px;}
	.laboratory-org-container-m .org-top-box dd > strong{font-size:18px; line-height:26px;}
	#laboratoryOrgContainer .org-list-tit > p{font-size:16px;}
}


/* ****************** 회사소개 :: 연구소소개 조직도 ********************** */
#laboratoryOrgContainer{width:100%; max-width:1090px; margin:0px auto; text-align:center;}
.laboratory-org-container-pc{width:100%;}
.laboratory-org-container-m{display:none;}
.laboratory-org-top-box{position:relative; width:100%;}
.laboratory-org-top-box > h3{display:inline-block; vertical-align:middle; width:363px; height:33px; font-size:30px; line-height:33px; padding:30px 0; border:1px solid #0263ac; background-color:#0263ac; color:#fff; font-weight:400; letter-spacing:-0.75px; word-break:keep-all;}
.laboratory-org-top-box > strong{position:absolute; top:9px; right:0; display:inline-block; vertical-align:middle; width:161px; height:33px; font-size:30px; line-height:33px; padding:20px 0; color:#333; border:1px solid #333; background-color:#fff; font-weight:400;}
.laboratory-org-line-box{width:100%; height:69px; background:url(/001/images/org_line_2.jpg) repeat-y center top;}
.laboratory-org-box{width:100%; text-align:center;padding-left:463px;}
#laboratoryOrgContainer .org-list-tit{width:163px;position:relative;}
.laboratory-org-box .org-list-tit:after {content:'';display:block;position:absolute;height:1px;width:20px;background:#b6b6b6;right:-20px;top:50%;}
.laboratory-org-box .org-list-tit:last-child:after {display:none;}
#laboratoryOrgContainer .laboratory-org-box .org-list-tit {
	background: #0867af;
    background: -moz-linear-gradient(-45deg, #0867af 0%, #54b5fe 100%);
    background: -webkit-linear-gradient(-45deg, #0867af 0%,#54b5fe 100%);
    background: linear-gradient(135deg, #0867af 0%,#54b5fe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0867af', endColorstr='#54b5fe',GradientType=1 );
}

#laboratoryOrgContainer .laboratory-org-box .org-list-tit p {
	background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #e7e7e7 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#e7e7e7 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#e7e7e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e7e7e7',GradientType=0 );
	color:#333;
}
#laboratoryOrgContainer .org-list-tit > p{font-size:20px;}
.laboratory-org-box .org-list-tit{margin:0px auto;float: left;margin-right: 20px;}
#laboratoryOrgContainer .org-list-box{margin:0px auto;}
#laboratoryOrgContainer .org-list-box > li:first-child{margin-left:0;}
#laboratoryOrgContainer .org-list-box > li .org-list-tit{margin-bottom:12px;}
#laboratoryOrgContainer .org-list-box > li .org-list-con{font-size:18px;}

@media all and (max-width:1200px){
	.laboratory-org-container-pc{display:none;}
	.laboratory-org-container-m{display:block;}
	#laboratoryOrgContainer .org-top-box dt > h3 > p{}
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{display:inline-block; vertical-align:middle; line-height:40px; word-break:keep-all;}
	#laboratoryOrgContainer .org-list-tit{width:100%; margin-bottom:0;}
	.laboratory-org-container-m .org-top-box dd{text-align:left;}
	.laboratory-org-container-m .org-top-box dd > strong{display:inline-block; font-size:26px; line-height:34px; color:#333; letter-spacing:-0.75px; font-weight:400; padding:7px 25px; background-color:#fff; border:1px solid #999; border-radius:34px; -moz-border-radius:34px; -webkit-border-radius:34px; -o-border-radius:34px;}
}

@media all and (max-width:800px){
	.laboratory-org-container-m .org-top-box dd > strong{font-size:20px; line-height:30px;}
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{line-height:30px;}
	#laboratoryOrgContainer .org-list-tit > p{font-size:18px;}
}

@media all and (max-width:480px){
	#laboratoryOrgContainer .org-top-box dt > h3 > p span{line-height:24px;}
	.laboratory-org-container-m .org-top-box dd > strong{font-size:18px; line-height:26px;}
	#laboratoryOrgContainer .org-list-tit > p{font-size:16px;}
}

@media all and (max-width:1200px){
	.org-container-pc{display:none;}
	.org-container-m{display:block;}
	.org-top-box dt{width:20%;}
	.org-top-box dd{padding-left:3%;}
	.org-wrap{display:table; width:100%;}
	.org-wrap > div{display:table-cell; vertical-align:top;}
	.org-left-box{width:101px; background:url(/001/images/org_line_2.jpg) repeat-y right top;}
	.org-right-box{width:calc(100% - 101px); padding-top:80px;}
	.org-list-m{width:100%;}
	.org-con-m{padding-left:15%; position:relative; background:url(/001/images/org_line_2.jpg) repeat-x left 30px; text-align:center; margin-bottom:20px;}
	.org-con-m:before{position:absolute; left:-4px; top:27px; display:block; content:""; width:8px; height:8px; border:4px solid #cfcfcf; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background-color:#eee;}
	.org-con-m .org-list-tit{width:100%; margin-bottom:0;}
	.org-con-m .org-list-con{margin-top:0; border-top:0; background-color:#fff; word-break:keep-all;}
}

@media all and (max-width:800px){
	.org-top-box dt > h3{width:143px; height:143px; padding:15px;}
	.org-top-box dt > h3 > p{width:141px; height:141px; line-height:141px; font-size:22px;}
	.org-top-box dd > p{font-size:26px; line-height:33px;}
	.org-left-box{width:88px;}
	.org-right-box{width:calc(100% - 88px); padding-top:50px;}
	.org-list-tit{height:51px;}
	.org-list-tit > p, .org-list-con{padding:10px 0;}
}

@media all and (max-width:480px){
	.org-top-box dt > h3{padding:10px; width:100px; height:100px;}
	.org-top-box dt > h3 > p{width:98px; height:98px; line-height:98px; font-size:18px;}
	.org-top-box dd > p{font-size:15px; line-height:20px;}
	.org-left-box{width:61px;}
	.org-right-box{width:calc(100% - 61px); padding-top:30px;}
	.org-list-tit{height:41px;}
	.org-list-tit > p{font-size:15px; line-height:21px;}
	.org-list-con{font-size:14px; line-height:21px;}
}

.org-list-m:last-child .org-con-m{margin-bottom:0 !important;}

@media all and (max-width:1200px){
	.org-list-m:last-child .org-con-m{margin-bottom:20px !important;}
	.org-list-m:last-child .org-con-m.last-org {margin-bottom:0 !important}
}