@charset "utf-8";

.wrap{ padding : 0px 0;}
/* 내용관리 */ 


.history_top{ width:100%; height:495px; max-width:1920px; margin:auto;  background-image:url(/theme/basic/img/history/top_history.jpg);background-repeat:no-repeat; background-position:center;text-align:center; }
.history_top .co{position:relative;top:50%;transform:translateY(-50%); }
.history_top .co .tx01{ font-size:100px; color:#ccaa77;font-weight:900; line-height:1; margin-bottom:40px; }
.history_top .co .tx02{ font-size:36px; color:#ccaa77;font-weight:700; line-height:1; }

.history{ width:100%;background:#f8f8f8;  padding:70px 0  150px; }
.history .cont{ width:1560px; margin:auto;  }
.history .cont:after{clear:both;content:"";display:block ; }
.history .cont .menus{ width:300px; position:sticky; top:300px;float:left;  }
.history .cont .menus a{ display:block; margin-bottom:30px; width:195px;height:60px; line-height:60px; border-radius:40px; border:1px solid #ca9f68; color:#ca9f68; font-weight:700; background:#fff; text-align:center;  font-size:20px;}
.history .cont .menus a.on{ background:#ca9f68; color:#fff; }
.history .cont .hisoty_box{width:1260px; position:relative;float:left;   }
.history .cont .hisoty_box .his_area{ padding-left:200px ;position:relative;     }
.history .cont .hisoty_box .his_area .year_tab{ margin-top:100px; position:relative;}
.history .cont .hisoty_box .his_area .year_tab .img_area{ position:absolute;right:0px;top:0px;}
.history .cont .hisoty_box .his_area .year_tab .img_area .im1{text-align:right;}
.history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
.history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
.history .cont .hisoty_box .his_area .year_tab .img_area .im1{}

.history .cont .hisoty_box .his_area .years{ position:relative;margin-top:30px;padding-top:50px;}
 
.history .cont .hisoty_box .his_area .line{content:"";display:block; width:1px; height:calc(100% - 70px); border-left:2px dashed #ccc; position:absolute;left: -50px;top:70px;  }
/* line - */


.history .cont .hisoty_box .his_area .his_year{ position:absolute;left:-240px;top:40px;font-size:48px;font-weight:900; color:#e3902a;line-height:1.2;text-align:right; width:160px;  }
.history .cont .hisoty_box .his_area .his_year:after{position:absolute;left:184px;top:20px; width:14px; height:14px;border-radius:50%;border:4px solid #e3902a; content:"";display:block; z-index:2;background:#f9f9f9;}
.history .cont .hisoty_box .his_area .his_title{ font-size:26px; color:#111; font-weight:900; line-height:1; margin-bottom:20px;  }
.history .cont .hisoty_box .his_area .his_txt{ font-size:20px; color:#111; font-weight:500; line-height:40px; }