@charset "utf-8"; 
@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.mt50{margin-top:50px !important;}

/* sub visual */
.sub_visual_box { width: 100%; height: 480px; overflow: hidden; position: relative; } 
.sub_page_visual { background-repeat: no-repeat; background-position: center; background-size: cover; animation: bg-active 5s; height: 100%; overflow: hidden; } 

/* sub visual + pc_top_menu */
.sub_visual_box .visual_menu_wrap { padding-top: 60px; position: relative; z-index: 1111; } 
.depth_wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; max-width: 1300px; margin: 0 auto; font-size: 18px; width: 100%; height: 100%;}
.depth_wrap .depth_name { display: flex; justify-content: space-between; min-width: 87px; align-items: center; font-size: 18px; color: #444;} 
.depth_wrap > div.home_btn { padding-right: 20px; padding-left: 0; border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8; width: 60px; text-align: center; padding: 0;} 

.depth_wrap > div { padding: 0 20px; position: relative; border-right: 1px solid #e8e8e8; cursor: pointer; height: 60px; line-height: 60px;} 
.depth_wrap > div.depth2{width: 100%;max-width: 310px;}
.depth_wrap > div.depth3 {/* display: none; *//* width: auto; */width: 100%;max-width: 328px;} 
.depth_wrap > div.depth3.show { display:block; } 
.depth_wrap > div
.depth_wrap > div:last-child { border-right: unset; } 
.depth_wrap > div .depth_name img {width: 20px; height: 20px;} 
.visual_menu_wrap {   width: 100%; height: 60px;border-bottom: 1px solid #e8e8e8; border-top:1px solid #e8e8e8;}
.visual_menu_wrap .com_depth { position: absolute; background: var(--main-color); padding: 10px 5px;  width: 96%; left: 50%; transform: translateX(-50%); top: 60px; z-index: 999; } 
.visual_menu_wrap .com_depth li{height: 50px; line-height: 50px;}
.visual_menu_wrap .com_depth li a { color: #fff; display: block; padding: 3px 3px 3px 10px; font-size: 15px; } 
.depth_wrap > div.depth1{max-width: 300px; width: 300px;}


.sub_page_visual1 { background-image: url(../../img/sub_visual_01_eng.jpg)}
.sub_page_visual2 { background-image: url(../../img/sub_visual_02.jpg); }
.sub_page_visual3 { background-image: url(../../img/sub_visual_03.jpg); }
.sub_page_visual4 { background-image: url(../../img/sub_visual_04_eng.jpg); }
.sub_page_visual5 { background-image: url(../../img/sub_visual_05.jpg); }
.sub_page_visual6 { background-image: url(../../img/sub_visual_06.jpg); }


 /* 애니메이션 */
/* .sub_visual_3 { animation: bg-active 5s; } */
@keyframes bg-active { 
 0% { transform: scale(1.09); opacity: 0.9; } 
100% { transform: scale(1); opacity: 1; } 
 }
 /* sub_visual */
 .sub_visual_txt { position: absolute; bottom: -50px; left: 50%; transform: translate(-50%,-50%); z-index: 10; text-align: left; font-size: 16px; width: 90%; max-width: 1300px; } 
 .sub_visual_txt h2 { font-size: 24px; font-weight: 600; padding-bottom: 10px;  font-weight: 500; color: #37499c; margin-top: 30px;  line-height: 1.5;}
 .sub_visual_txt h1 { font-size: 60px; font-weight: 600; color: #000f53;}

 
 .tit_box { font-size: 20px; text-align: center; padding-top: 80px; padding-bottom: 80px; } 
 .tit_box .tit_bar { width: 1px; height: 68px; display: block; background: var(--main-color); margin: 0 auto; transform: rotate(29deg); margin-bottom: 20px; } 
 .tit_box h2 { font-size: 42px; /* font-size: 2.3em; */ } 
 .tit_box p { padding: 40px 0; } 

/* top menu */
.top_menu .mobile_sub_menu { display: none; } 

/* title */
.sub_com .tit_wrap { text-align: center; padding: 70px; width: 100%; } 
.sub_com .tit_wrap h1 { font-size: 45px; } 
.sub_com .tit_wrap p { font-size: 18px; color: #959595; } 

.img_wrap{text-align: center; margin-top: 50px;}
/*******공통sub******/
.sub_inner{max-width: 1300px; margin: 100px auto ; }
.dep1_depth2{margin: 100px 0;display: flex; border: 1px solid #dadada;}
.dep1_depth2 li{width: calc(100% / 4 ); height: 70px; line-height: 70px; text-align: center; font-size: 18px; border-right: 1px solid #dadada; transition: all .3s;}
.dep1_depth2 li:last-child{border-right: none;}
.dep1_depth2 li a{display: block; width: 100%; height: 100%;}
.dep1_depth2 li.on{background-color: #000f53;}
.dep1_depth2 li.on a{color: #fff;}
.sub_tit{font-size: 50px; text-align: center; color: #111;}
.sub_tit span{font-size: 22px; display: block; color: #666; margin-top: 20px;}
.sub_tit span.point_all{color:red;font-size:20px;font-weight:normal;line-height: 1.3}
.dep1_depth2 li:hover{background-color: #000f53;}
.dep1_depth2 li:hover a{color: #fff;}

.dep2_depth2 li{width: calc(100% / 2 ); height: 70px; line-height: 70px; text-align: center; font-size: 18px; border-right: 1px solid #dadada; transition: all .3s;}
.dep3_depth2 li{width: calc(100% / 3 );}

/************aside**************/
.aside{position: fixed; top: 40%; right: 0;  z-index: 999;}
.aside ul{}
.aside ul li{width: 80px; height: 90px; text-align: center;padding-top: 23px; }
.aside ul li a{display: block; width: 100%; height: 100%;}
.aside ul li a img{width:30px;}
.aside ul li:nth-child(1){background-color: #fff;border: 1px solid #d2d3d3;}
.aside ul li:nth-child(1) span{color:#494a4b ; display: block; margin-top: 10px;}
.aside ul li:nth-child(2){background-color: #0a265f;}
.aside ul li:nth-child(2) span{color: #fff; display: block; margin-top: 10px;}

/*******회사개요********/
.company{border-bottom: 1px solid #ddd; padding-bottom:100px ;}
.company:last-child{border-bottom: none;}
.company h2{text-align: center; color: #111; font-size: 40px; font-weight: 700; margin:100px 0 30px; line-height: 1.2; word-break: keep-all;}
.company h2 i{display: block;}
.company p{text-align: center; color: #111; font-size: 18px; line-height: 1.5; margin: 40px 0; word-break: keep-all;}
.company p i{display: block;}

.company_cont{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap:15px;}
.company_cont div img{width:100%;}
.company_cont div .tit{margin:10px 0;}
.company_cont div .tit h3{font-size:28px;font-weight:bold;color:#000;display:flex;align-items: center;}
.company_cont div .tit h3 span{font-size:20px;margin-left:15px;display: inline;font-weight:normal;color:#494a4b;border-left:1px solid #ddd;padding-left:15px;}
.company_cont div .txt .top_t{font-size:20px;margin:12px 0;font-weight:bold;color:#0a265f;word-break: keep-all;min-height:40px;border-top:1px solid #ddd;padding-top:12px;}
.company_cont div .txt .com_list{}
.company_cont div .txt .com_list span{font-size:18px;word-break: break-word;color:#000;line-height: 1.2;text-indent: -20px;padding-left:20px;display: block;}
.company_cont div .txt .com_list span + span{margin-top:10px;}
.company_cont div .txt .com_list span:before{content:"";width:6px;height:6px;background:#0a265f;position:relative;margin-right:15px;display: inline-block;vertical-align: middle}

/*.swiper {width: 100%;height: 100%;}
.company_roll{width: 100%;}
.company_roll .swiper-slide {}
.company_roll .swiper-slide img {display: block; width: 100%;height: 100%;border-radius: 50px 0 50px 0;}
.company_roll .swiper-slide h3{font-size: 20px; text-align: center; color: #111; margin-top: 10px; word-break: keep-all; line-height: 1.2;}
.company_roll .swiper-button-next, .company_roll .swiper-button-prev{color: #e8e8e8;}*/
.company_sec2_bot{border: 2px solid #4472c4; height: 90px; position: relative;}
.company_sec2_bot ul{width: 65%; background-color: #fff; display: flex; position: absolute; top: -30px; left: 235px;}
.company_sec2_bot ul li{width: calc(100% / 2 - 30px); margin: 0 15px;}
.company_sec2_bot ul li h4{background-color: #4472c4; color: #fff; font-size: 20px; text-align: center; padding: 7px 0; border-radius: 30px; position: relative; width: 90%; margin: 0 auto;}
.company_sec2_bot ul li:nth-child(1) h4::after{content: ""; display: block; width: 20px; height: 2px; background-color:#4472c4; position: absolute; top: 15px; right: -45px;}
.company_sec2_bot ul li span{font-size: 20px;text-align: center;display: inline-block;width: 100%;color: #777;margin: 30px 0 20px 0;}
.company_sec2_bot ul li p{font-size: 26px;color: #0a265f;margin: 0;font-weight: 600; position: relative;}
.company_sec2_bot ul li:nth-child(1) p::after{content: ""; display: block; width: 20px; height: 2px; background-color:#4472c4; position: absolute; top: 20px; right: -25px;}
/*********인증및선정현황************/
.certification{display: flex; flex-wrap: wrap; margin-top: 50px;}
.certification li{width: calc(100% / 5 - 20px); margin: 20px 10px;}
.certification li .certification_img{border: 1px solid #ddd;text-align: center; padding: 10px;}
.certification li .certification_img img{width: 100%}
.certification li h4{font-size: 18px; color: #111; margin: 15px 0; line-height: 1.2; word-break: keep-all;}
.certification li h4 i{display: block;}
.certification li span{display: block; font-size: 18px; color: #888; line-height: 1.5; position: relative; padding-left: 15px;word-break: keep-all}
.certification li span::before{content: ""; display: block; width: 5px; height: 5px; background-color: #000; position: absolute; top: 10px; left: 0;}

.company_sec2{margin-top: 100px;}
.company_sec2 .company_sec2_list{display: flex; margin: 50px 0;}
.company_sec2 .company_sec2_list li{}
.company_sec2 .company_sec2_list li:nth-child(1){width: 40%;}
.company_sec2 .company_sec2_list li:nth-child(1) img.mo{display: none;}
.company_sec2 .company_sec2_list li:nth-child(2){width: 60%;}
.company_sec2 .company_sec2_list li .txt_wrap{margin: 40px 0;}
.company_sec2 .company_sec2_list li .txt_wrap p{text-align: left; margin: 0; font-size: 20px; word-break: keep-all;}
.company_sec2 .company_sec2_list li .txt_wrap span{font-size: 18px; line-height: 1.2; color: #888; word-break: keep-all;}
.company_sec3{margin-top: 100px;}


/*******연혁********/
.history_wrap{}
.history_wrap .history_top{display: flex; border-bottom: 1px solid #ddd; padding-bottom: 100px; justify-content: center;}
.history_wrap .history_top li{width: 20%; margin: 0 10px; text-align: center;}
.history_wrap .history_top li a{display: block; width: 100%; height: 100%;}
.history_wrap .history_top li h4{color: #111; font-size: 28px; font-weight: 300; width: 70%; margin: 0 auto; position: relative;}
.history_wrap .history_top li h4::after{content: ""; display: block; width: 7px; height: 7px; background-color: #ddd; border-radius: 50%; position: absolute; top: 15px; right: -53px;}
.history_wrap .history_top li:last-child h4::after{display: none;}
.history_wrap .history_top li p{font-size: 20px; margin-top: 25px; color: #111; line-height: 1.5; word-break: keep-all;}
.history_wrap .history_top li p i{display: block;}
/* .history_wrap .history_top li:nth-child(3) h4{font-weight: 900; border-bottom: 3px solid #111; padding-bottom: 10px;} */
.history_wrap .history_top li a h4.current{font-weight: 900; border-bottom: 3px solid #111; padding-bottom: 10px;}

.history_inner{ margin-top:4%;}
.histList{ margin-top:60px} 
.histList > ul {position: relative; overflow:hidden;}
.histList > ul:after {content:''; position: absolute; left:50%; top:0; width: 1px; background:#e0e0e2; height:100%;}
.histList > ul > li {content:''; display:block; clear:both;}

.histList > ul > li:after {content:''; display:block; clear:both;}
.histList .left {float: right; width: 50%;}
.histList .right {float:left; width:50%;  z-index:10 !important; box-sizing:border-box;}
.histList .summary.scroll-to-fixed-fixed {margin-top: 0px;}

.histList .textList { box-sizing:border-box;}
.histList .textList li {position: relative; padding:0 0 0 80px; margin-top:80px; text-align: left;}
.histList .textList li:first-child {margin-top:0;}
.histList .textList li:first-child .mark {top:0px}
.histList .textList li .year {position: absolute; font-size:50px; line-height:30px; font-weight:900; color:#111; margin-bottom:20px;   font-family: 'SUIT'; padding-top:1px; top: 5px; left: -170px;}
/* .histList .textList li .text {margin-top:22px;} */
.histList .textList li .text dl{ width:100%; display:table;}
.histList .textList li .text dl dt, .histList .textList li .text dl dd{ display:table-cell; vertical-align:top; font-size:18px; font-weight:300; line-height:1.9}
.histList .textList li .text dl dt{ font-weight:500; color:#222; width:60px;}
.histList .textList li:first-child {margin-top:0;}
.histList .textList li .text:after {content:''; display:block; clear:both;}
.histList .textList li .text span {float:left; font-size:18px; color:#000000; font-weight:500;}
.histList .textList li .text em {font-size:18px; color: #111; display: block; position:relative; padding-left:100px; margin-bottom: 10px; word-break: keep-all;text-indent:-100px;}
.histList .textList li .text em i{font-weight: 600; font-style: normal; color: #111; margin-right: 20px;}
.histList .textList li .text em.black{color: #111; font-weight: 700;}
.histList .textList li .text em.blue{color: #2c479a; font-weight: 600;}
.histList .textList li .mark {position: absolute; left:-20px; top:0; z-index:20;}
.histList .textList li .mark .dot {position: relative; width:40px; height:40px;}
.histList .textList li .mark .dot em {position:absolute; width:16px; height:16px; left:50%; top:50%; margin:-8px 0 0 -8px;  background:#d9f0ff; border-radius:50%;   transition:.5s all; box-sizing:border-box;}
.histList .textList li .mark .dot span {width:10px; height: 10px; background:#0072bc; border-radius:50%; position: absolute; left:50%; top:50%; margin:-5px 0 0 -5px;}
.histList .textList li .mark .dot:after {content:''; position: absolute; left:40px; top:18px; height:1px; width:50px;; background:#0a265f; }
.histList .textList li .line {position: absolute; left:0; bottom:100%; width: 1px; height:0; background:#0072bc; z-index: 10; transition:.2s all;}
.histList .textList li.active .mark .dot em {width:40px; height:40px; left:50%; top:50%; margin:-20px 0 0 -20px;  }
.histList .textList li:last-child {background:#fff; z-index: 30;}


/***********가치체계*************/
.value_wrap{border-bottom: 1px solid #ddd; padding-bottom:100px ;}
.value_wrap h2{text-align: center; color: #111; font-size: 40px; font-weight: 700; margin-bottom: 30px;}
.value_non{border-bottom: none; padding-bottom: 0;}
.value_sec1{position: relative; margin-top: 50px; width: 100%; height: 680px; }
.value_sec1 li{}
.value_sec1 li.value_mission{ position: absolute; left: 0; top: 50px;}
.value_sec1 li div{}
.value_sec1 li div img{}
.value_sec1 li.value_tit{ background: url(../../img/value_tit_bg_eng.png) no-repeat; width: 570px; height:570px; position: absolute; left: 370px;z-index: -1;display: flex; align-items: center;flex-direction: column; justify-content: center; }
.value_sec1 li.value_vision{ position: absolute; top: 50px; right: -25px;}
.value_sec1 li span{font-size: 28px; color: #111;}
.value_sec1 li h3{font-size: 50px; color: #111;}
.value_sec1 li p{color: #333; font-size: 20px; text-align: center; line-height: 1.5; margin: 40px 0; word-break: keep-all;}
.value_sec1 li p i{display: block;}
/***********가치체계-성장전략*************/
.value_sec2{background: url(../../img/value_sec2_bg.png) no-repeat; width: 100%; height: 100%;background-size: cover;}
.value_sec2 .value_sec2_list{display: flex; margin-top: 150px;}
.value_sec2 .value_sec2_list li{width: calc(100% / 3 - 60px); margin: 0 30px; height: 600px;}
.value_sec2 .value_sec2_list li:nth-child(2){transform: translateY(-50px);}
.value_sec2 .value_sec2_list li:nth-child(3){transform: translateY(-100px);}
.value_sec2 .value_sec2_list li div{}
.value_sec2 .value_sec2_list li div h3{ font-size: 50px; color: #fff}
.value_sec2 .value_sec2_list li div p{margin: 0 ; font-size: 30px; color: #fff; margin-top: 30px; text-align: center; line-height: 1.2;}
.value_sec2 .value_sec2_list li div p i{display: block;}
.value_sec2 .value_sec2_list li .green_ball{background: url(../../img/green_ball.png) no-repeat; width: 350px; height: 350px; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto 40px;}
.value_sec2 .value_sec2_list li .sky_ball{background: url(../../img/sky_ball.png) no-repeat; width: 350px; height: 350px; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto 40px;}
.value_sec2 .value_sec2_list li .blue_ball{background: url(../../img/blue_ball.png) no-repeat; width: 350px; height: 350px; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto 40px;}
.value_sec2 .value_sec2_list li>p{margin: 15px 0;text-align: left; font-size: 18px; padding-left: 20px; position: relative; word-break: keep-all;}
.value_sec2 .value_sec2_list li>p::before{content: ""; display: block; width: 5px; height: 5px; background-color: #000; position: absolute; top: 7px; left: 0;}
/***********가치체계-기업문화*************/
.value_sec3{}
.value_mar{margin: 0 auto 100px;}
.value_sec3 h3{ font-size: 40px; color: #111;}
.value_sec3 p{ font-size: 24px; color: #111; margin: 50px 0; line-height: 1.5;}
.value_sec3 p b{font-weight: 600;}
.value_sec3 img{border-radius: 50px 0 50px 0;}



/*******contact********/
.contact{}
.contact_top{}
.contact_top .contact_top_list{display: flex;}
.contact_top .contact_top_list li{width: calc(100% / 3 - 20px); margin: 0 10px;}
.contact_top .contact_top_list li .contact_top_img{}
.contact_top .contact_top_list li .contact_top_img img{width: 100%; border-radius: 50px 0 50px 0;}
.contact_top .contact_top_list li .contact_top_txt{margin-top: 40px; padding-left: 20px;}
.contact_top .contact_top_list li .contact_top_txt h4{font-size: 22px; margin-bottom: 20px; color: #111;}
.contact_top .contact_top_list li .contact_top_txt p{text-align: left; font-size: 18px; margin: 0; line-height: 1.3; color: #777; position: relative; word-break: keep-all; margin-bottom: 10px;}
.contact_top .contact_top_list li .contact_top_txt p::before{content: ""; display: block; width: 5px; height: 5px; background-color: #000; position: absolute; left: -15px ; top: 10px;}
/* .contact_top .contact_top_list li .contact_top_txt p span{border-bottom: 1px solid #000;} */
.contact_top .contact_top_list li .contact_top_txt p a{display: block;width: 100%; height: 100%; }
.contact_top .contact_top_list li .contact_top_txt p a:hover{color: #000f53;}
.contact_top .contact_top_list li .contact_top_txt p.flex {display: flex;gap:5px;}
.contact_top .contact_top_list li .contact_top_txt p.flex span{display: block;word-break: keep-all}
.contact_top .contact_top_list li .contact_top_txt p.flex:nth-child(2) span:first-child{width:118px;}
.contact_top .contact_top_list li .contact_top_txt p.flex:nth-child(3) span:first-child{width:110px;}
.contact_top .contact_top_list li .contact_top_txt p.flex:nth-child(2) span:last-child{width:calc(100% - 118px);}
.contact_top .contact_top_list li .contact_top_txt p.flex:nth-child(3) span:last-child{width:calc(100% - 110px);}


/*******contact_map********/
 .tab-content{display: none;}
 .tab-content.current{display: inherit;}
.contact_bot{margin-top: 100px; }
.contact_bot .map_tab{display: flex; margin: 40px 0; border: 1px solid #ddd; height: 65px;}
.contact_bot .map_tab li{width: calc(100% / 2 ); line-height: 1.5; text-align: center; font-size: 18px; color: #111; cursor: pointer; border-right: 1px solid #ddd; display: flex; justify-content: center; align-items: center;}
.contact_bot .map_tab li:last-child{border-right: none;}
.contact_bot .map_tab li.current{background-color: #000f53; color: #fff;}
.contact_bot .map_tab li span{}

.map_tab1{}
.map_tab1 .map_list{display: flex;}
.map_tab1 .map_list li{}
.map_tab1 .map_list li:nth-child(1){width: 55%;}
.map_tab1 .map_list li:nth-child(2){width: 45%; padding-left: 60px;}
.map_tab1 .map_list li .map_tit{border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.map_tab1 .map_list li .map_tit img{}
.map_tab1 .map_list li .map_tit h3{display: inline-block; font-size: 34px; color: #111; vertical-align: middle; margin-left: 20px;}
.map_tab1 .map_list li .map_info{}
.map_tab1 .map_list li .map_info p{text-align: left; font-size: 18px; color: #888;margin: 20px 0; word-break: keep-all;}
.map_tab1 .map_list li .map_info p span{font-size: 20px; font-weight: 600; color: #111; margin-right: 20px;}
.map_tab1 .map_list li .map_info p span img{margin-right: 10px;}
.map_tab1 .map_list li .map_info p a img{width:30px;}
.map_tab1 .map_list li h5{font-size: 18px; color: #888; margin: 20px 0; font-weight: 300; position: relative;}
.map_tab1 .map_list li h5::before{content: ""; display: block; width: 5px; height: 5px; background-color: #000; position: absolute; top: 7px; left: -15px;}
.map_tab1 .location{margin-top: 20px;}
.map_tab1 .location iframe{border-radius: 50px 0 50px 0;}


.business_tit{width:100%;padding:20px 0;border-bottom:1px solid #000F53;margin:100px 0 0 0;}
.business_tit h5{font-size:30px !important;font-weight:600 !important;text-align: left !important;margin-top:0 !important;display: flex;align-items: center;}
.business_tit h5:before{content:"";display: inline-block;vertical-align: middle;width:5px;height:25px;background:#D60011;margin-right:15px;}

/**************파이프라인-개요**************/
.business1_txt{margin-bottom: 40px;}
.business1_txt h4{color: #888; text-align: center; font-size: 18px; font-weight: 300; line-height: 1.5;}
.business1_txt h4 i{background-color:#000f53; display: inline-block; width: 5px; height: 5px; margin: 0 10px 5px 0;}
.business_table{overflow-x: auto; }
.business_table table{width: 100%; min-width: 700px;}
.business_table table tr th{ background-color: #f6f6f6; font-size: 18px; text-align: center; color: #111; font-weight: 300; padding: 20px 10px; border: 1px solid #000;}
.business_table table tr th:first-child{border-left: none;}
.business_table table tr th:last-child{border-right: none;}
.business_table table tr td{border: 1px solid #ddd; color: #666;padding: 20px 10px; font-size: 16px; text-align: center; word-break: keep-all;}
.business_table table tr td:first-child{border-left: none;}
.business_table table tr td:last-child{border-right: none;}
.business_table table tr td img{}
.business_table table tr td h3{ font-size: 18px;line-height: 1.5; color: #111;}
.business_table table tr td b{display: block; font-size: 18px; line-height: 1.2;}
.business_table table tr td.font{color: #111; font-size: 16px;}
.business_table table tr td.blue1{padding: 10px 0;}
.business_table table tr td.blue2{padding: 10px 0;}
.business_table table tr td.blue3{padding: 10px 0;}
.business_table table tr td.bg{padding: 10px 0;}
.business_table table tr td.blue1 span{background-color: #dde9ff;display: block; width: 100%; height: 40px;}
.business_table table tr td.blue2 span{background-color: #8bacea;display: block; width: 100%; height: 40px;}
.business_table table tr td.blue3 span{background-color:#4472c4 ;display: block; width: 100%; height: 40px;}
.business_table table tr td.bg span{ background-color: #f0efef; display: block; width: 100%; height: 40px; line-height: 40px;}
.business_table table tr td p{margin: 0; font-size: 15px; color: #444; text-align: left; padding-left: 30px; position: relative;word-break: keep-all;}
.business_table table tr td p::before{content: ""; display: block; background-color: #aaa; width: 4px; height: 4px; position: absolute; top: 8px; left: 12px;}
.business_table table tr td p span{display: block; line-height: 1.5;}
.business_table table tr td p span.red_txt{font-size: 15px;  color: #ac0606; font-weight: 700;}

.business1_bot{display: flex; width: 40%; justify-content: space-around; margin-left: 260px; margin-bottom: 30px;}
.business1_bot li{ margin: 0 10px;}
.business1_bot li img{}

.business_table table tr td i{display: block;}
.business_table table tr td.left{text-align: left; font-size: 18px; color: #111; font-weight: 600;}
.business_table table.business1_tab2 tr th{font-weight: 600;}
.business_table table.business1_tab2 tr td{line-height: 1.2;}
.business_table table.business1_tab2 tr td a{display: block; width: 100%; height: 100%;}
.business_table table.business1_tab2 tr td a i{display: block;}
.business_table table.business1_tab2 tr.font_blue td:nth-child(4) a{color: #4472c4;}
.business_table table.business1_tab2 tr.font_blue td:nth-child(5) a{color: #4472c4;}

/**************파이프라인-CRG-01**************/
.business2_wrap{display: flex;}
.business2_wrap li{width: calc(100% / 2 - 20px);margin: 0 10px;}
.business_table table.business1_tab2{min-width: 500px;}


.business2_top li table{width: 100%;}
.business2_top li table tr{}
.business2_top li table tr th{ background-color: #f6f6f6; font-size: 18px; text-align: center; color: #111; font-weight: 300; padding: 20px 10px; border: 1px solid #000;}
.business2_top li table tr th:first-child{border-left: none;}
.business2_top li table tr th:last-child{border-right: none;}
.business2_top li table tr td{border: 1px solid #ddd; color: #666;padding: 20px 10px; font-size: 16px; text-align: center; word-break: keep-all; line-height: 1.2;}
.business2_top li table tr td i{display: block;}
.business2_top li table tr td:first-child{border-left: none;}
.business2_top li table tr td:last-child{border-right: none;}


.business2_wrap .business1_tab2 tr td{text-align: left;}
.business2_wrap .business1_tab2 tr td:first-child{text-align: left; color: #111; font-size: 20px;}
.business2_wrap .business1_tab2 tr td.CRG_01{text-align: center; font-size: 16px;}
.business2_wrap .business1_tab2 tr td.CRG_01 img{width: 100%;}
.business2_wrap .business1_tab2 tr td.height{height: 465px;}
.business2_wrap .business1_tab2 tr td h4{font-weight: 300; display: flex; justify-content: space-between;}
.business2_wrap .business1_tab2 tr td h4 span{text-decoration: underline; text-underline-offset: 5px; font-size: 15px;}
.business2_wrap .business1_tab2 tr td h4 a{display: inline-block; width: 20%; height: 100%;}
.business2_imginner{margin-top: 50px; text-align: center;}
.business2_imginner li{}
.business2_imginner li img{width: 100%; border: 1px solid #ddd;}
.business2_sec2 h5{font-size: 20px; text-align: center; color: #111;}
.business2_sec2 h5 i{margin-right: 10px; transform: rotate(90deg);}
.business2_sec2 p{margin: 10px 0; color: #888;}
.business2_imginner li h3{font-size: 20px; text-align: center; color: #111;}
.business2_imginner li p{font-size: 18px; color: #888; text-align: center;margin: 10px 0 40px;}
.business2_imginner li h3.mar{margin-bottom: 40px;}
.business2_imginner img{ border: 1px solid #ddd;}

/**************파이프라인-CRG-02**************/
.business3 li{width: calc(100% / 3 - 20px); position: relative;}
.business3 li::after{content: ""; display: block; width: 1px; height: 100%;background-color: #ddd;position: absolute; top: 0; right: -10px; }
.business3 li:last-child::after{display: none;}
.business3_sec4 li:nth-child(1){width: 40.5%;}
.business3_sec4 li:nth-child(2){width: 59.5%;}
.business2_top table.business1_tab2 tr td.padding{padding: 30px 10px;}
.business3_sec4 li .bor img{border: none;}
.business3_sec4 li .bor{border: 1px solid #ddd; padding-top:40px ;}
/* .business3_sec4 li .bor h3{margin-bottom: 0;} */


/**************핵심기술-개요**************/
.business4_list{display: flex; margin-top: 100px;}
.business4_list li{width: calc(100% / 5); margin: 0 -3px;}
.business4_list li span{display: block;  font-family: 'SUIT-Regular'; font-size: 26px; color: #111; width: 30%; margin: 0 auto 50px; text-align: center; position: relative;}
.business4_list li span::after{content: "";width: 150px;  border-bottom: 2px dotted black; position: absolute; top: 11px; right: -160px;}
.business4_list li:last-child span::after{display: none;}
.business4_list li h3{font-family: 'SUIT-Regular'; font-size: 30px; color: #111; width: 290px; height:290px;display: flex; justify-content: center; align-items: center; flex-direction: column; line-height: 1.2;}

.business4_list li:nth-child(1) h3{background: url(../../img/bus_circle1.png) no-repeat;  }
.business4_list li:nth-child(2) h3{background: url(../../img/bus_circle2.png) no-repeat;  }
.business4_list li:nth-child(3) h3{background: url(../../img/bus_circle3.png) no-repeat; }
.business4_list li:nth-child(4) h3{background: url(../../img/bus_circle4.png) no-repeat; }
.business4_list li:nth-child(5) h3{background: url(../../img/bus_circle5.png) no-repeat;  }

/**************핵심기술-백터디자인**************/
.business5_img{text-align: center; margin-top: 50px;}
.business5_img img{width: 100%;}
.business p q{margin: 0 10px; color: #000;}
/**************핵심기술-바이러스생산**************/
.business p em{display: block;}
.business7 h5{font-size: 24px; color: #111; text-align: center; margin-top: 50px;}
.business7{margin-top: 100px;}
.business7 > p{font-size:20px;color:#111;text-align: center;line-height:1.5}
.business7 .business7_box{display:grid;grid-template-columns: 400px 400px 400px; gap:50px;margin-top:55px;}
.business7 .business7_box > div{border-radius: 20px;overflow: hidden;width:100%;height:500px;position:relative;cursor: pointer}
.business7 .business7_box > div:first-child{background:url('../img/business07_bg_01.jpg') center / contain no-repeat;}
.business7 .business7_box > div:nth-child(2){background:url('../img/business07_bg_02.jpg') center / contain no-repeat;}
.business7 .business7_box > div:last-child{background:url('../img/business07_bg_03.jpg') center / contain no-repeat;}
.business7 .business7_box > div > strong{text-align: center;font-size:28px;font-weight:bold;color:#fff;width:100%;display:block;position:absolute;bottom:125px;}
.business7 .business7_box > div > span{text-align: center;font-size:20px;font-weight:normal;color:#fff;width:100%;display:none;line-height: 1.5}
.business7 .business7_box > div > a{text-align: center;font-size:18px;font-weight:normal;color:#fff;width:100%;display:none;}
.business7 .business7_box > div:after {content:"";position:absolute;background: rgba(0, 15, 83, 0.85);width:100%;height:100%;display: block;top:0;left:0;opacity: 0;transition:all .4s;}
.business7 .business7_box > div:hover {display: flex;align-items: center;justify-content: center;flex-direction:column;box-shadow:0 8px 14px rgba(0,0,0,.15) }
.business7 .business7_box > div:hover > strong{position:relative;bottom:initial;z-index:2}
.business7 .business7_box > div:hover > span{display:block;margin:100px 0;z-index:2}
.business7 .business7_box > div:hover > a{display:flex;align-items:center;justify-content: center;gap:10px;z-index:2}
.business7 .business7_box > div:hover:after{opacity: 1;z-index:1}

.business7 .business7_list{margin-top: 50px; display: flex; justify-content: space-between;}
.business7 .business7_list li{}
.business7 .business7_list li:nth-child(1){width: 65%;}
.business7 .business7_list li:nth-child(2){width: 33%;}
.business7 .business7_list li img{width: 100%; }
.business7 .business7_list li .business7_right{border: 1px solid #ddd;}
.business7 .business7_list li .business7_right h4{background-color: #0a265f; color: #fff; font-size: 18px; height: 40px; line-height: 40px; padding-left: 20px;}
.business7 .business7_list li .business7_right p{color: #111; font-size: 16px; text-align: left; padding-left: 30px; position: relative;}
.business7 .business7_list li .business7_right p::before{content: ""; background-color: #111; width: 3px; height: 3px ; position: absolute; top: 15px; left: 18px;}
.business7 .business7_list li .business7_right p span{display: inline-block; width: 100%;}
/**************핵심기술-mRNA백신생산**************/
.business8 h5{font-size: 24px; color: #111; text-align: center; margin-top: 50px;}
.business8_top{display: flex; margin-top: 100px;align-items: center;}
.business8_top .left {border-radius: 10px;overflow: hidden;width:545px;}
.business8_top .left img{width:100%;}
.business8_top .right {padding-left:100px;width:calc(100% - 545px);}
.business8_top .right h3{font-size:50px;color:#000F53;text-align: left;line-height: 1.3}
.business8_top .right p{font-size:22px;font-weight:500;color:#111;margin-top:40px;text-align: left;line-height: 1.5}

.business8_list{margin-top:65px;}
.business8_list ul li{display: flex;align-items: center;}
.business8_list ul li span{border-radius: 10px;width:370px;height:70px;font-size:20px;font-weight:300;display: flex;align-items: center;justify-content: center;color:#4371C2;border:1px solid #4371C2;padding-right:70px;}
.business8_list ul li strong{border-radius: 10px;width:calc(100% - 300px);margin-left:-70px;height:85px;background:linear-gradient(30deg , #000F53 , #4472C4);text-align:center;font-size:20px;color:#fff;font-weight:400;display: flex;align-items: center;justify-content: center;line-height: 1.5;word-break: keep-all}
.business8_list ul li + li{margin-top:20px;}

.business .business_p{margin-top:30px;}
.business .business_p > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.keywords{margin-top:30px;}
.keywords span{display: inline-block;padding:6px 15px;border-radius: 10px;font-size:16px;font-weight:300;color:#4371C2;word-break: keep-all;background: #F3F3F3;margin-bottom:6px;margin-right:10px;}
.keywords span:last-child{margin-right:0;}

.business .business8_mix{margin-top:30px;}
.business .business8_mix > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.business .business8_mix .mix_btm{display: flex;align-items: center;margin-top:50px;}
.business .business8_mix .mix_btm .left{width:calc(100% - 530px);padding-right:120px;}
.business .business8_mix .mix_btm .left ul li{border-radius: 10px;padding:18px 30px;font-size:20px;color:#111;border:1px solid #4371C2;text-align: left;font-weight:500;}
.business .business8_mix .mix_btm .left ul li + li{margin-top:20px;}
.business .business8_mix .mix_btm .right{width:650px;border-radius: 10px;overflow: hidden;height:380px;}
.business .business8_mix > img{width:80%;display: block;margin:60px auto 0 auto;}


.business .quick_contact{margin-top:100px;padding:50px;background:url('../../img/contact_bg.jpg') center / cover no-repeat;text-align: left;}
.business .quick_contact h4{font-size:28px;font-weight:500;color:#fff;}
.business .quick_contact p{font-size:16px;font-weight:300;color:#fff;margin-top:10px;word-break: keep-all;line-height: normal;text-align:left;}
.business .quick_contact a{display: inline-block;margin-top:25px;padding:12px 14px;font-size:14px;font-weight:500;color:#fff;border:1px solid #ffff;}

.business8_top li{width: calc(100% / 6 - 40px); margin: 0 20px; position: relative;}
.business8_top li::after{content: "";background: url(../../img/sub_arrow.png)no-repeat; width:35px; height: 30px; position: absolute; top: 70px; right: -37px;}
.business8_top li:last-child::after{display: none;}
.business8_top li .business8_img_wrap{text-align: center; border: 1px solid #000f53 ; border-radius: 30px; padding: 10px;}
.business8_top li .business8_img_wrap img{width: 100%;}
.business8_top li h4{font-size: 18px; text-align: center;color: #666;margin-top: 30px;}

.business8_bot{display: flex; margin-top: 50px;}
.business8_bot li{width:calc(100% / 3 - 20px) ; margin: 0 10px; border: 1px solid #ddd;}
.business8_bot li .business8_bot_tit{font-size: 18px; color: #fff; background-color: #0a265f; padding: 20px 10px; text-align: center;}
.business8_bot li .business8_bot_tx{ color: #111; margin: 20px 0; padding-left: 30px;}
.business8_bot li .business8_bot_tx h3{ font-weight: 600; font-size: 18px;margin-bottom: 10px;}
.business8_bot li .business8_bot_tx h3 i{margin-right: 10px; color:#000f53 ;}
.business8_bot li .business8_bot_tx p{text-align: left;color: #111;font-size: 16px; padding-left: 25px; position: relative;} 
.business8_bot li .business8_bot_tx p::before{content: "";display: block; width: 3px; height: 3px; background-color: #111; position: absolute; top: 14px; left: 10px;}
/**************핵심기술-표준화시험법개발**************/
.business9{}

.business9_top {margin-top:30px;}
.business .business9_top > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.business9_top .top_box{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin-top:50px;gap:25px;}
.business9_top .top_box > div{border-radius: 10px;text-align: center;border:1px solid #4371C2;background:linear-gradient(180deg,#fff,#EAEDFB);padding:60px 10px;}
.business9_top .top_box > div img{margin:0 auto;}
.business9_top .top_box > div h4{font-size:24px;color:#4371C2;font-weight:700;margin-top:15px;}
.business .business9_top .top_box > div p{line-height: 1.4;font-size:17px;font-weight:300;color:#111;margin-top:15px;}


.business9 h5{font-size: 25px; text-align: center; margin-top: 30px;color: #111;}
.business9 h5.mar{margin-top: 100px; }
.business9_process{display: flex; margin-top: 50px;}
.business9_process li{width: calc(100% / 4);}
.business9_process li .step{font-size: 26px; text-align: center; color: #fff;height: 60px; line-height: 60px; position: relative;}
.business9_process li .step1{background-color: #a3a3a3; border-radius: 30px 0 0 30px;}
.business9_process li .step2{background-color: #4e9be3;}
.business9_process li .step3{background-color: #415fbb;}
.business9_process li .step4{background-color: #41569a; border-radius: 0 30px 30px 0}
.business9_process li .step1::after{content: ""; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 0; right: -23px; z-index: 2; background:#4492da url(../../img/btn_top.gif) no-repeat; background-position: center center;transform: rotate(90deg); }
.business9_process li .step2::after{content: ""; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 0; right: -23px; z-index: 2; background:#2f55b9 url(../../img/btn_top.gif) no-repeat; background-position: center center;transform: rotate(90deg);}
.business9_process li .step3::after{content: ""; width: 60px; height: 60px; border-radius: 50%; position: absolute; top: 0; right: -23px; z-index: 2; background:#2e4693 url(../../img/btn_top.gif) no-repeat; background-position: center center;transform: rotate(90deg);}
.business9_process li .process_txt{margin-top: 50px;}
.business9_process li .process_txt h4{font-size: 17px; text-align: center; font-weight: 600;background-color:#f6f6f6 ;  border: 1px solid #000; height: 90px; line-height: 1.2; color: #111; word-break: keep-all; display: flex; justify-content: center; align-items: center;}
/* .business9_process li .process_txt h4 i{display: block;} */
.business9_process li .process_txt h4:first-child{border-left: none;}
.business9_process li:last-child .process_txt h4{border-right: none;}
.business9_process li .process_txt:first-child{border-left: none;}
.business9_process li .process_txt p{font-size: 18px;color: #888; text-align: left;padding-left: 30px; }
.business9_process li .process_txt .process_txt_wrap{ border: 1px solid #ddd; height: 200px; padding-top: 10px;}
.business9_process li:first-child .process_txt .process_txt_wrap{border-left: none;}
.business9_process li:last-child .process_txt .process_txt_wrap{border-right: none;}


.business11_top {margin-top:30px;}
.business .business11_top > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.business11_top .top_box{display: grid;grid-template-columns: 1fr 1fr 1fr ;margin-top:50px;gap:50px;}
.business11_top .top_box > div{border-radius: 10px;text-align: center;border:1px solid #4371C2;background:linear-gradient(180deg,#fff,#EAEDFB);padding:60px 10px;height:380px;}
.business11_top .top_box > div span{display: block;font-size:18px;font-weight:300;color:#000}
.business11_top .top_box > div img{margin:30px auto 0 auto;}
.business11_top .top_box > div h4{font-size:24px;color:#4371C2;font-weight:700;margin-top:15px;}
.business .business11_top .top_box > div p{line-height: 1.4;font-size:17px;font-weight:300;color:#111;margin-top:15px;}

.business12_top {margin-top:30px;}
.business .business12_top > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.business12_top .top_box{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin-top:50px;gap:25px;}
.business12_top .top_box > div{border-radius: 10px;text-align: center;border:1px solid #4371C2;background:linear-gradient(180deg,#fff,#EAEDFB);padding:60px 20px;height:380px;}
.business12_top .top_box > div img{margin:0 auto;}
.business12_top .top_box > div h4{font-size:24px;color:#4371C2;font-weight:700;margin-top:15px;}
.business .business12_top .top_box > div p{line-height: 1.4;font-size:17px;font-weight:300;color:#111;margin-top:15px;text-align: left;}
.business .business12_top .top_box > div p span{padding-left:12px;text-indent:-9px;display: block}



.business14_top {margin-top:30px;}

.business14_top .top_box{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin-top:50px;gap:25px;}
.business14_top .top_box > div{border-radius: 10px;text-align: center;border:1px solid #4371C2;background:linear-gradient(180deg,#fff,#EAEDFB);padding:60px 10px;height:360px;}
.business14_top .top_box > div img{margin:0 auto;}
.business14_top .top_box > div h4{font-size:18px;color:#4371C2;font-weight:700;margin-top:15px;line-height: 1.3;word-break: keep-all}
.business14_top .top_box > div p{margin-top:15px;line-height: 1.3;word-break: keep-all;font-size:15px;}

.business14_box ul{display: grid;grid-template-columns: 1fr 1fr;gap:30px 24px;margin-top:30px;}
.business14_box ul li{width:100%;padding:48px 6px;font-size:20px;font-weight:500;color:#111;border-radius: 10px;border:1px solid #4371C2;text-align: center;}

.business14_process{margin-top:30px;}
.business14_process .pc_wrap {width:calc(100% - 35px);}
.business14_process .pc_wrap .top{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.business14_process .pc_wrap .top div{width:100%;position:relative;}
.business14_process .pc_wrap .top div:not(:first-child){/*margin-left:-30px;*/}
.business14_process .pc_wrap .top div:first-child{width:100%;position:relative;z-index: 5}
.business14_process .pc_wrap .top div:nth-child(2){z-index: 4}
.business14_process .pc_wrap .top div:nth-child(3){z-index: 3}
.business14_process .pc_wrap .top div:nth-child(4){z-index: 2}
.business14_process .pc_wrap .top div:last-child{z-index: 1}
.business14_process .pc_wrap .top div img{position: relative;left:0;width:calc(100% + 35px);}
.business14_process .pc_wrap .btm {display: grid;grid-template-columns: 1fr 1fr 1fr;margin-top:15px;gap:17px;}
.business14_process .pc_wrap .btm div{width:100%;border-radius: 10px;padding:20px 10px;border:1px solid #ABB4DE;}
.business14_process .pc_wrap .btm div h4{font-size:24px;font-weight:700;color:#4371C2;text-align:center;}
.business14_process .pc_wrap .btm div p{font-size:17px;font-weight:300;color:#111;margin-top:28px;line-height: 1.4;word-break: keep-all;text-align:center;}

.business14_process .mobile_wrap  {display:none;grid-template-columns: 1fr ;gap:30px;}
.business14_process .mobile_wrap > div {width:100%;}
.business14_process .mobile_wrap > div .img {}
.business14_process .mobile_wrap > div .img img{width:100%;}
.business14_process .mobile_wrap > div .txt{border-radius: 10px;padding:40px 10px;border:1px solid #ABB4DE;margin-right:8%;margin-top:7px;}
.business14_process .mobile_wrap > div .txt h4{font-size:24px;font-weight:700;color:#4371C2;text-align:center;}
.business14_process .mobile_wrap > div .txt p{font-size:17px;font-weight:300;color:#111;margin-top:28px;line-height: 1.4;word-break: keep-all;text-align:center;}

.business16_process{margin-top:30px;}
.business16_process .pc_wrap {width:calc(100% - 35px);}
.business16_process .pc_wrap .top{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.business16_process .pc_wrap .top div{width:100%;position:relative;}
.business16_process .pc_wrap .top div:not(:first-child){/*margin-left:-30px;*/}
.business16_process .pc_wrap .top div:first-child{width:100%;position:relative;z-index: 5}
.business16_process .pc_wrap .top div:nth-child(2){z-index: 4}
.business16_process .pc_wrap .top div:nth-child(3){z-index: 3}
.business16_process .pc_wrap .top div:nth-child(4){z-index: 2}
.business16_process .pc_wrap .top div:last-child{z-index: 1}
.business16_process .pc_wrap .top div img{position: relative;left:0;width:calc(100% + 35px);}
.business16_process .pc_wrap .btm {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;margin-top:15px;gap:17px;}
.business16_process .pc_wrap .btm div{width:100%;border-radius: 10px;padding:40px 10px;border:1px solid #ABB4DE;}
.business16_process .pc_wrap .btm div h4{font-size:24px;font-weight:700;color:#4371C2;text-align:center;}
.business16_process .pc_wrap .btm div p{font-size:17px;font-weight:300;color:#111;margin-top:28px;line-height: 1.4;word-break: keep-all;text-align:center;}
.business16_process .mobile_wrap {display:none;grid-template-columns: 1fr 1fr ;gap:30px;}
.business16_process .mobile_wrap > div {width:100%;}
.business16_process .mobile_wrap > div .img {}
.business16_process .mobile_wrap > div .img img{width:100%;}
.business16_process .mobile_wrap > div .txt{border-radius: 10px;padding:40px 10px;border:1px solid #ABB4DE;margin-right:13%;margin-top:7px;}
.business16_process .mobile_wrap > div .txt h4{font-size:24px;font-weight:700;color:#4371C2;text-align:center;}
.business16_process .mobile_wrap > div .txt p{font-size:17px;font-weight:300;color:#111;margin-top:28px;line-height: 1.4;word-break: keep-all;text-align:center;}

.business16_box ul{display: grid;grid-template-columns: 1fr 1fr;gap:30px 24px;margin-top:30px;}
.business16_box ul li{width:100%;padding:18px 30px;font-size:20px;font-weight:500;color:#111;border-radius: 10px;border:1px solid #4371C2}

.assay{display: flex; margin-top: 40px;}
.assay li{width: calc(100% / 2 - 20px); margin: 0 10px; border: 1px solid #ddd; padding: 30px 0;}
.assay li .assay_wrap{background-color: #ececec; height:80px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 50px; border-radius: 15px; padding-top: 30px; position: relative;}
.assay li .assay_wrap::after{content: ""; background: url(../../img/sub_arrow.png) no-repeat; width: 30px; height: 30px;transform: rotate(90deg);position: absolute; left: 250px; bottom: -35px;background-size: contain; background-position: center; }
.assay li .assay_wrap:last-child::after{display: none;}
.assay li .assay_wrap h3{font-size: 18px; color: #111; text-align: center;}
.assay li .assay_right{padding-left: 30px;}
.assay li .assay_right h4{font-size: 18px; color: #111; margin-bottom: 20px;}
.assay li .assay_right p{font-size: 16px; text-align: left; color: #666; }
.assay li .assay_right p b{color: #000f53; margin-right: 10px;}
.assay li .assay_img{text-align: center;}




/**************CTDMO서비스-개요**************/
.business10_box{display: flex;gap:40px;margin-top:30px;}
.business10_box > div{width:50%;padding:20px;border-radius: 20px;border:1px solid #ABB4DE}
.business10_box > div .img{border-radius: 15px;overflow: hidden;}
.business10_box > div .img img{width:100%;}
.business10_box > div .txt {margin-top:20px;}
.business10_box > div .txt h3{font-size:26px;font-weight:bold;color:#4371C2;word-break: keep-all;}
.business10_box > div .txt p{font-size:17px;font-weight:300;word-break: keep-all;margin-top:15px;text-align: left;line-height: normal;color:#000;}
.business10_box > div .txt div{margin-top:15px;}
.business10_box > div .txt div > div{display: block;line-height: 1.3}
.business10_box > div .txt div > div strong{display: block;font-size:17px;color:#000;}
.business10_box > div .txt div > div span{display: block;font-size:17px;color:#000;}

.business10_top {margin-top:30px;}
.business .business10_top > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all}
.business10_top .top_box{display: grid;grid-template-columns: 1fr 1fr 1fr ;margin-top:50px;gap:25px;}
.business10_top .top_box > div{border-radius: 10px;text-align: center;border:1px solid #4371C2;background:linear-gradient(180deg,#fff,#EAEDFB);padding:60px 10px;height:320px;display: flex;flex-direction: column;align-items: center;justify-content: center}
.business10_top .top_box > div img{margin:0 auto;}
.business10_top .top_box > div h4{font-size:24px;color:#4371C2;font-weight:700;margin-top:28px;}
.business .business10_top .top_box > div p{line-height: 1.4;font-size:17px;font-weight:300;color:#111;margin-top:15px;}

.business10_btm {margin-top:30px;}
.business .business10_btm > p{font-size:20px;font-weight:300;color:#111;line-height: 1.3;text-align: left;word-break: keep-all;}
.business10_btm .btm_box{display: grid;grid-template-columns: 1fr 1fr 1fr ;gap:50px;margin-top:30px;}
.business10_btm .btm_box > div{padding:35px 6px;font-size:24px;color:#111;border-radius: 10px;border:1px solid #4371C2;text-align: center;font-weight:bold;}

/*.business10>p{font-size: 24px; text-align: center; color: #111 !important;}
.business10_list{ display: flex; margin-top: 100px;}
.business10_list li{width: calc(100% / 4 - 20px); margin: 0 10px;}
.business10_list li>span{font-family: 'Saira', sans-serif; font-size: 22px; display: block; width: 100%; color: #111; font-weight: 600;text-align: center; margin-bottom: 20px;}
.business10_list li .business10_circle{width:100%; height: 210px;display: flex; justify-content: center; align-items: center;flex-direction: column; }
.business10_list li .bus10_circle1{background: url(../../img/business10_circle1.png) no-repeat; background-position: center;}
.business10_list li .bus10_circle2{background: url(../../img/business10_circle2.png) no-repeat; background-position: center;}
.business10_list li .bus10_circle3{background: url(../../img/business10_circle3.png) no-repeat; background-position: center;}
.business10_list li .bus10_circle4{background: url(../../img/business10_circle4.png) no-repeat; background-position: center;}
.business10_list li .business10_circle h3{font-size: 28px; color: #111;}
.business10_list li .business10_circle span{display: inline-block;font-size: 22px; line-height: 1.5;}
.business10_list li .business10_img{ transform: translateY(-50px); position: relative;z-index: -1;}
.business10_list li .business10_img img{width: 100%;}
.business10_list li .business10_txt{transform: translateY(-20px);}
.business10_list li .business10_txt h4{font-size: 18px; color: #017eae;margin-bottom: 20px; word-break: keep-all; line-height: 1.2;    background-color: #e3eef4; height: 120px; padding: 10px; display: flex; align-items: center; justify-content: center;border-radius: 10px; text-align: center;}
.business10_list li .business10_txt h4 i{display: block;}
.business10_list li .business10_txt p{font-size: 18px; text-align: left; line-height: 1.5; word-break: keep-all;  padding-left: 20px; position: relative; margin-bottom: 15px;}
.business10_list li .business10_txt p span{display: flex;margin: 5px 0; font-size: 16px;}
.business10_list li .business10_txt p span i{color: #3652a9; background: transparent; font-size: 20px; margin-right: 20px; padding-top: 3px;}
.business10_list li .business10_txt p::before{content: ""; background-color: #3652a9; width: 8px ; height: 8px; position: absolute; top: 10px; left: 3px;}
.business10_list li .business10_txt .txt_color{color: #017eae;}


.bus_10_bot{margin-top: 100px;}
.bus_10_bot .bus_10_bot_list{display: flex; justify-content: space-between;}
.bus_10_bot .bus_10_bot_list li{}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left{width: 62%;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div{margin-bottom: 20px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div.txt_blue h5{color: #0a265f ;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div.txt_blue p{color: #0a265f ;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div h3{font-size: 25px; margin-bottom: 50px; color: #000; text-align: center; word-break: keep-all; line-height: 1.5;} 
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul{display: flex; justify-content: space-between; align-items: center;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li{}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li:nth-child(1){width: 30%;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li:nth-child(2){width: 65%;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li p{font-size: 18px; position: relative; line-height: 1.8; padding-left: 15px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li p::before{content: ""; background-color: #000; width: 4px; height: 4px; position: absolute; top: 15px; left: 0;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li h5{font-size: 22px; text-align: center; color: #000;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_right{width: 35%; display: flex;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_right div{width: calc(100% / 2 - 20px); margin: 0 10px; border: 1px solid #ccc;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_right div img{width: 100%;}


/*******CDMO서비스-cmo서비스********/
.business11{}
.cmo_sec1{display: flex; margin-top: 50px;}
.cmo_sec1 li{width: calc(100% / 2 - 20px); margin: 0 10px; border: 1px solid #ddd; padding:20px;}
.cmo_sec1 li .cmo_sec1_wrap{display: flex; margin-bottom: 30px; align-items: center;}
.cmo_sec1 li .cmo_sec1_wrap:last-child{margin-bottom: 0;}
.cmo_sec1 li .cmo_sec1_wrap>div{margin: 0 10px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num{width: 40%; position: relative;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num::after{    content: "";background: url(../../img/sub_arrow.png) no-repeat; width: 30px;height: 30px;transform: rotate(90deg);position: absolute;left: 90px;bottom: -33px;background-size: contain;
background-position: center;}
.cmo_sec1 li .cmo_sec1_wrap:last-child .cmo_num::after{display: none;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3{font-size: 16px; color: #111; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; border-radius: 10px; text-align: center;word-break: keep-all;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3 span{font-size: 14px; color: #111; font-weight: 300; position: absolute; bottom: -20px; right: 10px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3.padding1{padding: 65px 10px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3.padding2{padding: 30px 10px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3.padding3{padding: 45px 10px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_txt{ width: 60%;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_txt h4{font-size: 14px; background-color: #ededed; color: #111; font-weight: 300;margin-bottom: 5px;padding: 5px 10px;}


.cmo_sec2{display: flex; margin: 30px 0; justify-content: center;}
.cmo_sec2 li{width: calc(100% / 3 - 20px); margin: 0 10px;}
.cmo_sec2 li >div{margin-bottom: 30px; border: 1px solid #ddd;}
.cmo_sec2 li >div img{width: 100%;}
.cmo_sec2 li h3{font-size: 18px; text-align: center; font-weight: 300; line-height: 1.2;} 
.cmo_sec2 li h3 i{display: block;}
.business11 .business_table table tr th{font-weight: 600;}
.business11 .business_table table tr td{text-align: left; word-break: keep-all; line-height: 1.3;}
.cmo_sec2 li p{ font-size: 16px; color: #111;}


.business11 .business11_tab{display: flex; margin: 40px 0; border: 1px solid #ddd; height: 65px;}
.business11 .business11_tab li{width: calc(100% / 2 ); line-height: 65px; text-align: center; font-size: 18px; color: #111; cursor: pointer; border-right: 1px solid #ddd;}
.business11 .business11_tab li:last-child{border-right: none;}
.business11 .business11_tab li.current{background-color: #000f53; color: #fff;}
.gmp_roll1 {margin: 80px 0;}
.gmp_roll1 h2{font-size: 24px; margin-bottom: 40px;}
.gmp_roll1 .swiper-slide {}
.gmp_roll1 .swiper-slide img {display: block; width: 100%;height: 100%;border-radius: 50px 0 50px 0;}
.control_wrap .swiper-button-next, .control_wrap .swiper-button-prev{color: #e8e8e8;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{}


.business11_list{}
.business11_list .gmp{display: flex; margin: 50px 0; align-items: end;}
.business11_list .gmp li{margin: 0 10px;}
.business11_list .gmp li:nth-child(1){width: 55%;}
.business11_list .gmp li:nth-child(2){width: 45%;}
.business11_list .gmp li h3{font-size: 24px; color: #111; text-align: center;}
.business11_list .gmp li .gmp_img_wrap{margin-top: 30px;}
.business11_list .gmp li .gmp_img_wrap img{width: 100%;}
.business11_list .gmp li .gmp_txt{border: 1px solid #ddd; height: 176px;}
.business11_list .gmp li .gmp_txt h4{font-size: 20px; background-color:#0a265f; color: #fff; padding: 15px 0 15px 20px;}
.business11_list .gmp li .gmp_txt p{text-align: left; margin: 10px 0; padding-left: 20px;}
.control_wrap{position: relative;}
.control_wrap .control_loc{position: absolute; width: 100%; left:0; top: -200px; }
.control_wrap .control_loc1{position: absolute; width: 100%; left: 0; top: -220px;}
/* .control_loc1 .swiper-button-prev, .swiper-rtl .swiper-button-next{top: 20px;} */
.control_wrap .control_loc .swiper-button-prev{left: -50px;}
.control_wrap .control_loc .swiper-button-next{right: -50px;}

.control_wrap .control_loc1 .swiper-button-prev{left: -50px;}
.control_wrap .control_loc1 .swiper-button-next{right: -50px;}

/*******CDMO서비스-cro서비스********/
.business{}
.business h2{margin-bottom: 40px; }
.business p{color: #888;margin: 0; line-height: 2; }
.business p i{display: inline-block; background-color: #000; width: 5px; height: 5px; margin: 0 10px 5px 0 ;}
.business .download{margin: 40px 0;}
.business .download a{border:2px solid #2c479a; width: 30%; margin:0 auto; height: 60px; line-height: 60px; border-radius: 10px; position: relative; transition: all .3s; display: block;}
.business .download a .download1{position: absolute; left: 20px; top: 10px;}
.business .download a .download2{position: absolute; right: 20px; top: 15px;}
.business .download a span{color:#2c479a; font-size: 16px; font-weight: 600; width: 100%; display: inline-block; padding-left: 60px;}
.business .download a:hover{box-shadow: rgba(44, 71, 154, 0.35) 0px 5px 15px;}

.cro_sec1{display: flex; margin-top: 30px;}
.cro_sec1 li{width: calc(100% / 2 - 20px); margin: 0 10px; border-bottom: 1px solid #ddd;} 
.cro_sec1 li h3{font-size: 20px; text-align: center; color: #111; background-color: #f6f6f6; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 50px; line-height: 50px; font-weight: 500;}
.cro_sec1 li .cmo_sec2_wrap{display: flex; align-items: center; padding: 20px 10px;}
.cro_sec1 li .cmo_sec2_wrap>div{width:calc(100% / 2 - 20px); margin: 0 10px;}
.cro_sec1 li .cmo_sec2_wrap .process{position: relative;}
.cro_sec1 li .cmo_sec2_wrap .process::after{ content: "";background: url(../../img/sub_arrow.png) no-repeat; width: 30px;height: 30px;transform: rotate(90deg);position: absolute;left: 130px;bottom: -33px;background-size: contain;
    background-position: center;}
.cro_sec1 li .cmo_sec2_wrap:last-child .process::after{display: none;}
.cro_sec1 li .cmo_sec2_wrap .process h4{font-size: 16px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 10px 15px; border-radius: 10px; text-align: center; color: #111;}
.cro_sec1 li .cmo_sec2_wrap .process h4 i{display: block;}
.cro_sec1 li .cmo_sec2_wrap .cmo_sec2_txt{}
.cro_sec1 li .cmo_sec2_wrap .cmo_sec2_txt h5{font-size: 16px; color: #888;font-weight: 300;}



.business7 .estimate_box{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:50px;margin-top:55px;}
.business7 .estimate_box > div{border-radius: 20px;overflow: hidden;width:100%;height:350px;position:relative;cursor: pointer}
.business7 .estimate_box > div:first-child{background:url('../../img/business07_bg_01.jpg') center / cover no-repeat;}
.business7 .estimate_box > div:nth-child(2){background:url('../../img/business07_bg_02.jpg') center / cover no-repeat;}
.business7 .estimate_box > div:nth-child(3){background:url('../../img/business07_bg_02.jpg') center / cover no-repeat;}
.business7 .estimate_box > div:nth-child(4){background:url('../../img/business07_bg_02.jpg') center / cover no-repeat;}
.business7 .estimate_box > div:last-child{background:url('../../img/business07_bg_03.jpg') center / cover no-repeat;}
.business7 .estimate_box > div > strong{text-align: center;font-size:28px;font-weight:bold;color:#fff;width:100%;display:block;position:absolute;bottom:125px;}
.business7 .estimate_box > div > span{text-align: center;font-size:20px;font-weight:normal;color:#fff;width:100%;display:none;line-height: 1.5}
.business7 .estimate_box > div > a{text-align: center;font-size:18px;font-weight:normal;color:#fff;width:100%;display:none;}
.business7 .estimate_box > div:after {content:"";position:absolute;background: rgba(0, 15, 83, 0.85);width:100%;height:100%;display: block;top:0;left:0;opacity: 0;transition:all .4s;}
.business7 .estimate_box > div:hover {display: flex;align-items: center;justify-content: center;flex-direction:column;box-shadow:0 8px 14px rgba(0,0,0,.15) }
.business7 .estimate_box > div:hover > strong{position:relative;bottom:initial;z-index:2}
.business7 .estimate_box > div:hover > span{display:block;margin:100px 0;z-index:2}
.business7 .estimate_box > div:hover > a{display:flex;align-items:center;justify-content: center;gap:10px;z-index:2}
.business7 .estimate_box > div:hover:after{opacity: 1;z-index:1}




/*************************반응형***********************************/
@media (max-width: 1380px){
    .sub_inner{width:calc(100% - 50px);}
  /*******회사소개-개요********/
  .company_roll .swiper-slide img{width: 90%; margin: 0 auto;}
  .control_wrap .control_loc1{top:-190px;}
/*******CDMO서비스-cmo서비스********/
.control_wrap .control_loc .swiper-button-next{right: -15px;}
.control_wrap .control_loc .swiper-button-prev{left: -15px;}
.control_wrap .control_loc1 .swiper-button-next{right: -15px;}
.control_wrap .control_loc1 .swiper-button-prev{left: -15px;}
.gmp_roll1 .swiper-slide img{width: 90%; margin: 0 auto;}


    .business8_top .left{width:45%}
    .business8_top .right{width:55%;padding-left:60px;}
    .business8_top .right h3{font-size:40px;}
    .business8_top .right p{font-size:20px;margin-top:20px;}


    .business .business8_mix .mix_btm {}
    .business .business8_mix .mix_btm .left{width:55%;padding-right:70px;}
    .business .business8_mix .mix_btm .right{width:45%;height:26vw;min-height:300px;}

    .business16_process .pc_wrap .btm div h4{font-size:20px;word-break: break-word}
    .business16_process .pc_wrap .btm div p{font-size:16px;}


    .business14_process .pc_wrap .btm div h4{font-size:20px;}

    .business11_top .top_box > div{height:auto;}
}
@media (max-width: 1200px){
/************sub-공통**************/

.sub_visual_txt h1{font-size: 50px;}
.sub_visual_txt h2{font-size: 20px;}
.depth_wrap{width: 95%;}

/*******연혁********/
.histList .textList li .year{ font-size:36px; left: -123px;}

/***********가치체계*************/
.value_sec1{height: 600px;}
.value_sec1 li.value_mission{width: 35%;}
.value_sec1 li div img{width: 100%;}
.value_sec1 li.value_tit{width: 450px; height: 450px; background-size: cover; left: 50%; transform: translateX(-50%);}
.value_sec1 li.value_vision{width: 35%;}
.value_sec3 img{width: 100%;}

/**************파이프라인-CRG-01**************/
.business2_wrap .business1_tab2 tr td.CRG_01{word-break: keep-all;}
.business2_wrap .business1_tab2 tr td.CRG_01 i{display: inline-block;}

/**************핵심기술-개요**************/
.business4_list{justify-content: center;}
.business4_list li{margin: 0 -9px;}
.business4_list li span::after{right: -145px;}
.business4_list li h3{width: 240px; height: 240px; font-size: 24px;}
.business4_list li:nth-child(1) h3{background-size: contain;}
.business4_list li:nth-child(2) h3{background-size: contain;}
.business4_list li:nth-child(3) h3{background-size: contain;}
.business4_list li:nth-child(4) h3{background-size: contain;}
.business4_list li:nth-child(5) h3{background-size: contain;}

/**************핵심기술-표준화시험법개발**************/
.business9_process li .process_txt h4{ font-size: 18px;}
.assay li .assay_wrap::after{left: 50%; transform: translateX(-50%) rotate(90deg);}

/*******CTDMO서비스-cmo서비스********/
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3 span{right: -15px; bottom: -24px;}
.cmo_sec1 li .cmo_sec1_wrap .cmo_num h3{line-height: 1.2;}
.control_wrap .control_loc{top: -175px;}

/*******CTDMO서비스-cro서비스********/
.img_wrap img{width: 100%;}

    .company_cont div .tit h3{font-size:22px;}
    .company_cont div .tit h3 span{font-size:18px;}
    .company_cont div .txt .top_t{font-size:18px;}
    .company_cont div .txt .com_list span{font-size:15px;}

    .business9_top .top_box > div h4{font-size:20px;}
    .business .business9_top .top_box > div p{font-size:15px;}
    .business .business9_top .top_box > div p br{display: none;}

    .business14_top .top_box > div h4{font-size:20px;}
    .business .business14_top .top_box > div p{font-size:15px;}

    .business10_top .top_box > div h4{font-size:20px;}
    .business10_top .top_box > div img{width:100px;}

    .business11_top .top_box > div span{font-size:15px;}
    .business11_top .top_box > div h4{font-size:20px;}
    .business11_top .top_box > div img{width:100px;}


    .business12_top .top_box > div h4{font-size:20px;}
    .business .business12_top .top_box > div p{font-size:15px;}

    .business14_top .top_box{grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
    .business14_top .top_box > div:nth-child(1){grid-row:1 / 2;grid-column:1 / 3}
    .business14_top .top_box > div:nth-child(2){grid-row:1 / 2;grid-column:3 / 5}
    .business14_top .top_box > div:nth-child(3){grid-row:1 / 2;grid-column:5 / 7}
    .business14_top .top_box > div:nth-child(4){grid-row:2 / 3;grid-column:2 / 4}
    .business14_top .top_box > div:nth-child(5){grid-row:2 / 3;grid-column:4 / 6}
}
@media (max-width: 1024px){

/************aside**************/
.aside ul li{width: 70px; height: 80px; padding-top: 15px;}

/************sub-공통**************/
.sub_tit{font-size: 45px;}
.sub_inner{width: calc(100% - 30px);}
.depth_wrap{width: 90%;}
/*******회사개요********/
.dep1_depth2{margin: 80px 0;}
.company h2{font-size: 32px;}
.control_wrap .control_loc1{width: 100%; left: 0; top: -180px;}
.company_roll .swiper-slide img{border-radius: 30px 0 30px 0;}
.company_roll .swiper-slide h3{font-size: 18px;}
.company_sec2 .company_sec2_list li:nth-child(1) img{width: 100%;}
.company_sec2 .company_sec2_list li .txt_wrap{margin:20px 0 0 10px;}
.company_sec2 .company_sec2_list li .txt_wrap p{font-size: 18px;}
.company_sec2 .company_sec2_list li .txt_wrap span{font-size: 16px;}
.company_sec2_bot{margin-top: 80px;}
.company_sec2_bot ul{width: 85%; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.company_sec2_bot ul li h4{padding: 10px 0;}
.company_sec2_bot ul li span{margin: 15px 0;}
.company_sec2_bot ul li p{font-size: 22px;}
.certification li{width: calc(100% / 4 - 20px);}
.certification li .certification_img img{width: 100%;}


/*******연혁********/
.history_wrap .history_top li{width: 30%;}
.history_wrap .history_top li h4{font-size: 24px;}
.history_wrap .history_top li p{font-size: 18px;}
.histList .right .tit img{width: 60%;}
.histList .textList li .year{font-size: 30px;}

/***********가치체계*************/
.value_wrap h2{font-size: 32px;}
.value_wrap{padding-bottom: 50px;}
.value_sec1 li.value_tit{width: 400px; height: 400px;}
.value_sec2 .value_sec2_list{margin-top: 100px; }
.value_sec2 .value_sec2_list li{height: 520px;}
.value_sec2 .value_sec2_list li .green_ball{width: 250px; height: 250px;}
.value_sec2 .value_sec2_list li .sky_ball{width: 250px; height: 250px;}
.value_sec2 .value_sec2_list li .blue_ball{width: 250px; height: 250px;}
.value_sec2 .value_sec2_list li div h3{font-size: 35px;}
.value_sec2 .value_sec2_list li div p{font-size: 26px;}
.value_sec3 h3{font-size: 32px;}
.value_sec3 p{font-size: 22px; margin: 35px 0;}

/*******contact********/
.contact_top .contact_top_list li .contact_top_img img{border-radius: 30px 0 30px 0;}
.contact_top .contact_top_list li .contact_top_txt h4{font-size: 20px;}
.contact_top .contact_top_list li .contact_top_txt p{font-size: 16px; word-break: keep-all;}
.map_tab1 .map_list li .map_tit h3{font-size: 30px;}
.map_tab1 .map_list li .map_info p span{font-size: 18px;}
.map_tab1 .map_list li .map_info p{font-size: 16px;}
.map_tab1 .map_list li:nth-child(2){padding-left: 45px;}
.map_tab1 .map_list li h5{font-size: 16px; line-height: 1.2;}
.map_tab1 .location iframe{border-radius: 30px 0 30px 0;height:40vw;min-height:450px;}

/**************파이프라인-개요**************/
.business_table table tr th{font-size: 16px;}
.business_table table tr td h3{font-size: 16px;}
.business_table table tr td b{font-size: 16px;}
.business_table table tr td.left{font-size: 16px;}
.business1_bot{margin-left: 180px;}

/**************파이프라인-CRG-01**************/
.business2_top{flex-direction: column; flex-wrap: wrap;}
.business2_top li{width: 100%; margin: 10px 0;}
.business2_top .business1_tab2 tr td.height{height: auto;}
.business2_top .business1_tab2 tr td.CRG_01 img{width: auto;}
.business2_wrap .business1_tab2 tr td:first-child{font-size: 18px;}
.business2_wrap .business1_tab2 tr td h4{justify-content: start;}
.business2_wrap .business1_tab2 tr td h4 span{margin-right: 10px;}
.business2_imginner li.img_position img{margin-top: 25px;}

/**************파이프라인-CRG-02**************/
.business3{flex-direction: row;}
.business3 li{width: calc(100% / 3 - 20px); margin: 0 10px;}
.business3 .business1_tab2 tr td.CRG_01 img{width: 100%;}
.business2_imginner li h3.mar{font-size: 18px;}

/**************핵심기술-개요**************/
.business4_list li{margin: 0 -5px;}
.business4_list li h3{width: 200px; height: 200px; font-size: 20px;}
.business4_list li span::after{width: 100px; right: -105px;}

/**************핵심기술-바이러스생산**************/
.business7 .business7_list{flex-direction: column; }
.business7 .business7_list li{margin: 10px 0;}
.business7 .business7_list li:nth-child(1){width: 100%;}
.business7 .business7_list li:nth-child(2){width: 100%;}
.business7 .business7_list li .business7_right p{margin: 10px 0;}

/**************핵심기술-mRNA백신생산**************/

.business8_top li{width:calc(100% / 6 - 30px); margin: 0 15px;}
.business8_top li .business8_img_wrap{border-radius: 20px; padding: 5px;}
.business8_top li::after{width: 28px; height: 28px; top: 55px; right: -30px; background-size: contain; background-position: center;}
.business8_top li h4{word-break: keep-all; font-size: 16px; line-height: 1.2;}
.business8_bot li .business8_bot_tx{padding-left: 10px;}
.business8_bot li .business8_bot_tx h3{font-size: 16px;}
.business8_bot li .business8_bot_tx p{font-size: 15px;}

/**************핵심기술-표준화시험법개발**************/
.business9_process li .process_txt h4{height: 70px; line-height: 70px; font-size: 16px;}
.business9_process li .step{font-size: 20px;}
.assay li .assay_wrap h3{font-size: 16px;}

/**************CDMO서비스-개요**************/
.business10>p{font-size: 20px;}
.business10_list li>span{font-size: 20px;}
.business10_list li .business10_circle{width: 90%; margin: 0 auto;}
.business10_list li .business10_circle h3{font-size: 22px;}
.business10_list li .business10_circle span{font-size: 18px;}
.business10_list li .bus10_circle1{background-size: contain;}
.business10_list li .bus10_circle2{background-size: contain;}
.business10_list li .bus10_circle3{background-size: contain;}
.business10_list li .bus10_circle4{background-size: contain;}
.business10_list li .business10_img{transform: translateY(-40px);}
.business10_list li .business10_txt h4{font-size: 18px;}
.business10_list li .business10_txt p{font-size: 16px;}

.bus_10_bot .bus_10_bot_list{flex-direction: column; align-items: center;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left{width: 100%; margin-bottom: 50px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_right{width: 50%;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div h3{font-size: 23px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li h5{font-size: 20px;}




/*******CDMO서비스-cmo서비스********/
.cmo_sec1 li .cmo_sec1_wrap .cmo_num::after{left: 50%; transform: translateX(-50%) rotate(90deg); width: 25px; height: 25px; bottom: -35px;}
.cmo_sec1{flex-wrap: wrap;}
.cmo_sec1 li{width: 100%; margin: 10px 0;}
.cmo_sec1 li .cmo_sec1_wrap{margin-bottom: 40px;}
.cmo_sec2 li h3{font-size: 18px;}
.business11_list .gmp{align-items: center;}
.business11_list .gmp li .gmp_txt{height: auto;}
.business11_list .gmp li .gmp_txt h4{font-size: 18px;}
.business11_list .gmp li .gmp_txt p{font-size: 16px;}
.gmp_roll1 .swiper-slide img{border-radius: 30px 0 30px 0;}

/*******CDMO서비스-cro서비스********/
.cro_sec1 li .cmo_sec2_wrap .process::after{left: 50%; transform: translateX(-50%) rotate(90deg); width: 25px; height: 25px;}
.cro_sec1 li .cmo_sec2_wrap .process h4{word-break: keep-all; line-height: 1.2;}


    .company h2{font-size:32px;}
    .company p{line-height: 1.5;}

    .business_tit{margin-top:60px;}
    .business_tit h5{font-size:24px !important;}

    .business .business_p > p{font-size:18px;}
    .business .business8_mix > p{font-size:18px;}
    .business .business8_mix .mix_btm .left ul li{font-size:18px;}

    .business8_list ul li span{width:250px;}
    .business8_list ul li strong{width:calc(100% - 180px);}

    .business .business11_top > p{font-size:18px;}

    .business .business10_top > p{font-size:18px;}
}

@media all and (max-width: 960px){
    .company_cont{display: grid;grid-template-columns: 1fr 1fr;gap:50px 30px;}

    .certification{display: grid;grid-template-columns: 1fr 1fr;gap:20px;}
    .certification li{width:100%;}

    .business8_top{display: block;}
    .business8_top .left{width:100%;}
    .business8_top .right{width:100%;margin-top:50px;padding:0;}

    .business .business8_mix .mix_btm {display: block;}
    .business .business8_mix .mix_btm .left{width:100%;padding:0;}
    .business .business8_mix .mix_btm .right{width:100%;margin-top:50px;height:45vw;}

    .business9_top .top_box{grid-template-columns: 1fr 1fr;}
    .business9_top .top_box > div{height:auto;}

    .business16_process .pc_wrap{display: none;}
    .business16_process .mobile_wrap{display: grid;}

    .business14_process .mobile_wrap > div .txt h4{font-size:20px;}

    .business12_top .top_box {grid-template-columns: 1fr 1fr;}
    .business12_top .top_box > div{height:auto;}

    .business10_box > div .txt h3{font-size:20px;}
    .business10_box > div .txt div > div strong{font-size:15px;}
    .business10_box > div .txt div > div span{font-size:15px;}
    .business10_box > div .txt p{font-size:15px;}
}

@media all and (max-width:768px){

/************sub-공통**************/
.sub_visual_box{height: 400px;}
.sub_visual_txt h1{ font-size: 42px;}
.sub_visual_txt h2{margin-top: 20px;}
.sub_inner{margin: 80px auto;}
.sub_tit{font-size: 40px;}
.company p i{display: inline-block;}
/*******회사개요********/
.company{padding-bottom: 60px;}
.dep1_depth2 li{font-size: 16px;}
.company h2{font-size: 26px;}
.company_roll .swiper-slide h3{font-size: 16px;}
.control_wrap .control_loc1{top: -160px;}
.company_sec2 .company_sec2_list{align-items: center;}
.company_sec2 .company_sec2_list li:nth-child(1) img.pc{display: none;}
.company_sec2 .company_sec2_list li:nth-child(1) img.mo{display: inline-block;}
.company_sec2_bot ul li h4{width: 85%; font-size: 18px; padding: 5px 0;}
.company_sec2_bot ul li span{font-size: 18px;}
.company_sec2_bot ul li p{font-size: 20px;}
/*.certification li{width:calc(100% / 3 - 20px) ; margin: 10px;}*/

/************연혁**************/
    .histList{margin-top: 30px;}
    .history_wrap .history_top{padding-bottom: 70px;}
.histList > ul:after {left:10px;}	
.histList > ul > li:after {content:''; display:block; clear:both;}
.histList .left {float: right; width: 100%;}
.histList .right {display: none;}
.histList .textList {}
.histList .textList li {position: relative; padding:0 0 0 40px; margin-top:25px; text-align: left;}
.histList .textList li .year {font-size:20px; position: inherit;left: 0; top: -5px; }
.histList .textList li .text {margin-top:10px;}
.histList .textList li .text span {font-size:12px; }
.histList .textList li .text dl dt{ font-size:12px; width:35px}
.histList .textList li .text em {font-size:14px; }
.histList .textList li .text .img {margin-bottom:10px;}
.histList .textList li .text .img img {box-shadow:0 0 10px 2px rgba(0,0,0,.2); max-width:100%;}
.histList .textList li .mark {left:0;}
.histList .textList li .mark .dot { width:20px; height:20px;}
.histList .textList li .mark .dot em {width:8px; height:8px; left:50%; top:50%; margin:-4px 0 0 -4px;}
.histList .textList li .mark .dot span {width:6px; height: 6px; left:50%; top:50%; margin:-3px 0 0 -3px;}
.histList .textList li .mark .dot:after {content:''; position: absolute; left:20px; top:10px; height:1px; width:15px;; }
.histList .textList li .line { left:10px;}
.histList .textList li.active .mark .dot em {width:20px; height:20px; left:50%; top:50%; margin:-10px 0 0 -10px;   }
.history_wrap .history_top li h4{font-size: 20px;}
.history_wrap .history_top li p{font-size: 16px;}

/***********가치체계*************/
.value_wrap h2{font-size: 26px;}
.value_sec1{height: 500px;}
.value_sec1 li p{font-size: 18px;}
.value_sec1 li.value_tit{width: 300px; height: 300px;}
.value_sec2 .value_sec2_list{margin-top: 50px; justify-content: space-between;} 
.value_sec2 .value_sec2_list li{height: 480px; margin: 0 20px;}
.value_sec2 .value_sec2_list li .green_ball{width: 200px; height: 200px;}
.value_sec2 .value_sec2_list li .sky_ball{width: 200px; height: 200px;}
.value_sec2 .value_sec2_list li .blue_ball{width: 200px; height: 200px;}
.value_sec2 .value_sec2_list li div h3{font-size: 26px;}
.value_sec2 .value_sec2_list li div p{font-size: 20px; margin-top: 10px;}
.value_sec2 .value_sec2_list li>p{font-size: 16px;}
.value_sec2 .value_sec2_list li:nth-child(2){transform: translateY(-30px);}
.value_sec2 .value_sec2_list li:nth-child(3){transform: translateY(-80px);}
.value_sec3 h3{font-size: 28px;}
.value_sec3 p{font-size: 20px;}

/*******contact********/
.company p{font-size: 16px; }
.contact_top .contact_top_list li .contact_top_txt h4{font-size: 18px;}
.map_tab1 .map_list{align-items: center;}
.map_tab1 .map_list li:nth-child(1), .map_tab1 .map_list li:nth-child(2){width: 50%;}
.map_tab1 .map_list li .map_info p span{display: block;}
.map_tab1 .map_list li .map_tit h3{font-size: 26px;}
.contact_bot .map_tab{height: 55px;}
.contact_bot .map_tab li{line-height: 55px;}
.contact_top .contact_top_list li .contact_top_txt p i{display: inline-block;}

/**************파이프라인-개요**************/
.business1_txt h4{font-size: 16px;}
.business_table table tr td h3{font-size: 14px;}
.business1_bot{margin-left: 135px;}
.business1_bot li img{width: 100%;}
.business_table table tr td img{width: 100%;}

/**************파이프라인-CRG-01**************/
.business2_wrap .business1_tab2 tr td:first-child{font-size: 16px;}
.business2_wrap .business1_tab2 tr td h4 a img{width: auto;}
.business2_imginner li.img_position img{margin-top: 0;}
.business2_imginner li h3{font-size: 18px;}
.business2_imginner li p{font-size: 16px;}
.business2 p i{display: inline-block;}
.business2_sec2 h5{font-size: 18px;}
.business2_imginner li h3{font-size: 16px;}
.business2_imginner img{width: 100%;}
.business2_top .business1_tab2 tr td.CRG_01 img{width: 100%;}

/**************파이프라인-CRG-02**************/
.business3{flex-direction: column; flex-wrap: wrap;}
.business3 li{width: 80%; margin:10px auto;}
.business3 .business1_tab2 tr td.CRG_01 img{width: auto;}
.business3 li::after{display: none;}
.business2_imginner li h3.mar{font-size: 16px; margin-bottom: 10px;}

/**************핵심기술-개요**************/
.business4_list li span{font-size: 22px;}
.dep3_depth2{flex-wrap: wrap;}
.dep3_depth2 li{width: calc(100% / 3 );}
.dep3_depth2 li:nth-child(1), .dep3_depth2 li:nth-child(2), .dep3_depth2 li:nth-child(3){border-bottom: 1px solid #ddd;}
.business4_list li{margin: 0 -8px;}
.business4_list li span::after{width: 70px; right: -75px;}
.business4_list li h3{width: auto; height: 135px; font-size: 18px;}

/**************핵심기술-바이러스생산**************/
.business7 h5{font-size: 22px;}
.business7 .business7_list li .business7_right h4{font-size: 16px;}
.business7 .business7_list li .business7_right p{font-size: 15px;}

/**************핵심기술-mRNA백신생산**************/
.business8 h5{font-size: 22px;}
.business8_top{flex-wrap: wrap;}
.business8_top li{width: calc(100% / 3 - 30px); margin: 10px 15px;}
.business8_top li .business8_img_wrap{padding: 10px 0;}
.business8_top li .business8_img_wrap img{width: auto;}
.business8_top li::after{top: 77px; }
.business8_top li:nth-child(3)::after{display: none;}
.business8_bot li .business8_bot_tx p{padding-left: 20px;}
.business8_bot li .business8_bot_tx p::before{left: 5px;}

/**************핵심기술-표준화시험법개발**************/
.business9 h5{font-size: 22px;}

/**************핵심기술-표준화시험법개발**************/
.business9_process{flex-wrap: wrap; margin-top: 30px;}
.business9_process li{width:calc(100% / 2) ; margin: 20px 0;}
.business9_process li .step2{border-radius: 0 30px 30px 0;}
.business9_process li .step2::after{display: none;}
.business9_process li .step3{border-radius: 30px 0 0 30px;}
.business9_process li .process_txt{margin-top: 30px;}
.business9 h5.mar{margin-top: 50px;}
.assay li .assay_wrap{margin: 50px 20px; padding-top: 25px;}
.assay li .assay_img img{width: 100%;}


/**************CDMO서비스-개요**************/
.business10>p{font-size: 18px;}
.business10_list{margin-top: 80px; flex-wrap: wrap;}
.business10_list li{width: calc(100% / 2 - 20px); margin: 10px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div h3{font-size: 20px; margin-bottom: 30px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li h5{font-size: 20px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li p{font-size: 16px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li p::before{width: 3px; height: 3px;}
.bus_10_bot .bus_10_bot_list .bus_10_bot_right{width: 75%;}



/*******CDMO서비스-cmo서비스********/
.cmo_sec2 li h3{font-size: 16px; word-break: keep-all;}
.business11_list .gmp{flex-wrap: wrap;}
.business11_list .gmp li{margin: 10px 0;}
.business11_list .gmp li:nth-child(1){width: 100%;}
.business11_list .gmp li:nth-child(2){width: 100%;}

/*******CDMO서비스-cro서비스********/
.business .download a{width: 50%;}
.cro_sec1{flex-wrap: wrap;}
.cro_sec1 li{width: 100%; margin: 20px 0;}
.cro_sec1 li h3{font-size: 18px;}
.cmo_sec2 li p{font-size: 15px;}

    .business8_top .right h3{font-size:28px;}
    .business8_top .right p{font-size:17px;}

    .business .business_p > p{font-size:17px;}
    .business .business8_mix > p{font-size:17px;}

    .business .business11_top > p{font-size:17px;}
    .business .business10_top > p{font-size:17px;}


    .business8_list ul li{display: block;}
    .business8_list ul li span{display: flex;margin:0;border-bottom:0;border-radius: 10px 10px 0 0;width:100%;padding:15px ;text-align: center;font-weight:bold;}
    .business8_list ul li strong{display: flex;margin:0;border-radius:0 0 10px 10px;width:100%;font-size:18px;padding:15px 5px;}

    .business14_box ul{grid-template-columns: 1fr;gap:15px;}
    .business14_box ul li{padding:28px 5px;}

    .business10_box{display: block;}
    .business10_box > div{width:100%;}
    .business10_box > div + div{margin-top:30px;}

    .business10_btm .btm_box{grid-template-columns: 1fr;gap:15px;}
    .business10_btm .btm_box div{padding:28px 0;font-size:20px;}

}

@media all and (max-width:720px){
    .business .quick_contact{padding:30px;}
    .business .quick_contact h4{font-size:22px;}
    .business .quick_contact p{font-size:14px;}

    .business14_top .top_box{grid-template-columns: 1fr 1fr;}
    .business14_top .top_box > div{height:auto;}
    .business14_top .top_box > div:nth-child(1){grid-row:auto;grid-column:auto;}
    .business14_top .top_box > div:nth-child(2){grid-row:auto;grid-column:auto;}
    .business14_top .top_box > div:nth-child(3){grid-row:auto;grid-column:auto;}
    .business14_top .top_box > div:nth-child(4){grid-row:auto;grid-column:auto;}
    .business14_top .top_box > div:nth-child(5){grid-row:auto;grid-column:1 / 3;}


    .business14_process .pc_wrap{display: none;}
    .business14_process .mobile_wrap{display: grid;}
    .business14_process .mobile_wrap > div .txt{padding:28px 5px;}

    .business10_top .top_box{grid-template-columns: 1fr;}
    .business11_top .top_box{grid-template-columns: 1fr;}


}

@media all and (max-width:650px){
    /*******회사개요********/
    .dep1_depth2{flex-wrap: wrap; margin: 50px 0;}
    .dep1_depth2 li{width:calc(100% / 2 ) ; height: 50px; line-height: 50px;}
    .dep1_depth2 li:nth-child(1), .dep1_depth2 li:nth-child(2){border-bottom: 1px solid #ddd;}
    .dep1_depth2 li:not(:nth-child(even)):last-child{width:100%;border-bottom:0;}
    .company h2{margin: 0 0 20px; font-size: 22px;}
    .company p{font-size: 16px; word-break: keep-all;}
    .company_roll{width: 90%;}
    .control_loc1 .swiper-button-next{right: -20px;}
    .control_loc1 .swiper-button-prev{left: -20px; top: 0;}
    .company_sec2 .company_sec2_list{flex-wrap: wrap;}
    .company_sec2 .company_sec2_list li:nth-child(1){width: 80%; margin: 0 auto;}
    .company_sec2 .company_sec2_list li:nth-child(2){width: 90%; margin: 0 auto; }

    /************연혁**************/
    .history_wrap .history_top li h4{font-size: 18px;}
    .history_wrap .history_top li p{font-size: 15px;}
    .history_wrap .history_top li h4::after{top: 7px; right: -35px;}

    /***********가치체계*************/
    .value_sec1{display: flex; flex-direction: column; height: auto;}
    .value_sec1 li.value_mission{position: inherit; top: 0; order: 2; width: 70%; margin: 20px auto;}
    .value_sec1 li div{width: 80%; margin: 0 auto;}
    .value_sec1 li.value_tit{width: 60%; height: 350px; position: inherit; z-index: 1; background-size: contain;}
    .value_sec1 li.value_vision{position: inherit; top: 0; order: 3; width: 70%; margin: 0 auto;}
    .value_sec2 .value_sec2_list{margin-top: 0; flex-direction: column;}
    .value_sec2 .value_sec2_list li{margin: 20px auto; width: 80%; height: auto;}
    .value_sec2 .value_sec2_list li .green_ball{width: 200px; height: 200px;}
    .value_sec2 .value_sec2_list li .sky_ball{width: 200px; height: 200px;}
    .value_sec2 .value_sec2_list li .blue_ball{width: 200px; height: 200px;}
    .value_sec2 .value_sec2_list li>p{text-align: center; padding-left: 0;}
    .value_sec2 .value_sec2_list li>p::before{display: none;}
    .value_sec3 h3{font-size: 22px;}
    .value_sec3 p{font-size: 16px;}
    .value_sec2 .value_sec2_list li:nth-child(2), .value_sec2 .value_sec2_list li:nth-child(3){transform: translateY(0);}

    /*******contact********/
    .contact_top .contact_top_list{flex-direction: column;}
    .contact_top .contact_top_list li{width: 100%; margin: 10px auto;}
    .map_tab1 .map_list{flex-direction: column;}
    .map_tab1 .map_list li:nth-child(1){width: 100%;}
    .map_tab1 .map_list li:nth-child(2){width: 100%; padding-left: 30px;}

    /**************파이프라인-개요**************/
    .dep2_depth2 li{width: calc(100% / 2 );}
    .company{padding-top: 20px;}
   

    /**************파이프라인-CRG-01**************/
    .business2_wrap .business1_tab2 tr td h4{margin-bottom: 10px; line-height: 1.5;}
    .business2_wrap{flex-direction: column; flex-wrap: wrap;}
    .business2_wrap li{width: 80%; margin: 10px auto;}
    .business2_imginner li h3.mar{margin-bottom: 20px;}
    .business2_imginner li p{margin: 10px 0 20px;}
    .business2_top li{width: 100%;}

    /**************파이프라인-CRG-02**************/
    .business3_sec4 li:nth-child(1), .business3_sec4 li:nth-child(2){width: 80%;}

    /**************핵심기술-개요**************/
    .dep3_depth2 li:nth-child(4){border-bottom: 1px solid #ddd;}
    .business4_list li{margin: 0;}
    .business4_list li span{font-size: 20px;}
    .business4_list li span::after{width: 50px; right: -58px;}
    .business4_list li h3{height: 120px; font-size: 16px;}

    /**************핵심기술-바이러스생산**************/
    .business7{margin-top: 0;}

    /**************핵심기술-mRNA백신생산**************/
    .business8_top li{width:calc(100% / 2 - 20px); margin: 10px;}
    .business8_top li .business8_img_wrap{width: 200px; margin: 0 auto;}
    .business8_top li h4{margin-top: 20px;}
    .business8_top li::after{right: -25px;}
    .business8_top li:nth-child(2)::after{display: none;}
    .business8_top li:nth-child(4)::after{display: none;}
    .business8_top li:nth-child(3)::after{display: block;}
    .business8_bot{flex-direction: column;}
    .business8_bot li{width: 85%; margin: 10px auto;}
    .business8_bot li .business8_bot_tit{font-size: 16px;}
    .business8_bot li .business8_bot_tx{padding-left: 20px;}

    /**************핵심기술-표준화시험법개발**************/
    .business9_process li .step{height: 50px;line-height: 50px; font-size: 18px;}
    .business9_process li .step1::after{width: 50px; height: 50px;}
    .business9_process li .step3::after{width: 50px; height: 50px;}
    .business9_process li .process_txt p{font-size: 16px;}
    .assay{flex-wrap: wrap;}
    .assay li{width: 100%; margin: 10px 0;}
    .assay li .assay_wrap{padding-top: 30px;}
    .assay li .assay_wrap::after{bottom: -40px;}
    .assay li .assay_img img{width: auto;}

    /**************CTDMO서비스-개요**************/
    .business10>p{font-size: 16px;}
    .business10_list li .business10_circle{width: 70%;}
    .business10_list li .business10_img{transform: translateY(-50px);}

     /*******CDMO서비스-cmo서비스********/
     .gmp_roll1{margin: 50px 0;}
     .control_wrap .control_loc{top: -135px;}

    .company p br{display: none;}

    .business16_box ul{grid-template-columns: 1fr;gap:15px;}

    .business .business12_top .top_box > div p br{display: block}

    .bo_tit{font-size:14px !important;}
}

@media all and (max-width:480px){
    /************aside**************/
    .aside{top: 78%;}
    .aside ul li{width: 60px; height: 70px; padding-top: 10px;}

    /************sub-공통**************/
    .sub_visual_txt h1{font-size: 32px;}
    .sub_visual_txt h2{font-size: 18px;}
    .depth_wrap .depth_name{font-size: 16px; line-height: 1.2; display: flex; align-items: center; height: 100%;}
    .sub_inner{margin: 60px auto;}
    .sub_tit{font-size: 30px;}
    .sub_tit span{font-size: 18px; font-weight: 300;}
    .dep1_depth2{margin: 50px 0 70px;}
    .depth_wrap > div.depth1{width: 200px;}
      /*******회사개요********/
      .company{padding-bottom: 30px;}
      .company_sec3, .company_sec2{margin-top: 50px;}
      .company h2{font-size: 18px;}
 
      .company_roll .swiper-slide img{border-radius: 20px 0 20px 0;}
      .company_roll .swiper-slide h3{font-size: 15px;}
      .company_sec2 .company_sec2_list li:nth-child(2){width: 95%;}
      .company_sec2_bot ul li h4{width: 100%; font-size: 16px;}
      .company_sec2_bot ul li span{font-size: 16px; line-height: 1.2;}
      .company_sec2_bot ul li p{font-size: 17px;}
      .company_sec2_bot ul li:nth-child(1) h4::after{display: none;}
      .company_sec2_bot ul li:nth-child(1) p::after{display: none;}
      .company_sec2 .company_sec2_list li .txt_wrap p{font-size: 16px;}
      .company_sec2 .company_sec2_list li .txt_wrap span{font-size: 15px;}
    .certification{display: block;}
      .certification li{width:100%;margin:10px 0;float:none;}
      .certification li + li{margin-top:30px;}
      .certification li h4{font-size: 16px;}
      .certification li span{font-size: 16px;}

      .control_wrap .control_loc1 .swiper-button-next, .swiper-button-prev{background-size: 13px 44px; }

        /************연혁**************/
        .history_wrap .history_top li{margin: 0 5px;}
        .history_wrap .history_top li h4{font-size: 16px;}
        .history_wrap .history_top li h4::after{right: -30px;}
        .history_wrap .history_top li p{font-size: 14px;}
        .histList .textList li .year{font-size: 18px;}

    /***********가치체계*************/
    .value_wrap h2{font-size: 20px;}
    .value_sec1 li.value_mission, .value_sec1 li.value_vision{width: 80%;}
    .value_sec1 li div{width: 75%;}
    .value_sec1 li.value_tit{height: 255px;}
    .value_sec2 .value_sec2_list li div h3{font-size: 20px;}
    .value_sec2 .value_sec2_list li div p{font-size: 16px;}
    .value_sec2 .value_sec2_list li .green_ball, .value_sec2 .value_sec2_list li .sky_ball, .value_sec2 .value_sec2_list li .blue_ball{margin: 0 auto 30px;}
    .value_sec3 h3{font-size: 20px;}
    .value_sec3 p{font-size: 14px;}
    .value_sec3 img{border-radius: 20px 0 20px 0; }
    .value_sec1 li p{font-size: 16px;}

    /*******contact********/
    .contact_bot .map_tab li{font-size: 15px; line-height: 1.2;}
    .map_tab1 .map_list li .map_tit h3{font-size: 24px;}
    .contact_top .contact_top_list li{width: 90%;}
    .contact_top .contact_top_list li .contact_top_txt{margin-top: 30px;}
    .map_tab1 .map_list li:nth-child(2){padding-left: 15px;}

     /**************파이프라인-개요**************/
     .business1_bot{width: 100%; margin-left: 0;}
     .business_table table tr th{padding: 10px; font-size: 15px;}
     .business_table table tr td{padding: 10px; font-size: 14px;}
     .business_table table tr td.left{font-size: 14px;}

      /**************파이프라인-CRG-01**************/
      .business2_wrap li{width: 90%; }

      /**************파이프라인-CRG-02**************/
    .business3_sec4 li:nth-child(1), .business3_sec4 li:nth-child(2){width: 90%;}
    .business3{overflow-x: auto;}
    .business3 .business1_tab2 tr td.CRG_01 img{width: 100%;}

      /**************핵심기술-개요**************/
      .company h2 i{display: inline-block;}
      .business4_list{margin-top: 50px; flex-direction: column;}
      .business4_list li{width: 90%; margin: 10px auto;}
      .business4_list li span{margin: 0 auto 20px;}
      .business4_list li span::after{display: none;}
      .business4_list li h3{width: 100%; height: 250px; }
      .business4_list li:nth-child(1) h3{background-position: center;}
      .business4_list li:nth-child(2) h3{background-position: center;}
      .business4_list li:nth-child(3) h3{background-position: center;}
      .business4_list li:nth-child(4) h3{background-position: center;}
      .business4_list li:nth-child(5) h3{background-position: center;}
      .business4_list li:nth-child(5) h3 i{display: block;}

    /**************핵심기술-바이러스생산**************/
      .business7 h5{font-size: 18px;}

    /**************핵심기술-mRNA백신생산**************/
    .business8 h5{font-size: 18px;}
    .business8_top li .business8_img_wrap{width: 150px; padding: 10px;}
    .business8_top li .business8_img_wrap img{width: 100%;}
    .business8_bot li{width: 90%;}
    .business8_top li::after{top: 65px;}

    /**************핵심기술-표준화시험법개발**************/
    .business9 h5{font-size: 18px;}

     /**************핵심기술-표준화시험법개발**************/

     .business9_process li .step{height: 40px; line-height: 40px; font-size: 16px;}
     .business9_process li .step1::after{width: 40px; height: 40px;}
     .business9_process li .step3::after{width: 40px; height: 40px;}
     .business9_process li .process_txt h4{line-height: 1.2; font-size: 13px;}
     .assay li .assay_img img{width: 100%;}

      /**************CDMO서비스-개요**************/
      .business10_list li .business10_circle{width: 80%;}
      .business10_list li .business10_circle h3{font-size: 18px;}
      .business10_list li .business10_circle span{font-size: 15px;}
      .business10_list li .business10_txt h4{font-size: 16px;}
      .business10_list li .business10_txt p{font-size: 15px;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_left div h3{line-height: 1.5;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul{flex-direction: column; justify-content: start; align-items: start;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li h5{font-size: 18px; margin-bottom: 10px; text-align: left;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li:nth-child(1){width: 100%;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_left div ul li:nth-child(2){width: 100%;}
      .bus_10_bot .bus_10_bot_list .bus_10_bot_right{width: 90%;}


      /*******CDMO서비스-cmo서비스********/
      .cmo_sec1 li{padding: 10px;}
      .cmo_sec1 li .cmo_sec1_wrap .cmo_num h3{padding: 10px;}
      .cmo_sec1 li .cmo_sec1_wrap{margin-bottom: 35px;}
      .cmo_sec1 li .cmo_sec1_wrap .cmo_num::after{bottom: -30px;}
      .cmo_sec2{flex-wrap: wrap;}
      .cmo_sec2 li{width:100%; margin: 10px 0; }
      .cmo_sec2 li >div{margin-bottom: 25px;}
      .business11 .business11_tab{height: 50px;}
      .business11 .business11_tab li{line-height: 50px; font-size: 16px;}
      .business11_list .gmp li h3{font-size: 18px;}
      .business11_list .gmp li .gmp_txt h4{font-size: 16px;}
      .control_wrap .control_loc{top: -140px;}
      .gmp_roll1 .swiper-slide img{border-radius: 20px 0 20px 0;}

        /*******CDMO서비스-cro서비스********/
      .business .download a{width: 80%;}

    .company_cont{grid-template-columns: 1fr;}

    .business9_top .top_box {grid-template-columns: 1fr;}
    .business16_process .mobile_wrap {grid-template-columns: 1fr;}

    .business14_top .top_box{grid-template-columns: 1fr;}
    .business14_top .top_box > div:nth-child(5){grid-column: auto;}

    .business12_top .top_box {grid-template-columns: 1fr;}
}

@media all and (max-width:400px){
     /*******회사개요********/
    .company_sec2_bot ul{width: 95%;}
    .dep1_depth2 li{line-height: 1.2;}
     /***********가치체계*************/
     .value_sec1 li.value_tit{width: 70%;}
     .value_sec1 li.value_mission, .value_sec1 li.value_vision{width: 90%;}
     .value_sec2 .value_sec2_list li{width: 95%;}
     /*******contact********/
     .contact_bot .map_tab li{font-size: 13px;}
     .map_tab1 .map_list li .map_tit h3{font-size: 22px;}
     .map_tab1 .map_list li .map_info p{font-size: 15px;}
     .map_tab1 .map_list li .map_info p span{font-size: 16px;}

      /**************핵심기술-mRNA백신생산**************/
      .dep1_depth2 li{font-size: 14px;}
      .business8_top li .business8_img_wrap{width: 120px;}
      .business8_top li h4{font-size: 14px;}
      .business8_top li::after{top: 45px;}
    /**************CDMO서비스-개요**************/
    .business10_list li{width: 80%; margin: 10px auto;}
    .business10_list li .business10_circle{width: 70%; }

      /*******CDMO서비스-cmo서비스********/
      .cmo_sec1 li .cmo_sec1_wrap .cmo_num h3 span{right: -40px;}
      .cmo_sec1 li .cmo_sec1_wrap .cmo_num h3{font-size: 14px;}
        /*******CDMO서비스-cro서비스********/
        .business .download a{width: 90%;}

}