.checkin-page{background-color:#4a4a4a;width:100%;height:100%;overflow:hidden}.press-animation{cursor:pointer;-webkit-transition:.4s cubic-bezier(.4,0,.2,1);transition:.4s cubic-bezier(.4,0,.2,1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.press-animation:focus{outline:0}.press-animation:active{background-color:#c3c3c3;-webkit-box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.checkin__top-bar{width:100%;height:60px;background-color:#fff;text-align:center;line-height:60px;color:#202020;font-size:20px;font-weight:300;font-style:normal;font-stretch:normal;letter-spacing:-.7px;position:relative}.checkin__top-bar .ic-arrow-left{position:absolute;left:13px;top:13px;width:35px;height:35px;background-size:35px;cursor:pointer}@media screen and (max-height:700px){.checkin__top-bar{display:none}}.checkin-description{font-size:18px;line-height:27px;font-weight:500;letter-spacing:-.5px;text-align:center;color:#9b9b9b}@media screen and (max-height:1023px){.checkin-description{font-size:15px;line-height:20px}}@media screen and (max-height:700px){.checkin-description{font-size:13px;line-height:22px}}.checkin-header{padding-top:110px;padding-bottom:60px}.checkin-header h1{font-size:35px;line-height:50px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:-1px;text-align:center;color:#fff;margin-bottom:25px}@media screen and (max-height:1023px){.checkin-header{padding-top:70px;padding-bottom:40px}.checkin-header h1{font-size:25px;line-height:35px;margin-bottom:16px;letter-spacing:-1.5px}.checkin-header div.description{font-size:15px;line-height:20px}}@media screen and (max-height:700px){.checkin-header{padding-top:25px;padding-bottom:10px}.checkin-header h1{font-size:20px;line-height:30px;margin-bottom:10px}.checkin-header div.description{font-size:13px;line-height:22px}}.checkin-container{margin:0 auto;height:calc(100% - 60px);position:relative}.checkin-container .footer{font-size:12px;font-weight:400;text-align:center;color:#fff;height:54px;line-height:54px;position:absolute;width:100%;left:0;bottom:0}@media screen and (max-height:700px){.checkin-container{height:100%}}.checkin-action-container{margin:0 auto;width:420px}@media screen and (max-height:1023px){.checkin-action-container{width:275px}}div.checkin-box{min-height:60px;border-radius:12px;-webkit-box-shadow:0 2px 0 0 #d3d3d3;box-shadow:0 2px 0 0 #d3d3d3;border:1.5px solid #f0f0f0;background-color:#fff}.checkin__child-course{position:relative;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.checkin__child-course:active{border:1.5px solid #a2a2a2}.checkin__child-course:last-child{margin-bottom:20px}.checkin__child-course span{line-height:29px;font-size:20px;font-weight:300;letter-spacing:-1px;color:#4a4a4a}.checkin__child-course .contents-wrapper{width:calc(100% - 30px)}.checkin__child-course .contents-wrapper .dialog-item__name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkin__child-course .contents-wrapper .dialog-item__contents{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.checkin__child-course .contents-wrapper .dialog-item__contents span:first-child{margin-right:5px}.checkin__child-course .right-arrow{margin:auto;width:30px;height:30px;background-image:url(/image/icon/arrowbox/arrow/misc/right.svg);background-repeat:no-repeat;background-size:contain}@media screen and (max-height:1023px){.checkin__child-course{padding:15px}.checkin__child-course span{font-size:14px;line-height:20px}.checkin__child-course .contents-wrapper{width:calc(100% - 20px)}.checkin__child-course .right-arrow{width:20px;height:20px}}