#elim_field_top{
    width: 100%; height: calc(100vh - 100px); 
    background: url(../../img/businessfield/bg.jpg) center/cover;
    display: flex; flex-flow: column;
    justify-content: center; align-items: center;
    position: relative;
}
#elim_field_top .title_text{}
#elim_field_top .title_text *{font-weight: 800; text-align: center;}
#elim_field_top .title_text p{
    font-size: 0.625rem; letter-spacing:1.2em; font-weight: 200;
    margin-bottom: 10px; margin-left: 10px; color: #fff;
    text-shadow: 1px 1px 3px #000;/* 글자 그림자 */
    /* text-shadow: 가로 세로 번짐 색상 */
}
#elim_field_top .title_text h1{
    font-size: 3.75rem; color: #fff;
    text-shadow: 1px 1px 3px #000;/* 글자 그림자 */
    /* text-shadow: 가로 세로 번짐 색상 */
}
#elim_field_top .field_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_field_top .field_move li{position: relative;}
#elim_field_top .field_move li>a{margin: 0 30px;font-size: 1.25rem;}
#elim_field_top .field_move li>a::after{
    content: ""; position: absolute; width: 1px; height: 100%; background-color: #a7a7a7;
    bottom: 0; left: 0;
}
#elim_field_top .field_move li:first-child>a::after{display: none;}
#elim_field_top .field_move li>a:hover{font-weight: 600;}
/* ============================================== 문구 시작 */
#elim_field_text{width: 100%; padding: 150px 0;}
#elim_field_text .container{
    max-width: 1400px; min-width: 320px;
    margin: 0 auto; display: flex;
    align-items: center; justify-content: center;
}
#elim_field_text .container .img{width: 30%; margin: 0 100px;}
#elim_field_text .container .img img{width: 100%;}
#elim_field_text .container .text_box{
    width: 60%;font-size: 1.6rem;
    line-height: 1.8; color: #333;
}
#elim_field_text .container .text_box>em{
    font-size: 2rem; font-weight: 600; margin-right: 5px; color: #0153A6;
}
#elim_field_text .container .text_box>span{
    font-weight: 600;color: #6f9ecd;
}
#elim_field_text .container .text_box>span:nth-child(1){}
#elim_field_text .container .text_box>span:nth-child(2){}
#elim_field_text .container .text_box>span:nth-child(3){}
/* ============================================== 문구 끝 */
/* ============================================== 상품분야 바로가기 시작 */
#business_moving{width: 100%; padding: 100px 0; background-color: #d9edff;}
#business_moving .container{
    width: 60%; height: 600px; margin: 0 auto;
    display: flex; position: relative;
}
#business_moving .container .box{
    width: 310px; height: 310px; border-radius: 50%;
    position: absolute; border: 5px solid #d9edff;
}
#business_moving .container .field_avsystem{top: 0; left: 0; z-index: 1;}
#business_moving .container .field_network{top: 0; left: 50%; transform: translateX(-50%); z-index: 2;}
#business_moving .container .field_led{top: 0; right: 0; z-index: 3;}
#business_moving .container .field_cctv{bottom: 0; left: 25%; transform: translateX(-25%);}
#business_moving .container .field_control{bottom: 0; right: 25%;transform: translateX(25%);}

#business_moving .container .box>a{
    width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8);
    position: absolute; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center;
    z-index: 100; transition: all 0.3s;
}
#business_moving .container .box>a:hover{background-color: rgba(0, 0, 0, 0.3);}
#business_moving .container .box>a h2{
    font-size: 2rem; margin-bottom: 40px; font-weight: 600; color: #fff;
}
#business_moving .container .box>a p{width: 80%; text-align: center; color: #fff; line-height: 1.3;}
#business_moving .container .box .img_bg{
    width: 100%; height: 100%; border-radius: 50%; 
    position: absolute; z-index: 90;
}/* 이미지*/

#business_moving .container .field_avsystem .img_bg{background: url(../../img/businessfield/avsystem_s.jpg) center/cover;}
#business_moving .container .field_network .img_bg{background: url(../../img/businessfield/network_s.jpg) center/cover;}
#business_moving .container .field_led .img_bg{background: url(../../img/businessfield/led_s.jpg) center/cover;}
#business_moving .container .field_cctv .img_bg{background: url(../../img/businessfield/cctv_s.jpg) center/cover;}
#business_moving .container .field_control .img_bg{background: url(../../img/businessfield/control_s.jpg) center/cover;}

/* ============================================== 상품분야 바로가기 끝 */





@media screen and (max-width:1349px){ /* 태블릿 */
    /* ============================= 첫 화면 시작 */
    #elim_field_top{height: calc(100vh - 80px); padding: 0 80px;}
    #elim_field_top .field_move li>a{margin: 0 30px;font-size: 1rem;}
    /* ============================= 첫 화면 끝 */
    /* ============================= 문구 시작  */
    #elim_field_text{padding: 100px 0;}
    #elim_field_text .container{
        width: 100%; padding: 0 80px;
        flex-flow: column nowrap;
        align-items: start;
    }
    #elim_field_text .container .img{width: 60%; margin: 0 auto 50px;}
    #elim_field_text .container .text_box{width: 100%; font-size: 1.3rem;text-align: center;}
    #elim_field_text .container .text_box>em{font-size: 1.8rem;}
    /* ============================= 문구 끝 */
    /* ============================================== 상품분야 바로가기 시작 */
    #business_moving{width: 100%; padding: 80px 20px;}
    #business_moving .container{width: 100%; height: 500px;}
    #business_moving .container .box{width: 250px; height: 250px;}
    #business_moving .container .box>a h2{font-size: 1.5rem; margin-bottom: 20px}
    #business_moving .container .box>a p{font-size: 0.825rem;}
    /* ============================================== 상품분야 바로가기 끝 */
}

@media screen and (max-width:699px){ /* 모바일 */
    /* ============================= 첫 화면 시작 */
    #elim_field_top{
        height: calc(100vh - 60px);padding: 0;
        justify-content: center; align-items: center;
    }
    #elim_field_top .title_text p{margin-left: 15px;}
    #elim_field_top .title_text h1{font-size: 3rem;}
    #elim_field_top .field_move{padding: 20px 0 ;}
    #elim_field_top .field_move li>a{margin: 0 15px; font-size: 0.875rem;}
    /* ============================= 첫 화면 끝 */
    /* ============================= 문구 시작  */
    #elim_field_text{padding: 70px 0 30px 0;}
    #elim_field_text .container{padding: 0 20px;}
    #elim_field_text .container .text_box{font-size: 1rem;}
    #elim_field_text .container .text_box>em{font-size: 1.4rem;}
    /* ============================= 문구 끝  */
    /* ============================================== 상품분야 바로가기 시작 */
    #business_moving{width: 100%; padding: 40px 5px;}
    #business_moving .container{width: 100%; height: 240px;}
    #business_moving .container .box{width: 115px; height: 115px;}
    #business_moving .container .box>a h2{font-size: 0.8rem; margin: 8px 0}
    #business_moving .container .box>a p{font-size: 0.625rem;}
    /* ============================================== 상품분야 바로가기 끝 */
}