@charset "utf-8";

h3.page-title {margin-bottom:150px;color:#37B5E9;font-size:52px;font-weight:700;text-align:left;}
h4.sub-title {position:relative;margin-bottom:50px;color:#FFF;font-size:40px;font-weight:700;}
h4.sub-title:before {content:"";display:block;width:12px;height:12px;background:#2C52A0;border-radius:50%;position:absolute;top:5px;left:-20px;}
p.p1 {margin-bottom:50px;color:#FFF;font-size:28px;font-weight:500;}
p.p2 {font-size:20px;font-weight:500;}
p.p2 + p.p2 {margin-top:40px;}
p.box {display:inline-block;padding:20px 80px;border: 1px solid #8C94A3;font-size:20px;font-weight:500;}


/* 기업소개 */
.company {text-align:center;}
.company img {display:block;margin:0 auto 80px;}
.company h4 {position:relative;margin-bottom:80px;padding-bottom:120px;font-size: 64px;font-weight: 800;}
.company h4:after {content:"";display:block;width:2px;height:60px;background: linear-gradient(180deg, #37B5E9 0%, #2C52A0 100%);position:absolute;bottom:0;left:50%;}

.network {position:relative;}
.network .section1 {position:sticky;top:0;z-index:0;width:100vw;height:540px;margin-left:calc(50% - 50vw);display:flex;align-items:center;justify-content:center;background:url("/_public/images2/contents/network_bg.png") no-repeat center center/cover;}
.network .section1 .p1 {position:relative;z-index:1;text-align:center;margin:0;font-weight:600;}
.network .section1 .p1 strong {font-weight:700;}
.network .bg {position:relative;z-index:1;background:#232323;}
.network .section2 {position:relative;z-index:2;background:#232323;padding:90px 0 200px;text-align:center;}
.network .section3 {position:relative;z-index:2;background:#232323;padding-top:40px;}
.network .section3 .partner-wrap {display:flex;}
.network .section3 .partner-wrap > div {flex:1;position:relative;max-width:50%;padding:60px;border:1px solid #373A40;}
.network .section3 .partner-wrap > div img {display:block;margin-bottom:50px;;height:20px;}
.network .section3 .partner-wrap > div em {display:block;position:absolute;top:60px;right:60px;color:#8C94A3;font-size:18px;font-weight:600;}
.network .section3 .partner-wrap > div h5 {margin-bottom:40px;font-size:28px;font-weight:700;}
.network .section3 .partner-wrap > div > strong {display:block;margin-bottom:15px;font-size: 20px;font-weight: 600;}
.network .section3 .partner-wrap > div p {line-height:1.8;}


/* 사업영역 */
.overview {}
.overview dl.dl-type1 {grid-template-columns: repeat(1, 500px 1fr);padding:60px 40px 80px;border-top:2px solid #fff}
.overview dl.dl-type1 dt {display:flex;gap:32px;font-size:28px;}
.overview dl.dl-type1 dt em {display:block;font-size:40px;line-height: 1;}
.overview dl.dl-type1 dd span {font-size:17px;}



/* 제품 라인업 */
.product .product-wrap {display:grid;grid-template-columns:repeat(3, 1fr);margin-top:-80px;}
.product .product-wrap a {display:block;border:1px solid #373A40;transition:.3s;}
.product .product-wrap a .img-area {position:relative;width:100%;height:354px;overflow:hidden;transition:.3s;}
.product .product-wrap a .img-area span {position:absolute;top:10px;right:10px;}
.product .product-wrap a:nth-child(1) .img-area {background:url('/_public/images2/main/s4_img01.png') 50% 50% no-repeat;background-size:100%;}
.product .product-wrap a:nth-child(2) .img-area {background:url('/_public/images2/main/s4_img02.png') 50% 50% no-repeat;background-size:100%;}
.product .product-wrap a:nth-child(3) .img-area {background:url('/_public/images2/main/s4_img03.png') 50% 50% no-repeat;background-size:100%;}
.product .product-wrap a .title {position:relative;padding:36px;border-top:1px solid #373A40;}
.product .product-wrap a .title:after {content:"";display:block;width:30px;height:30px;background:url('/_public/images2/icon/ico_goto.svg');background-size:cover;position:absolute;top:50%;right:40px;transform:translateY(-50%);opacity:0;transition:.3s;}
.product .product-wrap a .title p {color:#FFF;font-size:24px;font-weight:700;line-height:1;}
.product .product-wrap a:hover {background:#2E2E2E;border-color:#D5DAE4;}
.product .product-wrap a:hover .img-area {background-size:110%;}
.product .product-wrap a:hover .title {border-color:#D5DAE4;}
.product .product-wrap a:hover .title:after {opacity:1;}

.product .button-list {display:block;margin:120px auto 0;text-align:center;font-size:17px;font-weight:500;width:280px;height:62px;line-height:62px;border:1px solid #373A40;transition:.3s;}
.product .button-list:hover {border-color:#fff;}


.live .live-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:80px;row-gap:150px;}
.live .live-list section {min-width:0;}
.live .live-list .sub-title {margin-bottom:10px;}
.live .scientific-name {display:flex;align-items:center;gap:10px;font-size:17px;}
.live .scientific-name span {font-weight:500;}
.live .scientific-name em {font-size:17px;font-weight:700;font-style:italic;letter-spacing:0;}
.live .live-img {display:flex;align-items:center;justify-content:center;width:100%;height:330px;margin-top:20px;}
.live .live-img img {display:block;max-width:100%;max-height:100%;object-fit:contain;}

.forzen .section + .section {margin-top:240px;}
.forzen .product-info {display:flex;justify-content:space-between;gap:60px;}
.forzen .product-img {width:740px;}
.forzen .product-img img {display:block;width:100%;}
.forzen .product-data {flex:1;min-width:0;padding-top:60px;}
.forzen .product-data h5 {margin-bottom:30px;font-size:28px;font-weight:700;}
.forzen .product-data .package {position:relative;margin-bottom:12px;font-size:16px;}
.forzen .product-data .package:before {content:"※";display:inline-block;margin-right:5px;color:#37B5E9;font-size:inherit;font-weight:inherit;}
.forzen .product-data .package span {margin-right:10px;color:#8C94A3;}

.signature .signature-wrap {display:flex;gap:60px;}
.signature .signature-img {width:735px;}
.signature .signature-img img {display:block;width:100%;}
.signature .signature-info {flex:1;width:50%;padding-top:40px;}
.signature .signature-info h5 {margin-bottom:40px;font-size:28px;font-weight:700;}
.signature .signature-txt {margin-bottom:60px;}
.signature .signature-txt p {}
.signature .signature-txt p + p {margin-top:25px;}
.signature .signature-list {border:1px solid #373A40;}
.signature .signature-list li {display:grid;grid-template-columns:45px 175px minmax(0,1fr) 100px;align-items:center;min-height:60px;padding:5px 30px;border-bottom:1px solid #373A40;}
.signature .signature-list li:last-child {border-bottom:0;}
.signature .signature-list li em {display:inline-block;margin-top:-8px;font-size:20px;font-weight:700;}
.signature .signature-list li strong {font-size:18px;font-weight:700;}
.signature .signature-list li a {position:relative;display:block;margin-left:5px;padding:4px 12px;color:#fff;border-radius:5px;background:#37B5E9;transition:.3s;}
.signature .signature-list li a:after {content:"";display:block;width:6px;height:6px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);position:absolute;top:12px;right:12px;}
.signature .signature-list li a:hover {background:#2C52A0;}


/* 공급망 및 품질관리 */
.competitiveness .competitiveness-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.competitiveness .competitiveness-list section {position:relative;min-height:225px;padding:60px;border:1px solid #373A40;overflow:hidden;transition:background-color .3s ease !important;}
.competitiveness .competitiveness-list section:hover {background:#2e2e2e;border:1px solid #37B5E9;}
.competitiveness .competitiveness-list section:after {content:"";display:block;width:137px;height:75px;position:absolute;bottom:0;right:0;}
.competitiveness .competitiveness-list .section1:after {background:url('/_public/images2/contents/competitiveness_img01.svg') no-repeat;background-size:cover;}
.competitiveness .competitiveness-list .section2:after {background:url('/_public/images2/contents/competitiveness_img02.svg') no-repeat;background-size:cover;}
.competitiveness .competitiveness-list .section3:after {background:url('/_public/images2/contents/competitiveness_img03.svg') no-repeat;background-size:cover;}
.competitiveness .competitiveness-list .section4:after {background:url('/_public/images2/contents/competitiveness_img04.svg') no-repeat;background-size:cover;}
.competitiveness .competitiveness-list .sub-title {margin-bottom:20px;font-size:28px;}
.competitiveness .competitiveness-list .sub-title:before {width:8px;height:8px;top:7px;left:-15px;}
.competitiveness .competitiveness-list p {position:relative;z-index:1;font-size:17px;line-height:1.8;}
.competitiveness .competitiveness-list p strong {font-weight:700;}
.competitiveness .competitiveness-list .num {display:none;position:absolute;right:-6px;bottom:-8px;color:transparent;font-size:120px;font-weight:800;line-height:1;letter-spacing:0;-webkit-text-stroke:1px rgba(55,181,233,0.75);pointer-events:none;}

.process .process-list {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:60px;}
.process .process-list li {display:flex;position:relative;min-width:0;min-height:280px;padding:45px 20px 60px;background:#2e2e2e;flex-direction:column;align-items:center;text-align:center;}
.process .process-list li:after {content:"";display:block;width:40px;height:40px;background:url("/_public/images2/contents/process_arrow.svg") no-repeat center/contain;position:absolute;top:50%;right:-50px;transform:translateY(-50%);}
.process .process-list li:last-child:after {display:none;}
.process .process-list li em {display:flex;width:35px;height:35px;margin-bottom:40px;border-radius:50%;background:#2C52A0;color:#FFF;font-size:20px;font-weight:700;align-items:center;justify-content:center;}
.process .process-list li h5 {margin-bottom:20px;color:#FFF;font-size:28px;font-weight:700;line-height:1.2;}

.freezing .section1 {margin-bottom:240px;}
.freezing .freezing-box {position:relative;padding-bottom:100px;}
.freezing .freezing-box:after {content:"";display:block;width:2px;height:60px;background:linear-gradient(180deg,#37B5E9 0%,#2C52A0 100%);position:absolute;bottom:0;left:50%;}
.freezing .freezing-box .box-inner {display:flex;padding:80px 0 60px;background:#2e2e2e;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.freezing .freezing-box h5 {position:relative;margin-bottom:50px;font-size:28px;font-weight:700;}
.freezing .freezing-box h5:after {content:"";display:block;width:7px;height:7px;background:#37B5E9;border-radius:50%;position:absolute;top:-5px;right:-10px;}
.freezing .freezing-box .box-inner > strong {display:block;margin-bottom:30px;font-size:20px;font-weight:700;}
.freezing .freezing-box .box-inner > p {font-size:17px;line-height:1.8;}
.freezing .section1 > .p1 {margin:40px 0 0;text-align:center;}
.freezing .advantage-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #373A40;border-left:1px solid #373A40;}
.freezing .advantage-list li {min-width:0;padding:60px;border-right:1px solid #373A40;border-bottom:1px solid #373A40;}
.freezing .advantage-head {display:flex;margin-bottom:40px;align-items:center;justify-content:space-between;gap:20px;}
.freezing .advantage-head h5 {font-size:28px;font-weight:700;}
.freezing .advantage-head em {display:block;margin-top:-20px;flex:none;font-size:40px;font-weight:700;}
.freezing .advantage-list li p {line-height:1.8;}



/* 온라인 문의 */
.inquiry {}
.inquiry main {display:grid;grid-template-columns:repeat(1, 1fr 860px);justify-content: space-between;gap:80px;}
.inquiry .contact-info {}
.inquiry .contact-info img {display:block;margin-bottom:40px;width:130px;}
.inquiry .anti-spam {margin:60px 0 30px;}
.inquiry .anti-spam #secret-code {text-align:center;}
/* .inquiry .anti-spam * {display:block;margin:auto;} */


.policy {}
.policy h4 {margin:40px 0 15px;font-size:18px;}
.policy p {margin-bottom:5px;}
.policy ol {margin-top:8px;}
.policy ol li + li {margin-top:4px;}
.policy li > ol {padding-left:18px;}
.policy table {margin-top:4px;}
.policy table thead th,
.policy table tbody th {padding:6px 10px;border:1px solid #373A40;background:rgba(0,0,0,0.1);}
.policy table tbody td {padding:6px 10px;border:1px solid #373A40;}


/* 개인정보 팝업 */
.policy-popup {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;}
.policy-popup .popup-wrap {width:800px;height:500px;background:#fff;border-radius:20px;padding:60px;}
.policy-popup .pop-head {position:relative;padding-bottom:30px;border-bottom:1px solid #373A40;display:flex;align-items:flex-start;justify-content:space-between;}
.policy-popup .pop-head h3 {color:#111;font-size:28px;}
.policy-popup .pop-head .pop-close {width: 20px;height: 20px;}
.policy-popup .pop-contents {width:100%;height:300px;padding:30px 20px 0 0;overflow-y:auto;}
.policy-popup .pop-contents * {color:#111;}





/* 2k 2048*1080 해상도 맞추기 */
@media all and (min-width:1921px) {

  h3.page-title {font-size:57px;}
  h4.sub-title {margin-bottom:55px;font-size:44px;}
  p.p1 {margin-bottom:55px;font-size:30px;}
  p.p2 {font-size:21px;}
  p.box {padding:25px 90px;font-size:21px;}

  .company img {width:236px;margin:0 auto 85px;}
  .company h4 {font-size:68px;}
  .network .section2 {padding:95px 0 200px;}
  .network .section3 .partner-wrap > div {padding:65px;}
  .network .section3 .partner-wrap > div em {font-size:19px;}
  .network .section3 .partner-wrap > div h5 {margin-bottom:45px;font-size:32px;}
  .network .section3 .partner-wrap > div > strong {font-size:21px;}
  .overview dl.dl-type1 {grid-template-columns:repeat(1, 560px 1fr);padding:65px 45px 90px;}
  .overview dl.dl-type1 dt {font-size:32px;}
  .overview dl.dl-type1 dt em {font-size:42px;}

  .product .product-wrap a .img-area {height:450px;}
  .product .product-wrap a .img-area span {top:20px;right:20px;}
  .product .product-wrap a .title {padding:42px;}
  .product .product-wrap a .title:after {width:35px;height:35px;right:42px;}
  .product .product-wrap a .title p {font-size:30px;}
  .product .button-list {margin:140px auto 0;font-size:19px;width:300px;height:68px;line-height:68px;}
  .live .scientific-name {font-size:19px;}
  .live .live-img {height:360px;}
  .forzen .section + .section {margin-top:280px;}
  .forzen .product-img {width:780px;}
  .forzen .product-data {padding-top:55px;}
  .forzen .product-data h5 {font-size:32px;}
  .forzen .product-data .package {margin-bottom:16px;font-size:18px;}
  .signature .signature-img {width:785px;}
  .signature .signature-info h5 {font-size:32px;}
  .signature .signature-txt {margin-bottom:70px;}
  .signature .signature-list li {grid-template-columns:60px 165px minmax(0, 1fr) 110px;min-height:66px;padding:0 40px;}
  .signature .signature-list li em {margin-top:-10px;font-size:24px;}
  .signature .signature-list li strong {font-size: 20px;}
  .signature .signature-list li a:after {top:13px;}

  .competitiveness .competitiveness-list section {padding:65px;}
  .competitiveness .competitiveness-list section:after {width:174px;height:95px;}
  .competitiveness .competitiveness-list .sub-title {margin-bottom:22px;font-size:32px;}
  .competitiveness .competitiveness-list .sub-title:before {width:9px;height:9px;}
  .competitiveness .competitiveness-list .num {font-size:140px;}
  .process .process-list li {padding:50px 20px 65px;}
  .process .process-list li:after {width:44px;height:44px;right:-52px;}
  .process .process-list li em {width:40px;height:40px;margin-bottom:45px;font-size:22px;}
  .process .process-list li h5 {margin-bottom:25px;font-size:32px;}
  .freezing .freezing-box h5 {font-size: 32px;}
  .freezing .freezing-box h5:after {width:8px;height:8px;top:0px;right:-12px;}
  .freezing .freezing-box .box-inner {padding:85px 0 70px;}
  .freezing .freezing-box .box-inner > strong {font-size: 22px;}
  .freezing .advantage-list li {padding:65px;}
  .freezing .advantage-head h5 {font-size:32px;}
  .freezing .advantage-head em {font-size: 46px;}

  .inquiry main {grid-template-columns:repeat(1, 1fr 920px);}
  .inquiry .contact-info img {margin-bottom:45px;width:145px;}

  .policy-popup .popup-wrap {width:900px;height:580px;}
  .policy-popup .pop-head h3 {font-size:32px;}
  .policy-popup .pop-head .pop-close {width:25px;height:25px;}
  .policy-popup .pop-head .pop-close img {display:block;width:100%;}
  .policy-popup .pop-contents {height:380px;}
  .policy table thead th, .policy table tbody th {padding:7px 10px;}
  .policy table tbody td {padding:6px 10px;}

}



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

  .forzen .product-info {padding:0;}

}

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

  h3.page-title {margin-bottom:100px;font-size:42px;}
  h4.sub-title {font-size:36px;}
  h4.sub-title:before {width:11px;height:11px;left:-18px;}
  p.p1 {margin-bottom:45px;font-size:24px;}
  p.p2 {font-size:18px;}
  p.box {font-size:18px;}

  .company img {width:198px;margin:0 auto 60px;}
  .company h4 {margin-bottom:60px;padding-bottom:100px;font-size:58px;}

  .network .section1 {height:380px;}
  .network .section3 .partner-wrap > div em {font-size:17px;}
  .network .section3 .partner-wrap > div h5 {margin-bottom:35px;font-size:24px;}
  .network .section3 .partner-wrap > div > strong {font-size:19px;}


  .overview dl.dl-type1 {grid-template-columns:repeat(1, 420px 1fr);padding:50px 10px 80px 30px;}
  .overview dl.dl-type1 dt {gap:28px;font-size:24px;}
  .overview dl.dl-type1 dt em {font-size:34px;}
  .overview dl.dl-type1 dd span {font-size:16px;}

  .product .product-wrap {margin-top:-60px;}
  .product .product-wrap a .img-area {height:248px;}
  .product .product-wrap a .title {padding:25px 30px;}
  .product .product-wrap a .title:after {width:25px;height:25px;right:25px;}
  .product .product-wrap a .title p {font-size:22px;}

  .product .button-list {font-size:17px;width:270px;height:60px;line-height:60px;}

  .live .live-list {grid-template-columns:repeat(3,minmax(0,1fr));column-gap:60px;row-gap:130px;}
  .live .scientific-name {font-size:16px;}
  .live .scientific-name em {font-size:16px;}
  .live .live-img {height:280px;margin-top:25px;}

  .forzen .section + .section {margin-top:200px;}
  .forzen .product-info {gap:40px;}
  .forzen .product-img {width:580px;}
  .forzen .product-data {padding-top:35px;}
  .forzen .product-data h5 {margin-bottom:25px;font-size:24px;}

  .signature .signature-wrap {gap:50px;}
  .signature .signature-img {width:615px;}
  .signature .signature-info {margin-top:20px;}
  .signature .signature-info h5 {margin-bottom:30px;font-size:24px;}
  .signature .signature-txt {margin-bottom:50px;}
  .signature .signature-list li {grid-template-columns:40px 155px minmax(0,1fr) 95px;padding:5px 25px;}
  .signature .signature-list li strong {font-size:17px;}
  .signature .signature-list li p {line-height:1.4;}
  .signature .signature-list li a {padding:4px 10px;font-size:14px;}


  .competitiveness .competitiveness-list section {min-height:auto;padding:50px 55px;}
  .competitiveness .competitiveness-list section:after {width:119px;height:65px;}
  .competitiveness .competitiveness-list .sub-title {margin-bottom:18px;font-size:25px;}
  .competitiveness .competitiveness-list .sub-title:before {width:7px;height:7px;top:7px;left:-13px;}
  .competitiveness .competitiveness-list p {font-size:16px;}
  .competitiveness .competitiveness-list .num {right:-3px;bottom:-7px;font-size:100px;}

  .process .process-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 40px;}
  .process .process-list li {min-height:auto;padding:40px 20px;}
  .process .process-list li:after {width:35px;height:35px;right:-37px;}
  .process .process-list li em {margin-bottom:30px;}
  .process .process-list li h5 {margin-bottom:16px;font-size:24px;}

  .freezing .section1 {margin-bottom:220px;}
  .freezing .freezing-box .box-inner {padding:70px 0 55px;}
  .freezing .freezing-box h5 {margin-bottom:40px;font-size:24px;}
  .freezing .freezing-box h5:after {top:-1px;}
  .freezing .freezing-box .box-inner > strong {margin-bottom:25px;font-size:19px;}
  .freezing .freezing-box .box-inner > p {font-size:16px;}
  .freezing .advantage-list li {padding:55px;}
  .freezing .advantage-head {margin-bottom: 35px;}
  .freezing .advantage-head h5 {font-size:24px;}
  .freezing .advantage-head em {font-size:35px;}



  .inquiry main {grid-template-columns:repeat(1, 1fr 720px);gap: 60px;}

}

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

  h3.page-title {}
  h4.sub-title {font-size:32px;}
  h4.sub-title:before {width:10px;height:10px;top:6px;left:-16px;}
  p.p1 {font-size:22px;margin-bottom:40px;}
  p.p2 {font-size:17px;}
  p.p2 + p.p2 {margin-top: 30px;}
  p.box {font-size:17px;}

  .company img {width:184px;margin:0 auto 50px;}
  .company h4 {margin-bottom:55px;padding-bottom:90px;font-size:52px;}

  .network .section1 {height:300px;}
  .network .section2 {padding:80px 0 140px;}
  .network .section3 .partner-wrap > div {padding:45px;}
  .network .section3 .partner-wrap > div img {margin-bottom:40px;height:18px;}
  .network .section3 .partner-wrap > div em {top:45px;right:45px;font-size:16px;}
  .network .section3 .partner-wrap > div h5 {margin-bottom:30px;font-size:22px;}
  .network .section3 .partner-wrap > div > strong {margin-bottom:12px;font-size:18px;}


  .overview dl.dl-type1 {grid-template-columns: repeat(1, 360px 1fr);padding:45px 10px 70px 25px;}
  .overview dl.dl-type1 dt {gap:20px;font-size:22px;}
  .overview dl.dl-type1 dt em {font-size:28px;}
  .overview dl.dl-type1 dd span {font-size:15px;}


  .product .product-wrap a .img-area {height:228px;}
  .product .button-list {margin:100px auto 0;font-size:16px;width:250px;height:58px;line-height:58px;}

  .live .live-list {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px;row-gap:110px;}
  .live .live-list .sub-title {margin-bottom:8px;}
  .live .scientific-name {font-size:15px;}
  .live .scientific-name em {font-size:15px;}
  .live .live-img {height:290px;}

  .forzen .section + .section {margin-top:160px;}
  .forzen .product-img {width:465px;}
  .forzen .product-data {padding-top:25px;}
  .forzen .product-data h5 {margin-bottom:20px;font-size:22px;}
  .forzen .product-data .package {margin-bottom:10px;font-size:15px;}

  .signature .signature-wrap {gap:40px;margin-top:-20px;}
  .signature .signature-img {width:465px;}
  .signature .signature-info h5 {margin-bottom:25px;font-size:22px;}
  .signature .signature-txt {margin-bottom:40px;}
  .signature .signature-txt p + p {margin-top:20px;}
  .signature .signature-list li {grid-template-columns:40px 140px minmax(0,1fr) 90px;min-height:55px;padding:10px 20px;}
  .signature .signature-list li em {font-size:18px;}
  .signature .signature-list li strong {font-size:16px;}
  .signature .signature-list li p {font-size:14px;grid-row:2 / 3;grid-column:1 / 4;}
  .signature .signature-list li a {font-size:13px;grid-row:2 / 3;}
  .signature .signature-list li a:after {width:5px;height:5px;top:10px;right:10px;}


  .competitiveness .competitiveness-list section {padding:40px 45px;}
  .competitiveness .competitiveness-list section:after {width:110px;height:60px;}
  .competitiveness .competitiveness-list .sub-title {margin-bottom:16px;font-size:22px;}
  .competitiveness .competitiveness-list .num {bottom:-6px;font-size:80px;}

  .process .process-list {grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 35px;}
  .process .process-list li {padding:35px 15px;}
  .process .process-list li:after {width:30px;height:30px;right:-32px;}
  .process .process-list li em {width:34px;height:34px;margin-bottom:24px;font-size:18px;}
  .process .process-list li h5 {margin-bottom:12px;font-size:22px;}

  .freezing .section1 {margin-bottom:180px;}
  .freezing .freezing-box .box-inner {padding: 60px 0 50px;}
  .freezing .freezing-box h5 {margin-bottom:35px;font-size:22px;}
  .freezing .freezing-box .box-inner > strong {margin-bottom:18px;font-size:18px;}
  .freezing .section1 > .p1 {margin:30px 0 0;}
  .freezing .advantage-list li {padding:40px;}
  .freezing .advantage-head {margin-bottom: 25px;}
  .freezing .advantage-head h5 {font-size:22px;}
  .freezing .advantage-head em {margin-top:-15px;font-size:32px;}
  .freezing .advantage-list li p {font-size:15px;line-height:1.6;}



  .inquiry main {grid-template-columns:repeat(1, 1fr 540px);}

}

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

  h3.page-title {margin-bottom:60px;font-size:36px;}
  h4.sub-title {margin-bottom:40px;font-size:25px;}
  h4.sub-title:before {width:8px;height:8px;top:5px;left:-12px;}
  p.p1 {font-size:18px;}
  p.p2 {font-size:15px;}
  p.p2 + p.p2 {margin-top:25px;}
  p.box {display:block;padding:16px 25px;font-size:15px;}

  .company img {width:160px;}
  .company h4 {margin-bottom:40px;padding-bottom:70px;font-size:45px;line-height:1.36;}
  .company h4:after {height:40px;}

  .network .section1 {height:220px;padding:0 40px;}
  .network .section2 {padding: 60px 0 80px;}
  .network .section3 .partner-wrap {flex-direction: column;}
  .network .section3 .partner-wrap > div {flex:none;max-width:none;padding:35px;}
  .network .section3 .partner-wrap > div img {height: 16px;}
  .network .section3 .partner-wrap > div em {top:35px;right:35px;font-size:15px;}
  .network .section3 .partner-wrap > div h5 {margin-bottom:25px;font-size:18px;}
  .network .section3 .partner-wrap > div > strong {margin-bottom:10px;font-size:16px;}


  .overview dl.dl-type1 {grid-template-columns:repeat(1, 1fr);gap:30px;padding:35px 10px 65px;}
  .overview dl.dl-type1 dt {gap:15px;font-size:19px;}
  .overview dl.dl-type1 dt em {font-size:24px;}
  .overview dl.dl-type1 dd span {font-size: 14px;}


  .product .product-wrap {grid-template-columns:repeat(1, 1fr);margin-top:-20px;}
  .product .product-wrap a .title {padding:20px 25px;}
  .product .product-wrap a .title:after {width:22px;height:22px;right:20px;}
  .product .product-wrap a .title p {font-size:20px;}

  .product .button-list {margin:80px auto 0;font-size:15px;width:100%;height:52px;line-height:52px;}

  .live .live-list {grid-template-columns:1fr;row-gap:80px;}
  .live .live-list section {width:100%;}
  .live .live-list .sub-title {margin-bottom:6px;}
  .live .scientific-name {gap:8px;font-size:13px;}
  .live .scientific-name em {font-size:14px;}
  .live .live-img {height:auto;margin-top:10px;padding:0;}
  .live .live-img img {width:auto;max-width:100%;max-height:none;}

  .forzen .section + .section {margin-top:110px;}
  .forzen .section .sub-title {margin-bottom:45px;}
  .forzen .product-info {display:block;}
  .forzen .product-img {width:100%;margin-top:-25px;margin-bottom:20px;}
  .forzen .product-data {width:100%;padding-top:0;}
  .forzen .product-data h5 {margin-bottom:18px;font-size:18px;}
  .forzen .product-data .package {font-size:14px;}
  .forzen .product-data .package span {margin-right:6px;}

  .signature .signature-wrap {display:block;}
  .signature .signature-img {width:100%;}
  .signature .signature-info {width:100%;padding-top:20px;}
  .signature .signature-info h5 {margin-bottom:20px;font-size:18px;}
  .signature .signature-txt {margin-bottom:35px;}
  .signature .signature-txt p + p {margin-top:15px;}
  .signature .signature-list li {grid-template-columns:40px minmax(0, 1fr);grid-gap:5px 0;min-height:auto;padding:12px 15px;}
  .signature .signature-list li em {margin-top:-6px;grid-row:1;}
  .signature .signature-list li strong {font-size:15px;grid-row:1;}
  .signature .signature-list li p {grid-row:2;grid-column:2;}
  .signature .signature-list li a {grid-row:3;grid-column:2;margin-top:5px;padding:6px 15px;width:120px;font-size:14px;}
  .signature .signature-list li a:after {width:6px;height:6px;top:13px;right:15px;}


  .competitiveness .competitiveness-list {grid-template-columns:1fr;}
  .competitiveness .competitiveness-list section {padding:35px 40px;}
  .competitiveness .competitiveness-list section:after {width:81px;height:44px;}
  .competitiveness .competitiveness-list .sub-title {margin-bottom:15px;font-size:20px;}
  .competitiveness .competitiveness-list .sub-title:before {width:7px;height:7px;top:6px;left:-12px;}
  .competitiveness .competitiveness-list p {font-size:14px;}
  .competitiveness .competitiveness-list .num {right:-2px;bottom:-5px;font-size:70px;}

  .process .process-list {grid-template-columns:1fr;gap:50px;}
  .process .process-list li {width:100%;padding:35px 20px 30px;}
  .process .process-list li:after {width:30px;height:30px;top:auto;right:auto;bottom:-40px;left:50%;transform:translateX(-50%) rotate(90deg);}
  .process .process-list li em {margin-bottom:20px;font-size:17px;}
  .process .process-list li h5 {margin-bottom:10px;font-size:20px;}

  .freezing .section1 {margin-bottom:140px;}
  .freezing .freezing-box {padding-bottom: 70px;}
  .freezing .freezing-box:after {height: 40px;}
  .freezing .freezing-box .box-inner {padding:40px 20px 35px;}
  .freezing .freezing-box h5 {margin-bottom:30px;font-size:18px;}
  .freezing .freezing-box h5:after {width:5px;height:5px;top:1px;right:-8px;}
  .freezing .freezing-box .box-inner > strong {margin-bottom:15px;font-size:17px;}
  .freezing .freezing-box .box-inner > p {font-size: 14px;}
  .freezing .section1 > .p1 {margin:25px 0 0;}
  .freezing .advantage-list {grid-template-columns:repeat(1, 1fr);}
  .freezing .advantage-list li {padding:30px;}
  .freezing .advantage-head {margin-bottom:20px;}
  .freezing .advantage-head h5 {font-size:18px;}
  .freezing .advantage-head em {margin-top:-14px;font-size:26px;}
  .freezing .advantage-list li p {font-size:14px;}



  .inquiry main {grid-template-columns:repeat(1, 1fr);}
  .inquiry .contact-info img {margin-bottom:30px;width:105px;}

  .policy-popup .popup-wrap {width:94vw;height:96vh;padding:35px;}
  .policy-popup .pop-head {padding-bottom:15px;align-items:center;}
  .policy-popup .pop-head h3 {font-size: 20px;}
  .policy-popup .pop-contents {height:calc(100% - 80px);padding:20px 20px 0 0;}

}