/* 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:block; line-height:70px; background:#fff; text-align:center; color:#3b3b3b; font-size:18px; }
#lnb ul li.on a{ background:#0085cd; color:#fff; }

#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:17.06px; color:#6e6e6e; line-height:28.1px; margin-top:10px; }
.value .value_list dl.list1{ top:190px; left:7.8%; text-align:right; }
.value .value_list dl.list2{ top:190px; right:3.6%; }
.value .value_list dl.list3{ top:460px; left:3.3%; text-align:right; }
.value .value_list dl.list4{ top:460px; right:2.2%; }
/* 리더쉽 */
.readership > ul{  display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
.readership > ul > li{ 
padding:30px 0;
/*width:calc(50% - 15px); */
min-height:300px; 
/*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 60px; 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; }
/* 파트너쉽 */
.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 center /cover; height:400px; position:relative; }
.sb02 .intro > div{ width:800px; min-height:310px; position:absolute; right:40px; top:50%; transform:translateY(-50%); padding:70px 50px; box-sizing:border-box; background:rgba(255,255,255,.92); }
.sb02 .intro > div p{ font-size:16.79px; color:#6a6a6a; line-height:27.66px; }
.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 li{ width:calc(16.66% - 15px); margin:0 9px; }
.vaccine .tab ul li:first-child{ margin-left:0; }
.vaccine .tab ul li:last-child{ margin-right:0; }
/* 치료제 */
.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%; }
.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 span{ font-size:17px; color:#6d6d6d; margin-top:10px; line-height:24px; transition:color .3s; }
.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:block; line-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; }

.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;}




.tab ul li{ margin:0 20px 40px; }
.tab ul li:nth-child(6n){ margin-right:0 }
.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; }
.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{ display:none; }
.location .list2 .info ul li{ width:100%; border-bottom:1px solid #d5d5d5; text-align:center; }
.location .list2 .info ul li > div{ display:inline-block; }