@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500&display=swap');*/

#wrap {min-width:1200px;overflow: hidden;margin: 0 auto;}
#header{ background: #ffffff url(../images/basic/bg_header.png) no-repeat center top; border-bottom: 1px solid #000000}
#header .headerContents{position: relative; width: 1080px; height:130px;  /* height:120px;  */margin: 0 auto; }

.searchBox {position: absolute; bottom:30px;/* bottom:18px; */ right:0;}
.searchBox .word_result {position:relative; background: #eaeaea; border-radius: 30px; overflow: hidden; padding: 4px 0 4px 20px;}
.searchBox .searchTitle {padding-right:20px; text-align: right;}
.searchBox .word_result input { border: 0; background-color: transparent; height: 30px; line-height: 30px; width:260px; margin-right:40px;}
.searchBox .word_result .btn-search {position: absolute; right:15px; top:10px; height: 17px; width: 17px; overflow: hidden; background: url('../images/basic/btn_header_search.png') no-repeat center center; text-indent:-100px;}

.mainVisual {position: relative;width: 100%;}
.mainvisualSlider .item { height: 760px; width: 100%;overflow: hidden;box-sizing: border-box;}

/*
.mainvisualSlider .slick-slide img {transform: scale(0.9); opacity: 0.5; transition: all 300ms ease;}
.mainvisualSlider .slick-center img {opacity: 1; transform: scale(1); }
*/

.mainvisualSlider .slick-slide img, .mainvisualSlider .slick-slide iframe {transform: scale(0.9); opacity: 0.5; transition: all 300ms ease;}
.mainvisualSlider .slick-center img, .mainvisualSlider .slick-center iframe {opacity: 1; transform: scale(1); }


.mainVisual .sliderBtns {width:1280px; margin-left:-640px;position: absolute; top:320px; z-index: 1000;left: 50%;}
.mainVisual .sliderBtns .sbtn_next { position: absolute; right: -30px;}
.mainVisual .sliderBtns .sbtn_prev { position: absolute; left: -30px;}

/*
.mainVisual .slick-prev { background-image: url(../images/basic/btn_top_slider_prev.png); background-repeat: no-repeat; width: 65px; height: 65px;
overflow: hidden; text-indent: -100px; top:300px;left: 15px;z-index: 1000;}
.mainVisual .slick-next { background-image: url(../images/basic/btn_top_slider_next.png); background-repeat: no-repeat; width: 65px; height: 65px;
overflow: hidden; text-indent: -100px; top:300px;
right: 15px; z-index: 1000;}
*/

.mainvisualSlider {height:740px; overflow: hidden;}

.mainTitleBox { position: relative; /*! width: 1080px; */ margin: 0 auto; padding: 65px 0 65px 0; text-align: center;}

.mainTitleBox .mainTitle { margin-bottom: 30px;}

.section-contents { width: 1080px; margin: 0 auto;}
.section-contents .item {float:left; width: 516px; height: 415px; box-sizing: border-box; margin-left:48px;}
.section-contents:after {content: ""; display: block; clear: both;}
.section-contents .item:hover { border-bottom: #52acff 2px solid;}

.section_news {background: #f7f7f7; padding: 60px 0 55px 0;}
.section_news .newsItem { position: relative; float:left; width: 516px; background-color: #fff; box-sizing: border-box;  }
.section_news .newsItem:nth-child(1) {margin-bottom: 48px;}
.section_news .newsItem:nth-child(2) {margin-left: 47px; margin-bottom: 48px;}
.section_news .newsItem:nth-child(3) {margin-bottom: 0;}
.section_news .newsItem:nth-child(4) {margin-left: 47px;}

.newsItem .thumb { position: relative; width:516px; height:315px; overflow:hidden;}
.newsItem .text { height: 140px; box-sizing: border-box; padding-top:40px; text-align: center; box-sizing: border-box;  }
.newsItem .thumb img{ transform: scale(1); transition: all 300ms ease-in-out;}
.newsItem:hover { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2); }
.newsItem:hover .thumb img{ transform: scale(1.1)}

/* 20201019 수정 */
/* .newsItem:hover .thumb:before {content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: rgba(0,0,0,0.7); z-index: 100;top: 0;left: 0;}
.newsItem:hover .thumb:after {content: url(../images/basic/btn_img_more_plus1.png); position:absolute; left:50%;top:50%; margin: -25px 0 0 -25px; z-index: 200;}  */
.newsItem .overBox { display:block; position:absolute; top:0; left:0; height:100%; width:100%; background-color: rgba(0,0,0,0.7); opacity: 0;}
.newsItem:hover .overBox {display:block; opacity: 1;}
.newsItem .overBox .ico-more { display: block; text-align: center; margin-bottom:22px; padding-top:105px;}
.newsItem .overBox .text { display: block; font-size: 20px; color: #fff; text-align: center; border-bottom: none !important; padding-top: 20px !important; height: auto !important;}
/* //20201019 수정 */

.newsItem:hover .subject { color:#0084ff }

.newsItem:nth-child(1):hover .text {border-bottom: #52acff 4px solid;}
.newsItem:nth-child(2):hover .text {border-bottom: #29ce93 4px solid;}
.newsItem:nth-child(3):hover .text {border-bottom: #ad61ff 4px solid;}
.newsItem:nth-child(4):hover .text {border-bottom: #ff7152 4px solid;}

.newsItem .text .subject { display: block; font-size: 24px; font-weight: 500; letter-spacing: -1px; margin-bottom:15px;}
.newsItem .text .subscript { color:#777; font-size: 18px; font-weight: 300; letter-spacing: -1px;}

.section_sns {width: 1080px; margin: 0 auto; padding-top: 65px; text-align:center; }
.section-title { margin-top: 50px;margin-bottom: 37px; text-align:center;}
.snslist {margin-bottom:70px;}
.snslist li {float: left; margin-left: 30px;}
.snslist li:first-child{margin:0;}
.snslist:after { content: ""; display: block; clear: both;}

.magazine_btns { text-align: center; padding-bottom: 100px;}

.section_review {width: 1080px; margin: 0 auto; padding-top: 65px; text-align:center; padding-bottom: 50px;}

.section-magazine {position: relative; margin-bottom: 50px;}
.section-magazine:before { content:""; position: absolute; display:block; width:50%; height:100%; top:0; left:0; z-index: 0;background-color: #666666;}
.section-magazine .contGroup {width: 1080px; box-sizing: border-box; margin: 0 auto;height: 427px; overflow: hidden;}
.section-magazine .contGroup .grd { position:relative; float: left;overflow: hidden;}

.section-magazine .contGroup .bx1 { float:left; width:294px; height:427px;}
.section-magazine .contGroup .bx2 {width: 222px; height: 204px;}
.section-magazine .contGroup .bx3 {width: 220px;height: 204px;}
.section-magazine .contGroup .bx4 { float:right; width: 344px; height: 427px; }
.section-magazine .contGroup .bx5 {width: 442px; height: 223px;}

.section-magazine .contGroup .grd .overBox { display:block; position:absolute; top:0; left:0; height:100%; width:100%; background-color: rgba(49,146,235,0.9); opacity: 0; transition: all 300ms ease-in-out;}
.section-magazine .contGroup .grd:hover .overBox {display:block; opacity: 1;}
.section-magazine .contGroup .grd .overBox .ico-more { display: block; text-align: center; margin-bottom:20px; padding-top:60px;}
.section-magazine .contGroup .grd .overBox .text { display: block; font-size: 18px; color: #fff; text-align: center;}
.section-magazine .contGroup .bx4 .overBox .ico-more { display: block; text-align: center; margin-bottom:20px; padding-top:140px;}
.section-magazine .contGroup .bx4 .overBox .text { display: block; font-size: 24px; color: #fff; text-align: center;}

.section-magazine .contGroup .bx2 img {transform: scale(1); transition: all 300ms ease-out;}
.section-magazine .contGroup .bx2:hover img,
.section-magazine .contGroup .bx3:hover img,
.section-magazine .contGroup .bx4:hover img,
.section-magazine .contGroup .bx5:hover img {transform: scale(1.1); transition: all 300ms ease-out;}

.section_policy {margin-bottom: 50px;}
.section_policy .section-title {}
.section_policy .contSlider { width: 1080px; height: 460px; margin:0 auto; padding-top: 50px; /*! overflow: hidden; */ background-color: #efefef; box-sizing: border-box;}
.section_policy .contSlider .sliderItem { float: left; width: 25%;text-align: center;}
.section_policy .contSlider .sliderItem a { outline: 0; }
.section_policy .contSlider .sliderItem img { display: inline;}
.section_policy .slick-prev { background-image: url(../images/basic/btn_slider_prev.png); background-repeat: no-repeat; width: 20px; height: 34px;
    overflow: hidden; text-indent: -100px; top:210px;left: 15px;z-index: 1000;}
.section_policy .slick-next { background-image: url(../images/basic/btn_slider_next.png); background-repeat: no-repeat; width: 20px; height: 34px;
    overflow: hidden; text-indent: -100px; top:210px;
    right: 15px; z-index: 1000;}

.newBookList {width: 1080px; margin: 0 auto; /*! padding-top: 65px; */ text-align:center; padding-bottom: 50px;}
.newBookList:after { content: ""; display: block; clear: both;}
.newBookList .newBookItem { float: left; width: 25%; text-align: center;}
.newBookList .newBookItem img { transform: scale(1); transition: all 300ms ease-out;}
.newBookList .newBookItem:hover img { box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.2);transform: scale(1.05);}

.bookMore_btns {text-align: center;position: relative;width: 1080px;margin: 0 auto;}
.bookMore_btns p {margin-bottom: 40px;}
.bookMore_btns .btn_goto_top { position: absolute; right:0;bottom: 0;}

.bannerBox { width: 1080px; margin: 0 auto;padding-top: 133px;padding-bottom: 41px;}
.bannerBox ul li {display: inline-block}
.bannerBox ul li:nth-child(n+2){margin-left: 27px;}

#footer { width: 100%; background-color: #999999;}
.footerContents {position: relative; width: 1080px; margin: 0 auto; padding: 38px 0 50px 0; overflow: hidden;}
.footerContents .footer_left{float: left}
.footerContents .footer_right{float: right}


.addr { display: inline-block; padding-top: 20px;}

.links { position: absolute;top:30px; right: 200px;}
.links a { color: #fff; font-size: 11px; padding:5px 10px; /*! background-color:#e99429; */ color:#fff;/*! border-radius: 5px; */margin-right: 10px;border: #4e4a46 1px solid;}
/* .links a:nth-child(2) {background-color: #c8951d;} */
.magazineSelect { /*position: absolute; */right: 0; top:22px;}
.social_link ul li{display: inline-block}
.social_link ul li:nth-child(n+2){padding-left: 0px;}
.magazineSelect select { -webkit-appearance: none; -moz-appearance: none; appearance: none;width: 176px;height:36px;padding: 1px 0 1px 15px;border-radius: 30px;background: #858585;font-size: 1.0em;background-image: url("../images/basic/select_latest.png");}


a:active {outline: none;}








.section_book_sentence {margin: 0 auto; padding-top: 65px; text-align:center; overflow: hidden;}
/*.section_book .book_wrap * {border: 1px dotted #ad61ff; }*/
.section_book_sentence .book_wrap .book_left,.section_book_sentence .book_wrap .book_right {height: 381px; margin: 0; position: relative}
.section_book_sentence .book_wrap .book_left {float: left; width: 50%;}
.section_book_sentence .book_wrap .book_left .book_article {background: #e4f6ff;width: calc(100% - 20px);height: 313px; float: left;}
.section_book_sentence .book_wrap .book_right {width: 50%;float: right;margin-top: 68px;}
.section_book_sentence .book_wrap .book_right .book_article{background: #ebf3ee; width: calc(100% - 20px);height: 313px; float: right;}

.section_book_sentence .book_wrap .book_left:hover .book_article{background: #1da1e3; color: #ffffff}
.section_book_sentence .book_wrap .book_right:hover .book_article{background: #75c172; color: #ffffff}

.section_book_sentence .book_wrap .book_article .book_article_text{width: 324px;}
.section_book_sentence .book_wrap .book_left .book_article .book_article_text{padding-top: 36px;}
.section_book_sentence .book_wrap .book_right .book_article .book_article_text{padding-top: 46px;}
.section_book_sentence .book_wrap .book_article .book_article_text p{font-size: 1.4em; font-family: 'Noto Serif KR', serif; text-align: left; letter-spacing: -2px;}
.section_book_sentence .book_wrap .book_article .book_article_text p>span{font-family: 'Noto Serif KR';font-weight: bold; }
.section_book_sentence .book_wrap .book_left .book_article .book_article_text{float: right;padding-right:228px;}
.section_book_sentence .book_wrap .book_right .book_article .book_article_text{float: left;padding-left:228px;}



.section_book_sentence .book_article_img {width: 213px; height: 312px; position: absolute;background: #BCBCBC}
.section_book_sentence .book_wrap .book_left .book_article_img{right: 0; top: 20px; /*background-image: url("../images/basic/bg_book_left.png");background-repeat: no-repeat*/ box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.5)}
.section_book_sentence .book_wrap .book_right .book_article_img{left: 0; top: -20px; /*background-image: url("../images/basic/bg_book_right.png");background-repeat: no-repeat*/box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5)}

.section_book_preview {margin: 0 auto; padding-top: 65px; text-align:center; overflow: hidden;background: #f7f7f7;padding-bottom: 100px;}
.section_book_preview .preview_book_list{width: 1080px; margin: 0 auto; /*! padding-top: 65px; */ text-align:center; padding-bottom: 50px;}
/*.preview_book_list *{border: 1px dotted red}*/


.preview_book_list .preview_book_item { float: left; width: 225px; text-align: center;height: 454px;position: relative; overflow: hidden; display: block;}
.preview_book_list .preview_book_item:nth-child(n+2){margin-left: 57px; }
.preview_book_item .book_item_top{position: relative;width: 100%;height: 358px; margin: 0}
.preview_book_item .book_item_top .thumb_img{position: relative}
.preview_book_item .book_item_top a{display: block}
.preview_book_item .book_item_top .thumb_dimm{position: absolute; width: 100%; height: 358px; background: rgba(0, 0, 0, 0.5); top: 0; padding-top: 25px; display: none;}
.preview_book_item .book_item_top .thumb_dimm span{color: #ffffff; font-size: 1.0em; text-align: center; display: block; width: 100%; font-family: 'Noto Serif KR', sans-serif}
.preview_book_item .book_item_top .thumb_dimm.show{display: block;}
.preview_book_item .book_item_top .book_item_title {height: 100px;background: #ffffff; padding: 15px 10px 20px 10px;}

.preview_book_item .book_item_bottom{position: absolute;width: 100%;height: 358px; top: 454px; background: #ffffff}
.preview_book_item .book_item_bottom.up{top: 96px;}
/* .preview_book_item p{font-size: 1.2em; font-family: 'Noto Serif KR', sans-serif; text-align: justify;letter-spacing: -1px; line-height: 140%;} */
.preview_book_item p{font-size: 1.15em; font-family: 'Noto Serif KR', sans-serif; text-align: justify;letter-spacing: -1.2px; line-height: 145%;}
.preview_book_item .book_cover{font-size: 1.2em; font-family: 'Noto Serif KR', sans-serif; text-align: center; font-weight: bold;letter-spacing: -0.08rem;}
.preview_book_item .book_item_text{padding: 23px 13px 0px 13px;}


.subMainContents{text-align: center;width: 1380px;margin: 0 auto;}


.subContentsWrap{width: 1200px; margin: 0 auto; position: relative;padding-bottom: 100px;}


.subContentsWrap .subContentsTitle {position: relative}
.subContentsWrap .subContentsDimm {position: absolute; width: 100%; height: 600px; background: rgba(0, 0, 0, 0.5); top: 0}
.subContentsWrap .subContentsDimm .subHeader {padding-top: 157px;margin: 0 auto;text-align: center}
.subContentsWrap .subContentsDimm .subHeader>div{padding-bottom: 29px;}
.subContentsWrap .subContentsDimm .subHeader>div>span{font-size: 2.45em; color: #ffffff; font-weight: lighter; letter-spacing: -5px; padding: 0 0 10px 0; border-bottom: 1px solid #ffffff}
.subContentsWrap .subContentsDimm .subHeader .desc{display: block; font-size: 2.5em;color: #ffffff;letter-spacing: -2px;font-weight: bold}
.subContentsWrap .subContentsDimm .subHeader .desc2{display: block; font-size: 2.2em;color: #ffffff;letter-spacing: -2px;font-weight: bold;line-height: 130%;}
.subContentsWrap .contentsWrap {position: relative;width: 1080px;background: #ffffff; padding: 30px 0 30px 0; box-shadow: 0 10px 15px 0 rgba(0,0,0,0.2);margin: -154px auto 0 auto; z-index: 999;}
.subContentsWrap  .subContentsSns {width: 42px; width: 100px;margin: 0 auto; padding-bottom: 39px;}
.subContentsWrap  .subContentsSns li{display: inline-block}
.subContentsWrap  .subContentsSns li:nth-child(n+2){margin-left: 10px;}
.subContentsWrap  .subContentsSns li a{display: block;}
.subContentsWrap .contentsWrap .contents{padding: 46px 59px; font-size: 1.3em; color: #666666; line-height: 25px;}
.subContentsWrap .contentsWrap .contents .contents_title {font-size: 1.2em; color: #333333; letter-spacing: -1px; padding: 0 0 50px 0; text-align: center; line-height: 35px; }
.subContentsWrap .contentsWrap .contents .contents_title2 {font-size: 1.3em; color: #0066cc; letter-spacing: -1px; padding: 0 0 50px 0; text-align: center; line-height: 35px; }
.subContentsWrap .contentsWrap .contents .contents_title2 a {font-size: 1.3em; color: #0066cc; letter-spacing: -1px; padding: 0 0 50px 0; text-align: center; line-height: 35px; }
.subContentsWrap .contentsWrap .contents .contents_img{font-size: 1.0em; color: #555555; letter-spacing: -1px; padding: 30px 0 20px 0; text-align: center;}
.subContentsWrap .contentsWrap .contents .contents_img2{font-size: 1.0em; color: #555555; letter-spacing: -1px; padding: 30px 0 0px 0; text-align: center;}
.subContentsWrap .contentsWrap .contents .contents_txt{ font-size: 1.0em; color: #555555; letter-spacing: -1px; padding: 0px 0 20px 0; text-align: center;}
.subContentsWrap .contentsWrap .contents p { font-family: 'Noto Sans KR', sans-serif;  padding:0 30px;  word-break: keep-all;  text-align: justify; letter-spacing: -1.3px;line-height: 150%;}
.subContentsWrap .contentsWrap .contents .subtitle { font-size: 1.15em; font-family: 'Noto Sans KR', sans-serif;  color:#4776d1;padding:0 30px;  word-break: keep-all;  text-align: justify; letter-spacing: -1.5px;line-height: 180%;}
.subContentsWrap .contentsWrap .contents .tag{ font-family: 'Noto Sans KR', sans-serif;  color:#333; border: 1px solid #333; padding:4px 10px; margin-left: 7px;  letter-spacing: -1.5px;line-height: 260%;}

.subContentsWrap .contentsWrap .contents .subtitle2 { font-size: 1.15em; font-family: 'Noto Sans KR', sans-serif;  color:#333;margin:33px 20px 20px 30px;  word-break: keep-all;  text-align: justify; letter-spacing: -1.5px;line-height: 180%;padding-left:25px;font-weight:500;border-left: 2px solid #141414;}

.subContentsWrap .contentsWrap .contents .pic {font-family: 'Noto Sans KR', sans-serif;width: 850px; border: 1px solid #e1e1e1;background-color: #f9f9f9;  border-radius: 0px;
/* border: 1px solid #ccc;background-color: #f2f2f2; */padding: 15px 25px;margin: 10px 0 0 30px; word-break: keep-all; text-align: justify;letter-spacing: -1.0px;font-size: 1.16rem;line-height: 150%;}

.subContentsWrap .contentsWrap .subContentsQuot{text-align: center;}

.subContentsWrap .contentsWrap .contents span {font-size: 1rem;color: #949494;  font-family: 'Noto Sans KR', sans-serif;padding: 30px 30px;word-break: keep-all;text-align: justify;letter-spacing: -1.0px;}


.subContents img {display:inline-block}
.subContents .book_img {text-align: center}
.subContents .book {width: 1000px; text-align: center; font-size: 2.45em; color: #555555; font-weight: bold; letter-spacing: -2px;  padding-bottom: 100px; border-bottom: 1px solid #cccccc;margin: 100px auto 0 auto;}
.sub_btns { text-align: center; padding: 60px 0;}
.subContents .subContentsSns{padding-top: 50px;}

#urlArea { position:  absolute; top: 0; left:   0; width:  1px; height: 1px; margin: 0; padding: 0; border: 0}
select::-ms-expand {display:none}

/*슬라이드 수정*/
.mainvisualSlider .moving_pic { width:100%; position: relative;overflow: hidden;transform: scale(.9); transition: all 300ms ease; opacity: .5; }
.mainvisualSlider .moving_pic img { transform: scale(1); }

.mainvisualSlider .slick-cloned .moving_pic { width:100%; position: relative;overflow: hidden;transform: scale(.9); transition: all 300ms ease; opacity: .5; }

.mainvisualSlider .slick-active .moving_pic,
.mainvisualSlider .slick-current .moving_pic,
.mainvisualSlider .slick-center .moving_pic
{opacity: 1;transform: scale(1);}

.moving_pic .tit { display: block; position: absolute; top:130px;left:50%;transform: translateX(-50%);width: 894px;height: 133px;display: block; }
.moving_pic .tit span { width: 894px;height: 133px;display: block;font-size: 0; background: url(../images/contents/txt_01.png) no-repeat center center/cover;animation: h_move03 1s infinite;}

.moving_pic .tit:before { content: ""; display: block; width:189px;height: 118px; content: ""; position: absolute; top:13px; left:0; background: url(../images/contents/txt_02.png) no-repeat center center/cover; animation: h_move 1s infinite; }
.moving_pic .tit:after { content: ""; display: block; width:216px;height: 132px; content: ""; position: absolute; top:0; left:283px; background: url(../images/contents/txt_03.png) no-repeat center center/cover; animation: h_move02 1s infinite; }

.moving_pic .level_img { position: absolute; top:311px;left:50%;transform: translateX(-50%);width:1355px; } 
.moving_pic .level_img li{ float: left;margin:0 14px; }
.moving_pic .level_img li span { width:243px;height: 200px;display: block; background: #ddd; position: relative; }
.moving_pic .level_img li span:before { content: ""; display: block; width:100%; height: 100%; position: absolute; top:0;left:0; background: #000; opacity: .7; z-index: 1; transition: all .5s; } 
.moving_pic .level_img li.on span:before { opacity: 0; }

.moving_pic .level_txt { position: absolute; top:575px;left:50%;transform: translateX(-50%);width:100%; padding-top:18px; border-top:1px solid #fff; } 
.moving_pic .level_txt li { float: left; width:20%; text-align: center; position: relative; }
.moving_pic .level_txt li span { font-size:20px;color:#fff;font-weight: 300; }

.moving_pic .level_txt li.on span { font-weight: bold; }
.moving_pic .level_txt li:before { display: block;width:10px;height: 10px;background: #fff; content: ""; background: #fff; border-radius: 50%; position: absolute; top:-23px;; left:50%; transform: translateX(-50%);transition: all .5s; }
.moving_pic .level_txt li.on:before { width:12px;height: 12px;border: 1px solid #fff;top:-24px; }

.moving_pic .level_txt li.on:after { display: block;width:20px;height: 20px;border:1px solid #fff; content: ""; border-radius: 50%; position: absolute; top:-28px;; left:50%; transform: translateX(-50%);opacity: 0;transition: all .5s;  }
.moving_pic .level_txt li.on:after { opacity: 1; }

.youtube_more { height: 75px;width: 100%;display: block; position: absolute; left:0; bottom:0;background: url(../images/contents/youtube_more.png) no-repeat center center/cover; font-size: 0;text-indent: -9999px;overflow: hidden; }
/*animation: h_move .6s infinite;*/


@keyframes h_move {
  0% {margin-top:0;}
  50% {margin-top:-3px;}
  100% {margin-top:0;}
}
@keyframes h_move02 {
  0% {margin-top:0;}
  50% {margin-top:3px;}
  100% {margin-top:0;}
}
@keyframes h_move03 {
  0% {transform: rotate(0)}
  50% {transform: rotate(-1deg)}
  100% {transform: rotate(0)}
}