@charset "utf-8";
/* CSS Document */
:root {
    --base-width: 100px; /* 변수 정의 */
    --add-width: 10px; /* 변수 정의 */
    --width_rateo: 0; /* 변수 정의 */

    --width-rate0: 0; /* 변수 정의 */
    --width-rate1: 1; /* 변수 정의 */
    --width-rate2: 2; /* 변수 정의 */
    --width-rate3: 3; /* 변수 정의 */
    --width-rate4: 4; /* 변수 정의 */
    --width-rate5: 5; /* 변수 정의 */
    --width-rate6: 6; /* 변수 정의 */
    --width-rate7: 7; /* 변수 정의 */
    --width-rate8: 8; /* 변수 정의 */
    --width-rate9: 9; /* 변수 정의 */

    --width-rate10: 1; /* 변수 정의 */
    --width-rate09: 0.9; /* 변수 정의 */
    --width-rate08: 0.8; /* 변수 정의 */
    --width-rate07: 0.7; /* 변수 정의 */
    --width-rate06: 0.6; /* 변수 정의 */
    --width-rate05: 0.5; /* 변수 정의 */
}
.fl_box {overflow:hidden;}
.fl_l {float:left}
.fl_r {float:right}
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; }
.display_b {display: block !important;}
.txt_r {text-align:right !important}
.txt_l {text-align:left !important}
.txt_c {text-align:center !important}
.lh_10 {line-height:10px;}
.lh_15 {line-height:15px;}
.lh_20 {line-height:20px;}
.lh_25 {line-height:25px;}
.lh_30 {line-height:30px;}
.lh_70 {line-height:70px;}
.lh_80 {line-height:80px;}
.lh_90 {line-height:90px;}
.lh_100 {line-height:100px;}
.fw_100 {font-weight:100;}
.fw_200 {font-weight:200;}
.fw_300 {font-weight:300;}
.fw_400 {font-weight:400;}
.fw_500 {font-weight:500;}
.fw_600 {font-weight:600;}
.fw_700 {font-weight:700;}
.fs_rem_08 {font-size:0.8rem !important; transition: all .3s;}
.fs_rem_09 {font-size:0.9rem !important; transition: all .3s;}
.fs_rem_10 {font-size:1.0rem !important; transition: all .3s;}
.fs_rem_11 {font-size:1.1rem !important; transition: all .3s;}
.fs_rem_12 {font-size:1.2rem !important; transition: all .3s;}
.fs_rem_13 {font-size:1.3rem !important; transition: all .3s;}
.fs_rem_14 {font-size:1.4rem !important; transition: all .3s;}
.fs_rem_15 {font-size:1.5rem !important; transition: all .3s;}
.fs_rem_16 {font-size:1.6rem !important; transition: all .3s;}
.fs_8 {font-size:8px !important; transition: all .3s;}
.fs_10 {font-size:10px !important; transition: all .3s;}
.fs_12 {font-size:12px !important; transition: all .3s;}
.fs_14 {font-size:14px !important; transition: all .3s;}
.fs_16 {font-size:16px !important; transition: all .3s;}
.fs_18 {font-size:18px !important; transition: all .3s;}
.fs_20 {font-size:20px !important; transition: all .3s;}
.fs_22 {font-size:22px !important; transition: all .3s;}
.fs_24 {font-size:24px !important; transition: all .3s;}
.fs_28 {font-size:28px !important; transition: all .3s;}
.fs_30 {font-size:30px !important; transition: all .3s;}
.fs_36 {font-size:36px !important; transition: all .3s;}
.fs_40 {font-size:40px !important; transition: all .3s;}
.fs_42 {font-size:42px !important; transition: all .3s;}
.fs_48 {font-size:48px !important; transition: all .3s;}
.fs_54 {font-size:54px !important; transition: all .3s;}
.fs_60 {font-size:60px !important; transition: all .3s;}
.fs_70 {font-size:70px !important; transition: all .3s;}
.fc_red {color:#dc3d1d !important;}
.fc_white {color:#ffffff !important;}
.fc_black {color:#000000 !important;}
.fc_green_01 {color:#46d501 !important;}
.fc_green_02 {color:#292a55 !important;}
.fc_blue_01 {color:#6666cc !important;}
.fc_blue_02 {color:#6666cc !important;}
.fc_gray_01 {color:#666666 !important;}
.fc_gray_02 {color:#3f3f3f !important;}
.fc_yellow {color:#dbb11b !important}

.w100 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)))}
.w110 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)))}
.w120 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)))}
.w130 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)))}
.w140 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)))}
.w150 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)))}
.w160 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)))}
.w170 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)))}
.w180 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)))}
.w190 {width:calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)))}
.w200 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)))}
.w210 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)))}
.w220 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)))}
.w230 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)))}
.w240 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)))}
.w250 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)))}
.w260 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)))}
.w270 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)))}
.w280 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)))}
.w290 {width:calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)))}

.w10n {width:10%;}
.w15n {width:15%;}
.w20n {width:20%;}
.w25n {width:25%;}
.w30n {width:30%;}
.w35n {width:35%;}
.w40n {width:40%;}
.w45n {width:45%;}
.w50n {width:50%;}
.w55n {width:55%;}
.w60n {width:60%;}
.w65n {width:65%;}
.w70n {width:70%;}
.w75n {width:75%;}
.w80n {width:80%;}
.w85n {width:85%;}
.w90n {width:90%;}
.w95n {width:95%;}
.w100n {width:100% !important;}

.w1000 {width:1000px; margin:0px auto; box-sizing:border-box}
.w10p {width:10%; box-sizing:border-box}
.w15p {width:15%; box-sizing:border-box}
.w20p {width:20%; box-sizing:border-box}
.w25p {width:25%; box-sizing:border-box}
.w30p {width:30%; box-sizing:border-box}
.w35p {width:35%; box-sizing:border-box}
.w40p {width:40%; box-sizing:border-box}
.w45p {width:45%; box-sizing:border-box}
.w50p {width:50%; box-sizing:border-box}
.w55p {width:55%; box-sizing:border-box}
.w60p {width:60%; box-sizing:border-box}
.w65p {width:65%; box-sizing:border-box}
.w70p {width:70%; box-sizing:border-box}
.w75p {width:75%; box-sizing:border-box}
.w80p {width:80%; box-sizing:border-box}
.w85p {width:85%; box-sizing:border-box}
.w90p {width:90%; box-sizing:border-box}
.w95p {width:95%; box-sizing:border-box}
.w100p {width:100% !important;}
.pd05 {padding:5px 5px !important}
.pd10 {padding:10px 10px !important}
.pd20 {padding:20px 20px !important}
.pl_10 {padding-left:10px !important}
.pl_20 {padding-left:20px !important}
.pl_30 {padding-left:30px !important}
.pr_10 {padding-right:10px !important}
.pr_20 {padding-right:20px !important}
.pr_20 {padding-right:30px !important}
.pt_10 {padding-top:10px !important}
.pt_20 {padding-top:20px !important}
.pt_30 {padding-top:30px !important}
.pb_10 {padding-bottom:10px !important}
.pb_20 {padding-bottom:20px !important}
.pb_30 {padding-bottom:30px !important}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}
.mb170 {margin-bottom:170px !important;}
.mb180 {margin-bottom:180px !important;}
.mb190 {margin-bottom:190px !important;}
.mb200 {margin-bottom:200px !important;}
.mb250 {margin-bottom:250px !important;}
.mb300 {margin-bottom:300px !important;}
.mb350 {margin-bottom:350px !important;}
.mb400 {margin-bottom:400px !important;}
.mb450 {margin-bottom:450px !important;}
.mb500 {margin-bottom:500px !important;}
.mb550 {margin-bottom:550px !important;}
.mb600 {margin-bottom:600px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}

.h4 {margin-top:0px !important;}

.h6 {
    text-transform: none !important;
}

.control-label.h5{
    font-size: 1.57em;
}
.control-label.h6{
    font-size: 1.1em;
}
.input-group-text .h6{
    margin-bottom:0px;
}

@media only screen and (max-width:800px) {
    .input-group-text .h6{
        font-size: 0.7em;
    }
}

.card-stats {
    border-radius: 0.5rem;
}

.line_t {border-top:1px solid rgba(255,255,255, .2)}
.line_b {border-bottom:1px solid rgba(255,255,255, .2)}
.line_01 {width:100%; height:2px; line-height: 2px; background: linear-gradient(to left, #8bc9ba, #6056c4, #702b79);}
.line_none {border:0px !important}

.form-control {
    border-radius: 15px;
    color: #707070;
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.lang {position:relative; float:left; margin-top:8px; height:28px; line-height:28px; border:0px solid #cccccc;}
.lang li {position:relative;}
.lang a {display:inline-block; padding:0px 0px; padding-bottom:0px; margin:0px; width:40px; height:30px; text-align:center; background-color:transparent; border:0px solid #dadada; border-radius:0px; box-sizing:border-box; overflow:hidden;}
.lang a span {display:inline-block; width:28px; height:28px; margin:0px auto; margin-top:0px; padding:0px; background-position:50% 50%; background-repeat:no-repeat; text-indent:-1000em; overflow:hidden;}
.lang a span.kor {background-image:url(../images/lang_kor.png)}
.lang a span.usa {background-image:url(../images/lang_usa.png)}
.lang a span.chn {background-image:url(../images/lang_chn.png)}
.lang a span.vnm {background-image:url(../images/lang_vnm.png)}
.lang a span.tha {background-image:url(../images/lang_tha.png)}
.lang a span.jpn {background-image:url(../images/lang_jpn.png)}
.lang a span.rus {background-image:url(../images/lang_rus.png)}
.lang a span.icon {background-image:url(../images/lang_icon.png); background-size:28px;}
.lang_list {position:absolute; right:-40px; top:45px; display:none; width:150px !important; padding:10px; margin:0px; background-color: #232937; border-radius:3px; overflow: hidden;}
.lang_list li {float:left; width:150px !important; padding:0px !important; margin:0px;}
.lang_list li a {float:left; width:100%; margin-bottom:0px; border-top:0px;}
.lang_list li a span {margin-top:1px; padding-left:35px; width:100%; background-position:0px 50% !important;  text-indent:0em; text-align: left; color:#eaeaea; box-sizing: border-box;}
.lang_list li a span:hover{background-color:#fd7e14; !important;}

ul, ol, li {
    list-style: none;
}

.cash_box {display: flex; align-items: center;}
.cash_box div {flex:1; padding-right:25px; text-align: right;}
.cash_box .icon {position: relative; width:48px; height:97px; }
.cash_box .icon:before,
.cash_box .icon:after {content: '';  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  border-radius: 50%; }
.cash_box .icon:before {z-index: 2; width:66px; height: 66px; background-color:#000000; background-position: 50% 50%; background-repeat: no-repeat;}
.cash_box .icon:after {z-index: 1;  width:70px; height: 70px; background: linear-gradient(to left, #8bc9ba, #6056c4, #702b79); box-shadow:0px 0px 15px rgba(255,255,255,.3);}
.cash_box .icon.icon_01:before {background-image:url(/images/icon_03.png);background-size: 32px;}
.cash_box .icon.icon_02:before {background-image:url(/images/icon_04.png);background-size: 32px;}
.cash_box .icon.icon_03:before {background-image:url(/images/icon_05.png);background-size: 32px;}
.cash_box .icon.icon_04:before {background-image:url(/images/icon_06.png);background-size: 32px;}
.cash_box .icon.icon_05:before {background-image:url(/images/icon_07.png);background-size: 32px;}
.cash_box .icon.icon_06:before {background-image:url(/images/icon_08.png);background-size: 32px;}
.cash_box .icon.icon_07:before {background-image:url(/images/icon_09.png);background-size: 32px;}
.cash_box .icon.icon_08:before {background-image:url(/images/icon_15.png);background-size: 32px;}
.cash_box .icon.icon_09:before {background-image:url(/images/icon_16.png);background-size: 32px;}

.info .info-title {
    margin: 10px 0 5px;
    padding: 0 15px;
    color: #967e7e;
    font-weight: 700;
    font-size: 2em;
}

.card-fix {
    background: #272241;
    margin: 16px;
    padding: 1rem 1rem;
    border-radius: 6px
}

.card-fix.card-fix-netw {
    background: transparent -webkit-gradient(linear,right top,left top,from(#a637a7),color-stop(50%,#461446),to(#a637a7)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#a637a7,#461446 50%,#a637a7) 0 0 no-repeat padding-box
}

.card-fix.card-fix-user {
    background: transparent -webkit-gradient(linear,right top,left top,from(#272241),color-stop(50%,#272241),to(#272241)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#272241,#272241 50%,#272241) 0 0 no-repeat padding-box
}

.card-fix.card-fix-points {
    background: transparent -webkit-gradient(linear,right top,left top,from(#272241),color-stop(50%,#611138),to(#272241)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#272241,#611138 50%,#272241) 0 0 no-repeat padding-box
}

.card .card-fix-link01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link01.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link02:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 125px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_link02.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link03:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link03.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link04:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link04.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link04-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 100px;
    height: 28%;
    pointer-events: none;
    background: url(../images/icon_link04.png) no-repeat 50%;
    background-size: 81px
}

.card .card-fix-link05:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link05.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link06:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link06.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link07:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link07.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-link08:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 132px;
    height: 100%;
    pointer-events: none;
    background: url(../images/icon_link08.png) no-repeat 50%;
    background-size: 125px
}

.card .card-fix-link01-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link01.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link02-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link02.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link03-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link03.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link04-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 100px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_link04.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link04-sm-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 80px;
    height: 28%;
    pointer-events: none;
    background: url(../images/icon_link04.png) no-repeat 50%;
    background-size: 81px
}

.card .card-fix-link05-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link05.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link06-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link06.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link07-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_link07.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-link08-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 132px;
    height: 100%;
    pointer-events: none;
    background: url(../images/icon_link08.png) no-repeat 50%;
    background-size: 125px
}

.card .card-fix-rank:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 112px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_network01.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-tree:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_network04.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 125px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_network02.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-purchase:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 125px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_network03.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network05:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_network05.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network06:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_network06.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network06-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 100px;
    height: 28%;
    pointer-events: none;
    background: url(../images/icon_network06.png) no-repeat 50%;
    background-size: 81px
}

.card .card-fix-network07:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_network07.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network08:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_network08.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network09:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.7;
    width: 125px;
    height: 100px;
    pointer-events: none;
    background: url(../images/icon_network09.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-network09-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 100px;
    height: 28%;
    pointer-events: none;
    background: url(../images/icon_network09.png) no-repeat 50%;
    background-size: 81px
}

.card .card-fix-businuss01:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business01.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss02:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business02.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss03:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business03.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss04:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business04.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss05:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business05.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss06:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business06.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss07:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business07.png) no-repeat 50%;
    background-size: 100px
}

.card .card-fix-businuss01-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business01.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss02-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business02.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss03-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business03.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss04-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business04.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss05-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business05.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss06-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business06.png) no-repeat 50%;
    background-size: 80px
}

.card .card-fix-businuss07-sm:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
    width: 125px;
    height: 90%;
    pointer-events: none;
    background: url(../images/icon_business07.png) no-repeat 50%;
    background-size: 80px
}

.card-stats .statistics .title {
    margin-bottom: 0;
}
.card-stats .statistics .stats-title {
    margin-bottom: 5px;
    color: #918c8c;
    font-weight: 700;
}
.info-title {
    color: #967e7e;
    font-weight: 600;
}

.border_left_radius_none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0 none;
}
.border_right_radius_none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0 none;
}

.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0 none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0 none;
}

.input-group .form-control img {
    height: 100px;
    border: 3px solid #e3e3e3;
    border-radius: 10px;
}

.input-group .input-group-prepend .input-group-text {
    padding: 10px 0 10px 10px;
}


.balance_box {display: flex; align-items: center;}
.balance_box div {flex:1; padding-right:25px; text-align: center;}
.balance_box .icon {position: relative; width:100px; height:100px; }
.balance_box .icon:before,
.balance_box .icon:after {content: '';  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.balance_box .icon:before {z-index: 2; width:96px; height: 96px; background-color:#000000; background-position: 50% 50%; background-repeat: no-repeat;}
.balance_box .icon:after {z-index: 1;  width:100px; height: 100px;}
.balance_box .icon.icon_01:before {background-image:url(/images/icon_13.png);}

.big_title {display: block; padding:50px 0px; padding-bottom:20px; text-align: center;}
.big_title h2 {margin-bottom:10px; color:#ffffff;}

.pakage_list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.pakage_list .rainbow {width:calc(50% - 10px)}
.pakage_list .rainbow .pic {display:block;}
.pakage_list .rainbow .pic img {display:block; width:100%}

.popup_layer {position: relative; padding-top:50px; box-sizing: border-box}
.popup_layer .btn_close {position:absolute; right:0px; top:25px; z-index: 10; width:50px; height:50px; text-indent: -1000em; background-color:#000000   ; background-image: url(../images/close_01.png); background-position:50% 50%; background-repeat: no-repeat; border:4px solid #ffffff; border-radius: 10px; overflow: hidden;}
.popup_layer .popup_inner {position: relative; z-index: 0; padding:4px 4px; width:100%; background: linear-gradient(to right, #8bc9ba, #6056c4, #702b79);  border-radius:15px; box-sizing: border-box;  overflow: hidden;} 
.popup_layer .popup_inner .inner_box {padding:30px 30px; text-align: center; background-color: #07070c; border-radius: 13px;}
.popup_layer .popup_inner .inner_box h3.title {display: block; color:#ffffff; text-align: center;}
.popup_layer .popup_title {display: block; padding-bottom:20px; margin-bottom: 2px; color:#ffffff; text-align: center; letter-spacing: -1px;}

.dl_01 {padding:10px 0px; text-align: left;}
.dl_01 dt {margin-bottom:10px; font-weight: bold; color:#ffffff;}
.dl_01 dd {padding:3px 0px; color:#6666cc}
.dl_01 dd.qrcode {padding:15px 10px; border-radius: 5px; background-color: #ffffff; border:1px solid #535353; text-align: center;}
.dl_01 dd input[type=text] {margin:0px; padding:13px 10px; width:100%; font-size:14px; color:#ffffff; text-align: left; background-color: transparent; border:1px solid #333333; border-radius: 5px; box-sizing: border-box;}

.tap_menu_01 {overflow: hidden; border:1px soild #ff4400;}
.tap_menu_01 li {float:left; position: relative; width:33.33%; box-sizing: border-box;}
.tap_menu_01 li a {display: block; height:60px; line-height:60px; font-size:18px; color:#666666; text-align: center;}
.tap_menu_01 li:before {content:''; position: absolute; left:0px; bottom:0px; width:100%; height:2px; line-height:2px;}
.tap_menu_01 li.on:before { background: linear-gradient(to right, #8bc9ba, #6056c4, #702b79);}
.tap_menu_01 li.on a {color:#6666cc; font-weight: bold;}

.form_wrap li {padding:5px 0px; text-align: left; }
.form_wrap li .label_t {display: block; padding:5px 10px; color:#6666cc; text-align: left;}
.form_wrap select {
    -webkit-appearance: none;
    -moz-appearance: none; 
    appearance: none; margin:0px; padding:0px 10px; width:100%; height:50px; line-height:50px; font-size:18px; color:#666666; text-align: left; background:transparent url('/images/icon_10.png') no-repeat 98% center; border:0px; border-bottom:1px solid #666666; box-sizing: border-box;}
.form_wrap input[type=date] {margin:0px; padding:0px 10px; width:100%; height:50px; line-height:50px; font-size:18px; color:#666666; text-align: left; background:transparent url('../images/icon_11.png') no-repeat 98% center; border:0px; border-bottom:1px solid #666666; box-sizing: border-box;}
.form_wrap input[type=text],
.form_wrap input[type=password] {margin:0px; padding:0px 10px; width:100%; height:50px; line-height:50px; font-size:18px; color:#666666; text-align: left; background:transparent; border:0px; border-bottom:1px solid #666666; box-sizing: border-box;}
.form_wrap input[type=text].search {background:transparent url('/images/icon_12.png') no-repeat 98% center;}
.form_wrap input[type=file] {color:#6666cc}
.form_wrap input[type=file]::file-selector-button {padding:0px 15px; margin-right:10px;  height: 30px; color:#ffffff; background:#000000; border: 1px solid rgb(255,255,255,.3); border-radius: 5px; cursor: pointer;}
.form_wrap textarea {margin:0px; padding:10px 10px; width:100%; font-size:18px; color:#666666; text-align: left; background:transparent; border:0px; border-bottom:1px solid #666666; box-sizing: border-box; resize:none}
.form_wrap input[type=checkbox] {display:none}
.form_wrap input[type=checkbox] + label {position:relative; display:block; margin:0px; margin-bottom:10px; padding-left:34px; width:100%; height:auto; line-height:28px; text-align:left; border:0px solid #acacac; border-radius: 3px; overflow: hidden; box-sizing: border-box; cursor: pointer;}
.form_wrap input[type=checkbox] + label:before {content:''; position: absolute; left:0px; top:0px; width:24px; height:24px; background-color:transparent; border:1px solid rgba(255,255,255,.3); border-radius:3px; opacity:1; transition: all .2s;}
.form_wrap input[type=checkbox] + label:after {content:''; position: absolute; left:6px; top:6px; width:14px; height:14px; background-color:#6666cc; opacity:0; transition: all .2s;}
.form_wrap input[type=checkbox]:checked + label:after {opacity: 1;}

.form_wrap .search_go {border-bottom:1px solid #666666; display: flex; align-items: center;}
.form_wrap .search_go input[type=text] {border-bottom:0px; flex:1;}
.form_wrap .search_go .btn_go {margin:0px; padding:0px 0px; width:80px; height:40px; line-height: 40px; color:#ffffff; background-color:#702b79; border-radius: 3px;}
.form_wrap .search_go .btn_search {margin:0px; padding:0px 0px; width:40px; height:40px; text-indent: -1000em; background-color:transparent; background-image: url(/images/icon_17.png); background-position: 50% 50%; background-repeat: no-repeat; overflow: hidden;}

.form_wrap.join_form .ch_w {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.form_wrap.join_form input[type=text],
.form_wrap.join_form input[type=password] {border:1px solid #666666; border-radius:10px;}
.form_wrap.join_form .password_w {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:0px; border:1px solid #666666; border-radius:10px;}
.form_wrap.join_form .password_w input[type=password] {flex:1; border:0px;}
.form_wrap.join_form .password_w input[type=text] {flex:1; border:0px;}
.form_wrap.join_form .password_w .btn_show {margin:0px; padding:0px 0px; width:60px; height:40px; text-indent: -1000em; background:transparent url('/images/icon_19.png') no-repeat 50% 50%; overflow: hidden; }
.form_wrap.join_form .label_t {display: block; padding-left:0px; padding-bottom:5px; font-size:16px; color:#6666cc; text-align:left;}
.form_wrap.join_form li .label_t {display: block; padding-left:0px; font-size:16px; color:#6666cc;}
.form_wrap.join_form .phnumber {display:flex}
.form_wrap.join_form .phnumber .form-group {margin-right:10px;}
.form_wrap.join_form .phnumber .btn-default { width:80px;  background-color: transparent !important; border:1px solid #666666; border-radius: 10px; overflow: hidden;}
.form_wrap.join_form .phnumber .btn-default span {color:#666666; font-size:16px;}
.form_wrap.join_form .phnumber .phnumber_input {flex:1}


/*paging, prevnext*/
.paging	{width:100%; text-align:right; padding:10px 0px; overflow:hidden;}
.paging .paginate a,
.paging .paginate strong {display:inline-block; margin:0x; padding:0px 5px; text-align:center; min-width:32px; line-height:30px; height:32px; font-size:12px; font-weight :bold; color:#757575; border:1px solid #38393c; box-sizing: border-box;}
.paging .paginate strong {font-weight :bold; color:#ffffff !important; background-color: #6666cc; border:1px solid #6666cc}
.paging .paginate a:hover,
.paging .paginate a:active,
.paging.paginate a:focus {color:#ffffff !important; background-color:#6666cc; border:1px solid #6666cc}
.paging .paginate a.pre,
.paging .paginate a.pre_end,
.paging .paginate a.next,
.paging .paginate a.next_end {color:#757575; font-size :12px; margin:0px; padding:0px 5px; border:1px solid #38393c;} 



.tree_menu {padding:0px 0px; border-bottom:1px solid rgba(255,255,255,.1)}
.tree_menu li {padding:0 0px; }
.tree_menu li a {display: block; height:100%; font-family:"맑은고딕",Arial, sans-serif; font-size:18px; color:#6666cc; font-weight:500; }
.tree_menu li a.group {background:url(/images/treemenu_i_02.png) right 20px top 50% no-repeat}
.tree_menu li.selected > .group {background:url(/images/treemenu_i_01.png) right 20px top 50% no-repeat !important}
.tree_menu li > a {padding:18px 15px; border-top:1px solid rgba(255,255,255,.1)}
.tree_menu li > ul {padding:0px 0px; padding-left:30px; border-top:0px solid rgba(255,255,255,.1); }
.tree_menu li > ul li {padding: 0 0px;}
.tree_menu li > ul li:last-child {border-bottom:0px;}
.tree_menu li > ul li a {padding:18px 15px; padding-left:30px; font-size:14px; color:#ffffff; font-weight:100;  border-bottom:0px solid rgba(255,255,255,.1); border-left:1px solid rgba(255,255,255,.1)}
.tree_menu li > ul li li {padding: 0px 0 0px 20px; }
.tree_menu li > ul li li a {box-sizing:border-box; overflow:hidden; }
.tree_menu li.selected {color:#ffffff !important;}
.tree_menu li.selected > a {color:#ffffff;  border-bottom:1px solid rgba(255,255,255,.1)}
.tree_menu li.selected li:first-child a {border-top:0px solid rgba(255,255,255,.1);}
.tree_menu li.none_g a {background-image:none;}

.tree_wrap {text-align: center; }
.tree_wrap .lv_01,
.tree_wrap .lv_02,
.tree_wrap .lv_03,
.tree_wrap .lv_04 {display: flex; flex-direction: wrap; flex-wrap: nowrap; justify-content: space-evenly; margin-bottom:40px}
.tree_wrap .lv_w {box-sizing: border-box;}
.tree_wrap .lv_w .lv_name {display: inline-block; margin-bottom:45px;}
.tree_wrap .lv_w .lv_name img {max-width:100%; margin-bottom:10px;}
.tree_wrap .lv_w .lv_name b {display: block;}
.tree_wrap .lv_w .line {position:relative; display: block; height:25px; border:1px solid #545454; border-bottom:0px;}
.tree_wrap .lv_w .line:before {content:''; position: absolute; left:50%; top:-25px; width:1px; height:25px; border-left:1px solid #545454;}
.tree_wrap .lv_01 .lv_w {width:50%}
.tree_wrap .lv_01 .lv_w .lv_name b {font-size:24px;}
.tree_wrap .lv_02 .lv_w {width:50%; padding:0px 13%}
.tree_wrap .lv_02 .lv_w .lv_name b {font-size:20px;}
.tree_wrap .lv_03 .lv_w {width:25%; padding:0px 6%; }
.tree_wrap .lv_03 .lv_w .lv_name img {width:50px}
.tree_wrap .lv_03 .lv_w .lv_name b {font-size:18px;}
.tree_wrap .lv_04 .lv_w {width:12.5%;}
.tree_wrap .lv_04 .lv_w .lv_name img {width:40px}
.tree_wrap .lv_04 .lv_w .lv_name b {font-size:14px;}

.btn-primary {
    background-color: #f96332;
    color: #fff;
}
.btn-primary.active:hover,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary.dropdown-toggle:focus,
.show > .btn-primary.dropdown-toggle:hover {
    background-color: #fa7a50;
    color: #fff;
    box-shadow: none;
    border-color: #fa7a50;
}
.btn-primary:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled,
.btn-primary:disabled.active,
.btn-primary:disabled.focus,
.btn-primary:disabled:active,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #f96332;
    border-color: #f96332;
}
.btn-primary.btn-link {
    color: #f96332;
}
.btn-primary.btn-link:active,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover {
    background-color: transparent;
    color: #fa7a50;
    text-decoration: none;
    box-shadow: none;
}
.btn-success {
    background-color: #18ce0f;
    color: #fff;
}
.btn-success.active:hover,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle,
.show > .btn-success.dropdown-toggle:focus,
.show > .btn-success.dropdown-toggle:hover {
    background-color: #1beb11;
    color: #fff;
    box-shadow: none;
    border-color: #1beb11;
}
.btn-success:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled,
.btn-success:disabled.active,
.btn-success:disabled.focus,
.btn-success:disabled:active,
.btn-success:disabled:focus,
.btn-success:disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    background-color: #18ce0f;
    border-color: #18ce0f;
}
.btn-success.btn-link {
    color: #18ce0f;
}
.btn-success.btn-link:active,
.btn-success.btn-link:focus,
.btn-success.btn-link:hover {
    background-color: transparent;
    color: #1beb11;
    text-decoration: none;
    box-shadow: none;
}
.btn-info {
    background-color: #2ca8ff;
    color: #fff;
}
.btn-info.active:hover,
.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle,
.show > .btn-info.dropdown-toggle:focus,
.show > .btn-info.dropdown-toggle:hover {
    background-color: #4bb5ff;
    color: #fff;
    box-shadow: none;
    border-color: #4bb5ff;
}
.btn-info:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled,
.btn-info:disabled.active,
.btn-info:disabled.focus,
.btn-info:disabled:active,
.btn-info:disabled:focus,
.btn-info:disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    background-color: #2ca8ff;
    border-color: #2ca8ff;
}
.btn-info.btn-link {
    color: #2ca8ff;
}
.btn-info.btn-link:active,
.btn-info.btn-link:focus,
.btn-info.btn-link:hover {
    background-color: transparent;
    color: #4bb5ff;
    text-decoration: none;
    box-shadow: none;
}
.btn-warning {
    background-color: #ffb236;
    color: #fff;
}
.btn-warning.active:hover,
.btn-warning:active:hover,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle,
.show > .btn-warning.dropdown-toggle:focus,
.show > .btn-warning.dropdown-toggle:hover {
    background-color: #ffbe55;
    color: #fff;
    box-shadow: none;
    border-color: #ffbe55;
}
.btn-warning:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled,
.btn-warning:disabled.active,
.btn-warning:disabled.focus,
.btn-warning:disabled:active,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    background-color: #ffb236;
    border-color: #ffb236;
}
.btn-warning.btn-link {
    color: #ffb236;
}
.btn-warning.btn-link:active,
.btn-warning.btn-link:focus,
.btn-warning.btn-link:hover {
    background-color: transparent;
    color: #ffbe55;
    text-decoration: none;
    box-shadow: none;
}
.btn-danger {
    background-color: #ff3636;
    color: #fff;
}
.btn-danger.active:hover,
.btn-danger:active:hover,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle,
.show > .btn-danger.dropdown-toggle:focus,
.show > .btn-danger.dropdown-toggle:hover {
    background-color: #f55;
    color: #fff;
    box-shadow: none;
    border-color: #f55;
}
.btn-danger:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger:disabled,
.btn-danger:disabled.active,
.btn-danger:disabled.focus,
.btn-danger:disabled:active,
.btn-danger:disabled:focus,
.btn-danger:disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #ff3636;
    border-color: #ff3636;
}
.btn-danger.btn-link {
    color: #ff3636;
}
.btn-danger.btn-link:active,
.btn-danger.btn-link:focus,
.btn-danger.btn-link:hover {
    background-color: transparent;
    color: #f55;
    text-decoration: none;
    box-shadow: none;
}
.btn-neutral {
    background-color: #fff;
    color: #f96332;
}
.btn-neutral.active:hover,
.btn-neutral:active:hover,
.btn-neutral:focus,
.btn-neutral:hover,
.btn-neutral:not(:disabled):not(.disabled).active,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.show > .btn-neutral.dropdown-toggle,
.show > .btn-neutral.dropdown-toggle:focus,
.show > .btn-neutral.dropdown-toggle:hover {
    background-color: #fff;
    color: #fff;
    box-shadow: none;
    border-color: #fff;
}
.btn-neutral:not([data-action]):not([class*="btn-outline-"]):hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.17);
}
.btn-neutral.disabled,
.btn-neutral.disabled.active,
.btn-neutral.disabled.focus,
.btn-neutral.disabled:active,
.btn-neutral.disabled:focus,
.btn-neutral.disabled:hover,
.btn-neutral:disabled,
.btn-neutral:disabled.active,
.btn-neutral:disabled.focus,
.btn-neutral:disabled:active,
.btn-neutral:disabled:focus,
.btn-neutral:disabled:hover,
.btn-neutral[disabled],
.btn-neutral[disabled].active,
.btn-neutral[disabled].focus,
.btn-neutral[disabled]:active,
.btn-neutral[disabled]:focus,
.btn-neutral[disabled]:hover,
fieldset[disabled] .btn-neutral,
fieldset[disabled] .btn-neutral.active,
fieldset[disabled] .btn-neutral.focus,
fieldset[disabled] .btn-neutral:active,
fieldset[disabled] .btn-neutral:focus,
fieldset[disabled] .btn-neutral:hover {
    background-color: #fff;
    border-color: #fff;
}
.btn-neutral.btn-danger {
    color: #ff3636;
}
.btn-neutral.btn-danger:active,
.btn-neutral.btn-danger:active:focus,
.btn-neutral.btn-danger:focus,
.btn-neutral.btn-danger:hover {
    color: #f55 !important;
}
.btn-neutral.btn-info {
    color: #2ca8ff;
}
.btn-neutral.btn-info:active,
.btn-neutral.btn-info:active:focus,
.btn-neutral.btn-info:focus,
.btn-neutral.btn-info:hover {
    color: #4bb5ff !important;
}
.btn-neutral.btn-warning {
    color: #ffb236;
}
.btn-neutral.btn-warning:active,
.btn-neutral.btn-warning:active:focus,
.btn-neutral.btn-warning:focus,
.btn-neutral.btn-warning:hover {
    color: #ffbe55 !important;
}
.btn-neutral.btn-success {
    color: #18ce0f;
}
.btn-neutral.btn-success:active,
.btn-neutral.btn-success:active:focus,
.btn-neutral.btn-success:focus,
.btn-neutral.btn-success:hover {
    color: #1beb11 !important;
}
.btn-neutral.btn-default {
    color: #888;
}
.btn-neutral.btn-default:active,
.btn-neutral.btn-default:active:focus,
.btn-neutral.btn-default:focus,
.btn-neutral.btn-default:hover {
    color: #979797 !important;
}
.btn-neutral.active,
.btn-neutral.active:focus,
.btn-neutral.active:hover,
.btn-neutral:active,
.btn-neutral:active:focus,
.btn-neutral:active:hover,
.show > .btn-neutral.dropdown-toggle,
.show > .btn-neutral.dropdown-toggle:focus,
.show > .btn-neutral.dropdown-toggle:hover {
    background-color: #fff;
    color: #fa7a50 !important;
    box-shadow: none;
}
.btn-neutral:focus,
.btn-neutral:hover {
    color: #fa7a50;
}
.btn-neutral:focus:not(.nav-link),
.btn-neutral:hover:not(.nav-link) {
    box-shadow: none !important;
}
.btn-neutral.btn-link {
    color: #fff;
}
.btn-neutral.btn-link:active,
.btn-neutral.btn-link:focus,
.btn-neutral.btn-link:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}
.btn-outline-primary {
    color: #f96332;
    border-color: #f96332;
}

.bg-default {
    background-color: #888 !important;
}
.bg-main {
    background-color: #702b79 !important;
}
.bg-blue {
    background-color: #007bff !important;
}
.bg-purple {
    background-color: #6f42c1 !important;
}
.bg-pink {
    background-color: #e83e8c !important;
}
.bg-red {
    background-color: #dc3545 !important;
}
.bg-red a:link {
    color: #fff;
    text-decoration: none;
}
.bg-orange {
    background-color: #fd7e14 !important;
}
.bg-yellow {
    background-color: #ffc107 !important;
}
.bg-green {
    background-color: #28a745 !important;
}
.bg-teal {
    background-color: #20c997 !important;
}
.bg-cyan {
    background-color: #17a2b8 !important;
}
.bg-white {
    background-color: #fff !important;
}
.bg-gray {
    background-color: #6c757d !important;
}
.bg-gray-dark {
    background-color: #343a40 !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}
.bg-primary {
    background-color: #f96332 !important;
}
.bg-info {
    background-color: #2ca8ff !important;
}
.bg-success {
    background-color: #18ce0f !important;
}
.bg-danger {
    background-color: #ff3636 !important;
}
.bg-warning {
    background-color: #ffb236 !important;
}
.bg-white {
    background-color: #fff !important;
}

.bootstrap-switch-primary {
    background-color: #f96332 !important;
}
.bootstrap-switch-secondary {
    background-color: #6c757d !important;
}

.form-check .form-check-sign:after {
    font-family: Nucleo Outline;
    content: "\ea22";
    top: 0;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    color: #fff;
    border: 0;
    background-color: inherit;
}

@media only screen and (max-width:1300px) {
}

@media only screen and (max-width:1000px) {
}

@media only screen and (max-width:900px) {

}

@media only screen and (max-width:800px) {
.w100 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)) * var(--width-rate06)))}
.w110 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)) * var(--width-rate06)))}
.w120 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)) * var(--width-rate06)))}
.w130 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)) * var(--width-rate06)))}
.w140 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)) * var(--width-rate06)))}
.w150 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)) * var(--width-rate06)))}
.w160 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)) * var(--width-rate06)))}
.w170 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)) * var(--width-rate06)))}
.w180 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)) * var(--width-rate06)))}
.w190 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)) * var(--width-rate06)))}
.w200 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)) * var(--width-rate06)))}
.w210 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)) * var(--width-rate06)))}
.w220 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)) * var(--width-rate06)))}
.w230 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)) * var(--width-rate06)))}
.w240 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)) * var(--width-rate06)))}
.w250 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)) * var(--width-rate06)))}
.w260 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)) * var(--width-rate06)))}
.w270 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)) * var(--width-rate06)))}
.w280 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)) * var(--width-rate06)))}
.w290 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)) * var(--width-rate06)))}
}

@media only screen and (max-width:700px) {
    
    

}

@media only screen and (max-width:600px) {

}

@media only screen and (max-width:481px) {
.w100 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)) * var(--width-rate05)))}
.w110 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)) * var(--width-rate05)))}
.w120 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)) * var(--width-rate05)))}
.w130 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)) * var(--width-rate05)))}
.w140 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)) * var(--width-rate05)))}
.w150 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)) * var(--width-rate05)))}
.w160 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)) * var(--width-rate05)))}
.w170 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)) * var(--width-rate05)))}
.w180 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)) * var(--width-rate05)))}
.w190 {width:calc(calc(100px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)) * var(--width-rate05)))}
.w200 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate0)) * var(--width-rate05)))}
.w210 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate1)) * var(--width-rate05)))}
.w220 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate2)) * var(--width-rate05)))}
.w230 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate3)) * var(--width-rate05)))}
.w240 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate4)) * var(--width-rate05)))}
.w250 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate5)) * var(--width-rate05)))}
.w260 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate6)) * var(--width-rate05)))}
.w270 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate7)) * var(--width-rate05)))}
.w280 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate8)) * var(--width-rate05)))}
.w290 {width:calc(calc(200px + calc(var(--base-width) * var(--width-rate0)) + calc(var(--add-width) * var(--width-rate9)) * var(--width-rate05)))}
}