/* 서브 타이틀 */
.subtitle { padding-left: 0;}
.subtitle > LI:nth-child(1) {font-size:3.6rem; font-weight:bold}
.subtitle > LI:nth-child(2) {font-size:1.7rem; color:#999; padding:1.6rem 0; font-weight:normal;}

@media (max-width: 768px){
.subtitle {padding-bottom:2rem; padding-left:0}
.subtitle > LI:nth-child(1) {font-size:3.5rem; font-weight:bold}
.subtitle > LI:nth-child(2) {font-size:2rem; color:#999; padding:1rem 0; font-weight:normal;}
 }
 
/* 서브 타이틀 */

.subnavi2 LI{width:50%}
.subnavi3 LI{width:33.3333%}
.subnavi4 LI{width:25%}
.subnavi5 LI{width:20%}
.subnavi6 LI{width:16.66666%}
.subnavi7 LI{width:14.28571428%}


html {font-size: 10px;}
.cont-padg { padding: 0 5rem 5rem 5rem;}

.solution-juyo { padding: 5rem 5rem 5rem 5rem;}
.solution-img {padding: 0rem 6rem;}
.solution-hl {width:100%;height:auto;background:url(../images/bg-sub-visual.png);background-position: center;}
.solution-hl UL {width:100%; margin:0 auto }
.solution-hl UL > LI {color:#fff; width:100%}
.solution-sso UL > LI:nth-child(1) div {width:calc( 100% - 130px ); height:116px; background:url(../images/sso_icon01.png) no-repeat; padding-left:130px; margin:0 auto;}
.solution-sso UL > LI:nth-child(2) div {width:calc( 100% - 130px ); height:116px; background:url(../images/sso_icon02.png) no-repeat; padding-left:130px; margin:0 auto;}
.solution-sso UL > LI:nth-child(3) div {width:calc( 100% - 130px ); height:116px; background:url(../images/sso_icon03.png) no-repeat; padding-left:130px; margin:0 auto;}
.solution-hl UL > LI span.ititle {color:#fff; font-size:3rem; line-height:7rem}
.solution-hl UL > LI span.itext {color:#fff; font-size:1.8rem; line-height:1.9rem;}

.solution {margin-top: 4rem;}
.solution-img {padding: 0rem 6rem; margin:3rem 0}
.solution-txt {padding:0; height:auto; padding-top:5rem; font-size:2rem; line-height:4rem}
.sol-box  {padding:0; height:auto;}
.sol-box .sticker {padding:6px 14px; border-radius:15px; background:#003571; color:#fff; font-size:14px;}
.sol-box .stit {}
.sol-box .sol_tit {font-size:7rem; font-weight:700; padding:0.3rem 0; line-height:6.2rem; margin-top:1rem}
.sol-box .sol_tit SPAN { color:#339933}
.sol-box .sol_txt {font-size:2.2rem; font-weight:700; padding:4rem 0}
.sol-box .solution_btn {width:80%}
.sol-box .solution_btn .red-box1,.sol-box .solution_btn .red-box2,.sol-box .solution_btn .red-box3 {padding:0 16px 0 0;}
.sol-box .solution_btn .red-box1 button {margin-bottom:1.5rem; line-height:7rem; width:100%; padding:0px; background-image:linear-gradient(to right, #003471, #006D75); border-radius:40px; font-size:2.4rem; font-weight:500; color:#fff}
.sol-box .solution_btn .red-box2 button,.sol-box .solution_btn .red-box3 button {margin-bottom:1.5rem; line-height:7rem; width:100%; padding:0px; background:#fff; border-radius:40px; font-size:2.4rem; font-weight:500; color:#003471; border:1px solid #003471}
.box STRONG { font-size:2.5rem; color:#003366;}
.board_view {padding-bottom: 4vw;}


.contentBox_item{
    display:table-cell;
    width:180px; height:180px; background-image:linear-gradient(to right, #003471, #006D75); border-radius:90px; color:#fff; text-align:center; font-size:3rem; margin:0 auto;
    vertical-align:middle;
  }
  
  UL.disc {list-style-type:disc; margin: 20p 0px;}
  
  .solution_txtlayout {
    display:flex; /* Flexbox 활성화 */
    flex-direction:row;
    justify-content:center;
    align-items:center;
    height: auto; /* 전체 화면 높이 */
    padding: 0 20px; /* 좌우 여백 */
    width:100%;
}

.box {
    flex:auto; /* 각 박스가 동일한 비율로 넓이를 가짐 */
    margin: 10px; /* 박스 간의 여백 */
    padding: 20px; /* 박스 내부 여백 */
    text-align: left; /* 텍스트 가운데 정렬 */
    color: white; /* 텍스트 색상 */
    border-radius: 5px; /* 둥근 모서리 */
    color:#333;
    line-height:3.5rem;
    font-size:2rem;
  }
.box1 {width:30%;}
.box2 {width:70%;}







.smallTab { padding-bottom: 0px; }
.smallTab.bb2 { border-bottom: 2px solid #1b1b1b; }
.smallTab ul { font-size: 0; }
.smallTab ul li { display: inline-block; padding-right: 60px; vertical-align: top; }
.smallTab ul li:last-of-type { padding-right: 0; }
.smallTab ul li a { display: block; font-size: 2.4rem; }
.smallTab ul li.on a { color: #003366; font-weight: 600; }
.centerScrollTab { padding: 0px 0px 0px 0px; text-align: center; margin-top:-45px; margin-bottom: 30px;}
.centerScrollTab ul { white-space: nowrap; position: relative; z-index: 10;  border-bottom: 1px solid #ddd; }
.centerScrollTab ul li { padding-right: 0; }
.centerScrollTab ul li a { padding: 0px 30px 24px 30px; font-size: 1.9rem; position: relative; }
.centerScrollTab ul li.on a:after { content: ""; display: block; width: 100%; height: 4px; background: #003366; position: absolute; bottom: 0; left: 0; }
.centerScrollTab .mCustomScrollBox { z-index: 1; }
.centerScrollTab .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ddd; }
.centerScrollTab .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 4px; margin: 0; z-index: 0; }


@media all and (max-width: 1080px) { /* tablet */
	.centerScrollTab {padding: 0px 0px 0px 0px; text-align: left; position: relative; }
	.centerScrollTab ul { padding: 0 3.70vw; }
	.centerScrollTab ul li a { padding: 2.78vw; font-size: 2.33vw; }
	.centerScrollTab ul li.on a:after { height: 0.37vw; z-index: 1; }
	.centerScrollTab .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 0.37vw; } 
}


@media all and (max-width: 770px) { /* mobile */

	.centerScrollTab {padding: 0px 0px 0px 0px; text-align: left; position: relative; }
	.centerScrollTab ul { padding: 0 3.70vw; }
	.centerScrollTab ul li a { padding: 3.78vw 2vw 3.78vw 2vw ; font-size: 4vw; }
	.centerScrollTab ul li.on a:after { height: 0.37vw; z-index: 1; }
	.centerScrollTab .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 0.37vw; } 

  
	/*
	.smallTab { padding-top: 0vw; padding-bottom: 13.89vw; position: relative; }
	.smallTab.bb2 { border-bottom: 0; }
	.smallTab .mSelect { width: 100%; border: 0.28vw solid #ddd; border-radius: 1.39vw; position: absolute; top: 0; left: 0; background: #fff; }
	.smallTab p { height: 10.83vw; line-height: 10.83vw; font-size: 3.89vw; padding: 0 11.81vw 0 5.56vw; background: url("/assets/img/layout/moMenu_arrow_d.png") center right 5.56vw no-repeat; background-size: 4.31vw auto; }
	.smallTab p.on { background: url("/assets/img/layout/moMenu_arrow_u.png") center right 5.56vw no-repeat; background-size: 4.31vw auto; }
	.smallTab ul { display: none; }
	.smallTab ul li { display: block; padding: 0; margin-bottom: 1.39vw; }
	.smallTab ul li:last-of-type { margin-bottom: 2.78vw; }
	.smallTab ul li a { display: block; padding: 1.39vw 5.56vw; font-size: 3.89vw; }
	.smallTab ul li.on a { color: inherit; font-weight: 400; }
	.centerScrollTab { padding-bottom: 0; margin-bottom: -12vw; }
	.centerScrollTab:after { height: 0.28vw; }
	.centerScrollTab ul { display: block; padding: 0; overflow-x: auto !important; }
	.centerScrollTab ul li { display: inline-block; margin-bottom: 0; }
	.centerScrollTab ul li:last-of-type { margin-bottom: 0; }
	.centerScrollTab ul li a { padding: 4.17vw; font-size: 4vw; }
	.centerScrollTab ul li.on a { color: #00b118; font-weight: 600; }
	.centerScrollTab ul li.on a:after { height: 0.56vw; }
	.centerScrollTab .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 0.56vw; } 

  */

}




  @media (max-width: 1279px){
  html {font-size: 7px;}
  .cont-padg { padding: 2rem;}
  .sol-box .solution_btn {width: 100%;}
  
  .contentBox_item{
    display:table-cell;
    width:120px; height:120px; background-image:linear-gradient(to right, #003471, #006D75); border-radius:60px; color:#fff; text-align:center; margin:0 auto;
    vertical-align:middle;
  }
  
  }


  @media (max-width: 768px){
  html {font-size: 7px;}
  .cont-padg { padding: 1rem;}
  .solution {margin-top: 0rem;}
  .solution_txtlayout {display:block;padding: 0;}
  .box1,.box2{ width:100%}
  .solution-txt {padding:0 0px 0 20px;}
  .sol-box .sol_tit {font-size:6rem; font-weight:700; padding:2.2rem 0; line-height:3.2rem; margin-top:1rem}
  .solution-img IMG {width:80%; margin:0 auto}
 }
  




 



      
/*고객 및 협력사*/
.logoWrap{margin-bottom:50px; height:100%; margin-top: 20px; }
.logoWrap h4 {position:relative; margin-bottom:15px; font-size:26px; color:#333; font-weight:500; letter-spacing:-1px;}
.logoWrap h4:before{display:inline-block; content:""; clear:both; margin-right:10px; width:3px; height:19px; background-color:#319cef;}
.logoList{width:100%;}
.logoList:after{content:'';display:block;clear:both; }
.logoList li{width:17%; margin-right:1vw; margin-left:1vw; margin-bottom:30px; border:1px solid #d6d6d6; text-align:center;position:relative;left:0;bottom:0;height:100px;float:left; display: flex; align-items: center;justify-content: center; } 
.logoList li img{width:80%}
.logoList li p{text-align:center;line-height:2.7; position:absolute; bottom:0;  width:100%; height:45px; background-color:#f7f8fa; border-top:1px solid #ebebeb;}

@media screen and (max-width:1280px) {
	.logoList li{width:22%; margin-right:1vw; margin-left:1vw; margin-bottom:30px; border:1px solid #d6d6d6; text-align:center;position:relative;left:0;bottom:0;height:100px;float:left; display: flex; align-items: center;justify-content: center; } 
}

@media screen and (max-width:1024px) {
	.logoList li{width:31%; margin-right:1vw; margin-left:1vw; margin-bottom:24px; border:1px solid #d6d6d6; text-align:center;position:relative;left:0;bottom:0;height:100px;float:left; display: flex; align-items: center;justify-content: center; } 
}

@media screen and (max-width:800px) {
	.logoList li{width:30%; margin-right:1vw; margin-left:1vw; margin-bottom:20px; border:1px solid #d6d6d6; text-align:center;position:relative;left:0;bottom:0;height:80px;float:left; display: flex; align-items: center;justify-content: center; } 
}
@media screen and (max-width:620px) {

	.logoList li{width:47%; margin-right:1vw; margin-left:1vw; margin-bottom:10px; border:1px solid #d6d6d6; text-align:center;position:relative;left:0;bottom:0;height:80px;float:left; display: flex; align-items: center;justify-content: center; } 
}
@media screen and (max-width:400px) {

}
/* //// 고객 및 협력사 */


/* 오시는 길 */
.map_pd {margin-top: 110px;  padding-bottom: 20px;}
.map_txt {padding:0 0 0 0;}
.map_txt UL {color:#000;font-size:2rem;font-weight:500; display: table; width:100%}
.map_txt UL>li:nth-child(odd) {vertical-align: middle; display: table-cell; width:80px}
.map_txt UL>li:nth-child(even) { padding: 25px 0px 25px 20px; display: table-cell; width:calc(100% - 40px)}
.map_line { clear:both; padding-top:0px; margin-bottom:10px; border-bottom:1px solid #ddd; }

@media all and (max-width: 1199px) { /* mobile */
  .map_pd {margin-top: 0px;}
  .map_txt img {width:50px}
  .map_txt {margin:0 0 0px 0;}
  
}

@media all and (max-width: 770px) { /* mobile */
  .map_pd {margin-top: 0px;}
  .map_txt .flt {float:none}
  .map_txt UL>li:nth-child(odd) {width:40px}
}
/* 오시는 길 */


/*  회사소개 - 연 혁  */


.history-menu { width:37rem; float:right; display:table}
.history-menu > LI { display:table-cell; width:25%; padding:0 1rem;}
.history-menu > LI DIV{ width:12rem;height:12rem;  font-size:2.1rem; border-radius:12rem; background:#fff; text-align:center; color:#333; line-height:12rem; border:1px solid #ccc; cursor: pointer;}
.history-menu > LI.on DIV{background:#0C213C; text-align:center; color:#fff; border:0;}
.history-menu > LI DIV:hover {background:#0b5fc3; text-align:center; color:#fff; border:0;}



.history_st {text-align:right; font-size:4rem; padding-top:5rem}
.history_st SPAN {font-size:2.5rem}
.history {position:relative; no-repeat 0px 8px}
/*	.history {position:relative; background:url(../images/bg_history_155.png) no-repeat 0px 8px} */
/*	.history {position:relative; background:url(../images/bg_history_320.png) no-repeat 0px 8px} */
/*	.history {position:relative; background:url(../images/bg_history_400.png) no-repeat 0px 8px} */ 
/*	.history {position:relative; background:url(../images/bg_history_500.png) no-repeat 0px 8px} */
  .history p.year { padding:3px 0px; width:120px; text-align:center; font-size:33px; font-weight:bold; color:#003399; position:absolute; left:-150px; top:25px; z-index:1 }
  .history p.year { padding:3px 0px; width:120px; text-align:center; font-size:33px; font-weight:bold; color:#003399; position:absolute; left:-150px; top:25px; z-index:1 }
	.history p.year.now { padding:2px 0px; border:1px solid #f47036; background:#fff; color:#f47036; }
	.history ul { position:relative; margin-bottom:0px; margin-left:140px; }
	.history ul:after { display:block; content:''; position:absolute; top:7px; left:7px; width:1px; height:100%; border-radius:20px; background:#ddd; z-index:0; }
	.history ul li { padding:30px 0px 0px; overflow:hidden; }
	.history ul li .date { position:relative; float:left; width:6vw; padding-left:10px; text-align:right; font-size:3rem; font-weight:bold; color:#bbb; z-index:1}  /*K. 12.18*/
    .history ul li.sameyear .date {color:#ccc; z-index:1}
    .history ul li .iyear>P.date{ color:#0b5fc3; }  /*K. 12.18*/
	.history ul li:first-child .date:after { display:block; content:''; position:absolute; top:16px; left:0px; width:14px; height:14px; border-radius:20px; background:#93B4DB; }
	.history ul li.sameyear { padding-top:20px; }
	.history ul li.sameyear .date:after { width:12px; height:12px; left:1px; background:#93B4DB; }
	.history ul li .con { float:left; margin-top:8px; padding-left:20px; font-size:2.0rem; line-height:3rem }


@media all and (max-width:1279px){
    .history ul li .con { padding-left:27px; font-size:2.3rem }

}

@media all and (max-width:630px){
    
	.history{background: none;}
	.history ul{margin-left:0;}
	.history_gs{background: url(../images/mb_history_gs.png) no-repeat 100% 100%; background-size: 28%!important}
    .history ul li .con { font-size:2rem; display:block }
    .history p.year { padding:3px 0px; width:120px; text-align:center; font-size:23px; font-weight:bold; color:#003399; position:relative; left:-5px; top:0px;}
    .history ul li {padding: 18px 0px 0px;overflow: hidden;}

    .history ul li .date { position:relative; float:left;  width:10vw; padding-left:8px; text-align:right; font-size:3rem; font-weight:bold; color:#bbb; z-index:1; display:block }  /*K. 12.18*/
    
    
    
    .history-menu { width:calc(100% - 30px); float:left; display:table; margin: 0 auto;}
    .history-menu > LI { display:table-cell; width:25%; padding:0 1rem;}
    .history-menu > LI DIV{ width:10rem;height:10rem; margin:0 auto;  font-size:1.8rem; border-radius:12rem; background:#fff; text-align:center; color:#333; line-height:10rem; border:1px solid #ccc; cursor: pointer;}
    .history-menu > LI.on DIV{background:#0C213C; text-align:center; color:#fff; border:0;}
    .history-menu > LI DIV:hover {background:#0b5fc3; text-align:center; color:#fff; border:0;}
}

@media all and (max-width:460px){
    
    .history ul li .date { float:none;  width:15vw; padding-left:10px;}
    .history-menu {float:none;}
    .history_st {height:40px}

  
    .history-menu > LI DIV{ width:8rem;height:8rem; margin:0 auto;  font-size:1.4rem; border-radius:9rem;  line-height:8rem;}
    .history-menu > LI.on DIV{background:#0C213C; text-align:center; color:#fff; border:0;}
    .history-menu > LI DIV:hover {background:#0b5fc3; text-align:center; color:#fff; border:0;}

    
}

/*  // 회사소개 - 연 혁  */


/* 비트디펜더 소개 */
.defender_con01 DIV { padding: 0; margin-bottom:40px}
.defender_con01 UL > LI:nth-child(odd) {font-size:2.2rem; margin-top:3vw; font-weight:bold;line-height:3.6rem;}
.defender_con01 UL > LI:nth-child(even) {font-size:2rem; margin-top:4vw;line-height:2.8rem;}
.defender_con01 IMG {width:80%; margin:0 auto}

.defender_con02 { background:#011323 url(../images/bitdefender_bg.png) no-repeat; padding:4vw 0; max-height:440px; }
.defender_con02 .d-zone {width:50%; margin:0 auto; text-align:center; color:#fff; font-size:2.5rem; line-height:4rem; max-width:800px !important}
.defender_con02 .d-zone IMG {width:50%; margin:0 auto}

.defender_con03 {background:#EAEAEA}
.defender_con03 DIV { padding: 0;}
.defender_con03 UL > LI:nth-child(1) {font-size:3rem; margin-top:3vw; margin-bottom:3vw; font-weight:bold; color:#0A3B7A}
.defender_con03 UL > LI:nth-child(2) {font-size:2.2rem; margin-top:2vw; line-height:3rem; color:#0A3B7A;}
.defender_con03 UL > LI:nth-child(3) {font-size:2rem; margin-top:0.3vw; line-height:3rem; color:#333;}

.defender_con03 .d-img {padding:4vw 0; margin-bottom:30px}
.defender_con03 .d-img IMG{width:70%; margin:0 auto}

.defender_con04 {background:#fff}
.defender_con04 DIV { padding: 0;}
.defender_con04 UL > LI:nth-child(1) {font-size:3rem; margin-top:3vw; margin-bottom:1vw; font-weight:bold; color:#000}
.defender_con04 UL > LI:nth-child(2) {font-size:2rem; line-height:3rem; color:#333;}

.defender_con04 .d-img {padding:4vw 0; margin-bottom:30px}
.defender_con04 .d-img IMG{width:100%; margin:0 auto}

@media (max-width: 768px){
  .defender_con01 {margin-bottom:20px}
  .defender_con01 IMG {width:50%; margin:0 auto}

  .defender_con02 .d-zone {width:90%; font-size:2.2rem; line-height:3rem;padding-top:20px}
  .defender_con02 .d-zone IMG {width:60%; margin:0 auto}
  .defender_con03 .d-img IMG {width:100%; margin:0 auto}

 }

/*  //비트디펜더 소개 */

  /* SI 소개 */
  .SI_con01 DIV { padding: 0; margin-bottom:40px}
  .SI_con01 UL > LI:nth-child(even) {font-size:2rem; margin-top:2vw;line-height:2.8rem; padding-left:10px; margin-bottom:3vw}
  .SI_con01 UL > LI:nth-child(odd) {font-size:2rem; margin-top:3vw; font-weight:bold;line-height:2rem;}
  .SI_con01 UL > LI:nth-child(odd) span { background:#4C6686; color:#fff; border-radius:2vw; padding:0.7vw 1.2vw}
  .SI_con01 IMG {width:80%; margin:0 auto}
  
  @media (max-width: 768px){
    .SI_con01 {margin-bottom:20px}
    .SI_con01 DIV { padding: 0; margin-bottom:20px}
    .SI_con01 UL > LI:nth-child(even) {font-size:2rem; margin-top:4vw;line-height:2.8rem; padding-left:0px; margin-bottom:3vw}
    .SI_con01 UL > LI:nth-child(odd) {font-size:2rem; margin-top:7vw; font-weight:bold;line-height:2rem;}
    .SI_con01 IMG {width:90%; margin:0 auto}
    .SI_con01 UL > LI:nth-child(odd) span { background:#4C6686; color:#fff; border-radius:2vw; padding:1.2vw 2vw}
  
   }
  
  /*  //SI 소개 */
  

/* 사이트 맵 */
.sitemap {}
.sitemap div.tdep {border-bottom:2px solid #22AC39; padding:10px; color:#111; font-size:2.6rem; font-weight:600;  margin-top:20px}
.sitemap UL{ margin-top:20px}
.sitemap UL>LI {font-size:1.9rem; color:#111; padding:10px; font-weight:600;}
.sitemap UL>LI>UL>LI {font-size:1.7rem; color:#555; padding:5px 0px 5px 10px; font-weight:600}

@media (max-width: 990px){
    .sitemap .col-lg-2 {padding:0}
}
/* // 사이트 맵 */


/* 개인정보 처리방침 */
.privacy .privacyCheck_wrap .privacyTxt {
  height: auto;
  border: 1px solid #eee;
  background: #fff;
}
.unline { margin:10px 0px 0px 0px !important; border:1px solid #ccc; padding:1vw 2vw 1vw 2vw; background:#f3f3f3;}
.unline DD{ margin:4px 0px 0px 0px !important; line-height: 1.6 !important; }
.unline .privacy_sub {padding-left: 0px !important;}
.unline .privacy_sub::before {
  content:none;
}
.privacy UL.privacy_1count { margin-top:1vw}
/* //개인정보 처리방침 */




 /* 제품 소개 - 주요기능  */ 
 UL.mh100>LI .sol-round {min-height:100px;}
 UL.mh110>LI .sol-round {min-height:110px;}
 UL.mh120>LI .sol-round {min-height:120px;}
 UL.mh130>LI .sol-round {min-height:130px;}
 UL.mh140>LI .sol-round {min-height:140px;}
 UL.mh150>LI .sol-round {min-height:150px;}
 UL.mh160>LI .sol-round {min-height:160px;}
 UL.mh170>LI .sol-round {min-height:170px;}
 UL.mh180>LI .sol-round {min-height:180px;}
 UL.mh190>LI .sol-round {min-height:190px;}
 UL.mh200>LI .sol-round {min-height:200px;}
 UL.mh210>LI .sol-round {min-height:210px;}
 UL.mh220>LI .sol-round {min-height:220px;}
 UL.mh230>LI .sol-round {min-height:230px;}
 UL.mh240>LI .sol-round {min-height:240px;}
 UL.mh250>LI .sol-round {min-height:250px;}
 UL.mh260>LI .sol-round {min-height:260px;}
 UL.mh270>LI .sol-round {min-height:270px;}
 UL.mh280>LI .sol-round {min-height:280px;}
 UL.mh290>LI .sol-round {min-height:290px;}
 UL.mh300>LI .sol-round {min-height:300px;}
 UL.mh310>LI .sol-round {min-height:310px;}
 UL.mh320>LI .sol-round {min-height:320px;}
 UL.mh330>LI .sol-round {min-height:330px;}
 UL.mh340>LI .sol-round {min-height:340px;}
 UL.mh350>LI .sol-round {min-height:350px;}
 UL.mh360>LI .sol-round {min-height:360px;}
 UL.mh370>LI .sol-round {min-height:370px;}
 UL.mh380>LI .sol-round {min-height:380px;}
 UL.mh390>LI .sol-round {min-height:390px;}
 UL.mh400>LI .sol-round {min-height:400px;}
 UL.mh410>LI .sol-round {min-height:410px;}
 UL.mh420>LI .sol-round {min-height:420px;}
 UL.mh430>LI .sol-round {min-height:430px;}
 UL.mh440>LI .sol-round {min-height:440px;}
 UL.mh450>LI .sol-round {min-height:450px;}
 UL.mh460>LI .sol-round {min-height:460px;}
 UL.mh470>LI .sol-round {min-height:470px;}
 UL.mh480>LI .sol-round {min-height:480px;}
 UL.mh490>LI .sol-round {min-height:490px;}
 UL.mh500>LI .sol-round {min-height:500px;}
 UL.mh550>LI .sol-round {min-height:550px;}
 UL.mh600>LI .sol-round {min-height:600px;}
 
   
   .i_01 { background:#2E4A9E url(../images/icon/i_01.png) no-repeat center;}
   .i_02 { background:#2E4A9E url(../images/icon/i_02.png) no-repeat center;}
   .i_03 { background:#2E4A9E url(../images/icon/i_03.png) no-repeat center;}
   .i_04 { background:#2E4A9E url(../images/icon/i_04.png) no-repeat center;}
   .i_05 { background:#2E4A9E url(../images/icon/i_05.png) no-repeat center;}
   .i_06 { background:#2E4A9E url(../images/icon/i_06.png) no-repeat center;}
   .i_07 { background:#2E4A9E url(../images/icon/i_07.png) no-repeat center;}
   .i_08 { background:#2E4A9E url(../images/icon/i_08.png) no-repeat center;}
 
   .solution-sp { margin-top:50px;}
   .sstitle {text-align:right; font-size:4rem; font-weight:bold; padding-bottom:30px; padding-top:20px} 
   .sstitle SPAN { padding-right: 3vw; border-right:3px solid #3399FF }
   .spec-txt DIV.sol-round {background:#F1F0F6; border:3px solid #2E4A9E; border-radius:20px; font-size:2rem; padding:20px 30px 20px 50px;  margin:30px 0px 30px 30px}
   .sround2 { margin:10px 0px 10px 30px !important;}
   .spec-txt {margin-bottom:0px}
   .sol-round UL.rtit .icon_round {position:absolute; top:0px; border-radius:35px; left:15px; width:70px; height:70px; }
   .sol-round UL.rtit h2 {margin:0px 0px 0px 0px; font-size:3rem; padding:0px 20px 20px 0px ; list-style:none;  font-weight:bold; color:#333399}
   .sol-round UL.rtit>LI {font-size:1.7rem; line-height:3.2rem; color:#222;}
   .sol-round UL.lounly>LI {font-size:2rem !important;}
   .gidae {padding-top:20px; font-size:2rem; line-height:3rem}

   @media (max-width: 1272px){
     .solution-sp { margin-top:20px;}
     .spec-txt DIV.sol-round { padding:10px 10px 20px 40px;  background:#EDEFEF; margin-bottom:10px}
     .sol-round UL.rtit>LI {font-size:2.2rem; line-height:3.2rem;}
   }
 
   @media (max-width: 1199px){
     .sstitle {text-align:left; font-size:4rem; font-weight:bold; padding-bottom:20px; padding-top:20px} 
     .sstitle SPAN { padding-left: 2vw; border-left:3px solid #3399FF ;border-right:0px; margin-left:15px}
 UL.mh200>LI .sol-round {min-height:100px;}
 UL.mh250>LI .sol-round {min-height:150px;}
 UL.mh300>LI .sol-round {min-height:200px;}
 UL.mh350>LI .sol-round {min-height:250px;}
 UL.mh400>LI .sol-round {min-height:300px;}
 UL.mh450>LI .sol-round {min-height:350px;}
 UL.mh500>LI .sol-round {min-height:400px;}
 UL.mh550>LI .sol-round {min-height:450px;}
 UL.mh600>LI .sol-round {min-height:500px;}
   }
 
 
   @media (max-width: 767px){
 UL.mh200>LI .sol-round {min-height:auto;}
 UL.mh250>LI .sol-round {min-height:auto;}
 UL.mh300>LI .sol-round {min-height:auto;}
 UL.mh350>LI .sol-round {min-height:auto;}
 UL.mh400>LI .sol-round {min-height:auto;}
 UL.mh450>LI .sol-round {min-height:auto;}
 UL.mh500>LI .sol-round {min-height:auto;}
 UL.mh550>LI .sol-round {min-height:auto;}
 UL.mh600>LI .sol-round {min-height:auto;}
 
 .sstitle SPAN { padding-left: 2vw; border-left:3px solid #3399FF ;border-right:0px; margin-left:5px; font-size:3rem}
 .solution-sp { margin-top:0px;}
 .spec-txt>LI {padding: 0;}
 .spec-txt DIV.sol-round { margin:0px 0px; padding:10px 30px 30px 40px;  background:#EDEFEF; margin-bottom:10px}
   .sol-round UL.rtit>LI:nth-child(1) {margin:20px 0px 20px 0px; font-size:3.5rem; padding:0px 20px 0px 50px ; list-style:none;  font-weight:normal; color:#222; line-height:4.5rem}
   }
 
 /* 제품 소개 - 주요기능  */


  /* LLM */
.llm_slogan {text-align:center; padding:40px; background:#f1f1f1; margin:20px 0px; font-size:3rem; font-weight:bold}
.llm {margin-top:10px !important}
.llm h1 {font-size: 2.7rem; font-weight: bold; margin-bottom:10px}
.llm LI {padding:20px 0px}

.llm_con01 { background:#E5E5E5; padding:4vw 0; max-height:440px; }
.llm_con01 .sl{ padding-top: 3vw}
.llm_con01 H1{font-size: 2.7rem; font-weight: bold; margin-bottom:10px}
.llm_con01 .sl .stxt {line-height:4.2rem; font-size: 2.0rem; }
.llm_con01 .disc { margin-left:20px}


.footer_slogan { background: url('../../resources/images/intro_titbg.png')  no-repeat center; width:100%; margin-top:30px}






/* 제품 소개 - 제품 상세보기  */
        /* 기본 레이아웃 및 테마 설정 */
        .server_spec {
            max-width: 1440px; /* 부트스트랩 XXL 컨테이너 기준 */
            margin-right: auto;
            margin-left: auto;
            padding-right: 0.75rem;
            padding-left: 0.75rem;
        }

        /* 헤더 배경색 (Deep Blue) */
        .server_spec .hpe-header {
            background-color: #004280;
            color: white;
        }
        
        /* 섹션 구분선 */
        .server_spec .section-title {
            border-bottom: 2px solid #004280;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        /* 특징 박스 스타일 */
        .server_spec .feature-box {
            background-color: #f8f9fa;
            border-left: 5px solid #004280;
            padding: 20px;
            height: 100%;
        }

        /* 링크 스타일 */
        .server_spec a {
            color: #017F69;
            text-decoration: none;
        }
        .server_spec a:hover {
            text-decoration: underline;
        }

        /* [수정됨] '새로운 내용' 리스트 스타일 
           1. 폰트 사이즈: 별도 설정 제거하여 기본 크기로 원복 (약 1rem)
           2. 글자색: 요청하신 #336699 적용
        */
        .server_spec .new-content-list .list-group-item {
            color: #336699; 
            font-size: 14px;
            font-weight: 500; /* 가독성을 위해 살짝 두께감을 줌 (선택사항) */
            line-height: 18px;
        }

        .server_spec .h6 {font-size: 18px !important;}

        /* 타이틀 앞의 원형 볼(Ball) 디자인 */
        .server_spec .styled-heading {
            display: flex;
            align-items: center;
            color: #212529;
        }
        
        .server_spec .styled-heading::before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            background-color: #004280; /* 테마 컬러 */
            border-radius: 50%;
            margin-right: 12px;
            flex-shrink: 0;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .server_spec H2{ font-size: 25px !important;}
        .server_spec H4{ font-size: 21px !important; color:#333}
        .server_spec P{ color:#333}

        



@media (max-width: 1272px){
  .llm_con01 .sl .stxt {color:#fff; font-size:5rem; padding-top:2.4rem; padding-bottom:2.4rem; }
}

@media (max-width: 767px){
  .llm {margin-top:0px !important}
  .llm_slogan { padding:20px;font-size:2rem;}
  .llm_con01 .w1440 {padding: 0;}
  .llm_con01 UL>LI:first-child{ display:none;}
  .llm_con01 { background:#E5E5E5; padding:4vw 2vw; max-height:440px; }
  .llm_con01 .sl .stxt {line-height:4.2rem; font-size: 2.2rem; }
}

/* @media (min-width: 1080px){
.contents { background:#fff; width:1450px; margin:0 auto}
 }*/

@media (min-width: 1080px){
.content-body { width:1400px; margin:0 auto; padding: 10px 0px 40px 0px;}
.content-body h1 { font-size: 40px; line-height: 50px; color:#000}
.content-body h2 { font-size: 36px; line-height: 45px; color:#000}
.content-body h2 { font-size: 30px; line-height: 32px; color:#000}

.container { width:1400px !important; margin:0 auto; padding: 10px 0px 0px 0px;}


.footer_slogan .content-body { background:none; 5rem; padding-top:3.4rem; padding-bottom:3.4rem; color:#fff}
.footer_slogan .content-body h2 {color:#fff}
}



/* 스위치 콘텐츠 CSS
           
        
        /* 변수 선언도 .switch 내부로 이동 */
        .switch {
            --primary-navy: #002B5B;  /* 메인 남색 */
            --point-red: #E63946;     /* 주요기능 강조용 레드 */
            --text-dark: #222;        /* 더 진한 검정 */
            --bg-light: #f8f9fa;
        }

        /* 컨테이너 */
        .switch .content-body {
            width: 100%;
            padding-right: var(--bs-gutter-x, .75rem);
            padding-left: var(--bs-gutter-x, .75rem);
            margin-right: auto;
            margin-left: auto;
            max-width: 1400px;
            padding: 10px 0px 10px 0px;
        }

        /* 1. 섹션 헤더 (초대형) */
        .switch .section-header {
            border-left: 10px solid #0066CC;
            padding-left: 30px;
            margin: 10px 0 20px 0;
            font-size: 3.2rem; /* 약 50px */
            font-weight: 900;
            color: #333;
            line-height: 1.2;
        }

        /* 2. Hero Section */
        .switch .hero-banner {
            background: linear-gradient(135deg, #fff 0%, #f1f5f9 100%);
            padding: 100px 0;
            border-bottom: 4px solid var(--primary-navy);
        }

        /* 3. Feature List (특징) */
        .switch .feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 60px;
        }
        .switch .feature-icon-wrapper {
            flex-shrink: 0;
            width: 110px;        /* 아이콘 영역 너비 */
            margin-right: 30px;  /* 텍스트와의 간격 */
            text-align: center;
            padding-top: 5px;    /* 아이콘 수직 위치 미세 조정 */
        }
        .switch .feature-icon-wrapper i {
            font-size: 4.5rem;   /* 아이콘 크기 (약 72px) */
            color: #8D6E63;      /* 브라운 톤 컬러 */
        }
        .switch .feature-content h5 {
            font-size: 2.3rem;   /* 제목 크기 (약 37px) */
            font-weight: 800;
            color: #333;
            margin-bottom: 15px;
        }
        .switch .feature-content p {
            font-size: 1.8rem;   /* 본문 크기 (약 29px) */
            color: #333;
            line-height: 1.5;
            margin: 0;
            font-weight: 500;
            word-break: keep-all; 
        }

        /* 4. Key Functions Grid (주요기능) */
        .switch .function-card {
            border: 1px solid #ccc;
            bottom:20px;
            background: #fff;
            padding: 50px 40px; 
            height: 100%;
            display: flex;
            align-items: flex-start;
            transition: 0.3s;
            border-radius: 15px;
        }
        .switch .function-card:hover {
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
            transform: translateY(-8px);
        }
        .switch .func-icon-circle {
            width: 110px; 
            height: 110px;
            background-color:#0066CC;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 35px;
            flex-shrink: 0;
        }
        .switch .func-icon-circle i {
            color: white;
            font-size: 3.5rem; 
        }
        .switch .func-text h5 {
            font-size: 2.1rem; 
            font-weight: 800;
            color: #000;
            margin-bottom: 20px;
        }
        .switch .func-text p {
            font-size: 1.7rem; 
            color: #444;
            margin: 0;
            line-height: 1.5;
            font-weight: 500;
        }

        /* 5. Lineup Section */
        .switch .lineup-box {
            background: #fff;
            border: 2px solid #ccc;
            border-top: 8px solid var(--primary-navy);
            padding: 50px;
            height: 100%;
            border-radius: 12px;
        }
        .switch .lineup-title {
            background-color: var(--primary-navy);
            color: white;
            padding: 15px 40px;
            font-size: 2.0rem; 
            display: inline-block;
            border-radius: 50px;
            margin-bottom: 40px;
            font-weight: 800;
        }
        .switch .lineup-list li {
            font-size: 1.75rem; 
            margin-bottom: 20px;
            color: #333;
            font-weight: 500;
        }
        .switch .lineup-icon-area i {
            font-size: 6rem; 
        }

        /* 6. Spec Tables (스펙 테이블) */
        .switch .spec-table th {
            background-color: var(--primary-navy); 
            color: white;
            vertical-align: middle;
            font-weight: 700;
            font-size: 1.6rem; 
            white-space: nowrap;
            text-align: center;
            padding: 20px 15px;
        }
        .switch .spec-table td {
            vertical-align: middle;
            font-size: 1.55rem; 
            text-align: center;
            padding: 18px 10px;
            color: #222;
            font-weight: 600; 
        }
        .switch .table-responsive {
            margin-bottom: 0px;
            border-top: 4px solid var(--primary-navy);
        }
        
        /* 기타 텍스트 */
        .switch .text-muted.small {
            font-size: 1.5rem !important; 
            margin-top: 20px;
        }
        /* 테이블 위 제목 등 */
        .switch h4.fw-bold.text-dark {
            font-size: 2.2rem !important; 
            margin-top: 3rem !important;
            margin-bottom: 1.5rem !important;
        }
    

    /* [네임스페이스] .new-product 하위에서만 스타일 적용 */
    .new-product {
        /* [수정] 컬러 팔레트: 화사하고 선명한 로얄 네이비 톤 */
        --primary-blue: #1A54B2;     /* 메인: 선명한 로얄 블루 (Trustworthy Blue) */
        --hover-blue: #144292;       /* 호버: 깊이 있는 블루 */
        --accent-cyan: #00C6FF;      /* 포인트: 화사함을 더하는 사이안 블루 */
        
        --text-black: #111111;       /* 제목용: 선명한 검정 */
        --text-gray: #444444;        /* 본문용: 가독성 좋은 진회색 */
        
        --bg-white: #ffffff;         /* 순수 흰색 배경 */
        --bg-offwhite: #f4f8fb;      /* 아주 연한 푸른빛이 도는 미색 */
        
        /* 그림자: 조금 더 선명하게 잡아줌 */
        --shadow-card: 0 10px 30px rgba(26, 84, 178, 0.08); 
        --shadow-hover: 0 15px 40px rgba(26, 84, 178, 0.15); 
        
        font-family: 'Noto Sans KR', sans-serif;
        background-color: var(--bg-white);
        color: var(--text-gray);
    }

    /* 컨테이너 */
    .new-product .content-body {
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
    }

    /* 1. 섹션 헤더 (초대형 + 선명한 포인트) */
    .new-product .section-header {
        position: relative;
        font-size: 3.2rem;
        font-weight: 900;
        color: var(--text-black);
        margin: 80px 0 60px 0;
        padding-bottom: 20px;
        letter-spacing: -1px;
    }
    .new-product .section-header::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80px;
        height: 6px;
        /* 그라데이션으로 화사함 추가 */
        background: linear-gradient(90deg, var(--primary-blue), var(--accent-cyan));
        border-radius: 3px;
    }

    /* 2. Hero / Intro 섹션 */
    .new-product .intro-section {
        background-color: var(--bg-white);
        padding: 60px 0 100px 0;
    }
    .new-product .intro-text h2 {
        font-size: 3.0rem;
        font-weight: 800;
        color: var(--primary-blue);
        margin-bottom: 25px;
        line-height: 1.2;
    }
    .new-product .intro-text p {
        font-size: 1.6rem;
        color: var(--text-gray);
        line-height: 1.7;
        font-weight: 500;
        word-break: keep-all;
    }

    /* 3. 특징 카드 (화사한 화이트 카드) */
    .new-product .feature-card {
        background: var(--bg-white);
        border-radius: 18px;
        padding: 50px 40px;
        height: 100%;
        border: 1px solid #e1e8ed;
        box-shadow: var(--shadow-card);
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        overflow: hidden;
    }
    /* 카드 상단에 얇은 컬러 바 추가 */
    .new-product .feature-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 4px;
        background: var(--primary-blue);
        opacity: 0;
        transition: 0.3s;
    }
    .new-product .feature-card:hover {
        transform: translateY(-10px);
        box-shadow: var(--shadow-hover);
        border-color: transparent;
    }
    .new-product .feature-card:hover::before {
        opacity: 1;
    }
    
    /* 아이콘 박스: 화사한 블루 그라데이션 */
    .new-product .icon-box {
        width: 90px;
        height: 90px;
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
        border-radius: 20px; /* 원형 대신 둥근 사각형으로 모던하게 */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        color: var(--primary-blue);
        font-size: 3.2rem;
    }
    
    .new-product .feature-title {
        font-size: 2.0rem;
        font-weight: 800;
        color: var(--text-black);
        margin-bottom: 20px;
    }
    .new-product .feature-desc {
        font-size: 1.5rem; 
        color: var(--text-gray);
        line-height: 1.6;
        font-weight: 500;
        margin: 0;
        word-break: keep-all;
    }

    /* 4. 성능 차트 섹션 (밝은 블루 그레이 배경) */
    .new-product .chart-section {
        background-color: var(--bg-offwhite);
        padding: 100px 0;
        border-radius: 25px;
        margin-bottom: 100px;
        border: 1px solid #eef3f8;
    }
    .new-product .chart-item {
        text-align: center;
        padding: 20px;
        border-right: 1px solid #dce5ee; 
    }
    .new-product .chart-item:last-child {
        border-right: none;
    }
    .new-product .chart-value {
        font-size: 4.8rem;
        font-weight: 900;
        /* 텍스트 그라데이션 효과로 생동감 부여 */
        background: linear-gradient(45deg, var(--primary-blue), #2980b9);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 15px;
        display: block;
        line-height: 1;
    }
    .new-product .chart-label {
        font-size: 1.8rem;
        font-weight: 700;
        color: var(--text-black);
        display: block;
        margin-bottom: 10px;
    }
    .new-product .chart-sub {
        font-size: 1.4rem;
        color: #666;
        margin: 0;
    }

    /* 5. 스펙 테이블 (깔끔하고 선명하게) */
    .new-product .spec-table {
        width: 100%;
        border-collapse: collapse; 
        border-top: 3px solid var(--primary-blue);
    }
    .new-product .spec-table th {
        background-color: #eef6fc; /* 아주 연한 블루 배경 */
        color: var(--primary-blue);
        padding: 25px;
        font-size: 1.6rem;
        font-weight: 700;
        text-align: left;
        width: 30%;
        border-bottom: 1px solid #dcebf7;
    }
    .new-product .spec-table td {
        background-color: #fff;
        padding: 25px;
        font-size: 1.6rem;
        font-weight: 500;
        color: var(--text-gray);
        border-bottom: 1px solid #eee;
    }
    
    /* 유틸리티 */
    .new-product .text-highlight {
        color: var(--primary-blue);
        font-weight: 700;
    }
    
    @media (max-width: 768px) {
        .new-product .chart-item { border-right: none; border-bottom: 1px solid #eee; padding-bottom: 40px; margin-bottom: 40px; }
        .new-product .chart-item:last-child { border-bottom: none; margin-bottom: 0; }
        .new-product .section-header { font-size: 2.5rem; margin: 50px 0 40px 0; }
    }



    .contrabass * {
        width:100%
    }

    .contrabass {
        background-color: #f8f9fa;
        padding: 0;
        margin: 0;
    }

    /* Hero Section */
    .contrabass .hero-section {
        background: #ececec;
        color: #333;
        padding: 0px 0;
    }

    .contrabass .hero-title {
        font-size: 3.5rem;
        font-weight: 700;
        margin-bottom: 20px;
        line-height: 1.3;
    }

    .contrabass .hero-title .highlight {
        color: #3399FF;
    }

    .contrabass .hero-description {
        font-size: 1.8rem;
        line-height: 1.8;
        margin-bottom: 30px;
        opacity: 0.9;
    }

    /* Feature Section (8개 전략) */
    .contrabass .feature-section {
        padding:60px 0 30px 0;
        background-color: white;
    }

    .contrabass .section-title {
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 50px;
        text-align: left;
        color: #1a1a1a;
    }

    .contrabass .feature-card {
        background: #f8f9fa;
        border-radius: 15px;
        padding: 25px;
        margin-bottom: 30px;
        border: 1px solid #e9ecef;
        height: 100%;
    }

    .contrabass .feature-title {
        font-size: 2.1rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #1a1a1a;
    }

    .contrabass .feature-description {
        font-size: 1.7rem;
        line-height: 1.7;
        color: #6c757d;
    }

    /* Detail Section (11개 기능) */
    .contrabass .detail-section {
        padding: 80px 0;
        background-color: #f8f9fa;
    }

    .contrabass .detail-item {
        background: white;
        border-radius: 15px;
        padding: 40px;
        margin-bottom: 30px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    }

    .contrabass .detail-title {
        font-size: 2.1rem;
        font-weight: 700;
        margin-bottom: 15px;
        color: #1a1a1a;
    }

    .contrabass .detail-description {
        font-size: 1.7rem;
        line-height: 1.7;
        color: #6c757d;
    }

    .contrabass .detail-image-box {
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contrabass .col-md-3 {padding-bottom:20px;}

    .contrabass .feature-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        border-color: #f39c12;
    }

    /* 아이콘 스타일 */
    .contrabass .feature-icon {
        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
        font-size: 48px;
        color: #f39c12; /* 오렌지 포인트 컬러 */
        margin-bottom: 20px;
        background: #fffaf0;
        width: 80px;
        height: 80px;
        line-height: 80px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
    }


    /* ----------------- 하이퍼 엑셀 제품 소개  -------------------------*/ 

    .hyper {
        color: #333;
        font-size: 2rem; 
        line-height: 1.6;
        word-break: keep-all;
        max-width: 100%;
    }

    /* 공통 유틸리티 & 리셋 */
    .hyper h2, .hyper h3, .hyper h4 { margin: 0; font-weight: 700; line-height: 1.3; }
    .hyper .text-blue { color: #000 !important; }
    .hyper .fw-800 { font-weight: 800; }
    /* 섹션 간격 2배 확대 (80px -> 160px) */
    .hyper .section-gap { margin-bottom: 160px; }
    
    /* 1. 이미지 플레이스홀더 (높이 2배 확대) */
    .hyper .img-box {
    
        border-radius: 20px; /* 라운드 확대 */
        display: flex;
        align-items: center;
        justify-content: center;
        color: #adb5bd;
        font-size: 2.5rem; /* 아이콘/글자 확대 */
        font-weight: 700;
        overflow: hidden;
        width: 100%;
        margin-bottom: 40px; /* 마진 확대 */
    }
    .hyper .img-box img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    /* 2. 히어로 섹션 */
    .hyper .hero-section {
        background-color: #111;
        color: #fff;
        padding: 160px 40px; /* 패딩 2배 */
        text-align: center;
    }
    /* [예외] 서브 타이틀(라벨)은 너무 커지지 않게 조정 (요청 사항 반영) */
    .hyper .hero-subtitle {
        font-size: 1.5rem; /* 본문보다 작게 유지 */
        opacity: 0.8;
        margin-bottom: 20px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .hyper .hero-title {
        font-size: 6rem; /* 3rem -> 6rem (2배) */
        line-height: 1.1;
        margin-bottom: 40px;
        background: linear-gradient(to right, #0090d4, #00bfff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .hyper .hero-desc {
        font-size: 2.2rem; /* 설명 텍스트 확대 */
        color: #ccc;
        margin-bottom: 60px;
        font-weight: 300;
    }

    /* 3. 스펙 테이블 (2배 확대) */
    .hyper .spec-table {
        width: 100%;
        border-top: 4px solid #333; /* 라인 두께 확대 */

    }
    .hyper .spec-table th, .hyper .spec-table td {
        padding: 10px 4px; /* 패딩 2배 */
        border-bottom: 2px solid #e9ecef;
        font-size: 1.6rem; /* 0.95rem -> 1.9rem */
        vertical-align: top;
    }
    .hyper .spec-table th {
        width: 35%;
        color: #333;
        font-weight: 700;
        text-align:left;
    }
    .hyper .spec-table td {
        color: #555;
    }

    /* 4. 비교 그래프 영역 */
    .hyper .chart-label {
        border-left: 8px solid #0090d4; /* 라인 두께 확대 */
        padding-left: 20px;
        font-size: 2.4rem; /* 1.2rem -> 2.4rem */
        font-weight: 700;
        margin-bottom: 30px;
        color: #333;
    }

    /* 5. LPU IP 리스트 */
    .hyper .ip-category {
        margin-bottom: 50px;
        border-bottom: 2px solid #eee;
        padding-bottom: 40px;
    }
    .hyper .ip-title {
        font-size: 2.2rem; /* 1.1rem -> 2.2rem */
        font-weight: 800;
        color: #0090d4;
        margin-bottom: 20px;
    }
    .hyper .ip-spec-row {
        display: flex;
        justify-content: space-between;

        font-size: 1.9rem; /* 0.9rem -> 1.9rem */
        margin-bottom: 12px;
        border-bottom: 1px dashed #eee; /* 가독성을 위해 줄 추가 */
        padding-bottom: 5px;
    }
    .hyper .ip-label { font-weight: 600; color: #555; }
    .hyper .ip-val { text-align: right; color: #000; font-weight: 700; }

    /* 타이틀 크기 조정 */
    .hyper h2 { font-size: 3rem; margin-bottom: 20px; } /* 섹션 타이틀 */
    .hyper h3 { font-size: 2.6rem; padding-top: 30px; margin-bottom: 14px;} /* 제품명 */
    .hyper h4 { font-size: 1.7rem; padding: 20px 0px;} /* 제품명 */
    .hyper .small-note { font-size: 1.4rem; color: #888; } /* 주석 */

    /* 서버 스펙 테이블 (부트스트랩 클래스 오버라이드) */
    .hyper .table-lg th, .hyper .table-lg td {
        font-size: 1.8rem;
        padding: 20px;
    }

      .hyper .center{ width:100%; text-align: center; display: block;}

    .section-gap .sub_t{ margin-top:3rem;}

    /* 반응형 */
    @media (max-width: 992px) {
        .hyper .hero-title { font-size: 4rem; }
        .hyper .img-box { height: auto !important; min-height: 400px; }
        .hyper .spec-table th, .hyper .spec-table td { display: block; width: 100%; }
        .hyper .spec-table th { color: #0090d4; margin-bottom: 5px; }
    }


    /* --------------- 컨설팅 -------------*/

    
    /* 섹션 공통 스타일 */
    .biz-section-row {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 80px; /* 섹션 간 간격 */
        border-bottom: 2px solid #eee;
        padding-bottom: 60px;
    }
    .biz-section-row:last-child { border-bottom: none; }

    /* --- [New] 이미지 영역 스타일 --- */
    .img-col {
        padding-right: 40px; /* 텍스트와 간격 */
        margin-bottom: 30px;
    }
    .img-placeholder {
        background-color: #f1f3f5; /* 회색 배경 */
        border: 2px dashed #ced4da; /* 점선 테두리 */
        border-radius: 16px;
        width: 100%;
        height: 100%;
        min-height: 400px; /* 최소 높이 확보 */
        display: flex;
        align-items: center;
        justify-content: center;
        color: #adb5bd;
        font-size: 1.5rem;
        font-weight: 700;
        text-transform: uppercase;
        overflow: hidden; /* 이미지가 넘치지 않게 */
    }
    .img-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 실제 이미지 넣을 때 꽉 차게 */
    }

    /* --- 텍스트 영역 스타일 (기존 스타일 유지/확대 버전) --- */
    .txt-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* 타이틀 */
    .biz-title { 
        font-size: 3rem; /* 대형 사이즈 유지 */
        font-weight: 800; 
        color: #004098; 
        margin-bottom: 30px; 
        line-height: 1.2;
        display: block; /* 블록 요소로 변경 */
    }
    .biz-title .num { 
        display: inline-block;
        color: #fff; /* 배경과 대비를 위해 흰색 채움 */
        font-size: 3.3rem; 
        font-weight: 900; 
        margin-right: 15px; 
        line-height: 1; 
        -webkit-text-stroke: 2px #004098; /* 파란 테두리 */
        vertical-align: middle;
    }
    
    /* 리스트 */
    .biz-list { list-style: none; padding-left: 0; margin-bottom: 30px; }
    .biz-list li { 
        position: relative; 
        padding-left: 30px; 
        margin-bottom: 15px; 
        font-size: 1.8rem; 
        line-height: 1.8; 
        color: #222; 
        font-weight: 500;
        word-break: keep-all;
    }
    .biz-list li::before { 
        content: "•"; 
        color: #004098; 
        font-size: 2rem;
        font-weight: bold; 
        position: absolute; 
        left: 0; 
        top: -5px; 
    }
    .biz-list li strong { color: #004098; font-weight: 800; }

    /* 레퍼런스 박스 (그리드형) */
    .ref-wrapper { 
        background-color: #f8f9fa; 
        border-radius: 12px; 
        padding: 25px; 
        border-left: 6px solid #004098; 
    }
    .ref-label { 
        font-size: 1.8rem; 
        font-weight: 800; 
        margin-bottom: 15px; 
        display: block; 
    }
    .ref-grid { display: flex; flex-wrap: wrap; gap: 10px; }
    .ref-item { 
        width: 260px;
        background: #fff; 
        padding: 10px 20px; 
        border-radius: 10px; /* 둥근 버튼 형태 */
        font-size: 1.5rem; 
        font-weight: 600;
        color: #444; 
        border: 1px solid #e9ecef; 
        box-shadow: 0 2px 4px rgba(0,0,0,0.05); 
        text-align: center; 
    }
    
    /* 하단 블루 박스 (섹션 3,4용) */
    .blue-box-ref { 
        background-color: #fff ; 
        border: 2px solid #eee ; 
        padding: 20px; 
        border-radius: 12px; 
        height: 100%; 
    }
    .blue-box-ref ul li { 
        margin-bottom: 8px; 
        font-size: 1.6rem; 
        color: #2c3e50; 
        padding-left: 15px; 
        position: relative; 
    }
    .blue-box-ref ul li::before { 
        content: "-"; position: absolute; left: 0; font-weight: bold; color: #789; 
    }

    /* 반응형 (태블릿/모바일) */
    @media (max-width: 991px) {
        .img-col { padding-right: 0; min-height: 300px; margin-bottom: 20px; }
        .biz-title { font-size: 2.2rem; }
        .biz-list li { font-size: 1.3rem; }
    }


    /* --------------- 통합유지보수  -------------*/
    
    /* [Scope: .maintenance] */
    .maintenance {
        color: #333;
        line-height: 1.5;
        word-break: keep-all;
        max-width: 100%;
        margin: 0 auto;
        font-size: 2.2rem; /* 기본 글자 크기 유지 */
    }

    /* 초기화 */
    .maintenance h2, .maintenance h3, .maintenance h4, .maintenance h5 { 
        margin: 0; font-weight: 700; line-height: 1.3; 
    }
    .maintenance ul { padding: 0; list-style: none; margin: 0; }
    .maintenance p { margin-bottom: 0; }

    /* 1. 상단 헤더 텍스트 */
    .maintenance .header-text {
        font-size: 2.8rem;
        font-weight: 600;
        margin-bottom: 100px; /* 상단 여백 확대 */
        border-left: 10px solid #003399;
        padding-left: 30px;
    }
    .maintenance .header-text strong {
        color: #000;
        font-weight: 800;
    }

    /* 2. 서비스 영역 박스 (수정됨: 정적 스타일, 간격 확대) */
    .maintenance .service-box {
        background-color: #fff;
        border: 1px solid #aaa;
        border-radius: 80px;
        padding: 30px 60px;
        height: 100%;
        
        /* [수정] 마우스 반응(호버) 제거 및 하단 간격 대폭 확대 */
        margin-bottom: 80px; /* 40px -> 80px */
        /* transition, :hover 삭제됨 */
    }

    .maintenance .box-title {
        text-align: center;
        font-size: 3rem;
        font-weight: 800;
        color: #000;
        text-decoration: underline;
        text-decoration-color: #003399;
        text-underline-offset: 16px;
        margin-bottom: 80px;
    }
    .maintenance .box-list li {
        position: relative;
        padding-left: 30px;
        margin-bottom: 16px;
        font-size: 2rem;
        color: #444;
        line-height: 1.6;
    }
    .maintenance .box-list li::before {
        content: "•";
        position: absolute;
        left: 0;
        top: 0;
        color: #000;
        font-weight: bold;
        font-size: 2rem;
    }

    /* 3. 비교 섹션 (하단) */
    .maintenance .comp-title {
        font-size: 3.2rem;
        font-weight: 800;
        margin-top: 60px; /* 위쪽 박스와의 간격 확보 */
        margin-bottom: 60px;
        color: #000;
    }
    .maintenance .comp-title::before {
        content: "◆ ";
        color: #000;
        margin-right: 10px;
    }

    /* 비교 박스 */
    .maintenance .comp-box {
        background-color: #f8f9fa;
        border: 2px solid #ddd;
        border-radius: 16px;
        padding: 40px;
        height: 100%;
    }

    /* 이미지 플레이스홀더 */
    .maintenance .img-placeholder {
        width: 100%;
        height: 500px;
        background-color: #e9ecef;
        border: 4px dashed #ced4da;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #adb5bd;
        font-size: 2.4rem;
        font-weight: 700;
        margin-bottom: 40px;
    }
    .maintenance .img-placeholder img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    /* 비교 텍스트 */
    .maintenance .comp-desc-row {
        display: flex;
        margin-top: 30px;
        border-top: 4px solid #333;
        padding-top: 30px;
    }
    .maintenance .comp-label {
        width: 30%;
        font-weight: 800;
        font-size: 2.4rem;
        color: #000;
        flex-shrink: 0;
        line-height: 1.3;
    }
    .maintenance .comp-list {
        width: 70%;
    }
    .maintenance .comp-list li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        font-size: 1.9rem;
        color: #555;
    }
    .maintenance .comp-list li::before {
        content: "-";
        position: absolute;
        left: 0;
        color: #555;
        font-weight: bold;
    }

    /* 화살표 */
    .maintenance .arrow-col {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 6rem;
        color: #a6c0fe;
        padding: 40px 0;
    }

    .maintenance .infra { padding-top:20px}

    @media (min-width: 992px) {
        .maintenance .arrow-col { transform: rotate(0deg); }
    }
    @media (max-width: 991px) {
        .maintenance .arrow-col { transform: rotate(90deg); }
    }