/* 공통 */

.s2-page-ahnlab-solution .jb-background { padding: 100px 0px 100px 0px }
.s2-page-ahnlab-solution .jb-background-02 { padding: 200px 0px 100px 0px }


.s2-page-ahnlab-solution h1 { margin: 0px 0px 20px 0px; text-align: center; font-size: 35px; font-weight: 600; color: #1671FE; }
.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: 35px; 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: 80px 0px 20px 0px; text-align: left; font-size: 38px; 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-04 { text-align: right; font-size: 14px; line-height: 1.8; font-weight: 100; margin-top: 20px; }
.s2-page-ahnlab-solution .s2-paragraph-05 { text-align: left; font-size: 18px; line-height: 1.8; font-weight: 300; margin: 0px 0px 50px 0px; }
.s2-page-ahnlab-solution .s2-paragraph-06 { text-align: center; font-size: 24px; line-height: 1.8; font-weight: 500; margin: 40px 0px 40px 0px; color: #ffffff;}



.s2-page-ahnlab-solution .s2-grid-img-02 { border: 1px solid #cccccc; }
.s2-page-ahnlab-solution .s2-grid-img-02 img { margin: 0px; }




.s2-page-ahnlab-solution .s2-number { text-align: left; font-size: 24px; font-weight: 600; margin: 0px 0px 20px 0px; color: #1671FE;}

.s2-page-ahnlab-solution .s2-number-02 { text-align: left; font-size: 24px; font-weight: 600; margin: 0px 0px 50px 0px; color: #1671FE;}





.s2-check-ul-02 { margin-top: 40px; text-align: center; }

.s2-check-ul-02 li  {  position: relative; list-style: none; font-size: 16px; font-weight: 400; margin-left: -10px; margin: 15px 0px; line-height: 1.5; color: #ffffff; }






.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%; }







.s2-home-01-background-solution-02 { padding-top: 1px; background-image: url( "/wp-content/uploads/solution-ahnlab-cloudmate-bg.jpg" ); background-size: cover; background-repeat: no-repeat; background-position: center; }






/* 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: 20px; grid-row-gap: 20px; }
@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 30px 35px; background-color: #ffffff; border-radius: 10px; overflow-x: auto; box-shadow: 0 5px 15px rgb(0 0 0 / 5%); border: 1px solid #eeeeee; text-align: center;}


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover { background-color: #41C4DF; transition: 0.5s; }



.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 p.s2-grid-title { margin: 0px; text-align: center; font-weight: 600; font-size: 28px; color: #41C4DF; }
.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-txt { margin-top: 15px; font-weight: 200; font-size: 18px; line-height: 26px; color: #212121; }


.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01:hover .s2-grid-icon { 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-grid-box-4xn-icon */

/*

.s2-page-ahnlab-solution .s2-grid-box-4xn-icon { margin-top: 50px; display: grid; grid-template-columns: 1fr 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-4xn-icon { grid-template-columns: 1fr 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-4xn-icon .s2-grid-item { padding: 20px 25px; 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-4xn-icon table.s2-mm-table .s2-grid-icon { display: inline; text-align: center; }
.s2-page-ahnlab-solution .s2-grid-box-4xn-icon table.s2-mm-table .s2-grid-icon img { width: 70px; margin: 0px auto; }

.s2-page-ahnlab-solution .s2-grid-box-4xn-icon table.s2-mm-table { padding: 30px; width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse;  }

.s2-page-ahnlab-solution .s2-grid-box-4xn-icon table.s2-mm-table tr td .s2-grid-title {  margin-top: 10px; text-align: center; font-weight: 500; font-size: 20px; color: #212121; }
.s2-page-ahnlab-solution .s2-grid-box-4xn-icon table.s2-mm-table tr td .s2-grid-text {  margin-top: 10px; text-align: center; font-weight: 100; font-size: 14px; color: #212121; }


/* 3xn .s2-grid-box-4xn-icon */








/* 4xn .s2-grid-box-4xn-icon */


.s2-page-ahnlab-solution .s2-grid-box-4xn-icon { margin-top: 50px; display: grid; grid-template-columns: 1fr 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-4xn-icon { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-4xn-icon .s2-grid-item { padding: 20px 25px; 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-4xn-icon .s2-grid-icon { display: inline; text-align: center; }
.s2-page-ahnlab-solution .s2-grid-box-4xn-icon .s2-grid-icon img { width: 70px; margin: 0px auto; }


.s2-page-ahnlab-solution .s2-grid-box-4xn-icon .s2-grid-title {  margin-top: 20px; text-align: center; font-weight: 500; font-size: 20px; color: #212121; }
.s2-page-ahnlab-solution .s2-grid-box-4xn-icon .s2-grid-text {  margin-top: 10px; text-align: center; font-weight: 100; font-size: 14px; color: #212121; }


/* 4xn .s2-grid-box-4xn-icon */







/* 3xn .s2-grid-box-3xn-icon */


.s2-page-ahnlab-solution .s2-grid-box-3xn-icon { 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-icon { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-3xn-icon .s2-grid-item { padding: 20px 25px; 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-icon .s2-grid-icon { display: inline; text-align: center; }
.s2-page-ahnlab-solution .s2-grid-box-3xn-icon .s2-grid-icon img { width: 100px; margin: 0px auto; }


.s2-page-ahnlab-solution .s2-grid-box-3xn-icon .s2-grid-title {  margin-top: 20px; text-align: center; font-weight: 500; font-size: 20px; color: #212121; }
.s2-page-ahnlab-solution .s2-grid-box-3xn-icon .s2-grid-text {  margin-top: 10px; text-align: center; font-weight: 100; font-size: 14px; color: #212121; }


/* 3xn .s2-grid-box-3xn-icon */







/* 2xn .s2-grid-box-2xn-icon */


.s2-page-ahnlab-solution .s2-grid-box-2xn-icon { margin-top: 50px; display: grid; grid-template-columns: 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-2xn-icon { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-item { padding: 30px 30px; 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-2xn-icon .s2-grid-icon { display: inline-block; text-align: left; }
.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-icon img { width: 90px; margin: 0px auto; }

.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-title-01 {  margin: 10px 0px 10px 0px; text-align: left; font-weight: 600; font-size: 28px; color: #212121; }
.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-title {  margin-top: 10px; text-align: left; font-weight: 500; font-size: 18px; color: #212121; }
.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-text {  margin-top: 10px; text-align: left; font-weight: 100; font-size: 14px; color: #212121; }


/* 2xn .s2-grid-box-2xn-icon */











/* 1xn */

.s2-page-ahnlab-solution .s2-grid-box-1xn { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 40px; margin-top: 80px; }
@media ( max-width: 767px ) {
	.s2-page-ahnlab-solution .s2-grid-box-1xn { grid-template-columns: 1fr;  grid-column-gap: 20px; grid-row-gap: 20px; }
}

.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 { 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-1xn .s2-grid-txt-group { padding: 40px; }




.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-icon { font-size: 65px; font-weight: 700; color: #30A8FB; }
.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-img { margin: 0px; }


.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-title-01 { margin: 0px; text-align: center; font-weight: 600; font-size: 20px; color: #41C4DF; }
.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-title-02 { margin: 0px; text-align: center; font-weight: 600; font-size: 26px; }
.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-txt { margin-top: 20px; text-align: center; font-weight: 200; font-size: 16px; line-height: 26px; color: #212121; }



.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-ul li { position: relative; list-style: none; font-size: 14px; font-weight: 100; }
.s2-page-ahnlab-solution .s2-grid-box-1xn .s2-grid-item-01 .s2-grid-ul li::before { content: ''; position: absolute; left: -15px; top: 10px; width: 4px; height: 4px; background-color: #183C6E; border-radius: 50%; }

/* 1xn */








/* 2x1 */

.s2-grid-box-2x1-main { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; grid-column-gap: 60px; grid-row-gap: 20px; align-items: center; }


@media (max-width: 767px) {
    .s2-grid-box-2x1-main {
        grid-template-columns: 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 0px;
    }
}



.s2-column-content-main-02 p { margin-top: 20px; font-size: 18px; font-weight: 200; }

.s2-check-ul { margin-top: 40px; }

.s2-check-ul li  {  position: relative; list-style: none; font-size: 16px; font-weight: 400; margin-left: -10px; margin: 15px 0px; line-height: 1.5; }

.s2-check-ul li::after { display: block; content: ''; position: absolute; top: 8px; left: -25px; width: 11px; height: 5px; border-left: 3px solid #30A8FB; border-bottom: 3px solid #30A8FB; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* 2x1 */













@media ( max-width: 1280px ) {

.s2-page-ahnlab-solution h1 { font-size: 30px; }
.s2-page-ahnlab-solution h2 { font-size: 50px; }
.s2-page-ahnlab-solution h4 { font-size: 40px; }
.s2-page-ahnlab-solution h5 { font-size: 36px; }

.s2-page-ahnlab-solution .s2-paragraph-06 { font-size: 20px; }
  
}





@media ( max-width: 1024px ) {

.s2-page-ahnlab-solution h2 { font-size: 48px; }

}




@media ( max-width: 768px ) {

.s2-page-ahnlab-solution h1 { font-size: 28px; }
.s2-page-ahnlab-solution h2 { font-size: 46px; }
.s2-page-ahnlab-solution h4 { font-size: 36px; }

.s2-page-ahnlab-solution .s2-paragraph-06 { font-size: 18px; }

.s2-check-ul-02 li { font-size: 15px; }

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 p.s2-grid-title { font-size: 26px; }
.s2-grid-box-2x1-main { grid-column-gap: 40px;  }
.s2-column-content-main-02 p { font-size: 16px; }

.s2-page-ahnlab-solution .s2-grid-box-3x1-ahnlab .s2-grid-item-01 .s2-grid-txt { font-size: 16px; }

.s2-page-ahnlab-solution .s2-paragraph-05 { font-size: 16px; }


}





@media ( max-width: 430px ) {


.s2-page-ahnlab-solution h1 { font-size: 26px; }
.s2-page-ahnlab-solution h2 { font-size: 42px; }
.s2-page-ahnlab-solution h4 { font-size: 34px; }
.s2-page-ahnlab-solution h5 { font-size: 34px; }

.s2-page-ahnlab-solution .s2-grid-box-2xn-icon .s2-grid-title-01 { font-size: 26px; }


 
}