@charset "utf-8";

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

.teb_btn{margin-bottom:100px;}
.teb_btn.fixed{position: fixed; top: 100px; left: 0; width: 100%; z-index: 1;}
.teb_btn ul{display: flex; align-items: center;display: flex; align-items: center; }
.teb_btn ul li{flex: auto; color: #fff; font-size: 20px; text-align: center; cursor: pointer; line-height: 50px;border-left: 2px solid #ffffff52;background: #ca9f68;}
.teb_btn ul li.atv{background:#ad8c61}
.teb_btn ul li:nth-child(1){border-left: 2px solid #ca9f68;}
.teb_btn ul li:nth-child(1).atv{border-left: 2px solid #ad8c61;}
#con1 .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; }
#con1 .history_top .co{position:relative;top:50%;transform:translateY(-50%); }
#con1 .history_top .co .tx01{ font-size:100px; color:#ccaa77;font-weight:900; line-height:1; margin-bottom:40px; }
#con1 .history_top .co .tx02{ font-size:36px; color:#ccaa77;font-weight:700; line-height:1; }

#con1 .history{ width:100%;background:#f8f8f8;  padding:70px 0  150px; }
#con1 .history .cont{ width:1560px; margin:auto;  }
#con1 .history .cont:after{clear:both;content:"";display:block ; }
#con1 .history .cont .menus{ width:300px; position:sticky; top:300px;float:left;  }
#con1 .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;}
#con1 .history .cont .menus a.on{ background:#ca9f68; color:#fff; }
#con1 .history .cont .hisoty_box{width:1260px; position:relative;float:left;   }
#con1 .history .cont .hisoty_box .his_area{ padding-left:200px ;position:relative;     }
#con1 .history .cont .hisoty_box .his_area .year_tab{ margin-top:100px; position:relative;}
#con1 .history .cont .hisoty_box .his_area .year_tab .img_area{ position:absolute;right:0px;top:0px;}
#con1 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{text-align:right;}
#con1 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
#con1 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
#con1 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}

#con1 .history .cont .hisoty_box .his_area .years{ position:relative;margin-top:30px;padding-top:50px;}
 
#con1 .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 - */


#con1 .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;  }
#con1 .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;}
#con1 .history .cont .hisoty_box .his_area .his_title{ font-size:26px; color:#111; font-weight:900; line-height:1; margin-bottom:20px;  }
#con1 .history .cont .hisoty_box .his_area .his_txt{ font-size:20px; color:#111; font-weight:500; line-height:40px; }















#con2 .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; }
#con2 .history_top .co{position:relative;top:50%;transform:translateY(-50%); }
#con2 .history_top .co .tx01{ font-size:100px; color:#ccaa77;font-weight:900; line-height:1; margin-bottom:40px; }
#con2 .history_top .co .tx01 span{font-size:80px; color:#ccaa77;font-weight:900; }
#con2 .history_top .co .tx02{ font-size:36px; color:#ccaa77;font-weight:700; line-height:1; }

#con2 .history{ width:100%;background:#f8f8f8;  padding:70px 0  150px; }
#con2 .history .cont{ width:1560px; margin:auto;  }
#con2 .history .cont:after{clear:both;content:"";display:block ; }
#con2 .history .cont .menus{ width:300px; position:sticky; top:200px;float:left;  }
#con2 .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;}
#con2 .history .cont .menus a.on{ background:#ca9f68; color:#fff; }
#con2 .history .cont .hisoty_box{width:1260px; position:relative;float:left;   }
#con2 .history .cont .hisoty_box .his_area{ padding-left:200px ;position:relative;     }
#con2 .history .cont .hisoty_box .his_area .year_tab{ margin-top:100px; position:relative;}
#con2 .history .cont .hisoty_box .his_area .year_tab .img_area{ position:absolute;right:0px;top:0px;}
#con2 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{text-align:right;}
#con2 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
#con2 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}
#con2 .history .cont .hisoty_box .his_area .year_tab .img_area .im1{}

#con2 .history .cont .hisoty_box .his_area .years{ position:relative;margin-top:30px;padding-top:50px;}
 
#con2 .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 - */


#con2 .history .cont .hisoty_box .his_area .his_year{ position:absolute;left:-240px;top:40px;font-size:38px;font-weight:900; color:#ca9f68;line-height:1.2;text-align:right; width:160px;  }
#con2 .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 #ca9f68; content:"";display:block; z-index:2;background:#f9f9f9;}
#con2 .history .cont .hisoty_box .his_area .his_title{ font-size:32px; color:#111;line-height:30px; font-weight:500; margin-bottom:20px;   letter-spacing:-2px;}
#con2 .history .cont .hisoty_box .his_area .his_title span.a1{font-size:34px; color:#111;line-height:30px;;display:inline-block;vertical-align:top;; }
#con2 .history .cont .hisoty_box .his_area .his_title span.a2{display:inline-block;vertical-align:top;font-size:25px; color:#111; font-weight:500; }
#con2 .history .cont .hisoty_box .his_area .his_title span.a3{display:inline-block;vertical-align:top;font-size:25px; color:#111; font-weight:500; }

#con2 .history .cont .hisoty_box .his_area .his_title span{font-size:22px; color:#111; font-weight:500; line-height:1;  }
#con2 .history .cont .hisoty_box .his_area .his_txt{ font-size:20px; color:#111; font-weight:500; line-height:40px; }
#con2 .history .cont .hisoty_box .his_area .his_txt>div{display: flex; column-gap: 10px;}