@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;font-family:'Malgun Gothic', dotum, sans-serif}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
.m-content{width: 100%;height:300px; display: flex;justify-content: center;align-items: center;position: relative;}
.wrapper {position: relative;height: 200px;width: 200px;padding: 20px;margin: 20px;background-color: #ff5555;box-shadow: #000000 0px 0px 10px;border-radius: 50%;margin: 20px auto;}
.panel {position: relative;height: 200px;width: 200px;background-color: #b7b7b7;border-radius: 100px;}
.sector {position: absolute;left: 100px;top: 0px;width: 100px;height: 200px;font-size: 14px;border-radius: 0px 100px 100px 0;overflow: hidden;transform-origin: left center;}
.sector:nth-child(2n+1) .sector-inner {background: #fef6e0;}
.sector:nth-child(2n) .sector-inner {background: #ffffff;}
.sector-inner {text-align: center;display: block;width: 40px;padding: 5px 3px 0 57px;height: 195px;transform-origin: right center;border-radius: 100px 0 0 100px;}
.sector-inner span {display: block;transform-origin: center;color: #d46854;margin: 25px 10px 10px 0px;}
.pointer {position: absolute;left: 79px;top: 79px;z-index: 10;height: 30px;width: 30px;padding: 6px;color: #fff899;line-height: 15px;font-size: 12px;text-align: center;background-color: #ff5350;border-radius: 50%;border: 1px solid #ff5350;transition: transform 3s cubic-bezier(.2, .93, .43, 1);}
.pointer::after {content: '';position: absolute;left: 14px;top: -24px;border-width: 12px 6px;border-style: solid;border-color: transparent;border-bottom-color: #ff5350;transform-origin: center;}
.result {margin: 20px auto;text-align: center;font-size: 1.45rem;font-weight: bold;color: #fff}
.abj{width: 100%;height: 100%;position: absolute;display: none;justify-content: center;align-items: center;background: #000;opacity:0.85;z-index: 999;}


.bg01{width: 100%;background:url(../img/bg_visual.jpg?v=20241016) no-repeat 50% 0;height: 350px;display: flex;justify-content: center;align-items: center;}
.bg01 .txt{margin: auto;padding: 0;color: #fff;font-size: 1.8rem;font-weight: bold;}