@charset "utf-8";   
     /*menu 속성*/   
     .Menu li:nth-child(3){ color:#ec741e;}
     .Menu li:nth-child(3) .line{display: block;}
    /*history.css*/
        .conL, .conR {float: left; }
        .conL{width: 44.5%; height:650px;  background: url(../img/conL6.png)no-repeat center right; }
        .conR{width: 55%;  height:650px;}
        .conR h2{color: #fff; font-weight: bold; text-align: center; position: relative; top: 10rem; font-size: 30px;}
        .conR .line3 {background: #ec741e;  content: ""; width: 100%; height: 1px; display: inline-block; position: relative;  top: 20rem;}
        .conR .line3 {display: flex; justify-content:space-around;}
        .line3 .cicle{width: 30px; height: 30px; border-radius: 50%; background: #ec741e; position: relative; bottom: 13px; }
        .cicle >  h3 {position: relative; right:6px;top: 45px; color: #ec741e;  font-size: 20px; font-weight: bold;}
        .cicle  > p{ width: 250px;text-align: center; position: relative; right: 107px; top: 55px; line-height: 25px; color: #fff; font-size: 17px; font-weight: 200; }
        .cicle:nth-child(3) p::after{content: ""; width: 10px; height: 1px; display: block; background: #ec741e; margin: 15px; position: relative ; left: 6.5rem;}
        .cicle:nth-child(3) p:last-child::after { display: none;}
        

      
    @media (max-width: 1200px){

        .conL{width: 38%;}
        .conR{width: 60%;}
        .conR h2{font-size: 22px;}
        .line3 .cicle{width: 20px; height: 20px; bottom: 10px;}
        .cicle p{ right:112px;  font-size: 12px; font-weight: 100; line-height: 20px; }
        .cicle h3 { right: 3px;   font-size: 15px;}
    
    }


    @media (max-width: 767px) {
 
        .conL{display: none;}
        .conR{width:90%;}
        .conR h2{ top: 4rem; font-size: 20px;}
        .conR h2{font-size: 20px;}
        .conR .line3 { width: 1px; top: 6rem; height: 530px;}
        .conR .line3 { justify-content:space-evenly; flex-direction: column; align-items:center; left: 50%;}
        .cicle h3 { right: 0; left: 6.8rem; top:-2rem; }
        .cicle p{ right:0; left: 0; top: -1.5rem; line-height: 20px; }
        .cicle:nth-child(3) p::after{ margin: 10px; }
         
     }

     @media (max-width: 500px) {
     
        .conR .line3 { height:400px; justify-content:space-around;}
        .conR h2{font-size: 17px;}
        .cicle:nth-child(3) p::after{ margin: 5px;  left: 7rem;}
        

    }

    @media (max-height:870px){
        
        .conL{background: url(../img/conL7.png)no-repeat center right;}
        .conR h2{font-size: 17px;}
        .cicle p{ right:112px;  font-size: 12px; font-weight: 100; line-height: 20px; }
        .cicle h3 { right: 3px;   font-size: 15px;}
       
    }