/* 서브 타이틀 */
.subtitle {padding-bottom:4rem; padding-left: 0;}
.subtitle > LI:nth-child(1) {font-size:5rem; font-weight:bold}
.subtitle > LI:nth-child(2) {font-size:2.4rem; 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-img IMG {transform: scale(1.5); padding: 3rem 2rem 0 0;}
.solution-hl {width:100%;height:auto;background:url(/resources/common/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(/resources/common/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(/resources/common/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(/resources/common/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: #00b118; font-weight: 600; }
.centerScrollTab { padding: 0px 0px 0px 0px; text-align: center; margin-top:-25px; 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: 2.4rem; position: relative; }
.centerScrollTab ul li.on a:after { content: ""; display: block; width: 100%; height: 4px; background: #00b118; 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; transform: scale(1.5); padding: 0 2rem 2rem 0;}
 }
  




 



      
/*고객 및 협력사*/
.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%; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 20px;}
.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 {border: 1px solid #d6d6d6; height: 120px; display: flex; align-items: center; justify-content: center; contain: content; padding: 2rem;}
.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{grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));}
  .logoList li{height: 95px;}
	/* .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:900px) {
  .logoList{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 15px;}
  .logoList li{height: 75px;}
}
@media screen and (max-width:620px) {
  .logoList{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); grid-gap: 10px;}
  .logoList li{height: 60px;}
}
@media screen and (max-width:400px) {
  .logoList{grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));}
  .logoList li{height: 50px;}  
}
/* //// 고객 및 협력사 */


/* 오시는 길 */
.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; }

.root_daum_roughmap {width:100% !important; margin-top:-100px !important}

@media all and (max-width: 1199px) { /* mobile */
  .map_pd {margin-top: 0px;}
  .map_txt img {width:50px}
  .map_txt {margin:0 0 0px 0;}
  
  .root_daum_roughmap {width:100% !important; margin-top:0px !important}
  
}

@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; vertical-align: top;}
.history-menu > LI DIV{ width:12rem; height:12rem; font-size:2.1rem; border-radius:12rem; background:#fff; text-align:center; color:#333; border:1px solid #ccc; cursor: pointer; display: flex; justify-content: center; align-items: center;}
.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 {}
  .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:10%; 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:7px; 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; width:80%; margin-top:2px; 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.6rem }
}

@media all and (max-width:991px){
.history_st {height:0px; padding-top: 0rem;} 
}

@media all and (max-width:630px){
    
	.history{background: none;}
	.history ul{margin-left:0;}
	.history_gs{background: url(/resources/common/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 ul li:first-child .date:after {  top:-24px; }
    
    
    .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; }
    .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-menu > LI DIV{ width:8rem;height:8rem; margin:0 auto;  font-size:1.4rem; border-radius:9rem; }
    .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(/resources/common/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:290px;}
 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(/resources/common/images/icon/i_01.png) no-repeat center;}
   .i_02 { background:#2E4A9E url(/resources/common/images/icon/i_02.png) no-repeat center;}
   .i_03 { background:#2E4A9E url(/resources/common/images/icon/i_03.png) no-repeat center;}
   .i_04 { background:#2E4A9E url(/resources/common/images/icon/i_04.png) no-repeat center;}
   .i_05 { background:#2E4A9E url(/resources/common/images/icon/i_05.png) no-repeat center;}
   .i_06 { background:#2E4A9E url(/resources/common/images/icon/i_06.png) no-repeat center;}
   .i_07 { background:#2E4A9E url(/resources/common/images/icon/i_07.png) no-repeat center;}
   .i_08 { background:#2E4A9E url(/resources/common/images/icon/i_08.png) no-repeat center;}

   .i_15 { background:#2E4A9E url(/resources/common/images/icon/i_15.png) no-repeat center;}
   .i_16 { background:#2E4A9E url(/resources/common/images/icon/i_16.png) no-repeat center;}
   .i_17 { background:#2E4A9E url(/resources/common/images/icon/i_17.png) no-repeat center;}
   .i_18 { background:#2E4A9E url(/resources/common/images/icon/i_18.png) no-repeat center;}
   
   .i_19 { background:#2E4A9E url(/resources/common/images/icon/i_19.png) no-repeat center;}
   .i_20 { background:#2E4A9E url(/resources/common/images/icon/i_20.png) no-repeat center;}
   .i_21 { background:#2E4A9E url(/resources/common/images/icon/i_21.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;padding-right: 30px; }
   .spec-txt DIV.sol-round {background:#F1F0F6; border-radius:20px; font-size:2rem; padding:20px 30px 20px 50px;  margin:30px 0px 30px 30px; height: 90%;}
   /*.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} */
   .spec-txt DIV.sol-round2 {background:#F1F0F6; border-radius:20px; font-size:2rem; padding:20px 10px 20px 20px;  margin:10px 0px 10px 30px; color:#2E4A9E; font-weight: bold; height: 90%; }
   .spec-txt {margin-bottom:0px}
   
   .sol-round UL.rtit .icon_round {position:absolute; top:12px; border-radius:35px; left:25px; width:70px; height:70px; } 
   .sol-round UL.rtit h2 {margin:0px 0px 0px 0px; font-size:3rem; padding:0px 20px 20px 25px ; list-style:none;  font-weight:bold; color:#333399}
   .sol-round UL.rtit>LI {margin-top: 5px; 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}
   
   /* .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:#F1F0F6; margin-bottom:10px}
     .spec-txt DIV.sol-round2 {border-radius:20px; font-size:2.6rem; padding:20px 10px 20px 20px;  margin:10px 0px 10px 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; }
 .spec-txt DIV.sol-round {background:#F1F0F6;border-radius:20px; font-size:2rem; padding:20px 30px 20px 50px;  margin:10px 0px 30px 10px}
 .spec-txt DIV.sol-round2 { padding:20px 10px 20px 20px;  margin:0px 0px 10px 0px; font-size: 2.6rem;}
 .sol-round UL.rtit h2 {padding-left:0}
 .sol-round UL.rtit .icon_round {position:absolute; top:-10px; border-radius:30px; left:-13px; width:60px; height:60px; }

   .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}

@media (max-width: 1272px){
  .llm_con01 .sl .stxt {line-height:4.2rem; font-size: 2.6rem; }
}

@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; }
}
