@font-face {
    font-family: 'GmarketSansMedium', 'Pretendard', 'Noto Sans KR', sans-serif;
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#service {width:100%; margin:0 auto; overflow:visible;}
#service img {max-width:100%; vertical-align:top; }
#service p {line-height:32px; font-size:18px; padding-bottom:20px; }
#service .head {text-align:center; padding-bottom:30px; font-size:20px; line-height:32px;}
#service .head2 {margin-top:20px}
#service .head span {font-weight:500; font-size:25px; line-height:35px; }
#service .img {padding:10px 0 30px 0}

#service .cont1 {margin-top:20px;}
#service h3 {font-size:25px; font-weight:600; padding:0 0 20px 16px; position:relative;}
#service h3::before {content:""; height:21px; width:4px; background-color:#ee1c26; position:absolute; top:10px; left:0px; }
#service h4 {font-size:18px; font-weight:500; position:relative; padding-left:20px; margin-bottom:5px; }
#service h4::before { content: "";  width: 13px; height: 13px; border:3px solid #ee1c26; position: absolute; left: 0; top: 8px; border-radius: 50%;}
#service .txt1 {line-height:32px; font-size:18px; padding-bottom:20px; }
#service .txt2 {line-height:32px; font-size:16px; padding-bottom:20px; }


/* Headings */
h3 {font-size:25px; font-weight:600; padding:0 0 20px 16px; position:relative;}
h3::before {content:""; height:21px; width:4px; background-color:#ee1c26; position:absolute; top:10px; left:0; margin: 0 auto;}
h4 {font-size:18px; font-weight:500; position:relative; padding-left:20px; margin-bottom:5px;}
h4::before {content:""; width:13px; height:13px; border:3px solid #ee1c26; position:absolute; left:0; top:8px; border-radius:50%;}

/* Grid: flex4 */
.flex4 {display:flex; flex-wrap:wrap; justify-content:center; gap:2.5%;}
.flex4 .item {width:23%; padding:30px 35px 45px; text-align:center; border:0 solid #eff0f5; border-radius:0; background:#eff0f5;}
.flex4 div.tit {font-size:22px; font-weight:600; border-bottom:1px dashed #bbb; padding:10px 0 20px; margin-bottom:20px;}
.flex4 div.txt {font-size:15px;}

/* Steps: flexR6 */
.flexR6 {margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; padding:10px 0;}
.flexR6 li.item {width:16%; position:relative; margin:0;}
.flexR6 li.item .box {padding:0; background:#fff; border:0 solid #ccc; text-align:center;}
.cont {margin-top:80px}
.cont .inner{max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.cont .inner .tit {font-size: 22px; font-weight: 700; padding: 0; color: #333; text-align: center;}
.flexR6 li.item .num {width:20px; height:20px; font-size:20px; border-radius:30px; font-weight:bold; margin:50px auto 25px; background:#fff; border:4px solid #ee1c26; position:relative;}
.flexR6 li.item .num:before {content:""; position:absolute; width:500px; height:5px; left:0; top:35%; background:#dfdfdf; z-index:-1;}
.flexR6 li.item:last-child .num:before {background:#fff;}
.flexR6 li.item .num span {position:absolute; top:-50px; left:50%; transform:translateX(-50%); font-size:18px; font-weight:500; width:150px; text-align:center;}
.flexR6 li.item .tit {font-size:20px; font-family:var(--font1); font-weight:600; padding:10px; background:#f4f5f7; border-radius:10px; margin:20px 0;}
.flexR6 li.item .txt {font-size:20px; padding:0; font-weight:600; font-family:var(--num); color:#ccc;}
.flexR6 li.item a {border:1px solid #888; padding:8px 30px; border-radius:50px; margin-top:5px; display:inline-block;}
.flexR6 li.item ul li {text-align:left; padding:7px 0 7px 22px; font-size:15px; position:relative; background:url(../img/icon.png) no-repeat left 11px / 15px; line-height:22px; transition:all 0.3s;}
.flexR6 li.item ul li {color:#333; transition:0.3s all;}

/* Split: flex */
.flex {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:10px 0;}
.reverse {flex-direction:row-reverse; margin:0;}
.reverse .itemTxt {text-align:left;}
.flex .item:first-child {width:42%; text-align:center;}
.flex .item:last-child {width:56%;}
.flex .item .num {display:block; font-family:'GmarketSansMedium'; color:#efefef; font-size:55px; line-height:65px; padding-bottom:1px; position:relative; margin-bottom:5px; font-weight:800;}
.flex .item .tit {font-size:22px; line-height:32px; padding:0; font-weight:600; color:#333;}
.flex .item .txt {display:block; font-size:18px; line-height:30px; padding:25px 0 0;}

/* Split: flex2 (base) */
.flex2 {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:80px; background:#eff0f5;}
.flex2 .item {width:45%; font-size:16px; line-height:26px;}
.flex2 .item:last-child {width:55%; padding:50px 45px 20px;}
.flex2 .item img{max-width: 300px; height: auto;}


/* service+style102 */
#service .style102 h3 {border-bottom:1px solid #ccc;}
#service .style102 h4 {margin-bottom:6px;}

.style102 .contBox {padding:0;}
.style102 .inner{max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; display: block;}
.style102 .inner > h3{margin: 0 0 20px; position: relative;}
.style102 .tit {font-size:20px; padding-bottom:30px; font-weight:600;}

/* Thumbnails row */
.style102 .flex2 {flex-direction:row-reverse; margin-top:40px; background:transparent;}
.style102 .flex2 .item:first-child {width:30%; text-align:center;}
.style102 .flex2 .item {width:70%; padding:0;}
.style102 .flex2 .item .img span {
  display:block; width:190px; height:190px; background:#222; margin:0 auto; color:#fff;
  border-radius:50%; padding-top:120px; font-size:20px;
  background-repeat:no-repeat; background-position:center 30px;
}
.style102 .flex2 .item:first-child .img span {background-image:url(../img/ico1.png);}
.style102 .flex2 .item:last-child  .img span {background-image:url(../img/ico2.png);}
.style102 .flex2 .item .txt {padding:0 0 25px;}
.style102 .flex2 .item .txt li span {font-size:16px; position:relative; padding-left:13px; margin-bottom:5px;}
.style102 .flex2 .item .txt li span:before {
  content:""; width:4px; height:4px; background:#555; position:absolute; left:0; top:12px; border-radius:50%;
}
.style102 .flex3 {display:flex; flex-wrap:wrap; justify-content:center; padding:0;}
.style102 .flex3 .item {width:12%; margin:0 3px; text-align:center;}
.style102 .flex3 .item img {border:1px solid #ccc;}
.style102 .flex3 .item.on img {border:3px solid #ee1c26;}

/* Content area */
#service .style102 .cont {padding-top:50px;}

/* Tables (scoped to variant to 방어적) */z
.style102 div.table_wrap {font-weight:500;}
.style102 table {border-collapse:collapse; border-spacing:0;}
.style102 table.table_common {border-top:2px solid #555; width:100%; border-bottom:1px solid #555;}
.style102 table.table_common caption {font-size:0; width:0; height:0; text-indent:-9999px; overflow:hidden;}
.style102 table.table_common th,
.style102 table.table_common td {padding:10px 1px; text-align:center; font-size:14px; line-height:25px; font-weight:400;}
.style102 table.table_common th,
.style102 table.table_common td.img_c {text-align:center;}
.style102 table.table_common th {border-bottom:1px solid #555; border-left:1px solid #ccc; background-color:#fdeff0;}
.style102 table.table_common td {border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.style102 table.table_common td:first-child,
.style102 table.table_common th:first-child {border-left:none;}
.style102 table.table_common tr:last-child td {border-bottom:none;}

.product_box_pro{padding: 30px 10px 30px 36.6%; background: #e9ebf7;}
.product-banner {position: relative; margin-bottom: 30px; padding: 40px 0 20px 0; background-repeat: no-repeat; background-position: 10px center; background-size: auto 80px;}
.product-banner h3 {font-size: 36px; font-style: italic; font-weight: 700; color: #001655; padding-left: 20px;}
.product-banner .desc {position: absolute; right: 20px; padding-right: 0; top: 50%; transform: translateY(-50%); font-size: 21px; font-weight: 600;
 color: #fff; max-width: 350px;}

.banner-01,.banner-02, .banner-03, .banner-04, .banner-05 {background-repeat: no-repeat; background-position: right -900px center;}
.banner-01 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline01.png');}
.banner-02 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline02.png');}
.banner-03 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline03.png');}
.banner-04 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline04.png');}
.banner-05 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline05.png');}

/* 제품 설명 박스 공통 */
.product-section {display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; margin: 60px 0; gap: 20px;}
.product-section .product-image {flex: 1 1 30%; min-width: 280px; text-align: center;}
.product-section .product-image img {max-width: 100%; height: auto;}
.product-section .product-text {flex: 1 1 65%; font-size: 16px; line-height: 28px; text-align: left;}
.product-section .product-text .highlight {font-weight: bold; font-size: 18px; margin-bottom: 10px; display: block;}

/* 박스 색상 테마 */
.bg-blue { background: #e9ebf7; }
.bg-beige { background: #f4ede1; }
.bg-ivory { background: #fffaf8; }
.bg-pink { background: #feecee; }

/* ==========================================
   H3 COLOR VARIANTS
========================================== */
h3.blue { color: #001655; }
h3.yellow { color: #efc30a; }
h3.orange { color: #ff9100; }
h3.red { color: #d80000; }

/* 박스형 정보 블럭 */
.product-info-box.long-background{position: relative; padding: 20px 20px 20px 20px; margin-top: -130px; font-size: 14px; line-height: 24px; width: 100%; box-sizing: border-box; order: 3;}
.product-info-box p{margin: 5px 0;}
.product-info-box p span.label{display: inline-block; font-weight: bold; width: 150px;}

/* ─── h4 밑줄 제거 및 여백 축소 */
.style102 h3::before {display: none;}
.style102 h3 {border-bottom: none;}

/* 📏 텍스트 블록 폰트 크기 조정 */
.flex2 .item .txt {font-size: 16px; line-height: 26px;}
   
/*sports and amino acid*/
.t1 {font-weight: 800; font-size: clamp(28px, 3.8vw, 44px); line-height: 1.2;}
.t2 {font-weight: 800; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.25; color:#fff;} /* 파란띠 위 */
.t3 {font-weight: 600; font-size: clamp(14px, 1.6vw, 20px); letter-spacing: .02em; color:#cfe4ff;}
.t4 {font-weight: 400; font-size: clamp(15px, 1.5vw, 20px); line-height: 1.9; color:#222}

/*amino-science fullbleed*/ 
.amino-spac{min-height: 860px;}
.page-sports_amino{overflow: visible !important;}
.amino-spac.fullbleed{position: relative; background: url('/default/img/hblock/content/style102/img/sports_back.jpg') center top / cover no-repeat; overflow: visible; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw);}
.amino-spac .fullbleed-bg{position: absolute; left: 50%; transform: translateX(-50%); width: 100vw; pointer-events: none;}
.amino-spac .white-box{position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: min(1200px, 92vw); background: #fff;}
.amino-spac .blue-band{z-index: 2; top: 140px; height: 180px; background: #0a59a9;}
.amino-spac .human-visual{z-index: 3; top: 0; bottom: 0; background: url('/default/img/hblock/content/style102/img/sports_human.png')center top / cover no-repeat;}
.amino-spac .headline{margin-top: -100px;}
.amino-spac .lead{margin-top: 120px;}
.amino-spac .text-wrap{position: relative; z-index: 4; max-width: 1200px; margin: 0 auto; padding: 280px 24px 120px; box-sizing: border-box; text-align: center;}

.style102 .link-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 24px;}
.style102 .link-card{display: block; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 16px rgba(0,0,0,.08);}
.style102 .link-card img{display: block; width: 100%; height: auto;}

/*aminoVITAL PRODUCT*/
#service .product-list{display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: flex-start;}
#service .product-list > .product_history{flex: 0 0 auto; width: auto !important; display: flex; flex-direction: column; 
  align-items: center; text-align: center; margin: 20px 0; float: none !important;}
#service .product-list > .product_history img{max-width: 400px; height: auto; display: block; margin: 0 auto 12px;}
#service .product-list > .product_history .history-box{background-color: #001655; color: #fff; font-weight: 700; font-size: 16px; padding: 10px 20px; border-radius: 10px; display: inline-block;}
#service .product-list .arrow{font-size: 32px; font-weight: bold; color: #001655; margin: 0 20px; display: flex; align-items: center;}

.section{padding: 80px 0;}

/*배경 고정 스크롤 배너*/
.scroll-banner {position: relative; width: 100%; height: 400px !important; min-height: 400px !important; max-height: 400px !important; overflow: hidden; padding: 0; border: 0; contain: layout paint; overflow-anchor: none;}
.scroll-banner .scroll-bg {position: absolute; top: 0; left: 0; width: 100%; height: 250%;
  background: url('/default/img/hblock/content/style102/img/scroll_banner_01.jpg') center top / cover no-repeat;
  will-change: transform; transition: transform 0.1s ease-out; pointer-events: none;}

#service .scroll-banner{
  position: relative !important;
  width: 100%;
  height: 400px !important;
  min-height: 400px !important;
  max-height: 400px !important;
  overflow: hidden !important;
  background: none !important;     /* 기존 fixed 배경 제거 */
}
#service .scroll-banner .scroll-bg{
  position: absolute !important;
  inset: 0;
  background: url('/default/img/hblock/content/style102/img/scroll_banner_01.jpg')
              center bottom / cover no-repeat;
  will-change: transform;
  transition: transform .1s ease-out;
  transform: translateY(0);}

/*아미노사이언스 long hex*/
.hex-long{width: 100%; max-width: 550px; aspect-ratio: 550 / 70; margin: 0 auto; background: #001655; clip-path: polygon(0% 50%, 6.364% 0%, 93.636% 0%, 100% 50%, 93.636% 100%, 6.364% 100%); 
  display: flex; align-items: center; justify-content: center; padding: 0 20px; box-sizing: border-box;}
.hex-long .nv-tit{color: #fff; font-weight: 800; letter-spacing: .02em; line-height: 1.3; font-size: clamp(16px, 4vw, 20px); text-align: center; white-space: normal;}

.hn1 {text-align: center; color: #001655; font-weight: 800; font-size: 28px; line-height: 1.8; margin: 40px auto;} 
.hn1 p {display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0; white-space: normal; flex-wrap: wrap;}
.hn1 .check {width: 30px; height: 30px; display: inline-block; background: url('/default/img/hblock/content/style102/img/check_icon.png') no-repeat center/contain; flex-shrink: 0;}
.hn1 .highlight{background-color: #d6b35a; color: #001655; font-weight: 900; padding: 0 4px;}

.section-spsc {display: grid; grid-template-columns: 40% 60%; column-gap: 32px; align-items: start;}
.text-col {color: #333;}
.bullet-list{margin: 0; padding-left: 1.2em; list-style: none;}
.bullet-list li {font-weight: 600; font-size: 18px; line-height: 1.9; position: relative; margin: 6px 0;}
.bullet-list li::marker {content: "";}
.bullet-list li::before {content: "\25C6"; color: #333; font-size: 0.8em; position: absolute; left: -1.2em; top: 0.25em;}
.img-col {display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.img-col img{width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block;}

#service .brand-block {background: #001655 !important;  width: 100%; min-height: 500px !important; display: flex !important; align-items: center !important; margin-top: 70px;} 
#service .brand-block .bbinner {max-width: 1200px; margin: 0 auto; padding: 40px 16px; text-align: center; color: #fff;} 
#service .brand-block .bblogo {display: block; width: clamp(100px, 14vw, 150px); height: auto; margin: 0 auto 24px;}
#service .brand-block .bbtext {max-width: 900px; margin: 0 auto; font-size: clamp(16px, 1.6vw, 18px); line-height: 1.9; word-break: keep-all;}

.mgT80 {margin-top:80px}
.mgT50 {margin-top:50px}
.mgT20 {margin-top:20px}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
 h3 {font-size:20px; padding:0 0 15px 14px; position:relative;}
 h3::before { height:18px; width:4px;  top:7px;  }
 h4 {font-size:16px;  padding-left:18px; margin-bottom:5px; }
 h4::before {  width: 11px; height: 11px; border:3px solid #ee1c26; 
 position: absolute; left: 0; top: 8px;   border-radius: 50%;}
	
 .flex4 {  gap:2%; }	
 .flex4 .item {width:49%; padding:20px 10px; margin-bottom:10px;  border:1px solid #e5e5e5; }
 .flex4 div.img img {height:80px}
 .flex4 div.tit {font-size:18px;  padding:5px 0 10px 0; margin-bottom:10px}
 .flex4 div.txt {font-size:14px; }

 .flexR6 {max-width:100%; padding:0px 10px; }
 .flexR6 li.item {width:50%; margin-bottom:20px  }
 .flexR6 li.item .tit {font-size:18px; margin-top:10px;  }
 .flexR6 li.item .txt {font-size:15px; }
 .flexR6 li.item a {border:1px solid #888; padding:8px 30px; border-radius:50px; margin-top:5px; display:inline-block }
 .flexR6 li.item ul li { padding:7px 0 7px 25px; font-size:15px;  }
 .flexR6 li.item .num { margin: 40px auto 5px auto; }
 .flexR6 li.item .num span { top:-30px;font-size:15px;  width:150px; }
 .cont {margin-top:40px}
 .flex { padding:10px 0; }
 .reverse .itemTxt {text-align:left}
 .flex .item{  padding:10px 0px 0 0;   }
 .flex .item:first-child {width:100%; }
 .flex .item:last-child {width:100%; }
 .flex .item .num { font-size:45px;padding-top:5px; line-height:55px;margin-bottom:0px; }
 .flex .item .tit {font-size:16px; line-height:22px; }
 .flex .item .txt {font-size:14px; line-height:22px; padding:5px 0 0 0;  }

 .flex2 { margin-top:30px;  }
 .flex2 .item {  width:100%; font-size:14px; line-height:22px   }
 .flex2 .item:last-child {width:100%; padding:20px 20px 0 20px }

 .product-banner h3 {font-size: 24px;}
 .product-banner .desc {font-size: 14px; padding-right: 10px;}
 .product-banner {background-size: auto 70px;}

 .amino-spac{min-height: 680px;}
 .amino-spac.fullbleed{position: relative; background: url('/default/img/hblock/content/style102/img/sports_back.jpg') center top / cover no-repeat; overflow: hidden; margin: 0 !important; padding: 0 !important;, width: 100% !important; max-width: 100% !important; transform: none !important; left: 0 !important; z-index: 1;}
 .amino-spac .fullbleed-bg{position: absolute; inset: 0; left: 0 !important; transform: none !important; width: 100% !important; max-width: 100% !important;}
 .amino-spac .white-box{position: absolute; top: 0; left: 10%; right: 10%; width: auto; transform: none; height: 100%; background: #fff; pointer-events: none; z-index: 2;}
 .amino-spac .blue-band{top: 165px; height: 150px; z-index: 3;}
 .amino-spac .human-visual{position: absolute; inset: 0; top: 0; left: 0; width: 100%; height: 100%; 
  background: url('/default/img/hblock/content/style102/img/sports_human_mobile.png') center bottom / cover no-repeat; pointer-events: none; z-index: 4;}
 .amino-spac .spac-inner{padding: 210px 20px 100px;}
 .amino-spac .headline{margin-top: -80px;}
 .amino-spac .lead{margin-top: 5%;}

.banner-01,.banner-02, .banner-03, .banner-04, .banner-05 {background-repeat: no-repeat; background-position: right -950px center;}

  .scroll-banner {height: 720px;}
  .scroll-banner .scroll-mask {
    height: 720px;
    --hole-w: 100vw;
    --hole-h: 720px;
    --hole-left: 50%;
    --hole-top: 0px;
    padding-top: var(--hole-top);
    padding-bottom: calc(100% - var(--hole-top) - var(--hole-h));
    padding-left: calc(var(--hole-left) - (var(--hole-w)/2));
    padding-right: calc(100% - (var(--hole-left) + (var(--hole-w)/2)));
  }
 
  #service .scroll-banner{
    height: 720px;
    background-attachment: scroll; /* 모바일 호환용 */
    background-position: center center;
    background-size: cover;
  }

.mgT80 {margin-top:40px}
.mgT50 {margin-top:25px}
.mgT20 {margin-top:10px}

}

@media (max-width: 768px) {
.amino-spac{position: relative; width: 100%; aspect-ratio: 768 / 860; 
  background: url('/default/img/hblock/content/style102/img/sports_back_mobile.jpg') center top / cover no-repeat; overflow: hidden; z-index: 1;}
.amino-spac.fullbleed {margin: 0 !important; padding: 0 !important;, width: 100% !important; max-width: 100% !important; transform: none !important; left: 0 !important;} 
.amino-spac .fullbleed-bg{left: 0 !important; transform: none !important; width: 100% !important; max-width: 100% !important;}
.amino-spac .blue-band,
.amino-spac .white-box{position: absolute; pointer-events: none;}
.amino-spac .white-box{position: absolute; top: 0; left: 5%; right: 5%; width: auto; transform: none; height: 100%; background: #fff; pointer-events: none; z-index: 2;}
.amino-spac .blue-band{position: absolute; top: 10%; left: 0; width: 100%; height: 20%; background: #0a59a9; z-index: 3;}
.amino-spac .human-visual{position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  background: url('/default/img/hblock/content/style102/img/sports_human_mobile.png') center bottom / contain no-repeat; pointer-events: none; z-index: 4;}
.amino-spac .human-visual::before{content: none;}
.amino-spac .text-wrap{position: absolute; inset: 0; pointer-events: auto; z-index: 5;}
.amino-spac .headline{position: absolute; top: calc(15% + 6%); left: 50%; transform: translate(-50%, -50%); width: 100%; margin: 0; text-align: center;}
.amino-spac .lead{position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); width: min(82vw, 320px); margin: 0; text-align: center;}

   .t2{margin: 0; line-height: 1.15; font-size: clamp(18px, 5vw, 26px);}
   .t3{margin: 0 0 2px; font-size: clamp(12px, 3.6vw, 16px);}
   .t4{font-size: clamp(14px, 4vw, 16.5px); line-height: 1.7;}

.style102 .link-grid{grid-template-columns: 1fr; gap: 20px;}  

.product-banner {position: relative; margin-bottom: 20px; padding: 0; background: none; text-align: center;}
.product-banner h3 {padding-left: 0; font-size: 24px; margin-bottom: 8px;} 
.product-banner .desc {position: static; transform: none; font-size: 14px; color: #fff; margin-top: 6px;}

.banner-01,.banner-02, .banner-03, .banner-04, .banner-05 {background-repeat: no-repeat; background-position: right 60px;}
.banner-01 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline01.png');}
.banner-02 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline02.png');}
.banner-03 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline03.png');}
.banner-04 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline04.png');}
.banner-05 {background-image: url('/bizdemo161555/img/hblock/content/style102/img/headline05.png');}

.hn1 {text-align: left; font-size: 22px; margin-left: 0;}
.hn1 p{justify-content: flex-start !important;}
.hn1 .check {width: 24px; height: 24px; margin: 2px 0 0 ;}
.hn1 .highlight{padding: 0 3px;}

.section-spsc {grid-template-columns: 1fr; row-gap: 24px;}
.img-col {grid-template-columns: 1fr;}

}


@media (max-width: 640px) {
}
@media (max-width: 480px) {
  .hex-long{--hex-pad-x:16px; --hex-pad-y: 10px; --hex-shape: polygon(8%,0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%);}
  .hex-long .nv-tit{white-space: normal;}
}
@media (max-width: 320px) {
}