/* text */
.main_title {font-size: 44px; line-height:1.2; font-family:SCDream3; color:#fff;}
.main_title span {font-family: SCDream5;}
.main_title dq {font-family: ESALight;}

.sub_title {font-size:24px; line-height:1.6; font-family: SCDream3; color:#fff;}

.section_title {font-size:42px; color:#262626;}
.section_title span {font-size:42px; font-family:SCDream6; color:#8f1e81;}

.section_title.white {font-size:42px; color:#fff;}
.section_title.white span {font-size:42px; font-family:SCDream6; color:#fff;}

.emoji_text {align-items: center;}

.emoji, .emoji_text i {width:21px; height:21px; display:inline-block; transform:translateY(16%);}
.emoji.crown, .emoji_text .crown {background: url('/resources/indiple/imgs/emoji_crown.png') no-repeat;}
.emoji.chart, .emoji_text .chart {background: url('/resources/indiple/imgs/emoji_chart.png') no-repeat;}
.emoji.finger, .emoji_text .finger {background: url('/resources/indiple/imgs/emoji_finger.png') no-repeat;}
.emoji.price, .emoji_text .price {background: url('/resources/indiple/imgs/emoji_price.png') no-repeat;}
.emoji.refill, .emoji_text .refill {background: url('/resources/indiple/imgs/emoji_refill.png') no-repeat;}
.emoji.speed, .emoji_text .speed {background: url('/resources/indiple/imgs/emoji_speed.png') no-repeat;}
.emoji.star, .emoji_text .star {background: url('/resources/indiple/imgs/emoji_star.png') no-repeat;}


.bullet_text:before {width:10px; height:10px; border-radius:5px; display:inline-block; content: ' ';}
.bullet_text.skyblue {color:#579ae6;}
.bullet_text.skyblue:before {background-color:#579ae6;}
.bullet_text.orange {color:#e65757;}
.bullet_text.orange:before {background-color:#e65757;}
.bullet_text.lightgreen {color:#57e6a1;}
.bullet_text.lightgreen:before {background-color:#57e6a1;}

.bullet {width:10px; height:10px; border-radius:5px; display:inline-block;}
.bullet.skyblue {background-color:#579ae6;}
.bullet.orange {background-color:#e65757;}
.bullet.lightgreen {background-color:#57e6a1;}

/* button */
button, input[type=button], .button {}
button.join {background-color:#ffea00; color:#8f1e81; border-radius:25px; min-width:140px; min-height:50px; font-family: SCDream6; font-size:25px;}
button.login {background-color:#fff; color:#8f1e81; border-radius:25px; min-width:140px; min-height:50px; font-family: SCDream6; font-size:25px;}
button.join2 {background-color:#ffea00; color:#4772a4; border-radius:25px; min-width:140px; min-height:50px; font-family: SCDream6; font-size:25px;}

button.submit {background-color: #8d2382; color:#fff; font-family: SCDream5; font-size: 18px; text-align:center; width:100%; height:40px;}

/* input */
.form input[type=text], .form input[type=password] {width:100%; height:60px; font-size:20px; font-family: SCDream4; padding:20px; border: 1px solid #d7d7d7;}
.form input[type=text]::placeholder, .form input[type=password]::placeholder {color:#b4b4b4;}
.search input[type=text], .search input[type=password] {width:100%; height:70px; font-size:24px; font-family:SCDream4; padding:0px 40px; border-radius:35px; border:0;}
.search input[type=text]::placeholder, .search input[type=password]::placeholder {color:#adadad;}

/* select */
.search select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url('/resources/indiple/imgs/select_left.png'), url('/resources/indiple/imgs/select_right.png');
                background-repeat: no-repeat; background-position:30px 25px, calc( 100% - 35px ) 25px; min-width:300px; height:70px; border-radius:35px; border:0px; width:100%;
                font-size:24px; font-family:SCDream4; padding:10px 10px; color:#adadad; text-align:center; text-align-last: center; -ms-text-align-last: center; -moz-text-align-last: center; outline:none;}
.search select option {color:#262626;}
.search select::-ms-expand {display: none;}

/* box */
.count_box {text-align:center; width:678px; height:201px; font-size:60px; color:#fff; padding-top:7px; padding-left:7px; }
.count_box .shadow {width:678px; height:201px; background-color:#f5f5f5;}
.count_box .content {width:100%; height:100%; padding-top:44px; background-color:#882d88; width:678px; height:201px; margin-left:-7px; margin-top:-208px;}
.count_box .title {font-size:30px; color:#fff;}
.count_box .cnt {}
.count_box:before {content:' '; position:absolute; z-index:-1; display:block; width:678px; height:201px; margin-top:7px; margin-left:7px; background-color:#f5f5f5;}

.sales_box {text-align:center; width:678px; height:322px; font-size:60px; color:#fff; padding-top:7px; padding-left:7px;}
.sales_box .shadow {width:678px; height:322px; background-color:#ebebeb; border-radius:5px;}
.sales_box .border {background-color:#fff; border-radius:5px; padding:3px; margin-top:-329px; margin-left:-7px; height:322px; }
.sales_box .content {background:#fff; width:100%; height:100%; padding:100px 116px; background-color:#fff; border-radius:5px; height:100%;}
.sales_box .title {font-size:24px; font-family:SEBANG_Gothic_Regular; color:#262626; margin-bottom:15px;}
.sales_box .desc {font-size:20px; color:#262626;}

.sales_box.insta {}
.sales_box.insta:hover .border {background: linear-gradient(129deg, #8f1e81, #4772a4); padding:3px;}
.sales_box.insta .icon_text {background-image: url('/resources/indiple/imgs/icon_insta.png'); min-height:100px; padding:18px 0px; background-repeat:no-repeat; padding-left:137px; text-align:left;}

.sales_box.youtube {}
.sales_box.youtube:hover .border {background: #d4272d; padding:3px;}
.sales_box.youtube .icon_text {background-image: url('/resources/indiple/imgs/icon_youtube.png'); min-height:100px; padding:18px 0px; background-repeat:no-repeat; padding-left:137px; text-align:left;}

/* table */
.table {width:100%; background-color:#fff; min-width:1024px;}
.table .header {border:1px solid #d7d7d7; border-bottom:0px; height: 59px; line-height:58px; font-size:24px; font-family: SCDream5;}
.table .header .vip {padding-left:60px; background-image:url('/resources/indiple/imgs/icon_table_vip.png'); background-repeat: no-repeat; background-position-x:10px; background-position:14px;}
.table .header .insta {padding-left:60px; background-image:url('/resources/indiple/imgs/icon_table_insta.png'); background-repeat: no-repeat; background-position-x:10px; background-position:14px;}
.table .header .youtube {padding-left:60px; background-image:url('/resources/indiple/imgs/icon_table_youtube.png'); background-repeat: no-repeat; background-position-x:10px; background-position:14px;}
.table .header .options ul {list-style:none; margin:0; padding:0; padding-left:50px; padding-right:50px; display:flex; justify-content:space-between;}
.table .header .options li {float:left; cursor:pointer; color:#797b7c;}
.table .header .options li:hover, .table .options li.on {color:#282828;}
.table .header .options li i {margin-right:6px;}

.table table {width:100%; /*border-top:3px solid #4772a4; table-layout: fixed;*/}
.table td, th {text-align:left; padding:3px;}
.table td:first-child, .table th:first-child {border-left:1px solid #d7d7d7; padding-left:20px;}
.table td:last-child, .table th:last-child {border-right:1px solid #d7d7d7; padding-right:20px;}
.table th {height:57px; border-bottom:2px solid #b9b9b9; font-family: SEBANG_Gothic_Regular; font-size:20px;}
.table td {height:59px; border-bottom:1px solid #d7d7d7; font-family: SEBANG_Gothic_Regular; font-size: 18px;}
.table th .ea:after {content:'EA'; font-size:16px; position:relative;}
.table td .ea:after {content:'EA'; font-size:12px; position:relative; color:#909090;}
.table td .won:before {content:'₩'; position:relative;}
.table td .percent:after {content:'%'; position:relative;}
.table td embed {vertical-align: -4px;}
.table td desc {background-image:url('/resources/indiple/imgs/icon_table_view.png'); width:22px; height:22px; display:inline-block; cursor:pointer;}
.table td.right {text-align:right; float: unset;}
.table th.right {text-align:right; float: unset;}
.table th.left {text-align:left; float: unset;}


/* card */
.card {width:100%; background-color:#fff; box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.07); border-radius:20px; padding:46px 38px; overflow:auto;}
.card .content {}
.card .left:first-child {margin-right:24px;}
.card .left:last-child {padding-top:1px;}
.card .t1 {font-family:SEBANG_Gothic_Regular; font-size:16px;}
.card .t2 {font-family:SEBANG_Gothic_Regular; font-size:26px; margin:7px 0px;}
.card .t3 {font-family:SEBANG_Gothic_Regular; font-size:16px; color:#838383;}

.card.t02 {width:100%; background-color: unset; box-shadow: none; border-radius:0; padding: 0px;}
.card.t02 .t1 {font-family:SEBANG_Gothic_Regular; font-size:24px; margin-top:20px; color:#fff; text-align:left;}
.card.t02 .t2 {font-family:SEBANG_Gothic_Regular; font-size:18px; margin-top:12px; margin-bototm:0px; color:#fff; text-align:left;}

/* tab */
.tab {overflow:auto;}
.tab .header .item {float:left;}
.tab .content .item {display:none;}
.tab .content .item.on {display:block;}

/* box */
.box {background-color:#fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07); width:100%;}
.box .header {border-bottom:1px solid #e1e1e1;}

.box.tab {}
.box.tab .header {font-size:18px; font-family: SEBANG_Gothic_Regular; height:80px; padding:0px 0px;}
.box.tab .content {font-size:18px; font-family: SEBANG_Gothic_Regular; padding:30px;}
.box.tab .header .item {padding:30px;}
.box.tab .header .item.on {border-bottom:3px solid #8d2382; padding:30px 30px 26.5px 30px;}

.box.view {}
.box.view .header {font-size:18px; font-family: SEBANG_Gothic_Regular; height:80px; padding:30px;}
.box.view .content {font-size:14px; font-family: SEBANG_Gothic_Regular; padding:30px;}

.box.info {box-shadow:unset;}
.box.info .header {background-color:#ebebeb; border-bottom:0px; font-size:14px; font-family: SCDream4; height:30px; padding:7px; text-align:center;}
.box.info .content {font-size:24px; font-family: SEBANG_Gothic_Regular; padding:10px 0px; color:#579ae6; text-align:center; height:50px; border: 1px solid #ebebeb; border-top:0px;}

.box.detail {box-shadow:unset;}
.box.detail .header {background-color:#ebebeb; border-bottom:0px; font-size:18px; font-family: SCDream5; height:40px; padding:10px; border:1px solid #e1e1e1;}
.box.detail .content {font-size:14px; font-family: SEBANG_Gothic_Regular; padding:30px; border: 1px solid #e1e1e1; border-top:0px;}


/* roundbox */
.roundbox {padding:60px 33px; background-color:#fff; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07); display:inline-block; border-radius:20px; text-align:left;}
.roundbox .title {text-align:center; font-size:24px; color:#6b1664; font-family: SCDream5; margin-bottom:30px;}
.roundbox .title span {color:#736f73; font-size:16px; font-family: SCDream3; text-align:center;}
.roundbox .text {font-size:16px; font-family: SCDream3; color:#736f73; line-height:1.6; margin-bottom:10px;}
.roundbox .text2 {font-size:14px; font-family: SCDream3; color:#736f73; line-height:1.6;}