/* common */
#sv{ height:425px; background:no-repeat center /cover; position:relative; }
#sv .titBox{ width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); }
#sv .titBox h2{ font-size:5rem; color:#fff; text-transform:uppercase; font-weight:700; text-shadow:0 0 5px rgba(0,0,0,.26); font-family: 'Montserrat'; letter-spacing:-0.05em; }
#sv .titBox h2 + p{ font-size:18px; color:#fff; font-weight:500; margin-top:10px; text-shadow:0 0 5px rgba(0,0,0,.26); }
#lnb { position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; }
#lnb ul li{ float:left; border:1px solid #d6d7d8; border-right:none; box-sizing:border-box; }
#lnb ul li.on{ border-color:#0085cd; }
#lnb ul li:last-child{ border-right:1px solid #d6d7d8; }
#lnb ul li a{ display:table; width:100%; height:70px; background:#fff; text-align:center; color:#3b3b3b; font-size:18px; }
#lnb ul li.on a{ background:#0085cd; color:#fff; }
#lnb ul li a span{ display:table-cell; vertical-align:middle; }

#sv.sv01{ background-image:url(/img/sub/sv01.jpg); background-position:69% center; }
#sv.sv02{ background-image:url(/img/sub/sv02.jpg); }
#sv.sv03{ background-image:url(/img/sub/sv03.jpg); }
#sv.sv04{ background-image:url(/img/sub/sv04.jpg); }
#sv.sv05{ background-image:url(/img/sub/sv05.jpg); background-position:70% center; }
#sv.sv06{ background-image:url(/img/sub/sv06.jpg); }


#sb{ padding:100px 0 160px; }
#sb h3{ font-size:4rem; font-weight:700; color:#1c1c1c; text-align:center; margin-bottom:100px; }
#sb h3:after{ content:''; display:block; width:54px; height:4px; background:#0085cd; margin:30px auto 0; }



/*************************************************************************************************
회사소개
**************************************************************************************************/
.sb01 .company_txt{ text-align:center; margin-bottom:60px; }
.sb01 .company_txt p{ display:inline-block; padding:20px 50px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; }
.sb01 .company_txt p,.sb01 .company_txt p span{ text-align:center; text-transform:uppercase; font-size:15px; letter-spacing:0.6em; color:#13358b; font-weight:500; font-family: 'Montserrat'; }
.sb01 .company_txt p span{ color:#0085cd; } 
/* 대표인사말 */
.greeting > div{ float:left; }
.greeting .img{ width:341px; }
.greeting .txt{ /* width:calc(100% - 341px); padding-left:40px; */ box-sizing:border-box; }
.greeting .txt > strong{ font-size:3rem; color:#0085cd; line-height:41px; font-weight:400; }
.greeting .txt > p{ font-size:17px; color:#6e6e6e; line-height:28px; margin-top:30px; }
.greeting .txt > p span{ display:block; margin-bottom:30px; }
.greeting .txt .sign{ text-align:right; }
.greeting .txt .sign span{ margin-bottom:10px; }
.greeting .txt .sign strong{ font-size:18px; color:#333; }
/* 기업소개 */
.value .intro{ background:url(/img/sub/value_bg.png) no-repeat center /auto 100%; text-align:center; padding:17% 0; }
.value .intro > strong{ font-size:3.6rem; font-weight:700; color:#0085cd; font-family: 'Montserrat'; }
.value .intro .b_txt{ font-size:3rem; color:#545454; margin-top:20px; }
.value .intro .b_txt span{ font-weight:700; }
.value .intro .txt{ font-size:17px; color:#6e6e6e; line-height:28px; margin-top:10px; }
.value .value_list{ background:url(/img/sub/value_bg_2.png) no-repeat center; height:781px; margin-top:-130px; position:relative; }
.value .value_list > p{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:-30px; text-align:center; color:#fff; font-size:17px; }
.value .value_list > p span{ display:block; font-family: 'Montserrat'; font-size:3rem; font-weight:700; line-height:1.5; }
.value .value_list dl{ position:absolute; }
.value .value_list dl:before, .value .value_list dl:after{ content:''; display:block; background:#8f8f8f; position:absolute; top:28px; }
.value .value_list dl:before{ width:60px; height:1px; }
.value .value_list dl:after{ width:7px; height:7px; border-radius:50%; top:25px; }
.value .value_list dl.right:before{ left:-70px; }
.value .value_list dl.right:after{ left:-74px; }
.value .value_list dl.left:before{ right:-70px; }
.value .value_list dl.left:after{ right:-74px; }
.value .value_list dl dt{ font-size:20.77px; color:#1c1c1c; font-weight:700; }
.value .value_list dl dd{ font-size:14px; color:#6e6e6e; line-height:24px; margin-top:10px; }
.value .value_list dl.list1{ top:190px; left:0%; text-align:right; }
.value .value_list dl.list2{ top:190px; right:1.1%; }
.value .value_list dl.list3{ top:460px; left:-2.3%; text-align:right; }
.value .value_list dl.list4{ top:460px; right:2.5%; }
/* 리더쉽 */
.readership > ul{  }
.readership > ul > li{ width:calc(50% - 15px); height:250px; margin:0 15px 30px; float:left; border:1px solid #dedede; box-sizing:border-box; background:#fff url(/img/sub/readership_bg.jpg) no-repeat right top; position:relative; }
.readership > ul > li:nth-child(odd){ margin-left:0; }
.readership > ul > li:nth-child(even){ margin-right:0; }
.readership > ul > li dl{ padding:50px 0 0 90px; box-sizing:border-box; }
.readership > ul > li dl dt{ font-size:3rem; color:#1c1c1c; font-weight:500; }
.readership > ul > li dl dt span{ font-size:2.4rem; color:#0085cd; padding-left:10px; }
.readership > ul > li dl dd{ margin-top:20px; }
.readership > ul > li dl dd ul li{ font-size:17px; color:#818080; line-height:28px; font-weight:300; padding-left:15px; position:relative; }
.readership > ul > li dl dd ul li:before{ content:''; display:block; width:5px; height:5px; border-radius:50%; background:#b2b2b2; position:absolute; left:0; top:12px; }
/* 리더십 */
.leadership > .img{ position:relative; overflow:hidden; padding-top:37.584%; }
.leadership > .img img{ position:absolute; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; margin:auto; width:100%; min-height:100%; }
.leadership .list{ background:#fff; width:1116px; margin:0 auto; position:relative; top:-85px; z-index:3; padding:0 30px; box-sizing:border-box; }
.leadership .list dl > *{ box-sizing:border-box; border-bottom:1px solid #e7e7e7; }
.leadership .list dl dt{ padding:35px 0 30px; cursor:pointer; }
.leadership .list dl dt > *{ font-weight:500; letter-spacing:-0.025em; }
.leadership .list dl dt .name{  font-size:24px; color:#1c1c1c; }
.leadership .list dl dt .position{ font-size:18px; color:#696969; line-height:28px; margin-top:4px; }
.leadership .list dl.active dt > *{ color:#0085cd; }
.leadership .list dl dd{ padding:30px 0 35px; display:none; }
.leadership .list dl dd ul li{ padding-left:10px; box-sizing:border-box; font-weight:300; font-size:17px; letter-spacing:-0.05em; color:#696969; position:relative; line-height:28px; }
.leadership .list dl dd ul li:before{ content:''; display:block; width:5px; height:5px; border-radius:50%; background:#b2b2b2; position:absolute; left:-2px; top:13px; }

/* 파트너쉽 */
.partner .intro{ height:450px; position:relative; background:url(/img/sub/partnership_bg.jpg) no-repeat center /cover; }
.partner .intro > p{ position:absolute; width:60%; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; padding:70px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#54b8ee+0,0085cd+100&0.93+0,0.93+100 */
background: -moz-linear-gradient(-45deg, rgba(84,184,238,0.93) 0%, rgba(0,133,205,0.93) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(84,184,238,0.93) 0%,rgba(0,133,205,0.93) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(84,184,238,0.93) 0%,rgba(0,133,205,0.93) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed54b8ee', endColorstr='#ed0085cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.partner .intro > p > *{ display:block; color:#fff;  }
.partner .intro > p strong{ font-size:3.6rem; font-weight:700; font-family: 'Montserrat'; margin-bottom:20px; letter-spacing:0; }
.partner .intro > p span{ font-size:17px; line-height:25px; letter-spacing:-0.05em; }
.partner .list dl{ margin-top:80px; }
.tit_s1{ font-size:24px; font-weight:500; color:#1c1c1c; margin-bottom:30px; padding-left:25px; position:relative; }
.tit_s1:before{ content:''; display:block; width:12px; height:12px; box-sizing:border-box; background:#fff; border:3px solid #0085cd; position:absolute; left:0; top:8px; }
.partner .list dl dd ul li{ float:left; width:calc(25% - 15px); margin:20px 10px 0; border:1px solid #ccc; box-sizing:border-box; }
.partner .list dl dd ul li:nth-child(1),.partner .list dl dd ul li:nth-child(4n+1){ margin-left:0; }
.partner .list dl dd ul li:nth-child(4n){ margin-right:0; }
.partner .list dl dd ul li img{ width:100%; }






/*************************************************************************************************
연구기반기술
**************************************************************************************************/
.table_wrap{ overflow-x:auto; }
table{ width:1200px; }
.tech_cont th,.tech_cont td{ padding:20px 0; text-align:center; }
.tech_cont table thead th{ background:#f4f5f6; font-size:17px; color:#383838; font-weight:500; border-right:1px solid #d1d2d2; border-top:1px solid #555; border-bottom:1px solid #555; }
.tech_cont table thead th:last-child{ border-right:0; }
.tech_cont table tbody tr td{ border-bottom:1px solid #d1d2d2; border-left:1px solid #d1d2d2; font-size:17px; color:#737373; line-height:24px; }
.tech_cont table tbody tr td.tit{ font-size:17px; font-weight:500; color:#0085cd; letter-spacing:-0.05em; border-left:0; }
.tech_cont table tbody tr td.bg_blue{ background:#e7f6ff; font-size:16px; font-weight:500; }

.sb02 .intro{ background:no-repeat left center /cover; /*height:400px;*/ position:relative; padding:3% 5%; box-sizing:border-box; }
.sb02 .intro:after{ content:''; display:block; clear:both; }
.sb02 .intro > div{ /*width:70%; min-height:310px; float:right; width:800px;  position:absolute; right:40px; top:50%; transform:translateY(-50%);*/ padding:50px; box-sizing:border-box; background:rgba(255,255,255,.85); }
.sb02 .intro > div p{ font-size:16.79px; color:#6a6a6a; line-height:28px; margin-bottom:20px; }
.sb02 .intro > div p:last-child{ margin-bottom:0; }
.sb02 .intro > div p em{ font-size:17px; color:#444; }
.sb02 .intro > div p span{ color:#0085cd; }
.sb02 .tech_cont dl{ margin-top:70px; }

/* 백신 */
.vaccine .intro{ background-image:url(/img/sub/vaccine_intro.jpg); }
.vaccine .tab ul { margin:0 -5px; }
.vaccine .tab ul li{ width:calc(14% - 10px); margin:0 5px 10px 5px; height:290px; }
.vaccine .tab ul li:first-child{ margin-left:9px; }
.vaccine .tab ul li:last-child{ margin-right:9px; }
/* 치료제 */
.remedy .intro{ background-image:url(/img/sub/remedy_intro.jpg); }
.remedy .disease_tab > dl{ float:left; width:50%; }
.remedy .disease_tab .tab ul li{ width:calc(33.33% - 33.3px); margin:0 10px; }
/* 약 */
.drugs .intro{ background-image:url(/img/sub/drugs_intro.jpg); }

/*************************************************************************************************
파이프라인
**************************************************************************************************/
/* pipe */
.pipe{ background:url(/img/sub/pipe_bg.jpg) no-repeat left top /cover; padding-bottom:160px; }

/* tab */
.tab{ margin:80px 0 70px; }
.tab ul li{ float:left; width:calc(16.66% - 33.3px); height:260px; margin:0 20px; border:1px solid #e5e4e4; box-sizing:border-box; }
.tab ul li:first-child{ margin-left:0; }
.tab ul li:last-child{ margin-right:0; }
.tab ul li a{ display:block; height:100%; padding:18px 0; position:relative; box-sizing:border-box; }
.tab ul li a:after{ content:''; display:block; width:100%; height:0px; background:#0085cd; position:absolute; left:0; bottom:0; transition:all .3s; }
.tab ul li:hover a:after,
.tab ul li.on a:after{ height:7px; }
.tab ul li .img{ padding:0 20px; box-sizing:border-box; }
.tab ul li .img img{ display:block; margin:0 auto; max-width:100%; width:50%; }
.tab ul li .txt{ padding-top:25px; box-sizing:border-box; text-align:center; }
.tab ul li .txt > *{ display:block; }
.tab ul li .txt strong{ color:#1c1c1c; font-weight:700; text-transform:uppercase; font-family: 'Montserrat'; font-size:16px; }
.tab ul li .txt strong em{ font-size:13px; text-transform:none; color:#555; font-weight:400; }
.tab ul li .txt span{ font-size:15px; color:#6d6d6d; margin-top:10px; line-height:24px; transition:color .3s; padding:0 10px; box-sizing:border-box; }
.tab ul li .txt span span { padding:0 0; font-size:13px; }
.tab ul li:hover .txt span,
.tab ul li.on .txt span{ color:#0085cd; }

/* 질병분야 */
.depth3 ul{ border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; margin-bottom:55px; }
.depth3 ul li{ float:left; width:25%; text-align:center; }
.depth3 ul li a{ display:table; width:100%; height:55px; font-size:18px; font-weight:500; color:#1f2223; border-bottom:3px solid transparent; box-sizing:border-box; }
.depth3 ul li.on a{ color:#0085cd; border-color:#0085cd; }
.depth3 ul li a span{ display:table-cell; vertical-align:middle; }

.disease_box .disease > *{ float:left; }
.disease_box .disease .img{ width:257px; }
.disease_box .disease .txt{ width:calc(100% - 257px); padding-left:40px; box-sizing:border-box;}
.disease_box .disease .txt .b_txt{ font-size:4rem; color:#131313; line-height:36px; margin-bottom:30px; }
.disease_box .disease .txt .s_txt{ font-size:17px; color:#585454; line-height:28px; }
.disease_box .disease .txt .s_txt p{ margin:20px 0; }
.disease_box .disease .txt .s_txt p span{ color:#0085cd; }
.tab_list .list{ display:none; }
.tab_list .list .tit{ margin-bottom:60px; text-align:center; }
.tab_list .list .tit > span{ font-weight:500; font-size:17px; color:#1c1c1c; }
.tab_list .list .tit > p{ font-size:30px; color:#343434; margin-top:10px; }
.tab_list .list .tit > p span{ color:#0085cd; }
.tab_list .list dl{ border-top:1px solid #e5e6e6; padding:35px 0 50px; }
.tab_list .list dl:first-child{ border-top:2px solid #414141; }
.tab_list .list dl:after{ content:''; display:block; clear:both; }
.tab_list .list dl > *{ float:left; }
.tab_list .list dl dt{ width:130px; font-size:17px; font-weight:500; color:#0085cd;line-height:28px; }
.tab_list .list dl dd{ width:calc(100% - 130px); font-size:17px; color:#717171; line-height:28px; }
.tab_list .list dl dd ul { }
.tab_list .list dl dd ul li{ padding-left:30px; box-sizing:border-box; position:relative; }
.tab_list .list dl dd ul li:before{ content:attr(data-num); display:block; width:20px; height:20px; border-radius:50%; background:#555; color:#fff; font-weight:600; font-size:14px; font-family: 'Montserrat'; line-height:20px; text-align:center; position:absolute; left:0; top:6px;}

.infectious .tab ul li{ margin:0 20px 40px; }
.infectious .tab ul li:nth-child(6n){ margin-right:0; }
.infectious .tab ul li:nth-child(6n+1){ margin-left:0; }








/*************************************************************************************************
제조시설
**************************************************************************************************/
.manu .facility > *{ float:left; }
.manu .facility .img{ width:514px; }
.manu .facility .txt{ width:calc(100% - 514px); padding-left:50px; box-sizing:border-box; }
.manu .facility .txt .tit{ font-family: 'Montserrat'; font-weight:700; font-size:3.6rem; color:#0085cd; letter-spacing:0; }
.manu .facility .txt > div{ margin-top:40px; }
.manu .facility .txt > div p{ font-size:18px; color:#6a6a6a; letter-spacing:-0.05em; line-height:28px; margin-bottom:35px; }
.manu > p{ margin-top:135px; }
.manu > p img{ width:100%; }







/*************************************************************************************************
contact
**************************************************************************************************/
.tab_s2 { text-align:center; margin-bottom:60px; }
.tab_s2 ul{ display:inline-block; }
.tab_s2 ul li{ float:left; width:220px; line-height:50px; text-align:center; color:#1c1c1c; font-size:16px; border:1px solid #dfdfdf; cursor:pointer; }
.tab_s2 ul li:last-child{ border-left:none; }
.tab_s2 ul li.on{ background:#0085cd; color:#fff; }
.location_list .map{ border:1px solid #dfdfdf; }
.location .info ul li{ /*float:left; width:50%; height:127px;*/ padding:30px 20px; box-sizing:border-box; border-bottom:1px solid #d5d5d5; }
.location .info ul li:last-child{ border-bottom:none; }
.location .info ul li .tit{ font-size:2.4rem; color:#414141; font-weight:500; margin-bottom:20px; padding-left:30px; box-sizing:border-box; position:relative; }
.location .info ul li .tit:before{ content:''; display:block; background:no-repeat 0 0; position:absolute; left:0; top:5px; }
.location .info ul li:nth-child(1) .tit:before{ width:17px; height:25px; background-image:url(/img/sub/location_icon01.png);}
.location .info ul li:nth-child(2) .tit:before{ width:18px; height:18px; background-image:url(/img/sub/location_icon02.png); }
.location .info ul li:nth-child(3) .tit:before{ width:18px; height:23px; background-image:url(/img/sub/location_icon03.png); }
.location .info ul li .tit span{ display:inline-block; color:#fff; background:#696969; padding:3px 10px; border-radius:20px; margin-left:10px; }
.location .info ul li .txt{ font-size:16px; color:#414141; line-height:1.3; }
.location .info ul li .txt p{ display:inline-block; }
.location .info ul li .txt p:after{ content:'|'; display:inline-block; margin:0 5px; }
.location .info ul li .txt p:last-child:after{ display:none; }
.location .info ul li .txt p strong{ font-weight:700; text-transform:uppercase; }
.location .list2{  margin-top:60px; }
/*
.location .list2 .info ul li{ width:100%; border-bottom:1px solid #d5d5d5; text-align:left; }
.location .list2 .info ul li > div{ display:inline-block; }
*/