main{}
/* ============================= 첫 화면 시작 */
#elim_company_top{
    width: 100%; height: calc(100vh - 100px); 
    background: url(../../img/company/company.jpg) center/cover;
    display: flex; flex-flow: column;
    justify-content: center; align-items: center;
    position: relative;
}
#elim_company_top .title_text{}
#elim_company_top .title_text *{
    font-weight: 800; text-align: center; color: #fff;
    text-shadow: 1px 1px 3px #000;/* 글자 그림자 */
    /* text-shadow: 가로 세로 번짐 색상 */
}
#elim_company_top .title_text p{
    font-size: 0.625rem; letter-spacing:1.2em;
    margin-bottom: 10px; margin-left: 10px; font-weight: 200;
}
#elim_company_top .title_text h1{font-size: 3.75rem;}
#elim_company_top .company_page_move{
    display: flex; justify-content: center; align-items: center;
    width: 80%; padding: 30px 0 ; background-color: #fff;
    border-radius: 30px 30px 0 0 ;
    position: absolute; bottom: -1px; left: 50%;
    transform: translateX(-50%);
}
#elim_company_top .company_page_move li{position: relative;}
#elim_company_top .company_page_move li>button{margin: 0 30px;font-size: 1.25rem;}
#elim_company_top .company_page_move li>button::after{
    content: ""; position: absolute; width: 1px; height: 100%; background-color: #a7a7a7;
    bottom: 0; left: 0;
}
#elim_company_top .company_page_move li:first-child>button::after{display: none;}
#elim_company_top .company_page_move li>button:hover{font-weight: 600;}
/* ============================= 첫 화면 끝 */


/* ============================= 2행 시작 */
/* ============================= 회사소개 시작 */
#introduction{width: 100%;}
#introduction .introduction_box_01{
    max-width: 1400px; min-width: 300px;
    margin: 0 auto; display: flex; 
    justify-content:space-between; align-items: center;
    padding: 100px 0;
}
#introduction .introduction_box_01 .introduction_text{
    width: 50%;
    display: flex;  align-items: start;flex-flow: column;
    padding: 0 100px;
}
#introduction .introduction_box_01 .introduction_text h2{
    font-size: 2.188rem; font-weight: 600; margin-bottom: 30px;
}
#introduction .introduction_box_01 .introduction_text .ptext{/* width: max-content; */}
#introduction .introduction_box_01 .introduction_text .ptext p{margin: 15px 0; display: flex;}
#introduction .introduction_box_01 .introduction_text .ptext p em{margin-right: 15px; display: block;}
#introduction .introduction_box_01 .introduction_text .ptext p span{display: block;}
#introduction .introduction_box_01 .introduction_img{
    width: 50%; height: 414px; 
    background: url(../../img/company/company_bg.jpg) center/cover;
}
/* ============================= 회사소개 끝 */
/* ============================= 인사말 시작 */
#introduction .introduction_box_02{width: 100%; padding: 100px 0; background-color: #f2f8ff;}
#introduction .introduction_box_02 .greeting{
    max-width: 900px; background-color: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    padding: 70px 50px; margin: 0 auto;
    border-radius: 10px;
}
#introduction .introduction_box_02 .greeting h2{font-size: 1.875rem; font-weight: 600; text-align: center;}
#introduction .introduction_box_02 .greeting .text{margin-top: 70px;}
#introduction .introduction_box_02 .greeting .text p{
    font-size: 1.25rem;margin-top: 30px; line-height: 1.5; text-align: center;
}
#introduction .introduction_box_02 .greeting .text p:first-child{font-weight: 600;margin-top: 0;}
/* ============================= 인사말 끝 */
/* ============================= 2행 끝 */


/* ============================= 3행 시작 */
#certified{
    width: 100%; padding: 100px 0; height: 100vh;
    display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;
    background-color: #fff;
}
#certified .container{
    max-width: 1400px; min-width: 320px;
}
#certified .container>h2{
    font-size: 1.875rem; font-weight: 600;
    text-align: center; margin-bottom: 30px;
}
#certified .container .certified_box{
    display: flex; justify-content: space-between; align-items: center;
}
/* ======================인증서 시작 */
#certified .container .certified_box .license{
    padding: 30px; background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 그림자 효과 추가 */
    /* max-width: 400px; min-width: 200px;  */ width: 30%;
    display: flex; flex-flow: column nowrap; justify-content: center; align-items: start;
}
#certified .container .certified_box .license>h2{
    font-size: 1.25rem; font-weight: 600; width: 100%;
    text-align: center;
}
#certified .container .certified_box .license .img{
    width: 100%; margin: 5px 0;
}
#certified .container .certified_box .license .img img{width: 100%;} /* img 태그 추가 */
#certified .container .certified_box .license .text{width: 100%;}
#certified .container .certified_box .license .text h3{font-size: 1.25rem; font-weight: 600;margin-bottom: 10px;}
#certified .container .certified_box .license .text p{line-height: 1.5; font-size: 0.9rem;}
/* ======================인증서 끝 */
/* ======================다양한 인증서 시작 */
#certified .container .certified_box .certified_diverse_container{
    position: relative;padding: 50px; max-width: 920px; min-width: 320px;
}
/* ============================슬라이드 시작 */
#certified .container .certified_box .certified_diverse_container #diverse_box{
    position: relative; /*  background-color: #e6f2ff; */ border-radius: 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 그림자 효과 추가 */
    padding: 5px; background-color: #efefef;
}
#certified .container .certified_box .certified_diverse_container #diverse_box .swiper-wrapper{
    height: 600px; display: flex; justify-content: center; align-items: center; 
}
#certified .container .certified_box .certified_diverse_container #diverse_box .swiper-wrapper .swiper-slide{
    overflow: hidden;
}
#certified .container .certified_box .certified_diverse_container #diverse_box .swiper-wrapper .swiper-slide img{width: 100%; height: 100%;}
.certified_diverse_container .swiper-button-prev .swiper-navigation-icon{display: none;}
.certified_diverse_container .swiper-button-next .swiper-navigation-icon{display: none;}
.certified_diverse_container .swiper-button-prev{
    display: block; width: 30px; height: 30px; position: absolute;
    background: url(../../img/icon/arrow_left.png) center/cover;
}

.certified_diverse_container .swiper-button-next{
    display: block; width: 30px; height: 30px; position: absolute;
    background: url(../../img/icon/arrow_right.png) center/cover;
}
/* ============================슬라이드 끝 */
.popup_bg {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%; height: 100vh;
    top: 0; left: 0;
    position:fixed; z-index: 90;
    display: none;
}
.popup_bg .popup{
    width: 70%;
    /* max-width: 750px; min-width: 320px; */ height: 80vh; 
    overflow:auto; margin: 0 auto; 
    position: absolute; left: 50%; top: 150px;
    transform: translateX(-50%);
}
.popup_bg .popup img{width: 100%;}
/* ======================다양한 인증서 끝 */
/* ============================= 3행 끝 */


/* ============================= 4행 시작 */
#comemap{
    width: 100%; padding: 100px 0;
    display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;
    background-color: #f2f8ff;
}
#comemap .container{
    width: 1400px;
    /* max-width: 1400px; min-width: 320px; */
}
#comemap .container h2{
    font-size: 1.875rem; font-weight: 600;
    text-align: center; margin-bottom: 60px;
}
#comemap .container .comemap_box{}
#comemap .container .comemap_box .comemap_box_text{margin-bottom: 10px;}
#comemap .container .comemap_box .comemap_box_text>p{margin-bottom: 5px;}
#comemap .container .comemap_box .comemap_box_text>p em{margin-right: 5px; font-weight: 600;}
#comemap .container .comemap_box .comemap_box_text>p span{}
/* ======================구글 지도 시작 */
#comemap .container .comemap_box .map_icon{
    display: flex; justify-content: center; align-items: center; height: 500px;
}
#comemap .container .comemap_box .map_icon .map{
    width: 100%; height: 100%;  margin-right: 30px; 
}
#comemap .container .comemap_box .map_icon .map>iframe{width: 100%; height: 100%;}
#comemap .container .comemap_box .map_icon .icon{
    display: flex; flex-flow: column; justify-content:space-between; align-items: center; height: 100%;
}
#comemap .container .comemap_box .map_icon .icon .icon_all{width: 100%;} /* 공통 */
#comemap .container .comemap_box .map_icon .icon .icon_all .img{
    width: 80px; height: 80px; border-radius: 10px; margin: 0 auto;
}
#comemap .container .comemap_box .map_icon .icon .icon_all p{
    margin-top: 10px; text-align: center; white-space: nowrap;
}
#comemap .container .comemap_box .map_icon .icon .call .img{background: url(../../img/icon/call.jpg) center/cover;}
#comemap .container .comemap_box .map_icon .icon .fax .img{background: url(../../img/icon/fax.jpg) center/cover;}
#comemap .container .comemap_box .map_icon .icon .mail .img{background: url(../../img/icon/mail.jpg) center/cover;}
/* ======================구글 지도 끝 */
#comemap .container .comemap_box>p{margin-top: 10px;}

/* ============================= 4행 끝 */
#top{
    position: fixed; right: 275px; bottom: 210px;
    border-radius: 10px; width: 100px; line-height: 100px;
    padding: 30px;
    border: 1px solid #bbb; text-align: center;
    background: #fff; z-index: 1000;
    opacity: 0; visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease,border 0.4s;
    display: flex; justify-content: center; align-items: center;

}
#top>img{width: 100%; height: 100%;}
#top:hover {border: 1px solid #fff}
/* 나타날 때의 클래스 */
#top.show {
    opacity: 1;
    visibility: visible;
}