@import url('fonts.css');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* ---------------------------- reset ----------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea, button, a,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font:inherit;
	color:inherit;
	box-sizing:border-box;
}

html {font-size:10px;}
body {font-size:1.3rem; transition: background-color .5s;}/*20210827추가*/
html, body {margin:0; padding:0; font-family:'Nanum Gothic', 'Noto Sans KR', sans-serif, 'Malgun Gothic', '맑은 고딕', 'dotum';  line-height:1.5; color:#444; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -webkit-print-color-adjust: exact; word-break:keep-all;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

table {border-collapse:collapse; border-spacing:0;}
table caption {position:absolute; width:0.1rem !important; height:0.1rem !important; margin:-0.1rem; overflow:hidden; clip-path: polygon(0 0, 0 0, 0 0);}

img, embed, object, video, iframe {max-width:100%;}
img {border:none;}
ul {list-style:none; padding:0; margin:0;}
ol {padding:0 0 0 2rem; margin:0;}
figure {margin:0;}

h1, h2, h3, h4, h5, h6, b, strong {font-weight:700;}
sup {font-size:smaller; vertical-align:super;}

button {background:none;}
button, a {border:none; cursor:pointer; padding:0; transition-property:background-color, color; transition-duration:100ms;}
a {text-decoration:none !important;}
i {line-height:1.5 !important; vertical-align:-0.1rem;}

::selection {background:#f3dc16; color:#000;}
*:first-child {margin-top:0;}
*:last-child {margin-bottom:0;}
*:focus {outline-color:#4fc6e1;}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.element{
  /* background: gray; */
  width: 6vw;
  height: 6vw;
  margin-left:2.1vw;
  margin-right:2.1vw;
  display: flex;
  align-items: center;
  justify-content:center;
  background-image: url('../images/check2-default@2x.png');
  background-size: cover;
}

.element.active{
  background-image: url('../images/check2-select@2x.png');
}

.form-check-input{
  margin-top: 0.6rem !important;
}
sector{
  display: flex;
  align-items: center;
  justify-content:center;
  display: inline-flex; z-index: 3; position: absolute;
  /* height: 100vh; */
}
.radius{border-radius: 3px;}
.bul{width: 3px !important; height: 3px !important;margin-right: 2px; }
.bull{ position: relative; top: 0px}
.noborder{border: 0px !important}
.marginleft15{margin-left: 15px;}
.margin0{margin:0;}
.grad{background-image: url(../images/line-bg2.png); height: 24px;background-size: cover;position: relative; top:22px;  z-index: 1;}
/* .height60{height: 60px !important; padding: 16px !important} */
.fs-15{font-size: 12px !important;}
.fs-17{font-size: 17px !important;}
.mini-text{font-size: 11.2px !important}
.right{text-align: right !important;}
.fixed-bottom{background-color: #ffffff}
.on{height: 30px; border-bottom: 3px #9a5eef solid; color: #9a5eef; text-align: center; font-size: 14px}
.off{height: 30px; border-bottom: 3px #d8d8d8 solid; color: #b0b0b0; text-align: center; font-size: 14px}
.vertical-align-mid{vertical-align: middle;}
#n02{display: none}
#n03{display: none}
#n04{display: none}
#open{display: none}
.bold {font-weight: bold;}
#modal{background-color: #1a003ec8 ; position: absolute; top:0; width: 100%; height:200%;z-index: 1031; display: none}
#modal2{background-color: #1a003ec8 ; position: absolute; top:0; width: 100%; height:200%;z-index: 1031; display: none}
.modal-wrap{position:absolute; top:26vh; left:0; z-index: 1032; border-radius: 3px;}
.modal-header{position: relative;  padding: 12px; background-color:#3b3b3b; border-top-left-radius: 3px; border-top-right-radius: 3px}
.sitemap{font-size: 12.5px; padding: 14px; border-bottom: 0.1px #f4f4f4 solid}
.bg {background-color: #f4f4f4;}
.nav-area {background-color: #f4f4f4; padding: 0px !important; border-top: 0.1px #ececec solid; height:46px;}
.title-area {background-color: #f4f4f4; padding: 0px !important; letter-spacing: -0.75px}
.list-area {background-color: #ffffff; padding: 0px !important;letter-spacing: -0.65px}
.ci-area {background-color: #f4f4f4; padding: 0px !important;}
.ci-img{width:80px;}
.title{padding:13px; padding-left: 32px; font-size:16px;}
.login-title{text-align:center; font-size:13px; margin-top: 16px; margin-top: 10px;}
.text{font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #999999; height: 20px;;}
.text2{font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #666666; line-height: 20px;;}
.text3{font-size: 12px;line-height: 2;letter-spacing: -0.6px;text-align: left;color: #666666; line-height: 24px;;}
.purple{color: #9b58f2 !important}
.gray{color: #999999}
.darkgray{color: #666666}
.marginbottom10{margin-bottom: 10px;}
.marginbottom20{margin-bottom: 20px;}
.marginbottom30{margin-bottom: 30px;}
.caution{color: tomato; color: #9b58f2; font-size: 12px !important; margin: 4px 0px;}
.ellipsis{overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}

.top-space{margin-top: 55px}
.top-space2{margin-top: 40px}
.event-on{
  width:45px !important; height: 28px !important; margin-right: 6px; padding: 4px 8px !important; font-size: 14px !important;
}
.event-off{
  height: 28px !important; margin-right: 6px; padding: 4px 16px !important; font-size: 14px !important;
}
.top{border-bottom: 0.1px #c2c2c2 solid; height:40px;margin: 0; margin-bottom: 20px; padding: 10px; width: 100%; background-color: #ffffff}
.top-title{font-size: 13px; position: absolute;; left:15px;}
.top-bell{position: absolute;; right:15px; width: 13px; height:15px;}
.top-close{position: absolute;; right:15px; top:14px; width: 12px; height:12px;}
.drop{position: absolute;; right:15px; top:40px; width: 12px; height:12px;}
.check{position: absolute;; left:15px; top:28px; width: 24px; height:24px;}
.check2{position: absolute;; left:15px; top:14px; width: 24px; height:24px;}
.check3{position: absolute;; left:15px; top:40%; width: 24px; height:24px;}

.mypoint{border-radius: 5px;border: solid 1px #9b58f2;background-color: #fff; margin-bottom: 15px;}
.mypoint-title{padding: 12px; margin:0; padding-left:13px; color:#9b58f2; letter-spacing: -0.6px; font-size: 12px}
.mypoint-amount{padding: 9px; margin:0; padding-left:0px; color:#9b58f2; letter-spacing: -0.75px; font-size: 15px; font-weight: bold;}
.mypoint-dot{cursor: pointer; position: absolute;; right:15px; top:20px; width: 14px; height:3px;}
.sub-title{font-size:11px; padding-left:5px; letter-spacing:-0.6px; color:#666666; font-weight:bold;}
.sub-arrow-purple{width:6px; height:8px; margin:4px;}
.purple-frame{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:15px;margin-bottom: 15px;}
.purple-frame2{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:15px;margin-bottom: 15px;margin-bottom: 0; padding-bottom:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0}
.hashtag{font-size: 11px;font-weight: bold; letter-spacing: -0.55px;color: #9b58f2; margin-right: 10px}
.content-text{font-size: 15px; letter-spacing:-0.75px; color:#3b3b3b; line-height:20px; font-weight:600}
.line{height: 0.5px;opacity: 0.34;background-color: #3b3b3b;}
.line2{height: 0.5px;opacity: 0.34;background-color: #d8d8d8;}
.line-t{height: 0.5px;opacity: 0.34;background-color: #404040;}
.cash{font-size: 12px; letter-spacing:-0.6px; color:#3b3b3b; font-weight:bold;}
.gray-frame{border-radius: 5px;border: solid 1px #d9d9d9;background-color: #f9f9f9;; margin-bottom: 10px;padding:15px}
.attend-time{font-size: 11px; color:#666666;}
.notice-title{font-size:11px; padding-left:10px; color:#3b3b3b; font-weight:bold}
.notice-arrow{position:absolute; right: 20px; top:13px; width:5px; height:10px}
.badge{position: absolute; padding:0 !important; right:9px; top: 9px; width:4px !important; height:4px !important; background-color: #9b58f2}
.bottom-fixed{background-color:#ffffff; position: absolute; bottom:10px; padding:30px 15px}
.purple-box{padding: 4px; width:50px; color: white; font-size:9px; text-align: center; background-color:#9a5eef; margin-bottom: 10px;}
.gray-box{padding: 4px; width:50px; color: white; font-size:9px; text-align: center; background-color:#b1b1b1; margin-bottom: 10px;}
.blue-box{padding: 4px; width:50px; color: white; font-size:9px; text-align: center; background-color:#5ca6eb; margin-bottom: 10px;}
.date{color: #666666; font-size:10px; text-align: right;}
.btn-back{width: 10px; height: 10px; margin-right: 5px; margin-bottom: 4px}
.btn-scope{height: 14px; margin-right: 5px; margin-bottom: 4px}
.btn-attatch{height: 14px; margin-left: 5px; margin-bottom: 4px}

.text-center{text-align: center;}
.width250{width: 250px;}
.list{padding:13px; padding-left: 32px; font-size:14px; cursor: pointer; border-bottom: 0.1px #f4f4f4 solid; background-color:#fff;}
.height30{height: 15px; background-color: #f4f4f4;}
.ci{padding:16px; padding-left: 32px;}
.bottom100{margin-bottom: 70px !important;}
.bottom150{margin-bottom: 100px !important;}
.padding0{padding: 0 !important}
.nav-on-text{font-size: 9px;  letter-spacing: -0.4px; color: #7633d4; text-align: center;}
.nav-off-text{font-size: 9px;  letter-spacing: -0.4px; color: #919191; text-align: center;}
.nav-on-img{height:28px; text-align: center; padding-top: 2px; margin-bottom: 2px; }
/* .nav-on-img{width:45px; height:26px; background-color:red;} */
.nav-btn{width: 20%;}
.rolling-title1{font-size:13px; letter-spacing: -0.6px; line-height: 19px; text-align: center; margin-bottom: 10px;}
.rolling-title2{font-size:13px; letter-spacing: -0.6px; line-height: 19px; text-align: center; margin-bottom: 24px;}
.rolling-img{width: 54px; padding-top: 22px; padding-bottom: 27px;}
.input {padding: 14px;border: solid 1px #d8d8d8; background-color: #fff; border-radius: 4px; border: 0.1px #d8d8d8 solid;font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;color: #999; height: 40px;}
/* .input {padding: 14px;border: solid 1px #d8d8d8; background-color: #fff; border-radius: 4px; border: 0.1px #d8d8d8 solid;font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;color: #999; height: 40px;border-left: 0; border-right: 0; border-top: 0; border-radius: 0} */
.input-t {padding: 14px;border: solid 1px #d8d8d8; background-color: #fff; border-radius: 4px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: 0.1px #d8d8d8 solid;font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;color: #999; height: 40px;}
.input-b {padding: 14px;border: solid 1px #d8d8d8; background-color: #fff; border-radius: 4px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 0.1px #d8d8d8 solid;font-size: 12px;line-height: 1.5;letter-spacing: -0.6px;color: #999; height: 40px; position: relative; top:-1px;}

.round {position: relative;  min-width: 15px !important;}
.round input[type="checkbox"],input[type="radio"] {visibility: hidden; }
.round label {background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor:
  pointer;height: 15px;left: 0;position: absolute;top: 3px;width: 15px;}
.round label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";
  height: 4px;left: 3px;opacity: 0;position: absolute;top: 3.5px; transform: rotate(-45deg);width: 8px;}
.round input[type="checkbox"]:checked + label,input[type="radio"]:checked + label {background-color: #9a5eef;border-color: #7633d4; }
.round input[type="checkbox"]:checked + label:after,input[type="radio"]:checked + label:after {opacity: 1;}
.round-text{font-size: 12px;font-weight: bold;line-height: 1.5;letter-spacing: -0.6px;text-align: left;color: #999999; padding-left: 9.5px; padding-top: 2px;}
.textarea-text{height:120px; line-height: 22px; background-color: #f4f4f4; overflow-y: scroll; font-size: 13px; padding: 10px; font-weight: normal; color: #666666;}
.button-tab-on{padding: 8px;border-radius: 0px; border: solid 0.5px #7633d4;background-color: #9a5eef; color: #ffffff; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 0}
.button-tab-off{padding: 8px;border-radius: 0px; border: solid 0.5px #9a5eef;background-color: #ffffff; color: #919191; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 0}
.button-lg{cursor: pointer; height: 40px;padding: 8px;border-radius: 5px; border: solid 0.5px #7633d4;background-color: #9a5eef; color: #ffffff; font-weight: bold; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 14px 0px;}
.button-lg-gray{cursor: pointer; height: 40px;padding: 8px;border-radius: 5px; border: solid 0.5px #b0b0b0;background-color: #d8d8d8; color: #b0b0b0; font-weight: bold; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 14px 0px;}
.button-lg2{cursor: pointer;padding: 8px;border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border: solid 0.5px #7633d4;background-color: #9a5eef; color: #ffffff; font-weight: bold; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 0px;}
.button-lg3{cursor: pointer;padding: 8px;border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; border: solid 0.5px #7633d4;background-color: #999999; color: #ffffff; font-weight: bold; font-size: 13px; text-align: center; letter-spacing: -0.75px; margin: 0px;}
.button-left{cursor: pointer; height: 50px;padding: 14px;border: solid 0.5px #666666;background-color: #999999; color: #ffffff; font-weight: bold; font-size: 15px; text-align: center; letter-spacing: -0.75px; margin: 0px;}
.button-right{cursor: pointer; height: 50px;padding: 14px;border: solid 0.5px #7633d4;background-color: #9a5eef; color: #ffffff; font-weight: bold; font-size: 15px; text-align: center; letter-spacing: -0.75px; margin: 0px;}
.carousel-indicators .active{margin:3.5px !important; background-color: #9a5eef !important; width: 75px !important; height: 3px !important; border: 0px !important;}
.carousel-indicators li{margin:3.5px !important;  width: 3px !important; height: 3px !important; border: 0px !important; background-color: #b0b0b0 !important; }
.carousel-indicators{bottom: -20px !important;  }
.bottom-text{height: 12px;font-size: 11px;font-weight: bold;letter-spacing: -0.55px;color: #999; margin-top: 10px;}
.fc-red{color: red;}
.w90ellipsis{ width: 78vw; text-overflow: ellipsis; overflow: hidden;display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

@media only screen and (min-width: 321px) and (max-width: 460px) {
.nav-area {height:50px;}
.ci-img{width:100px;}
.title{padding:13px; padding-left: 32px; font-size:20px;}
.login-title{text-align:center; font-size:22px; margin-top: 30px; margin-top: 15px;}
.text{font-size: 18px; height: 30px;}
.text2{font-size: 14px; line-height: 20px;;}
.text3{font-size: 14px;line-height: 1.8;letter-spacing: -0.6px;text-align: left;color: #666666;}

.caution{color: tomato; color: #9b58f2; font-size: 14px !important; margin: 10px 0px;}

.fs-15{font-size: 15px !important;}

.top-space{margin-top: 70px}
.top-space2{margin-top: 50px}
.top{border-bottom: 0.1px #c2c2c2 solid; height:50px;margin: 0; margin-bottom: 20px; padding: 10px; width: 100%; background-color: #ffffff}
.top-title{font-size: 18px; position: absolute;; left:15px; top:12px}
.top-bell{position: absolute;; right:15px; width: 18px; height:20px; top: 14px}
.top-close{position: absolute;; right:15px; top:20px; width: 12px; height:12px;}
.drop{position: absolute;; right:15px; top:45px; width: 14px; height:14px;}

.mypoint{border-radius: 5px;border: solid 1px #9b58f2;background-color: #fff; margin-bottom: 20px;}
.mypoint-title{padding: 14px; margin:0; padding-left:13px; color:#9b58f2; letter-spacing: -0.6px; font-size: 14px}
.mypoint-amount{padding: 10px; margin:0; padding-left:0px; color:#9b58f2; letter-spacing: -0.75px; font-size: 20px; font-weight: bold;}
.mypoint-dot{position: absolute;; right:15px; top:24px; width: 20px; height:4px;}
.sub-title{font-size:15px; padding-left:5px; letter-spacing:-0.6px; color:#666666; font-weight:bold;}
.sub-arrow-purple{width:10px; height:14px; margin:5px;}
.purple-frame{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:15px;margin-bottom: 15px; }
.purple-frame2{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:15px;margin-bottom: 15px;margin-bottom: 0; padding-bottom:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.hashtag{font-size: 14px;font-weight: bold; letter-spacing: -0.55px;color: #9b58f2; margin-right: 10px; }
.content-text{font-size: 16px; letter-spacing:-0.75px; color:#3b3b3b; line-height:24px; padding-top: 0px !important}
.line{height: 0.5px;opacity: 0.34;background-color: #3b3b3b;}
.cash{font-size: 15px; letter-spacing:-0.6px; color:#3b3b3b; font-weight:bold;}
.gray-frame{border-radius: 5px;border: solid 1px #d9d9d9;background-color: #f9f9f9;; margin-bottom: 10px;padding:15px}
.attend-time{font-size: 14px; color:#666666;}
.notice-title{font-size:15px; padding-left:0px; color:#3b3b3b; font-weight:bold}
.notice-arrow{position:absolute; right: 20px; top:13px; width:8px; height:15px}
.badge{position: absolute; padding: 0 !important; right:12px; top: 12px; width:4px !important; height:4px !important; background-color: #9b58f2}
.bottom-fixed{background-color:#ffffff; position: absolute; bottom:40px; padding:30px 15px}
.purple-box{padding: 3px; width:64px; color: white; font-size:12px; text-align: center; background-color:#9a5eef}
.gray-box{padding: 3px; width:64px; color: white; font-size:12px; text-align: center; background-color:#999999}
.blue-box{padding: 3px; width:64px; color: white; font-size:12px; text-align: center; background-color:#5ca6eb}
.date{color: #666666; font-size:12px; text-align: right;}
.btn-back{width: 14px; height: 14px;margin-right: 10px; margin-bottom: 8px}
.btn-scope{height: 16px; margin-right: 10px; margin-bottom: 0px}

.width250{width: 250px;}
.list{padding:16px; padding-left: 32px; font-size:16px; cursor: pointer; border-bottom: 0.1px #f4f4f4 solid; background-color:#fff;}
.height30{height: 15px; background-color: #f4f4f4;}
.ci{padding:16px; padding-left: 32px;}
.bottom100{margin-bottom: 100px;}
.nav-on-text{font-size: 12px;  letter-spacing: -0.4px; color: #7633d4; text-align: center;}
.nav-off-text{font-size: 12px;  letter-spacing: -0.4px; color: #919191; text-align: center;}
.nav-on-img{height:30px; padding-top: 2px;}
/* .nav-on-img{width:66px; height:40px; background-color:red;} */

.rolling-title1{font-size:15px; letter-spacing: -0.6px; line-height: 22px; text-align: center; margin-bottom: 10px;}
.rolling-title2{font-size:15px; letter-spacing: -0.6px; line-height: 22px; text-align: center; margin-bottom: 24px;}
.rolling-img{width: 70px; padding-top: 22px; padding-bottom: 27px;}
.input {padding: 10px;font-size: 14px;height: 39px; }
.input-t {padding: 15px;font-size: 15px;height: 45px;}
.input-b {padding: 15px;font-size: 15px; height: 45px;}


.round label {height: 20px;left: 0;position: absolute;top: 3px; min-width: 20px !important;}
.round label:after {height: 6px;left: 3px; top: 4px;width: 12px;}
.round-text{font-size: 14px;padding-left: 12px; }
.textarea-text{height:120px; line-height: 22px; background-color: #f4f4f4; overflow-y: scroll; font-size: 14px; padding: 10px; font-weight: normal; color: #666666;}
.button-tab-on{padding: 8px;border-radius: 0px; border: solid 0.5px #7633d4;background-color: #9a5eef; color: #ffffff; font-size: 14px; text-align: center; letter-spacing: -0.75px; margin: 0}
.button-tab-off{padding: 8px;border-radius: 0px; bborder: solid 0.5px #9a5eef;background-color: #ffffff; color: #919191; font-size: 14px; text-align: center; letter-spacing: -0.75px; margin: 0}

.button-lg{height: 45px;padding: 8px; font-size: 17px; margin: 20px 0px;}
.button-lg-gray{height: 45px;padding: 8px; font-size: 17px; margin: 20px 0px;}
.button-lg2{padding: 8px; font-size: 17px; margin: 0px;}
.bottom-text{height: 14px;font-size: 13px;font-weight: bold;letter-spacing: -0.55px;color: #999; margin-top: 15px;}
.button-left{height: 55px;padding: 15px; font-size: 17px; margin: 0px;}
.button-right{height: 55px;padding: 15px; font-size: 17px; margin: 0px;}
}


@media only screen and (min-width: 461px) {
.nav-area {height:80px;}
.ci-img{width:140px;}
.title{padding:20px; padding-left: 32px; font-size:24px;}
.login-title{text-align:center; font-size:24px; margin-top: 30px; margin-top: 30px;}
.text{font-size: 18px; height: 30px;}
.text2{font-size: 18px; line-height: 30px;;}
.text3{font-size: 18px;}

.caution{color: tomato; color: #9b58f2; font-size: 16px !important; margin: 20px 0px;}


.top-space{margin-top: 80px}
.top-space2{margin-top: 60px}

.top{border-bottom: 0.1px #c2c2c2 solid; height:60px;margin: 0; margin-bottom: 20px; padding: 10px; width: 100%; background-color: #ffffff}
.top-title{font-size: 24px; position: absolute;; left:30px; top:15px}
.top-bell{position: absolute;; right:30px; width: 22px; height:26px; top: 16px}
.top-close{position: absolute;; right:30px; top:20px; width: 20px; height:20px;}
.drop{position: absolute;; right:30px; top:45px; width: 20px; height:20px;}

.mypoint{border-radius: 5px;border: solid 1px #9b58f2;background-color: #fff; margin-bottom: 20px;}
.mypoint-title{padding: 18px; margin:0; padding-left:13px; color:#9b58f2; letter-spacing: -0.6px; font-size: 16px}
.mypoint-amount{padding: 12px; margin:0; padding-left:0px; color:#9b58f2; letter-spacing: -0.75px; font-size: 26px; font-weight: bold;}
.mypoint-dot{position: absolute;; right:15px; top:28px; width: 30px; height:6px;}
.sub-title{font-size:18px; padding-left:5px; letter-spacing:-0.6px; color:#666666; font-weight:bold;}
.sub-arrow-purple{width:12px; height:18px; margin:5px; padding-top: 2px}
.purple-frame{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:20px;margin-bottom: 20px; }
.purple-frame2{border-radius: 5px;border: solid 1px #9b58f2;background-color: #f9f9f9;padding:20px;margin-bottom: 20px;margin-bottom: 0; padding-bottom:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 }
.hashtag{font-size: 18px;font-weight: bold; letter-spacing: -0.55px;color: #9b58f2; margin-right: 10px; height: 18px }
.content-text{font-size: 23px; letter-spacing:-0.75px; color:#3b3b3b; line-height:34px; padding-top: 0px !important}
.line{height: 0.5px;opacity: 0.34;background-color: #3b3b3b;}
.cash{font-size: 18px; letter-spacing:-0.6px; color:#3b3b3b; font-weight:bold;}
.gray-frame{border-radius: 5px;border: solid 1px #d9d9d9;background-color: #f9f9f9;; margin-bottom: 20px;padding:20px}
.attend-time{font-size: 17px; color:#666666; line-height: 34px}
.notice-title{font-size:18px; padding-left:10px; color:#3b3b3b; font-weight:bold}
.notice-arrow{position:absolute; right: 20px; top:13px; width:8px; height:15px}
.badge{position: absolute; padding: 0 !important; right:24px; top: 12px; width:6px !important; height:6px !important; background-color: #9b58f2}
.bottom-fixed{background-color:#ffffff; position: absolute; bottom:40px; padding:30px 15px}
.purple-box{padding: 5px; width:74px; color: white; font-size:15px; text-align: center; background-color:#9a5eef}
.gray-box{padding: 5px; width:74px; color: white; font-size:15px; text-align: center; background-color:#999999}
.blue-box{padding: 5px; width:74px; color: white; font-size:15px; text-align: center; background-color:#5ca6eb}
.date{color: #666666; font-size:16px; text-align: right;}
.btn-back{width: 18px; height: 18px;margin-right: 10px; margin-bottom: 6px}
.btn-scope{height: 20px; margin-right: 10px; margin-bottom: 0px}

.width250{width: 250px;}
.list{padding:20px; padding-left: 32px; font-size:20px; cursor: pointer; border-bottom: 0.1px #f4f4f4 solid; background-color:#fff;}
.height30{height: 15px; background-color: #f4f4f4;}
.ci{padding:16px; padding-left: 32px;}
.bottom100{margin-bottom: 100px;}
.nav-on-text{font-size: 16px;  letter-spacing: -0.4px; color: #7633d4; text-align: center;}
.nav-off-text{font-size: 16px;  letter-spacing: -0.4px; color: #919191; text-align: center;}
.nav-on-img{height:40px; padding-top: 2px;}
/* .nav-on-img{width:66px; height:40px; background-color:red;} */

.rolling-title1{font-size:20px; letter-spacing: -0.6px; line-height: 32px; text-align: center; margin-bottom: 20px;}
.rolling-title2{font-size:20px; letter-spacing: -0.6px; line-height: 32px; text-align: center; margin-bottom: 24px;}
.rolling-img{width: 90px; padding-top: 22px; padding-bottom: 27px;}
.input {padding: 20px;font-size: 18px;height: 60px; }
.input-t {padding: 20px;font-size: 18px;height: 60px;}
.input-b {padding: 20px;font-size: 18px; height: 60px;}


.round label {height: 26px;left: 0;position: absolute;top: 3px; min-width: 26px !important;}
.round label:after {height: 8px;left: 5px; top: 6px;width: 14px;}
.round-text{font-size: 16px;padding-left: 20px; padding-top: 4px }

.button-lg{height: 60px;padding: 10px; font-size: 22px; margin: 30px 0px;}
.button-lg-gray{height: 60px;padding: 10px; font-size: 22px; margin: 30px 0px;}
.button-lg2{padding: 10px; font-size: 22px; margin: 0px;}
.bottom-text{height: 16px;font-size: 16px;font-weight: bold;letter-spacing: -0.55px;color: #999; margin-top: 15px;}
.button-left{height: 60px;padding: 10px; font-size: 22px; margin: 0px;}
.button-right{height: 60px;padding: 10px; font-size: 22px; margin: 0px;}

.carousel-indicators .active{margin:3.5px !important; background-color: #9a5eef !important; width: 75px !important; height: 5px !important; border: 0px !important;}
.carousel-indicators li{margin:3.5px !important;  width: 5px !important; height: 5px !important; border: 0px !important; background-color: #b0b0b0 !important; }
.carousel-indicators{bottom: -20px !important;  }
.bottom-text{height: 16px;font-size: 16px;font-weight: unset;letter-spacing: -0.55px;color: #999; margin-top: 10px;}
.fc-red{color: red;}
}