@charset "UTF-8";
/* LAYOUT */
#wrap .contents { position: relative; }

/* KV */
.section.kv_img .kv_img_inner { height: inherit; }

.section.kv_img .kv_img_inner .thumb { height: 100%; }

/* SUB TEXT */
.section.subtext { margin-top: 100px; }

.section.subtext .title_k3 .br_m { display: none; }

/* HISTORY */
.section.history .anchorWrap { position: fixed; left: 6.25vw; top: calc(47% + 180px); z-index: 9; opacity: 0; }

.section.history .anchorWrap.active { opacity: 1; }

.section.history .anchorWrap .anchorBox { display: inline-block; vertical-align: middle; top: 0; left: 0; width: 0; white-space: nowrap; -webkit-transform: rotate(-90deg) translateY(50%); -moz-transform: rotate(-90deg) translateY(50%); -ms-transform: rotate(-90deg) translateY(50%); -o-transform: rotate(-90deg) translateY(50%); transform: rotate(-90deg) translateY(50%); -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.section.history .anchorWrap .anchorBox .anchor { display: inline-block; vertical-align: middle; margin-left: 48px; }

.section.history .anchorWrap .anchorBox .anchor:first-child { margin-left: 0; }

.section.history .anchorWrap .anchorBox .anchor.active span { color: #000; }

.section.history .anchorWrap .anchorBox .anchor.active span:after { background-color: #000; }

.section.history .anchorWrap .anchorBox .anchor span { display: inline-block; vertical-align: middle; font-size: 16px; color: #aaa; line-height: 1.8; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; }

.section.history .anchorWrap .anchorBox .anchor span:before { display: block; content: ''; }

.section.history .anchorWrap .anchorBox .anchor span:after { display: block; content: ''; width: 100%; height: 1px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; }

@media all and (max-width: 1440px) { .section.history .anchorWrap .anchorBox .anchor { margin-left: 4vh; } }

.section.history .history_current { float: left; width: calc(100% - 690px); font-size: 7vw; line-height: 1; padding-top: 180px; height: 100vh; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s; background-color: transparent; }

.section.history .history_current.fix { position: fixed; top: 0; margin-left: -6.25vw; padding-left: 6.25vw; }

.section.history .history_current.bg_white { background-color: #fff; }

@media all and (max-width: 1600px) { .section.history .history_current { padding-top: 120px; } }

@media all and (max-width: 1366px) { .section.history .history_current { font-size: 5vw; padding-top: 12vw; } }

.section.history .list { position: relative; float: right; width: 690px; }

.section.history .list .timeline { display: block; content: ''; position: absolute; top: 180px; left: 96px; width: 1px; height: 0; max-height: calc(100% - 180px); background: #e51937; z-index: 9; -webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear; }

.section.history .list .historyBox { position: relative; padding-top: 180px; }

.section.history .list .historyBox:first-child { padding-top: 180px; }

.section.history .list .historyBox:first-child:before { top: 180px; height: calc(100% - 180px); }

.section.history .list .historyBox:first-child .history:first-child { padding-top: 0; }

.section.history .list .historyBox:first-child .history:first-child:after { top: 0; }

.section.history .list .historyBox:before { display: block; content: ''; position: absolute; top: 0; left: 96px; width: 1px; height: 100%; background-color: #e2e2e2; z-index: 5; }

.section.history .list .historyBox:nth-last-child(2):before { height: calc(100% - 86px); }

.section.history .list .historyBox:nth-last-child(2) .history:last-child:after { display: block; background-color: #000; }

.section.history .list .historyBox:nth-last-child(2).active .history:after { background-color: #000; }

.section.history .list .historyBox:nth-last-child(2).active .history:first-child:after { background-color: #e2e2e2; }

.section.history .list .historyBox.active .history:after { background-color: #e51937; }

.section.history .list .historyBox .history { position: relative; overflow: hidden; padding-top: 70px; }

.section.history .list .historyBox .history:first-child:after { display: block; }

.section.history .list .historyBox .history:before { display: block; content: '2021'; float: left; width: 96px; height: 100%; font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 500; color: #d9d9d9; line-height: 1; }

.section.history .list .historyBox .history:after { display: none; content: ''; position: absolute; top: 70px; left: 89px; width: 14px; height: 14px; background: #e2e2e2; border-radius: 50%; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -ms-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; z-index: 10; }

.section.history .list .historyBox .history .textArea { float: left; width: 460px; padding-left: 48px; margin-right: 32px; }

.section.history .list .historyBox .history .textArea .title_k6 { line-height: 1.6; margin-bottom: 16px; margin-top: -6px; }

.section.history .list .historyBox .history .textArea .text_k3 { color: #7c7c7c; margin-bottom: 30px; }

.section.history .list .historyBox .history .mark { display: block; float: left; width: 100px; height: 100px; }

.section.history .list .historyBox.y_2025 .history:before { content: '2025'; }

.section.history .list .historyBox.y_2021 .history:before { content: '2021'; }

.section.history .list .historyBox.y_2020 .history:before { content: '2020'; }

.section.history .list .historyBox.y_2019 .history:before { content: '2019'; }

.section.history .list .historyBox.y_2018 .history:before { content: '2018'; }

.section.history .list .historyBox.y_2017 .history:before { content: '2017'; }

.section.history .list .historyBox.y_2016 .history:before { content: '2016'; }

.section.history .list .historyBox.y_2015 .history:before { content: '2015'; }

.section.history .list .historyBox.y_2014 .history:before { content: '2014'; }

.section.history .list .historyBox.y_2013 .history:before { content: '2013'; }

.section.history .list .historyBox.y_2012 .history:before { content: '2012'; }

.section.history .list .historyBox.y_2011 .history:before { content: '2011'; }

.section.history .list .historyBox.y_2010 .history:before { content: '2010'; }

.section.history .list .historyBox.y_2009 .history:before { content: '2009'; }

.section.history .list .historyBox.y_2008 .history:before { content: '2008'; }

.section.history .list .historyBox.y_2007 .history:before { content: '2007'; }

.section.history .list .historyBox.y_2006 .history:before { content: '2006'; }

.section.history .list .historyBox.y_2005 .history:before { content: '2005'; }

.section.history .list .historyBox.y_2004 .history:before { content: '2004'; }

.section.history .list .historyBox.y_2003 .history:before { content: '2003'; }

.section.history .list .historyBox.y_2002 .history:before { content: '2002'; }

.section.history .list .historyBox.y_2001 .history:before { content: '2001'; }

.section.history .list .historyBox.y_2000 .history:before { content: '2000'; }

.section.history .list .historyBox.y_1999 .history:before { content: '1999'; }

.section.history .list .historyBox.y_1996 .history:before { content: '1996'; }

.section.history .list .historyBox.y_1994 .history:before { content: '1994'; }

/* en style */
body.en .section.history .list .historyBox:nth-last-child(2):before { height: calc(100% - 86px); }

/*--------------- MEDIA QUERY ---------------*/
/* TABLET */
@media all and (max-width: 1023px) { /* LAYOUT */
  .section .sub_kv .title_k2 { max-width: 100%; }
  /* KV */
  /* SUB TEXT */
  .section.subtext { margin-top: 80px; }
  /* HISTORY */
  .section.history .anchorWrap { top: 0; left: 0; }
  .section.history .anchorWrap .anchorBox { width: auto; top: 0; left: 0; height: 38px; transform: none; vertical-align: top; padding: 0 6.25vw; z-index: 3; }
  .section.history .anchorWrap .anchorBox:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100vw; height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: #fff; z-index: 2; }
  .section.history .anchorWrap .anchorBox .anchor { margin-left: 20px; float: right; position: relative; top: 0; z-index: 3; height: 38px; }
  .section.history .anchorWrap .anchorBox .anchor:first-child { margin-left: 20px; }
  .section.history .anchorWrap .anchorBox .anchor:last-child { margin-left: 0; }
  .section.history .anchorWrap .anchorBox .anchor.active span:before { color: #000; }
  .section.history .anchorWrap .anchorBox .anchor:not(:last-child) span { width: 41px; }
  .section.history .anchorWrap .anchorBox .anchor span { height: 38px; font-size: 14px; line-height: 2.7; color: transparent; }
  .section.history .anchorWrap .anchorBox .anchor span:before { display: block; width: 100%; height: 38px; position: absolute; top: 0; left: 0; color: #aaa; background: #fff; z-index: 2; }
  .section.history .anchorWrap .anchorBox .anchor span:after { position: absolute; top: 38px; z-index: 3; }
  .section.history .anchorWrap .anchorBox .anchor:nth-child(1) span:before { content: '-1994'; }
  .section.history .anchorWrap .anchorBox .anchor:nth-child(2) span:before { content: '-2006'; }
  .section.history .anchorWrap .anchorBox .anchor:nth-child(3) span:before { content: '-2011'; }
  .section.history .anchorWrap .anchorBox .anchor:nth-child(4) span:before { content: '현재-2016'; }
  .section.history .history_current { float: none; width: 100%; font-size: 54px; padding: 78px 0 40px; background-color: #fff; height: auto; }
  .section.history .history_current.fix { z-index: 2; padding-left: 0; margin: 0; }
  .section.history .list { float: none; width: 100%; }
  .section.history .list .historyBox:first-child { padding-top: 40px; }
  .section.history .list .historyBox:first-child:before { top: 40px; height: calc(100% - 40px); }
  .section.history .list .historyBox:first-child .history:first-child:before { top: 0; }
  .section.history .list .historyBox:before { left: 53px; }
  .section.history .list .historyBox:nth-last-child(2):before { height: calc(100% - 96px); }
  .section.history .list .historyBox:nth-last-child(2) .history:last-child:after { top: 50px; }
  .section.history .list .historyBox .history { padding-top: 50px; }
  .section.history .list .historyBox .history:first-child { padding-top: 0; }
  .section.history .list .historyBox .history:first-child:before { top: 0; }
  .section.history .list .historyBox .history:before { float: none; position: absolute; top: 50px; left: 0; width: auto; height: auto; font-size: 15px; }
  .section.history .list .historyBox .history:after { top: 0; left: 48px; width: 10px; height: 10px; }
  .section.history .list .historyBox .history .textArea { padding-left: 70px; margin-right: 0; width: 100%; float: none; }
  .section.history .list .historyBox .history .textArea .text_k3 { margin-bottom: 0; }
  .section.history .list .historyBox .history .mark { float: none; display: block; width: 68px; height: 68px; margin-top: 6px; margin-left: 70px; }
  body.en .section.history .anchorWrap .anchorBox .anchor.active span:before { content: "-2016"; } }

/* MOBILE */
@media all and (max-width: 767px) { .section.subtext .title_k3 br { display: none; }
  .section.subtext .title_k3 .br_m { display: block; }
  .section.history .anchorWrap .anchorBox { top: 0; } }

/* MOBILE */
@media all and (max-width: 767px) { .body.en .section.history .list .historyBox .history .textArea .title_k6 { margin-top: -5px; } }

/*# sourceMappingURL=awardswinner.css.map */