@charset"utf-8";
body{position:relative;background:#fff !important; scrollbar-width: none;}
/* div{scrollbar-width: none;} */
/* login page */
.login {min-height: 100vh;}
.bg-light {background-color: #fff!important;}
.brand-wrapper{margin-bottom:2.5rem;justify-content: space-between; align-items: center;}
.fixed-top {z-index: 9;}

.form-group label{font-size:13px;font-weight:500;margin-bottom:8px;color:#7d7d7d;}
.input-type1{border:.0625rem solid #e7eaf3;height:50px;line-height:50px;border-radius:4px;font-size:14px;background:#f6f7fa;color:#1a1a1a;}
.input-type1::placeholder{color:#97a4af;}
.input-type1.form-control:focus { background:#fff;color:#1a1a1a;border-color: rgba(55, 125, 255, 0.4); outline: 0; box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);}
.input-type1.form-control[disabled], .input-type1.form-control[readonly] {background-color: #fff;opacity: 1;}

.form-control:focus {color: #000; border-color: rgba(0, 0, 0, 0.4); outline: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.btn-type1{border:0;height:56px;border-radius:6px;font-size:16px;background:#1e9eff !important;color:#fff !important;}
.btn-type1:hover, .btn-type1:active, .btn-type1:focus{background:#007fe0 !important;color:#fff !important;}
.btn-login-type {height:56px;color: #fff;background: #fff;transition: .5s; display: flex; justify-content: flex-start; align-items: center;padding: 0 32px; color:#1a1a1a;
    border:2px solid rgba(0,0,0,.1);border-radius: 6px;font-size: 16px;font-weight: 500;text-align: left;}
.btn-login-type:hover {border-color: rgba(0,0,0,.4);}
.input-login-type {height:56px;color: #fff;background: #fff;padding: 0 32px; color:#1a1a1a; border:2px solid rgba(0,0,0,.1);border-radius: 6px;font-size: 16px;font-weight: 500;text-align: left;}
.input-login-type::placeholder {color: #dddddd;}
input[type="password"].btn-type1 {letter-spacing:1px;}

.signup-hr {background-color:rgba(0,0,0,.1);display: block;width:100%;}
.signup-title {font-size:26px;display: block;background-color: #fff;color:#1a1a1a;text-align: left;font-weight:700;line-height:1.3;}
.custom-control-label{color:#7d7d7d;font-weight: 400;cursor: pointer; padding-left: 10px; font-size: 13px;}
.custom-control-label::before {width: 16px; height: 16px; top: 1px; border-color: #bababa;}
.custom-control-label::after {width: 16px; height: 16px; top: 1px;}
.custom-control.custom-checkbox, .custom-control.custom-checkbox input, .custom-control.custom-checkbox label {cursor: pointer;}

.btn-back{color:#8c98a4;}
.btn-back:hover{color:#8c98a4;}
.forgot-text{font-size:1.8em;font-weight:500;padding-top:4rem;padding-bottom:28px;line-height:1.3em;color:#1a1a1a;}
.forgot-text2{width:100%;font-size:14px;line-height:1.5;font-weight:300;margin-top:20px;color:#7d7d7d;}
.forgot-text3{width:100%;height: 56px;margin-top:28px; background:rgba(0,0,0,.05); padding: 0 32px;text-align: center; font-size:16px; line-height:56px;border-radius:4px;font-weight:500;color:#1a1a1a;}

.form-error{border-color: #ff4ba4;padding-right: calc(1.5em + .75rem);outline:none;}
.form-error:focus {color: #495057;background-color: #fff;border-color: #ff4ba4;outline: 0;box-shadow: 0 0 10px rgb(237 76 120 / 10%);}
.help-block{color:#ff4ba4;padding-top:5px;width:100%;display:block;}

.inactive-btn {width: 148px; margin: 0 auto;background: #000;color: #fff;font-size: 14px;padding: 0 24px;height: 44px; line-height: 44px; border-radius: 4px;transition: color .2s;font-weight: 500; cursor: pointer;}

/* header 211029 */
.t-width {max-width: 1300px;width: 100%;margin-left: auto;margin-right: auto;}
.t-width2 {max-width: 1040px;width: 100%;margin-left: auto;margin-right: auto;}
/* first nav */
.navbar .container {flex-wrap: nowrap; -ms-flex-wrap: nowrap;}
.navbar-default {display: flex; flex-shrink: 0; z-index:10; background-color: white;margin-bottom: 0px; padding: 0; height: 64px;width: 100%; border-bottom:1px solid #ebebeb;/*box-shadow: 0 2px 4px -1px rgba(0,0,0,0.08);*/}
.main_logo{display:block;font-size:30px;cursor:pointer;display: -ms-flexbox;display: flex; -ms-flex-align: center;align-items: center;padding: 0;margin: 0; margin-right: 24px;}
.main_logo img {width: 69px;}
.main_logo.navbar-brand img, .main_logo.f_bottom_logo-left img {width: 69px !important;}
.main_logo.f_bottom_logo img {width: 40px !important;}
.search-wrap {width: 240px; margin-left: auto;}
.main-tag-box{height: 40px;transition: 0.4s;width: 100%;}
.main-tag-box::before{ content: '\e8af'; font-family: 'fontello';position:absolute;top: 10px;left:14px;font-size:14px;color:#d1d1d1;z-index: 9;}
.main-tag-box .search-form{width:100%;height: 40px;padding-left:38px;font-size: 14px;background: #fff; color:#000;padding-right:0;border:1px solid rgba(0,0,0,.07);border-radius: 4px !important; transition: .2s; font-weight: 500;}
.main-tag-box .search-form::placeholder{color:#d1d1d1; font-weight: 300;}
.main-tag-box .search-form:focus + .search-dropbox {display: block;}
.main-tag-box .search-form[disabled], .main-tag-box .search-form[readonly] {background-color: #fff;opacity: 1;}
.main-tag-box .search-form:focus { background: #fff; border-color: #666666; box-shadow: 0 0 10px rgb(206 211 217 / 10%);}
.main-tag-box ::-webkit-search-decoration, .main-tag-box ::-webkit-search-cancel-button { -webkit-appearance: none;}

.search-dropbox {width: 100%;width: 471px;z-index: 999;margin-top: 8px;border-radius: 4px !important; box-shadow: 0 10px 20px 10px rgb(206 211 217 / 18%); border-color: #666666;}
.search-dropbox:hover {display: block;}
.card-body-height {padding-top: 8px; padding-bottom: 8px;}
.search-dropbox .dropdown-header {color: #9a9a9a; font-weight: 500; margin-bottom: -0.5rem; font-size: 13px;}
.delete-all {font-size: 90%; color: #bbbbbb; margin-left: 8px; cursor: pointer;}
.delete-all:hover {color: #1a1a1a;}
.s_word_wrap {display:flex;}
.s_word {font-size: 14px; font-weight: 500; display: inline-block; align-items: center;}
.s_word_btn {color: #2c2c2c;background: #ffffff; border:1px solid #ebebeb; font-size: 13px; font-weight: 500;padding: 8px 16px; border-radius: 40px; height:36px; line-height:1.6;transition: background .2s;}
.s_word_btn:hover {border-color:rgba(30,158,255,.7); color: #1e9eff; transition:.2s;}
.s_word_btn:active {background:#ebf6ff;}
.s_word_btn.active {border-color:rgba(30,158,255,.7); color: #1e9eff; transition:.2s;background:#ebf6ff;}
.profile-s-word-margin { margin: 0 5px 5px 0 }

.second-nav-ul .nav-item .nav-link {padding: 0 20px;}
.navbar-right {display: flex;-webkit-box-align: center;align-items: center;position: relative; padding-left: 0px;}
.btn-login{color: #515151;font-size:15px;font-weight:500;padding:10px 16px;height: 48px;border-radius: 4px; transition: color .2s;}
.btn-login:hover {color: #000;}
.btn-signup{background:#fff;color:#515151;font-size:15px;padding:10px 24px;height: 48px;border-radius: 4px;transition: color .2s; font-weight: 500; }
.btn-signup:hover{color: #000;}
.btn-login.btn-type1 {height: 56px; font-size: 16px;}
.btn-signup.btn-type1 {height: 56px; font-size: 16px;}

.btn-login.btn-type2{color: #515151;font-size:15px;font-weight:500;padding:9px 16px;height: 40px;border-radius: 4px; transition: color .2s; margin-left: 0px;}
.btn-login.btn-type2:hover { /*background: rgba(0,0,0,.05);*/ color: #000;}
.btn-signup.btn-type2{background:#fff;color:#000;font-size:14px;padding:9px 24px;height: 40px;border-radius: 38px;transition: color .2s; font-weight: 700; margin-left: 6px; border:1px solid #8d8d8d;}
.btn-signup.btn-type2:hover{color: #000;}
.btn-question {color: #1a1a1a;font-size:15px;font-weight:500;padding:10px 12px;height: 40px;border-radius: 4px; transition: color .2s;}
.btn-question:hover {color: ;}



/* second nav */
.second-nav-wrap{ font-size: 14px; padding-left: 10px;}
.second-nav-wrap.nav-display-block {display: none;}
.second-nav-wrap.nav-display-none {display: block;}
.second-nav{ margin: 0px; padding:0; ;position: relative; display: flex; align-items: center;}
.second-nav-ul {display: flex; -webkit-box-pack: start; justify-content: flex-start;align-items: center;list-style: none;color: #1a1a1a;padding: 0;margin: 0;padding-right: 0px;transition: 1s;}
.second-nav-ul li{display: inline-block;white-space: nowrap;}
.second-nav-ul li:last-child {margin-right: 0;}
.second-nav-ul li a{text-decoration: none;color: #1a1a1a;font-size: 15px;font-weight:400;height: 64px;line-height: 64px;padding: 0 15px !important; border-radius: 0px;margin-right: 0px;}
.second-nav-ul .nav-item.nav-item-right {margin-left: auto;}
.second-nav-ul li .right-link {display: inline-block;margin-right:36px;}
.second-nav-ul li .right-link:last-child {margin-right:0;}
.second-nav-ul li a.right-link{color: #1c1c1c;font-weight: 700;}
.second-nav-ul li .nav-link{transition: .3s;color: #515151;}
.second-nav-ul li .nav-link.top-line-bar {padding:0 20px;}
.second-nav-ul li .nav-link:hover, .second-nav-ul li .nav-link:focus {color: #000000;}
.second-nav-ul li .nav-link.show, .second-nav-ul li .nav-link.active, .second-nav-ul li .nav-link.active {color: #000000; border-bottom:2px solid #1e9eff;background: none; font-weight:700;}
.btn-start{background: #000;overflow:hidden;width:100%;font-weight:400;height:40px;font-size:14px;font-weight:600;color:#fff; transition: .3s ease-in-out; border-radius: 4px;padding: 0 20px;
    min-width: 140px;}
.btn-start:hover{background:#1e9eff;color: #fff;}
.example-two-header {overflow: auto;}

/* sticky */
#sticky { position: -webkit-sticky; position: sticky; top: 68px; transition: top 0.5s ease-in-out; }
#sticky2 { position: -webkit-sticky; position: sticky; top: 68px; transition: top 0.5s ease-in-out; z-index: 9; background: #fff; }
/* mobile nav shadow */
.navbar-default.fixed-top ~ .second-nav-wrap {box-shadow: 0 8px 12px #00000014; padding: 14px 0; z-index: 11;}


.progress .progress-bar.bg-green { background-color: #3ede88; }
.progress .progress-bar.bg-yellow { background-color: #f5ca99; }
.progress .progress-bar.bg-pink { background-color: #ff4ba4; }


/* mobile search wrap */
.m-main-wrap { display: block; margin-left: auto;}
.btn--search { font-size: 1.5em; color: #1a1a1a; line-height: unset; padding: 10px 12px !important; height: 40px !important; }
.btn--search i {font-size: 14px; color:#666;}
.btn--hidden { pointer-events: none; opacity: 0;}
.search__input { border: 0; border-radius: 8px; -webkit-appearance: none; font-family: inherit;font-size: 16px;display: inline-block;
    box-sizing: border-box;width: 100%; height: 42px; padding: 8px 16px 8px 0px;color: #000; font-weight: 500;}
.search__input:focus {outline: none;}
.search__input::before {content: '\e8af';font-family: 'fontello';position: absolute;top: 10px;left: 14px;font-size: 14px;color: #d1d1d1;z-index: 9;width:24px;height:24px;display:inline;}
.search__input::placeholder {color:#d1d1d1;}

.js .m-main-wrap::after { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;background: rgba(0,0,0,0.3); }
/* .m-search-wrap {display: none;} */
.js .m-search { position: fixed;z-index: 1000;top: 64px;left: 100%;overflow: hidden;width: 100%;height: 100vh;background: rgba(0,0,0,.4);}
.js .m-search::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;}
.js .m-search.search--open {left:0;}
.js .m-search.search--open::after {width:auto;}
.m-search-area {width:100%;background:#fff;min-height:190px;overflow:hidden;}

.search__form {display: flex; justify-content: space-between; align-items: center; padding: 8px 0 8px 32px; border-bottom: 1px solid #ebebeb;position:relative;}
.search__form::before {content: '\e8af';font-family: 'fontello';position: absolute;top: 50%;transform:translateY(-50%);left: 0;font-size: 16px;color: #d1d1d1;z-index: 9;width:auto;height:auto;display:inline;}

.btn--search-close {font-size: 13px !important; padding: 10px; height: auto; text-align: center; font-weight:600 !important;color:#d1d1d1;}
.btn--search-close i {font-size:16px;}
.search__related {width: 100%;padding: 16px 0 32px 0;/*pointer-events: none;*/}
.search__suggestion {margin-left: -1.5rem; margin-right: -1.5rem;}
.search__suggestion .card-body-height {padding-top: 0;padding-bottom:0; height: 100%;}
.search__suggestion .dropdown-header {color: #adadad; font-weight: 500; margin-bottom: -0.5rem; font-size: 14px; padding-top: 8px; padding-bottom: 8px;}
.search__suggestion .delete-all {font-size: 90%; color: #c2c2c2; margin-left: 8px; cursor: pointer; float: right;}
.search__suggestion .delete-all:hover {color: #1a1a1a;}
.search__suggestion .s_word {margin: 6px 4px 0px 0; font-size: 14px; font-weight: 500; display: inline-flex; align-items: center;}
.search__suggestion .s_word_btn {color: #000;background: #fff; border:1px solid #ebebeb; font-size: 14px; font-weight: 500;padding: 8px 16px; border-radius: 40px; transition: .2s; height:40px;}
.search__suggestion .s_word_btn:hover { border-color: rgba(30,158,255,.7); color: #1e9eff;}


.top-banner.active ~ div .js .m-search {top:100px;}
.top-banner.active ~ div .navbar.navbar-default.fixed-top ~ .m-main-wrap .js .m-search {top:64px;}

/* main fade slide */
.sliderContainer.main-banner {margin-bottom: 0; padding:0;overflow: hidden;}
.sliderContainer.main-banner .mid-slider {border-radius: 0;overflow: hidden;margin-bottom: 0;}
.sliderContainer.main-banner .mid-slider .slick-track {padding-top: 0;}
.sliderContainer.main-banner .mid-slider .slick-slide {height: 320px;}
.sliderContainer.main-banner .slider-content-box {display: flex;align-items: center;width: 100%;padding:0 32px;margin: 0px auto;overflow-x: hidden;}
.sliderContainer.main-banner .mid-textbox {min-width: 320px;padding-left: 32px;z-index: 900;opacity:1; }
.sliderContainer.main-banner .slick-slide.slick-active .mid-textbox {opacity:1;}
.sliderContainer.main-banner .mid-img {position: relative;overflow-x: hidden;z-index: 900;}
.sliderContainer.main-banner .mid-slider .slick-slide .mid-img img {position: relative; margin-left: 0;}

.sliderContainer.maketing-banner2 .slider-content-box {width: 100%; display: flex; justify-content: space-around; align-items: center;}
.sliderContainer.maketing-banner3 .mid-slider .slick-slide {border-radius: 0px;}
.sliderContainer.maketing-banner3 .slider-content-box {width: 80%; display: flex; justify-content: space-around; align-items: center;}

.m-display-on {display: none !important;}

.mobile-divider {margin-left: -32px; margin-right: -32px; height: 10px; background: #f7f7f7; display: none;}

@media(max-width: 1400px) {
    .t-width { width: 100%; padding: 0 32px;}
    .sliderContainer.main-banner .mid-slider .slider-content-box {padding: 0 32px; }
    .carousel-caption {left: 10%;}
}

@media(max-width: 1201px) {
    /* .m-main-wrap { display: block;}
    .m-search-wrap {display: block; margin-left: auto;} */
    .search-wrap {width: calc(100% - 140px); display: none;}
    .btn-question {margin-left: 0;}
	.sliderContainer.main-banner .mid-textbox {padding-left:0;}
	.t-width2 {width:100%; padding:0 24px;}
}

@media(max-width: 992px) {
	.t-width2 {width:100%; padding:0 24px;}
    .example-two-header::-webkit-scrollbar {display: none;}
    .second-nav-ul li {margin-right: 0px;}
    .second-nav-ul li a {font-size: 14px;}

    .m-display{display:none !important;}
    .m-display-on {display: block !important;}

    .mobile-divider {display: block;}
}

@media(max-width: 900px) {
    .t-width { width: 100%; max-width: ;padding: 0 24px;}
    .navbar-default {box-shadow: 0 0 0 0;height: 96px;align-content: center;}
    .main_logo {width: 70px; margin-right: 16px;}

    /* .m-main-wrap { display: none;} */
	.js .m-search {top:96px;}
	.top-banner.active ~ div .js .m-search {top:132px;}
	.top-banner.active ~ div .navbar.navbar-default.fixed-top ~ .m-main-wrap .js .m-search {top:96px;}
    
    .search-dropbox {overflow-y: auto;}
	.search__input {font-size:14px;}
    .card-body-height {height: 350px;}
    /* .s_word_btn {font-size: 12px; padding: 4px } */
	.navbar .container {height:56px;}
	.navbar .container.example-two-header {height:auto;}
    .navbar-right {margin-left: unset;}

    .navbar-default.fixed-top ~ .second-nav-wrap {padding: 0;}
    
    .t-width.example-two-header {padding: 0;}
    .vertical-align-middle {display: inline-block;}
    
    .second-nav-wrap {padding: 0; /*height: 56px;*/ margin-bottom: 0;}
    .second-nav-wrap.nav-display-block {display: block !important; padding: 0 12px 0px 12px; width:100%;}
    .second-nav-wrap.nav-display-none {display: none !important;}
    .second-nav-ul li {margin-right: 0px;}
    .second-nav-ul li:last-child {margin-right: 0px;}
    .second-nav-ul .nav-item.nav-item-right {margin-left: unset;}
    .second-nav-ul li .right-link {display: inline-block;margin-right:16px;}
    .second-nav-ul li a {height:38px; line-height:30px;}
    
    .second-nav-ul li .nav-link.top-line-bar {display: none;}

    #sticky {top: 56px;}

    .main-banner-box {height: 320px; }
    .swiper-container {margin-bottom: 36px !important;}

    .sliderContainer.main-banner {margin-left: 0; margin-right: 0;padding: 0;}
    .sliderContainer.main-banner .mid-slider {border-radius: 0;}
    .sliderContainer.main-banner .mid-slider .slider-content-box {padding: 0 24px; flex-direction: column; max-width: 100%;}
    .sliderContainer.main-banner .mid-textbox {min-width: 100%;padding-right: 0;padding-left: 0;}
    .sliderContainer.main-banner .mid-img {width: 100%;padding-right: 0;}

    .container-fluid.main-slide {padding:0;}
    .carousel-inner {border-radius: 0;}
    .carousel-item {border-radius: 0;}

    .main_nav_left li{padding-right:5px;}
    
    .carousel-caption {left: 5%;}
    .carousel-caption h4 {font-size: 18px;}
    .carousel-caption p {font-size: 13px;}
    .carousel-btn {width: 100px;}
    
}
@media(max-width: 576px) {
    .second-nav-ul li a {margin-right: 0;}
    .btn-signup.btn-type2, .btn-login.btn-type2 {height: 38px; padding: 8px 16px; font-size: 14px;}
}

/* horizontal-tabs*/
.nav-slider-tabs {position: relative;display: flex;list-style: none;padding: 0;}
.nav-slider-tabs .nav-item {position: relative;padding: 0;margin-right: 32px;height: 38px;line-height: 38px;border-radius: 10px 10px 0 0;cursor: pointer;font-size: 16px; font-weight: 400;
 color: #bbbbbb; transition: .3s;}
.nav-slider-tabs.nav .nav-item.active {background: transparent !important;color: #1a1a1a;font-weight: 800;}
.nav-slider-tabs.nav .indicator {position: absolute;top: 100%;min-width: 0;width: 0;height: 2px;background: #000;transition: left .3s, width .3s;margin-top: -1px;}

.nav-slider-tabs.new-contents-tab, .nav-slider-tabs.hot-contents-tab {width: 692px; margin: 0 auto;}
.nav-item.nav-item-last{margin-right: 0;}

/* slick slider  */
.nav-slider-container {position: relative; width: 100%; margin-top: 24px; margin-bottom: 56px;}
.nav-slider-body {}
.gather-container {}
.gather-content {position: relative;margin-right:24px;width:100%;}
.slick-slider.gather-container .slick-slide {height: ;}
.slick-slider.gather-container .slick-prev i, .slick-slider.gather-container .slick-next i {font-size: 16px; color: #a9a9a9; transition: .2s;}
.slick-slider.gather-container .slick-prev:hover i, .slick-slider.gather-container .slick-next:hover i { color: #000;}
.slick-slider.gather-container .slick-prev {font-size: 16px;color: #a9a9a9;position: absolute;left: 4px;/*left: -23px;*/top: 24%;transform: translateY(-50%);width: 46px;height: 46px;border-radius: 36px;
    background: #fff;box-shadow: rgb(0 0 0 / 16%) 0px 3px 7px, rgb(0 0 0 / 5%) 0px 2px 4px 1px;display: flex;align-items: center;justify-content: center;}
.slick-slider.gather-container .slick-next {font-size: 16px;color: #a9a9a9;position: absolute;right: 4px;/*right: -23px;*/top: 24%;transform: translateY(-50%);width: 46px;height: 46px;border-radius: 36px;
    background: #fff;box-shadow: rgb(0 0 0 / 16%) 0px 3px 7px, rgb(0 0 0 / 5%) 0px 2px 4px 1px;display: flex;align-items: center;justify-content: center;}
.slick-slider.gather-container .slick-prev:before, .slick-slider.gather-container .slick-next:before {display: none;}
.slick-slide.holder{width: auto;color:#fff;text-align:center;}
.slick-slide.holder img {display: block;width: 211px;height: 142px;border: 0 !important; box-shadow: 0 0 0 0!important;}
.slick-slide.holder:hover img {-webkit-transform: translateY(0);transform: translateY(0);box-shadow: 0 0 0 0;}
.overlay {width: 100%;transition: .5s ease;opacity:0;}
.holder:hover .overlay {opacity: 1;}
.gather-span {position: absolute; top: 17px; right: 22px; display: flex; width: 36px; height: 36px; background: #fff; border-radius: 4px; justify-content: center; align-items: center; border:  1px solid #E8E8E8;}
.gather-span i {color: #999;font-size: 14px;}
.gather-title {font-size: 14px; font-weight: 500; padding-top: 16px; color: #333; text-align: left;}
.gather-empty {position: absolute; left: 0; top: 0; width: 211px; height: 142px; background: rgba(0,0,0,.3); color: #fff;margin: 5px 10px 0 10px; border-radius:6px; display:flex; 
    justify-content: center; align-items: center; font-size:16px; font-weight:600;}
.gather-empty:hover {color: #fff;}


.dropright.element-dropdown a {}
.dropright.element-dropdown .dropdown-toggle::after {display: none;}
.dropright.element-dropdown .dropdown-toggle img{width: 140px;}


.element-dropdown-tag {position: absolute;top: 50px;right: 0;left:unset;z-index: 99999!important;float: left;max-width: 370px;min-width: 30rem;padding: 30px 0 30px 0;margin: .125rem 0 0;color: #bbb;text-align: left; list-style: none;-webkit-box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%); box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);background-clip: padding-box;background-color: #fff;border:0;border-radius: 8px; border:1px solid rgba(0,0,0,.05); }
.element-dropdown-tag .dropdown-menu-header {font-size: 18px; font-weight: 700; color: #1a1a1a;padding: 0 30px;}
.element-dropdown-tag .element-tag-wrap {display: flex; flex-wrap: wrap; flex-direction: row;padding: 16px 30px;}
.element-dropdown-tag .element-tag {color: #bbbbbb; border: 1px solid rgba(0,0,0,.1); padding: 6px 12px; font-size: 14px; border-radius: 3px; margin-right: 6px; margin-bottom: 6px;}
.element-dropdown-tag .dropdown-item.element-start-btn {display: block;width: 100%;padding: 0 30px;height: 48px; line-height: 48px; clear: both;color: #fff;font-weight: 400;
    text-align: inherit;white-space: nowrap; background-color: #000; border: 0;font-size:15px;height:auto;border-radius: 4px;text-align: center;}
.element-dropdown-tag .dropdown-item.element-start-btn:hover, .element-dropdown-tag .dropdown-item.element-start-btn:focus, .element-dropdown-tag .dropdown-item.element-start-btn:active {background:#000; color: #fff;}
.element-dropdown-tag .drop-my-menu{border-top:1px solid rgba(0,0,0,.07);padding:16px 30px;}
.element-dropdown-tag .drop-my-menu.element-creator {display: flex;justify-content: space-between; align-items: center;}
.element-dropdown-tag .drop-my-menu.element-creator .creator-name {font-size: 18px; font-weight: 400; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.element-dropdown-tag .drop-my-menu.element-creator .creator-channel-go {font-size: 12px; font-weight: 500; color: #1e9eff;padding-right: 0;padding-left: 0;}
.element-dropdown-tag .nav-subtitle {color: #1a1a1a;font-weight: 400;font-size: 11px;line-height: 1.5;}
.element-dropdown-tag .drop-my-menu .element-report-go {font-size: 12px; color: #1e9eff;padding-right: 0;padding-left: 0;margin-top: 12px;}


@media (max-width: 991px) {
    .nav.nav-slider-tabs{border-bottom:0;border-right:1px solid transparent;display:flex; margin-right:20px; width:100%;}
    .horizontal-tabs .nav-slider-tabs{width:100%;padding:0}
    .nav-slider-tabs.new-contents-tab, .nav-slider-tabs.hot-contents-tab {border-right: 0; margin-right: 0; width: auto; display: flex;}
    .element-dropdown-tag {position: fixed; bottom: -2px; max-width: 100%;border-radius: 8px 8px 0 0;}
} 
@media (max-width: 576px) {
    .nav-slider-tabs .nav-item {margin-right: 20px;font-size: 16px;}
    .nav-slider-container {width: unset;margin-left: -24px;padding-left: 24px; margin-right: -24px;}
    .slick-slider.gather-container .slick-prev, .slick-slider.gather-container .slick-next {display: none !important;}
}
.btns.navbar-close-btn{position: absolute; right: 16px; top: 16px; padding:0 8px; width: 32px; height: 32px; border-radius:8px; background:rgba(0,0,0,.05); color: #000;}

.navbar-expand .navbar-nav .nav-link.dropdown-toggle {color:#8b95a1; padding:8px 12px; }
.navbar-expand .navbar-nav .nav-link .message-bell {color: #71869d;}
.navbar-expand .navbar-nav .nav-link .message-bell:hover {color: #1e9eff;}

.message-bell i{font-size:14px;}
.message-bell{font-size: 18px;cursor: pointer;width: 30px;height: 30px;text-align: center;}
.message-bell.noti-badge {width: auto; height:auto;}
.message-bell .badge-dot, .message-bell .badge {top: -12px;left: -3px;}
.badge-dot {width: 7px;height: 7px;padding: 0;border-radius: 50%;border: .125rem solid #fff;}
.badge-dot {position: relative;display: inline-block;text-align: center;background-color: #1e9eff;color: #fff;border-radius: 10px;text-indent:-9999px;}
.badge-dot-none {background-color: #f5f5f5 !important;} 
.message-bell.noti-badge .badge-dot {position: absolute; text-indent: 0; font-size: 60%; top: 5px; left: 20px; width: auto; height: 14px; line-height: 15px; padding: 0 5px; border: 0;}
.message-bell.noti-badge .badge-dot.badge-dot-none {font-size: 0 !important; background-color: transparent !important;}

.notifications-dropdown .dropdown-menu {padding-top: 0;padding-bottom: 0;overflow: hidden;background-color: #fff;position: absolute;top: 50px;right: -14px;left:unset;z-index: 1000;float: left;
  padding: 0px 0 0 0;margin: .125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;-webkit-box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);box-shadow:0 10px 40px 10px rgb(140 152 164 / 18%);
  background-clip: padding-box; border:0;border-radius: 8px; border:1px solid rgba(0,0,0,.05);min-width: 30rem; width: 380px;}
.notifications-dropdown .dropdown-menu-header {padding:16px 16px 10px 20px;color:#1a1a1a;font-size:16px;font-weight: 800;align-items: center;}
.all-check-btn {font-size:11px;background:#fff;color:#bababa;padding:6px 4px;border-radius:3px;margin-right:3px;transition:color .2s;height: 28px;/*border:1px solid rgba(0,0,0,.07);*/}
.all-check-btn:hover {color:#000;/*box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);*/}
.all-check-btn.btn-disabled, .all-check-btn.btn-disabled:hover {color:rgba(0,0,0,.3) !important;background:rgba(0,0,0,.0) !important;cursor:no-drop !important;box-shadow: 0 0 0 0 !important;border:0 !important;}
.all-remove-btn {font-size:11px;background:#fff;color:#bababa;;padding:6px 4px;border-radius:3px;transition:color .2s;height: 28px;/*border: 1px solid rgba(0,0,0,.07);*/}
.all-remove-btn:hover {color:#000;/*box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);*/}
.all-remove-btn.btn-disabled, .all-remove-btn.btn-disabled:hover {color:rgba(0,0,0,.3) !important;background:rgba(0,0,0,.0) !important;cursor:no-drop !important;box-shadow: 0 0 0 0 !important;border:0 !important;}
.notifications-dropdown .dropdown-item {white-space: inherit;display: -ms-flexbox;display: flex;align-items: center;padding: 10px 20px;}
.notifications-dropdown .dropdown-item:last-child {border-bottom: none;}
.notifications-dropdown .dropdown-item:hover{background:#f5f5f5;}
.notifications-dropdown .message-memo{margin: 10px 20px;padding: 10px 20px;border-radius: 5px;background: #f5f5f5;}
.notifications-dropdown .message-memo .memo-title{font-weight: 500;margin-bottom:5px;}

.message-top-box {display: -ms-flexbox;display: flex;justify-content: flex-start;align-items: center;background:#f5f5f5;border-radius:4px;padding:10px 15px;margin:6px 20px 14px 20px;}
.message-top-box .badge{margin-right:10px;padding:4px 10px;font-size:12px;font-weight:600;border-radius: 3px;}
.message-top-box .badge.badge-primary {background-color:#1e9eff}
.message-list-dot {width: 20px;text-align: center;vertical-align: top;height: 100%;}
.message-list-dot .badge-dot {background-color: #1e9eff;width:7px;height:7px;border:0;font-weight:400;}
.message-list-icon {width: 36px;margin-right: 12px;}
.message-list-icon .drop-icon {display: block;width: 36px;height: 36px;border: 1px solid #bababa; border-radius: 36px;}
.message-list-detail {display: inline-block;}
.message-list-content {display: inline-block;width:calc(100% - 68px);}
.message-list-item{color:#1a1a1a;font-size:12px;line-height:1.5;letter-spacing: -0.2px;font-weight: 400;width: 100%;}
/*.message-list-item.noti_message {padding-top:7px;}
*/.message-list-item .message-list-item-a{color:#1a1a1a;font-size:14px;line-height:1.5;font-weight:700;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.message-list-item .massage-name,.message-list-item b{font-size:12px;font-weight:600;display:inline-block;}
.message-list-item .message-bottom{display:block;}
.message-list-item .message-bottom .massage-time{color:#bbbbbb;font-size:90%;display:inline-block;}
.message-list-item .message-bottom .massage-subname{display:inline-block;color:#1e9eff;font-size: 11px;}
.message-list-item .message-bottom .massage-subname:before {content : '\e860';font-family:"fontello";margin-left:5px;padding-left:3px;color:#6c757d;width:14px;display: inline-block;font-size:70%;}
.message-close{display: inline-block;float:right;color:#fff;cursor:pointer;padding-top:6px;}
.notifications-dropdown .dropdown-item:hover .message-close{color:#999;}
.notifications-dropdown .dropdown-item .message-close:hover{color:#1e9eff;}
.notifications-dropdown-footer {   text-align: center;font-size: 13px;padding-top: 6px;text-transform: uppercase;color:#fff;border-top: 1px solid rgba(255,255,255,.15);}

.profile_image .badge-dot {background-color: #00c9a7;width:10px;height:10px;border: 2px solid #fff;position:absolute;top:46px;left:46px;}

.dropdown-item-scroll{ max-height:600px;min-height: 300px;overflow: auto;padding:0 0 1rem 0; }
.dropdown-item-scroll::-webkit-scrollbar-corner {background-color: transparent;} 
.dropdown-item-scroll::-webkit-scrollbar-button {display:none;}
.dropdown-item-scroll::-webkit-scrollbar-thumb{background: #e6e6e6;opacity: 0;}
.dropdown-item-scroll:hover::-webkit-scrollbar-thumb{opacity: 1; visibility:visible;cursor: pointer;}
.dropdown-item-scroll::-webkit-scrollbar-track{background-color: transparent;}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {padding-right: 16px;padding-left: 16px;}
}

@media(max-width: 992px) {
    nav.service-nav.black {background: #fff;}

    nav.service-nav ul li, #main_nav ul li {box-sizing: border-box;width: 100%;padding: 0px 24px;}
    nav.service-nav ul li button, #main_nav ul li button {width: 100%;padding:0;text-align:left;background:none;color:#1a1a1a;padding:10px 0;}
    nav.service-nav ul li button:hover, #main_nav ul li button:hover {background:none;color:#1e9eff;}
    nav.service-nav ul li ul li, #main_nav ul li ul li {padding:0;}
    nav.service-nav ul li a, #main_nav ul li a {font-size: 15px;font-weight:600;}
    
    .notifications-dropdown .dropdown-menu{position:unset;float:unset; min-width: 320px; right: -60px; width: 100%;}
    .dropdown-item-scroll {height: 380px;}

    .bottom-nav{position:absolute;bottom:20px;width: calc(100% - 2rem);}

    .profile-name{overflow: hidden;font-size:16px;font-weight:500;color:#1a1a1a; text-overflow: ellipsis; white-space: nowrap;line-height: 1.6;}
    .profile-mail{font-size:14px;color:#677788;letter-spacing: -0.0px;font-weight: 400; text-overflow: ellipsis; white-space: nowrap;line-height: 1.6;}
}
@media (max-width: 767px) {
    nav.service-nav.black {background-position:;background-size:;background: #fff;}
}


body.offcanvas-active{overflow:hidden;}
body.overflowhidden{overflow:hidden;}
.offcanvas-header{ display:none; padding: 36px 30px 4px 30px;}
.offcanvas-body{ padding: 8px 0; width: 100%;}
.offcanvas-body .dropdown-item {padding: 0 30px;height: 40px; line-height: 40px; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: flex-start;color: #1a1a1a;}
.offcanvas-body .dropdown-item:hover, .offcanvas-body .dropdown-item-hover:hover, a.dropdown-item-hover:hover {background:rgba(0,0,0,.05);color: #000;}
.offcanvas-body .dropdown-item-hover:hover .dropdown-item, a.dropdown-item-hover:hover .dropdown-item, a.dropdown-item-hover .dropdown-item:hover,
.dropdown-menu.mypage-dropdown a.dropdown-item-hover .dropdown-item:hover {background:transparent;}
.offcanvas-body .dropdown-item span {margin-right: 12px;}
.screen-darken{height: 100%;width:0%;position: fixed;top: 0;right: 0;opacity:0;visibility:hidden;background-color: rgba(19,33,68,.25);transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;}

.navbar-dark .navbar-toggler {color: rgba(255,255,255,.5);border-color: #404146;border:0;}
.navbar-toggler {padding: 10px 0px;font-size: 20px;line-height: 1;height:46px;background-color: transparent;border: 2px solid transparent;border-radius: 10px;display:block;}
.navbar-dark .navbar-toggler-icon {font-size:16px;font-weight:600;color:#71869d;background-image:none;}
.navbar-toggler-icon {display: inline-block;width: auto;height: auto;vertical-align: middle;content: "";background: none;background-size: 100% 100%;}

@media (max-width: 992px) {
    .offcanvas-header{ display:block;width: 100%;}

    .screen-darken.active, .offcanvas-active .screen-darken { transition:opacity .3s ease, width 0s;opacity:1;width:100%;visibility:visible;}
    .navbar-collapse {position: fixed;top:0; bottom: 0;left: 100%;width: 32rem;padding: 0;overflow-y: auto;visibility: hidden;background-color: #fff;box-shadow: -5px 0 12px rgb(103 119 136 / 10%);
        transition: visibility .2s ease-in-out, transform .2s ease-in-out;z-index: 99; align-items: flex-start;flex-direction: column;}
    .navbar-collapse.show {visibility: visible;transform: translateX(-100%);}
}
@media (max-width: 767px) {
    .navbar-collapse {width: 300px;}
}




.main_nav{height:70px; overflow:visible; display: -ms-flexbox;display: flex; -ms-flex: 1; flex: 1;-ms-flex-pack: justify; justify-content: space-between;display: -ms-flexbox; }
.main_nav_left{display: -ms-flexbox; display: flex;}
.main_nav_left li{ display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;padding-right:20px;}
.main_nav_left li:last-child{padding-right:0;}


.btn-editing{background: #1e9eff;font-weight:400;font-size:16px;color:#fff;width: 30px;height: 30px;padding:0;border-radius:8px;-webkit-box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);
    box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);}
.btn-editing:hover {color: #fff;}
.btn-editing i{font-size: 11px;}
.btn-editing2{background: #f7936f;width:100%;font-weight:400;height:50px;font-size:16px;color:#fff;}
.btn-editing3{background: #fff;font-weight:400;font-size:16px;color:#71869d;width: 30px;height: 30px;padding:0;border-radius:8px;-webkit-box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);
    box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);}

.btn-editing4{background:#fff;font-weight:400;font-size:16px;color:#71869d;width: 30px;height: 30px;padding:0;border-radius:8px;-webkit-box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);
    box-shadow: 0 10px 40px 10px rgba(140,152,164,.175);}


.btn-blue{background:#1e9eff;color:rgba(255,255,255,1);}
.btn-blue:hover{background:#007fe0;color:rgba(255,255,255,1);}


/* container */
#wrap{position:relative;-ms-flex: 1 0 auto;flex: 1 0 auto;margin-top:0px;flex-direction: column; flex-grow: 1;width: 100%; }
.wrap_innner{position: relative;display: -ms-flexbox;display: flex;/*justify-content: center;*/flex-direction: row;box-sizing: border-box;width: 100%;min-height:600px;}
.wrap_inner_content{display: flex;flex-direction: column;width: 320px;justify-content: flex-start;min-height:670px;position: ;top: 0;left: 0;border-right: 1px solid #efefef;padding-right: 24px;}
.wrap_inner_content_right{display: flex;flex-direction: column;justify-content: flex-start;height:100%;width: 100%;}
.wrap_inner_content_right_top{height:100%;min-height: 700px;}

.template-title{display: -ms-flexbox;display: flex;align-items: flex-end;justify-content: space-between;margin-bottom:16px;}
.t-title-left{color:#1a1a1a;font-size:20px;font-weight:800;line-height: 1.6;}
.t-title-left b{font-size: 24px;}
.t-title-left-bottom {font-size: 16px; font-weight: 400; padding-top: 10px;}
.t-title-left-more {display: inline-block;margin-left: 10px;}
.t-title-left-more a{color:#1e9eff;font-size:12px;font-weight:400;}
.t-title-left-more a:hover {color:#007fe0;}
.t-title-left-span{color:#bbbbbb;font-size:12px;font-weight:400;display: block; display: none;}
.explore_wrap .t-title-left{line-height: 1;}
.t-title-right{min-width: 48px;}
.t-title-right a{color:#a9a9a9;font-size:14px;font-weight:400;transition:.3s;line-height:2.2;}
.t-title-right a:hover{color:#1a1a1a;}

.main-hot-article {display:flex; justify-content: space-around;}
.hot-article {padding-right: 5rem;}
.hot-article:last-child {padding-right: 0;}
.hot-article .article-foot .s-info-name i {margin-left: 5px;}
.hot-article .article-foot .s-info-name i, .hot-article .article-foot .s-info-name span {font-size: 10px;}

@media (max-width: 720px) {
    .t-title-left {font-size: 18px;}
    .main-hot-article {flex-direction: column;}
    .hot-article {padding-right: 0;}
}
@media (max-width: 576px) {
    .t-title-right a {font-size: 12px;}
    .t-title-left b {font-size: 18px;}
}
.wrap_inner_left_menu{display: block;margin-bottom:0px;flex: 1;position: relative;height: 100%;top: 0;left: 0;}
.content_size_list{position: absolute;top: 0px;right: 0px;left: 0px;bottom: 0px;overflow-y: auto;width: calc(100% + 0px); }
.content_size{position: absolute;top: 0px;left: 0;right: 0;bottom: 0px;padding: 0;box-sizing: border-box;-webkit-overflow-scrolling: touch;overflow: hidden;overflow-y: scroll; }
.content_size_wrap{width:calc(100% - 0px);}
.content_size_list::-webkit-scrollbar {display: none;}
.main-category-select{width:calc(100% - 8px);}
.main-category-item{}
.category-title{}
.category-select{line-height:1.8em;}


/* template page */
.sub-search-box-wrap {display:flex;border: 1px solid #ebebeb;height: 100%;border-radius:4px;width:100%;max-width:1300px;margin:0 auto;}
.sec-center-small-txt {position:absolute;font-size:80%;background:#fff;top:-8px;left:16px; padding:0px 8px; font-weight:500;z-index:5;}
.sec-center {position: relative;text-align: center;display: flex;align-items: center;flex: 1;}
.sec-center::after {content:'';width:1px;height:60%;background:#ebebeb;margin-left:-1px;}
.sec-center.sec-center-last::after {width:0;}

@media (max-width: 992px) {
	.sec-center {flex:auto; width:75%;}
	.sec-center.m-display-on {width:25%;margin-left:-1px;}
	.sec-center.m-display-on label i {display:none;}
}
@media (max-width: 900px) {
	.sub-search-box-wrap {flex-wrap: wrap;}    
	.sec-center:nth-child(2)::after {width:0;}
}

[type="checkbox"]:checked, [type="checkbox"]:not(:checked){position: absolute;left: -9999px;opacity: 0;pointer-events: none;}
.dropdown:checked + label, 
.dropdown:not(:checked) + label{
  position: relative;
  font-weight: 500;
  font-size: 14px;
  transition: all 200ms linear;
  width: 100%;
  height:100%;
  padding: 0 24px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: center;
  text-align: center;
  border: none;
  cursor: pointer;
  color: #1a1a1a;
}
.dropdown:checked + label:before, 
.dropdown:not(:checked) + label:before{position: fixed;top: 0;left: 0;content: '';width: 100%;height: 100%;z-index: -1;cursor: auto;pointer-events: none;}
.dropdown:checked + label:before{ pointer-events: auto;}
.dropdown + label i {font-size: 12px;height: 100%;line-height: 56px; color: #bbb;}
.dropdown:not(:checked) + label i {}
/*.dropdown:not(:checked) + label i.r-line {border-right: 1px solid #efefef;}*/
.dropdown:checked + label i {}
/*.dropdown:checked + label i.r-line {border-right: 1px solid #efefef;}*/
.dropdown:not(:checked) + label i svg {transition: transform .1s linear;}
.dropdown:checked + label i svg {transform: rotate(180deg);transition: transform .1s linear;}
.dropdown:not(:checked) + label i svg {fill: #999; transition: .1s;}
.dropdown:not(:checked) + label i:hover svg, 
.dropdown:checked + label i svg {fill: #999;}
.dropdown:checked + label {background:#f5f5f5;}
.template-select-close i.icon-cancel-4{margin-left: 0 !important;padding-left: 5px;}
.template-select-close i.icon-cancel-4:hover {color: #000;}


.section-dropdown {position: absolute;padding: 0;background-color: #fff;top: 56px;left: 0;width: 100%;height: calc(100vh - 450px);min-height:138px;display: block;
	border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;
    border: 1px solid #ebebeb;z-index: 9;opacity: 0;pointer-events: none;transform: translateY(20px);/*transition: all 200ms linear;*/}
.section-dropdown-title {padding: 6px 4px 14px 4px;text-align: left; font-size: 16px; font-weight: 400;}
.dropdown:checked ~ .section-dropdown{opacity: 1;  pointer-events: auto;  transform: translateY(0);}
#dropdown:checked ~ .section-dropdown {height:188px;}
#dropdown:checked ~ .section-dropdown .content_size {overflow:hidden;}
#dropdown_p:checked ~ .section-dropdown {height:238px;}
#dropdown_p:checked ~ .section-dropdown .content_size {overflow:hidden;}

#dropdown2:checked ~ .section-dropdown {height:238px;}
#dropdown2:checked ~ .section-dropdown .content_size {overflow:hidden;}
#dropdown3.element:checked ~ .section-dropdown {height:138px;}
#dropdown3:checked ~ .section-dropdown {height:188px;}
#dropdown3:checked ~ .section-dropdown .content_size {overflow:hidden;}
#dropdown4:checked ~ .section-dropdown {height:138px;}
#dropdown4:checked ~ .section-dropdown .content_size {overflow:hidden;}
#dropdown5:checked ~ .section-dropdown {height:188px;}
#dropdown5:checked ~ .section-dropdown .content_size {overflow:hidden;}

@media (max-width: 992px) {
	.sec-center.m-display-on .section-dropdown {width:calc(100vw - 57px);left:auto;right:0;display:flex;}
}
@media (max-width: 900px) {
	.sub-search-box.fixed-top .sec-center.m-display-on .section-dropdown {width:calc(100vw - 34px);}
}
@media (max-width: 768px) {
	.sub-search-box.fixed-top .sec-center.m-display-on .section-dropdown {width:calc(100vw - 34px);}
}

.section-dropdown .content_size_list .content_size::-webkit-scrollbar-thumb{border-radius: 0px;background-color: #ebebeb}
/* search box */
.searchBox {background: none;height: 56px;transition: 0.4s;}
.searchButton {color: #000;float: left;width: 50px;height: 56px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color : #242424;}
.searchButton i{font-size:16px;color:#fff;}
.searchInput {border:none;background: none;outline:none;float:left;padding: 0;color: #000;font-size: 14px;transition: 0.4s;height:56px;line-height: 56px;width: 0px;width:90%;}
input.searchInput::placeholder{color:#ededed;}

.search-result{display:block;padding-bottom:10px;}
.search-category{font-size:20px;font-weight:600;color:#1a1a1a;display:inline-block;}
.search-category:after{content:':';margin-left:5px;}
.result{margin-left:10px;font-size:20px;font-weight:600;color:#1a1a1a;display:inline-block;}

.sub-title-box{position:relative;width:100%;height:166px;}
.title-box {position:relative;margin: 0 40px;overflow: hidden;border-radius:8px;height:100%;}

/* sub search box*/
.sub-search-box{width:100%;display: flex; align-items: center; justify-content: space-between; background: #fff;/* box-shadow: 0 0px 12px #00000014;*/}
.sub-search-box .searchBox {border-bottom:0;height: 48px;}
.sub-search-box .search-box {height: 100%;width:100%;margin-left: 12px;border-radius:6px;display: flex;align-items: center;justify-content: flex-start;flex-wrap: nowrap;flex-direction: row; border: 1px solid rgba(0,0,0,.1);}
.sub-search-box .btn-filters {margin-right:8px;padding:6px;}

.badge-status {position: absolute;margin-top: 11px; margin-left: -4px;display: -ms-inline-flexbox;display: inline-flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-pack: center;justify-content: center;
    -ms-flex-align: center;align-items: center;font-weight: 600;font-size: .65625rem;width: 5px;height: 5px;background-color: #f1416c;border: 0;padding: 0;border-radius: 50%;opacity: 0;}




/* template page category select */
.category-select .radio {display: ;position: absolute;cursor: pointer;transition:.3s; z-index: 9;}
.category-select input {/*position: absolute;*/opacity: 0;cursor: pointer;}
.category-select .checkround {position: ;top: 7px;right: 12px;height: 30px;width: 30px;border-radius: 50%;transition: 0.3s;opacity: 0;}
.category-select .checkround:before, .category-select .checkround:after{content: "";display: block;left: 0;top: 2px;position: absolute; }
.category-select .checkround:before{width: 20px; height: 20px;border: 2px solid #bababa;background: #fff;border-radius: 50%;transition: 0.3s ease;transform: scale(0);}
.category-select .checkround:after {transition: transform 0.3s ease, opacity 0.2s ease, background 0.2s ease;width: 5px;height: 9px;border: 2px solid #fff;border-top: 0;border-left: 0;
    left: 7px;top: 6px;transform: rotate(20deg);opacity: 0;}
.category-select .radio:hover{color:#1e9eff;background-color: #e7eaf3;}
.c-active {color:#1e9eff;background-color: #e7eaf3;border-radius:4px;}
.c-active .radio {color:#1e9eff;}
.category-select .radio.radio-bg{background-color: rgba(0, 163, 255, 0.16);}
.category-select .radio:hover input:not(:checked) + .checkround:before{background-color: #b4daf6; border-color: rgba(0, 163, 255, 0);}
.category-select input:checked ~ .checkround {opacity: 1;}
.category-select input:checked ~ .checkround:before{background: #1e9eff;border-color:  #1e9eff;opacity: 1;transform: scale(1);}
.category-select input:checked ~ .checkround:after{transition: opacity 0.3s ease, background 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);opacity: 1;}
.category-select input:checked + .checkround:after {transform: rotate(43deg) translate(1px, 0);}

.accordion {cursor: pointer;padding: 12px 16px;width: 100%;border: 0;height:56px;text-align: left;outline: none;font-size: 14px;font-weight:500;transition: 0.4s; border-radius: 0px;
	display:flex;align-items: center;}
.accordion i {margin-right: 16px; transition: .3s; margin-top: 2px;}
.accordion:hover {background: #f7f7f7;}
.accordion:hover .radio .checkround{opacity: 1;}
.accordion:hover .radio .checkround:before{opacity: 1;transform: scale(1);}
.accordion:hover i{opacity: 0;}
.accordion:after {content: '\f107';font-family:"fontello";color: #1a1a1a;font-weight: bold;float: right;margin-left: 5px;}
.accordion.all-acc {margin-bottom: 4px;}
.accordion.all-acc:after{content: '';}
.accordion.accordion-open { color: #1e9eff;}
.accordion.accordion-open:after {content: "\f106";font-family:"fontello";}
.accordion.accordion-open.all-acc:after{content: '';}
.accordion.pc{margin-bottom: 0px;}

.panel {padding: 0 0 4px 0;/*max-height: 0;*/overflow: hidden;transition: max-height 0.2s ease-out;animation: fadein 3s;}
.panel .radio {left: 13px;}
.panel .select_template_size:hover .radio {opacity: 1;}

/* card template */
.select_template_size {width: 100%;min-width:66px;padding:12px 16px;height:50px;border:0;color:#1a1a1a;border-radius: 0;position: relative;background: none; cursor: pointer;display:inline-block;}
.select_template_size {-webkit-transition: all 350ms ease-out 0s;transition: all 350ms ease-out 0s;}
.select_template_size:hover {background: #f5f5f5;}
.select_template_size:hover .radio .checkround{opacity: 1;}
.select_template_size:hover .radio .checkround:before{opacity: 1;transform: scale(1);}
.select_template_size:focus, .select_template_size:active {background:#fff;color:#1e9eff;}
.select_template_size_p{position: relative; overflow: hidden; padding-left: 20px; text-align: left; width: calc(100% - 16px);}
.select_template_size_span1{font-size:13px;text-align:center;line-height:14px;font-weight:500;}
.select_template_size_span1.size-selected{background:none;}
.select_template_size.size-selected{color:#1e9eff;}
.select_template_size.size-selected .radio .checkround{opacity: 1;}
.select_template_size.size-selected .checkround:before{border-color:#1e9eff; background: #1e9eff;opacity: 1;transform: scale(1);}
.select_template_size.size-selected .checkround:after{transform: rotate(43deg) translate(1px, 0); opacity: 1;}

.swiper-container{display: flex; flex-wrap: wrap; align-content: flex-start;}
.swiper-wrapper{}
.select_template_size{-webkit-transition: all 350ms ease-out 0s;transition: all 350ms ease-out 0s; display: flex; align-items: center;}


/************************* explore category menu ********************************/
.page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > .sidebar-brand-title,
#show-sidebar, #close-sidebar {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.page-wrapper.toggled {position: fixed;top: 0;left: 0;width: 100%;height: 100vh; background: rgba(19,33,68,.25); z-index: 1031;}
.page-wrapper.toggled .sidebar-wrapper {left: 0px;}
#show-sidebar {position: relative;width: 35px;transition-delay: 0.3s;z-index: 999; padding: 0; height: 100%; line-height: 50px; }
#show-sidebar i{font-size: 18px; }
#show-sidebar svg {fill: #a7adb4; transition: .3s;}
#show-sidebar:hover svg {fill: #000;}
.page-wrapper.toggled #show-sidebar {left: -40px;}
.sidebar-wrapper {width: 300px;height: 100%;max-height: 100%;position: fixed;top: 0;left: -300px;z-index: 999;background: #fff;/*box-shadow: 5px 0 12px rgb(103 119 136 / 10%);*/}
.sidebar-wrapper ul {list-style-type: none;padding: 0;margin: 0;}
.sidebar-wrapper a {text-decoration: none;}
.sidebar-content {max-height: calc(100% - 0px);height: calc(100% - 0px);overflow-y: auto;position: relative;}
.sidebar-content.desktop {overflow-y: hidden;}
.sidebar-brand {padding: 24px 24px 10px 24px;display: flex;align-items: center;}
.sidebar-brand > .sidebar-brand-title {text-transform: uppercase;font-weight: 700;flex-grow: 1;font-size: 18px;}
.sidebar-brand #close-sidebar {cursor: pointer; line-height: 32px;}
/*----------------------sidebar-menu-------------------------*/
.sidebar-menu {padding: 8px 16px 18px 16px;}
.sidebar-menu .header-menu span {font-weight: bold;font-size: 14px;padding: 15px 0px 5px 0px;display: inline-block;}



.size-icon2 {display: inline-block;width: 16px;height: 16px;vertical-align:top ;background: url(/assets/img/size_icons_lights.png) no-repeat;background-size: 608px 32px;opacity:.7; margin-top: -5px;}
.size-icon{display: inline-block;width: 16px;height: 16px;vertical-align:top ;background: url(/assets/img/size_icons.png) no-repeat;background-size: 608px 16px;opacity:.5;}
.size0, .size-icon2.size0{background:none;font-style:normal;font-size:15px;text-align:center;}
.size1, .size-icon2.size1{background:none;font-style:normal;font-size:15px;text-align:center;}
.size1:before, .size-icon2.size1:before {content:'\f16a';font-family:"fontello";color: #cfcfcf;}
.size2, .size-icon2.size2{background:none;font-style:normal;font-size:15px;text-align:center;}
.size2:before, .size-icon2.size2:before {content:'\f16d';font-family:"fontello";color: #cfcfcf;}
.size3, .size-icon2.size3{background:none;font-style:normal;font-size:15px;text-align:center;}
.size3:before, .size-icon2.size3:before {content:'\f30c';font-family:"fontello";color: #cfcfcf;}
.size4, .size-icon2.size4{background:none;font-style:normal;font-size:15px;text-align:center;}
.size4:before, .size-icon2.size4:before {content:'N';font-weight:800;color: #cfcfcf;}
.size5, .size-icon2.size5{background-position: -64px 0px;}
.size6, .size-icon2.size6{background-position: -80px 0px;}
.size7, .size-icon2.size7{background-position: -96px 0px;}
.size8, .size-icon2.size8{background-position: -112px 0px;}
.size9, .size-icon2.size9{background-position: -128px 0px;}
.size10, .size-icon2.size10{background-position: -144px 0px;}
.size11, .size-icon2.size11{background-position: -160px 0px;}
.size12, .size-icon2.size12{background-position: -176px 0px;}
.size13, .size-icon2.size13{background-position: -192px 0px;}
.size14, .size-icon2.size14{background-position: -208px 0px;}
.size15, .size-icon2.size15{background-position: -224px 0px;}
.size16, .size-icon2.size16{background-position: -240px 0px;}
.size17, .size-icon2.size17{background-position: -256px 0px;}
.size18, .size-icon2.size18{background-position: -272px 0px;}
.size19, .size-icon2.size19{background-position: -288px 0px;}
.size20, .size-icon2.size20{background-position: -304px 0px;}
.size21, .size-icon2.size21{background-position: -320px 0px;}
.size22, .size-icon2.size22{background-position: -336px 0px;}
.size23, .size-icon2.size23{background-position: -352px 0px;}
.size24, .size-icon2.size24{background-position: -368px 0px;}
.size25, .size-icon2.size25{background-position: -384px 0px;}
.size26, .size-icon2.size26{background-position: -400px 0px;}
.size27, .size-icon2.size27{background-position: -416px 0px;}
.size28, .size-icon2.size28{background-position: -432px 0px;}
.size29, .size-icon2.size29{background-position: -448px 0px;}
.size30, .size-icon2.size30{background-position: -464px 0px;}
.size31, .size-icon2.size31{background-position: -480px 0px;}
.size32, .size-icon2.size32{background-position: -496px 0px;}
.size33, .size-icon2.size33{background-position: -512px 0px;}
.size34, .size-icon2.size34{background-position: -528px 0px;}
.size35, .size-icon2.size35{background-position: -544px 0px;}
.size36, .size-icon2.size36{background-position: -560px 0px;}
.size37, .size-icon2.size37{background-position: -576px 0px;}
.size38, .size-icon2.size38{background-position: -592px 0px;}

.accordion-open .size-icon2{background-position-y: -16px;}
.accordion-open .size-icon2.size1:before, .accordion-open .size-icon2.size2:before, .accordion-open .size-icon2.size3:before, .accordion-open .size-icon2.size4:before {color: #1e9eff;}

/* scrollbar */
::-webkit-scrollbar {width: 8px;height:6px;cursor: pointer;margin-top:-10px;}
::-webkit-resizer {background-color: transparent;}
::-webkit-scrollbar-corner {background-color: transparent;} 
::-webkit-scrollbar-track {background-color: #f7f7f7;}
::-webkit-scrollbar-track-piece {background-color: transparent;}   
::-webkit-scrollbar-thumb {background:#e6e6e6;opacity: 1;width:8px;padding:2px; border-radius: 0px;background-clip:padding-box; transition: opacity .2s,background-color .2s,width .2s,height .2s;}/* Handle */
.content_size_list > ::-webkit-scrollbar-track {background-color: transparent;}
.content_size_list > ::-webkit-scrollbar-corner {background-color: transparent;} 
.content_size_list > ::-webkit-scrollbar-button {background-color: transparent;display: none;}
.content_size_list > ::-webkit-scrollbar-thumb{background-color: #e6e6e6;;opacity: 0;width:6px;padding:2px; border-radius: 8px;visibility:hidden;cursor: pointer;}
.content_size_list:hover > ::-webkit-scrollbar-thumb{opacity: 1; visibility:visible;cursor: pointer;}



/* common template */
.template_area{position: relative;float:left;width: 20%;height: 0;overflow: hidden;padding-bottom: 20%;}
.template_area .wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding:10px;}
.template_area .wrap .img {border:1px solid #cacaca;height: 100%;border-radius: 3%;background-repeat: no-repeat;background-size:contain;background-position: center;/*background-size:auto 100%;*/}
.filter-item {width: 100%;display:block;padding:.375rem 1.5rem;}
.content_filter {display:none;position:absolute;top:60px;right:40px;padding: 1rem 0;margin: .625rem 0 0;min-width: 14rem;background:#fff;border-radius:8px;overflow:hidden;z-index:8;
    -webkit-box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%); box-shadow: 0 10px 40px 10px rgb(140 152 164 / 18%);}
.filter-title {font-weight: 500;width:100%;text-align:left;font-size:13px;color:#8c98a4;padding-top: .5rem; padding-bottom: .5rem;}
.filter-select {width:100%;/*height: 30px;*/padding:10px 10px 0 0;color:#1a1a1a;}
.filter-select select {width:100%;height:40px;line-height:40px;border:0;border-radius:6px;font-size:14px;background:#38393d;color:#1a1a1a;}

/* filter radio */
.filter-select .radio {display: block;position: relative;padding-left: 24px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size:13px;
    color: #1a1a1a; font-weight: 400;}
.filter-select .radio input {position: absolute;opacity: 0;cursor: pointer;}
.filter-select .checkround {position: absolute;top: 2px;left: 0;height: 16px;width: 16px;background-color: #fff ;border:#cacaca solid .0625rem;border-radius: 50%;transition: 0.3s;}
.filter-select .radio input:checked ~ .checkround {background-color:#1e9eff; border-color: #1e9eff;}
.filter-select .checkround:after {content: "";position: absolute;display: none;}
.filter-select .radio input:checked ~ .checkround:after {display: block;}
.filter-select .radio .checkround:after { left: 4px;top: 4px;width: 6px;height: 6px;border-radius: 50%;background:#fff;}
.filter-select .radio input.disabled ~ .checkround {background-color: #f8f8f8; border-color: #e9ecef; color: #d7d7d7; cursor: no-drop;}





/*.template_list{min-height:400px;width:100%;display:table;margin-bottom:80px;}*/
.template_list_more{display:inline-block;text-align:center;margin-top:3rem;margin-bottom:6.5rem;width:100%;}
.template_list_append_btn{background-color:#fff;border: 1px solid rgba(0,0,0,.1);color:#1a1a1a;height:46px;max-width:450px;display:inherit;line-height: 46px;font-size:13px;font-weight: 500;cursor:pointer;margin:0 auto;border-radius:4px;transition: 0.4s;padding: 0 24px;}
.template_list_append_btn:hover{background-color:rgba(0,0,0,.1);color: #000; border-color: rgba(0,0,0,0);}

@media (min-width: 1660px) {
  .wrap_inner_content, .content_title2, .wrap_inner_content_right_top, .wrap_innner_help { padding: 0;}
}

@media (max-width: 1500px) {
  .swiper_text span.s_text1, .s_text1{font-size:50px;line-height:1.2em;}
}

@media (max-width: 1200px) {
  .swiper_text span{font-size:36px;line-height:1.2em;}
  .swiper_text span.s_text1, .s_text1{font-size:36px;line-height:1.2em;}
  .wrap_innner_help { padding: 0 32px 0 32px; background-size:30px auto;}
  .content_title_img img{width: 100%;}
}

@media (max-width: 991px) {
    .swiper_text span{font-size:36px;line-height:1.2em;}
  .swiper_text span.s_text1, .s_text1{font-size:36px;line-height:1.2em;}
  .wrap_inner_content_right_top, .wrap_innner_help { width: 100%; background-size:0px auto;}
  .wrap_inner_content{visibility:hidden;opacity:0;display:none;}
  .wrap_inner_content_right {width:100%;}
  .template_list_append_btn {width:100%;max-width: 100%;}
  .content_title2 .btn-filters {right:20px;}
  .content_filter {right:20px;}
}


/* footer */
#footer{position:relative;bottom: 0;left: 0;width:100%;background: #FCFCFC; z-index: 1;border-top: 1px solid #efefef;}
.wrap_innner2{position:relative;padding:56px 0px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;flex-direction: column;align-items: center;box-sizing: border-box;}
.footer_top{width:100%;display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;justify-content: space-between;}

.important_menu_wrap {display:flex;width:100%;padding-bottom:24px;}
.important_menu {}
.important_menu li {display:inline-block;margin-right:48px;}
.important_menu li a {font-size:15px;color:#1a1a1a;transition: 0.2s;font-weight: 600;}
.important_menu li a:hover{color:#1a1a1a;text-decoration:underline;}
.important_menu li a.active{color:#1a1a1a;}
.important_menu_wrap  .f_top_right {margin-left:auto;}
.important_menu_wrap  .f_top_right .f_bottom_right {font-size:15px;color:#1a1a1a;font-weight: 600;}

.main_logo_txt {color: #bbbbbb; font-size:11px; font-weight:500; padding-bottom:24px; padding-top:10px}
.f_top_left{ display: flex; align-items: flex-start;; justify-content: flex-start;}
.f_top_left .f_top_menu{width: auto; display: inline-block; margin-right: 48px;}
.f_top_left .f_top_menu .f_top_menu_title{font-weight:700;margin-bottom:8px;font-size:14px;color:#1a1a1a;}
.f_top_left .f_top_menu ul{width:100%;}
.f_top_left .f_top_menu ul li{display:inline-block;margin-right:8px;}
.f_top_left .f_top_menu ul li a{font-size:11px;color:#bbbbbb;transition: 0.4s;font-weight: 500;}
.f_top_left .f_top_menu ul li a:hover{color:#1a1a1a;}
.f_top_left .f_top_menu ul li a.active{color:#1a1a1a;}

.f-line-bar {width: 1px; height: 9px; background: #eee;display: inline-block;margin: 0 8px;}

.f_top_right{display: -ms-flexbox;display: flex;-ms-flex-direction: row;flex-direction: row;justify-content: flex-end;}
.f_top_right .main_logo{width:42px;height:auto;padding-right:0;justify-content: flex-end;margin-right:0;margin-left:10px;}
.f_top_right .main_logo img{width:40px;vertical-align:unset;}
.f_top_right .logo_text{margin-top:20px;font-size:11px;line-height:1.5;font-weight:400;}

.footer_bottom{width:100%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: flex-start;-ms-flex-direction: column;flex-direction: column;justify-content: flex-start; padding-top: 32px;}
.f_bottom_left{font-size:11px;color:#bbbbbb;font-weight: 400;}
.f_bottom_right{display: flex; justify-content: flex-end; -ms-flex-direction: row;flex-direction: row;-ms-flex-align: center;align-items: center;}
.f_bottom_right p {font-size: 15px; color: #1a1a1a; transition: 0.2s; font-weight: 600;}
.f_bottom_right_txt{ color: #bbbbbb; font-size: 11px;white-space: nowrap;}
.f_top_address {font-size: 11px; color: #d1d1d1; font-weight: 300; line-height: 1.6;margin-right: 8px;}
.f_top_address a{font-size: inherit;}
.f_top_address a:hover{color: #1a1a1a;}
.chat-btn {padding: 0px 12px 0px 8px; margin-left:12px; height: 24px; border-radius: 3px; background: #fff; color: #000; border:1px solid #dfdede; font-size: 12px; font-weight: 600; display: flex; align-items: center; flex-direction: row;}
.chat-btn-img {margin-right: 4px;}

.m-start-btn {position: fixed; bottom: 0px; z-index: 8; width: 100%; padding: 0 24px; margin-bottom: 24px; display: none; }
.m-start-btn .btn-start {width: 100%; height: 50px; box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);}


@media (max-width: 1660px) {
    .wrap_innner2.t-width {padding: 56px 32px;}
    .f_bottom_left {padding-right: 12px;}
}
@media (max-width: 992px) {
    .wrap_innner2 {padding-top: 56px;}
    .footer_top, .footer_bottom{-ms-flex-direction: column;flex-direction: column; align-items: flex-start;}
    .f_top_left {-ms-flex-direction: column;flex-direction: column;}
    .f_top_left .f_top_menu {width: 100%; margin-right: 0; margin-bottom: 24px;}
    .f_top_right {justify-content: flex-start; margin-bottom: 16px;}
    .f_bottom_left {padding-right: 0;}
    .f_bottom_right {margin-bottom: 8px;}
    .f_top_address {margin-right: unset;}

}
@media (max-width: 768px) {
    .wrap_innner2.t-width {padding: 32px 24px;width: 100%;max-width: 100%;}
    .f_top_address {line-height: 1.6; font-size: 10px;margin-right: unset;}
    .m-start-btn {display: block; position: relative;}
	.f_bottom_right p {display:none;}
}
@media (max-width: 576px) {
	.important_menu {display:flex; }
	.important_menu li {padding-bottom:10px; margin-right:12px;}
	.important_menu li a {font-size:14px;}
	.important_menu_wrap .f_top_right {align-items: flex-start; margin-bottom:0;}
	.chat-btn {margin-left:0; padding:0px 8px 0px 5px;}
}

/* top button*/ 
.gototop {position: fixed;bottom: 20px;right: 20px;z-index: 999;opacity: 0;visibility: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.gototop.active {opacity: 1;visibility: visible;}
.gototop div {width: 36px;height: 36px;padding:14px;display: block;background: rgba(0, 0, 0, 0.5);color: #fff;text-align: center;-webkit-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;border-radius: 40px;}
.gototop div i {height: 50px;display: table-cell;vertical-align: middle;font-size:16px;}
.gototop div:hover, .gototop div:active, .gototop div:focus {text-decoration: none;outline: none;color:#333;}

#gotop{background: #fff;color: rgba(0,0,0,.5);z-index: 9;transition:background .3s;border: 1px solid #dfdede;}
#gotop:hover {background: #fff; color:rgba(0,0,0,1);}


/* loading */
.ex-loading{position: relative;bottom: 0;text-align:center;font-size:40px;left: 0;height:150px;width: 100%;z-index: 9;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.examples__item{color:#fff;text-align:center;font-size:40px;}
.loader{display: flex;height: 30px;width: 30px;margin-top:-20px;}
.loader-1{
border-radius: 50%;
border-top: 3px solid #e7eaf3;
border-right: 3px solid #e7eaf3;
border-bottom: 3px solid #e7eaf3;
border-left: 3px solid rgba(55, 125, 255, 1);
animation: loader 1s cubic-bezier(.41,.25,.32,.83) infinite;
}
@keyframes loader {
  0%  { transform: rotate(0); }
  100%{ transform: rotate(1turn); }
}


/* heplcenter board */
.board-wrap{position:relative;display: -ms-flexbox;display: flex; -ms-flex-pack: justify; justify-content: space-between;}
.board-left{width:23%;}
.board-right{width:75%;padding-left:30px;}
.left-navi-title{font-size:20px;padding-bottom:25px;font-weight:600;}
.left-navi-wrap {width: 100%;padding:10px 0;}
.left-navi-wrap li{}
.left-navi-wrap li a{font-size:16px;font-weight:bold;line-height:50px;transition: 0.4s;}
.left-navi-wrap li a:hover{color: #1e9eff;}

.bug-title{font-size:28px;font-weight:700;padding-bottom: 30px;}
.bug-span{float:right;color:#aaa;}
.bug-span2 i{color:#1e9eff;font-size:10px;}

@media (max-width: 768px) {
    .board-wrap {flex-direction: column;}
    .board-left {width: 100%;}
    .board-right {width: 100%; padding-left: 0;}
    .left-navi-wrap { display: flex;justify-content: space-between; margin-bottom: 30px;}
    .left-navi-title {padding-bottom: 16px;}
}


/* table */
.bug-content-wrap {padding-top: 0px;border-top: 2px solid #333;}
.table{border-bottom: 2px solid #333;margin-bottom: 30px;}
.table th {vertical-align: top;padding: 16px 0;height: 56px;border-bottom: 1px solid #efefef;font-size: 15px;color: #333;text-align: left;padding-top: 18px;border-top:0;font-weight:500;}
.table td {height: 56px;border-bottom: 1px solid #efefef;font-size: 15px;color: #606167;letter-spacing: -0.1px;padding: 16px 0;border-top:0;}

.custom-control.custom-radio{line-height: 1.8;padding-left:0;}
.custom-radio input[type="radio"] {width: 1.4rem;height: 1.4rem;position:unset;border-color:#dce0e6;}
.custom-radio label {color: #333;padding-right:5rem;padding-left:1.5rem;font-size:14px;font-weight:600;vertical-align: middle;}/*
.custom-radio .custom-control-label::before {top: .25rem;left: -1.5rem;width: 1.5rem;height: 1.5rem;}
.custom-radio .custom-control-label::after {top: .1rem;left: -1.65rem;width: 1.7rem;height: 1.7rem;}
.custom-radio .custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #1e9eff;background-color: #1e9eff;}*/

.textarea_text {display: block;width: 100%;height: 186px;padding: 10px;font-size: 15px;color: #333;line-height: 1.6;outline: none;transition: all 0.2s ease-in-out;font-weight:400;}
.input_text {display: block;position: relative;width: 100%;height: 50px;border-bottom: 1px solid #dce0e6;font-size: 15px;color: #333;line-height: 50px;padding:10px;transition: all 0.2s ease-in-out;}
.input_text:hover, .textarea_text:hover {  border-color: #333;}
.input_text:focus, .textarea_text:focus {  box-shadow: none;  border-color:#1e9eff;}
/* file upload*/
.custom-file {position: relative;display: inline-block;width: 100%;height: 50px;margin-bottom: 0;overflow:hidden;}
.custom-file-input {position: relative;z-index: 2;width: 100%;height: 50px;margin: 0;opacity: 0;cursor:pointer;}
.custom-file-label {position: absolute;top: 0;right: 0;left: 0;z-index: 1;font-weight: 400;background-color: #e9ecef;border: 1px solid #e3e3e3;border-radius: 0;height: 50px;font-size: 14px;color: #333;
  line-height: 2;padding:10px 20px;}
.custom-file-label::after {position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 100%;padding: 0 1.6rem;line-height: 50px;color: #666;content: '\e838';font-family:"fontello";
  background-color: none; border: 0;font-size:10px;font-weight:bold;border-radius: 0;}
.file-box {position: relative;width: 100%;font-size: 0;height: 50px;line-height:50px;border:1px solid #e3e3e3;padding:0 20px;overflow:hidden;margin-bottom:10px;}
.file-upload-name{float:left;width:calc(100% - 50px);color:#1e9eff;font-weight:500;}
.file-upload-size{float:right;color:#1e9eff;font-weight:500;}
.file-upload-delete{position: absolute;top: 0;right: 0;bottom: 0;z-index: 3;display: block;height: 100%;padding: 0 1.2rem;line-height: 48px;color: #666;cursor:pointer;}
.file-upload-delete i{font-size:15px;}
.guide-message{}
.guide-message span{font-weight:600;}

.agree-box{position:relative;width:calc(100% - 180px);float:left;height:48px;}
.agree-box input{position:absolute;left:0;top:4px;}
.agree-box label {padding: 0 0 0 10px;font-size: 15px;color: #333;cursor: pointer;float:left;line-height:1.5;}
.agree-box .custom-control-input{width:1.5rem;height:1.5rem;}
.agree-box .custom-control-label::before {top: .25rem;left: -1.5rem;width: 1.5rem;height: 1.5rem;}
.agree-box .custom-control-label::after {top: .25rem;left: -1.5rem;width: 1.5rem;height: 1.5rem;}
.agree-box .custom-control-input:checked~.custom-control-label::before {color: #fff;border-color: #1e9eff;background-color: #1e9eff;}

.send-btn-box{float:right;width:160px;height:48px;}
.send-btn {display: inline-block;min-width: 160px;height:48px;line-height:48px;font-size: 16px;text-align: center;-webkit-transition: all .3s;transition: all .3s;
    border: 0;
    background: #3f5bfa;
    background: -moz-linear-gradient(-45deg, #00cffb 0%, #3f5bfa 100%);
    background: -webkit-linear-gradient(-45deg, #00cffb 0%,#3f5bfa 100%);
    background: linear-gradient(135deg, #00cffb 0%,#3f5bfa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cffb', endColorstr='#3f5bfa',GradientType=1 );
    color: #fff;}


/* empty template area*/
.empty-template-area {width:100%;height:100%;min-height:650px;position:relative;max-height: 800px;}
.empty-template {text-align:center; position:absolute;top:50%; left:50%; transform:translate(-50%, -50%); width: 90%;}
.empty-img {display:block;overflow:hidden;background: url(/assets/img/illust_02.png) no-repeat top center;height: 214px;}
.empty-img i{font-size:180px;color:rgba(113,134,157,.15);display: none;}
.empty-text1 {color:#1a1a1a;font-size:22px;font-weight:500;padding:30px 0 10px 0;line-height:1.2;}
.empty-text2 {color:#999;font-size:14px;line-height:1.5;}
.empty-text2 span{font-size:14px;font-weight:500;color:#1e9eff}


/* mypage my folder */
.card.card-folders {background:unset;border:0;margin-left: -15px;
margin-right: -15px;
margin-top: 5px;
padding-top: 5px;}

.card.card-folders .card-body {padding:0;}

.myfiles{position:relative;overflow:hidden;padding-bottom: 15px;}
.folder-container {text-align: center;margin-bottom: 1.5rem;width: 100%;padding: 0;height:100%;min-height: 110px;max-height:225px;align-self: start;background: #f5f5f5;border: .0625rem solid #f5f5f5;
  outline-color: transparent !important;  cursor: pointer;margin-bottom: 1rem;border-radius:6px;overflow:hidden;}
.folder-image {width:100%;height: 100%;display:block;}
.folder-image img{width:100%;height:100%;object-fit: contain;}
.folder-checkbox {position:absolute;top:10px;left:25px;width:20px;height:20px;}
.folder-info {display:flex;justify-content: space-between;}
.folder-name {overflow-wrap: break-word;word-wrap: break-word;hyphens: auto;color:#1a1a1a;font-weight: 400;text-overflow: ellipsis; white-space: nowrap; width: 70%; overflow: hidden;}
.folder-size{overflow-wrap: break-word;word-wrap: break-word;hyphens: auto;color:#bbb;font-weight:500;font-size:85%;}
.flex-column .folder-icon, .flex-column .folder-name {display: inline-block;}
.flex-column .folder-icon {font-size: 1.4em;margin-right: 1rem;}
.file-icon-color {color: #999;}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .folder-container {max-height:180px;}
}


.myfiles-btn-wrap {display:inline-block;}
.myfiles-btn1 {display:inline-block;height:42px;line-height:42px;padding: 0 15px;background:#fff;color:#1e9eff;border:1px solid #1e9eff;border-radius:4px;}
.myfiles-btn1:hover {background:#1e9eff;color:#fff;}
.myfiles-btn2 {display:inline-block;height:42px;line-height:42px;padding: 0 15px;background:#fff;color:#999;border:1px solid rgba(0,0,0,.07);border-radius:4px;}
.myfiles-btn2.active {color:#1e9eff;}
.myfiles-btn2:hover:enabled {color:#1e9eff; outline: 0; box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);}
.myfiles-btn3 {display:inline-block;height:42px;line-height:42px;padding: 0 15px;background:#fff;color:#999;border:1px solid rgba(0,0,0,.07);border-radius:4px;}
.myfiles-btn3:hover:enabled {color:#ff4ba4; outline: 0; box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);}

/* my file checkbox*/
.checkbox {display: table;cursor: pointer;}
.checkbox.inline {margin: 0 12px 0 0;display: inline-block;}
.checkbox input{display: none;}
.checkbox input + span {height: 22px;font-size: 14px;font-weight: 500;position: relative;display: block;}
.checkbox input + span:before, .checkbox input + span:after{content: "";display: block;left: 0;top: 0;position: absolute;}
.checkbox input + span:before{height: 20px;border: 2px solid #cacaca;background: #fff;transition: background 0.3s ease, border-color 0.3s ease;}
.checkbox input + span:after {transition: transform 0.3s ease, opacity 0.2s ease, background 0.2s ease;}
.checkbox input:checked + span:before{background: #1e9eff;border-color:  #1e9eff;;}
.checkbox input:checked + span:after{transition: opacity 0.3s ease, background 0.3s ease, transform 0.6s cubic-bezier(0.175, 0.88, 0.32, 1.2);}
.checkbox:hover input:not(:checked) + span:before{border-color:  #1e9eff;;}
.checkbox input + span:before{width: 20px;}
.checkbox input + span:after {opacity: 0;}
.checkbox input:checked + span:after{opacity: 1;}
.checkbox input + span:before {border-radius: 50%;}
.checkbox input + span:after {width: 5px;height: 9px;border: 2px solid #fff;border-top: 0;border-left: 0;left: 7px;top: 4px;transform: rotate(20deg);}
.checkbox input:checked + span:after {transform: rotate(43deg) translate(1px, 0);}


/* creator page */
.creator_workflow{font-size:13px;line-height:1.5;color:#677788;font-weight: 500;}
.creator_user_name{font-size: 18px;color:#1a1a1a;font-weight:700;}
.creator_worktime{font-size: 11px;color:#8c98a4;}
.creator_page_link{font-size: 11px;color:#1e9eff;font-weight:400;}
.creator_page_link a {font-size: 11px;color:#8c98a4;font-weight:400;transition:.2s;}
.creator_page_link a:hover {color:#007fe0;}
span.point{margin:0 5px;color:#999;}
span.point:before{content:'\e860';font-family:"fontello";font-size:11px;}

.creator-middle-content {width:100%;display: flex;flex-direction: column;align-items: flex-start; justify-content: flex-start;padding-top: 16px;}
.creator-middle-title {font-size:24px;font-weight:700;line-height:1.5;}
.creator-middle-subtitle {font-size: 18px;color: #999;line-height:1.5;font-weight: 300;padding-top: 6px;}
.creator-middle-btn {margin-left: auto;}
.insight-btn {border: 1px solid #efefef; padding: 8px 32px; text-align: center; color: #000; font-size: 14px; font-weight: 700; height: auto; border-radius: 4px;}

.creator-insight-wrap {margin-top: 56px;display: grid;grid-template-columns: 25% 25% 25% 25%;border: 1px solid rgba(0,0,0,.07);border-top: 0;border-right: 0;}
.creator-row-wrap {width: 100%;border-right: 1px solid rgba(0,0,0,.07);border-top: 1px solid rgba(0,0,0,.07);}
.creator-row { padding: 40px;}
.creator-info {display: flex; padding-bottom: 24px;}
.creator-info-profile {padding-right: 16px;}
.creator-info-txt {width: 100%;display: flex; justify-content: space-between;}

.creator-row.team-members {margin-bottom:24px; border:1px solid rgba(0,0,0,.07); display: flex; justify-content: space-between;}
.creator-row.team-members .creator-info {flex-direction:column;padding-right:40px;padding-bottom: 0; min-width: 220px;}

.creator_slider {margin-right:-15px;}
.c-channel-name-wrap {display: flex;flex-direction: column;align-items: flex-start;}
.c-channel-name {font-size:16px;font-weight:700;color:#1a1a1a;line-height: 1.3;}
.c-channel-creator {color: #999; font-size: 12px; }
.c-channel-intro {font-size:14px;color:#999;font-weight:300; line-height: 1.6; min-height: auto; overflow: hidden; 
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; }
.c-channel-btn {text-align:center;padding:0 16px;height: 36px; line-height: 36px;border-radius:4px;font-weight:400;background: #1a1a1a;border:0;transition: .3s;color:#fff; font-size: 13px;}
.c-channel-btn:hover {color:#fff;}
.c-channel-btn-white {text-align:center;}
.c-channel-btn-white a{padding:5px 15px;border-radius:30px;font-weight:400;background: #1a1a1a;transition: .3s;color:#fff;}
.c-channel-btn-white a:hover {background:#000;color:#fff;}
.insight-more-wrap {display: flex; justify-content: flex-end; margin-bottom: 36px;}
.insight-more-btn {font-size: 14px; font-weight: 500;}

.creator-info2 {min-width:300px;display: flex; flex-direction: column; }
.c-channel-intro2 {font-size:16px;margin-bottom:16px;color:#1a1a1a;font-weight:700;}

@media (max-width: 991px) {
    .creator-row {flex-direction: column; padding: 28px;}
    .creator-info {min-width: 100%; padding-bottom: 0;}
    .creator-row .swiper-container {padding-top: 30px !important; width: 100%;}
    .creator-middle-content {flex-direction: column; align-items: flex-start; }
    .creator-middle-subtitle {padding-left: 0;}

    .creator-insight-wrap {flex-direction: column; align-items: flex-start;}
    .creator-row-wrap {width: 100%; margin-right: 0;}
    .creator-row-wrap:nth-child(2n) {margin-left: 0;}

    .creator-row.team-members {padding: 30px 24px;}
    .creator-row.team-members .creator-info {padding-left: 0; padding-right: 0; min-width: 100%;}
    .creator-row .swiper-container {margin-bottom: 0 !important;}

}
@media (max-width: 576px) {
    .creator-row .swiper-container {overflow: hidden;}
}
.creator_name_wrap{display: flex;flex-direction: column;color:#1a1a1a;}
.creator-template-cnt {margin-bottom:10px;font-weight: 500; font-size: 13px; color: #999;}
.creator-template-cnt span{float:right;font-weight: 700;font-size: 13px; color: #000; padding-left: 8px;}
.creator-follower-cnt {margin-bottom:20px;font-weight: 500; font-size: 13px;color: #999;}
.creator-follower-cnt span{float:right;font-weight: 700;font-size: 13px; color: #1e9eff; padding-left: 8px;}
.creator-intro-title {font-weight: 500;font-size:13px;color:#999;}
.creator-intro-content {}

.creator_detail{display: flex;align-items: center;}
.creator_name{font-size: 11px;color:#999;font-weight:400;}

.btn-follow, .btn-following {width: 100%;border-radius:4px;font-weight: 400;height: 42px;line-height: 40px;font-size: 14px;font-weight: 600;transition: .3s;}
.btn-follow {background: #fff;color: #000;border:1px solid #e1e1e1;}
.btn-follow:hover {background: #1e9eff;color: #fff;border-color:#1e9eff;}
.btn-following {background: #c1e4ff;color: #1e9eff;}
.btn-following:hover {background: #c1e4ff;color: #1e9eff;}
.btn-email {background: #fff; border: 1px solid #e1e1e1; color: #000; border-radius: 4px; height: 42px;}

.creator-join-btn, .creator-report-btn {color:#1e9eff;font-weight:500;font-size:12px;}
.creator-join-btn:hover, .creator-report-btn:hover {color:#007fe0;}

.content_title2_wrap {justify-content: flex-start;/*border-bottom:1px solid #3a3b3e;*/padding:5px 0 20px 0;/*margin-bottom:10px;*/}
span.point{margin:0 5px;color:#999;}
span.point:before{content:'\e860';font-family:"fontello";font-size:11px;}
.creator-tab {position:relative;padding-right:0px;margin-right:5px;}
.creator-tab .tab_btn {font-weight:600;font-size:14px;transition:color, background .3s;color:#677788;padding:.6rem 2.5rem .6rem 1.5rem;border: .0625rem solid #e7eaf3;border-radius:6px;}
.creator-tab .tab_btn:hover {color:#677788;background: rgba(189,197,209,.3);}
.creator-tab .tab_btn_cnt {color:#677788;font-size:10px;margin-left:-25px;margin-top:7px;position:absolute;}
.tab_btn.active{color:#fff !important;background: #1e9eff;border: 0;}
.tab_btn.active:hover{color:#fff !important;background: #1e9eff;border: 0;}
.tab_btn.active ~ .tab_btn_cnt {color: #fff;}
.creator-tab > .tab_btn.active {/*background:#3a3b3e;*/border-radius:6px;padding:.6rem 2.5rem .6rem 1.5rem;}


/* report modals */
.modal.reportmodals {position: fixed;top: 0;left: 0;z-index: 1050;/* display: none; */width: 100%;height: 100%;overflow: hidden;outline: 0;background: unset;max-width: unset;padding: unset;border-radius: 0;
    box-shadow: 0 0 0 0;}
.modal.reportmodals .modal-content {padding: 40px;border-radius: 6px;background-color: #313235;box-shadow: 0px 13px 40px rgb(24 24 27 / 70%);    -webkit-box-shadow: 0px 13px 40px rgb(24 24 27 / 70%);color:#fff; }
.modal.reportmodals .modal-header {padding: 0;border-bottom: 0;line-height: 20px;padding-bottom: 20px;}
.modal.reportmodals .modal-title {display: inline-block;vertical-align: middle;color: #fff;font-size: 16px;font-weight: 500;}
.modal.reportmodals .modal-body {padding: 0;}
.modal.reportmodals .modal-body-content {margin-bottom: 5px;height: auto;-webkit-transition: height 0.4s ease-in;transition: height 0.4s ease-in;display: inline-block;width: 100%;position: relative;overflow-x: hidden;
    overflow-y: auto;}
.modal.reportmodals .modal-body-content .modal-bc1 {font-size: 14px; color: #fff;padding-bottom: 30px;line-height: 1.6;}
.modal.reportmodals .modal-body-content .modal-bc1 a {font-size: 14px; color: #1e9eff;text-decoration: underline;}
.modal.reportmodals .modal-body-content .modal-bc2 {font-size: 13px; font-weight: 200; color: #fff;line-height: 1.6;padding-bottom: 20px;}
.modal.reportmodals .modal-body-content .modal-bc3 {font-size: 0.9rem; color: rgba(255,255,255,.22); font-weight: 200;}
.modal.reportmodals .modal-footer {border-top: 0;padding: 0; justify-content: flex-start;padding-top: 30px;}
.modal.reportmodals .modal-footer .report-btn-yes {text-transform: uppercase;-webkit-transition: background .2s;transition: background .2s;padding: 6px 20px;width: 90px;height: 34px !important;background: #1e9eff;
    color: #fff;font-size: 13px;font-weight: 300;border-radius: 50px;}
.modal.reportmodals .modal-footer .report-btn-yes:hover {background: #007fe0;}
.modal.reportmodals .modal-footer .report-btn-no {text-transform: uppercase;-webkit-transition: background .2s;transition: background .2s;padding: 6px 20px;width: 90px;height: 34px !important;background: unset;
    color: #fff;font-size: 13px;font-weight: 300;border-radius: 50px;margin-left: 4px;}
.modal.reportmodals .modal-footer .report-btn-no:hover {background:#3e3f42;}

.category-select.reort-reason .radio {display: block;position: relative;margin-bottom: 2px;font-size: 13px;color: #242939;transition: .3s;}
.category-select.reort-reason {padding: 12px;margin-bottom: 20px;background-color: #f6f7fa;border-radius:4px;}
.category-select.reort-reason .radio {padding:7px 0px;border-radius:4px;padding-left: 40px;font-weight: 400;}
.category-select.reort-reason .radio:hover {color:#1e9eff;}
.category-select.reort-reason .checkround {top: 11px;left: 8px; opacity: 1 !important;}
.category-select.reort-reason .checkround:before {transform: scale(1) !important; left: 10px; top: 11px;}
.category-select.reort-reason .checkround:after {left: 17px; top: 15px;}

.jconfirm .jconfirm-content .modal-header {padding: 0;border-bottom: 0;line-height: 20px;padding-bottom: 20px;}
.jconfirm .jconfirm-content .modal-title {display: inline-block;vertical-align: middle;color: #fff;font-size: 16px;font-weight: 500;}
.jconfirm .jconfirm-content .modal-body {padding: 0;}
.jconfirm .jconfirm-content .modal-body-content {margin-bottom: 5px;height: auto;-webkit-transition: height 0.4s ease-in;transition: height 0.4s ease-in;display: inline-block;width: 100%;position: relative;overflow-x: hidden;
    overflow-y: auto;}
.jconfirm .jconfirm-content .modal-body-content .modal-bc1 {font-size: 14px !important; color: #fff;padding-bottom: 30px;line-height: 1.6;}
.jconfirm .jconfirm-content .modal-body-content .modal-bc1 a {font-size: 14px; color: #1e9eff;text-decoration: underline;}
.jconfirm .jconfirm-content .modal-body-content .modal-bc2 {font-size: 14px !important; font-weight: 300 !important; color: #1a1a1a;line-height: 1.6;padding-bottom: 20px;}
.jconfirm .jconfirm-content .modal-body-content .modal-bc3 {font-size: 0.9rem !important; color: #8c98a4 !important; font-weight: 300 !important;}
.jconfirm .jconfirm-content .modal-footer {border-top: 0;padding: 0; justify-content: flex-start;padding-top: 30px;padding-bottom: 5px;}
.jconfirm .jconfirm-content .modal-footer .report-btn-yes {text-transform: uppercase;-webkit-transition: background .2s;transition: background .2s;padding: 6px 20px;width: 90px;height: 34px !important;background: #1e9eff;
    color: #fff;font-size: 13px;font-weight: 300;border-radius: 50px;}
.jconfirm .jconfirm-content .modal-footer .report-btn-yes:hover {background: #007fe0;}
.jconfirm .jconfirm-content .modal-footer .report-btn-no {text-transform: uppercase;-webkit-transition: background .2s;transition: background .2s;padding: 6px 20px;width: 90px;height: 34px !important;
    background:#fff;color: #8c98a4; border: .0625rem solid #e7eaf3;font-size: 13px;font-weight: 300;border-radius: 50px;margin-left: 4px;}
.jconfirm .jconfirm-content .modal-footer .report-btn-no:hover {background:#fff; color: #1e9eff; box-shadow: 0 3px 6px -2px rgba(140, 152, 164, 0.25);}


.icon-heart-2.is-active { color: #ff4ba4;}
.like-hover{position: absolute; right: 10px; top: 7px;visibility: hidden;display: inline-block;cursor:pointer;text-align:center;
      opacity: 0; transition: .3s; will-change: color,transform,opacity;z-index: 100;}
/* .like-hover .like-icon{background:rgba(0,0,0,.5);border-radius:18px;line-height:18px;} */
.like-hover .like-icon{line-height:18px;}
.like-hover .like-icon span:before{font-family:"fontello"; content: '\e89f';color:rgba(255, 255, 255,.7);font-size:13px;font-weight:600;}
/* .like-hover .like-icon:hover{background:rgba(0,0,0,.6);} */
.like-hover .like-icon:hover span:before{color:#dc3545;}
/* .like-hover .like-icon.is-active{background:#dc3545;border-radius:18px;} */
.like-hover .like-icon.is-active span:before{font-family:"fontello"; content: '\e89e'; color:#ff424e;}

.paging-hover { position: absolute; right: 10px; bottom: 7px; visibility: hidden;display: inline-block;width: 20px;height: 18px;cursor:pointer;text-align:center;color:#fff; 
    opacity: 0; transition: .3s; will-change: color,transform,opacity;z-index: 100;}
.paging-hover span {color: #fff;font-size: 12px;letter-spacing: 0.1rem;}

.theme-light .modal-backdrop {background-color:#132144;}
.theme-light .modal-backdrop.show {opacity: .25;}



/* scroll section */
.vertical-carousel {display: block;position: relative;overflow: hidden;}
.vertical-carousel-box, .vertical-carousel-box .item {position: relative;height: 100%;width: 100%;margin: 0;}
.vertical-carousel-box .item {overflow: hidden;}
.vertical-carousel-indicators {z-index: 1000;position: absolute;top: 50%;left: 0;transform: translateY(-50%);text-align: center;padding: 0;margin: -40px 0 0 0;width: 100%;}
.vertical-carousel-indicators li {display: block;position: relative;z-index: 1001;list-style: none;cursor: pointer;width: 100%;/*height: 40px;*/padding: 12px 0;font-size: 15px;font-weight: 600;color: #999999;}
.vertical-carousel-indicators li:hover, .vertical-carousel-indicators li.active {color: #1e9eff;}
/*.vertical-carousel-indicators li:before {content: '';display: block;position: absolute;width: 4px;height: 4px;border-radius: 50%;right: 0px;top: 50%;transform: translateY(-50%);background: #000;opacity: 0;}*/
.arrow-right-icon {color: #1e9eff;position: absolute;right: 0;margin-left: 2px;margin-top: 10px;width: 20px;height: 1px;background-color: currentColor;top: 12px;opacity: 0;transition: .3s}
.arrow-right-icon:before {content: '';position: absolute;right: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
/*.vertical-carousel-indicators li:hover:before {width: 9px;height: 9px;border-radius: 50%;margin: -4px 0 0 -4px;}*/
.vertical-carousel-indicators li.active .arrow-right-icon {opacity: 1;}
.vertical-carousel-indicators li.active:before {width: 10px;height: 10px;border-radius: 50%;margin: -6px 0 0 -5px;background: #1e9eff;;opacity: 1;}
.vertical-carousel-box {-webkit-transition: transform 600ms;-moz-transition: transform 600ms;-ms-transition: transform 600ms;-o-transition: transform 600ms;transition: transform 600ms;}
#myVerticalCarousel {height: 100%;margin: 0;}
.item {text-align: left;}
#a {background: white;}
#b {background: #1e9eff;color: #fff;}
#c {background: white;}
#d {background: white;}
#e {background: white;}


/* interview */
.carousel {position: relative;}
.carousel-item img {object-fit: cover;}
#carousel-thumbs {background: rgba(255,255,255,.3);bottom: 0;left: 0;padding: 0 50px;right: 0;}
#carousel-thumbs img {border: 5px solid transparent;cursor: pointer;}
#carousel-thumbs img:hover {border-color: rgba(255,255,255,.3);}
#carousel-thumbs .selected img {border-color: #fff;}
.carousel-control-prev, .carousel-control-next {width: 50px;}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img { border-width: 3px; }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs { position: absolute; }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs { background: #ccccce; }
}


/* faq */
.accordion .card { background: none;border: none;}
.accordion .card .card-header {background: none;border: none;padding: .4rem 0;}
.accordion .card-header h2 span {float: left;margin-top: 10px;}
.accordion .card-header .btn {color: #2f2f31;font-size: 14px;text-align: left;position: relative;font-weight: 500;padding: 0.7rem 0.75rem;padding-left: 2rem;}
.accordion .card-header i {font-size: 1.2rem;font-weight: bold;position: absolute;left: 0;top: 9px;transform: rotate(45deg);transition: transform .3s;}
.accordion .card-header .btn:hover {color: #1e9eff;}
.accordion .card-body {color: #324353;padding: 0.5rem 3rem;}
.page-title {margin: 3rem 0 3rem 1rem;position: relative;}
.page-title::after {content: "";width: 80px;position: absolute;height: 3px;border-radius: 1px;background: #73bb2b;left: 0;bottom: -15px;}
.accordion .highlight .btn {color: #1e9eff;}
.accordion .highlight i {transform: rotate(0deg);}


/* creator register */
.c-register {width: 100%; padding-top: 25px;}
.step {position: relative;list-style: none;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 20px 0px 20px 0px;background: #fff;border-radius: 4px;}
.step .step-item {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex: 0 0 31%;flex: 0 0 31%;max-width: 100%;
    margin-right: 15px;margin-left: 15px;margin-bottom: 1.5rem;}
.step .step-item .step-content-wrapper {position: relative;display: -ms-flexbox;display: flex;width: 100%;}
.step-inline .step-item .step-content-wrapper {-ms-flex-align: center;align-items: center;}
.step .step-item .step-icon {display: -ms-inline-flexbox;display: inline-flex;-ms-flex-negative: 0;flex-shrink: 0;-ms-flex-pack: center;justify-content: center;-ms-flex-align: center;align-items: center;
    font-size: 14px;font-weight: 600;width: 2.625rem;height: 2.625rem;border-radius: 50%;margin-right: 16px;}
.step .step-item .step-content-wrapper:hover .step-icon {color: #1a1a1a;}
.step-icon-sm .step-item .step-icon, .step-icon-sm.step-icon {font-size: 14px;width: 2.6rem;height: 2.6rem;}
.step .step-item .step-content-wrapper.active .step-icon, .step .step-item .step-content-wrapper.active.is-valid .step-icon {color: #fff;background-color: #1a1a1a;}
/*.step .step-item .step-content {-ms-flex: 1;flex: 1;}*/
.step .step-item .step-content .step-title {display: block;color: rgba(26,26,26,.15);;font-weight: 800;font-size: 15px;}
.step-inline .step-item .step-content .step-title {display: inline-block;}
.step .step-item .step-content-wrapper.active .step-title, .step .step-item .step-content-wrapper.active.is-valid .step-title {color: #1a1a1a;}
.step .step-item .step-content-wrapper:hover .step-icon-soft-dark {color: #fff;}
.step .step-item .step-content-wrapper.active .step-icon-soft-dark {color: #fff;}
.step-icon-soft-dark {color: #fff; background-color: rgba(26,26,26,.08);}
.step-inline .step-item:last-child {flex: auto;}
.step-inline .step-item:last-child .step-title::after {display: none;}
.step-sm.step-inline .step-item .step-content-wrapper.active .step-title::after { border-top: 2px solid rgba(26,26,26,.8); }

@media (max-width: 1200px) {
    .step .step-item {-ms-flex: 0 0 28%;flex: 0 0 28%;}
}
@media (min-width: 576px) {
    .step-sm .step-item {
       /* -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex: 1;
        flex: 1;*/
        margin-bottom: 0;
    }
    .step-sm.step-inline .step-item {
        overflow: hidden;
    }
    .step-sm .step-icon {
        margin-bottom: 1rem;
    }
    .step-sm.step-inline .step-icon {
        margin-bottom: 0;
    }
    .step-sm.step-inline .step-title::after {
        position: absolute;
        top: 1.3125rem;
        width: 100%;
        height: 2px;
        border-top: 2px solid #e7eaf3;
        margin-left: 16px;
        content: "";
    }
    .step-sm.step-inline .step-icon-sm+.step-content .step-title::after, .step-sm.step-inline.step-icon-sm .step-content .step-title::after {
        top: 1.09375rem;
    }
}

/* cookie alert  */
.cookie-alert-wrap {position: fixed; bottom: 50px; width: 380px; left: 40px; background-color: #fff; color:#000; padding: 1.5rem; border-radius: 16px; z-index:9;
    box-shadow:     -webkit-box-shadow: 0 10px 40px 10px rgb(130 130 130 / 18%); box-shadow: 0 10px 40px 10px rgb(130 130 130 / 18%);}
.cookie-alert {display:flex;align-content: space-around;flex-direction: row;}
.cookie-alert-left {display: flex;}
.cookie-alert-right {display: flex;flex-direction: column;}
.cookie-alert-img {padding-right: 16px;}
.cookie-alert-txt {width: 100%; font-size: 14px; font-weight: 600;}
.cookie-alert-txt-span {font-size: 12px; font-weight: 300; display: block; padding-top: 5px;}
.cookie-alert-btn {width: 100%; padding-top: 8px;}
.cookie-alert-btn button{display: inline-block; height: auto;font-weight: 500;text-align: center;padding: 10px 16px;font-size: 12px;border-radius: .3125rem;transition: all .2s ease-in-out;}
.cookie-alert-btn .cookie-ok {background:#000; color:#fff;}
.cookie-alert-btn .cookie-ok:hover {background:#000;}
.cookie-alert-btn .cookie-no {color:#bbb; border: 1px solid #e1e1e1; margin-left: 4px;}
.cookie-alert-btn .cookie-no:hover {background:#e1e1e1;color:#000;}

@media (max-width: 991px) {
   .cookie-alert-wrap {width: 320px; bottom: 20px; left: 20px;} 
}

@media (max-width: 576px) {
    .cookie-alert {flex-direction: column;}
    .cookie-alert-txt {width: 100%;padding-bottom: 1.2rem;}
    .cookie-alert-btn {width: 100%;text-align: left;}
}


/* pagination */ 
.pagination{width:100%;}
.pagination li { counter-increment: pagination;margin-right:2px;}
.pagination li:hover a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20;}
.pagination li.active a { color: #fdfdfd; background-color: #1d1f20; border: solid 1px #1d1f20;}
.pagination li:first-child { float: left;}
.pagination li:nth-child(2) { counter-reset: pagination;}
.pagination li:last-child { float: right;}
.pagination li a { border: solid 1px #d7d7d7; border-radius: 0.2rem; color: #7d7d7d; text-decoration: none; display: inline-block; text-align: center; padding: 0.5rem 1rem;}


.pagination-wrap {position: relative;width: 100%;}
.pagination-wrap .pagination {padding-top: 40px;}
.pagination-wrap .pagination li {}
.pagination-wrap .pagination li.pagi-next {}
.pagination-wrap .pagination li.pagi-prev {}
.pagination-wrap .pagination li.active {}
.pagination-wrap .pagination li a {border: 0;background: none; font-weight: 400; font-size: 13px; transition: .2s;}
.pagination-wrap .pagination li.active a {background: rgba(0,0,0,.05); color: #000; font-weight: 700;}
.pagination-wrap .pagination li.active:hover {background: rgba(0,0,0,.05);}
.pagination-wrap .pagination li.active:hover a {color: #000;}
.pagination-wrap .pagination li:hover a {background: none; color: #000;}


.f_bottom_right .social{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: start;}
.f_bottom_right .social li{margin-left:4px;}
.f_bottom_right .social li:first-child{margin-left:0;}
.f_bottom_right .social li i{ width:34px;height:34px; border-radius: 100%;background-color: rgba(0,0,0,.05);color: #1a1a1a;display: inline-block;
  display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;transition: 0.4s;}
.f_bottom_right .social li i:hover{background-color: rgba(0,0,0,1);color: #fff;}
i.icon-naver:before{content:'N';font-weight:800;}
.f_bottom_right .social li i.icon-comment:hover{background-color: rgba(253, 230, 0, 1);color:#3c1616;}
.f_bottom_right .social li i.icon-facebook-3:hover{background-color: rgba(59, 87, 157, 1);color:#fff;}
.f_bottom_right .social li i.icon-twitter-1:hover{background-color: rgba(29, 161, 242, 1);color:#fff;}
.f_bottom_right .social li i.icon-naver:hover{background-color: rgba(0, 207, 56, 1);color:#fff;}
.f_bottom_right .social li i.icon-google:hover{background-color: rgba(219, 40, 20, 1);color:#fff;}
.f_bottom_right .social li i.icon-pinterest:hover{background-color: rgba(202, 32, 38, 1);color:#fff;}
.f_bottom_right .social li i.icon-youtube-play:hover{background-color: rgba(202, 32, 38, 1);color:#fff;}
.f_bottom_right .social li i.icon-instagram-2:hover{background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);color:#fff;}



/* custom select box -- all oage */
.nice-select { -webkit-tap-highlight-color: transparent; background-color: #f7f7f7 !important;border-radius: 4px;border: 1px solid rgba(0,0,0,.07);box-sizing: border-box;clear: both;
    cursor: pointer;display: inline-flex; align-items: center;font-family: inherit;font-size: 14px;font-weight: normal;height: 42px;line-height: 40px;outline: none;padding-left: 16px;
    padding-right: 30px;position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
    -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;white-space: nowrap;width: auto; min-width: 130px;}
.nice-select:hover {border-color: #dbdbdb; }
.nice-select:active, .nice-select.open, .nice-select:focus {border-color: #999; }
.nice-select:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;width: 6px; height: 6px;margin-top: -4px;pointer-events: none;
    position: absolute; right: 16px; top: 50%;
    -webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;    transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}
.nice-select.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);    transform: rotate(-135deg); }
.nice-select.open .list {opacity: 1;z-index: 9;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0); max-height: calc(100vh - 370px);overflow-y: auto;}
.nice-select span {font-weight: 600;font-size:14px;}
.nice-select.disabled {border-color: #f1f1f1;color: #e0e0e0;pointer-events: none; }
.nice-select.disabled:after {border-color: #cccccc; }
.nice-select.wide {width: 100%; }
.nice-select.wide .list {left: 0 !important;right: 0 !important; }
.nice-select.right {float: right; }
.nice-select.right .list {left: auto;right: 0; }
.nice-select.small {font-size: 12px;height: 36px;line-height: 34px; }
.nice-select.small:after {height: 4px;width: 4px; }
.nice-select.small .option {line-height: 34px;min-height: 34px; }
.nice-select .list {background-color: #fff;border-radius: 4px;box-shadow: 0 0 0 0;border: 1px solid #999;box-sizing: border-box;margin-top: 4px;opacity: 0;overflow: hidden;padding: 0;
    pointer-events: none;position: absolute;top: 100%;left: 0;min-width: 130px; z-index: 9; 
-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;    transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);    transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important; }
.nice-select .option {cursor: pointer;font-weight: 500;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 16px;padding-right: 16px;text-align: left;
    -webkit-transition: all 0.2s;transition: all 0.2s; margin-bottom: 0; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #f6f6f6; }
.nice-select .option.selected {color:#000; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }

@media (max-width: 576px) {
    .nice-select {min-width: 113px;}
    .nice-select .list {min-width: 113px;}
	.nice-select span {font-size:13px;}
}


.og-loading {width:100%;height:120px;border:1px solid #d7d7d7;border-radius:5px;background-color:rgb(245,245,245);text-align:center;line-height:120px;}
.og-loading img { height: 100%; }



/* 20230414 add */
.swiper-wrapper .entry-thumb {overflow:hidden;box-shadow: 0 2px 25px rgba(23,25,29,.02);transform: translateY(0);transition: transform .3s;border-radius: 6px;border: .0625rem solid #f0f0f0;}
.swiper-wrapper .entry-thumb:hover {	cursor:pointer; transform: translateY(-4px);}
.swiper-wrapper .entry-thumb:hover img {opacity:0.5;transform: translateY(0);}

.main-new-element .swiper-wrapper .entry-thumb:hover img, .main-new-picture .swiper-wrapper .entry-thumb:hover img {opacity:1;}
.bricks-wrapper.template_list .entry-thumb img, .bricks-wrapper.search_list .entry-thumb img {transition:none;}
#template_preview .swiper-wrapper .entry-thumb:hover {transform: translateY(0);}
#template_preview .thumb-hover-dark-bg {display:none;}
#template_preview .swiper-wrapper .entry-thumb:hover img {opacity:1;}
#template_preview .creator-template .swiper-wrapper .entry-thumb {border-radius:0 !important;}

.thumb-hover-dark-bg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,1);opacity:0;}
.entry-thumb:hover .thumb-hover-dark-bg {opacity:1;}

.thumb-div-hover2 .shape_category {opacity: 0;transition:opacity .3s;position: absolute;top: 8px; left: 10px;font-weight: 600;font-size: 12px;padding: 0;border-radius: 15px;height: auto;color: #fff;}
.entry-thumb.div_contents .thumb-div-hover2 .shape_category {font-size:10px; padding:1px 5px;height:20px;font-weight:400;}
.entry-thumb.div_contents .thumb-div-hover2 .bdg-tag-blank {font-size:10px; padding:1px 5px;height:20px;}
.entry-thumb.div_contents .thumb-div-hover2 .bdg-tag-blank span {font-size:10px;padding-left:0;font-weight:400;}
.thumb-div-hover2 .bdg-p-free {left:10px;padding:0;}

.swiper-slide .template_img {border:0 !important;}

/* tooltip */
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0;margin-left:.9rem;}
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0;margin-left:50%;transform:translateX(-50%);}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}

.toast_result_info.right{right: 24px !important;left: unset !important;}
.toast_result_info{display: none; border-radius: 10px; cursor: pointer; position: fixed; align-items: center; justify-content: center; width: 100%; max-width: 400px; height: auto; bottom: 40px; 
  right: 24px;padding: 20px 32px;background: #fff;z-index: 10;box-shadow: 0 10px 40px 10px rgb(0 0 0 / 15%);}
.toast_result_info span{margin: 0 5px; font-size: 14px; color: #fff;}
.toast_result_info.completed {background-color: #00c9a7;}
.toast_result_info.completed i{color: #fff;}
.toast_result_info.failed {background-color: #ed4c78;}
.toast_result_info.failed i{color: #fff;}
.toast_result_info p.result_msg{margin-top: 8px;font-weight: 700;padding-left: 3px;font-size: 16px; color: #fff;}