/* 공통 */

.s2-page-ahnlab-solution .jb-background { padding: 100px 0px 100px 0px }
.s2-page-ahnlab-solution h1 {margin: 0px 0px 20px 0px; text-align: center; font-size: 46px; font-weight: 700; line-height: 1.7; color: #ffffff; }
.s2-page-ahnlab-solution h2 {margin: 0px 0px 20px 0px; text-align: center; font-size: 60px; font-weight: 700; line-height: 1.7; }
.s2-page-ahnlab-solution h3 { margin: 0px 0px 20px 0px; text-align: center; font-size: 38px; font-weight: 600; }
.s2-page-ahnlab-solution h4 { margin: 0px 0px 50px 0px; text-align: left; font-size: 42px; font-weight: 600; }
.s2-page-ahnlab-solution h5 { margin: 0px 0px 20px 0px; text-align: left; font-size: 42px; font-weight: 600; }
.s2-page-ahnlab-solution h6 { margin: 0px 0px 20px 0px; text-align: left; font-size: 38px; font-weight: 600; }




.s2-page-ahnlab-solution .s2-paragraph-05 { text-align: left; font-size: 18px; line-height: 1.8; font-weight: 100; margin: 0px 0px 50px 0px; }
.s2-page-ahnlab-solution .s2-paragraph-06 { text-align: center; font-size: 30px; line-height: 1.8; font-weight: 500; margin: 40px 0px 40px 0px; color: #ffffff;}
.s2-page-ahnlab-solution .s2-paragraph-07 {font-size: 24px; font-weight: 300; margin: 20px 0px 0px 0px; text-align: center; }

.s2-page-ahnlab-solution .s2-number { text-align: left; font-size: 24px; font-weight: 600; margin: 0px 0px 20px 0px; color: #1A59C3;}




.s2-ul  { margin-top: 35px; }
.s2-ul li { position: relative; list-style: none; font-size: 15px; font-weight: 300; }
.s2-ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4.5px; height: 4.5px; background-color: #000000; border-radius: 50%; }






/* 3x1 */

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 25px; grid-row-gap: 25px; }
@media ( max-width: 767px ) {
	.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 { padding: 30px 35px 50px 35px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover { background-color: #30A8FB; transition: 0.5s; }


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-01 { font-size: 65px; font-weight: 700; color: #797979; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-02 { font-size: 65px; font-weight: 700; color: #2389E8; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-03 { font-size: 65px; font-weight: 700; color: #1F4787; }

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 600; font-size: 30px; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 16px; line-height: 26px; color: #212121; }


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-01 { color: #ffffff; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-02 { color: #ffffff; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon-03 { color: #ffffff; }

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover p.s2-grid-title { color: #ffffff; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-txt { color: #ffffff; }

/* 3x1 */











/* 3xn */

.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab { margin-top: 50px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; }
@media ( max-width: 767px ) {
	.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01 { padding: 55px 35px 50px 35px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee;}


.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover { background-color: #F4F8FC; transition: 0.5s; }


.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: left; font-weight: 600; font-size: 24px; }
.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; font-weight: 200; font-size: 16px; line-height: 26px; color: #212121; }


.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover p.s2-grid-title { color: #1A59C3; }
.s2-page-ahnlab-solution .s2-grid-box-3xn-ahnlab .s2-grid-item-01:hover .s2-grid-txt { color: #1A59C3; }

/* 3xn */
















.s2-home-01-background-solution { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-new-bg-02.jpg" ); background-size: cover; background-repeat: no-repeat; background-position: center; }



.s2-home-01-background-solution-02 { padding-top: 1px; background-image: url( "/wp-content/uploads/ahnlab-new02-bg.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }


.s2-home-01-background-solution-03  { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-new-bg-03.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }


.s2-home-01-background-solution-04  { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-new-bg-04.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }



.s2-home-01-background-solution-05  { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-new-bg-05.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }




.s2-home-01-background-solution-06  { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-new-bg-06.png" ); background-size: cover; background-repeat: no-repeat; background-position: center; }











@media ( max-width: 1280px ) {

	.s2-page-ahnlab-solution h2 {font-size: 45px;  }
	.s2-page-ahnlab-solution h3 { font-size: 38px; }
	.s2-page-ahnlab-solution h4, 
	.s2-page-ahnlab-solution h5 { font-size: 38px; }

	
}

@media ( max-width: 1024px ) {

	.s2-page-ahnlab-solution h2 {font-size: 38px;  }
	.s2-page-ahnlab-solution h3 { font-size: 36px; }
	.s2-page-ahnlab-solution h4, 
	.s2-page-ahnlab-solution h5 { font-size: 36px; }

	

}

@media ( max-width: 768px ) {

	.s2-page-ahnlab-solution h2 {font-size: 34px;  }
	.s2-page-ahnlab-solution h3 { font-size: 34px; }
	.s2-page-ahnlab-solution h4, 
	.s2-page-ahnlab-solution h5 { font-size: 34px; }


}

@media ( max-width: 430px ) {

	.s2-page-ahnlab-solution h2 {font-size: 34px;  }
	.s2-page-ahnlab-solution h3 { font-size: 32px; }
	.s2-page-ahnlab-solution h4, 
	.s2-page-ahnlab-solution h5 { font-size: 32px; }
	.s2-page-ahnlab-solution .s2-paragraph-07 { font-size: 18px; }
	.s2-page-ahnlab-solution .s2-paragraph-05 { font-size: 16px; }
	.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-01,
	.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-02,
	.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-icon-03 { font-size: 50px; }
 
}






.s2-grid-box-3x3-ahnlab { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
@media ( max-width: 767px ) {
  .s2-grid-box-3x3-ahnlab { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 30px; }
}





.s2-grid-box-3x3-ahnlab .s2-grid-item,
.s2-grid-box-3x1-ahnlab .s2-grid-item { background-color: #ffffff; padding: 0px 20px; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; border-top: 3.5px solid #6a8ec6; }





table.s2-ahnlab-table-summary { width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse; border: none; }
table.s2-ahnlab-table-summary td { vertical-align: top; }
table.s2-ahnlab-table-summary tbody tr:nth-child(2) td { height: 100%; vertical-align: middle; }
table.s2-ahnlab-table-summary tbody tr:nth-child(3) td { height: 170px;; vertical-align: top; }
table.s2-ahnlab-table-summary tbody tr:nth-child(4) td { vertical-align: bottom; }



.s2-grid-title-ahnlab { margin: 0px 0px 0px 0px; text-align: center; font-weight: 500; font-size: 22px; color: #1f4787; line-height: 1.5; }



.s2-grid-text-ahnlab { margin: 20px 0px 20px 0px; font-weight: 200; font-size: 15px; }


.s2-grid-more-ahnlab { margin: 0px 0px 20px 0px; padding: 10px 0px 10px 0px; text-align: center; font-weight: 400; font-size: 16px; background-color: #F7F7F7; border: 0.5px solid #F7F7F7; }


.s2-grid-more-ahnlab a { color: #3B7FB9; }


.s2-grid-more-ahnlab:hover { background-color: #3B7FB9; border: 0.5px solid #3B7FB9; }
.s2-grid-more-ahnlab:hover a { display: block; color: #ffffff; }




.s2-explain-box { padding: 10px 30px; border: 1px solid #dadada; }
.s2-explain-box p:first-child { font-size: 18px; font-weight: 500; }
.s2-explain-box p:last-child { font-weight: 100; }





/* Column - Flex */

@media ( min-width: 768px ) {
	.s2-column-flex-container-ahnlab { margin: 40px -10px 0px -10px; display: flex; flex-wrap: wrap; }
	.s2-column-flex-item-1-2-ahnlab { padding: 0px 10px; flex-basis: 50%; max-width: 50%; }
}
@media ( min-width: 1024px ) {
	.s2-column-flex-container-ahnlab { margin: 40px -20px 0px -20px; }
	.s2-column-flex-item-1-2-ahnlab { padding: 0px 20px; }

}
/* Column - Flex */






/* Column - Flex - Box */

.s2-column-flex-container-box-ahnlab .s2-column-flex-item-1-2-ahnlab { margin-bottom: 20px; }
.s2-column-flex-item-box-ahnlab { height: 100%; padding: 0px 20px; border: 1px solid #dadada; }
@media ( min-width: 1024px ) {

	.s2-column-flex-container-box-ahnlab .s2-column-flex-item-1-2-ahnlab { margin-bottom: 40px; }
}

/* Column - Flex - Box */


.s2-column-flex-item-box-with-title-ahnlab { height: 100%; padding: 0px 20px; border: 1px solid #dadada; }

.s2-column-flex-item-box-rounded-color-01 { margin: -1px -21px; padding: 15px; background-color: #1F4787; text-align: center; color: #ffffff; font-size: 26px; font-weight: 500; }

.s2-column-flex-item-box-rounded-color-02 { margin: -1px -21px; padding: 15px; background-color: #81D8F2; text-align: center; color: #ffffff; font-size: 26px; font-weight: 500; }



.s2-grid-text-ahnlab-02 { margin: 30px 0px 0px 0px; padding-bottom: 30px; border-bottom: 1px solid #c4c4c4; font-weight: 100; font-size: 15px;  }

.s2-grid-text-ahnlab-item { margin: 30px 0px; }
.s2-grid-text-ahnlab-item-p01 { font-size: 20px; font-weight: 500; }
.s2-grid-text-ahnlab-item-p02 { font-size: 16px; font-weight: 400; color: #1F4787; }

.s2-grid-text-ahnlab-item ul li { font-weight: 100; position: relative; list-style: none; }
.s2-grid-text-ahnlab-item ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #000000; border-radius: 50%; }


.s2-alp-title { text-align: center; font-size: 22px; font-weight: 500;  }





.s2-ahnlab-ul { margin: 20px 0px 0px 0px; list-style: square; }
.s2-ahnlab-ul li { color: #434343; font-weight: 100; position: relative; list-style: none; }
.s2-ahnlab-ul li::after { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #000000; border-radius: 50%; }





.s2-page-ahnlab-solution .s2-paragraph-x-large-ahnlab-02 {  font-size: 16px; line-height: 1.4; font-weight: 300; margin: 50px 0px 30px 0px; }








/* Technical Support Service - 유지보수 플랜 */



.s2-list { font-size: 15px; font-weight: 500; }
.s2-list_01 { font-size: 18px; font-weight: 300; }
.s2-list_01 .xi-check { font-size: 18px; font-weight: 600; color: #666666; }

.s2-list_02 { font-size: 18px; font-weight: 300; }
.s2-list_02 .xi-check { font-size: 18px; font-weight: 600; color: #3877e1; }

.s2-list_03 { font-size: 18px; font-weight: 300; }
.s2-list_03 .xi-check { font-size: 18px; font-weight: 600; color: #0c3ab6; }




.s2-list-group-margin { margin-top: 20px; }

.s2-support-column ul { list-style: none; font-weight: 300; }
.s2-list-group { margin-bottom: 4px; }
.s2-list-group-last { margin-bottom: 20px; }

.s2-list-group p {margin: 4px 0px;}
.s2-list-group-last p {margin: 4px 0px;}




.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_01, 
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_02,
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_03 { color: #ffffff; }


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_01 .xi-check, 
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_02 .xi-check,
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-list_03 .xi-check { color: #ffffff; }



/* Technical Support Service - 유지보수 플랜 */

