@charset "utf-8";

/*body {background:#fff;}*/

/* 인재채용 */
.circle_area{  position: absolute;top: 100vh;right: 0;left: 0;bottom: 0;overflow: hidden;}
.careers {position:relative;overflow:hidden;}
.careers .circle1 {width:1014px;height:1014px;position:absolute;left:56%;top:-560px;z-index:1;}
.careers .circle1:before {content:'';width:1014px;height:1014px;display:block;background:url('/Images/career/back_circle1.png') no-repeat 0 0;
    -webkit-animation: rotate 90s infinite linear;
    -moz-animation: rotate 90s infinite linear;
    -o-animation: rotate 90s infinite linear;
    animation: rotate 90s infinite linear;
}

.careers .circle2 {width:752px;height:752px;position:absolute;left:-10%;top:2170px;z-index:1;}
.careers .circle2:before {content:'';width:752px;height:752px;display:block;background:url('/Images/career/back_circle2.png') no-repeat 0 0;
    -webkit-animation: rotate 60s infinite linear;
    -moz-animation: rotate 60s infinite linear;
    -o-animation: rotate 60s infinite linear;
    animation: rotate 60s infinite linear;
}

.careers .circle3 {width:198px;height:198px;position:absolute;left:50%;top:2500px;margin-left:-580px;z-index:3;}
.careers .circle3:before {content:'';width:198px;height:198px;display:block;background:url('/Images/career/back_circle3.png') no-repeat 0 0;
    -webkit-animation: rotate 40s infinite linear;
    -moz-animation: rotate 40s infinite linear;
    -o-animation: rotate 40s infinite linear;
    animation: rotate 40s infinite linear;
}

.careers .circle4 {width:190px;height:190px;border-radius:190px;background:#fef8f7;position:absolute;left:50%;top:388px;z-index:-1;margin-left:-660px;}
.careers .circle5 {width:140px;height:140px;border-radius:140px;background:#fef8f7;position:absolute;left:50%;top:850px;z-index:1;margin-left:-870px;}
.careers .circle6 {width:280px;height:280px;border-radius:280px;background:#fef8f7;position:absolute;left:50%;top:1460px;z-index:1;margin-left:850px;}
.careers .circle7 {width:180px;height:180px;border-radius:180px;background:#f7f0ef;position:absolute;left:50%;top:2200px;z-index:2;margin-left:400px;}
.careers .circle8 {width:900px;height:900px;border-radius:900px;background:#fffcfb;position:absolute;left:50%;top:4100px;z-index:0;margin-left:600px;}
.careers .circle9 {width:190px;height:190px;border-radius:190px;background:#fffcfb;position:absolute;left:50%;top:3350px;z-index:0;margin-left:-660px;}


.careers h2 {font-size:26px;color:#333;line-height:26px;font-weight:500;text-align:center;margin-bottom:50px;}
.careers .careers_title {font-size:68px;color:#fff;text-align:center;font-weight:100;line-height:68px;position:relative;padding-bottom:20px;}
.careers .careers_title:before {content:'';width:20px;height:1px;background:#fff;position:absolute;left:50%;bottom:0;margin-left:-10px;}
.careers .careers_text {font-size:16px;color:#fff;line-height:26px;text-align:center;margin-top:20px;font-weight:300;}
.careers .careers_top_ul {width:810px;overflow:hidden;margin:60px auto 0;padding-bottom:60px;position:relative;}
.careers .careers_top_ul li {width:270px;float:left;text-align:center;}
.careers .careers_top_ul li .title {font-size:14px;color:#fff;font-family:'Arial';margin:15px 0;letter-spacing:2px;}
.careers .careers_top_ul li .text {font-size:14px;color:#fff;line-height:21px;font-weight:300;opacity: 0.8;}

/*.section_top {background:#fff;z-index:2 !important;}*/
/*.section_top .section_inner .text_container {margin-top:-140px;}*/
.section_top .back_container {background:none;}
.section_top .back_container .expand_bg {width:100%;height:100%;display:block;background:url('/Images/career/top_bg.jpg') no-repeat 0 center;background-size:cover;}
.section_top .section_inner .ico_scroll{position: absolute;bottom:50px;left:0;right:0;text-align: center;}

.careers .profile_area{position: relative;background: #fff;}
.careers .profile_area .inner{width:1200px;margin:0 auto;padding:80px 0 40px 0;}

.careers .profile_area .inner .challenger_title {text-align:center;margin-bottom: 20px;}
.careers .profile_area .inner .challenger_ul li h2 {text-align:center;margin-top:30px;margin-bottom:15px;font-weight:900;}
.careers .profile_area .inner .challenger_ul li h2:last-child {margin-top:40px;margin-bottom:25px;}
.careers .profile_area .inner .challenger_ul li p {text-align:center;}

/*.careers .profile_area .profile_ul {position:relative;overflow:hidden;z-index:3;width:100%;max-width: 1200px;margin: 0 auto;}*/
.careers .profile_area .profile_ul {z-index:3;width:100%;display:flex;justify-content:space-between;flex-wrap:nowrap;}
.careers .profile_area .profile_ul li:first-child {margin-right:-1px;}
.careers .profile_area .profile_ul li {width:280px;float:left;border:1px solid #cacaca;padding:30px 50px 50px 50px;text-align:center;border-radius:30px;background:#fff;}
.careers .profile_area .profile_ul li .title {font-size:20px;color:#ff4311;font-weight:700;position:relative;padding-bottom:15px;margin-bottom:15px;}
.careers .profile_area .profile_ul li .title:before {content:'';width:12px;height:1px;background:#ff4311;position:absolute;left:50%;bottom:0;margin-left:-6px;}
.careers .profile_area .profile_ul li .text {font-size:14px;color:#333;margin-bottom:15px;font-weight:700;}
.careers .profile_area .profile_ul li p {font-size:14px;color:#666;line-height:26px;}
.careers .profile_area .profile_ul li p b {font-weight: 900;}

.careers .personal_area{position: relative;background: #fff;}
.careers .personal_area .inner{width:1060px;margin:0 auto;padding:80px 0 40px 0;}

.careers .personal_area .personal_ul {position:relative;overflow:hidden;z-index:3;}
.careers .personal_area .personal_ul li:first-child {margin-right:-1px;}
.careers .personal_area .personal_ul li {width:428px;float:left;border:1px solid #cacaca;padding:50px;text-align:center;border-radius:30px;background:#fff;}
.careers .personal_area .personal_ul li .title {font-size:20px;color:#ff4311;font-weight:700;position:relative;padding-bottom:15px;margin-bottom:15px;}
.careers .personal_area .personal_ul li .title:before {content:'';width:12px;height:1px;background:#ff4311;position:absolute;left:50%;bottom:0;margin-left:-6px;}
.careers .personal_area .personal_ul li .text {font-size:14px;color:#333;margin-bottom:15px;font-weight:700;}
.careers .personal_area .personal_ul li p {font-size:14px;color:#666;line-height:26px;}






.careers .careers_area{position:relative;background: #fff;}
.careers .careers_area .inner{width:1060px;margin:0 auto;padding:80px 0 125px 0;}
.careers .careers_area .careers_ul {width:960px;overflow:hidden;margin:0 auto;}
.careers .careers_area .careers_ul li {width:160px;float:left;text-align:center;}
.careers .careers_area .careers_ul li .title {font-size:16px;color:#ff4311;margin:15px 0;}
.careers .careers_area .careers_ul li .text {font-size:14px;color:#333;line-height:21px;}
.careers .careers_area .careers_ul li .text span {font-size:12px;color:#666;}
.careers .careers_area .careers_box {width:960px;height:288px;padding:50px 50px 0 50px;background:#f7f7f7;margin-top:50px;overflow:hidden;position:relative;z-index:2;}
.careers .careers_area .careers_box .education_box {position:relative;display:none;}
.careers .careers_area .careers_box .education_box.active {display:block;}
.careers .careers_area .careers_box .education_box .education_dl {overflow:hidden;}
.careers .careers_area .careers_box .education_box .education_dl dt {width:296px;height:230px;float:left;font-size:20px;color:#333;font-weight:700;line-height:30px;}
.careers .careers_area .careers_box .education_box .education_dl dt span {font-size:16px;color:#ff4311;}
.careers .careers_area .careers_box .education_box .education_dl dd {width:332px;float:left;margin-bottom:40px;font-size:14px;color:#666;line-height:26px;}
.careers .careers_area .careers_box .education_box .education_dl dd span {color:#333;font-weight:700;}
.careers .careers_area .careers_box .careers_btn_area {position:absolute;left:50px;bottom:50px;overflow:hidden;}
.careers .careers_area .careers_box .careers_btn_area a {width:28px;height:28px;display:block;float:left;border:1px solid #c7c7c7;background:#fff;font-family:'Arial';font-size:15px;color:#999;text-align:center;line-height:28px;}
.careers .careers_area .careers_box .careers_btn_area a:first-child {margin-right:-1px;}
.careers .careers_area .careers_box .careers_btn_area a.active {background:#ff4311;color:#fff;}
.careers .careers_area .careers_box .careers_btn_area a:hover {background:#ff4311;color:#fff;}
.careers .culture_area {position:relative;height:560px;padding-top:120px;background:url('/Images/career/culture_bg.jpg') no-repeat center center;background-size:cover;overflow:hidden;z-index:2;}
.careers .culture_area canvas {position:absolute;left:0;top:0;}
.careers .culture_area h2 {color:#fff;margin-bottom:20px;}
.careers .culture_area .text {font-size:16px;color:#fff;text-align:center;}
.careers .culture_area .thumb_box {width:1070px;height:410px;margin:0 auto;position:relative;z-index:3;}
.careers .culture_area .thumb_box .thumb_ico {position:absolute;opacity:0;filter:alpha(opacity=0);
    -webkit-transform: translateY(50px);-moz-transform: translateY(50px);-ms-transform: translateY(50px);-o-transform: translateY(50px);transform: translateY(50px);}

.careers .culture_area .thumb_box .thumb_ico.pos1 {left:0;top:60px;}
.careers .culture_area .thumb_box .thumb_ico.pos2 {left:275px;top:110px;}
.careers .culture_area .thumb_box .thumb_ico.pos3 {left:550px;top:60px;}
.careers .culture_area .thumb_box .thumb_ico.pos4 {left:825px;top:110px;}

.careers .welfare_area {position:relative;padding:120px 0;background:#f7f7f7;}
.careers .welfare_area .welfare_ul {width:990px;margin:0 auto;overflow:hidden;position:relative;z-index:2;}
.careers .welfare_area .welfare_ul li {width:245px;height:120px;padding:30px;float:left;margin:00 11px 30px;border:1px solid #d8d8d8;}
.careers .welfare_area .welfare_ul li.bg1 {background:url('/Images/career/ico_welfare1.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li.bg2 {background:url('/Images/career/ico_welfare2.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li.bg3 {background:url('/Images/career/ico_welfare3.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li.bg4 {background:url('/Images/career/ico_welfare4.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li.bg5 {background:url('/Images/career/ico_welfare5.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li.bg6 {background:url('/Images/career/ico_welfare6.png') no-repeat right bottom #fff;}
.careers .welfare_area .welfare_ul li .title {font-size:20px;color:#ff4311;line-height:20px;font-weight:300;}
.careers .welfare_area .welfare_ul li .text {font-size:14px;color:#666;line-height:24px;margin-top:15px;}
.careers .welfare_area .welfare_ul li .text span {font-size:12px;}

.careers .interview_area {position:relative;padding:120px 0 100px;z-index:3;}
.careers .interview_area .movie_area {width:958px;height:509px;border:1px solid #d8d8d8;overflow:hidden;margin:0 auto;position:relative;z-index:2;}
.careers .interview_area .movie_area .movie_box {width:738px;height:509px;float:left;background:#fff;position:relative;}
.careers .interview_area .movie_area .movie_box:before {content:'';width:1px;height:100%;position:absolute;right:0;top:0;background:#d8d8d8;}
.careers .interview_area .movie_area .movie_box .video_box {width:738px;height:415px;border-bottom:1px solid #d8d8d8;position:relative;background:#000 url('../../images/career/no_youtube.jpg') no-repeat center top}
.careers .interview_area .movie_area .movie_box .video_box.error{background:#000 url('/Images/career/no_youtube.jpg') no-repeat center top}
.careers .interview_area .movie_area .movie_box .video_box:before{content: '';position: absolute;top:0;right:0;bottom:0;width: 1px;background: #d8d8d8}
.careers .interview_area .movie_area .movie_box .movie_info {position:relative;padding:25px 0 0 30px;}
.careers .interview_area .movie_area .movie_box .movie_info .text {padding-left:27px;position:relative;background:url('/Images/career/ico_movie.png') no-repeat 0 2px;}
.careers .interview_area .movie_area .movie_box .movie_info .text .title {font-size:18px;color:#333;margin-bottom:7px;}
.careers .interview_area .movie_area .movie_box .movie_info .text .name {font-size:14px;color:#666;}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box {position:absolute;right:0;top:-1px;}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box a {width:46px;height:46px;display:block;position:relative;border:1px solid #d8d8d8;margin-bottom:-1px;}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box a .off {position:absolute;left:15px;top:16px;opacity:1;filter:alpha(opacity=100);}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box a .on {position:absolute;left:15px;top:16px;opacity:0;filter:alpha(opacity=0);}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box a:hover .off {opacity:0;filter:alpha(opacity=0);}
.careers .interview_area .movie_area .movie_box .movie_info .sns_box a:hover .on {opacity:1;filter:alpha(opacity=100);}
.careers .interview_area .movie_area .list_box {width:220px;height:509px;float:left;background:#f5f5f5;overflow:hidden;}
.careers .interview_area .movie_area .list_box .list_ul {overflow:hidden;}
.careers .interview_area .movie_area .list_box .list_ul li {position:relative;}
.careers .interview_area .movie_area .list_box .list_ul li:last-child a:before {display:none;}
.careers .interview_area .movie_area .list_box .list_ul li a {height:56px;display:block;position:relative;padding:17px 0 17px 80px;background:#fff;}
.careers .interview_area .movie_area .list_box .list_ul li a:before {content:'';width:160px;height:1px;background:#d8d8d8;position:absolute;left:50%;bottom:0;margin-left:-80px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.careers .interview_area .movie_area .list_box .list_ul li a .team {display:block;font-size:12px;color:#666;margin-bottom:4px;}
.careers .interview_area .movie_area .list_box .list_ul li a .name {display:block;font-size:14px;color:#333;}
.careers .interview_area .movie_area .list_box .list_ul li a .off {position:absolute;left:29px;top:29px;opacity:1;filter:alpha(opacity=100);}
.careers .interview_area .movie_area .list_box .list_ul li a .on {position:absolute;left:29px;top:29px;opacity:0;filter:alpha(opacity=0);}
.careers .interview_area .movie_area .list_box .list_ul li a.active {background:#ff4311;}
.careers .interview_area .movie_area .list_box .list_ul li a.active .team {color:#fff;}
.careers .interview_area .movie_area .list_box .list_ul li a.active .name {color:#fff;}
.careers .interview_area .movie_area .list_box .list_ul li a.active .off {opacity:0;filter:alpha(opacity=0);}
.careers .interview_area .movie_area .list_box .list_ul li a.active .on {opacity:1;filter:alpha(opacity=100);}
.careers .interview_area .movie_area .list_box .list_ul li a.active:before {background:#ff4311;}
.careers .interview_area .movie_area .list_box .list_ul li a:hover {background:#ff4311;}
.careers .interview_area .movie_area .list_box .list_ul li a:hover .team {color:#fff;}
.careers .interview_area .movie_area .list_box .list_ul li a:hover .name {color:#fff;}
.careers .interview_area .movie_area .list_box .list_ul li a:hover .off {opacity:0;filter:alpha(opacity=0);}
.careers .interview_area .movie_area .list_box .list_ul li a:hover .on {opacity:1;filter:alpha(opacity=100);}
.careers .interview_area .movie_area .list_box .list_ul li a:hover:before {background:#ff4311;}

.careers .link_area {width:1000px;position:relative;margin:60px auto 0;overflow:hidden;}
.careers .link_area .link_dl {width:460px;float:left;overflow:hidden;margin:0 20px;}
.careers .link_area .link_dl dt {height:27px;position:relative;border-bottom:2px solid #ff4311;padding:0 9px 9px 10px;line-height:27px;margin-bottom:20px;}
.careers .link_area .link_dl dt span {display:block;font-size:18px;color:#ff4311;font-weight:700;}
.careers .link_area .link_dl dt span.ico1 {padding-left:30px;background:url('/Images/career/ico_link1.png') no-repeat 0 5px;}
.careers .link_area .link_dl dt span.ico2 {padding-left:36px;background:url('/Images/career/ico_link2.png') no-repeat 0 5px;}
.careers .link_area .link_dl dt .btn_more {width:59px;height:25px;padding-left:19px;position:absolute;right:10px;top:0;border:1px solid #c6c6c6;font-size:12px;color:#333;line-height:27px;}
.careers .link_area .link_dl dt .btn_more .off {position:absolute;right:12px;top:8px;opacity:1;filter:alpha(opacity=100);}
.careers .link_area .link_dl dt .btn_more .on {position:absolute;right:12px;top:8px;opacity:0;filter:alpha(opacity=0);}
.careers .link_area .link_dl dt .btn_more:hover {background:#ff4311;color:#fff;border:1px solid #ff4311;}
.careers .link_area .link_dl dt .btn_more:hover .off {opacity:0;filter:alpha(opacity=0);}
.careers .link_area .link_dl dt .btn_more:hover .on {opacity:1;filter:alpha(opacity=100);}
.careers .link_area .link_dl dd {position:relative;margin:15px 0;padding-left:10px;font-size:14px;color:#666;}
.careers .link_area .link_dl dd a {display:block;position:relative;line-height:16px;padding-right:45px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap}
.careers .link_area .link_dl dd a span{border-bottom: 1px solid #fff;}
.careers .link_area .link_dl dd a:hover span{border-bottom: 1px solid #666;}
.careers .link_area .link_dl dd a:before {content:'';width:4px;height:7px;background:url('/Images/career/ico_link_cursor.png') no-repeat 0 0;position:absolute;right:20px;top:50%;margin-top:-5px;}
.careers .link_area .link_dl dd a:after{content: '';}
.careers .link_area .link_dl dd span {display:inline-block;margin-right:10px;color:#333;}

.careers .recurit_area {position:relative;height:520px;background:url('/Images/career/recurit_bg.jpg') no-repeat center center;background-size:cover;overflow:hidden;z-index:3;}
.careers .recurit_area .title {position:absolute;left:50%;top:120px;padding:55px 0;font-size:42px;color:#fff;line-height:62px;font-weight:100;margin-left:-510px;}
.careers .recurit_area .title:before {content:'';width:60px;height:10px;background:#fff;position:absolute;left:0;top:0;}
.careers .recurit_area .title:after {content:'';width:60px;height:10px;background:#fff;position:absolute;left:0;bottom:0;}

.careers .recurit_area .recurit_box {width:100%;position:absolute;left:50%;top:120px;margin-left:-220px;overflow:hidden;}
.careers .recurit_area .recurit_box .recurit_ul {width:100%;overflow:hidden;white-space:nowrap;}
.careers .recurit_area .recurit_box .recurit_ul li {display:inline-block;background:#fff;border-radius:10px;overflow:hidden;margin:0 10px;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
}
.careers .recurit_area .recurit_box .recurit_ul li .text_box {width:200px;padding:35px 40px;}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .category {position:relative;overflow:hidden;border-bottom:1px solid #c6c6c6;padding:9px 0;}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .category .round_box {width:43px;height:18px;border-radius:18px;border:1px solid #c6c6c6;text-align:center;font-size:12px;color:#333;line-height:20px;margin-right:4px;display:inline-block;}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .category .d_day {position:absolute;right:0;bottom:3px;font-size:13px;color:#666;font-family:'Arial';}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .category .d_day span {font-size:32px;color:#ff4311;display:inline-block;margin-left:5px;}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .text {height:56px;font-size:18px;color:#666;line-height:28px;padding:30px 0;}
.careers .recurit_area .recurit_box .recurit_ul li .text_box .date {font-size:14px;color:#ff4311;padding-left:20px;background:url('/Images/career/ico_date.png') no-repeat 0 0;line-height:14px;}
.careers .recurit_area .recurit_box .recurit_ul li .btn_detail_view {height:60px;display:block;background:#ff4311;text-align:center;font-size:18px;color:#fff;line-height:60px;font-weight:700;}
.careers .recurit_area .recurit_box .recurit_ul li .btn_detail_view span {position:relative;display:inline-block;}
.careers .recurit_area .recurit_box .recurit_ul li .btn_detail_view span:before {content:'';width:7px;height:12px;position:absolute;right:0;top:22px;background:url('/Images/career/ico_detail_cursor.png') no-repeat 0 0;opacity:0;filter:alpha(opacity=0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.careers .recurit_area .recurit_box .recurit_ul li .btn_detail_view:hover span {padding-right:25px;}
.careers .recurit_area .recurit_box .recurit_ul li .btn_detail_view:hover span:before {opacity:1;filter:alpha(opacity=100);}


.careers .recurit_area .recurit_box .recurit_empty {width:760px;border-radius:10px;overflow:hidden;
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.3);
}

.careers .recurit_area .recurit_box .recurit_empty .text_box {height:140px;padding-top:100px;text-align:center;background:url('/Images/career/ico_recurit.png') no-repeat 55px bottom #fff;}
.careers .recurit_area .recurit_box .recurit_empty .text_box .text {font-size:24px;color:#ff4311;font-weight:700;}
.careers .recurit_area .recurit_box .recurit_empty .text_box .text2 {font-size:18px;color:#666;margin-top:15px;}
.careers .recurit_area .recurit_box .recurit_empty .btn_db_reg {height:60px;display:block;background:#ff4311;text-align:center;font-size:18px;color:#fff;line-height:60px;font-weight:700;}
.careers .recurit_area .recurit_box .recurit_empty .btn_db_reg span {position:relative;display:inline-block;}
.careers .recurit_area .recurit_box .recurit_empty .btn_db_reg span:before {content:'';width:7px;height:12px;position:absolute;right:0;top:22px;background:url('/Images/career/ico_detail_cursor.png') no-repeat 0 0;opacity:0;filter:alpha(opacity=0);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.careers .recurit_area .recurit_box .recurit_empty .btn_db_reg:hover span {padding-right:25px;}
.careers .recurit_area .recurit_box .recurit_empty .btn_db_reg:hover span:before {opacity:1;filter:alpha(opacity=100);}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}