@charset "UTF-8";body[data-device=pc] #logo_wni:hover,body[data-device=pc] .logo_site:hover{-webkit-animation:logo .3s ease-out forwards;animation:logo .3s ease-out forwards}@-webkit-keyframes logo{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.8;-webkit-transform:scale(1.04);transform:scale(1.04)}}@keyframes logo{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:.8;-webkit-transform:scale(1.04);transform:scale(1.04)}}body[data-device=pc] .btn>*,body[data-device=pc] .btn_sub>*{transition:ease-in .1s}body[data-device=pc] .btn>:hover,body[data-device=pc] .btn_sub>:hover{transition:ease-out .2s;-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)}body[data-device=pc] .btnSerch:hover{-webkit-animation:btnSerch .1s ease-out forwards;animation:btnSerch .1s ease-out forwards}@-webkit-keyframes btnSerch{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes btnSerch{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}body[data-device=pc] .btn_push{transition:ease-in .1s}body[data-device=pc] .btn_push:hover{transition:ease-out .1s;-webkit-transform:translateY(-2px);transform:translateY(-2px)}body[data-device=pc] .delete{transition:ease-in .2s}body[data-device=pc] .delete:hover{transition:ease-in .2s;background-color:#0a7ce0}body[data-device=pc] .list_pt01 li:hover{-webkit-animation:btnSerch01 .25s ease-out forwards;animation:btnSerch01 .25s ease-out forwards}@-webkit-keyframes btnSerch01{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 10px 5px 0 rgba(0,0,0,.05)}}@keyframes btnSerch01{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.02);transform:scale(1.02);box-shadow:0 10px 5px 0 rgba(0,0,0,.05)}}body[data-device=pc] .list_pt02.mylist li:hover{-webkit-animation:unset;animation:unset}body[data-device=pc] .list_pt02.mylist li:hover .txt,body[data-device=pc] .list_pt02.mylist li:hover a{-webkit-animation:list_pt02 .2s ease-out forwards;animation:list_pt02 .2s ease-out forwards}body[data-device=pc] .list_pt02 li:hover,body[data-device=pc] .list_pt03 li:hover{-webkit-animation:list_pt02 .2s ease-out forwards;animation:list_pt02 .2s ease-out forwards}body[data-device=pc] .list_pt02 li a:hover:after,body[data-device=pc] .list_pt03 li a:hover:after{-webkit-animation:arrow01 .2s ease-out forwards;animation:arrow01 .2s ease-out forwards}@-webkit-keyframes arrow01{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes arrow01{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@-webkit-keyframes list_pt02{0%{opacity:1}100%{opacity:.6}}@keyframes list_pt02{0%{opacity:1}100%{opacity:.6}}body[data-device=pc] .list_pt04 .item:hover{-webkit-animation:list_pt02 .25s ease-out forwards;animation:list_pt02 .25s ease-out forwards}body[data-device=pc] .listArea .item p a{position:relative}body[data-device=pc] .listArea .item p a:after{content:"";display:block;width:100%;height:1px;background-color:#083997;position:absolute;bottom:-3px;left:-8px;opacity:0}body[data-device=pc] .listArea .item p a:hover:after{-webkit-animation:listArea .4s ease-in-out forwards;animation:listArea .4s ease-in-out forwards}@-webkit-keyframes listArea{0%{opacity:0;left:-8px}80%{left:2px}100%{opacity:1;left:0}}@keyframes listArea{0%{opacity:0;left:-8px}80%{left:2px}100%{opacity:1;left:0}}body[data-device=pc] .link a{transition:ease-in .1s}body[data-device=pc] .link a:hover{transition:ease-out .1s;opacity:.6}body[data-device=pc] .list_pt01.rank li:hover i{-webkit-animation:rank 2s linear infinite;animation:rank 2s linear infinite}@-webkit-keyframes rank{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes rank{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}body[data-device=pc] .menu_tab_switch .switch,body[data-device=pc] .switchArea .switch{transition:ease-in .2s}body[data-device=pc] .menu_tab_switch .switch:hover,body[data-device=pc] .switchArea .switch:hover{transition:ease-out .2s}body[data-device=pc] #footer>*{transition:ease-in .2s}body[data-device=pc] #footer>:hover{transition:ease-out .2s;opacity:.6}.balloon{-webkit-animation:balloon 1s ease-in-out infinite alternate;animation:balloon 1s ease-in-out infinite alternate}@-webkit-keyframes balloon{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes balloon{0%{-webkit-transform:translateY(5px);transform:translateY(5px)}100%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.btnArea{transition:ease-in .2s}.btnArea:hover{transition:ease-out .2s;background-color:#083997;-webkit-transform:translateX(5px);transform:translateX(5px)}.btnArea:hover *{color:#fff;transition:ease-out .2s}.btnArea:hover a:after{border-left-color:#fff}