@charset "utf-8";
@import url('http://fonts.cdnfonts.com/css/georgia');

#careerByYear .top-intro {color: #fff;}
#careerByYear .career_wrapper { padding-top: 180px; height: 100%; margin-bottom: 133px;position:relative; } 
#careerByYear .career_wrapper .clock-images-wrapper {position:absolute;width: 100%;left: 0;top: 0;height: 100%;padding-top: 180px; } 
#careerByYear .career_wrapper .clock-images {position: sticky;top: 180px;left: 50%;transform: translateX(-50%);z-index:-1;transition: all 1s linear; } 
#careerByYear .career_wrapper .left-con { position: sticky; top: 180px; float: left; } 
#careerByYear .career_wrapper .left-con .fade-txt-wrap .txt { line-height: 1; display: block; font-size: 58px; font-weight: bold; margin-bottom: 15px;opacity:0;transform:translateX(50px); } 
#careerByYear .career_wrapper .left-con .fade-txt-wrap .txt-1 { transition: all .6s ease } 
#careerByYear .career_wrapper .left-con .fade-txt-wrap .txt-2 { transition: all .6s ease .2s; } 
#careerByYear .career_wrapper .left-con .fade-txt-wrap .txt-3 { transition: all .6s ease .4s; } 
#careerByYear .career_wrapper .left-con .fade-txt-wrap .txt.active {opacity:1;transform:translateX(0); } 
#careerByYear .career_wrapper .left-con .career-year { line-height: 1; margin-top: 125px; font-size: 160px; font-weight: 500; font-family: 'Georgia', sans-serif;opacity:0;transform:translateX(50px);transition: all .6s ease; } 
#careerByYear .career_wrapper .left-con .career-year.viewing {opacity:1;transform:translateX(0px)}

#careerByYear .career_wrapper .right-con { float: right; width: 618px; padding-top: 320px; } 
#careerByYear .career_wrapper .right-con .career-element { border-bottom: 2px solid #f9f7f5; margin-top: 85px; opacity: 0; transition: all .6s ease; } 
#careerByYear .career_wrapper .right-con .career-element.viewing { opacity: 1; } 
#careerByYear .career_wrapper .right-con .career-element:last-child {border-bottom:none; } 
#careerByYear .career_wrapper .right-con .career-element .career-tit { font-size: 22px; font-weight: bold; line-height: 1; margin-bottom: 25px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li { font-size: 17px; font-weight: 500; position: relative; margin-bottom: 22px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li.square { padding-left: 17px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li.square:before {content:"";position:absolute;width:5px;height:5px;background: #333;left: 0;top: 12px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li .kor { word-break: keep-all; margin-bottom: 3px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li .eng { word-break: keep-all; color: #888; font-size: 13px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li.category { padding-left: 74px; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li.category .category-el { background: #900020; color: #fff; font-size: 17px; line-height: 1; padding: 3px 14px; border-radius: 20px; position: absolute; left: 0; top: 3px; min-width: 65px; text-align: center; font-weight: normal; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li .kor.emphasis { color: #900020; } 
#careerByYear .career_wrapper .right-con .career-element .career-con li .eng.emphasis { color: #900020; } 
#careerByYear .career_wrapper .right-con .career-element .career-imgs { margin-top: 49px; margin-bottom: 85px; }