@media screen and (max-width:1800px){
  /* main */
  .main_nav {right: 1.5vw;}
  .main_prod_img.swiper-slide-active {margin-right: 0;}
  .main_prod_txt_wr, .main_prod_sl {width: 40%;}
  .main_prod_cont.active {justify-content: center;}
  .mainsec03_slide_btn_prev {left: 0;}
  .mainsec03_slide_btn_next {right: 0;}
  .main_prod_sl {padding: 0;}
  .mainsec04_box_wr {width: 320px; height: 300px;}
  .mainsec04_box {width: 220px; height: 220px;}
  .mainsec04_box_inner .img_wr img {width: 60px;}
  .mainsec04_box .txt_wr {padding-top: 25px; font-size: 16px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::after, .mainsec04_box:nth-child(4) .mainsec04_box_inner::after {width: 104px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::before, .mainsec04_box:nth-child(4) .mainsec04_box_inner::before {height: 76px;}
  .mainsec04_box_wr {background-size: 60%;}
  .mainsec04_right {padding-right: 5%;}

  /* footer */
  .btn_top {right: 25px; bottom: 35px;}
  .footer.on .btn_top {right: 25px;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(400px / 3);}

}/*@media End*/

@media screen and (max-width:1600px){
  /* header */
  .hd_logo {left: 5%;}
  .tnb {right: 5%;}
  .sitemap_inner {margin-left: 5%; margin-right: calc(5% - 50px);}

  .esp .gnb_ul > li a span.pc {display: none;}
  .esp .gnb_ul > li a span.mo {display: block;}

  /* common */
  .wrapper {padding: 0 5%; width: 100%;}

  /* main */
  .main_slide .main_s_txt_wr h2 {font-size: 50px;}
  .main_s_txt_wr {width: 80%; min-width: 280px;}
  .main_title .main_entit {font-size: 24px; padding-bottom: 5px;}
  .main_title .main_kotit {font-size: 40px !important;}
  .mainsec02_line_wr {width: calc(90% + 60px);}
  .main_prod_tit {font-size: 30px;}
  .mainsec05_box {max-width: calc(90% / 4 - 5px);}
} /*@media End*/

@media screen and (max-width:1440px){
  /* header */
  .gnb_ul {margin: 0 -25px;}
  .gnb_ul > li {padding: 0 25px;}

  /* main */
  .main_prod_img.swiper-slide-active .main_prod_img_in {max-width: 400px; height: 300px;}
  .main_prod_img.swiper-slide-active::before {width: 400px; height: 200px;}
  .mainsec03_slide_btn_prev, .mainsec03_slide_btn_next {width: 50px; height: 50px; background-size: 5px;}

  /* sub */
  .sub_vs_txt {font-size: 50px;}
  .sub_title {font-size: 36px;}
}

@media screen and (max-width:1290px){
  /* header */
  .header {height: 80px;}
  .gnb_ul > li > a, .tnb_ul > li > a {font-size: 16px; line-height: 80px;}
  .gnb_ul {margin: 0 -15px;}
  .gnb_ul > li {padding: 0 15px;}
  .hd_logo img {width: 120px;}
  .tnb_ul > li > a img {width: 18px;}
  .tnb_ul .hd_lang_btn {width: 80px;}
  .tnb_ul .hd_lang_2dep a {font-size: 16px;}
  .sitemap_wr {top: 80px; padding: 30px 0;}
  .sitemap_inner > li:not(:first-child) {padding-left: 15px;}
  .sitemap_inner > li > a {font-size: 16px; margin-bottom: 5px;}
  .sitemap_ul > li > a {font-size: 14px; padding: 4px 20px 4px 0; margin-left: 15px; text-indent: -8px;}
  .sitemap_ul > li > a::before {margin-right: 3px; width: 4px; height: 4px;}
  
  .esp .gnb_ul > li {padding: 0 12px;}
  .esp .gnb_ul > li a {font-size: 15px;}

  /* common */
  .sub_wr {width: 90%;}

  /* main */
  .main_title .main_entit {font-size: 20px;}
  .main_title .main_kotit {font-size: 30px !important;}
  .mainsec02_line_wr {width: calc(90% + 20px);}
  .mainsec02_box_wr {margin: 0 -10px;}
  .mainsec02_line, .mainsec02_box {margin: 0 10px;}
  .mainsec02_box_wr {margin-top: 30px;}
  .mainsec02_box {max-height: 35vh;}
  .mainsec02_box a {padding: 25px 20px;}
  .mainsec02_box_txt {font-size: 20px;}
  .btn_viewmore {font-size: 16px;}
  .btn_viewmore img {width: 40px;}
  .mainsec02_ani_txt {font-size: 100px;}
  .mainsec03 .wrapper {transform: translateY(-25px);}
  .main_prod_tit {font-size: 24px;}
  .main_prod_txt_wr {width: 50%;}
  .main_prod_cont.active {justify-content: space-between;}
  .mainsec03_slide_btn_prev, .mainsec03_slide_btn_next {top: 100%; transform: translateX(-50%);}
  .mainsec03_slide_btn_prev {left: calc(50% - 40px);}
  .mainsec03_slide_btn_next {left: calc(50% + 40px);}
  .mainsec03_tab li {width: 150px; font-size: 16px; height: 40px; line-height: 40px;}
  .mainsec04_txt {font-size: 16px;}

  /* sub */
  .sub_location_ul div a {font-size: 16px;}
  .sub_visual_layout {height: 420px;}
  .sub_location {bottom: 50px;}
  .sub_vs_txt {top: 50%;}

  /* 회사소개 - 소프트지노믹스 - 회사소개 */
  .company_img_wr {margin-left: 20%; height: 200px;}
  .company_ani_txt {font-size: 100px;}
  .company_txt br {display: none;}

  /* 회사소개 - 소프트지노믹스 - 비전 */
  .vision_circle {width: 250px; height: 250px;}
  .vision_circle_box {width: 250px;}
  .vision_circle_box:nth-child(odd) .vision_circle::after, .vision_circle_box:nth-child(even) .vision_circle::after {width: 252px; height: 126px;}
  .vision_circle_box img {width: 65px; margin-top: -10px;}
  .vision_circle_txt01 {font-size: 20px;}
  .vision_sec01 .sub_inner::after {top: 125px;}
  .vision_circle_wr::before, .vision_circle_wr::after {top: 122px;}
  .vision_circle_box::before {top: 115px;}
  .vision_circle_box::after {top: 121px;}
  .vision_circle {justify-content: center;}
  .vision_circle .txt_wr {margin-top: 40px;}
  .vision_sec02_box_tit {font-size: 18px; }
  .vision_sec02_num {font-size: 60px;}
  .vision_sec02_box_top {padding-bottom: 10px; margin-bottom: 15px;}

  /* 회사소개  - 소프트지노믹스 - 조직 */
  .organization_step01_item {width: 15vw; height: 15vw; line-height: normal; min-width: 150px; min-height: 150px; display: flex; justify-content: center; align-items: center; font-size: 22px;}
  .organization_step03_item_top, .organization_step02_item {font-size: 18px;}

  /* 회사소개  - 소프트지노믹스 - CI */
  .ci_txt01 {font-size: 20px;}
  .ci_logo {width: 35%;}
  .ci_txt {width: 65%; padding-left: 10%;}
  .ci_color_box {margin-right: 30px;}
  .ci_color_box_wr {margin: 0 -30px 0 -30px;}
  .ci_color_txt01 {font-size: 20px;}
  .ci_txt01 br, .ci_txt02 br {display: none;}

  /* 회사소개  - 소프트지노믹스 - 오시는길 */
  .access_info_wr {flex-wrap: wrap;}
  .access_info {margin-bottom: 35px;}
  .access_info:nth-child(1) {width: 100%;}
  .access_info:nth-child(2)::before {display: none;}  
  .access_info_txt02 {padding-top: 2px;}
  .access_map_wr {margin-top: 15px; height: 400px;}
  
  /* 사업영역  - 현장분자진단사업 */
  .sub_smtit {font-size: 20px;}
  .sub_smtit.sub_toptit { margin-top: -50px;}
  .molecular_sec02-inner {margin: 0 -20px;}
  .molecular_sec02-box {flex-direction: column; padding: 0 20px;}
  .molecular_sec02-box-txt_wr {width: 100%; padding: 20px 0 0; text-align: center;}

  /* 사업영역 - CDMO사업 */
  .cmdo_chart01 {margin: 20px 50px 20px 0;}
  .cmdo_chart01:nth-child(6) {margin-right: 50px;}
  .cmdo_chart01:nth-child(6)::after{display: block;}
  .cmdo_chart01_wr::after {display: none;}
  .cmdo_chart02 {margin: 20px 60px 20px 0;}
  .cmdo_chart02 .cmdo_chart02-icon_wr {margin: auto;}
  .cmdo_chart02_wr {justify-content: center;}
  .cmdo_chart02_wr::after {display: none;}

  /* 제품소개 - 피부진단시스템 */
  .selma_sec03_circle_ul {margin: 30px -1%;}
  .selma_sec03_circle_li {margin: 0 1%;}
  .selma_sec03_circle_ul::before {width: 70%;}
  .selma_sec04_img01_wr .selma_sec04_img01_num {width: 45px; height: 45px; font-size: 20px; line-height: 42px; top: 22.5px; z-index: 2;}
  .selma_sec04_img01_wr li img {height: 60%; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%);}
  .selma_sec04_img01_wr .selma_sec04_img01 {height: auto; padding-bottom: 60%; position: relative;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec .laboratory_box.mainsec04_box {width: 200px; height: 200px;}
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(90vw / 3 - 800px / 3);}
  .lab_box_cnt br {display: none;}
  .lab_box_subject {padding: 10px 0 10px; margin-bottom: 10px;}

  /* 채용정보 - 인재채용 */  
  .recruit_process_wr .img_wr.pc {display: none;}
  .recruit_process_wr .img_wr.mo {display: block;}
  .recruit_welfare_ul {justify-content: flex-start;}
  .recruit_welfare_li {width: calc(100% / 3 - 30px);}


  

} /*@media End*/


@media screen and (max-width:1023px){
  /* header */
  .gnb {display: none;}
  .hd_logo {left: 3%;}
  .tnb {right: 3%;}
  .sitemap_wr {width: 50vw; height: 100vh; right: -100%; top: 80px; max-width: 350px; min-width: 250px; padding-top: 0; background-position: right bottom;  transition: .3s; position: fixed; display: block; box-shadow: -5px 5px 5px 3px rgb(0 0 0 / 4%);}
  .sitemap_wr.on {right: 0;}
  .sitemap_bg.on {visibility: visible; opacity: 1;}
  .sitemap_ul {display: none; padding: 10px 0 0;}
  .sitemap_inner {flex-direction: column; margin-left: 0; margin-right: 0;}
  .sitemap_inner > li, .sitemap_inner > li:not(:first-child) {padding: 15px 25px; padding-left: 25px; border-bottom: 1px solid #f1f1f1;}
  .sitemap_inner > li > a {margin-bottom: 0; font-size: 18px;}
  .sitemap_ul > li > a br {display: none;}
  .sitemap_ul > li > a {font-size: 16px;}

  /* footer */
  .ft_top {padding: 15px 0;}
  .ft_txt01 {font-size: 16px;}
  .ft_top a, .ft_txt02, .ft_txt03 {font-size: 14px;}
  .btn_top {width: 50px; height: 50px;}
  .btn_top p {font-size: 14px;}

  /* common */
  .wrapper {padding: 0 3%; width: 100%;}
  .sub_wr {width: 94%;}

  /* main */
  .main_slide .main_s_txt_wr h2 {font-size: 40px;}
  .main_slide .main_s_txt_wr p {font-size: 18px;}
  .mainsec04_box_wr {width: 270px; height: 250px;}
  .mainsec04_box {width: 180px; height: 180px;}
  .mainsec04_box_inner .img_wr img {width: 40px;}
  .mainsec04_box .txt_wr {padding-top: 15px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::after, .mainsec04_box:nth-child(4) .mainsec04_box_inner::after {width: 85px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::before, .mainsec04_box:nth-child(4) .mainsec04_box_inner::before {height: 65px;}
  .mainsec04_right {padding-right: 3%;}
  .mainsec05_box > a {padding: 25px;}
  .mainsec05_box_cate, .mainsec05_box_tit {font-size: 18px;}
  .mainsec05_box_date {margin-top: 30px;}
  .mainsec05_box_wr {margin: 0 -10px;}
  .mainsec05_box {margin: 0 10px;}
  .main_prod_txt_wr, .main_prod_sl {width: 50%;}


  .main.esp .mainsec02  .main_title .main_kotit {width: 50%;}
  .main.esp .mainsec02  .main_title .main_kotit br {display: none;}

  /* sub */
  .sub_vs_txt {font-size: 40px;}
  .sub_title {font-size: 32px;}

  /* 회사소개 - 소프트지노믹스 - 비전 */
  .vision_circle {width: 190px; height: 190px;}
  .vision_circle_box {width: 190px;}
  .vision_circle_box:nth-child(odd) .vision_circle::after, .vision_circle_box:nth-child(even) .vision_circle::after {width: 192px; height: 96px;}
  .vision_circle_box img {width: 50px; margin-top: -20px;}
  .vision_circle_txt01 {font-size: 20px;}
  .vision_sec01 .sub_inner::after {top: 94px;}
  .vision_circle_wr::before, .vision_circle_wr::after {top: 91px;}
  .vision_circle_box::before {top: 84px;}
  .vision_circle_box::after {top: 90px;}
  .vision_circle {justify-content: center;}
  .vision_circle .txt_wr {margin-top: 20px;}
  .vision_circle_txt01 {font-size: 18px;}
  .vision_circle_txt02 {font-size: 14px; padding-top: 0;}
  .vision_circle_box_txt {padding: 10px 20px 0; font-size: 14px;}
  .vision_circle_box_txt br {display: none;}
  .vision_sec02_box_top {height: 90px; display: flex; flex-direction: column; justify-content: flex-end;}
  .vision_sec02_box_tit {margin-top: 0; font-size: 16px;}
  .vision_sec02_box_wr {margin: 0 -15px;margin-top: -20px; }
  .vision_sec02_box {margin: 0 15px;}
  .vision_sec02_box_txt {font-size: 14px;}
  .vision_sec02_num {font-size: 40px;}

  /* 회사소개  - 소프트지노믹스 - CI */
  .ci_info_wr {padding: 20px 20px 40px;}
  .ci_color_box_wr {margin: 0 -15px;}
  .ci_color_box {flex-direction: column; margin: 0 15px; padding: 0 10px;}
  .ci_color_txt_wr {width: 100%; text-align: center; margin-top: 15px;}
  .ci_color {margin: auto;}
  .ci_color_box:not(:first-child)::after {left: -16px;}
  .ci_color_txt02 {font-size: 14px;}
  .ci_sec02 {padding: 60px 0;}

  /* 회사소개  - 소프트지노믹스 - CEO메세지 */
  .ceo_cnt_img_wr {width: 50%;}
  .ceo_cnt_txt_wr {padding-right: 30%;}
  .ceo_cnt_tit {padding-bottom: 10px;}
  .esp .ceo_info_txt {width: 100%; display: block;}
  .esp .ceo_info::before {height: 130px;}
  .esp .ceo_info_txt_wr  {width: 50%;}
  
  /* 회사소개  - 소프트지노믹스 - 연혁 */
  .history_right, .history_left {flex-direction: column;}
  .history_right .history_cnt_ul {margin-left: 0;}
  .history_left .history_cnt_ul {margin-right: 0;}
  .history_left .history_year {text-align: right;}
  .history_txt {font-size: 14px;}
  .history_year {font-size: 24px;}

  /* 회사소개  - 소프트지노믹스 - 인증 */
  .cert_li {width: calc(25% - 35px);}
  .cert_li:nth-child(8) {padding-bottom: 50px;}
  .cert_li:nth-child(10) {padding-bottom: 98px;}
  .cert_li:nth-child(8)::after{display: none;}
  .cert_li:nth-child(5)::after{content: ''; background-color: #fbfbfb; position: absolute; top: 0; left: -30px; width: calc(100vw + 30px); height: 100%; z-index: -1;}

  /* 사업영역 - 현장분자진단사업 */
  .sub_smtit br {display: none;}
  .molecular_sec02-inner {margin: 0 -10px;}
  .molecular_sec02-box {padding: 0 10px;}

  /* 사업영역 - 글로벌네트워크 */
  .global_box_wr {margin: 0 -10px;}
  .global_box {padding: 40px 30px 30px; margin: 0 10px;}
  .global_box_txt02 {margin-top: 10px; padding-top: 15px;}
  .global_box_txt01 {font-size: 18px;}

  /* 제품소개 - 피부진단시스템 */
  .selma_sec01 .selma_wr {padding: 20px 20px 40px;}
  .selma_sec:not(.selma_sec01) {padding: 45px 0;}
  .selma_sec02 .sub_txt {padding-top: 15px;}
  .selma_sec03_circle_li {width: 130px; height: 130px;}
  .selma_sec04_img02_wr {padding: 20px;}
  .selma_sec04{margin-bottom: -45px;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec .laboratory_box.mainsec04_box {width: 160px; height: 160px;}
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(94vw / 3 - 640px / 3);}
  .laboratory_sec02 {margin-top: 30px;}
  .lab_box {width: calc(50% - 10px);}

  /* 연구개발 - 핵심경쟁력 */
  .point01_circle {width: 300px; height: 300px;}
  .point01_circle::after {left: -5px;}
  .point01_circle .img_wr::after {left: -26px;}
  .point01_circle::before {right: -6px;}
  .point01_circle .img_wr::before {right: -26px;}
  .point01_txt{font-size: 15px;}
  .point01_circle .point01_txt:nth-of-type(1) {left: -160px;}
  .point01_circle .point01_txt:nth-of-type(3) {left: -140px;}
  .point01_circle .point01_txt:nth-of-type(2) {right: -150px;}
  .point01_circle .point01_txt:nth-of-type(4) {right: -130px;}

  .esp .point01_circle .point01_txt {font-size: 14px;}
  .esp .point01_circle .point01_txt:nth-of-type(1) {left: -130px;}
  .esp .point01_circle .point01_txt:nth-of-type(2) {right: -140px;}
  .esp .point01_circle .point01_txt:nth-of-type(3) {bottom: 40px; left: -140px;}
  .esp .point01_circle .point01_txt:nth-of-type(4) {bottom: 40px; right: -160px;}

  /* 영문홈페이지 */
  .point01_circle.eng .point01_txt:nth-of-type(1) {top: 100px; left: -190px;}
  .point01_circle.eng .point01_txt:nth-of-type(3) {left: -170px; bottom: 75px;}
  .point01_circle.eng .point01_txt:nth-of-type(2) {top: 100px; right: -160px;}
  .point01_circle.eng .point01_txt:nth-of-type(4) {right: -150px; bottom: 60px;}

  .recruit_process_li {width: 120px; height: 120px;}
  .recruit_process_li img {height: 30px;}
  .recruit_process_txt {padding-top: 8px; font-size: 15px;}
  .recruit_process_txt span {font-size: 13px; display: block;}
  .recruit_welfare_ul {margin: -10px;}
  .recruit_welfare_li {margin: 0 10px 20px; width: calc(100% / 3 - 20px);}
  .welfare_txt01 {font-size: 18px; padding: 20px 0 5px;}
  .recruit_welfare_li img {height: 40px;}


  /* Product */
  .prod_li{width: 33.333%;}

  .prod_v_thumb{width: 300px;}
  .prod_v_info{width: calc(100% - 300px); padding-left: 30px;}
  .prod_v_name{font-size: 26px;}
} /*@media End*/


@media screen and (max-width:767px){

  /* main */
  .mainsec:not(.mainsec01) {padding: 50px 0;}
  .mainsec:not(.mainsec01), .mainsec:not(.mainsec01) .fp-tableCell {height: auto !important;}
  .main_title .main_kotit {font-size: 26px !important;}
  .main_title .main_entit {font-size: 18px;}
  .main_nav {display: none;}
  .main_slide .main_s_txt_wr h2 {font-size: 32px;}
  .main_slide .main_s_txt_wr {top: 45%;}
  .main_slide .main_s_txt_wr p {font-size: 16px;}
  .main_slide_ctr {width: 100%; text-align: center;}
  .mainsec02_box_txt {font-size: 18px;}
  .mainsec02 {overflow: auto;}
  .mainsec02_line_wr {display: none;}
  .mainsec02_box_wr {flex-wrap: wrap;}
  .mainsec02_box {width: 50%; transform: translateY(0) !important; flex: none; width: calc(50% - 20px); margin-bottom: 20px; max-height: auto; height: 280px;}
  .mainsec02_box_viewmore {opacity: 1;}
  .mainsec02_ani_txt {font-size: 70px;}
  .main_prod_cont.active {flex-direction: column-reverse;}
  .mainsec03 .wrapper {transform: translateY(0);}
  .mainsec03_slide_btn_prev {left: 0; top: 50%; transform: translate(0, -50%);}
  .mainsec03_slide_btn_next {right: 0; top: 50%; transform: translate(0, -50%); left: auto;}
  .main_prod_txt_wr,.main_prod_sl {width: 100%; text-align: center;}
  .main_prod_sl {margin-bottom: 20px; transform: translateX(0);}
  .main_prod_tit {font-size: 22px;}
  .main_prod_txt {font-size: 16px; padding: 15px 0 30px;}
  .mainsec03 {padding-top: 0;}
  .main_prod_img.swiper-slide-active .main_prod_img_in {margin: auto;}
  .mainsec03_top {flex-direction: column; align-items: flex-start;}
  .mainsec03_tab {margin-top: 30px;}
  .main_prod_img.swiper-slide-active img {max-height: 100%;}
  .mainsec.mainsec04 {padding-bottom: 150px;}
  .mainsec04 .wrapper {flex-direction: column; align-items: center;}
  .mainsec04_left {margin-right: 0; margin-bottom: 150px; width: 100%;}
  .mainsec04_right {padding-right: 0; width: calc(100% - 180px);}
  .mainsec04_box_wr {width: 100%;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::after, .mainsec04_box:nth-child(4) .mainsec04_box_inner::after {width: calc(100vw - 400px);}
  .mainsec04_viewmore {padding-top: 5%;}
  .mainsec04_txt {padding-top: 5%; font-size: 14px;}
  .mainsec.fp-auto-height {display: none;}
  .mainsec05_box_wr {flex-direction: column;}
  .mainsec05_box {width: 100%; max-width: 100%; margin-bottom: 20px;}
  .mainsec05_box_cate, .mainsec05_box_tit {font-size: 16px;}
  .mainsec05_box_cnt, .mainsec05_box_date {font-size: 14px;}
  .mainsec05_box_date {margin-top: 15px;}
  .mainsec05_box_tit, .mainsec05_box_cnt {margin: 10px 0; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}

  .main.esp .mainsec02  .main_title .main_kotit {width: 100%;}

  /* footer */
  .btn_top {right: 3%; bottom: 20px;}
  .footer.on .btn_top {right: 3%;}

  /* sub */
  .sub_location_ul div a {padding: 0 10px;}
  .sub_tab_slide.sub_location_ul .slick-list {overflow: hidden; height: auto; padding: 30px 0;}
  .sub_tab_slide .slick-arrow {position: absolute; z-index: 3; border:0; background-color: transparent; border-radius: 50%; width: 30px; height: 30px; font-size: 0; top: 50px;}
  .sub_tab_slide .slick-arrow.slick-prev {left: 3%;background: url('/source/img/icon-s_btn_prev.svg') no-repeat center / 10px;}
  .sub_tab_slide .slick-arrow.slick-next {right: 3%;background: url('/source/img/icon-s_btn_next.svg') no-repeat center / 10px;}
  .sub_tab_slide .slick-arrow.slick-prev.slick-disabled {background: url('/source/img/icon-s_btn_prev_g.svg') no-repeat center / 10px;}
  .sub_tab_slide .slick-arrow.slick-next.slick-disabled {background: url('/source/img/icon-s_btn_next_g.svg') no-repeat center / 10px;}
  .sub_tab_slide {transform: translateY(-30px);}
  .sub_location_ul div a {font-size: 14px;}
  .sub_vs_txt {font-size: 36px;}
  .sub_visual_layout {height: 380px;}
  .sub_location {bottom: 0px;}
  .sub_title {font-size: 26px; padding-bottom: 45px;}
  .sub_smtit.sub_toptit {padding-bottom: 45px;}
  .sub_title::after {width: 6px; height: 6px; left: -6px;}
  .sub {padding: 40px 0 60px;}
  .border {padding-top: 20px;}
  .border.normal {margin-top: 20px;}
  .sub_txt {font-size: 14px;}

  /* 회사소개 - 소프트지노믹스 - 회사소개 */
  .company_tab {margin-top: 30px; padding: 0 3%;}
  .company_tab li {width: 25%;}
  .company_tab li a {width: 100%; font-size: 14px; height: 40px; line-height: 40px;}

  .company_img_bg {padding: 15px 0 20px;}
  .company_img_wr {margin-left: 0%; height: 150px; border-radius: 0;}
  .company_ani_txt {font-size: 70px; bottom: -15px;}
  .company_txt {font-size: 14px;}

  
  /* 회사소개 - 소프트지노믹스 - 비전 */
  .vision_sec01 {padding-bottom: 60px;}
  .vision_sec02 {padding: 60px 0;}

  /* 회사소개  - 소프트지노믹스 - 조직 */
  .organization_step03_item_wr {margin: 0 -5px;}
  .organization_step03_item_wr li {margin: 0 5px;}
  .organization_step02_item, .organization_step03_item_top, .organization_step03_item {padding: 15px; font-size: 16px;}

  .esp .organization_step03_item_wr li {max-width: calc(20% - 5px); flex-direction: column;}

  /* 회사소개  - 소프트지노믹스 - CI */
  #ci {margin-bottom: -80px;}

  
  /* 회사소개  - 소프트지노믹스 - CEO메세지 */
  .ceo_cnt_wr {position: relative;}
  .ceo_cnt_wr > .sub_wr {position: static;}
  .ceo_cnt_img_wr {width: 300px; top: 0; transform: translateY(-100%); bottom: auto; right: -80px;}
  .ceo_cnt_txt_wr {padding-right: 0;}
  .ceo_info_tit {font-size: 20px;}
  .ceo_info_tit span {font-size: 16px;}
  .ceo_info_txt {font-size: 16px; width: 220px;}
  .ceo_info {padding-left: 20px;}
  .ceo_sign {font-size: 16px;}
  .ceo_sign span {font-size: 30px;}

  /* 회사소개  - 소프트지노믹스 - 인증 */
  #cert {margin-bottom: -80px;}
  .cert_ul {margin-top: -40px;}
  .cert_li {width: calc(100% / 3 - 35px); padding: 30px 0;}
  .cert_li:nth-child(7)::after{display: none;}
  .cert_li:nth-child(4)::after{content: ''; background-color: #fbfbfb; position: absolute; top: 0; left: -30px; width: calc(100vw + 30px); height: 100%; z-index: -1;}
  .cert_li:nth-child(10)::after{content: ''; background-color: #fbfbfb; position: absolute; top: 0; left: -30px; width: calc(100vw + 30px); height: 100%; z-index: -1;}
  .cert_tit {font-size: 14px;}
  .cert_li:nth-child(7) {padding-bottom: 30px;}

  /* 회사소개  - 소프트지노믹스 - 오시는길 */
  .access_info_wr{margin: 0 -15px -10px;}
  .access_info_txt01 {font-size: 16px;}
  .access_info_txt02 {font-size: 14px;}
  .access_map_wr {height: 300px;}
  .access_info {padding: 0 15px; margin-bottom: 20px;}

  /* 사업영역  - 현장분자진단사업 / 마이크로바이움피부진단사업 / 반려동물진단사업 */
  #molecular, #skin {margin-bottom: -80px;}
  .sub_smtit {font-size: 18px;}
  .sub_smtit.sub_toptit {margin-top: -30px;}
  .molecular_sec01-txt {font-size: 14px;}
  .molecular_sec02-inner{flex-direction: column; margin: -5px 0;}
  .molecular_sec02-box {flex-direction: row; width: 100%; padding: 0; padding: 5px 0;}
  .molecular_sec02-box-img_wr {width: 60px; height: 60px;}
  .molecular_sec02-box-img_wr img {height: 30px;}
  .molecular_sec02-box-txt_wr {width: calc(100% - 60px); text-align: left; padding: 0 0 0 15px; font-size: 14px;}
  .molecular_sec02, .skin_sec02 {padding: 40px 0;}
  .molecular_sec01, .skin_sec01 {padding-bottom: 40px;}
  .molecular_sec02 .sub_smtit {padding-bottom: 20px;}

  /* 사업영역 - CDMO사업 */
  .cdmo_sec .sub_smtit:not(.sub_toptit) {font-size: 20px;}
  .cmdo_chart01_bg, .cmdo_chart02_bg {padding: 20px 0;}

  .cmdo_chart01 {margin: 20px 50px 20px 0; width: 140px; height: 140px;}
  .cmdo_chart01, .cmdo_chart01:nth-child(6), .cmdo_chart02 {margin-right: 30px;}
  .cmdo_chart01::after, .cmdo_chart02 .cmdo_chart02-icon_wr::after {width: 30px; background-size: 18px;}
  .cmdo_chart01-txt {font-size: 14px; padding-top: 10px;}
  .cmdo_chart01-inner {padding: 15px 10px;}
  .cmdo_chart02-txt {font-size: 14px; padding-top: 15px;}

  .esp .cmdo_chart01-txt {font-size: 14px; position: absolute; top: calc(50% + 6px); left: 50%; transform: translate(-50%, -50%); width: 85%;}
  .esp .cmdo_chart01-inner {padding: 2px 5px 5px;}
  .esp .cmdo_chart01-num {font-size: 16px;}

  .sub_smtit .sub_smtit_txt {font-size: 14px;}
  .global_map_wr {overflow-x: auto; margin: 0 -5px; padding-bottom: 50px;}
  #global .sub_wr.border {position: relative;}
  #global .sub_wr.border::after {content: '← Scroll left and right →'; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); color: #999; width: 100%; font-size: 14px; text-align: center;}
  .global_map_wr img {min-width: 780px;}
  .global_box {padding: 30px 20px 20px; margin: 0 5px;}
  .global_box_txt01 {font-size: 16px;}
  .global_box_txt02 {margin-top: 10px; padding-top: 15px; font-size: 14px;}
  .global_box_txt02::after {width: 12px;}
  

  .selma_sec02 .sub_txt {font-size: 14px;}
  .selma_sec03_circle_li {width: 100px; height: 100px;}
  .selma_sec04 .sub_txt {padding-top: 15px;}
  .selma_sec04_img01_wr .selma_sec04_img01_num {width: 40px; height: 40px; font-size: 16px; line-height: 37px; top: 20px;;}
  .selma_sec04_img01_wr .selma_sec04_img01 {padding-bottom: 50%;}
  .selma_sec04_img01_wr .selma_sec04_img01_txt {font-size: 14px; padding-top: 5px;}
  .selma_sec04_img01_wr li {width: calc(100% / 3 - 20px); margin: -10px 10px;}
  .selma_sec04_img01_wr {margin: 10px -10px;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec .laboratory_box.mainsec04_box {width: 140px; height: 140px; padding: 5px;}
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(94vw / 3 - 560px / 3); left: calc(100% + 5px);}
  .laboratory_box.mainsec04_box:nth-child(1)::after, .laboratory_box.mainsec04_box:nth-child(2)::after, .laboratory_box.mainsec04_box:nth-child(2)::before, .laboratory_box.mainsec04_box:nth-child(3)::after, .laboratory_box.mainsec04_box:nth-child(3)::before, .laboratory_box.mainsec04_box:nth-child(4)::after {display: none;}
  .laboratory_box.mainsec04_box .txt_wr {font-size: 14px;}
  .lab_box_wr {padding-top: 40px;}
  .lab_box_subject {font-size: 15px; padding: 5px 0 10px;}
  .lab_box {padding: 20px;}

  .esp .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(94vw / 3 - 570px / 3);}

  /* 연구개발 - 핵심경쟁력 */
  .point02_li {flex-direction: column;}
  .point02_li .point02_cnt .point02_txt02 {font-size: 14px;}
  .point02_li .point02_cnt::before, .point02_li .point02_cnt::after {display: none}
  .point02_li .point02_circle {width: 100%; height: auto; border-radius: 10px; font-size: 16px; top: 10px; z-index: 2; margin: 0; padding: 15px 0;}  
  .point02_li .point02_circle::after, .point02_li .point02_cnt::before, .point02_li .point02_cnt::after, .point02_li .point02_circle::after,  .point02_li .point02_circle br  {display: none;}
  .point02_li .point02_cnt {width: calc(100% - 15px); border-top: 0; border-radius: 0 0 10px 10px; padding: 40px 20px 30px;}

  .recruit_process_ul {margin: 0 -10px;}
  .recruit_process_li {width: 100px; height: 100px; margin: 0 10px;}
  .recruit_process_li img {height: 25px;}
  .recruit_process_txt {padding-top: 4px; font-size: 13px;}
  .recruit_process_txt span {font-size: 11px; display: block;}
  .recruit_process_li:not(:last-child)::after {left: calc(100% + 8px); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: calc( 3px * 1.732 ) solid #999;}
  .recruit_process_inner {margin: 20px 0 10px; padding: 30px 0;}
  .recruit_welfare_ul {margin: -10px;}
  .recruit_welfare_li {margin: 0 10px 20px; width: calc(100% / 2 - 20px);}
  .welfare_txt01 {font-size: 16px; padding: 15px 0 3px;}

  /* 영문홈페이지 */
  .point01_circle.eng .point01_txt {font-size: 14px;}
  .point01_circle.eng .point01_txt:nth-of-type(1) {top: 80px; left: -160px;}
  .point01_circle.eng .point01_txt:nth-of-type(2) {top: 80px; right: -145px;}
  .point01_circle.eng .point01_txt:nth-of-type(3) {left: -150px; bottom: 45px;}
  .point01_circle.eng .point01_txt:nth-of-type(4) {right: -130px; bottom: 40px;}

  /* Product */
  .prod_filter{text-align: right;}
  .prod_sort{float: none; margin-bottom: 10px; text-align: left;}
  .prod_search{float: none; text-align: left;}
  .prod_search_ul > li:nth-child(1){width: calc(100% - 40px);}
  .prod_search_ul > li:nth-child(2){width: 40px;}
  .prod_sort_ul > li > a{height: auto; line-height: 1.5;}
  .prod_search_input{width: calc(100% - 100px);}

  .prod_v_thumb{float: none; width: 500px;}
  .prod_v_info{float: none; width: 100%; margin-top: 50px; padding-left: 0;}
  .prod_v_btn_ul{margin: -2px;}
  .prod_v_btn_ul > li{padding: 2px;}
  .prod_v_btn{min-width: 120px;}
} /*@media End*/

@media screen and (max-width:640px){
  /* footer */
  .ft_img_wr {display: none;}
  .ft_top a, .ft_txt02, .ft_txt03 {font-size: 12px;}
  .ft_txt01 {font-size: 14px; padding-bottom: 10px;}
  .ft_txt02:first-of-type {margin-right: 0 !important;}

  /* main */
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::after, .mainsec04_box:nth-child(4) .mainsec04_box_inner::after {width: calc(100vw - 390px);}

  /* suv */
  .sub_title br {display: none;}

  /* 회사소개  - 소프트지노믹스 - 비전 */
  .vision_circle_wr {flex-direction: column; align-items: center;}
  .vision_circle_box:nth-child(odd) .vision_circle::after, .vision_circle_box:nth-child(even) .vision_circle::after, .vision_sec01 .sub_inner::after, .vision_circle_wr::before, .vision_circle_wr::after,.vision_circle_box::before, .vision_circle_box::after {display: none;}
  .vision_circle_box {width: 100%;}
  .vision_circle {margin: auto;}
  .vision_circle .txt_wr, .vision_circle_box img {margin-top: 0;}
  .vision_circle_box_txt {max-width: 300px; margin: auto;}
  .vision_circle_box:not(:last-child) {margin-bottom: 50px;}
  .vision_circle_box:not(:last-child)::after {content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #0082de; position: absolute; top: auto; bottom: -25px; left: 50%; transform: translateX(-50%); display: block;}

  /* 회사소개  - 소프트지노믹스 - 조직 */
  .organization_step03_item_wr {flex-direction: column; margin: 0;}
  .organization_step03_item_wr li {display: flex; align-items: center; margin: 0; margin-bottom: 5px;}
  .organization_step03_item {margin: 0; margin-left: 5px; flex: 1;}
  .organization_step03_item_wr li::after, .organization_step03_item_wr li:not(:nth-child(3))::before,.organization_step03_item_wr::before {display: none;}
  .organization_step01_item::before {height: 160px;}
  .organization_step02 {margin: 40px 0;}
  .organization_step03_item {padding: 10px 5px; font-size: 14px;}
  .organization_step02_item, .organization_step03_item_top {padding: 10px 15px; font-size: 14px;}
  .organization_step01_item {min-width: 90px; min-height: 90px; font-size: 16px;}

  /* 회사소개  - 소프트지노믹스 - 조직 */
  .organization_step03_item_wr li {flex-wrap: wrap; margin-bottom: 20px;}
  .organization_step03_item_top {width: 100%; margin-bottom: 5px;}
  .organization_step03_item {margin-left: 0;}
  .organization_step03_item:not(:last-child) {margin-right: 5px;}
  .organization_step02_item_wr {justify-content: center;}
  .organization_step02_item_wr li:not(:nth-child(4)) {display: none;}
  .organization_step02_item_wr li {width: 120px;}
  .organization_step02_item_wr li:nth-child(4)::after, .organization_step02_item_wr li:nth-child(4)::before {display: none;}
  .organization_step02 {margin: 30px 0;}

  .esp .organization_step03_item_wr li {width: 100%; max-width: 280px; margin: 0 auto 20px;}
  .esp .organization_step02_item, .organization_step03_item_top {width: 100%; }
  .esp .organization_step03_item {width: 100%; margin: 5px 0;}
  .esp .organization_step02_item, .organization_step03_item_top {margin-bottom: 5px;}
  
  /* 회사소개  - 소프트지노믹스 - CI */
  .ci_info_wr {flex-direction: column;}
  .ci_logo {width: 100%; text-align: center;}
  .ci_logo img {max-width: 300px; width: 80%;}
  .ci_txt {width: 100%; padding-left: 0; padding-top: 35px;}
  .ci_txt01 {font-size: 18px;}
  .ci_txt02 {padding-top: 5px; font-size: 14px;}
  .ci_sec02 {padding: 25px 20px;}
  .ci_color_box_wr {flex-direction: column; margin: 0;}
  .ci_color_box {flex-direction: row; width: 100%; margin: 0; padding: 15px 0;}
  .ci_color_txt_wr {width: calc(100% - 46px); text-align: left; margin-top: 0; padding-left: 20px;}
  .ci_color {width: 46px; height: 46px;}
  .ci_color_box:not(:first-child)::after {display: none;}
  .ceo_cnt_img_wr {width: 250px; right: auto; left: 48%;}
  
  /* 회사소개  - 소프트지노믹스 - CEO메세지 */
  .ceo_info_txt {display: block;}
  .ceo_info::before {height: 90%;}
  .ceo_cnt_tit {font-size: 18px; padding-bottom: 5px;}

  /* 회사소개  - 소프트지노믹스 - 연혁 */
  .history_logo {width: 150px; height: 150px; background-size: 80%;}
  .esp .history_logo {background-size: 80%;}
  .history_right .history_cnt_li, .history_left .history_cnt_li {flex-direction: column;}
  .history_left .history_month {text-align: right;}

  /* 사업영역 - CDMO사업 */
  .cmdo_chart01 {margin: 20px 50px 20px 0; width: 130px; height: 130px;}
  .cmdo_chart01, .cmdo_chart01:nth-child(6), .cmdo_chart02 {margin-right: 20px;}
  .cmdo_chart01::after, .cmdo_chart02 .cmdo_chart02-icon_wr::after {width: 20px; background-size: 12px;}
  .cmdo_chart01-txt {padding-top: 5px;}
  .cmdo_chart01-num {font-size: 16px;}

  .esp .cmdo_chart01-txt {font-size: 12px; padding-top: 3px;}
  .esp .cmdo_chart01-num {font-size: 14px;}

  /* 사업영역 - 글로벌네트워크 */
  .global_box_wr {flex-direction: column; margin: 0;}
  .global_box {margin: 0;}
  .global_box:not(:last-child) {margin-bottom: 10px;}
  .global_box_txt02 {margin-top: 8px; padding-top: 12px;}

  /* 제품소개 - 피부진단시스템 */
  .selma_sec01 .selma_wr {flex-direction: column;}
  .selma_sec01 .selma_img {width: 100%;}
  .selma_sec01 .selma_txt {width: 100%; padding: 0; padding-top: 25px;}
  .selma_sec01 .selma_img img {width: 70%; max-width: 400px; min-width: 280px;}
  .selma_sec01 .selma_img::after {height: 60%; left: 45%; width: 70%;}
  .selma_sec:not(.selma_sec01) {padding: 30px 0;}
  .selma_sec02 .sub_txt {padding-top: 10px;}
  .selma_sec03_circle_li {width: 80px; height: 80px;}
  .selma_sec03_circle_ul {margin: 15px -1%;}
  .selma_sec04_img01_wr li {width: calc(100% / 2 - 20px); margin: -10px 10px; margin-bottom: 10px;}
  .selma_sec04_img01_wr {margin: 10px -10px; position: relative;}
  .selma_sec04{margin-bottom: -30px;}
  .selma_sec04_img02_wr {overflow-x: auto; display: block; margin-top: 30px;}
  .selma_sec04_img01_wr::after {content: '← Drag left and right →'; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); font-size: 14px; color: #999;}
  .selma_sec04_img02_wr img {min-width: 650px;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(94vw / 3 - 420px / 3);}
  .laboratory_sec .laboratory_box.mainsec04_box {width: 105px; height: 105px;}
  .laboratory_box.mainsec04_box .txt_wr {padding-top: 7px; font-size: 12px;}
  .laboratory_sec02 {padding: 30px 0; margin-top: 15px;}
  .lab_box {width: calc(50% - 5px);}

  .esp .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: calc(94vw / 3 - 420px / 3);}
  .eng .laboratory_box.mainsec04_box .txt_wr {line-height : 1;}

  /* 연구개발 - 핵심경쟁력 */
  .point01_wr {padding: 30px 0 50px;}
  .point01_circle {width: 180px; height: 180px; padding: 10px;}
  .point01_circle::after, .point01_circle::before, .point01_circle .img_wr::after, .point01_circle .img_wr::before {width: 5px; height: 5px;}
  .point01_circle::after {left: 8px;}
  .point01_circle .img_wr::after {left: -7px; bottom: 110px;}
  .point01_circle::before {right: 8px;}
  .point01_circle .img_wr::before {right: -7px; bottom: 110px;}
  .point01_txt{font-size: 14px;}
  .point01_circle .point01_txt:nth-of-type(1) {left: -140px; top: 30px;}
  .point01_circle .point01_txt:nth-of-type(3) {left: -130px; bottom: 20px;}
  .point01_circle .point01_txt:nth-of-type(2) {right: -130px; top: 30px;}
  .point01_circle .point01_txt:nth-of-type(4) {right: -120px; bottom: 30px;}

  .esp .point01_circle .point01_txt {font-size: 13px;}
  .esp .point01_circle .point01_txt:nth-of-type(1) {top: 20px; left: -110px;}
  .esp .point01_circle .point01_txt:nth-of-type(2) {top: 15px; right: -110px;}
  .esp .point01_circle .point01_txt:nth-of-type(3) {bottom: 0; left: -130px;}
  .esp .point01_circle .point01_txt:nth-of-type(4) {bottom: 0; right: -150px;}

  /* 영문홈페이지 */
  .point01_circle.eng .point01_txt:nth-of-type(1) {top: 5px; left: -140px;}
  .point01_circle.eng .point01_txt:nth-of-type(2) {top: 5px; right: -135px;}
  .point01_circle.eng .point01_txt:nth-of-type(3) {left: -140px; bottom: 0px;}
  .point01_circle.eng .point01_txt:nth-of-type(4) {right: -120px; bottom: -10px;}

  .recruit_process_ul {margin: 0 -6px;}
  .recruit_process_li {width: 85px; height: 85px; margin: 0 6px; padding: 0;}
  .recruit_process_li img {display: none;}
  .recruit_process_txt {padding-top: 0; font-size: 13px;}
  .recruit_process_txt span {font-size: 10px; display: block;}
  .recruit_process_li:not(:last-child)::after {left: calc(100% + 4px); border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: calc( 3px * 1.732 ) solid #999;}

  /* Product */
  .prod_li{width: 50%;}
} /*@media End*/

@media screen and (max-width:480px){
  /* header */
  .header {height: 60px;}
  .gnb_ul > li > a, .tnb_ul > li > a {font-size: 14px; line-height: 60px;}
  .hd_logo img {width: 80px;}
  .tnb_ul > li > a img {width: 14px;}
  .tnb_ul .hd_lang_btn {width: 70px; background-size: 10px !important;}
  .tnb_ul {margin: 0 -10px;}
  .tnb_ul > li {margin: 0 10px;}
  .tnb_ul .hd_full_btn span, .tnb_ul .hd_full_btn span::before, .tnb_ul .hd_full_btn span::after {height: 1px;}
  .sitemap_wr {top: 60px;}
  .sitemap_inner > li > a {font-size: 16px;}
  .sitemap_ul > li > a {font-size: 14px;}

  /* footer */
  .btn_top {width: 40px; height: 40px;}
  .btn_top p {display: none;}
  .btn_top img {margin-bottom: 0;}
  .ft_top {padding: 10px 0;}
  .ft_txt03 {padding-top: 15px;}
  .ft_txt02 {padding: 5px 0;}
  .ft_txt02 span {margin-right: 0; display: block; margin-bottom: -3px;}
  .ft_txt02 {margin-right: 0 !important; display: block;}
  .ft_txt_wr br {display: none;}

  /* main */
  .main_title .main_kotit {font-size: 24px !important; letter-spacing: -1.5px;}
  .main_title .main_entit {font-size: 16px; margin-left: 1px;}
  .main_slide .main_s_txt_wr h2 {font-size: 24px;}
  .main_slide .main_s_txt_wr h2 b {display: block;}
  .main_slide .main_s_txt_wr p {font-size: 14px; padding-top: 10px;}
  .main_slide .main_s_txt_wr p br {display: none;}
  .main_slide_ctr .timer {width: 60px;}
  .mainsec01_scroll_wr {bottom: 70px;}
  .mainsec01_scroll {font-size: 14px;}
  .btn_viewmore {font-size: 14px;}
  .btn_viewmore img {width: 30px;}
  .mainsec02_box {width: 100%; margin: 0; margin-bottom: 10px; height: 150px;}
  .mainsec02_box_wr {margin: 20px 0 0;}
  .mainsec02_box_txt br {display: none;}
  .mainsec02_ani_track {bottom: 0;}
  .mainsec02_ani_txt {font-size: 40px;}
  .main_prod_sl {margin: 30px 0; height: 200px;}
  .mainsec03_top {margin-bottom: 0;}
  .mainsec03_tab {width: 100%; margin-top: 20px; margin-bottom: 0;}
  .mainsec03_tab li {font-size: 14px; width: calc(50% - 5px);}
  .mainsec03_slide_btn_prev, .mainsec03_slide_btn_next {width: 40px; height: 40px; background-size: 8px; border: 0; background-color: transparent; top: 30%;}
  .main_prod_tit {font-size: 20px;}
  .main_prod_txt {font-size: 14px; padding: 15px 0 30px;}
  .mainsec.mainsec04 {padding-bottom: 110px;}
  .mainsec04_right {width: 180px;}
  .mainsec04_box_wr {height: 160px;}
  .mainsec04_box {width: 120px; height: 120px; padding: 5px;}
  .mainsec04_box_inner .img_wr img {width: 30px;}
  .mainsec04_box .txt_wr {padding-top: 10px; font-size: 14px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::after, .mainsec04_box:nth-child(4) .mainsec04_box_inner::after {width: 55px;}
  .mainsec04_box:nth-child(1) .mainsec04_box_inner::before, .mainsec04_box:nth-child(4) .mainsec04_box_inner::before {height: 35px;}
  .mainsec04_box:nth-child(1)::after, .mainsec04_box:nth-child(3)::after {transform: translate(-1px, -50%);}
  .mainsec04_box:nth-child(2)::after, .mainsec04_box:nth-child(4)::after {transform: translate(-4px, -50%);}
  .mainsec04_box:nth-child(1)::before, .mainsec04_box:nth-child(2)::before {transform: translate(-50%, -2px);}
  .mainsec04_box:nth-child(3)::before, .mainsec04_box:nth-child(4)::before {transform: translate(-50%, -4px);}
  .mainsec04_box::after, .mainsec04_box::before {width: 5px; height: 5px;}
  .main_prod_img.swiper-slide-active .main_prod_img_in {max-width: 70%; height: 200px;}
  .main_prod_img.swiper-slide-active::before {width: 300px; height: 150px;}
  .mainsec04_left {margin-bottom: 100px;}
  .mainsec05_box {width: 100%; margin: 0; margin-bottom: 10px;}
  .mainsec05_box > a {padding: 15px;}
  .mainsec05_box_wr {margin: 0;}
  .mainsec05_viewmore {top: 0;}
  .mainsec05_viewmore_wr {margin: 5% 0; text-align: left; margin-left: 1px;}

  /* sub */
  .sub {padding: 30px 0 50px;}
  .sub_vs_txt {font-size: 30px;}
  .sub_visual_layout {height: 300px;}
  .sub_location {bottom: -20px;}
  .sub_title {font-size: 22px; padding-bottom: 35px;}
  .sub_smtit.sub_toptit {padding-bottom: 35px;}
  .border {padding-top: 15px;}

  /* 회사소개  - 소프트지노믹스 - 회사소개 */
  .company_tab {margin: 0 -2.5px; margin-top: 15px;}
  .company_tab li {padding: 0 2.5px;}
  .company_tab li a {height: 35px; line-height: 35px;}
  .company_ani_txt {font-size: 40px; bottom: -10px;}
  .company_img_wr {height: 100px;}


  /* 회사소개  - 소프트지노믹스 - 비전 */
  .vision_sec02_box_wr {margin: 0; flex-direction: column;}
  .vision_sec02_box {margin: 0; width: 100%; margin-bottom: 40px;}
  .vision_sec02_box_top {height: auto;}

  /* 회사소개  - 소프트지노믹스 - 조직 */
  .organization_step03_item_wr li {flex-wrap: wrap; margin-bottom: 20px;}
  .organization_step03_item_top {width: 100%; margin-bottom: 5px;}
  .organization_step03_item {margin-left: 0;}
  .organization_step03_item:not(:last-child) {margin-right: 5px;}
  .organization_step02_item_wr {justify-content: center;}
  .organization_step02_item_wr li:not(:nth-child(4)) {display: none;}
  .organization_step02_item_wr li {width: 120px;}
  .organization_step02_item_wr li:nth-child(4)::after, .organization_step02_item_wr li:nth-child(4)::before {display: none;}
  .organization_step02 {margin: 30px 0;}

  /* 회사소개  - 소프트지노믹스 - CI */
  #ci {margin-bottom: -50px;}
  .ci_txt01 {font-size: 16px;}
  .ci_info_wr {padding: 20px 0 30px; margin-top: 0;}
  .ci_sec02 {padding: 20px 10px;}
  .ci_color_txt_wr {padding-left: 15px;}
  .ci_txt {padding-top: 25px;}

  /* 회사소개  - 소프트지노믹스 - CEO메세지 */
  .ceo_info_wr {margin-top: 0;}
  .ceo_info {width: 100%; padding-left: 0;}
  .ceo_info::before {display: none;}
  .ceo_info_txt, .ceo_cnt_txt {font-size: 14px;}
  .ceo_cnt_tit {font-size: 16px;}

  /* 회사소개  - 소프트지노믹스 - 연혁 */
  .history_ul {padding: 30px 0 90px;}
  .history_right .history_cnt_li, .history_left .history_cnt_li {flex-direction: row;}
  .history_year::before, .history_year::after, .history_wr::before {display: none;}
  .history_right {padding-left: 0;}
  .history_left {padding-right: 0; }
  .history_left .history_year, .history_left .history_month, .history_left .history_txt {text-align: left; margin: 0;}
  .history_li:not(:last-child) {margin-bottom: 30px;}
  .history_left .history_month {margin-right: 12px;}

  /* 회사소개  - 소프트지노믹스 - 인증 */
  .cert_ul {margin: -20px -2.5px 0;}
  .cert_li {width: calc(50% - 5px); padding: 20px 0; margin: 0 2.5px;}
  .cert_li::after{display: none;}
  .cert_li:nth-child(3)::after{content: ''; display: block; background-color: #fbfbfb; position: absolute; top: 0; left: -30px; width: calc(100vw + 30px); height: 100%; z-index: -1;}
  .cert_li:nth-child(7)::after{content: ''; display: block; background-color: #fbfbfb; position: absolute; top: 0; left: -30px; width: calc(100vw + 30px); height: 100%; z-index: -1;}
  .cert_tit {font-size: 14px;}
  .cert_li:nth-child(7) {padding-bottom: 20px;}

  /* 회사소개  - 소프트지노믹스 - 오시는길 */
  .access_info_wr {padding: 0; justify-content: flex-start;}
  .access_info:nth-child(2) {padding-right: 5%;}
  .access_info:nth-child(3) {padding-left: 5%;}
  .access_info:nth-child(4) {width: 100%;}
  .access_map_wr {height: 200px;}

  /* 사업영역  - 현장분자진단사업 / 마이크로바이움피부진단사업 / 반려동물진단사업 */
  #molecular, #skin {margin-bottom: -50px;}
  .molecular_sec01, .skin_sec01 {padding-bottom: 30px;}
  .molecular_sec02, .skin_sec02 {padding: 30px 0;}
  .inq_btn_wr {padding-top: 20px;}
  .inq_btn {font-size: 16px;}

  /* 사업영역 - CDMO사업 */
  .cmdo_chart01, .cmdo_chart02 .cmdo_chart02-icon_wr {width: 140px; height: 140px;}
  .cmdo_chart01-txt {font-size: 14px; padding-top: 10px;}
  .cmdo_chart01_wr, .cmdo_chart02_wr {flex-direction: column;}
  .cmdo_chart01, .cmdo_chart01:nth-child(6) {margin: 0 0 30px 0;}
  .cmdo_chart01-num {font-size: 20px;}
  .cmdo_chart01-inner {padding: 15px 10px;}
  .cmdo_chart02 .cmdo_chart02-icon_wr::after {top: calc(100% + 30px); left: calc(50% + 3px); transform: translateX(-50%) rotate(90deg); height: 30px; width: 100%; background-size: 18px;}
  .cmdo_chart01::after {top: 100%; left: calc(50% + 3px); transform: translateX(-50%) rotate(90deg); height: 30px; width: 100%; background-size: 18px;}
  .cmdo_chart02-txt {padding-top: 12px;}
  .cmdo_chart01, .cmdo_chart01:nth-child(6), .cmdo_chart02 {margin-right: 0;}

  .esp .cmdo_chart01-txt {font-size: 14px;}
  .esp .cmdo_chart01-inner {padding: 5px;}
  .esp .cmdo_chart01-num {font-size: 16px;}
  .esp .cmdo_chart02_wr{align-items: center;}
  .esp .cmdo_chart02-txt_wr {width: 100%;}
  .esp .cmdo_chart01::after, .esp .cmdo_chart02 .cmdo_chart02-icon_wr::after {display: none;}

  /* 제품소개 - 피부진단시스템 */
  .selma_sec01 .selma_txt {width: 100%; padding: 0; padding-top: 15px;}
  .selma_sec01 .selma_wr {padding: 20px 0 30px;}
  .selma_sec03_circle_ul {flex-wrap: wrap; margin: 15px -5%;}
  .selma_sec03_circle_li {margin: 0 5%;}
  .selma_sec03_circle_ul::before {display: none;}
  .selma_sec04_img01_wr li {width: calc(100% / 2 - 10px); margin: -5px 5px; margin-bottom: 0px;}
  .selma_sec04_img01_wr {margin: -20px -5px;}
  .selma_sec04_img02_wr {margin: 70px 0 30px;}
  .selma_sec04_img01_wr::after {bottom: -50px;}

  /* 연구개발 - 기업부설연구소 */
  .laboratory_sec02 {padding: 20px 0;}
  .laboratory_sec .laboratory_box_wr.mainsec04_box_wr {flex-wrap:  wrap; width: 230px;}
  .laboratory_sec .laboratory_box.mainsec04_box {margin: 10px 0;}
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::after {width: 20px;}
  .laboratory_sec .laboratory_box.mainsec04_box:not(:last-child) .laboratory_box_inner.mainsec04_box_inner::before {display: block; bottom: 0; width: 2px; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); height: 20px;}
  .laboratory_sec .laboratory_box.mainsec04_box:nth-child(2) .laboratory_box_inner.mainsec04_box_inner::after {width: 2px; height: 20px; border-top: 0; border-left: 1px dashed #fff; top: calc(100% + 5px); left: 50%; transform: translateX(-50%);}
  .lab_box_wr {padding-top: 30px;}
  .lab_box_inner {flex-direction: column; margin: 5px 0 -5px;}
  .lab_box {width: 100%; margin: 5px 0; padding: 15px 10px 20px;}
  .lab_box_subject {margin-bottom: 0; padding-bottom: 5px;}
  .lab_box_subject::after {display: none;}

  /* 연구개발 - 핵심경쟁력 */
  .point01_wr {padding: 40px 0 30px;}
  .point01_circle {width: 100px; height: 100px; padding: 5px;}
  .point01_circle::after, .point01_circle::before, .point01_circle .img_wr::after, .point01_circle .img_wr::before {width: 5px; height: 5px;}
  .point01_circle::after {left: 8px; top: 15px;}
  .point01_circle .img_wr::after {left: 2px; bottom: 10px;}
  .point01_circle::before {right: 8px; top: 15px;}
  .point01_circle .img_wr::before {right: 2px; bottom: 10px;}
  .point01_txt{font-size: 12px;}
  .point01_circle .point01_txt:nth-of-type(1) {left: -100px; top: -25px;}
  .point01_circle .point01_txt:nth-of-type(3) {left: -100px; bottom: -20px;}
  .point01_circle .point01_txt:nth-of-type(2) {right: -80px; top: -25px;}
  .point01_circle .point01_txt:nth-of-type(4) {right: -90px; bottom: -20px;}
  .point02_ul {margin: 0 0 -20px;}
  .point02_li {margin: 20px 0;}
  .point02_li .point02_circle {width: 100%; height: auto; border-radius: 10px; font-size: 14px; top: 10px; z-index: 2; margin: 0; padding: 10px;}  
  .point02_li .point02_circle br {display: none;}
  .point02_li .point02_circle::after, .point02_li .point02_cnt::before, .point02_li .point02_cnt::after {display: none;}
  .point02_li .point02_cnt {width: calc(100% - 15px); border-top: 0; border-radius: 0 0 10px 10px; padding: 30px 20px 20px;}

  .esp .point01_circle .point01_txt {font-size: 10px;}
  .esp .point01_circle .point01_txt:nth-of-type(1) {top: -10px; left: -80px;}
  .esp .point01_circle .point01_txt:nth-of-type(2) {top: -15px; right: -70px;}
  .esp .point01_circle .point01_txt:nth-of-type(3) {bottom: -15px; left: -100px;}
  .esp .point01_circle .point01_txt:nth-of-type(4) {bottom: -15px; right: -105px;}

  /* 영문홈페이지 */
  .point01_circle.eng .point01_txt {font-size: 10px;}
  .point01_circle.eng .point01_txt:nth-of-type(1) {top: -20px; left: -100px;}
  .point01_circle.eng .point01_txt:nth-of-type(2) {top: -20px; right: -85px;}
  .point01_circle.eng .point01_txt:nth-of-type(3) {left: -90px; bottom: -20px;}
  .point01_circle.eng .point01_txt:nth-of-type(4) {right: -80px; bottom: -30px;}
  
  .recruit_process_ul {flex-direction: column; margin: 0; align-items: center;}
  .recruit_process_li {margin: 10px 0; width: 100px; height: 100px;}
  .recruit_process_li img {display: block;}
  .recruit_process_txt {padding-top: 5px;}
  .recruit_process_li:not(:last-child)::after {border-top: calc( 4px * 1.732 ) solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent; top: calc(100% + 8px); left: 50%; transform: translateX(-50%);}
  .recruit_process_inner {padding: 20px 0;}
  .recruit_welfare_ul {margin: -20px 0 -10px;}
  .recruit_welfare_li {margin: 10px 0; width: 100%;}
  .recurit_sec02 {padding-top: 50px;}
  .welfare_txt01 {padding: 10px 0 0;}
  .recruit_welfare_li img {height: 30px;}
  .recruit_welfare_li {padding: 20px;}

  /* paging */
  .pg_page, .pg_current{display: inline-block; height: 25px; line-height: 23px; min-width: 18px; font-size: 12px;}

  /* Product */
  .prod_li{display: block; width: 100%;}
} /*@media End*/

@media screen and (max-width:375px){
  /* 제품소개 - 피부진단시스템 */
  .selma_sec03_circle_ul {flex-wrap: wrap; margin: 15px -2%;}
  .selma_sec03_circle_li {margin: 0 2%;}
  .selma_sec04_img01_wr li {width: 100%; max-width: 250px; margin: 0;}
  .selma_sec04_img01_wr {margin: -20px 0; justify-content: center;}
}