@charset "UTF-8";
/*base*/
.clearFix::after{display:block; clear:both; content:'';}
.half > *{width:50%; float:left;}

/* .contents .main_content .tab_content .part:last-child { padding: 52px 0; }
 */
/* tabmenu */
.tabmenu, .link_tab {position: relative; padding: 60px 0 0;}
.tabmenu li, .link_tab li {float: left; width: 33.33%;}
.tabmenu.half_tab li, .link_tab.half_tab li {width: 50%;}
.tabmenu li > a, .link_tab li > a {font-size: 24px; line-height: 2.16; color: #878b8d; letter-spacing: -.01em; text-align: center; border-bottom: 2px solid rgba(135, 139, 141, .5); padding-bottom: 11px;}
.tabmenu  li:hover a, .tabmenu li.active a, .link_tab  li:hover a, .link_tab li.active a {font-weight: 600; color: #333;}
.tab_cont {display: none;}
.tab_cont.active {display: block;}
.tab_bar {position: absolute; bottom: 0; width: 33.33%; height: 2px; background-color: #333;} 
.tabmenu.half_tab .tab_bar, .link_tab.half_tab .tab_bar {width: 50%;}

.sec_overview .overview_desc h2 {text-align: center;}
.year_m {display: none;}

/* .sub_wrap section.history .tab_cont {padding-top: 60px;} */
.sub_wrap .history {padding-top: 0;}
.history{display:block; padding-top:0;}
.history .tab_cont.tab03 {padding-bottom: 0;}
.history .tab_cont .history_txt {padding-top: 58px;}
.history .tab_cont .history_txt .tit:after {content:''; display: block; position: relative; left: 50%; transform: translateX(-50%); width: 50px; height: 2px; background-color: #3bb149; margin: 34px 0 5px 0;}
.history .tab_cont .history_year {position: absolute; left: 0; top: 0;}
.history .tab_cont .history_year .year_wrap {position: relative; padding-right: 100px; text-align: right;}
.history .tab_cont .history_year .year_quick li {margin-bottom: 2px;}
.history .tab_cont .history_year .year_quick li a {position: relative; display: inline-block; width:110px; font-size:46px; font-weight:700; color: #e3e6e8;  color: #e3e6e8; letter-spacing: -.02em; z-index: 10; text-align:center;}
.history .tab_cont .history_year .year_quick li:hover a {color: #3b4951;}
.history .tab_cont .history_year .year_quick li.active a {position: relative; width:auto; font-size:124px; font-weight:700; color: #3bb149; letter-spacing: -.02em;/* margin-bottom: 46px; */margin-top: -30px;text-indent: 3.1%; z-index: 1;}
.history .tab_cont .history_wrap {position: relative; margin-top: 13px; }
.history .tab_cont .history_wrap .indicator {width: 16px;height: 16px;position: absolute;left: 50%;top: 0px;transform: translateX(-50%);border-radius: 50%; background-color: #3bb149;}
.history .tab_cont .history_wrap.fixed .indicator {position: fixed;top: 134px; left:50vw; }
.macos .history .tab_cont .history_wrap.fixed .indicator {left: 50%;}
.history .tab_cont .history_wrap.fixed .history_year {position: fixed;top: 165px;left: 8px;}
.history .tab_cont .history_list {float: right; border-left: 1px solid #3bb149;  }
.history .tab_cont .history_list li {position: relative; padding-left: 100px;padding-top: 130px;}
.history .tab_cont .history_list li:first-child {padding-top: 0;}
.history .tab_cont .history_list li:last-child {padding-bottom: 130px;}

/* .history .tab_cont .history_list::after { content: ''; width: 2px; height: 100%; background: #3bb149; position: absolute; top: 0; left:-1px; } */

.history .tab_cont .history_list > li dl {position: relative; }
.history .tab_cont .history_list > li dl + dl {margin-top: 65px;}
.history .tab_cont .history_list > li dt { color: #a3a3a3; display: inline-block; vertical-align: middle; font-family:'NotoSansCJKkr'; font-weight: 400; font-size: 24px; line-height: 1.25; position: absolute;top: 0;left: 0;}
.history .tab_cont .history_list > li[data-active] dt{color: #3bb149; font-weight: 700; }
.history .tab_cont .history_list > li[data-active] dd { color: #000; }
.history .tab_cont .history_list > li dd {color: #a3a3a3; display: block; vertical-align: middle; font-family:'NotoSansCJKkr'; font-size: 22px; font-weight:400; line-height: 1.45; letter-spacing: -.03em; word-break: keep-all;}
.history .tab_cont .history_list > li dd + dd {padding-top: 18px;}
.history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 82px; padding-right: 70px; }
.history .tab_cont .history_list > li dd.obj_wrap {padding-top: 18px; padding-bottom: 18px; padding-left: 13%;}
.history .tab_cont .history_list > li dd.obj_wrap .obj {border-radius: 10px; overflow: hidden;}
.history .tab_cont .history_list > li dd .bracket {display: block;color: #878b8d;font-size: 18px;line-height: 1.78;}
.history .tab_cont .history_list > li dd .bracket.inb {display: inline-block;}

@media screen and (max-width: 1440px) {
/*base*/
/* .contents .main_content .tab_content .part:last-child { padding: 3.61vw 0; }
 */
/* tabmenu */
.tabmenu, .link_tab { padding: 4.17vw 0 0;}
.tabmenu li > a, .link_tab li > a {font-size: 1.67vw; padding-bottom: 0.76vw;}

.tab_bar { bottom: 0; height: 2px; } 


/* .sub_wrap section.history .tab_cont {padding-top: 4.17vw;} */
.history .tab_cont .history_txt {padding-top: 4.03vw;}
.history .tab_cont .history_txt .tit:after { left: 50%; transform: translateX(-50%); width: 3.47vw; height: 2px;  margin: 2.36vw 0 0.35vw 0;}
.history .tab_cont .history_year { left: 0; top: 0;}
.history .tab_cont .history_year .year_wrap {padding-right: 6.94vw;}
.history .tab_cont .history_year .year_quick li {margin-bottom: 0.14vw;}
.history .tab_cont .history_year .year_quick li a { width:7.64vw; font-size:3.19vw;  }
.history .tab_cont .history_year .year_quick li.active a { font-size:8.61vw; margin-top: -2.08vw; }
.history .tab_cont .history_wrap { margin-top: 0.90vw; }
.history .tab_cont .history_wrap .indicator {width: 1.11vw;height: 1.11vw;left: 50%;transform: translateX(-50%);}
.history .tab_cont .history_wrap.fixed .indicator {top: 9.31vw; left: 50vw; }
.macos .history .tab_cont .history_wrap.fixed .indicator {left: 50%;}
.history .tab_cont .history_wrap.fixed .history_year {top: 11.46vw; left: 0.56vw;}
.history .tab_cont .history_list li { padding-left: 6.94vw;padding-top: 9.03vw;}
.history .tab_cont .history_list li:first-child {padding-top: 0;}
.history .tab_cont .history_list li:last-child {padding-bottom: 9.03vw;}

.history .tab_cont .history_list > li dl + dl {margin-top: 4.51vw;}
.history .tab_cont .history_list > li dt { font-size: 1.67vw;top: 0;left: 0;}
.history .tab_cont .history_list > li dd { font-size: 1.53vw; }
.history .tab_cont .history_list > li dd + dd {padding-top: 1.25vw;}
.history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 5.69vw; padding-right: 4.86vw; }
.history .tab_cont .history_list > li dd.obj_wrap {padding-top: 1.25vw; padding-bottom: 1.25vw;}
.history .tab_cont .history_list > li dd.obj_wrap .obj {border-radius: 0.69vw; }
.history .tab_cont .history_list > li dd .bracket {font-size: 1.25vw;}

}

/* 
@media screen and (max-width: 1373px) {
  
  .history .tab_cont .history_list li { padding-top: 16.75vw; }

}
 */

@media screen and (max-width: 1024px) and (min-width: 769px) {

   .history .tab_cont .history_wrap .indicator {width: 10px;height: 10px;}

   .history .tab_cont .history_list > li dd { font-size: 16px; }
   .history .tab_cont .history_list > li dt { font-size: 17px; }
   .history .tab_cont .history_year .year_quick li.active a { font-size: 88px; }
   .history .tab_cont .history_year .year_quick li a { font-size: 33px; }
   .history .tab_cont .history_year .year_quick li { margin-bottom: 1px; }
   .history .tab_cont .history_list > li dd + dd { padding-top: 13px; }
   .history .tab_cont .history_list > li dl + dl { margin-top: 46px; }
}


@media screen and (max-width: 768px) {
  
  .history .tab_cont .history_year .year_quick li a{width:auto;}
  .contents .main_content .tab_content .part:last-child { padding-top: 12.76vw; }
  /* tabmenu */
  .tabmenu, .link_tab {padding: 23.15vw 0 0; overflow: hidden;}
  /* .tabmenu ul, .link_tab ul {width: 110vw;} */
  .tabmenu li a , .link_tab li a {/* font: 400 4.17vw/1 acumin-pro, sans-serif; */color: #878b8d;letter-spacing: -.01em;text-align: center;border-bottom: 2px solid #c2c4c5;padding-bottom: 2vw;}
  .tabmenu li a.nsq, .link_tab li a.nsq  {font-family: NanumSquare, sans-serif;}
  .tabmenu li:hover a, .tabmenu li.active a, .link_tab li:hover a, .link_tab li.active a {font-weight: 600; color: #333;}

  .tabmenu.round {/* border-bottom: 2px solid #6f7070;  */padding: 6.48vw 0 6.48vw;}
  .tabmenu.round.two {overflow: hidden;}
  .tabmenu.round.two ul {float: left; position: relative; left: 50%; transform: translateX(-50%);}
  .tabmenu.round li {width: auto; margin-right: 3.7vw;}
  .tabmenu.round li:last-child {margin-right: 0;}
  .tabmenu.round li a {height: 9.54vw; line-height: 9.54vw; font-weight: 700; color: #4f5254; border: 2px solid #4f5254; border-radius: 5vw; padding: 0 4.91vw;}
  .tabmenu.round li.active a {color: #fff; background-color: #4f5254;}

  /* .sub_wrap section.history .tab_cont {padding-top: 16vw;} */
  .year_m { font-weight: bold; display: block; font-size: 18.23vw; color: #eff1f3;letter-spacing: -.02em;margin-bottom: 5.21vw;}
  .history .tab_cont .history_txt .tit:after{left: 0;transform: translateX(0);height: 0.26vw;width: 9.26vw;background-color: #e64d2c;margin: 4.63vw 0;}
  .history .tab_cont .history_txt {padding-top: 0;}
  .history .tab_cont .history_year, .history .tab_cont .history_wrap.fixed .indicator {display: none;}
  .history .tab_cont .history_year .year_wrap {position: relative;padding-right: 20.83vw;text-align: right;}
  .history .tab_cont .history_wrap {position: relative;/* margin-top: 5.99vw; */ padding-bottom: 0; }
  .history .tab_cont .history_wrap .indicator {width: 2.08vw;height: 2.08vw;position: absolute;left: 50vw;top: 0;transform: translateX(-50%);border-radius: 50%;background-color: #e64d2c;}
  .history .tab_cont .history_wrap.fixed .history_year {position: fixed; top: 10.42vw;}
  .history .tab_cont .history_list {float: none; width: 100%; border: none;}
  .history .tab_cont .history_list li {position: relative;padding-top: 0;padding-left: 0;margin-bottom: 7vw;}
  .history .tab_cont .history_list li:last-child {padding-bottom: 0;}

  .history .tab_cont .history_list > li dd + dd { padding-top: 1.30vw; }
  .history .tab_cont .history_list > li dl + dl { margin-top: 4.82vw; }
  .history .tab_cont .history_list > li dl {position: relative;}
  .history .tab_cont .history_list > li dl:last-child {padding-bottom: 0;}
  .history .tab_cont .history_list > li dt { color: #3bb149; display: inline-block; font-weight: 800; font-size: 4.43vw; line-height: 1.23; vertical-align: middle; letter-spacing: -.04em;position: absolute;top: 0;left: 0.26vw;}
  .history .tab_cont .history_list > li dd {font-weight: 400; font-size: 3.65vw; line-height: 1.43; padding-bottom: 3.7vw;}
  .history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 10.03vw; padding-right: 0; color: #555; }
  .history .tab_cont .history_list > li dd .bracket {color: #878b8d;font-size: 3.89vw;}
}


@media screen and (max-width: 320px) {
  .contents .main_content .tab_content .part:last-child { padding-top: 41px; }
  /* tabmenu */
  .tabmenu, .link_tab {padding: 74px 0 0; }
  /* .tabmenu ul, .link_tab ul {width: 352px;} */
  .tabmenu li a , .link_tab li a {/* font: 400 13px/1 acumin-pro, sans-serif; */letter-spacing: -.01em;border-bottom: 2px solid #c2c4c5;padding-bottom: 6px;}
  .tabmenu li a.nsq, .link_tab li a.nsq  {font-family: NanumSquare, sans-serif;}
  .tabmenu li:hover a, .tabmenu li.active a, .link_tab li:hover a, .link_tab li.active a { }

  .tabmenu.round {/* border-bottom: 2px solid #6f7070;  */padding: 21px 0 21px;}
  .tabmenu.round.two {}
  .tabmenu.round.two ul {  left: 50%; transform: translateX(-50%);}
  .tabmenu.round li {width: auto; margin-right: 12px;}
  .tabmenu.round li:last-child {margin-right: 0;}
  .tabmenu.round li a {height: 31px; line-height: 31px;   border: 2px solid #4f5254; border-radius: 16px; padding: 0 16px;}
  .tabmenu.round li.active a { }
  
  /* .sub_wrap section.history .tab_cont {padding-top: 51px;} */
  .year_m {   font-size: 58px; letter-spacing: -.02em;margin-bottom: 17px;}
  .history .tab_cont .history_txt .tit:after{left: 0;transform: translateX(0);height: 1px;width: 30px;margin: 15px 0;}
  .history .tab_cont .history_txt {padding-top: 0;}
  .history .tab_cont .history_year, .history .tab_cont .history_wrap.fixed .indicator {}
  .history .tab_cont .history_year .year_wrap {padding-right: 67px;}
  .history .tab_cont .history_wrap {/* margin-top: 19px; */ margin-top: 0; }
  .history .tab_cont .history_wrap .indicator {width: 7px;height: 7px; left: 50vw; top: 0;transform: translateX(-50%);border-radius: 50%;}
  .history .tab_cont .history_wrap.fixed .history_year { top: 33px;}
  .history .tab_cont .history_list { width: 100%; border: none;}
  .history .tab_cont .history_list li {padding-top: 0;padding-left: 0;margin-bottom: 22px;}
  .history .tab_cont .history_list li:last-child {padding-bottom: 0;}

  .history .tab_cont .history_list > li dd + dd { padding-top: 4px; }
  .history .tab_cont .history_list > li dl + dl { margin-top: 15px; }
  .history .tab_cont .history_list > li dl {}
  .history .tab_cont .history_list > li dl:last-child {padding-bottom: 0;}
  .history .tab_cont .history_list > li dt {    font-size: 14px; line-height: 1.23;  letter-spacing: -.04em;top: 0;left: 1px;}
  .history .tab_cont .history_list > li dd {  font-size: 12px; line-height: 1.43; padding-bottom: 12px;}
  .history .tab_cont .history_list > li dd:not(.obj_wrap)  {padding-left: 32px; padding-right: 0;  }
  .history .tab_cont .history_list > li dd .bracket {font-size: 12px;}
  
  }