/* ==========================
RESET
========================== */


*{
margin:0;
padding:0;
box-sizing:border-box;
}


html,body{

font-family:
"Noto Sans KR",
Arial,
sans-serif;

color:#333;

/*background:#f7f9fc;*/

line-height:1.6;

}


a{

text-decoration:none;

color:inherit;

}


img{

max-width:100%;

display:block;

}


ul{

list-style:none;

}


.container{

width:1200px;

max-width:90%;

margin:0 auto;

}

 h1{
font-size: 24px;
    margin: 40px 0 15px;
    padding-left: 15px;
    border-left: 5px solid #2563eb;
    line-height: 1.4;
	}




/* ==========================
HEADER
========================== */


.header{

height:80px;

background:#fff;

border-bottom:1px solid #eee;

position: sticky;
top: 0;
z-index: 1000;
}


.header_inner{

width:1200px;

max-width:90%;

height:100%;

margin:auto;

display:flex;

align-items:center;

justify-content:space-between;

}



.logo a{

font-size:34px;

font-weight:900;

color:#1268ff;

}



.logo span{

color:#00bfa5;

}




.nav ul{

display:flex;

gap:35px;

}



.nav li{

font-size:16px;

font-weight:600;

}



.nav a:hover{

color:#1268ff;

}



.member_btn{

display:flex;

gap:10px;

}


.member_btn a{

padding:10px 20px;

border-radius:30px;

border:1px solid #ddd;

font-size:14px;

}



.member_btn .join{

background:#1268ff;

border-color:#1268ff;

color:white;

}







/* ==========================
HERO
========================== */


.hero{

height:600px;

background:#2979ff;

display:flex;

align-items:center;

position:relative;

overflow:hidden;

}




.hero:after{

content:"";

position:absolute;

right:-150px;

top:-100px;

width:600px;

height:600px;

background:#dff3ff;

border-radius:50%;

}



.hero_content{

width:1200px;

max-width:90%;

margin:auto;

text-align:center;

position:relative;

z-index:2;

}



.hero_content h1{

font-size:52px;

line-height:1.3;

font-weight:800;

color:#fff;
border-left:none;
}



.hero_content strong{

color:#ffffff;

word-break: keep-all;

}



.hero_content p{

margin-top:25px;

font-size:21px;

color:#fff;

}




.hero_button{

margin-top:40px;


}



/* Å« ¿ø */

.hero:before{

content:"";

position:absolute;

width:420px;

height:420px;

border-radius:50%;

background:rgba(96,165,250,0.12);

right:-120px;

top:-80px;

}



/* ÀÛÀº ¿ø */

.hero:after{

content:"";

position:absolute;

width:220px;

height:220px;

border-radius:50%;

background:rgba(147,197,253,0.18);

left:-70px;

bottom:40px;

}



/* Ãß°¡ ¿ø */

.hero_content:before{

content:"";

position:absolute;

width:120px;

height:120px;

border-radius:50%;

background:rgba(191,219,254,0.45);

right:15%;

top:80px;

z-index:0;

}




/* Ãß°¡ ¿ø Çϳª ´õ */

.hero_content:after{

content:"";

position:absolute;

width:70px;

height:70px;

border-radius:50%;

background:rgba(125,211,252,0.35);

left:40%;

bottom:-120px;

}



.btn_primary{

background:#ffc107;

color:white;

display: inline-block;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
  
}



.btn_white{

background:white;

border:1px solid #ddd;

display: inline-block;
padding: 12px 25px;
border-radius: 5px;
font-weight: 500;

}







/* ==========================
SECTION TITLE
========================== */


.section_title{

text-align:center;

margin-top: 80px;

margin-bottom:45px;

}


.section_title h2{

font-size:34px;

font-weight:800;

}



.section_title p{

margin-top:10px;

color:#777;

}



.info{

width:100%;

border-collapse:collapse;

text-align:left;

}



.info td{

padding:12px;

border-bottom:1px solid #eee;

}

.wi_td{width:100px;}

/* ==========================
CATEGORY
========================== */


.category{

background:white;

}



.category_list{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}




.category_item{

overflow: hidden;

background:#fff;

height:200px;

border-radius:20px;

text-align:center;

box-shadow:

0px 1px 25px rgba(0, 0, 0, .08);

transition:.3s;

}



.category_item:hover{

transform:translateY(-8px);

}



.category_item i{

font-size:40px;

color:#00bfa5;

padding-top: 50px;
}



.category_item p{

margin-top:40px;

display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 70px;
    background: #4949FF;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}







/* ==========================
SERVICE
========================== */


.service_area{

padding:90px 0;

}



.service_list{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}




.service_card{

background:white;

padding:35px 25px;

border-radius:20px;

box-shadow:

0 8px 25px rgba(0,0,0,.07);

transition:.3s;

}




.service_card:hover{

transform:translateY(-7px);

}




.service_card .icon{

width:70px;

height:70px;

border-radius:50%;

background:#eaf3ff;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:20px;

}



.service_card i{

font-size:30px;

color:#1268ff;

}



.service_card h3{

font-size:21px;

margin-bottom:12px;

}



.service_card p{

color:#777;

height:60px;

}



.service_card a{

display:block;

margin-top:20px;

color:#1268ff;

font-weight:bold;

}

/* ==========================
COMPANY
========================== */


.company_area{

padding:90px 0;

background:#fff;

}




.company_list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:50px;

padding: 0 20px;

}



.company_card{

background:white;

border-radius:20px;

overflow:hidden;

box-shadow:

0 8px 25px rgba(0,0,0,.08);

transition:.3s;

}



.company_card:hover{

transform:translateY(-6px);

}



.company_img{

height:180px;

background:#eee;

overflow:hidden;

}



.company_img img{

width:100%;

height:100%;

object-fit:cover;

}



.company_info{

padding:25px 25px 0;

}



.company_tag{

display:inline-block;

background:#eaf3ff;

color:#1268ff;

padding:5px 12px;

border-radius:20px;

font-size:13px;

margin-bottom:12px;

}



.company_info h3{

font-size:18px;

margin-bottom: 20px;

}



.company_desc{

font-size:14px;

color:#777;

height:45px;

}



.company_meta{

margin-top:15px;

font-size:14px;

color:#666;

}



.company_meta span{

display:block;

}



.company_bottom{

margin-bottom:20px;

display:flex;

align-items:center;

justify-content:space-between;

}

.company_bottom span{
display: inline-block;
    background: #eaf3ff;
    color: #1268ff;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 500;
}





.list {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px;margin-top:80px}
.list .item {display:flex;align-items:center;background:var(--white);
padding:20px;border-radius:20px;box-shadow:0 6px 33px #C9DAE8}
.list .item .img_wrap {width:90px;margin: 0;margin-right: 30px;}
.list .item .txt_wrap {display:flex;flex-direction:column;align-items:flex-start}
.list .item .txt_wrap .gra_02 {font-size:24px}
.list .item .txt_wrap p {font-size:14px;margin-top:10px}



.img_wrap{

width:90px;
height:90px;
margin:0 auto;
border-radius:50%;
background:linear-gradient(135deg,#2563eb,#38bdf8);

display:flex;
align-items:center;
justify-content:center;

box-shadow:0 15px 35px rgba(37,99,235,.18);

transition:.3s;

}

.img_wrap i{

font-size:42px;
color:#fff;

}

.service_card:nth-child(6) .icon i{
    line-height:1;
    transform:translateX(1px);
}


.item:hover .img_wrap{

transform:translateY(-8px);
box-shadow:0 25px 45px rgba(37,99,235,.3);

}





/* ==========================
STAT
========================== */


.stat_area{

padding:60px 0;

background: linear-gradient(120deg, rgb(21, 101, 255), rgb(24, 195, 162));

}



.stat_box{

display:grid;

grid-template-columns:repeat(4,1fr);

border-radius:25px;

overflow:hidden;

}



.stat_box div{

text-align:center;

padding:35px 10px;

}



.stat_box div:last-child{

border:0;

}



.stat_box strong{

display:block;

font-size:38px;

font-weight:800;

color:#fff;

}



.stat_box span{

font-size:16px;

color:#fff;

}







/* ==========================
COMPANY
========================== */


.company_area{

padding:90px 0;

background:#fff;

}







/* ==========================
REVIEW
========================== */


.review_area{

padding:90px 0;

}



.review_list{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

border-radius: 20px;

}



.review_card{

background:white;

border-radius:20px;

overflow:hidden;

box-shadow:

0 8px 25px rgba(0,0,0,.07);

}



.review_image{

height:200px;

background:#f0f0f0;

}



.review_image img{

width:100%;

height:100%;

object-fit:cover;

}



.no_image{

height:100%;

display:flex;

align-items:center;

justify-content:center;

font-size:30px;

color:#aaa;

}




.review_content{

padding:20px;

}



.review_content h3{

font-size:18px;

margin:12px 0;

}



.review_content p{

color:#777;

font-size:14px;

height:45px;

overflow:hidden;

}



.review_content a{

display:block;

margin-top:15px;

color:#1268ff;

font-weight:bold;

}







/* ==========================
REQUEST
========================== */


.request_area{

padding:90px 0;

background:#f1f7ff;

}




.request_box{

background:white;

border-radius:30px;

padding:50px;

max-width:1200px;

margin:auto;

box-shadow:

0 10px 30px rgba(0,0,0,.08);

text-align:center;

}












/* ==========================
   HERO BACKGROUND CIRCLE
========================== */




.request_box h2{

font-size:32px;

}



.request_box p{

color:#777;

margin:15px 0 35px;

word-break: keep-all;

}



.form_row{

display:flex;

gap:15px;

}



.request_box select,

.request_box input,

.request_box textarea{


width:100%;

border:1px solid #ddd;

border-radius:12px;

padding:15px;

font-size:15px;

margin-bottom:15px;

outline:none;

}



.request_box textarea{

height:120px;

resize:none;

}



.request_box button{

width:100%;

height:55px;

background:#1268ff;

border:0;

color:white;

font-size:17px;

font-weight:bold;

border-radius:30px;

cursor:pointer;

}








/* ==========================
CTA
========================== */


.cta_area{

padding:70px 0;

}



.cta_box{

background:

linear-gradient(
135deg,
#1268ff,
#00bfa5
);

color:white;

padding:60px;

text-align:center;

}



.cta_box h2{

font-size:35px;

}



.cta_box p{

margin:20px 0 30px;

font-size:18px;

}



.cta_box a{

display:inline-block;

background:white;

color:#1268ff;

padding:15px 40px;

border-radius:40px;

font-weight:bold;

}







/* ==========================
FOOTER
========================== */


footer{

background:#222;

color:#aaa;

padding:50px 0;

text-align:center;

}



.footer_logo{

font-size:32px;

font-weight:900;

color:white;

margin-bottom:20px;

}



.footer_logo span{

color:#00bfa5;

}



.footer_menu{

margin-bottom:20px;

}



.footer_menu a{

margin:0 15px;

font-size:14px;

}








/* ==========================
MOBILE
========================== */


@media(max-width:900px){

.logo a{

font-size:18px;

}



.header{

height:auto;

}



.header_inner{

height:70px;

}



.nav{

display:none;

}



.member_btn a:first-child{

display:none;

}



.hero{

height:auto;

padding:90px 0;

}

.member_btn a {padding: 5px 10px;}

.hero_content h1{

font-size:34px;

}



.hero_content p{

font-size:17px;

}



.category_list,

.service_list{

grid-template-columns:repeat(2,1fr);

}



.stat_box{

grid-template-columns:repeat(2,1fr);

}



.company_list{

grid-template-columns:repeat(2,1fr);

}



.review_list{

grid-template-columns:repeat(2,1fr);

}



.form_row{

flex-direction:column;

}



}





@media(max-width:500px){



.container{

max-width:92%;

}



.hero_button{

flex-direction:column;

}



.btn_primary,

.btn_white{

text-align:center;

}



.category_list,

.service_list,

.company_list,

.review_list{


}

.category_list{}

.category_item{height:160px;}

.category_item p{margin-top: 0; height:40px; font-size:18px;}

.stat_box{

grid-template-columns:1fr;

}



.stat_box div{

border-right:0;

border-bottom:1px solid #eee;

}



.cta_box{

padding:35px 20px;

}



.cta_box h2{

font-size:26px;

}



.request_box{

padding:30px 20px;

}

.container {
        max-width: 92%;
    }


.list{margin-top: 40px; grid-template-columns: repeat(1, 1fr)!important;}

.category_item i{font-size: 40px;
        padding: 40px 0;}


.section_title{margin-bottom: 10px;}
.img_wrap {width: 60px!important; height: 60px;}
.img_wrap i {font-size: 30px;}
.service_card { display:flex;
        flex-direction:column;
        align-items:center;
        text-align:center;}

.category {padding: 50px 0;}
.service_area {padding: 50px 0;}
.company_area {padding: 50px 0;}
.review_area {padding: 50px 0;}
.service_card {padding: 5px 25px 55px;}


}





/* =================================
 HERO LIGHT WAVE + CIRCLE EFFECT
 ±âÁ¸ µðÀÚÀÎ À¯Áö¿ë
================================= */


/* ±ä S ´À³¦ ¿þÀ̺ê */

.hero_wave{

position:absolute;

left:-200px;

width:1500px;

height:380px;

border-radius:50%;

z-index:1;

pointer-events:none;

}



/* Å« ¹àÀº S ¶óÀÎ */

.wave01{

top:80px;


border-top:

5px solid rgba(255,255,255,0.16);


transform:

rotate(-8deg);


filter:

blur(1px);


}


/* µÎ¹ø° ºÒ±ÔÄ¢ ¶óÀÎ */

.wave02{

top:180px;


border-bottom:

4px solid rgba(147,197,253,0.25);


transform:

rotate(7deg);


filter:

blur(2px);


}




/* ¿øÇü Ãß°¡ */

.hero_circle{

position:absolute;

border-radius:50%;

z-index:1;

pointer-events:none;

}



/* ¿À¸¥ÂÊ Å« Åõ¸í ¿ø */

.circle01{

width:480px;

height:480px;

right:-150px;

top:-100px;


background:

radial-gradient(

circle,

rgba(255,255,255,0.18),

rgba(255,255,255,0)

);


}



/* ¿ÞÂÊ ¾Æ·¡ ÀÛÀº ¿ø */

.circle02{


width:220px;

height:220px;


left:-80px;

bottom:30px;


background:

radial-gradient(

circle,

rgba(255,255,255,0.20),

rgba(255,255,255,0)

);


}



/* È÷¾î·Î ±ÛÀÚ À§·Î */

.hero_content{

position:relative;

z-index:5;

}


/* =================================
 SNS Èıâ / ÀÛ¾÷Èıâ ÃÖÁ¾ GRID
================================= */


/* ºÎ¸ð ¿µ¿ª */

.review_area .container,
.company_area .container{

}


/* ¸®½ºÆ® ¿µ¿ª */

.sns_list{

    display:flex;

    flex-wrap:wrap;

    gap:20px;

    width:100%;

}



/* Ä«µå */

.sns_list .sns_box,
.company_area > .container > .sns_box{


    width:calc(33.333% - 14px);

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:
    0 5px 20px rgba(0,0,0,.08);

    margin-bottom:20px;

}



/* À̹ÌÁö */

.sns_box img{


    width:100%;

    height:220px;

    object-fit:cover;


}



/* À¯Æ©ºê */

.sns_box iframe{


    width:100%;

    height:220px;

    border:0;

    display:block;


}



/* Á¦¸ñ */

.sns_box h3{


    padding:15px;

    font-size:16px;

    line-height:1.5;

    height:70px;

    overflow:hidden;


}



/* Á¦¸ñ */

.review_area h1{


    width:100%;

    clear:both;

}



/* ¸ð¹ÙÀÏ */

@media(max-width:900px){


.sns_list .sns_box,
.company_area > .container > .sns_box{


    width:calc(50% - 10px);


}


}



@media(max-width:500px){


.sns_list .sns_box,
.company_area > .container > .sns_box{


    width:100%;


}


}





/* =====================================
 FINAL FIX
 °¨µ¿À» ¸¸µå´Â û¼Ò ¿µ¿ª
 SNS ¿µ¿ª
===================================== */


/* ¼­ºñ½º ¼Ò°³ Ä«µå */

.review_area .list{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}



.review_area .list .item{

display:flex;

align-items:center;

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:
0 8px 25px rgba(0,0,0,.08);

min-height:150px;

}



.review_area .list .img_wrap{

width:90px;

height:90px;

flex-shrink:0;

margin-right:25px;

border-radius:50%;

background:linear-gradient(
135deg,
#2563eb,
#38bdf8
);

display:flex;

align-items:center;

justify-content:center;

}



.review_area .list .img_wrap i{

font-size:40px;

color:#fff;

}



.review_area .list .txt_wrap{

flex:1;

text-align:left;

}



.review_area .list .gra_02{

display:block;

font-size:22px;

font-weight:800;

line-height:1.35;

color:#2563eb;

}



.review_area .list .txt_wrap p{

margin-top:10px;

font-size:14px;

color:#777;

line-height:1.6;

}



/* ================================
 SNS Èıâ Ä«µå
================================ */


.sns_list{

display:flex;

flex-wrap:wrap;

gap:20px;

}



.sns_list .sns_box{

width:calc(33.333% - 14px);

background:#fff;

border-radius:15px;

overflow:hidden;

box-shadow:
0 5px 20px rgba(0,0,0,.08);

}



.sns_box img,
.sns_box iframe{

width:100%;

height:220px;

object-fit:cover;

}



.sns_box h3{

padding:15px;

font-size:16px;

height:70px;

overflow:hidden;

}




/* ================================
 ¸ð¹ÙÀÏ
================================ */


@media(max-width:900px){


.review_area .list{

grid-template-columns:1fr;

}



.sns_list .sns_box{

width:calc(50% - 10px);

}



}



@media(max-width:500px){


.review_area .list .item{

padding:20px;

}



.review_area .list .img_wrap{

width:65px;

height:65px;

}



.review_area .list .img_wrap i{

font-size:30px;

}



.review_area .list .gra_02{

font-size:18px;

}



.sns_list .sns_box{

width:100%;

}


}


/* =================================
   ºí·Î±× / À¯Æ©ºê / SNS °Ô½ÃÆÇ ÃÖÁ¾ ¼öÁ¤
   °¡·Î 3¿­ °íÁ¤
================================= */


/* °Ô½ÃÆÇ ¸®½ºÆ® */

.sns_list{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    width:100%;

}


/* Ä«µå */

.sns_box{

    width:100% !important;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:
    0 5px 20px rgba(0,0,0,.08);

}



/* À̹ÌÁö */

.sns_box img{

    width:100%;

    height:220px;

    object-fit:cover;

}



/* À¯Æ©ºê */

.sns_box iframe{

    width:100%;

    height:220px;

    border:0;

    display:block;

}



/* Á¦¸ñ */

.sns_box h3{

    padding:15px;

    font-size:16px;

    line-height:1.5;

    height:70px;

    overflow:hidden;

}



/* =================================
 ¸ð¹ÙÀÏ
================================= */


@media(max-width:900px){

    .sns_list{

        grid-template-columns:repeat(2,1fr);

    }

}


@media(max-width:500px){

    .sns_list{

        grid-template-columns:1fr;

    }

}


/* =================================
 ºí·Î±× / À¯Æ©ºê / SNS °Ô½ÃÆÇ
 PC °¡·Î 2°³ ¹èÄ¡ ÃÖÁ¾ ¼öÁ¤
================================= */




/* Ä«µå */

.sns_box{

    width:100% !important;

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:
    0 5px 20px rgba(0,0,0,.08);

}


/* À̹ÌÁö */

.sns_box img{

    width:100%;

    height:220px;

    object-fit:cover;

}


/* À¯Æ©ºê */

.sns_box iframe{

    width:100%;

    height:220px;

    border:0;

    display:block;

}


/* Á¦¸ñ */

.sns_box h3{

    padding:15px;

    font-size:16px;

    line-height:1.5;

    height:70px;

    overflow:hidden;

}



/* ÅÂºí¸´ */

@media(max-width:900px){

.sns_list{

    grid-template-columns:repeat(2,1fr) !important;

}

}



/* ¸ð¹ÙÀÏ */

@media(max-width:500px){

.sns_list{

    grid-template-columns:1fr !important;

}

}


grid-template-columns:repeat(3,1fr);






.request_wrap{

display:flex;

gap:30px;

align-items:flex-start;

}



/* ¹«·á °ßÀû »ó´ã */

.request_box{

width:50%;

}



/* ÃÖ±Ù Á¢¼öÇöȲ */

.quote_status{

width:50%;

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.quote_status{

width:350px;

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

}



.quote_status h3{

margin-bottom:20px;
font-size: 32px;
text-align: center;
word-break: keep-all;

}



.quote_item{

padding:15px 0;

border-bottom:1px solid #eee;

}



.quote_item span{

float:right;

font-size:13px;

color:#777;

}



.quote_item p{

font-size:14px;

margin:10px 0;

}



.quote_item small{

color:#999;

}



@media(max-width:768px){


.request_wrap{

display:block;

}


.quote_status{

width:100%;

margin-top:20px;

}


}



.request_wrap{

display:flex !important;

flex-direction:row !important;

gap:30px;

width:100%;

}



.request_box{

width:50% !important;

}



.quote_status{

width:50% !important;

}



@media(max-width:768px){

.request_wrap{

display:block !important;

}


.request_box,
.quote_status{

width:100% !important;

}

}


/* ================================
ÃÖ±Ù °ßÀû Á¢¼öÇöȲ ÀÚµ¿·Ñ¸µ
================================ */


.quote_status{

width:50%;

height:550px;

background:#fff;

padding:50px;

border-radius:30px;

box-shadow:0 5px 20px rgba(0,0,0,.08);

overflow:hidden;

}



.quote_scroll{

height:380px;

overflow:hidden;

}



.quote_move{

animation:quote_move 25s linear infinite;

}



.quote_status:hover .quote_move{

animation-play-state:paused;

}



.quote_item{

height:90px;

padding:15px 0;

border-bottom:1px solid #eee;

}



.quote_item strong{

padding-right: 20px;
float: left;
font-size:15px;
padding-top: 3px;

}



.quote_item span{

float:right;

font-size:13px;

color:#777;

}



.quote_item p{

font-size:14px;

margin:3px 0;

}



.quote_item small{

font-size:12px;

color:#999;

}



@keyframes quote_move{


0%{

transform:translateY(0);

}


100%{

transform:translateY(-50%);

}


}



@media(max-width:768px){


.quote_status{

width:100%;

margin-top:20px;

}


}




/* ¾÷üÁ¤º¸ + Áöµµ Àüü */

.company_section{

width:100%;

}


.company_section .section_title{

text-align:center;

margin-bottom:30px;

}



.company_info_map{

    width:1200px;

    max-width:90%;

    margin:0 auto;

    display:flex;

    gap:30px;

    background:#fff;

    padding:30px;

	margin-bottom:80px;

    border-radius:20px;

    box-shadow:
    0 8px 25px rgba(0,0,0,.08);

}


/* ¿ÞÂÊ Á¤º¸ */

.company_info_box{

    width:50%;

}



/* ¿À¸¥ÂÊ Áöµµ */

.map_box{

    width:50%;

}


/* Áöµµ */

#map{

    width:100%;

    height:330px;

}



/* Å×À̺í */

.info{

    width:100%;

    border-collapse:collapse;

}


.info td{

    padding:20px 12px;

    border-bottom:1px solid #eee;

}


.wi_td{

    width:100px;

}




@media(max-width:768px){


.company_info_map{

    display:block;

    padding:20px;

}



.company_info_box,
.map_box{

    width:100%;

}



.map_box{

    margin-top:20px;

}


}















.hero{
position:relative;
overflow:hidden;
}


.hero_slide{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:0;
}


.hero_img{

width:100%;
height:100%;

object-fit:cover;

position:absolute;

left:0;
top:0;

}


.hero_content{

position:relative;
z-index:2;

}










.hero{
position:relative;
height:600px;
overflow:hidden;
}


.hero_slide{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}


.hero_img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
transition:opacity 1s;
}


.hero_default{

position:absolute;
width:100%;
height:100%;

background:
linear-gradient(
135deg,
#1d4ed8,
#60a5fa
);

}



.hero_content{

position:relative;
z-index:5;

}



.alarm_btn{

padding: 10px 15px!important;

border-radius: 50%!important;

position:relative;

font-size:22px;

color:#333;

margin-right:15px;

}

.alarm_btn .fa-solid, .fas{font-size:18px;}
.alarm_num{

position:absolute;

top:-8px;

right:-10px;

background:#ff3b30;

color:#fff;

font-size:11px;

font-weight:bold;

min-width:18px;

height:18px;

line-height:18px;

text-align:center;

border-radius:50%;

padding:0 4px;

}






.google_slide{

height:380px;

overflow:hidden;

position:relative;

}



.google_move{

animation:quoteMove 15s linear infinite;

}



.google_slide:hover .google_move{

animation-play-state:paused;

}



.google_card{


display:flex;

background:#fff;

border:1px solid #eee;

border-radius:12px;

padding:15px;

margin-bottom:12px;

box-shadow:0 3px 10px rgba(0,0,0,.08);


}



.google_icon{

width:40px;

height:40px;

border-radius:50%;

background:#4285f4;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

margin-right:12px;

}



.google_text strong{

font-size:15px;

}



.google_text p{

font-size:14px;

margin:5px 0;

color:#555;

}



.google_text span{

font-size:13px;

color:#777;

}



.google_text small{

display:block;

margin-top:5px;

color:#999;

}




@keyframes quoteMove{


0%{

transform:translateY(0);

}


100%{

transform:translateY(-50%);

}


}

.no_quote{

padding:40px 20px;

text-align:center;

color:#64748b;

font-size:16px;

background:#f8fafc;

border-radius:15px;

}