@charset "utf-8";


/*연혁*/

/*시작과 도전*/
.startChall article{display:flex; align-items: center; height:100%;}
.startChall h3{position:relative;margin-top: -235px;width:40%;height:160px;line-height:1.1;letter-spacing: -0.07em;overflow:hidden;}
.startChall h3 em span{display:block; font-size:6rem;}
.startChall h3 em b{font-size:5rem; font-weight:500;}
.startChall h3 em span, .startChall h2 em b{transition-duration:0.5s;}
.startChall ul{position:absolute; right:0px; top:50%; transform:translateY(-50%); width:60%; height:auto; max-height:595px; vertical-align:middle; overflow:hidden; transition-duration:0.5s;}
.startChall ul li{position:relative; display:table; top:20px; margin-bottom:125px; opacity:0;}
.startChall ul li:last-child{margin-bottom:0px;}
.startChall ul li:nth-of-type(2){animation-delay:0.6s;}
.startChall ul li:nth-of-type(3){animation-delay:1s;}
.startChall ul.on li{-webkit-animation-duration: 1s;animation-duration: 1s;-moz-animation-name: listOn;-webkit-animation-name: listOn;animation-name: listOn;animation-fill-mode: forwards;}

@keyframes listOn{
  0%{top:20px; opacity:0;}
  100%{top:0px; opacity:1;}
}
.startChall ul li time{display:inline-block; width: 130px; font-size:3rem; font-weight:600;}
.startChall ul li strong{display:table-cell;font-size:2rem;position: relative;top: -9px;}
.startChall ul li strong span{display:block;opacity:0.6;font-size:1.5rem;margin-top: 5px;}

@keyframes updown{
  0%{top:-35px;}
  30%{top:-45px}
  100%{top:-35px}
}
/*수상 목록*/
.trophy{padding: 100px 0px 130px;background:#172355;color:#fff;}
.trophy h2{font-size:3.5rem; line-height:45px; margin-left: 36px;}
.trophy ul{position:relative;width:1300px;height:490px;margin: 106px auto 0px;}
.trophy ul.on{background:url('../../images/history.gif')no-repeat;}
.trophy ul li{position:absolute;font-size: 1.8rem;color:#fff;line-height: 20px;letter-spacing:-0.6px;opacity:0.2;transition-duration:0.6s;}
.trophy ul li.on{opacity:1;}
.trophy ul li time{display:block; margin-bottom:4px; color:#59c7f7; font-size:1.5rem;}
.trophy ul li::before,.trophy ul li::after{content:""; position:absolute; top:-35px; left:-15px; display:block; width:16px; height:27px; border-radius:50px;}
.trophy ul li.on::before,.trophy ul li.on::after{-webkit-animation-duration: 0.6s;animation-duration: 0.6s;-moz-animation-name: updown;-webkit-animation-name: updown;animation-name: updown;animation-fill-mode: forwards;}
.trophy ul li::before{background:#0033ff; opacity:0.8; transform:rotate(-45deg); z-index:2;}
.trophy ul li::after{left:-7px; background:#59c7f7; opacity:0.7; transform:rotate(45deg);}
.trophy ul li:nth-of-type(1){top:41px;left: 18px;}
.trophy ul li:nth-of-type(2){top:41px;left: 359px;}
.trophy ul li:nth-of-type(3){top:41px;left: 743px;}
.trophy ul li:nth-of-type(4){top: 41px;right:87px;}
.trophy ul li:nth-of-type(5){top: 246px;right: 151px;}
.trophy ul li:nth-of-type(6){top: 246px;right: 678px;}
.trophy ul li:nth-of-type(7){top: 246px;left:183px;}
.trophy ul li:nth-of-type(8){top: 453px;left: 280px;}
.trophy ul li:nth-of-type(9){top: 453px;left:678px;}
.trophy ul li:nth-of-type(10){top: 453px;right:87px;}


/*특허*/
.patent{padding-top:140px;}
.patent .amount{margin:calc(10% - 80px) auto 25px}

/*연혁*/
.hisVisu{height:100%; background:#fff; z-index:2;}
.hisVisu .videoWrap{position:Absolute; bottom:0px; right:0px; width:842px; height:644px; overflow:hidden;}
.hisVisu .videoWrap::after{content:""; position:absolute; left:0px; bottom:0px; display:block; width:100%; height:1px; background:#fff;}
.hisVisu video{position:absolute; right:-320px; bottom:0px;}
/*.hisVisu video::after{content:""; position:absolute; display:block; width:100%; height:1px; border:1px solid #fff;}*/
/*.hisVisu .animatePaths{width:70%; height:100%; bottom:0px; right:40px; overflow:hidden;}
.hisVisu .animatePaths>.path1{right:211px; bottom:-385px; width:570px; height:600px; border:2px dashed #d8d8d8; border-radius:570px 570px 0px 0px; z-index:2; transition-duration:2s;}
.hisVisu .animatePaths>.path2{right:0px; bottom:-577px; width:486px; height:792px; border:2px dashed #d8d8d8; border-radius:486px 486px 0px 0px; transition-duration:1s;}
.hisVisu .animatePaths>div:not(.paths1)::before,.hisVisu .animatePaths>.path1:after{content:""; position:absolute; display:block; width:22px; height:22px; background:#f26b55; border:5px solid #fff; border-radius:50%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); transform:scale(0); transition-duration:0.3s;}
.hisVisu.secondOn .animatePaths div::before,.hisVisu.secondOn .animatePaths div::after{transform:scale(1);}
.hisVisu .animatePaths .paths1{width:100%; height:100%; }
.hisVisu .animatePaths>.path1::before{right:254px; top:-12px;}
.hisVisu .animatePaths>.path1::after{left:-11px; bottom:0px;}
.hisVisu .animatePaths>.path2::before{left:calc(50% - 22px); top:-15px;}
.hisVisu .animatePaths .paths1 .path1{right:260px; bottom:-352px; width:463px; height:570px; border-radius:463px 463px 0px 0px; background:#0033ff; mix-blend-mode: multiply; z-index:2; transition-duration:2s;}
.hisVisu .animatePaths .paths1 .path2{right:40px; bottom:-544px; width:400px; height:762px; border-radius:463px 463px 0px 0px; background:#59c7f7; transition-duration:1s;}
.hisVisu.on .animatePaths .path1,.hisVisu.on .animatePaths .path2{bottom:-2px;}*/
.startChall h3 em{position:absolute; top:0px; opacity:0; transition-duration:1s;}
.startChall h3 em.on{opacity:1;}
.startChall{height:100%;}
.startChall .paths{position:absolute; opacity:0;transition-duration:0.7s;z-index:-1;}
.startChall .paths.on{opacity:1;}
.startChall .paths div{position:absolute; transition-duration:0.7s; transform:translate(-40%,-40%);}
.startChall .path1{left: -661px;top: -719px;width:1113px;height:892px;background:url('../../images/path07_1.png') right bottom no-repeat;transition-duration:0.8s;opacity:0;}
.startChall .path2{left: -1018px;top: -737px;width:1173px;height:855px;background:url('../../images/path07_2.png') right bottom no-repeat;transition-duration:1.2s;opacity:0;}
.startChall .paths div{transition-duration:0.8s;}
.startChall .paths .path1.on,.startChall .paths .path2.on{transform:translate(0%,0%); opacity:1;}

.patent .tbl table {display: inline-table;}
.patent .tblList td {height:125px;}
/*.patent .tblList td:nth-of-type(1) {width:250px;}
.patent .tblList td:nth-of-type(2) {width:880px;}
.patent .tblList td:nth-of-type(3) {width:150px;}*/
.patent .tblList td:nth-of-type(1) {width:80%;}
.patent .tblList td:nth-of-type(2) {width:20%;text-align: center;}
.patent .tblList .tblTitle a {pointer-events: none;}

.patent .board h3{font-size:2rem; color:#181818; font-weight:200; margin-top:78px;}
.patent .board ul{display:flex; margin-top:25px; justify-content:space-around;border-top:1px solid #000;padding: 63px 0px 68px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.patent .board ul li{font-size:1.7rem; font-weight:500;}
.patent .board ul li strong{font-size:3rem;line-height:7rem;}
.patent .board ul li i{display:inline-block;color:#0033ff;font-size:7rem;font-weight:500;margin:0px 5px 0px 40px;vertical-align:middle;line-height: 100%;line-height: 4rem;position: relative;top: -2px;/* border: 1px solid red; */height: 7rem;line-height: 100%;}