@-webkit-keyframes move-left{0%{transform:translateX(0)}to{transform:translateX(-3px);opacity:0}}@keyframes move-left{0%{transform:translateX(0)}to{transform:translateX(-3px);opacity:0}}@-webkit-keyframes move-right{0%{transform:translateX(0)}to{transform:translateX(3px);opacity:0}}@keyframes move-right{0%{transform:translateX(0)}to{transform:translateX(3px);opacity:0}}@-webkit-keyframes swing{0%,to{transform:translate(0)}25%{transform:translate(-8px)}60%{transform:translate(8px)}}@keyframes swing{0%,to{transform:translate(0)}25%{transform:translate(-8px)}60%{transform:translate(8px)}}@-webkit-keyframes fade{to{opacity:0;visibility:hidden}}@keyframes fade{to{opacity:0;visibility:hidden}}body,p{margin:0;padding:0;font-family:'AppleSDGothicNeo-light','Noto Sans','Roboto-Light','Malgun Gothic','맑은 고딕',sans-serif}.cocoen{box-sizing:border-box;cursor:pointer;line-height:0;margin:0 auto;overflow:hidden;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cocoen img,.cocoen picture>img{max-width:none}.cocoen>img,.cocoen>picture>img{display:block;width:100%}.cocoen>div:first-child,picture .cocoen>div{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%}.cocoen-drag{top:0;bottom:0;cursor:ew-resize;left:50%;margin-left:-21px;position:absolute;width:43px}.cocoen-drag::after,.cocoen-drag::before{content:'';position:absolute;left:50%;margin-left:-1px;height:50%;border-left:2px solid #fff}.cocoen-drag::before{top:-19px}.cocoen-drag::after{bottom:-19px}.cocoen-drag span{position:absolute;top:50%;left:50%;margin:-19px 0 0 -19px;width:36px;height:36px;background-color:rgba(0,0,0,.2);border:2px solid #fff;border-radius:50%;transition:.3s}.cocoen-drag span::after,.cocoen-drag span::before{content:'';position:absolute;top:50%;left:50%;border-top:3px solid transparent;border-bottom:3px solid transparent;z-index:1;transition:.3s}.cocoen-drag span::before{margin:-3px 0 0 -10px;border-right:5px solid #fff}.cocoen-drag span::after{margin:-3px 0 0 5px;border-left:5px solid #fff}.cocoen .label-after,.cocoen .label-before{position:absolute;bottom:10px;padding:5px;line-height:1;font-size:14px;color:#fff;background-color:rgba(0,0,0,.6);border-radius:3px}.cocoen .label-before{left:10px}.cocoen .label-after{right:10px}.cocoen.inited .label-after,.cocoen.inited .label-before{opacity:.5}.caption{margin-top:.625em;color:#959595;font-size:13px;line-height:1.4;letter-spacing:-.025em;word-spacing:.05em}.info-msg{position:absolute;top:50%;left:50%;box-sizing:border-box;margin:-64px 0 0 -67px;padding-top:83px;width:135px;height:128px;line-height:1.5;font-size:11px;color:#fff;text-align:center;background:#000 url(../img/info_bg.png) no-repeat 50% 22px;border-radius:6px;z-index:10;cursor:ew-resize;-webkit-animation:fade .2s forwards;animation:fade .2s forwards}.info-msg::after,.info-msg::before{content:'';position:absolute;left:50%}.info-msg::before{background:url(../img/info_arrow.png) no-repeat;top:40px;margin-left:-26px;width:52px;height:10px}.info-msg::after{top:15px;margin-left:-8px;width:16px;height:62px;background:url(../img/info_div.png) no-repeat}.start .info-msg::before{-webkit-animation:swing 2s;animation:swing 2s}.inited .info-msg{-webkit-animation:none;animation:none}