@charset "UTF-8";

:root {
    --tit-color: #054A8F;
    --em-color: #01BAEF;
}

/* ==== common style ============================================================ */
.mb-40{
    margin-bottom: 40px;
}
.ml-0{
    margin-left: 0 !important;
}
.button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    background: 0 0;
    transition: background .3s, color .3s;
}

.button.button-type01 {
    min-width: 160px;
}

.button.button-type02 {
    height: 40px;
    border-radius: 25px;
    border-width: 1px;
    font-weight: 400;
    line-height: 38px;
}

.button.button-type03 {
    height: auto;
    line-height: normal;
    padding: 0;
    border-radius: 0;
    border-width: 0;
    font-weight: 700;
}

.button.button-type03.color-type02 {
    color: #817dc5;
    background: 0 0;
}

.button.button-type03.color-type03 {
    color: #ea657b;
    background: 0 0;
}

.button.button-type03.color-type04 {
    color: #01baef;
    background: 0 0;
}

.button.button-type04 {
    height: 36px;
    line-height: 34px;
    border-width: 1px;
}

.button.color-type02 {
    border-color: #817dc5;
    color: #fff;
    background-color: #817dc5;
}

.button.color-type03 {
    border-color: #ea657b;
    color: #fff;
    background-color: #ea657b;
}

.button.color-type04 {
    border-color: #01baef;
    color: #fff;
    background-color: #01baef;
}

.button.color-type07 {
    border-color: #0188ef;
    color: #fff;
    background-color: #0188ef;
}

.button.color-type08 {
    color: #0188ef;
    border-color: #0188ef;
}

.button.color-type09 {
    color: #0188ef;
    border-color: #fff;
    background-color: #fff;
}

.button.color-type10 {
    color: #01baef;
    border-color: #01baef;
}
.button.color-type11 {
	border-color: #564FCF;
	color: #564FCF;
}
.button.color-type11:hover {
	border-color: #6C64F5;
    background-color: #6C64F5;
    color: #fff;
}

.button.add-arrow {
    padding: 0 35px 0 15px;
    text-align: left;
}

.add-arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 7px;
    border-style: solid;
    transform: translateY(-50%);
    border-color: transparent transparent transparent #000;
}

.color-type04.add-arrow:after {
    border-color: transparent transparent transparent #01baef;
}

.color-type02.add-arrow:after,
.color-type03.add-arrow:after,
.color-type04.add-arrow:after,
.color-type07.add-arrow:after {
    border-color: transparent transparent transparent #fff;
}

.button.button-type03.add-arrow {
    padding: 0 15px 0 0;
}

.button.button-type03.add-arrow:after {
    right: 0;
}

.button-type03.color-type02.add-arrow:after {
    border-color: transparent transparent transparent #817dc5;
}

.button-type03.color-type03.add-arrow:after {
    border-color: transparent transparent transparent #ea657b;
}

.button-type03.color-type04.add-arrow:after {
    border-color: transparent transparent transparent #01baef;
}

.color-type08.add-arrow:after,
.color-type09.add-arrow:after {
    border-color: transparent transparent transparent #0188ef;
}

.button-arrow-prev,
.button-arrow-prev2,
.button-arrow-next,
.button-arrow-next2{
	position: absolute;
	width: 36px;
	height: 36px;
	background: #707070;
	box-shadow: 0 3px 6px #000;
	border-radius: 50%;
}
.button-arrow-prev:after,
.button-arrow-prev2:after,
.button-arrow-next:after,
.button-arrow-next2:after{
	content: "";
    position: absolute;
	top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.button-arrow-prev:after,
.button-arrow-prev2:after{
	left: 15px;
    transform: translateY(-50%) rotate(-45deg);
}
.button-arrow-next:after,
.button-arrow-next2:after{
	right: 15px;
    transform: translateY(-50%) rotate(135deg);
}

.button-play {
    position: relative;
    width: 56px;
    height: 56px;
    background-color: #01baef;
    border-radius: 50%
}

.button-play:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 19px;
    border-style: solid;
    border-width: 14px 0 14px 24px;
    border-color: transparent transparent transparent #fff;
    transform: translateY(-50%);
}

.button-down {
    display: block;
    width: 56px;
    height: 56px;
    background: url(/images/video_library/ico_btn_down.png) 0 0 no-repeat;
    background-size: 56px;
}

.text.small {
    font-size: 14px;
}

.wkbh .text.medium {
    font-size: 18px;
    font-weight: 400;
}

.text-color01 {
    color: #222 !important;
}

.text-color02 {
    color: #01baef !important;
}

.text-color03 {
    color: #706bd5 !important;
}

.text-color04 {
    color: #003bc3 !important;
}

.text-color05 {
    color: #3b1db0 !important;
}

.text-color06 {
    color: #e93250 !important;
}

.text-color07 {
    color: grey !important;
}

.text-color08 {
    color: #fff !important;
}
.emBlue{
    /*color: var(--em-color);*/
    font-weight: 600;
}
.weight-regular {
    font-weight: 400 !important;
}

.weight-medium {
    font-weight: 500 !important;
}

.weight-semibold {
    font-weight: 600 !important;
}

.weight-bold {
    font-weight: 700 !important;
}

.style-normal {
    font-style: normal !important;
}

.style-italic {
    font-style: italic !important;
}

.style-underline {
    text-decoration: underline !important;
}

@media screen and (max-width:720px) {
    .text.medium {
        font-size: 16px;
    }
}

body.pop_open {
    overflow: hidden;
    height: 100%
}

.bg_pop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}
header .bg_pop2 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}
.popwrap {
    display: none;
    box-sizing: border-box;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
}
#float_contact .popup .actions .hs-button:focus,
#float_contact .popup .actions .hs-button:hover,
#contactBookDemo .popup .actions .hs-button:focus,
#contactBookDemo .popup .actions .hs-button:hover,
#contactFreeTrial .popup .actions .hs-button:focus,
#contactFreeTrial .popup .actions .hs-button:hover{
    background-color: #FFAA16;
}
.popwrap.top-type .popup {
    top: 0;
    transform: translate(-50%, 0);
}
header .popup{
    max-width: 655px;
}
.popup .iframeBox iframe{
    width: 100%;
    min-height: 315px;
}
.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 333;
    width: 100%;
    max-width: 978px;
    margin: 0 auto;
    padding: 30px 46px;
    border: solid 1px #ebebeb;
    border-radius: 10px;
    background: #fff;
    transform: translate(-50%, -50%);
    box-shadow: 5px 5px 6px rgba(152, 152, 152, .2);
}

#coreGetForm .pop_title,
#advGetForm .pop_title{
    display: block;
    margin-bottom: 60px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
#coreGetForm .pop_title,
#advGetForm .pop_title{
    color: #054A8F;
}
#coreGetForm .actions .hs-button,
#advGetForm .actions .hs-button{
    background: #FFA200;
}
.pricing-type .hbspt-form .hs-form-field{
    margin-bottom: 0px;
}
.pricing-type .hbspt-form .hs-form-field label{
    font-size: 16px;
}
.pricing-type .hbspt-form .hs-error-msgs label{
    color: #EA657B !important;
    font-size: 14px;
}
#coreGetForm .hs-submit,
#advGetForm .hs-submit{
    text-align: center;
}
.pop_close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 15px;
    height: 15px;
    border: none;
    background: url(/images/common/pop_close.png) no-repeat;
}

@media screen and (max-width:720px) {
    .popup {
        padding: 15px 23px;
    }

    .pop_title {
        font-size: 20px;
    }
}
/* common flex col-2 */
.sub .flx-col{
    display: flex;
    align-items: center;
    gap: 40px;
}
.sub .flx-col .box-img{
    width: 520px;
}
.sub .flx-col .box-img img{
    width: 100%;
}
.sub .flx-col .box-txt{
    width: 640px;
}

/*======== header area ==================================================*/
.noPc {
    display: none;
}
.br + .br{
    display: block;
    margin-top: 16px;
}
.bulkSms .br + .br{
    margin-top: 16px;
}
.mgt40{
    margin-top: 40px !important;
}
/*GNB*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 106px;
    z-index: 111;
}

header.scrolled {
    background-color: #fff !important;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 200ms linear;
}

header.scrolled .nav .btn-book-demo {
    color: #054A8F;
}

header.scrolled .nav .btn-free-trial {
    background: #054A8F;
}

.header-top {
    background: #f8f8f8;
}

.header-top .inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 36px;
}

.link-covid {
    color: #ea657b;
    font-weight: 600;
    font-size: 13px;
}

.header-console {
    display: flex;
}

.header-console .link-text {
    display: inline-block;
}

.btn-google-search {
    width: 20px;
    height: 20px;
    background: url('/images/common/ico_search.svg') 50% 50% no-repeat;
}

.link-call {
    color: var(--em-color);
    font-size: 14px;
    font-weight: 500;
}

.link-call a {
    color: var(--em-color);
}

.hour-wrap {
    display: inline-block;
    position: relative;
}

.hour-wrap .link-text {
    position: relative;
    padding-right: 15px;
    vertical-align: baseline;
}
.header-console .link-text:hover,
.header-console .link-text:hover,
.hour-wrap .link-text:hover{
    color: #0099ff;
}

.hour-wrap .link-text:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 4px;
    background: url('/images/common/hour_bullet.png') no-repeat;
}
.hour-wrap .link-text.on:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    width: 8px;
    height: 4px;
    background: url('/images/common/hour_bullet.png') no-repeat;
    transform: rotate(180deg);
}

.hour-board {
    display: none;
    position: absolute;
    top: 40px;
    right: -136px;
    width: 295px/*293px;*/;
    height: 65px;
    padding: 13px 20px;
    text-align: left;
    background: #fff;
    box-shadow: 0 10px 20px 0px rgb(0 0 0 / 20%);
    z-index: 10;
    border-radius: 5px;
}

.hour-board span {
    display: block;
    margin-top: 1px;
    font-size: 12px;
    color: #3c4147;
}

.hour-board:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 140px;
    width: 24px;
    height: 12px;
    background: url('/images/common/hover_img.png') no-repeat;
}

.link-text {
    padding-left: 10px;
    margin-left: 10px;
    color: #888;
    font-size: 14px;
    background: url('/images/common/icon_bar.svg') 0 50% no-repeat;
    font-weight: 400;
}

.link-call + .link-text {
    background: none;
}

.nav {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.nav .logo {
    display: inline-block;
    margin-right: auto;
}

.nav-list:after {
    content: "";
    display: block;
    clear: both;
}

.nav-item {
    display: block;
    float: left;
    position: relative;
}

/*.nav-item + .nav-item {
    padding-left: 46px;
}*/

.nav-anchor-dp1 {
    display: block;
    position: relative;
    padding: 23px;
    color: #3C4147;
    font-weight: 600;
}

.nav-anchor-dp1.active:after,
.nav-anchor-dp1.active:before {
    display: block;
}

.nav-item:nth-child(2) .nav-anchor-dp1:after,
.nav-item:nth-child(2) .nav-anchor-dp1:before {
    display: none;
}
.nav-anchor-dp1.active,
.nav-anchor-dp1:focus,
.nav-anchor-dp1:hover {
    color: rgba(60, 65, 71, .85);
}
.nav-sub {
    display: block;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 68px;
    left: -24px;
    /*min-width: 385px;*/
    height: 0;
    padding: 30px 50px;
    background: #fff;
    border-radius: 20px;
    transform: translateX(0%);
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}
.nav-anchor-dp1.active + .nav-sub {
    visibility: visible;
    overflow: visible;
    height: auto;
    opacity: 1;
}
.nav-sub > li {
    display: block;
}
.nav-anchor-dp1.active + .nav-sub {
    visibility: visible;
    overflow: visible;
    height: auto;
    opacity: 1;
}
.nav-anchor-dp2 {
    display: inline-block;
    position: relative;
    color: #3c4147;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.nav-toggle-group .nav-anchor-dp2 {
    padding-right: 15px;
}
.nav-toggle-group .tp-ico-arrow{
    display: none;
}
.tp-ico-arrow {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 11px;
    height: 10px;
    transform: translateY(-50%);
}

.tp-ico-arrow:before {
    left: 0;
    transform: rotate(45deg);
}

.tp-ico-arrow:after,
.tp-ico-arrow:before {
    content: "";
    position: absolute;
    top: 4px;
    width: 7px;
    height: 2px;
    background-color: #3c4147;
    border-radius: 5px;
    transition: transform .3s ease-in;
}

.tp-ico-arrow:after {
    right: 0;
    transform: rotate(-45deg);
}

.nav-anchor-dp1.active .tp-ico-arrow:before,
.nav-anchor-dp2.active .tp-ico-arrow:before,
.nav-toggle-btn.active.tp-ico-arrow:before,
.sub-title.nav-toggle-btn.active .tp-ico-arrow:before {
    transform: rotate(-45deg);
}
.nav-anchor-dp1.active .tp-ico-arrow:after,
.nav-anchor-dp2.active .tp-ico-arrow:after,
.nav-toggle-btn.active.tp-ico-arrow:after,
.sub-title.nav-toggle-btn.active .tp-ico-arrow:after {
    transform: rotate(45deg);
}
.nav-anchor-dp2 .tp-ico-arrow {
    right: 0;
}

.nav-item-type02 {
    position: static;
}

.nav-item-type02 .nav-sub {
    display: flex;
    justify-content: flex-start;
    top: 70px;
    left: 180px;
    max-width: 901px;
    width: 100%;
    padding: 30px 38px 30px 68px;
    transform: translateX(0);
    text-align: left;
}

.nav-item-type02 .nav-sub > li {
    width: 33.3333%;
}

.nav-item-type02 .sub-title {
    margin-bottom: 8px;
    font-weight: 600;
    color: #3C4147;
}
.nav-item-type02 > .nav-sub-type02 > li > ul > li + li {
    margin-top: 0px;
}

.nav-item-type02 .sub-title-dp2 {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    color: #0188ef;
    font-weight: 500;
}

.nav-item-type02 .dot .anchor-dp3 > li {
    position: relative;
    padding-left: 14px;
}
.nav-item-type02 .dot .anchor-dp3 > li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #3c4147;
}

.nav-anchor-dp3 {
    font-size: 14px;
    font-weight: 400;
    color: #3C4147;
}

.nav-anchor-dp3 + span,
.nav-anchor-dp3 + a {
    display: block;
    font-size: 10px;
}

.nav-sub .add-icon {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    padding: 2px 8px 2px 19px;
    border-radius: 10px;
    background-color: #01BAEF;
    color: #fff;
    font-size: 10px;
    vertical-align: 3px;
    font-weight: 400;
    vertical-align: 1px;
}

.nav-sub .add-icon:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 13px;
    background: url('/images/icon/ico_triangle.svg')8px 5px no-repeat;
}

.nav-sub [class*=diff-menu] {
    margin-top: 10px;
}

.nav-sub .diff-menu .nav-anchor-dp3 {
    position: relative;
    padding-left: 20px;
    font-size: 12px;
}

.nav-sub .diff-menu .nav-anchor-dp3:before,
.nav-sub .diff-menu .nav-anchor-dp3:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.nav-sub .diff-menu .nav-anchor-dp3:before {
    left: 0;
    width: 14px;
    height: 14px;
    background: var(--em-color);
    border-radius: 100%;
}

.nav-sub .diff-menu .nav-anchor-dp3:after {
    left: 4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #fff transparent transparent transparent;
}

.nav-sub .diff-menu-type02 .nav-anchor-dp3 {
    display: inline-block;
    position: relative;
    width: 134px;
    height: 36px;
    line-height: 36px;
    margin-top: 30px;
    margin-left: 0;
    padding: 0 20px;
    color: #fff;
    font-size: 12px;
    background: var(--em-color);
    border-radius: 5px;
}
.nav-sub .diff-menu-type02 .nav-anchor-dp3.add-icon:before{
    right: 19px;
    left: inherit;
    top: 10px;
}
.nav-sub-dp2 {
    padding-left: 14px;
}

.nav-sub > li.navForbes {
    padding-bottom: 10px;
}

.nav-sub > li.navForbes a {
    display: flex;
    align-items: center;
    position: relative;
}

.nav-sub > li.navForbes a img {
    width: 134px;
    height: auto;
}

.nav-sub > li.navForbes span {
    display: block;
    margin-left: 16px;
    padding-left: 16px;
    font-size: 14px;
    letter-spacing: -.02em;
    color: #3C4147;
    border-left: 1px solid #bfc6cd;
    font-weight: 400;
}

.nav-sub > li.navForbes span::after {
    width: 18px;
    height: 12px;
    position: absolute;
    bottom: 6px;
    margin-left: 10px;
    background: url('/images/common/ico_arrow.svg')no-repeat center;
    content: '';
}

.nav .btnWrap {
    margin-left: auto;
}

.nav .btnWrap a + a {
    margin-left: 20px;
}

.nav .btn-book-demo {
    font-weight: 600;
    color: #fff;
}

.nav .btn-free-trial {
    padding: 6px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-weight: 600;
}
.nav .btn-free-trial:hover{
    background: rgba(255, 255, 255, 0.45);
}
.nav-list li:nth-child(4) .nav-sub {
    width: 340px;
}

.nav-list li:nth-child(5) .nav-sub {
    width: 340px;
}

.nav-list li:nth-child(6) .nav-sub {
    width: 260px;
}

.nav-list li:nth-child(7) .nav-sub {
    width: 248px;
}

.nav-list li:nth-child(8) .nav-sub {
    width: 354px;
}

.mobile-button {
    display: none;
}
.mobile-logo{
    display: none;
}
.covid-menu,
.contact-form-menu {
    display: none;
}



/* contents layout */
/*#container {
	padding: 106px 0 0 0;
}*/
.inner {
    width: 1200px;
    margin: 0 auto;
}

.inner-13 {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

/* section */
.section{
    padding-bottom: 40px;
}
.section + .section {
    margin-top: 120px;
}
.section + .section.download-handout {
    margin-top: -40px;
}
.section + .section.mio{
    margin-top: 160px;
}

/* section-bg-type */
.section-bg01 {
    padding: 80px 0;
    background-color: #F2F8FF;
}

.section-bg02 {
    background-color: #f9f9f9;
}

/*======== main contents area ==================================================*/

.main-visual {
    position: relative;
    width: 100%;
    min-height: 600px;
    background: url(/images/main/bg_main_visual.webp) 50% 0 no-repeat;
    background-size: cover;
}

.main-visual:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 150px;
    background: url('/images/main/bg_main_dimmed.png') 0 0 repeat-x;
    z-index: 1;
}
.tp-doorway-top:after,
.tp-doorway-top.purple:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100px;
    background: url('/images/main/bg_main_dimmed.png') 0 0 repeat-x;
    z-index: 1;
}
.main-visual .inner {
    width: 1200px;
    position: relative;
    padding: 106px 0 0;
}

.visual-box {
    position: absolute;
    top: 103px;
    right: -150px;
    width: 776px;
    height: 535px;
}

.main-visual .text-box {
    padding-top: 82px;
    color: #043F7B;
}

.text-box h1 {
    width: 500px;
    display: inline-block;
    font-size: 39px;
    line-height: 1.2;
    font-weight: 700;
}

.text-box h2 {
    margin-top: 24px;
    font-size: 28px;
    line-height: 38px;
    font-weight: 500;
}

.main-visual .btn-box {
    display: flex;
    position: relative;
    margin-top: 32px;
    z-index: 2;
}

.main-visual .btn-box .button {
    min-width: 114px;
}

.main-visual .btn-box .button + .button {
    margin-left: 10px;
}

.main-visual .btn-box .btn-free-trial {
    /*width: 118px;*/
}

.main-visual .btn-box .btn-book-demo {
    width: 138px;
}

.main-visual .btn-box .btn-free-trial:hover {
    border-color: #00c6ff;
    background-color: #00c6ff;
}

.main-visual .forbes-link {
    display: inline-flex;
    align-items: center;
    margin-top: 32px;
}

.main-visual .forbes-link span {
    padding: 6px 0 6px 16px;
    margin-left: 16px;
    font-size: 14px;
    color: var(--tit-color);
    border-left: 1px solid #BAD8E4;
    text-align: left;
    letter-spacing: -.02em;
    background: url('/images/main/img_arrow_right.svg') 68px 36px no-repeat;
}

.visual-box .swiper-container {
    overflow: visible;
}

.visual-box .swiper-slide {
    position: relative;

}

.visual-box .swiper-slide img {
    width: 100%;
    height: auto;
}

.floating-text {
    display: inline-block;
    position: absolute;
    padding: 9px 16px 9px 36px;
    font-size: 14px;
    color: #fff;
    background: #55bcfe url(/images/main/ico_floating_text.webp) 16px 12px no-repeat;
    opacity: .6;
    border-radius: 6px;
    font-style: italic;
    transition: opacity .3s;
    box-shadow: 0px 6px 12px #00000029;
}

.floating-text:hover {
    opacity: 1;
}

.floating-text:after {
    content: "";
    position: absolute;
    bottom: -14px;
    width: 10px;
    height: 14px;
    transition: background .3s;
}

.order01 {
    top: 212px;
    left: 167px;
}

.order01:after {
    left: 18px;
}

.order02 {
    top: 93px;
    left: 212px; /*230 ->212*/
}

.order02:after {
    left: 18px;
}

.order03 {
    top: 132px;
    left: -136px; /*-90 -> -136*/
}

.order03:after {
    right: 18px;
}

.order04 {
    top: 222px;
    left: 187px; /*215 -> 187*/
}

.order04:after {
    left: 18px;
}

.order05 {
    top: 328px;
    left: 174px; /*203->174*/
}

.order05:after {
    left: 18px;
}

.right-tail:after {
    background: url(/images/main/tail_floating_text_right.webp) 0 0 no-repeat;
}

.right-tail:hover:after {
    background: url(/images/main/tail_floating_text_right_hover.webp) 0 0 no-repeat;
}

.left-tail:after {
    background: url(/images/main/tail_floating_text_left.webp) 0 0 no-repeat;
}

.left-tail:hover:after {
    background: url(/images/main/tail_floating_text_left_hover.webp) 0 0 no-repeat;
}

.main-roll .logoroll {
    margin-top: 0px;
    border-bottom: 0;
    background: #fff;
}

.main-roll .rollin ul li {
    padding: 0 13px;
}
.logoroll .simply-scroll .simply-scroll-list li img{
    width: 113px;
    height: 100%;
    -webkit-transform:translate3d(0,0,0);
}
/* logoroll */
.main-roll {
    margin-top: 60px;
    margin-bottom: 120px;
}

.logoroll {
    width: 100%;
    margin-bottom: 0;
}

.logoroll .roll_left {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 104px;
    background: url(/images/common/roll_left.png) no-repeat left center;
}

.logoroll .roll_right {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 104px;
    background: url(/images/common/roll_right.png) no-repeat right center;
}

.logoroll .inner {
    width: 100%;
    position: relative;
}

.rollin {
    overflow: hidden;
    width: 100%;
}

.rollin ul {
    display: table;
    overflow: hidden;
    position: relative;
    height: 62px;
}
/* logo-group */
.logo-group {
    text-align: center;
}

.logo-group img,
.logo-group object {
    width: 113px;
    height: 70px;
    margin: 0px 15px ;
}

.hover-card {
    max-width: 892px;
    display: flex;
    align-items: stretch;
    position: relative;
    margin: 136px auto 120px; /* 80 -> 136 -> 216 -> 136 */
}
.hover-card li {
    position: relative;
    width: 430px;
    border-radius: 12px;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}
.hover-card li + li {
    margin-left: 32px;
}
.hover-card li button {
    display: block;
    border-radius:12px 12px 0px 0px;
}
.hover-card li button img{
    width: 100%;
}
.hover-card p {
    padding: 18px 18px;
    font-size: 16px;
    text-align: center;
    color: #054A8F;
    background-color: #fff;
    border-radius: 0 0 12px 12px;
    font-weight: 500;
}
.hover-card + .btn-box {
    margin-top: 80px;
    text-align: center;
}
/* 240614 main 페이지 추가 */
.hover-card .hover-card-title{
    position: absolute;
    background-color: transparent;
    top: -56px;
    padding: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    width: 100%;
    text-align: center;
}

.intro.text{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.intro.text + .intro.text{
    margin-top: 16px;
}
.button.whybtn{
    padding: 0px 30px;
    font-size: 16px;
}
/*.get-measurable-results {
    height: 290px;
    background-color: #F2F8FF;
    padding: 50px 0;
}*/

.get-measurable-results .jumbotron {
    justify-content: flex-start;
}

.get-measurable-results .jumbotron-list {
    position: relative;
    margin-top: 0;
    padding: 0 69px;
}

.get-measurable-results .jumbotron .text-group {
    width: 484px;
}

.get-measurable-results .jumbotron .text-group .title {
    margin-bottom: 24px;
    color: #054A8F;
    line-height: 1.3;
}

.get-measurable-results .jumbotron-list .jumbotron-rate {
    margin-top: 44px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate ul {
    display: flex;
    justify-content: space-between;
    gap: 32px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li {
    width: 240px;
    height: 152px;
    padding: 24px 25px 24px 34px;
    border-radius: 16px 16px 2px 16px;
    color: #fff;
    font-weight: 400;
    line-height: 1.5;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(1) {
    background: linear-gradient(360deg, #0E7EE1, #1FBDEB);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(2) {
    background: linear-gradient(360deg, #1450DB, #1A92EE);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(3) {
    background: linear-gradient(360deg, #4130A1, #6660CC);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li:nth-child(4) {
    background: linear-gradient(360deg, #0F4788, #186ABC);
}

.get-measurable-results .jumbotron-list .jumbotron-rate li strong {
    display: block;
    font-size: 40px;
    font-weight: 600;
    line-height: 57px;
}

.get-measurable-results .jumbotron-list .jumbotron-rate li span {
    font-size: 40px;
}

.jumbotron-list .btn-console {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
}

.jumbotron-list .btn-console li + li {
    margin-left: 16px;
}
.section .inner-13.wk .wkbh .btn-console .button.color-type10{
    color: #2DD0FF;
    border-color: #2DD0FF;
}
.section .inner-13.wk .wkbh .btn-console .button.color-type10:hover{
    color: #fff;
    border-color: #0188ef;
}
.jumbotron-list img {
    transition: opacity .3s;
    opacity: 0;
}

.jumbotron-list img.ani {
    opacity: 1;
}

.jumbotron-list .web-img {
    margin-right: 70px;
}

.jumbotron-list .reverse .web-img {
    margin: 0 0 0 70px;
}

.get-measurable-results .jumbotron-list .web-img {
    position: absolute;
    right: 0;
    top: -110px;
    margin-right: 37px;
    width: 504px;
    z-index: -1;
}
.svc .text.medium{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.service-list {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}

.service-list li {
    width: 174px;
    margin-right: 31px;
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.service-list li:hover {
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 14%);
}

.service-list li:last-child {
    margin-right: 0;
}

.service-list li > a {
    display: block;
    position: relative;
    line-height: 18px;
    padding: 115px 0 33px;
    font-weight: 500;
    text-align: center;
    color: #75818D;
}

.service-list li > a:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
}

.service-list .item01 > a:before {
    background-image: url('/images/main/sv1.svg');
}

.service-list .item02 > a:before {
    background-image: url('/images/main/sv2.svg');
}

.service-list .item03 > a:before {
    background-image: url('/images/main/sv3.svg');
}

.service-list .item04 > a:before {
    background-image: url('/images/main/sv4.svg');
}

.service-list .item05 > a:before {
    background-image: url('/images/main/sv5.svg');
}

.service-list .item06 > a:before {
    background-image: url('/images/main/sv6.svg');
}

#wrap .news-group {
    position: relative;
    margin-top: 120px;
    text-align: center;
}

.news-group .news-list-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    padding: 44px 10px 0;
}

.news-group .news-list-item {
    width: 528px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 57px 47px 50px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0px 10px 20px #00000029;
    background-color: #fff;
}

.news-group .news-list-item + .news-list-item {
    margin-left: 30px;
}

.news-group .news-list-item p {
    position: relative;
    margin-bottom: 30px;
    padding-top: 102px;
    line-height: 24px;
    font-weight: 400;
}

.news-group .news-list-item p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 300px;
    max-height: 60px;
    height: 100%;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: auto;
    transform: translateX(-50%);
    background-size: contain;
}

.news-group .news-list-item.item01 p:before {
    background-image: url('/images/main/forbes_ico.png');
}

.news-group .news-list-item.item02 p:before {
    background-image: url('/images/main/FEMA_logo.png');
}

.news-group .news-list-item.item02 p span + span {
    display: block;
    margin-top: 10px;
}

.news-group .news-list-item strong {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.news-group .news-list-item strong.hide {
    display: block;
    width: 54px;
    height: 14px;
    margin: 6px auto 30px;
    text-align: center;
}

.news-group .news-list-item.item01 strong.hide {
    background: url('/images/main/Forbes_logo.png')no-repeat center;
    background-size: contain;
}

.news-group .news-list-item.item02 strong.hide {
    background: url('/images/main/cnn_logo.png')no-repeat center;
    background-size: contain;
}

.news-group .btn-console {
    width: 100%;
}
/*
.news-group .btn-console .button{
    padding: 0 20px;
}
*/
.news-group .swiper-console {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 66px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.logotree {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 90px;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    margin-top: 60px;
}

/**240607 g2 로고 추가**/
.g2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 40px;
    margin-top: 60px;
}

.customer-list-container {
    margin-top: 44px;
}

.customer-group {
    position: relative;
    text-align: center;
}

.customer-group .customer-tab {
    display: flex;
}

.customer-group .customer-tab li {
    width: 208px;
    height: 48px;
    padding: 0 35px;
    background-color: #F2F2F2;
    border-radius: 20px 20px 0 0;
    background-size: 136px 44px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: -1;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    -webkit-transform:translate3d(0,0,0);
}

.customer-group .customer-tab li + li {
    margin-left: -15px;
}

.customer-group .customer-tab li.on {
    display: block;
    background-color: #fff;
    z-index: 4 !important;
}

.customer-group .customer-tab li:nth-child(1) {
    background-image: url('/images/main/logo_customer_list01_off.png');
    z-index: 3;
    box-shadow: -3px -8px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(1) {
    background-image: url('/images/main/logo_customer_list01_on.png');
    z-index: 3;
}

.customer-group .customer-tab li:nth-child(2) {
    background-image: url('/images/main/logo_customer_list02_off.png');
    z-index: 2;
    box-shadow: 9px -7px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(2) {
    background-image: url('/images/main/logo_customer_list02_on.png');
    z-index: 2;
}

.customer-group .customer-tab li:nth-child(3) {
    background-image: url('/images/main/logo_customer_list03_off.png');
    z-index: 1;
    box-shadow: 9px -7px 11px 0px rgb(41 73 99 / 10%);
}

.customer-group .customer-tab li.on:nth-child(3) {
    background-image: url('/images/main/logo_customer_list03_on.png');
    z-index: 1;
}

.customer-group .customer-list-item {
    display: none;
    width: 100%;
    height: 312px;
    padding: 50px 121px 50px 50px;
    border-radius: 0 20px 20px 20px;
    text-align: center;
    box-shadow: -4px 7px 20px 0px rgb(41 73 99 / 18%);
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
    background-color: #fff;
}

.customer-group .customer-list-item.on {
    display: block;
}

.customer-group .customer-list-item .txtWrap {
    text-align: left;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 236px 76px;
}

.customer-group .customer-list-item.item01 .txtWrap {
    background-image: url(/images/main/logo_customer_list01.png);
}

.customer-group .customer-list-item.item02 .txtWrap {
    background-image: url(/images/main/logo_customer_list02.png);
}

.customer-group .customer-list-item.item03 .txtWrap {
    background-image: url(/images/main/logo_customer_list03.png);
}

.customer-group .customer-list-item .txtWrap p {
    max-width: 656px;
    line-height: 1.7;
    font-weight: 400;
}
.customer-group .customer-list-item .txtWrap p strong{
    font-weight: 600;
}
.customer-group .customer-list-item p {
    display: block;
    margin-bottom: 20px;
}
.customer-group .customer-list-item .txtWrap p strong{
    font-weight: 600;
}
.customer-group .btn-console {
    margin-top: 12px;
}

.customer-group .swiper-console {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 66px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.get-started-easily {}

.get-started-easily .jumbotron-list {
    margin-top: 0;
}

.get-started-easily .jumbotron {
    position: relative;
    justify-content: space-around;
}
.get-started-easily .jumbotron .text-group {
    max-width: 100%;
}

.get-started-easily .jumbotron .text-group .desc {
    margin-bottom: 44px;
    padding: 0 30px;
}

.get-started-easily .bg-img {
    position: absolute;
    top: 50%;
    left: -900px;
    transform: translateY(-50%);
    opacity: 1;
}

.get-started-easily .web-img {
    margin: 0 150px 0 90px;
}

/*.inner-13.wk {
    padding-top: 268px;
    background: url('/images/main/svg_features_list00.png')no-repeat;
    background-size: contain;
}*/
.inner-13.wk + .inner {
    margin-top: 160px;
}
.bgb{
    position: relative;
    padding-bottom: 80px;
}
.bgb::before{
    width: 100%;
    height: 404px;
    position: absolute;
    bottom: 0;
    background-color: #F2F8FF;
    content: '';
    z-index: -1
}
.section .inner-13.wk .wkbh {
    padding: 80px 130px;
    background: linear-gradient(360deg, #033C7E, #0756A4) !important;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 40%) !important;
}

.wkbh h2 {
    margin-bottom: 22px;
    line-height: 1.3;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}
.section-bg01.bg {
    position: relative;
    padding-bottom: 160px;
}
.section.mt4{
    margin-top: 44px;
}
.section-bg01.bg .jumbotron .text-group .title {
    line-height: 1.3;
}
.wkbh .jumbotron .text-group .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.wkbh .jumbotron .text-group .desc {
    font-size: 16px;
}

.wkbh .jumbotron-list {
    margin-top: 50px;
}

.wkbh .jumbotron + .jumbotron {
    margin-top: 56px;
}

.wkbh .jumbotron-list .reverse .web-img {
    margin: 0;
}
.wkbh .jumbotron-list .reverse .web-img.pcfix{
    width: 412px;
}
.mio h2 {
    margin-bottom: 22px;
}

.mio .btn-box {
    margin: 44px 0;
}
.mio .text.medium{
    padding: 0 30px;
    font-size: 18px;
    font-weight: 400;
}
.mio .btn-box a + a {
    margin-left: 10px;
}

.mio .integrationImgs ul {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.mio .integrationImgs .integration {
    padding: 30px;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #E0E0E0;
    border-radius: 20px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.mio .integrationImgs .integration + .integration {
    margin-left: 20px;
}

.mio .integrationImgs .top {
    width: 2310px;
    margin: 0 auto 0 -10%;
    transition: .3s ease;
}

.mio .integrationImgs .btm {
    width: 2137px;
    margin: 20px auto 0;
    transition: .3s ease;
}

.mio .integrationImgs .integration i {
    width: 200px;
    height: 60px;
    display: block;
    margin: 0 auto 2px;
}

.mio .integrationImgs .top li:nth-child(1) i {
    background: url('/images/main/option1.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(2) i {
    background: url('/images/main/option2.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(3) i {
    background: url('/images/main/option3.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(4) i {
    background: url('/images/main/option4.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(5) i {
    background: url('/images/main/option5.svg')no-repeat center;
}

.mio .integrationImgs .top li:nth-child(6) i {
    background: url('/images/main/option1.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(1) i {
    background: url('/images/main/option9.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(2) i {
    background: url('/images/main/option8.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(3) i {
    background: url('/images/main/option7.svg')no-repeat center;
}

.mio .integrationImgs .btm li:nth-child(4) i {
    background: url('/images/main/option6.svg')no-repeat center;
}
.mio .integrationImgs .integration dl{
    color: #3C4147;
}
.mio .integrationImgs .integration dt {
    font-weight: 600;
    margin-bottom: 5px;
}

.mio .integrationImgs .integration dd {
    font-size: 12px;
}

.download-handout {
    position: relative;
    padding: 80px 0;
    background: linear-gradient(360deg, #0390E2, #01BAEF);
}
.download-handout + .section.txtMrkt{
    margin-top: 80px;
}
.download-handout .hoImg {
    width: 480px;
    position: absolute;
    right: 50%;
    top: 94px; /* 35 -> 94*/
    margin-right: 250px;
}

.download-handout .section-title-type02 {
    margin-bottom: 40px;
    color: #fff;
    text-align: right;
    line-height: 1.3;
}

.handout-box {
    display: flex;
    justify-content: flex-end;
}

.handout-box .img-box {
    margin-right: 100px;
}

.handout-box .form-box {
    width: 750px;
}

.handout-box .form-box .hbspt-form {
    margin-bottom: 0;
}

.handout-box .form-box .hbspt-form label {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.handout-box .form-box .hbspt-form .input input{
    height: 54px;
}
.handout-box .form-columns-2 + .form-columns-2{
    margin-top: 12px;
}
.handout-box .hs-error-msgs label{
    color: #FFD07C!important;
    font-size: 14px!important;
    font-weight: 400!important;
}
.handout-box .hs-submit{
    text-align: right;
}
.handout-box .actions{
    margin-top: 32px;
}
.handout-box .actions .hs-button:hover{
    background-color: #ffaa16 ;
}
.contact_banner .actions .hs-button {
    background: #01BAEF;
}

.contact_banner .actions .hs-button:hover {
    background: #00C6FF;
}

.card-list {
    padding: 0px 30px;
    text-align: center;
}
.card-list p{
    font-size: 18px;
    font-weight: 400;
}
.card-list h2 {
    margin-bottom: 30px;
}

.card-list .btn-console {
    margin-top: 44px;
}

.card-list .btn-console a + a {
    margin-left: 5px;
}
.marketing-list {
    overflow: hidden;
    position: relative;
    margin: 44px -16px 0;
}

.marketing-list:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: transparent linear-gradient(180deg, #ffffff00 0, #fff 100%) 0 0 no-repeat;
}

.marketing-list > li {
    float: left;
    width: 16.6666%;
    padding: 0 16px;
    text-align: center;
}

.marketing-list li > a {
    display: block;
    position: relative;
    height: 150px;
    padding-top: 93px;
    color: var(--tit-color);
    font-size: 16px;
    line-height: 20px;
    background: #fff;
    border-radius: 5px;
    opacity: .9;
}

.marketing-list li > a:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 50%;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    transform: translateX(-50%);
}

.marketing-list .item01 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item02 > a:before {
    background-image: url(/images/main/ico2.png);
}

.marketing-list .item03 > a:before {
    background-image: url(/images/main/ico3.png);
}

.marketing-list .item04 > a:before {
    background-image: url(/images/main/ico4.png);
}

.marketing-list .item05 > a:before {
    background-image: url(/images/main/ico5.png);
}

.marketing-list .item06 > a:before {
    background-image: url(/images/main/ico6.png);
}

.marketing-list .item07 > a:before {
    background-image: url(/images/main/ico7.png);
}

.marketing-list .item08 > a:before {
    background-image: url(/images/main/ico8.png);
}

.marketing-list .item09 > a:before {
    background-image: url(/images/main/ico9.png);
}

.marketing-list .item10 > a:before {
    background-image: url(/images/main/ico10.png);
}

.marketing-list .item11 > a:before {
    background-image: url(/images/main/ico11.png);
}

.marketing-list .item12 > a:before {
    background-image: url(/images/main/ico12.png);
}

.marketing-list .item13 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item14 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item15 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item16 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item17 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list .item18 > a:before {
    background-image: url(/images/main/ico1.png);
}

.marketing-list + .tp-btn-console {
    margin-top: 20px;
}

.see-all-use-cases {
    position: relative;
    /*margin-top: 20px;*/
    text-align: center;
}

.see-all-use-cases > a {
    display: inline-block;
    position: relative;
    height: 58px;
    padding-top: 44px;
    color: var(--em-color);
    font-weight: 500;
}

.see-all-use-cases > a i {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto 14px;
    background: url('/images/main/ico_more.svg');
}

.see-all-use-cases span {
    display: block;
    width: 15px;
    height: 15px;
    margin: -3px 0;
    border-right: 5px solid var(--em-color);
    border-bottom: 5px solid var(--em-color);
    transform: rotate(45deg);
}

/*======== main contents area end ==================================================*/


/*======== sub pages ==================================================*/
.sub{
    margin-top: 120px;
}
.sub.more{
    margin-top: 0;
}
.sub .txt_link{
    color: #0188EF;
}
.sub .midw{
    font-weight: 500;
}
.sub .bold{
    font-weight: 600;
}
.sub .subTxt{
    text-align: center;
    padding: 0px 30px 0;
    line-height: 1.7;
}
.sub .subScript,
.sub .page_Decsub{
    text-align: center;
    margin-top: 15px;
    padding: 0px 30px 0;
    /*line-height: 1.7;*/
}
.tp-door-logo{
    border-bottom: 0 !important;
}
.tp-door-logo .content_box{
    height: 70px;
}
.tp-door-logo .content_box img{
    height: 70px;
}
.tp-door-logo object{
    width: 113px;
    height: 70px;
    display: inline-block;
    margin: 0 15px;
}
.tp-door-logo object body{
    overflow: hidden;
}
.tp-doorway-top {
    width: 100%;
    position: relative;
    margin-top: 36px;
    background: url('/images/common/subTop.svg')center no-repeat;
    background-size: cover;
    background-position: center 0;
}

.tp-doorway-top.purple{
    background: url('/images/common/subTop_purple.webp')center no-repeat;
    background-position: center 1px;
    background-size: cover;
}

/*.tp-doorway-top::after {
    content: "";
    position: absolute;
    bottom: -146px;
    left: 0;
    width: 100%;
    height: 267px;
    background: url(/images/main/bg_main_dimmed.svg) 0 0 repeat-x;
    z-index: 1;
}*/
.tp-doorway-top .content_box {
    display: flex;
    /*min-height: 332px;*/
    padding-top: 142px;
    padding-left: 100px;
    position: relative;
}
.tp-doorway-top .content_box .txtBox{
    padding-bottom: 90px;
    z-index: 2;
    max-width: 600px;
}
/*비디오 없고 텍스트가 길 경우*/
.tp-doorway-top .content_box .txtBox.type02{
    max-width: 800px;
}
.tp-doorway-top .content_box .txtBox .location {
    margin-bottom: 10px;
}

.tp-doorway-top .content_box .txtBox .location ul {
    display: flex;
}

.tp-doorway-top .content_box .txtBox .location li {
    font-size: 14px;
    font-weight: 500;
    color: #3C4147;
}
.tp-doorway-top .txtBox h1{
    line-height: 1.2;
}
.tp-doorway-top .content_box .txtBox h2{
    color: #3C4147;
    line-height: 1.4;
}
.tp-doorway-top .content_box .txtBox .location li:nth-child(1),
.tp-doorway-top .content_box .txtBox .location li:nth-child(2){
    padding-right: 28px;
    background: url('/images/common/location_arr.svg')no-repeat 88% center;
}
.tp-doorway-top .content_box .txtBox .location li:last-child{
    background: none;
    padding-right: 0;
}

.tp-doorway-top .txtBox .btn-box a + a{
    margin-left: 10px;
}
/*유튜브팝업*/
.tp-doorway-top .content_box .iframePop {
    position: absolute;
    top: 142px;
    right: 100px;
    /*margin-left: auto;
    margin-right: 100px;
    padding-top: 16px;*/
}
.tp-doorway-top .iframePop a img{
    width: 342px;
    height: 192px;
    border-radius: 12px;
    box-shadow: 0px -1px 30px 0 rgb(41 73 99 / 40%);
}
.iframeBox-web {
    display: none;
}
.sub .tp-door-title-sub{
    font-size: 16px;
}
.sub .tp-door-title-sub + .accordion_text{
    margin-top: 40px;
}
.sub .tp-door-cont .tp-side-txt.topCopy {
    margin-top: 0;
    text-align: center;
}

.sub .content_box .tp-side-txt {
    margin-top: 40px;
    text-align: left;
}
.sub .survey.tp-door-cont {
    padding-bottom: 375px !important;
}
.sub .smsMk.tp-door-cont .tp-door-side{
    justify-content: space-between;
}
.sub .smsMk.tp-door-cont .tp-door-side + .tp-door-side,
.sub .survey.tp-door-cont .tp-door-side + .tp-door-side{
    margin-top: 60px;
}
.sub .survey.tp-door-cont .tp-door-side {
    column-gap: 8%;
    padding-left: 85px;
}
.sub .survey.tp-door-cont .tp-door-side.top{
    /*align-items: flex-start;*/
}
.sub .bulkSms .tp-door-title.tp-type03,
.sub .smsMk .tp-door-title.tp-type03 {
    padding-top: 60px;
}
.sub .smsMk .tp-door-list-type01>li{
    margin-top: 40px;
}
.sub .smsMk .tp-door-list-type01>li .item{
    width: 45%;
    padding-top: 0;
}
.sub .smsMk .tp-door-list-type01>li .item h3.tp-door-title.tp-type03{
    padding-top: 0;
}
.sub .smsMk .tp-door-list-type01>li .item h3 span{
    display: block;
    color: #536170;
    margin-bottom: 16px;
}
.sub .smsMk .tp-door-list-type01>li .item .tp-door-desc{
    margin: 16px 0 0 0;
}
.sub .sub-roll-stoty{
    margin-top: 40px;

}
.sub .sub-roll-stoty .swiper-container{
    padding: 10px 0px 50px;

}

.sub .sub-roll-stoty .swiper-pagination{
    bottom: 3px;
}
.sub .sub-roll-stoty .swiper-pagination .swiper-pagination-bullet-active{
    width: 56px;
    border-radius: 4px;
}
.sub .sub-roll-stoty .boxWrap{
    width: 1160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
    padding: 30px 36px;
    height: auto;
    border-radius: 20px;
    box-shadow: 0px 10px 20px 0 rgb(0 0 0 / 16%);

}
.sub .sub-roll-stoty .boxWrap .box-img{
    width: 480px;
    height: 380px;
}
.sub .sub-roll-stoty .boxWrap .box-img img{
    width: 100%;
}
.sub .sub-roll-stoty .boxWrap .box-txt{
    flex: 1;
    padding-top: 52px;
    background: url('/images/doorway/ico-dot.png')no-repeat 0 0;
}
.sub .sub-roll-stoty .boxWrap .box-txt .box-logo{
    margin-top: 26px;
}
.sub .sub-roll-stoty .boxWrap .box-txt .box-logo span{
    font-style: italic;
    font-size: 14px;
}
.sub .sub-roll-stoty .boxWrap .box-txt .box-logo span i{
    font-weight: 600;
    font-style: italic;
}
.sub .sub-roll-stoty .boxWrap .box-txt .box-logo .logoWrap{
    width: 120px;
    height: 40px;
    display: inline-block;
    margin-left: 10px;
    padding: 0 25px;
    border: 1px solid #E0E0E0;
    border-radius: 28px;
    line-height: 37px;
}
.sub .sub-roll-stoty .boxWrap .box-txt .box-logo .logoWrap img{
    width: 100%;
}


.sub .survey .tp-door-title.tp-type03 {
    padding-top: 0px;
}
.sub .smsMk .tp-side-txt{
    width: 640px;
    margin-top: 0;
}
.sub .smsMk.tp-door-cont .tp-side-img.double{
    width: 294px;
}
.sub .smsMk.tp-door-cont .tp-side-img .wtd{
    width: 469px;
}
.sub .smsMk.tp-door-cont .tp-side-img.double img{
    width: 100%;
}
.sub .smsMk .tp-side-img.imgSms{
    margin-left: 124px;
}
.sub .survey .tp-side-img.imgSms img{
    width: 350px;
}
.tp-door-cont.tp-bg-type02.survey .tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 0;
}
.tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 38px;
}

.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    margin-left: 38px;
}
.sub .tp-door-cont .box_card{
    margin-top: 40px;
}
.sub .tp-door-cont .box_card ul{
    display: flex;
    gap: 80px;
}
.sub .tp-door-cont .box_card li{
    width: 560px;
    padding: 60px 40px;
    border-radius: 16px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub .tp-door-cont .box_card li .tp-door-title{
    padding: 0;
}
.sub .tp-door-cont .box_card li img{
    width: 100%;
    margin-bottom: 40px;
}
.sub .tp-door-cont .box_card li .txt{
    text-align: center;
}
.sub .smsMk .tp-door-card>ul{
    width: auto;
    float: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 40px 30px;
}
.sub .smsMk .tp-door-card>ul li{
    width: 48.333%;
    max-height: 100%;
    margin-top: 0;
    box-sizing: border-box;
}
.sub .smsMk .tp-door-card>ul li .text-group{
    height: 250px;
    box-sizing: border-box;
}
.sub .smsMk .tp-door-card>ul li .text-group .tp-door-title.tp-type03{
    padding: 0;
}
.sub .smsMk .tp-door-card>ul li .text-group .tp-door-desc{
    margin-top: 16px;
}
.sub .bulkSms .flx-col + .flx-col,
.sub .smsMk .flx-col + .flx-col{
    margin-top: 60px;
}
.sub .smsMk .flx-col .box-img.wtd{
    padding: 0 112px;
}
.sub .smsMk .align-C .tp-door-title.tp-type03{
    color: var(--tit-color);
    font-weight: 600;
}
.sub .tp-door-title.tp-type03 {
    color: var(--tit-color);
}
.sub .tp-door-title+.subScript+.tp-door-title.tp-type03{
    font-weight: 600;
    margin-top: 40px;
}
.sub .smsMk .tp-door-title.tp-type03.ico1 {
    background: url('/images/icon/icoSub01.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .smsMk .tp-door-title.tp-type03.ico2 {
    background: url('/images/icon/icoSub02.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .smsMk .tp-door-title.tp-type03.ico3 {
    background: url('/images/icon/icoSub03.svg')no-repeat 0 0px;
    background-size: 44px;
}

.sub .smsMk .tp-door-title.tp-type03.ico4 {
    background: url('/images/icon/icoSub82.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .smsMk .tp-door-title.tp-type03.ico5 {
    background: url('/images/icon/icoSub174.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .smsMk .tp-door-title.tp-type03.ico6 {
    background: url('/images/icon/icoSub104.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .smsMk .tp-door-title.tp-type03.ico7 {
    background: url('/images/icon/icoSub04.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .smsMk .tp-door-title.tp-type03.ico8 {
    background: url('/images/icon/icoSub172.svg')no-repeat 0 0px;
    background-size: 44px;
}

/* bulk sms */
.sub .bulkSms .flx-col:nth-of-type(1){
    margin-top: 40px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico1{
    background: url('/images/icon/icoSub07.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico2{
    background: url('/images/icon/icoSub24.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico3{
    background: url('/images/icon/icoSub03.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico4{
    background: url('/images/icon/icoSub82.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico5{
    background: url('/images/icon/icoSub95.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico6{
    background: url('/images/icon/icoSub171.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico7{
    background: url('/images/icon/icoSub175.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03.ico8{
    background: url('/images/icon/icoSub82.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .bulkSms .tp-door-title.tp-type03{
    font-weight: 600;
}
.sub .bulkSms .img-area{
    width: 632px;
    margin: 40px auto;
}
.sub .bulkSms .img-area img{
    width: 100%;
}
.sub .bulkSms .txt-area{
    display: flex;
    gap: 80px;
}
.sub .bulkSms .txt-area .col{
    flex: 1;
}
.sub .bulkSms .txt-area h3{
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    color: #054A8F;
}
.sub .bulkSms .txt-area p{
    font-weight: 500;
}
.sub .bulkSms .tp-door-list-bullet{
    margin-top: 0;
}
.sub .bulkSms .tp-door-list-bullet li{
    margin-top: 16px;
    font-size: 16px;
}
.sub .bulkSms-visual-wrap{
    margin-top: 88px;
}
.sub .bulkSms-visual-wrap .img-area{
    text-align: center;
}
.sub .bulkSms-visual-wrap .txt-area ul{
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-top: 19px;
}
.sub .bulkSms .tp-door-title+.tp-door-desc{
    margin-top: 16px;
}
.sub .bulkSms-visual-wrap .txt-area ul li{
    flex: 1;
    padding: 0 9px;
    text-align: center;
}
.sub .messtxt .bulkSms-visual-wrap .txt-area ul li{
    padding: 0 18px;
}
.sub .bulkSms-visual-wrap .txt-area ul li .mo{
    display: none;
}
.sub .bulkSms-visual-wrap .txt-area ul li .tit{
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 600;
    color: #054A8F;
    line-height: 1.3;
}

.sub .txtadv.smsMk.tp-door-cont{
    padding-bottom: 80px !important;
}
.sub .txtadv.smsMk.tp-door-cont .tp-door-side{
    margin: 60px 0;
}
.sub .txtadv .tp-door-title.tp-type03.ico1 {
    background: url('/images/icon/icoSub171.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv .tp-door-title.tp-type03.ico2 {
    background: url('/images/icon/icoSub108.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv .tp-door-title.tp-type03.ico3 {
    background: url('/images/icon/icoSub24.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv .tp-door-title.tp-type03.ico4 {
    background: url('/images/icon/icoSub82.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv .tp-door-title.tp-type03.ico5 {
    background: url('/images/icon/icoSub86.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv .tp-door-title.tp-type03.ico6 {
    background: url('/images/icon/icoSub172.svg')no-repeat 0 0px;
    background-size: 44px;
}
.sub .txtadv.smsMk.tp-door-cont .subTitle{
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .smsMk + .howto .content_box{
    position: sticky;
    margin-top: -305px;
}
.sub .howto .howTobg{
    width: 100%;
    height: 403px;
    position: absolute;
    top: -80px;
    left: 0;
    background-color: #F2F8FF;
}
.sub .howto{
    position: relative;
    margin-top: 80px;
}
.sub .howto .content_box {
    max-width: 1180px;
    padding: 44px 22px 22px;
    box-shadow: 0 15px 30px 0 rgb(41 73 99 / 20%) !important;
    border-radius: 10px;
    background-color: #fff;
}
.sub .howto.surveys .content_box{
    position: sticky;
    margin-top: -444px;
}
.sub .howto .content_box .tp-door-title.tp-type02{
    margin-bottom: 22px;
}
.sub .howto .content_box .tab {
    display: block;
}

.sub .howto .content_box .tab .tabTit {
    margin-top: 33px;
}
.sub .howto .tp-door-title-sub{
    padding: 0 63px;
}
.sub .howto .content_box .tab .tabTit ul {
    max-width: 888px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.sub .howto .content_box .tab .tabTit.even ul {
    max-width: 1024px;
}
.sub .howto .content_box .tab .tabTit ul li {
    position: relative;
    flex: 1;
    cursor: pointer;

}
.sub .howto .content_box .tab .tabTit ul li i {
    width: 38px;
    height: 38px;
    display: block;
    position: relative;
    margin: 0 auto 10px;
    background-color: #fff;
    border: 2px solid #BAC0C6;
    border-radius: 50%;
    color: #BAC0C6;
    font-weight: 600;
    z-index: 1;
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit ul li:nth-child(3)::after{
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translate(-100%, 50%);
    background-color: #BAC0C6;
    content: '';
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(3)::after,
.sub .howto .content_box .tab .tabTit.even ul li:nth-child(4)::after{
    display: inline-block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translate(-100%, 50%);
    background-color: #BAC0C6;
    content: '';
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabTit ul li.on:nth-child(2)::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(3)::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(4)::after{
    background-color: #04C9D2;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.sub .howto .content_box .tab .tabTit ul li i::after {
    position: absolute;
}
.sub .howto .content_box .tab .tabTit ul li.on i::after {
    width: 18px;
    height: 14px;
    background: url('/images/common/icoCheck_white.svg');
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(1) i::after {
    content: '1';
    left: 41%;
    top: 4px;
}

.sub .howto .content_box .tab .tabTit ul li:nth-child(2) i::after {
    content: '2';
    left: 36%;
    top: 5px;
}

.sub .howto .content_box .tab .tabTit ul li:nth-child(3) i::after {
    content: '3';
    left: 36%;
    top: 5px;
}
.sub .howto .content_box .tab .tabTit ul li:nth-child(4) i::after {
    content: '4';
    left: 36%;
    top: 5px;
}
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(1) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(2) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(3) i::after,
.sub .howto .content_box .tab .tabTit ul li.on:nth-child(4) i::after{
    content: '';
    left: 25%;
    top: 10px;
}
.sub .howto .content_box .tab .tabTit ul li div {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    opacity: .4;
}

.sub .howto .content_box .tab .tabTit ul li p {
    text-align: center;
    color: #04C9D2;
    display: none;
    font-weight: 400;
}

.sub .howto .content_box .tab .tabTit ul li.on i {
    background-color: #04C9D2;
    border: 2px solid #04C9D2;
    color: #fff;
}

.sub .howto .content_box .tab .tabTit ul li.on div {
    color: #054A8F;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 1;
}

.sub .howto .content_box .tab .tabTit ul li.on p.active {
    display: block;
}

.sub .howto .content_box .tab .tabCont {
    /*min-height: 455px;*/
    height: auto;
    margin-top: 13px;
    padding: 40px 74px;
    background-color: #054A8F;
    color: #fff;
    border-radius: 10px;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabCont .contBox.on {
    display: block;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sub .howto .content_box .tab .tabCont .contBox {
    display: none;
}
.sub .howto .content_box .tab .tabCont li h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 22px;
    padding-left: 35px;
    background: url(/images/icon/check_round.svg)no-repeat 0;
    font-weight: 600;
}

.sub .howto .content_box .tab .tabCont li a {
    color: #fff;
    text-decoration: underline;
}

.sub .howto .content_box .tab .tabCont li .tp-door-list-bullet li {
    margin-top: 10px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 14px;
}

.sub .howto .content_box .tab .tabCont li .tp-door-list-bullet li:before {
    width: 3px;
    height: 3px;
    background-color: #fff;
}

.sub .howto .videoWrap {
    width: 600px;
    height: auto;
    margin: 80px auto 0;
}

.sub .howto .videoWrap a img {
    width: 100%;
    height: 100%;
}


.sub .overview{
    margin-top: 30px;
}
.sub .overview .tp-door-title.tp-type03 {}
.sub .overview .tp-door-title-sub{
    padding: 0 30px;
}
.sub .overview .tp-door-list-type02 {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding: 0 30px;
}

.sub .overview .tp-door-list-type02 li {
    width: 555px;
    height: 430px;
    float: none !important;
    padding: 30px 37px;
    border-radius: 16px;
    box-shadow: 0px 10px 20px 0 rgb(0 0 0 / 16%) !important;
}

.sub .overview .tp-door-list-type02 li + li {
    margin-left: 30px;
}

.sub .overview .tp-door-list-type02 li h3 {
    padding-top: 72px;
    font-weight: 600;
    color: #054A8F;
    line-height: 1.3;
}
.sub .overview .tp-door-list-type02 li:nth-child(1) h3 {
    background: url('/images/icon/icoSub06.svg')no-repeat;
    background-size: 56px;
}

.sub .overview .tp-door-list-type02 li:nth-child(2) h3 {
    background: url('/images/icon/icoSub07.svg')no-repeat;
    background-size: 56px;
}
.sub .overview .tp-btn-box{
    margin-bottom: 0;
}
.sub .messtxt.tp-door-cont {
    padding: 88px 0 70px 0;
}
.sub .messtxt .content_box .tp-side-txt{
    margin-top: 0;
}
.sub .messtxt .content_box .doWrap.tp-side-txt {
    margin: 66px 0 0 0;
    padding: 0 90px;
}
.sub .messtxt .content_box [class*=tp-side-img]:nth-child(2n-1){
    margin: 0;
}
.sub .messtxt .content_box .tp-side-txt.doWrap img {
    width: 80%;
}
.sub .messtxt .content_box .doWrap.tp-side-txt .tp-side-txt{
    margin-top: 0;
}
.sub .messtxt .content_box .page_Decsub{
    margin-top: 60px;
}
.sub .content_box .tp-side-txt.doWrap {
    display: flex;
    margin-top: -20px;
    padding: 0 62px;
}

.sub .content_box .tp-side-txt.doWrap img{
    width: 76%;
}
.sub .content_box .doWrap.survey.tp-side-txt [class*=tp-side-img]:nth-child(2n-1){
    margin-left: 0;
}
.sub .content_box .doWrap.survey.tp-side-txt img{
    width: 100%;
}
.sub .landline .content_box .tp-side-txt.doWrap{
    margin-top: 20px;
}
.sub .content_box .tp-side-txt.doWrap.redminder {
    margin: 40px 0 0 46px;
    padding: 0 106px 0 0;
}
.sub .content_box .tp-side-txt.doWrap.redminder .tp-side-img img{
    width: 100%;
}
.sub .content_box .tp-side-txt.doWrap.redminder .tp-side-txt{
    margin-left: 109px;
}
.sub .doWrap.survey.tp-side-txt,
.sub .doWrap.tp-side-txt {
    margin: 58px 0 0 0px;
    /*margin: 58px 0 0 75px;*/
}

.sub .doWrap .tp-side-txt.odd{
    margin: 40px 0 0 75px;
}
.sub .doWrap.survey.tp-side-txt .tp-side-txt.odd{
    margin: 14px 75px 0 112px;
}
.sub .doWrap .tp-side-txt li {
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.sub .doWrap .tp-side-txt li + li {
    margin-top: 20px;
}
.sub .doWrap .tp-side-txt li:nth-child(1) {
    background-image: url('/images/icon/icoSub08.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(2) {
    background-image: url('/images/icon/icoSub09.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(3) {
    background-image: url('/images/icon/icoSub10.svg');
}
.sub .doWrap .tp-side-txt.odd li:nth-child(3) {
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(4) {
    background-image: url('/images/icon/icoSub11.svg');
}
.sub .doWrap .tp-side-txt li:nth-child(5) {
    background-image: url('/images/icon/icoSub10.svg');
}
.sub .doWrap .tp-side-txt li h3 {
    margin-bottom: 7px;
    font-size: 22px;
    color: var(--tit-color);
}

.sub .messtxt p.txt {
    margin-top: 50px;
    text-align: center;
}
.sub .messtxt .bulkSms-visual-wrap p.txt{
    margin-top: 0;
}
.sub .getWrap {
    display: flex;
    margin-top: 40px;
}

.sub .getWrap .box {
    flex: 1;
}

.sub .getWrap .box + .box {
    margin-left: 110px;
}

.sub .getWrap .box h3 {
    padding: 76px 0 0 0;
    font-weight: 600;
    font-size: 28px;
}

.sub .getWrap .box:nth-child(1) h3 {
    background: url('/images/icon/icoSub12.svg')no-repeat;
}
.sub .getWrap .box:nth-child(2) h3 {
    background: url('/images/icon/icoSub13.svg')no-repeat;
}
.sub .getWrap .box li {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #C8C8C8;
    cursor: pointer;
    transition: all .3s;
}

.sub .getWrap .box li:last-child {
    padding-bottom: 0;
    border: 0;
}

.sub .getWrap .box li h4 {
    padding: 0 0 0 36px;
    background: url('/images/icon/icoDown.svg')no-repeat 0;
    color: #536170;
    font-weight: 500;
}

.sub .getWrap .box li h4.on {
    background: url('/images/icon/icoUp.svg')no-repeat 0;
}

.sub .getWrap .box li p {
    display: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px 0 0 36px;
    transition: all .3s;
}

.sub .getWrap .box li h4.on ~ p {
    display: block;
}
.sub .getWrap.flex-col{
    flex-direction: column;
}
.sub .getWrap.flex-col .box + .box{
    margin-left: 0;
    margin-top: 40px;
}
.sub .getWrap.flex-col .box .img-area{
    margin: 40px 0;
}
.sub .getWrap.flex-col .box .img-area img{
    width: 100%;
}
.sub .getWrap.flex-col .box .img-area img.pc{
    display: block;
}
.sub .getWrap.flex-col .box .img-area img.mo{
    display: none;
}
.sub .subCont .subTxt {
    margin-top: 40px;
}

.sub .subCont .cardWrap {
    margin-top: 16px;
}

.sub .subCont .cardWrap ul li {
    min-height: 310px;
    padding: 30px 37px;
    border-radius: 16px;
}

.sub .subCont .cardWrap ul li .number {
    font-weight: 600;
    font-size: 22px;
}

.sub .subCont .cardWrap ul li .tp-door-desc {
    margin-top: 16px;
    color: #536170;
}

.sub .subCont .tp-door-side {
    margin-top: 40px;
    gap: 40px;
}
.sub .subCont.tp-door-cont .tp-door-side .tp-side-txt{
    margin-top: 0;
    width: 640px;
}
.sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    width: 520px;
    margin-left: 0;
}
.sub .subCont2.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
    margin-top: 40px;
    margin-left: 92px;
    margin-right: 114px;
}
.sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) img {
    width: 514px;
}

.sub .subCont .tp-side-txt {}

.sub .tit-type1 {
    font-size: 45px;
    text-align: center;
}
.sub .survey .tp-door-side{
    justify-content: space-between;
    padding: 40px 0 40px 85px;
}
.sub .survey .tp-door-side .tp-side-txt{
    max-width: 645px;
    width: 100%;
    margin-top: 0;
}
.sub .survey .tp-door-side .tp-side-img .resize{
    width: 385px;
}
.sub .collectTab{}
.sub .collectTab .common_tap{
    max-width: 826px;
}
.sub .collectTab .common_tapcon{
    margin-top: 60px;
}
.sub .collectTab .common_tapcon ul .element{
    display: none;
}
.sub .collectTab .common_tapcon li .icon_textlist .tp-desc-category{
    margin-bottom: 25px;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li{
    width: 360px;
    height: auto;
    text-align: left;
    border: 0;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong{
    background-size: 56px;
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub52.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub50.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub51.svg');
}
.sub .collectTab .common_tapcon li:nth-child(1) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub43.svg');
}

.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub61.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub60.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub59.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub58.svg');
}
.sub .collectTab .common_tapcon li:nth-child(2) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub57.svg');
}

.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub56.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub55.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub54.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub63.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub53.svg');
}
.sub .collectTab .common_tapcon li:nth-child(3) .icon_textlist ul li:nth-child(7) strong{
    background-image: url('/images/icon/icoSub64.svg');
}

.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub65.svg');
}
.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub66.svg');
}
.sub .collectTab .common_tapcon li:nth-child(4) .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub67.svg');
}
.sub .collectTab .common_tapcon li .tp-box-list{
    margin-top: 25px;
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong a{
    color: var(--tit-color);
}
.sub .collectTab .common_tapcon li .icon_textlist ul li strong a:hover{
    text-decoration: underline;
}
.sub .coreft{
    margin: 20px 0 40px;
}
.sub .coreft a + a{
    margin-left: 10px;
}
.sub .aimms .imgBox{
    display: flex;
    justify-content: space-evenly;
}
.sub .aimms .imgBox dt{
    margin-bottom: 40px;
    font-size: 22px;
    font-weight: 600;
    color: #054A8F;
    text-align: center;
}
.sub .aimms .imgBox dd img{
    width: 100%;
}
.sr-only-text {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
}

.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}


.sitemap_menu {
    padding-left: 320px;
}
.sitemap_menu::after{
    display: block;
    clear: both;
    content: '';
}
.address_box {
    float: left;
}
.address_box > strong {
    display: block;
    margin-bottom: 25px;
}

.address_box > ul > li {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 27px;
    color: #3c4147;
}

.address_box > ul > li > a {
    cursor: default;
}

.address_box > ul > li > span {
    display: block;
}

.address_box > ul > li > span.hour {
    cursor: pointer;
}

.address_box > ul > li > span.hour strong {
    display: inline-block;
    padding-right: 13px;
}
.address_box > ul > li > span.hour strong:after{
    width: 8px;
    height: 4px;
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 73px;
    background: url(/images/common/hour_bullet.png) no-repeat;
}
.address_box > ul > li > span.hour.on strong:after{
    transform: rotate(180deg);
}

.address_box > ul > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 19px;
    background: url(/images/icon_address.png) no-repeat;
}

.address_box > ul > li:nth-of-type(1):after {
    background-position: 0 3px;
}

.address_box > ul > li:nth-of-type(2):after {
    background-position: 0 -34px;
}

.address_box > ul > li:nth-of-type(3):after {
    background-position: 0 -68px;
}

.address_box > ul > li:nth-of-type(4):after {
    background-position: 0 -124px;
}
@media screen and (max-width:1200px) {
    .address_box {
        width: 100%;
        position: relative;
        left: 0;
    }

    .address_box > ul > li {
        float: left;
        width: 50%
    }

    .page-tit-depth3 {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 900;
    }

    .bot_sitemap .menu_box:first-child {
        width: 100%
    }

    .sitemap_menu {
        padding: 0;
    }

    .bot_sitemap .menu_box {
        width: 45%;
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(1) {
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(2) {
        margin-right: 2.5%;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .bot_sitemap .menu_box:nth-of-type(3) {
        margin-left: 2.5%
    }

    .sela_logo {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .bot_copy {
        width: 100%;
        text-align: center;
    }

    .bot_copy ul li {
        display: inline-block;
        float: none;
    }

    .bot_copy p {
        width: 100%;
        text-align: center;
    }

    .sns_box {
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width:1050px) {
    .bot_sitemap .menu_box:first-child ul {
        width: 50%
    }
}

@media screen and (max-width:530px) {
    .hour_tool:after {
        left: 157px;
    }

    .bot_copy ul li {
        padding: 0 10px 0 12px;
    }
}

@media screen and (max-width:444px) {
    .bot_sitemap .menu_box:nth-of-type(2) {
        position: relative;
    }

    .address_box > ul > li {
        float: none;
        width: 100%
    }
}



.contact_banner {
    background: #3d9eff;
    transition: ease-in-out .2s;
    transition-delay: .5s;
}

.contact_banner .inner > p {
    clear: both;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
}

.contact_banner .inner > p span {
    display: block;
    padding: 20px 0 0;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
}

.contact_banner .inner > p span > a {
    color: #fff;
    text-decoration: underline;
}

.contact_banner .inner > p em {
    display: inline-block;
    opacity: 1;
}

.contact_banner {
    overflow: hidden;
}

.contact_banner .inner {
    padding: 58px 0px 80px 0px;
}

.contact_banner .inner .btn_box {
    margin-top: 30px;
    text-align: center;
}
.form_box p {
    padding: 0;
    color: #fff;
    font-size: 12px;
}

.motion_box {
    position: relative;
}

.motion_box:after {
    content: "";
    display: block;
    clear: both;
}

.motion_box .btn_box .btn:after {
    bottom: 0;
    transform-origin: 50% 50%
}

.motion_box .btn_box .btn {
    transition: all .3s cubic-bezier(.54, .38, .89, .41);
    transform-origin: 50% 50%;
    opacity: 0;
}

.motion_box.ani .btn_box .btn:after {
    bottom: -6px;
}

.motion_box.ani .btn_box .btn {
    top: 0;
    opacity: 1;
}

.tp-contact-banner .inner {
    overflow: hidden;
}
#wrap .tp-contact-banner .form_box{
    max-width: 714px;
    padding: 0;
}
.tp-contact-banner .form_box .hs-form-field .input{
    margin-top: 6px;
}
.tp-contact-banner .form_box .hs-form-field .input input {
    height: 54px;
    margin: 0;
}

.tp-contact-banner .form_box .hbspt-form .hs-form-field label {
    margin-top: 18px;
    color: #fff;
    font-size: 14px;
}

.tp-contact-banner .form_box .actions {
    height: auto;
    margin-top: 0;
    line-height: normal;
}
.tp-contact-banner .form_box .form-columns-1:nth-child(4),
.tp-contact-banner .form_box .form-columns-1:nth-child(5),
.tp-contact-banner .form_box .form-columns-2 + .form-columns-2,
.tp-contact-banner .form_box .form-columns-2 + .form-columns-1{
    margin-top: 12px;
}
.tp-contact-banner .form_box .actions:after {
    display: none;
}
.tp-contact-banner .form_box .hs-error-msgs label{
    color: #FFC45C!important;
    font-size: 14px;
}
.tp-contact-banner .form_box .hs-submit{
    text-align: right;
    margin-top: 13px; /*-39 -> 13px*/
}
.tp-contact-banner .form_box .actions .hs-button {
    width: 100%;
    height: 46px;
    padding:0 26px;
    border: 3px solid var(--em-color);
    color: #fff;
    font-size: 16px;
    background: var(--em-color);
    font-weight: 700;
    transition: background 0s, color 0s;
    text-transform: capitalize;
}
.tp-contact-banner .form_box .actions .hs-button:hover{
    background: #00C6FF;
    border-color: #00C6FF
}
.tp-contact-banner .freetrial_box {
    float: left;
    position: relative;
    width: 34%;
    padding: 20px 0px 27px 0;
    color: #fff;
    background: url(/images/ask_question.svg) no-repeat 0% 100%;
    min-height: 420px;
}
.tp-contact-banner .freetrial_box ul {
    padding: 30px 40px 5px;
}

.tp-contact-banner .freetrial_box ul + div {
    padding: 0 0;
}

.tp-contact-banner .freetrial_box li {
    position: relative;
    padding: 27px 0 28px 72px;
    border-top: 1px dashed #fff;
    font-weight: 600;
    font-size: 20px;
}

.tp-contact-banner .freetrial_box li:first-child {
    border-top: 0;
}

.tp-contact-banner .freetrial_box li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 30px;
    left: 37px;
    width: 6px;
    height: 12px;
    border-color: #fff;
    border-right-width: 4px;
    border-right-style: solid;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tp-contact-banner .freetrial_box .button {
    width: 100%;
    box-shadow: 0 5px 15px #0000004d;
}

.tp-contact-banner .freetrial_box .button + p {
    font-size: 12px;
    text-align: center;
    margin-top: 29px;
}
.tp-contact-banner .freetrial_box span{
    font-size: 18px;
    font-weight: 400;
}
.tp-contact-banner .freetrial_box p a {
    color: #fff;
    text-decoration: underline;
}

.tp-contact-banner .tp-contact-banner-tit {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}
.tp-contact-banner .freetrial_box p:nth-of-type(1){
    margin-bottom: 5px;
}
.tp-contact-banner.type-02 .freetrial_box{
    background: none;
    min-height: 0;
}
#googleSearchPop .popup {
    top: 90px;
    left: 50%;
    width: 90%;
    max-width: 820px;
    padding: 20px 20px 30px;
    transform: translate(-50%, 0);
    border-radius: 0;
}

#googleSearchPop .pop_title {
    display: block;
    margin-bottom: 20px;
    color: #3c4147;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

#googleSearchPop form.gsc-search-box {
    margin-bottom: 0;
}

#googleSearchPop .gsib_a {
    height: 28px;
    padding: 0 9px;
}

#googleSearchPop .gsst_b {
    font-size: 15px;
}

#googleSearchPop input.gsc-input {
    height: 27px !important;
}

#googleSearchPop .gsc-control-cse {
    padding: 0;
    border: 0;
}

#googleSearchPop .gsc-search-button-v2 {
    width: 70px;
    height: 30px;
    border: 0;
    border-radius: 0;
    background-color: #01baef;
    background-image: linear-gradient(top, #01baef, #01baef);
}

#googleSearchPop table.gsc-search-box {
    margin-bottom: 0;
}

#googleSearchPop .gsc-results-wrapper-visible {
    margin-top: 25px;
}

#video_pop .popup {
    width: 660px;
    height: 450px;
    padding: 50px 20px 20px 20px;
}

.youtube_box {
    width: 100%;
    /*height: 338px;*/
}

.youtube_box iframe {
    width: 100%;
    height: 100%
}

#video_pop p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    color: #536170;
    text-align: center;
}

#video_pop p img {
    padding: 0 3px;
}

.lifecycle-example {
    position: relative;
    width: 100%;
    height: 710px;
    margin: 0 auto;
    text-align: center;
}

.lifecycle-example h2 {
    position: absolute;
    top: 255px;
    left: 35%;
    width: 30%;
    height: 200px;
    padding: 34px 25px;
    background: #01baef;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 10px;
}

.lifecycle-example li {
    position: absolute;
    width: 30%;
    height: 200px;
    padding: 20px 25px 0;
    border: 1px solid #01baef;
    border-radius: 10px;
    font-size: 14px;
}

.lifecycle-example li:after {
    content: "";
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(/images/main/svg_arrow_right02.svg) 0 0 no-repeat;
}

.lifecycle-example li:nth-child(1) {
    top: 0;
    left: 0;
}

.lifecycle-example li:nth-child(2) {
    top: 0;
    left: 35%
}

.lifecycle-example li:nth-child(3) {
    top: 0;
    left: 70%
}

.lifecycle-example li:nth-child(4) {
    top: 255px;
    left: 70%
}

.lifecycle-example li:nth-child(5) {
    top: 510px;
    left: 70%
}

.lifecycle-example li:nth-child(6) {
    top: 510px;
    left: 35%
}

.lifecycle-example li:nth-child(7) {
    top: 510px;
    left: 0;
}

.lifecycle-example li:nth-child(8) {
    top: 255px;
    left: 0;
}

.lifecycle-example li:nth-child(1):after,
.lifecycle-example li:nth-child(2):after {
    top: 50%;
    right: -16%;
    transform: translateY(-50%);
}

.lifecycle-example li:nth-child(3):after,
.lifecycle-example li:nth-child(4):after {
    bottom: -46px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

.lifecycle-example li:nth-child(5):after,
.lifecycle-example li:nth-child(6):after {
    top: 50%;
    left: -16%;
    transform: translateY(-50%) rotate(180deg);
}

.lifecycle-example li:nth-child(7):after,
.lifecycle-example li:nth-child(8):after {
    top: -46px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
}

.lifecycle-example li span {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 15px;
    color: #fff;
    background: #01baef;
    border-radius: 100%;
    line-height: 32px;
    font-weight: 700;
}

@media screen and (max-width:1000px) {
    #lifecyclePopup .popup {
        top: 50px;
        width: 90%;
        padding: 50px 30px 30px;
        transform: translate(-50%, 0);
    }

    .lifecycle-example {
        height: auto;
    }

    .lifecycle-example h2,
    .lifecycle-example li {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .lifecycle-example li {
        margin-top: 50px;
    }

    .lifecycle-example li:first-child {
        margin-top: 30px;
    }

    .lifecycle-example li:after {
        bottom: -46px !important;
        left: 50% !important;
        right: auto !important;
        top: auto !important;
        transform: translateX(-50%) rotate(90deg) !important;
    }

    .lifecycle-example li:last-child:after {
        display: none;
    }
}
.content_box {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.content_box::before {
    display: block;
    clear: both;
    content: '';
}

#left_content {
    margin: 66px 0 95px;
    color: #3c4147;
}

#left_content .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.lnb {
    float: left;
    width: 280px;
    margin-right: 65px;
    border: 1px solid #ebebeb;
}

.lnb i,
.lnb strong {
    display: block;
    padding: 11px 0 12px 30px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    background: #01baef;
}

.lnb span.current {
    display: none;
}

.lnb ul li a:before {
    width: 5px;
}

.lnb ul li a:after {
    width: 100%;
    transition-delay: .3s;
}

.lnb > ul {
    padding: 15px 0;
    background: #fff;
}

.lnb ul li {
    display: block;
    margin: 3px 0;
}

.lnb ul li a {
    display: block;
    position: relative;
    min-height: 35px;
    padding: 7px 10px 7px 30px;
    color: #a1a1a1;
    font-size: 14px;
}

.lnb ul li a span {
    display: block;
    position: relative;
    z-index: 3;
}

.lnb ul li a:hover,
.lnb ul li.on a {
    color: #59c3c3;
    font-weight: 700;
}

.lnb ul li a:hover {
    color: #59c3c3;
    font-weight: 700;
}

.lnb ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 0;
    height: 100%;
    color: #59c3c3;
    background: #eef9f9;
    transition: .3s;
    transform-origin: left top;
}

.lnb ul li a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 0;
    height: 100%;
    background: #59c3c3;
    transition: .3s;
    transform-origin: left top;
}

.lnb ul li a:hover:after,
.lnb ul li.on a:after {
    width: 100%;
    transition-delay: .3s;
}

.lnb ul li a:hover:before,
.lnb ul li.on a:before {
    width: 5px;
}

.lnb ul li:first-child {
    margin: 0 0 3px 0;
}

.lnb #reseller ul li a {
    padding: 7px 10px 7px 22px;
}

.lnb #omni i,
.lnb #omni strong {
    background: #817dc5;
}

.lnb #omni ul li a:hover,
.lnb #omni ul li.on a {
    color: #817dc5;
}

.lnb #omni ul li a:hover:before,
.lnb #omni ul li.on a:before {
    background: #817dc5;
}

.lnb #omni ul li a:hover:after,
.lnb #omni ul li.on a:after {
    background: #f2f2f9;
}

.lnb #core i,
.lnb #core strong {
    background: #01baef;
}

.lnb #core ul li a:hover,
.lnb #core ul li.on a {
    color: #01baef;
}

.lnb #core ul li a:hover:before,
.lnb #core ul li.on a:before {
    background: #01baef;
}

.lnb #core ul li a:hover:after,
.lnb #core ul li.on a:after {
    background: #e5f8fd;
}

.lnb #automation i,
.lnb #automation strong {
    background: #59c3c3;
}

.lnb #automation ul li a:hover,
.lnb #automation ul li.on a {
    color: #59c3c3;
}

.lnb #automation ul li a:hover:before,
.lnb #automation ul li.on a:before {
    background: #59c3c3;
}

.lnb #automation ul li a:hover:after,
.lnb #automation ul li.on a:after {
    background: #eef9f9;
}

.lnb #enterprise i,
.lnb #enterprise strong {
    background: #ea657b;
}

.lnb #enterprise ul li a:hover,
.lnb #enterprise ul li.on a {
    color: #ea657b;
}

.lnb #enterprise ul li a:hover:before,
.lnb #enterprise ul li.on a:before {
    background: #ea657b;
}

.lnb #enterprise ul li a:hover:after,
.lnb #enterprise ul li.on a:after {
    background: #fdeff2;
}

/* older version */
.left_con {
    float: right;
    width: 835px;
}

.left_con .page_Decsub {
    padding: 0 0 40px 0;
    border-bottom: solid 1px #ebebeb;
    text-align: left;
    line-height: 32px;
}

.left_con.case {
    width: 800px;
}

.lnb.formboox {
    width: 300px;
    border: none;
}

.lnb.formboox .logo_box {
    text-align: center;
}

.lnb.formboox > ul {
    padding: 22px 24px;
    background: #ccf1fc;
}

.lnb.formboox strong {
    padding: 11px 0;
    text-align: center;
}

.lnb.formboox li {
    display: block;
    margin-bottom: 15px;
}

.lnb.formboox li:first-child {
    display: block;
    margin-bottom: 15px;
}

.lnb.formboox li label {
    display: block;
    margin-bottom: 6px;
    color: #3c4147;
    font-size: 15px;
}

.lnb.formboox li label sup {
    position: relative;
    top: 5px;
    left: 2px;
    color: #ea657b;
    font-size: 13px;
}

.lnb.formboox li span {
    display: block;
}

.lnb.formboox li span > input[type=email],
.lnb.formboox li span > input[type=password],
.lnb.formboox li span > input[type=text] {
    display: block;
    width: 94%;
    height: 38px;
    padding: 0 3%;
    border: none;
    border-radius: 5px;
    line-height: 38px;
}

.lnb.formboox li span select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 3%;
    border: none;
    border-radius: 5px;
    line-height: 38px;
}

.lnb.formboox li.btn_box {
    margin-top: 30px;
}

.lnb.formboox li a.btn {
    display: inline-block;
    position: relative;
    min-width: 100%;
    min-height: auto;
    padding: 0;
    font-size: 15px;
    transition: all .2s ease;
}

.lnb.formboox li a.btn:before {
    display: none;
}

.lnb.formboox li a.btn:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: auto;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    transition: all .2s ease;
}

.lnb.formboox li a.btn.pink:after {
    background: #b84f62;
}

.lnb.formboox li a.btn.pink:hover:after {
    bottom: 0;
}


/* case study form */
.sub .casestudy{
    width: 814px;
    margin: 0 auto 80px;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 40%);
    background-color: #0756A3;
}
.sub .casestudy .form_tit{
    padding: 25px 50px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}
.sub .casestudy .hbspt-form{
    padding: 22px 50px 25px;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(360deg, #033C7E, #0756A4);
    color: #fff;
}
.sub .casestudy .hbspt-form .hs_error_rollup li{
    text-align: left;
}
.sub .casestudy .hbspt-form .form-columns-1 {
    float: left;
    width: 49%;

}
.sub .casestudy .hbspt-form .form-columns-2{
    margin-bottom: 12px;
}
.sub .casestudy .hbspt-form .form-columns-2 > div{
    width: 49%;
}
.sub .casestudy .hbspt-form .form-columns-2 > div:last-child {
    padding-left: 0;
    margin-left: 14px;
}
.sub .casestudy .hbspt-form .form-columns-1 + .form-columns-1 {
    margin-left: 14px;
}
.sub .casestudy .hbspt-form .hs-submit{
    text-align: left;
}
.sub .casestudy .hbspt-form .actions{
    margin-top: 24px;
}
.sub .casestudy .hbspt-form .actions .hs-button{
    padding: 6px 20px;
    background-color: #01BAEF;
}
.sub .casestudy .hs-error-msgs label {
	color: #FFC45C !important;
    font-size: 14px;
}
.summary {
    padding: 0 0 45px 0;
    border-bottom: 1px solid #ebebeb;
}

.summary p {
    padding: 19px 0 25px;
    color: #3c4147;
    line-height: 32px;
}
/*.sub .case .tp-door-title.tp-type02 + .page_Dec{
    margin-top: -20px;
}*/
.sub .case .page_Dec{
    margin-bottom: 40px;
    padding: 0 30px;
    color: #536170;
    font-weight: 400;
}
.sub .study_case.pd120 {
    margin-bottom: 120px;
}
.sub .study_case + .study_case{
    margin-top: 80px;
}
.sub .study_case .txt{
    padding: 0 30px;
    text-align: center;
}
.sub .study_case .bg_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 54px;
    padding: 46px 50px;
    border-radius: 16px;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 18%);
    background: #fff;
}
.sub .study_case .bg_text .box-txt {
    display: block;
    width: 656px;
    margin-bottom: auto;
}
.sub .study_case .bg_text .box-txt p + p{
    margin-top: 22px;
}
.sub .study_case .bg_text .logo_box {
    width: 350px;
    height: 220px;
    overflow: hidden;
}
.sub .study_case .bg_text .logo_box img{
    width: 100%;
    height: 100%;
}
.sub .study_case p .txt1 {
    margin-top: 24px;
    display: block;
    color: var(--tit-color);
    font-size: 22px;
}
.study_case .imgbox {
    display: block;
    margin-bottom: 39px;
}
.study_case .sub_dec {
    display: block;
    font-size: 13px;
    font-style: italic;
}
.study_case .tp-door-title.tp-type02 + .align-C{
    padding: 0 30px;
}


#left_content.moving .content_box .lnb {
    position: absolute;
    left: 0;
    z-index: 33;
}

#left_content.moving .content_box {
    padding-left: 345px;
}

.btn {
    display: inline-block;
    position: relative;
    min-width: 209px;
    transition: all .2s ease;
}

.btn.small {
    min-width: 140px;
}

.btn.small > span {
    min-width: 140px;
}

.btn.big {
    min-width: 250px;
}

.btn.big > span {
    min-width: 250px;
}

.btn > span {
    display: inline-block;
    position: relative;
    z-index: 2;
    min-width: 209px;
    height: 45px;
    padding: 0 24px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
}

.btn > span > em {
    display: inline-block;
    color: #fff;
    font-weight: 700;
}

.btn > span > em.view {
    padding-left: 25px;
    background: url(/images/main/ico_view.png) no-repeat left 13px;
}

.btn:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    transition: all .2s ease;
}

.purple > span {
    background: #817dc5;
}

.purple:after {
    background: #686496;
}

.blue > span {
    background: #01baef;
}

.blue:after {
    background: #1594bd;
}

.pink > span {
    background: #ea657b;
}

.pink:after {
    background: #b84f62;
}

.btn:hover:after {
    bottom: 0;
}

.green > span {
    background: #59c3c3;
}

.green:after {
    background: #469d9d;
}

.ico_folder span:before,
.ico_movie span:before,
.ico_phone span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.ico_phone span:before {
    width: 14px;
    height: 15px;
    background: url(/images/case/ico_phone.png) left center no-repeat;
}

.ico_movie span:before {
    background: url(/images/case/ico_movie.png) left center no-repeat;
}

.ico_folder span:before {
    background: url(/images/partner/icon_folder.png) left center no-repeat;
}

.btn_area {
    width: 100%;
    margin-top: -40px;
    padding: 57px 0 52px;
    border-top: 2px dashed #e1e1e1;
    text-align: center;
}

.btn_area a.btn {
    margin-right: 26px;
}

.btn_area a.btn:nth-last-of-type(1) {
    margin-right: 0;
}

.btn_tip {
    display: inline-block;
    position: relative;
    border-bottom: 1px solid #0188EF;
    color: #0188EF;
    line-height: 21px;
}

.tooltip {
    display: none;
    position: absolute;
    bottom: -140px;
    left: 0;
    z-index: 99;
    width: 544px;
    padding: 22px;
    border: solid 1px #ddd;
    border-radius: 10px;
    background: #fff;
}

.usecase_wrap .btn_tip.on {
    z-index: 999;
}

.usecase_wrap .btn_tip.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(/images/common/tool_bullet.png) no-repeat center center;
}

.seesample {
    position: relative;
}

.seesample.on {
    z-index: 999;
}

.seesample.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(/images/common/tool_bullet.png) no-repeat center center;
}
.page-tit-depth2 {
    display: table;
    width: 100%;
    height: 200px;
    text-align: center;
    background: url(/images/subtit_bg.png) center top #01baef;
}

.page-tit-depth2 > span > em.sub {
    display: block;
    font-weight: 500;
    font-size: 24px;
}

.page-tit-depth2.purpletit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #817dc5;
}

.page-tit-depth2.pinktit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #ea657b;
}

.page-tit-depth2.greentit {
    display: table;
    width: 100%;
    height: 200px;
    background: url(/images/subtit_bg.png) center top #59c3c3;
}

.page-tit-depth2 span {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: 700;
    font-size: 60px;
    text-align: center;
    letter-spacing: .5px;
}

.page-tit-depth2.small span {
    font-size: 50px;
}

.page-tit-depth2.pricing span {
    padding-bottom: 90px;
}

.page-tit-depth3 {
    margin-bottom: 58px;
    color: #3c4147;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    letter-spacing: .5px;
}

.page-tit-depth3-blue {
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-black {
    display: block;
    color: #3c4147;
    font-weight: 700;
    font-size: 45px;
    text-align: center;
}

.page-tit-depth3-green {
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-purple {
    color: #817dc5;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth3-pink {
    color: #ea657b;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
    letter-spacing: .5px;
}

.page-tit-depth4-green {
    color: #59c3c3;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-puple {
    color: #817dc5;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-blue {
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.page-tit-depth4-pink {
    color: #ea657b;
    font-weight: 700;
    font-size: 20px;
}

.title_sub {
    display: block;
    margin-top: 16px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
}

.page_info_text {
    padding: 60px 0;
}

.page_info_text > p {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
}

.page_info_text > .btn_center {
    margin-top: 40px;
}

.page_info_text > .btn_center .btn,
.page_info_text > .btn_center .btn > span {
    width: 300px;
}

.page_info_text > .btn_center .btn:first-child {
    margin-right: 20px;
}

.number_list > li {
    position: relative;
    padding: 30px 0 30px 54px;
    border-top: 2px dashed #e2e6e7;
}

.number_list > li:first-child {
    border-top: none;
}

.number_list > li em {
    position: absolute;
    top: 23px;
    left: 0;
    font-weight: 700;
    font-size: 30px;
}

.number_list.blue > li em {
    color: #01baef;
}

.number_list.green > li em {
    color: #59c3c3;
}

.number_list.pink > li em {
    color: #ea657b;
}

.number_list.purple > li em {
    color: #817dc5;
}

.link_text {
    border-bottom: solid 1px;
    color: #01baef;
}

.table_dec {
    font-size: 12px;
}
.table_dec:nth-of-type(1){
    display: block;
    margin-top: 14px;
}

.table_dec em {
    display: inline-block;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-style: italic;
}
.sub .core_list{
    margin-top: 40px;
    padding-left: 54px;
    padding-right: 34px;
}
.sub .core_fe .core_list .tp-btn-box a + a{
    margin-left: 10px;
}
.sub .ball_list {
    display: -webkit-flex;
    display: flex;
    position: relative;
    align-items: stretch;
    flex-direction: row;
    border-top: dashed 1px #C2C2C2;
    -ms-flex-direction: row;
}
.sub .auto_list{
    padding: 80px 0;
}
.sub .ball_list:nth-of-type(1) {
    border-top: 0;
}
.sub .ball_list.first{
    padding-top: 0px;
}
.sub .core_list .ball_list{
    padding: 60px 0 40px;
}
.sub .core_list .ball_list:nth-of-type(1){
    padding-top: 0;
}
.sub .ball_list .title-dp3,
.sub .ball_list h2 {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    color: var(--tit-color);
}

.sub .ball_list p.sub_text {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1.7;
}

.sub .ball_list .ball {
    margin-right: 63px;
    margin-top: 20px;
}

.sub .ball_list .ball span {
    display: table;
    width: 172px;
    height: 172px;
    border-radius: 50%;
    text-align: center;
    background: #F2F8FF;
}
.sub .ball_list .ball em {
    display: table-cell;
    vertical-align: middle;
}
.sub .ball_list .icon_list {
    width: 100%
}

.sub .ball_list .icon_list:after {
    content: "";
    display: block;
    clear: both;
}

.sub .ball_list .icon_list li {
    float: left;
    min-height: 130px;
    max-height: 162px;
    margin-right: 60px;
    text-align: center;
}

.sub .ball_list .icon_list li:nth-last-of-type(1),
.sub .ball_list.type02 .icon_list li:nth-last-of-type(1) {
    margin-right: 0;
}

.sub .ball_list .icon_list li a > span {
    min-height: 48px;
    margin-bottom: 23px;
}

.sub .ball_list .icon_list li a > span,
.sub .core_list .icon_list li a > em {
    display: block;
}

.sub .ball_list .icon_list li a > em {
    font-size: 14px;
    font-weight: 700;
}

.sub .ball_list .icon_list.list_row li {
    width: 169px;
    margin-right: 0;
    margin-bottom: 28px;
}

.sub .ball_list .icon_list.list_row li:nth-of-type(4),
.sub .ball_list .icon_list.list_row li:nth-of-type(5),
.sub .ball_list .icon_list.list_row li:nth-of-type(6) {
    margin-bottom: 0;
}

.sub .ball_list.right .ball {
    margin-right: 0;
    margin-left: 63px;
}

.ball_list.type02 {
    padding: 63px 0 52px 0;
}

.ball_list.type02 .ball {
    margin-right: 60px;
}

.ball_list.type02 .ball span {
    width: 340px;
    height: 340px;
}

.ball_list.type02 p.sub_text {
    letter-spacing: -.02em;
    line-height: 30px;
}

.ball_list.right.type02 .ball {
    margin-right: 0;
}

.ball_list.type02 .icon_list li a > em {
    font-size: 16px;
}

.ball_list.type02 .icon_list li {
    display: inline-block;
    float: none;
    width: auto;
    min-height: auto;
    margin-right: 30px;
    margin-bottom: 0;
}

.ball_list.type02 .icon_list li a > em,
.ball_list.type02 .icon_list li a > span {
    display: inline-block;
    vertical-align: middle;
}

.ball_list.type02 .icon_list li a > span {
    min-height: auto;
    margin-bottom: 0;
}

.ball_list.type02 .icon_list li a > span img {
    display: block;
}

.ball_list.type02 .icon_list li a > em {
    margin-left: 10px;
    text-align: left;
}

.ball_list.type02 h2 a {
    transition: color .3s;
}

.ball_list.type02 h2 a:focus,
.ball_list.type02 h2 a:hover {
    color: #01baef;
}

.ball_list.type02 .icon_list a {
    transition: color .3s;
}

.ball_list.type02 .icon_list a:focus,
.ball_list.type02 .icon_list a:hover {
    color: #01baef;
}

.ball_list.type03 p.sub_text {
    padding-top: 0;
}

.ball_list.type03 .tp-list li {
    margin-top: 0px;
    padding: 30px 0 0 75px;
    border-top: 1px dashed #e1e1e1;
}
.ball_list.type03 .tp-list li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.ball_list.type03 .tp-list a {
    display: block;
    position: relative;
    color: #01baef;
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
    transition: opacity .3s;
}

.ball_list.type03 .tp-list a:focus,
.ball_list.type03 .tp-list a:hover {
    opacity: .6;
}

.ball_list.type03 .tp-list span {
    position: absolute;
    top: 0;
    left: -75px;
}

.ball_list.type03 .tp-list.tp-type02 span {
    left: -120px;
}

.ball_list.type03 .tp-list p {
    margin-top: 10px;
}
.sub .auto_list:nth-of-type(1){
    padding-top: 0;
}
.sub .auto_list .tp-list li{
    margin-top: 0;
    padding: 20px 0;
}
.sub .auto_list .tp-list li:last-child{
    padding-bottom: 0;
}
.sub .auto_list .tp-list li a{
    padding-left: 30px;
    color: #0188EF;
    font-weight: 500;
    background: url('/images/icon/ico_check_color.svg')no-repeat 0 center;
}
.sub .auto_list .tp-list li p{
    padding-left: 30px;
}
.sub .auto_list .content_box{
    padding: 0 54px;
}
.sub .tp-btn-box.auto{
    margin: 80px 0;
}
.sub .tp-btn-box.auto a + a{
    margin-left: 10px;
}
.core_list.tp-bg-type02 {
    background-color: #fafafa;
}

.core_list.tp-bg-type02 + .content_box .btn_area {
    margin-top: 0;
    padding: 46px 0 52px;
    border-top: 0;
}

.page_Dec {
    padding: 54px 100px 50px 100px;
    color: #3c4147;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
}
.sub .page_Dec{
    font-weight: 500;
    line-height: 1.7;
    font-size: 16px;
}

.more {
    padding: 80px 0px;
    background: #F2F8FF;
}

.more_list #automation li:nth-of-type(1) strong {
    background-image: url('/images/icon/icoSub88.svg');
}

.more_list #enterprise li:nth-of-type(1) strong {
    background-image: url('/images/icon/icoSub88.svg');
}

.more_list #enterprise li:nth-of-type(2) strong {
    background-image: url('/images/icon/icoSub89.svg');
}

.more_list #enterprise li:nth-of-type(3) strong {
    background-image: url('/images/icon/icoSub82.svg');
}

.short_code {
    background: linear-gradient(180deg, #fff, #dff4f4);
}

.long_code {
    padding-top: 60px;
    background: linear-gradient(180deg, #e7e6f3, #fff);
}

.short_code .content_box > p {
    padding: 60px 0 87px 0;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.code_con {
    position: relative;
    min-height: 570px;
    padding: 0 0 0 480px;
}

.code_con p {
    padding: 0 20px 50px 0;
    line-height: 35px;
}

.code_con .code_wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}

.code_con .code_wrap > p {
    padding: 0;
}

.code_con .code_wrap .dp3,
.code_con .code_wrap h2 {
    display: block;
    margin-bottom: 15px;
    color: #59c3c3;
    font-size: 36px;
    font-weight: 700;
}

.code_con h3 {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
}

.short_code .code_wrap {
    width: 400px;
    padding: 0 80px 266px 0;
    background: url(/images/product/bg_shortlong1.png) no-repeat left bottom;
}

.long_code .code_wrap {
    width: 400px;
    padding: 0 80px 266px 0;
    background: url(/images/product/bg_shortlong2.png) no-repeat left bottom;
}

.long_code .code_con .code_wrap .dp3,
.long_code .code_con .code_wrap h2 {
    color: #817dc5;
}

.content_box.btn_box {
    margin: 50px auto 40px auto;
    text-align: center;
}

.content_box.btn_box a {
    margin: 0 2px;
}

.sub .case_wrap {
    padding: 70px 0 0 0;
}
.sub .case_wrap .common_tap{
    max-width: 324px;
    max-height: 50px;
}
.sub .case_wrap .tapcontent{
    display: none;
}
.sub .case_over {
    margin-top: 60px;
    padding: 0 95px;
}
.sub .case_over ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: -48px;
}
.sub .case_over ul li {
    width: 172px;
    height: 202px;
    margin: 0 15px 48px;
    border: solid 1px #E5E5E5;
    border-radius: 10px;
    background: #fff;
    transition: .3s;
    background-repeat: no-repeat;
    background-position: center 42px;
}
.sub .case_over ul li:hover {
    border: 1px solid #fff;
    box-shadow: 0 10px 20px 0px rgba(5 16 35 / 14%);
}
.sub .case_over.dep ul li:nth-child(1){
    background-image: url('/images/icon/icoSub122.svg');
}
.sub .case_over.dep ul li:nth-child(2){
    background-image: url('/images/icon/icoSub83.svg');
}
.sub .case_over.dep ul li:nth-child(3){
    background-image: url('/images/icon/icoSub123.svg');
}
.sub .case_over.dep ul li:nth-child(4){
    background-image: url('/images/icon/icoSub103.svg');
}
.sub .case_over.dep ul li:nth-child(5){
    background-image: url('/images/icon/icoSub124.svg');
}
.sub .case_over.dep ul li:nth-child(6){
    background-image: url('/images/icon/icoSub125.svg');
}
.sub .case_over.dep ul li:nth-child(7){
    background-image: url('/images/icon/icoSub81.svg');
}
.sub .case_over.dep ul li:nth-child(8){
    background-image: url('/images/icon/icoSub126.svg');
}
.sub .case_over.dep ul li:nth-child(9){
    background-image: url('/images/icon/icoSub127.svg');
}

.sub .case_over.ind ul li:nth-child(1){
    background-image: url('/images/icon/icoSub128.svg');
}
.sub .case_over.ind ul li:nth-child(2){
    background-image: url('/images/icon/icoSub129.svg');
}
.sub .case_over.ind ul li:nth-child(3){
    background-image: url('/images/icon/icoSub130.svg');
}
.sub .case_over.ind ul li:nth-child(4){
    background-image: url('/images/icon/icoSub131.svg');
}
.sub .case_over.ind ul li:nth-child(5){
    background-image: url('/images/icon/icoSub132.svg');
}
.sub .case_over.ind ul li:nth-child(6){
    background-image: url('/images/icon/icoSub133.svg');
}
.sub .case_over.ind ul li:nth-child(7){
    background-image: url('/images/icon/icoSub134.svg');
}
.sub .case_over.ind ul li:nth-child(8){
    background-image: url('/images/icon/icoSub135.svg');
}
.sub .case_over.ind ul li:nth-child(9){
    background-image: url('/images/icon/icoSub136.svg');
}
.sub .case_over.ind ul li:nth-child(10){
    background-image: url('/images/icon/icoSub137.svg');
}
.sub .case_over.ind ul li:nth-child(11){
    background-image: url('/images/icon/icoSub138.svg');
}
.sub .case_over.ind ul li:nth-child(12){
    background-image: url('/images/icon/icoSub139.svg');
}
.sub .case_over.ind ul li:nth-child(13){
    background-image: url('/images/icon/icoSub140.svg');
}
.sub .case_over.ind ul li:nth-child(14){
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .case_over.ind ul li:nth-child(15){
    background-image: url('/images/icon/icoSub141.svg');
}
.sub .case_over.ind ul li:nth-child(16){
    background-image: url('/images/icon/icoSub142.svg');
}
.sub .case_over.ind ul li:nth-child(17){
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .case_over.ind ul li:nth-child(18){
    background-image: url('/images/icon/icoSub03.svg');
}
.sub .case_over.ind ul li:nth-child(19){
    background-image: url('/images/icon/icoSub143.svg');
}
.sub .case_over.ind ul li:nth-child(20){
    background-image: url('/images/icon/icoSub19.svg');
}
.sub .case_over.ind ul li:nth-child(21){
    background-image: url('/images/icon/icoSub144.svg');
}
.sub .case_over.ind ul li:nth-child(22){
    background-image: url('/images/icon/icoSub145.svg');
}
.sub .case_over.ind ul li:nth-child(23){
    background-image: url('/images/icon/icoSub146.svg');
}
.sub .case_over.ind ul li:nth-child(24){
    background-image: url('/images/icon/icoSub147.svg');
}
.sub .case_over.ind ul li:nth-child(25){
    background-image: url('/images/icon/icoSub148.svg');
}
.sub .case_over.ind ul li:nth-child(26){
    background-image: url('/images/icon/icoSub149.svg');
}
.sub .case_over.ind ul li:nth-child(27){
    background-image: url('/images/icon/icoSub150.svg');
}
.sub .case_over.ind ul li:nth-child(28){
    background-image: url('/images/icon/icoSub151.svg');
}
.sub .case_over ul li a {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    padding: 114px 0px 43px;
    text-align: center;
}
.sub .case_over ul li a > span {
    display: block;
    color: #75818D;
    font-weight: 500;
}

.sub .case_over ul li a > span:first-child {
    margin-bottom: 0px;
}

.life_wrap .life_dec {
    margin-bottom: 60px;
    color: #3c4147;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
}

.lifecycle_roll {
    position: relative;
    padding: 0 70px 0 70px;
}
/*
.liferoll_left {
    position: absolute;
    top: 197px;
    left: -60px;
    z-index: 5;
    width: 32px;
    height: 57px;
    background: url(/images/cycle/btn_left1.png) no-repeat;
}

.liferoll_right {
    position: absolute;
    top: 197px;
    right: -60px;
    z-index: 5;
    width: 32px;
    height: 57px;
    background: url(/images/cycle/btn_right1.png) no-repeat;
}*/

.lifecycle_roll > strong {
    display: block;
    margin-bottom: 50px;
    color: #59c3c3;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.lifecycle_roll .rollin {
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
}

.lifecycle_roll .rollin ol {
    position: relative;
    width: 100000%;
    padding-left: 1%
}

.lifecycle_roll .rollin ol:after {
    content: "";
    display: block;
    clear: both;
}

.lifecycle_roll .rollin ol li {
    float: left;
    width: 298px;
    height: 335px;
    margin-right: 60px;
    padding: 30px 25px;
    border-radius: 5px;
    background-color: #def3f3;
    background-repeat: no-repeat;
    background-position: right bottom;
    box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, .1);
}

.lifecycle_roll .rollin ol li em {
    display: block;
    margin-bottom: 10px;
    color: #59c3c3;
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.lifecycle_roll .rollin ol li .cycle_text {
    font-size: 16px;
    text-align: center;
    line-height: 28px;
}

.lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/cycle/cycle_bg1.png);
}

.lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/cycle/cycle_bg2.png);
}

.lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/cycle/cycle_bg3.png);
}

.lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/cycle/cycle_bg4.png);
}

.lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/cycle/cycle_bg5.png);
}

.lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/cycle/cycle_bg6.png);
}

.lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/cycle/cycle_bg7.png);
}

.lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/cycle/cycle_bg8.png);
}

span.bullet {
    display: block;
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px;
}

span.bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
}

.page_Decsub strong {
    display: block;
}

.sub_dec {
    display: block;
    color: #3c4147;
    font-size: 16px;
    font-weight: 400;
}
.how_list ul{
    padding: 60px 75px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 15px 30px 0 rgb(5 16 35 / 14%);
}
.how_list ul li{
    display: flex;
    align-items: flex-start;
    padding: 44px 0;
}
.how_list ul li.one{
    align-items: center;
}
.sub .how_list .content_box{
    padding: 0 25px;
}
.sub .how_list .page_Decsub{
    margin: 0 0 40px;
}
.sub .how_list.align ul li{
    align-items: center;
}
.sub .how_list ul li:nth-child(1){
    padding-top: 0;
}
.sub .how_list ul li:last-child{
    padding-bottom: 0;
}
.how_list ul li+li{
    border-top: 1px dashed #c2c2c2;
}
.landline .page-tit-depth3-blue {
    margin-bottom: 25px;
}
.how_list ul li em{
    width: 36px;
    flex: none;
    margin-right: 24px;
    font-size: 28px;
    font-weight: 600;
    color: var(--tit-color);
    line-height: 1;
}
.bullet_list > li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 12px;
}

.bullet_list > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #536170;
}

.num_list > li {
    position: relative;
    margin-bottom: 25px;
    padding-left: 20px;
}

.num_list > li em {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 600;
}


/*220721 수정*/
.auto_textlist {
    padding: 0 338px 20px 0;
    border-bottom: solid 1px #ebebeb;
}

.auto_textlist h2.title {
    font-weight: 700;
}

.auto_textlist h2,
.auto_textlist h3 {
    margin-bottom: 20px;
}

.auto_textlist .tp-side-img.iframe-type iframe {
    width: 600px;
    height: 368px;
}

em.bold {
    font-weight: 700;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group.nav-toggle-group button {
    width: 600px;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-btn {
    width: 100%;
    height: 54px;
    color: #222;
    font-size: 20px;
    background-color: #f7f9fc;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-btn span {
    position: relative;
    padding-right: 20px;
}

.auto_textlist .tp-side-img.iframe-type .subtitles-group .nav-toggle-target {
    width: 600px;
}

.button.button-type03.add-arrow:after,
.nav-anchor-dp2 .tp-ico-arrow,
.subtitles-group .nav-toggle-btn .tp-ico-arrow {
    right: 0;
}

/*220721 수정*/



.auto_textlist > ol > li:first-child > em.num {
    top: -10px;
}

.advantage_list {
    margin-top: 40px;
    /*padding-bottom: 65px;*/
}

.advantage_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.advantage_list ul.center {
    justify-content: space-evenly;
}

.advantage_list ul li {
    max-width: 360px;
    width: 100%;
    height: 380px;
    margin: 15px;
    padding: 30px 37px;
    background-color: #fff;
    box-shadow: 1px 9px 14px 0 rgb(0 0 0 / 14%);
    border-radius: 16px;
}
.advantage_list ul.center li{
    margin-bottom: 0;
}
.advantage_list ul.center li:nth-child(1) {
    margin-left: auto;
}

.advantage_list ul.center li:nth-child(2) {
    margin-right: auto;
}

.advantage_list ul li a {
    position: relative;
    display: block;
    padding: 72px 0 16px 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.advantage_list ul li a:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 27px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub .icon_textlist ul li strong {
    position: relative;
}
.sub .icon_textlist ul li a strong:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub .more_list.icon_textlist ul li a strong:after {
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.advantage_list ul li a:hover {
    text-decoration: underline;
}

.advantage_list ul li:nth-child(1) a {
    background: url('/images/icon/icoSub24.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(2) a {
    background: url('/images/icon/icoSub25.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(3) a {
    background: url('/images/icon/icoSub26.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(4) a {
    background: url('/images/icon/icoSub27.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(5) a {
    background: url('/images/icon/icoSub28.svg')no-repeat 0 0;
}

.advantage_list ul li:nth-child(6) a {
    background: url('/images/icon/icoSub29.svg')no-repeat 0 0;
}

.advantage_list ul.center li:nth-child(1) a {
    background: url('/images/icon/icoSub30.svg')no-repeat 0 0;
}

.advantage_list ul.center li:nth-child(2) a {
    background: url('/images/icon/icoSub31.svg')no-repeat 0 0;
}
.sub .tp-door-title.tp-type02{
    margin-bottom: 40px;
    padding: 0 200px;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}
.sub .doWrap .mms_list {
    margin: 52px 0 0 0px;
}

.sub .doWrap .mms_list li {
    padding: 2px 0 2px 50px;
    background-repeat: no-repeat;
    background-position: 0 center;
}

.sub .doWrap .mms_list li + li {
    margin-top: 43px;
}
.sub .landline .doWrap .mms_list li:nth-child(1) {
    background-image: url('/images/icon/icoSub32.svg');
}
.sub .landline .doWrap .mms_list li:nth-child(2) {
    background-image: url('/images/icon/icoSub44.svg');
}
.sub .landline .doWrap .mms_list li:nth-child(4) {
    background-image: url('/images/icon/icoSub161.svg');
}
.sub .doWrap .mms_list li:nth-child(1) {
    background-image: url('/images/icon/icoSub32.svg');
}

.sub .doWrap .mms_list li:nth-child(2) {
    background-image: url('/images/icon/icoSub33.svg');
}

.sub .doWrap .mms_list li:nth-child(3) {
    background-image: url('/images/icon/icoSub34.svg');
}

.sub .doWrap .mms_list li:nth-child(4) {
    background-image: url('/images/icon/icoSub35.svg');
}
.sub .doWrap .mms_list li:nth-child(5) {
    background-image: url('/images/icon/icoSub36.svg');
}

.sub .doWrap .mms_list li:nth-child(3){
    background-image: url('/images/icon/icoSub160.svg');
}
.how_mms {
    margin-bottom: 20px;
}

.how_mms .listWrap {
    margin-top: -62px;
    margin-bottom: 60px;
}

.how_mms .listWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.how_mms .listWrap li {
    max-width: 280px;
    width: 33.333%;
    margin: 48.5px 48.5px 0;
    padding-top: 280px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center -16px;
    background-size: 100%;
}

.how_mms .listWrap li:nth-child(1) {
    background-image: url('/images/omni/mmsphone1.png');
}

.how_mms .listWrap li:nth-child(2) {
    background-image: url('/images/omni/mmsphone2.png');
}

.how_mms .listWrap li:nth-child(3) {
    background-image: url('/images/omni/mmsphone3.png');
}

.how_mms .listWrap li:nth-child(4) {
    background-image: url('/images/omni/mmsphone4.png');
}

.how_mms .listWrap li:nth-child(5) {
    background-image: url('/images/omni/mmsphone5.png');
}

.how_mms .listWrap li:nth-child(6) {
    background-image: url('/images/omni/mmsphone6.png');
}

.how_mms .listWrap li strong {
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.how_mms p.align-C{
    padding: 0 30px;
    line-height: 1.7;
}
.how_mms p.align-C strong{
    font-weight: 500;
}
.left_con .icon_textlist:nth-child(1) {
    margin: 0;
}

.sub .flxBX{
    display: flex;
    justify-content: space-between;
    gap: 10%;
    margin-top: 40px;
}
.sub .txtadv .flxBX .box{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.sub .flxBX .box{
    flex: 1;
}
.sub .flxBX .box h4{
    margin-bottom: 16px;
    font-size: 28px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .flxBX .box .boxTxt{
  margin-top: 40px;
}
.sub .flxBX .box .boxTxt p{
    font-weight: 500;
}
.sub .tp-door-cont.txtblst .tp-door-side.flx{
    display: flex;
    align-items: flex-start;
    gap: 168px;
    padding: 0 30px;
}
.sub .tp-door-cont.txtblst .flx.dotted{
    align-items: center;
    margin-top: 40px;
}
.sub .tp-door-cont.txtblst .flx img.pc{
    display: block;
}
.sub .tp-door-cont.txtblst .flx img.mo{
    display: none;
}
.sub .tp-door-cont.txtblst .flx.dotted + .flx.dotted{
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px dotted #c1c1c1;
}
.sub .tp-door-cont .tp-door-side.flx [class*=tp-side-img]:nth-child(2n-1){
    margin-left: 0;
}
.sub .tp-door-cont .tp-door-side.flx .tp-side-txt .tp-door-title.tp-type03{
    font-size: 28px;
}
.sub .tp-door-cont .tp-door-side.flx .tp-side-txt .tp-door-desc{
    font-weight: 500;
}
.sub .tp-door-cont.txtblst .flx{
    display: flex;
    gap: 70px;
}
.sub .tp-door-cont.txtblst .flx.reverse{
    flex-direction: row-reverse;
}
.sub .txtblst .tp-door-list-bullet li{
    margin-top: 10px;
}
.sub .tp-door-cont.txtblst .flx.dotted .subBox{
    margin-top: 16px;
}
.sub .tp-door-cont.txtblst .flx.dotted .subBox p {
    margin-bottom: 10px;
    padding-left: 14px;
    background: url(/images/icon/icoArro-blue.svg)no-repeat 0 center;
}
.sub .tp-door-cont.txtblst .flx.dotted .subBox p a {
    color: var(--em-color);
    font-weight: 600;
}


.sub .more_advantage .icon_textlist{
    padding-bottom: 0;
}
.sub .icon_textlist ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 10px;*/
    margin: -15px 0;
}
.sub .icon_textlist.compliance_wrap ul{
    margin-top: 40px;
    margin-bottom: 25px;
}
.sub .icon_textlist.compliance_wrap ul li{
    padding: 30px 37px 40px;
}
.sub .compliance_wrap .compliance_contact{
    margin-top: 0;
}
.sub .icon_textlist.fb ul{
    margin: -15px 0;
}
.sub .icon_textlist.fb ul li strong{
    padding-top: 72px;
}
.sub .icon_textlist ul li{
    max-width: 360px;
    width: 100%;
    height: auto;
    margin: 15px;
    padding: 30px 37px;
    background-color: #fff;
    box-shadow: 1px 9px 14px 0 rgb(5 16 35 / 14%);
    border-radius: 16px;
}
.sub .icon_textlist.campaign ul{
    flex-wrap: nowrap;
    margin: 0;
}
.sub .icon_textlist.campaign ul li{
    max-width: 580px;
    margin: 0;
    padding: 45px 54px;
}
.sub .icon_textlist.campaign ul li strong{
    padding-top: 60px;
    background-size: 44px;
}
.sub .icon_textlist.campaign ul li:nth-child(1) strong{
    background-image: url(/images/icon/icoSub24.svg);
}
.sub .icon_textlist.campaign ul li:nth-child(2) strong{
    background-image: url(/images/icon/icoSub06.svg);
}
.sub .icon_textlist.campaign ul li + li{
    margin-left: 40px;
}
.sub .icon_textlist.adv1 ul li{
    max-width: 430px;
    height: auto;
    line-height: 1.8;
}
.sub .icon_textlist.adv1 ul li:nth-child(3),
.sub .icon_textlist.adv1 ul li:nth-child(4){
    height: auto;
}
.sub .icon_textlist.odd ul li{
    height: auto;
}
.sub .icon_textlist.adv2 ul{
    margin-top: 40px;
}
.sub .icon_textlist.signup ul li{
    height: 326px;
}
.sub .icon_textlist.two ul li{
    max-width: 360px;
}
.sub .icon_textlist .adList ul li{
    height: 400px;
}
.sub .icon_textlist .adList ul.center{
    margin-top: 35px;
}
.sub .icon_textlist .adList ul.center li{
    position: relative;
}
.sub .icon_textlist .adList ul.center li.on{
    height: 465px;
}
.sub .icon_textlist.adv2 ul li{
    margin-top: 0;
}
.sub .icon_textlist.adv2 .subTxt + .tp-door-title.tp-type03{
    margin-top: 40px;
}
.sub .more_list.icon_textlist ul li{
    height: auto;
    padding: 30px 37px 40px;
    text-align: left;
}
.sub .more_list.icon_textlist .moreadvantage_list{
    flex-wrap: nowrap;
    margin: 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li{
    width: 290px;
    height: auto;
    margin: 6px;
    padding: 22px 16px 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li:first-child{
    margin-left: 0;
}
.sub .more_list.icon_textlist .moreadvantage_list li strong{
    background-size: 44px;
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub29.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub156.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .more_list.icon_textlist .moreadvantage_list li strong{
    font-weight: 600;
}
.sub .more_list.icon_textlist .moreadvantage_list li p{
    color: #536170;
    line-height: 1.7;
    font-weight: 400;
}
.sub .icon_textlist.dataCapture ul li{
    width: 360px;
    height: 240px;
}
.sub .icon_textlist.adv3 ul li{
    width: 360px;
    height: 380px;
}

.sub .icon_textlist.manage ul,
.sub .icon_textlist.manage1 ul{
    margin-top: 25px;
}
.sub .icon_textlist.adv4 ul{
    margin: 20px 0;
}
.sub .icon_textlist.adv4 ul li{
    width: 360px;
    height: 412px;
    position: relative;
    overflow: hidden;
}
.sub .icon_textlist.adv4 ul li.on{
    height: auto;
    transition: all .3s ease;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(1){
    max-height: 485px;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(2){
    max-height: 606px;
}
.sub .icon_textlist.adv4 ul li.on:nth-child(3){
    max-height: 470px;
}
.sub .icon_textlist.adv4 ul li p{
    margin-bottom: 20px;
}
.sub .icon_textlist.vl ul li{
    width: 360px;
    height: auto;
}
.sub .icon_textlist.bnfs ul li{
    max-width: 430px;
    height: auto;
}
.sub .icon_textlist ul li .bullet_list{
    display: inherit;
    margin-top: 16px;
}
.sub .icon_textlist ul li .bullet_list li{
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    box-shadow: none;
    border-radius: 0;
}
.sub .icon_textlist ul li .bullet_list li:last-child{
    margin-bottom: 0;
}
.sub .icon_textlist ul li strong{
    display: block;
    margin-bottom: 16px;
    padding-top: 72px;
    font-size: 22px;
    color: var(--tit-color);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 56px;
    line-height: 1.4;
}
.sub .icon_textlist.bef ul li strong{
    margin-bottom: 0;
    padding-top: 72px;
}
.sub .icon_textlist.dt ul li{
    height: 350px;
}
.sub .icon_textlist.bef ul li{
    padding: 30px 37px 38px;
}
.sub .icon_textlist.dataCapture ul li strong{
    margin-bottom: 0;
}
.sub .icon_textlist.manage ul{
    margin-bottom: -15px;
}
/*.sub .icon_textlist.compliant ul li{
    height: 400px;
}
.sub .icon_textlist.compliant ul li.on{
    height: auto;
}*/
.sub .icon_textlist.dev ul li{
    position: relative;
}
.sub .icon_textlist .matter_con ul{
    flex-wrap: nowrap;
}
.sub .icon_textlist .matter_con ul li{
    width: 291px;
    height: 291px;
    margin: 6px;
    padding: 16px;
}
.sub .icon_textlist ul.advanlist{
    gap: 40px;
    margin: 0;
}
.sub .icon_textlist ul.advanlist li{
    max-width: 580px;
    margin: 0;
    padding: 45px 54px;
}
.sub .icon_textlist ul.advanlist li strong{
    padding-top: 58px;
    background-size: 44px;
}
.sub .icon_textlist ul.advanlist li > .bullet_list{
    margin: 16px 0 0 0;
}
.sub .icon_textlist .matter_con ul li strong{
    padding-top: 60px;
    background-size: 44px;
}
.sub .icon_textlist ul.txtblst{
    margin-top: 36px;
}
.sub .icon_textlist ul.txtblst li{
    width: 100%;
    max-width: 291px;
    margin: 0px;
    padding: 22px 16px;
}
.sub .icon_textlist ul.txtblst li strong{
    padding-top: 60px;
    background-size: 44px;
}
.sub .icon_textlist ul.minsms{
    margin-top: 25px;
}
.sub .icon_textlist ul.minsms li strong{
    padding-top: 72px;
    background-size: 56px;
}
.sub .icon_textlist ul.txtblst li:nth-child(1){
    margin-left: 0;
}
.sub .icon_textlist ul.txtblst li:nth-last-child(1){
    margin-right: 0;
}
.sub .icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub49.svg');
}
.sub .icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub .icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub37.svg');
}
.sub .icon_textlist ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub27.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub42.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub01.svg');
}
.sub .icon_textlist.adv1 ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub61.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .icon_textlist.adv2 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub07.svg');
}

.sub .icon_textlist.adv3 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub09.svg');
}
.sub .icon_textlist.adv3 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub .icon_textlist.adv3 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub02.svg');
}

.sub .icon_textlist.odd ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.odd ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub41.svg');
}
.sub .icon_textlist.odd ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .icon_textlist.signup ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.signup ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.signup ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .icon_textlist .adList ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub47.svg');
}
.sub .icon_textlist .adList ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist .adList ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist .adList ul.center li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .icon_textlist .adList ul.center li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub49.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub88.svg');
}
.sub .more_list.icon_textlist #core li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub68.svg');
}
.sub .more_list.icon_textlist #automation li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub89.svg');
}
.sub .more_list.icon_textlist #core li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub69.svg');
}
.sub .more_list.icon_textlist ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub29.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub46.svg');
}
.sub .icon_textlist.dataCapture ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub70.svg');
}
.sub .icon_textlist.fb ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.fb ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub47.svg');
}
.sub .icon_textlist.fb ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.fb ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub73.svg');
}
.sub .icon_textlist.fb ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.dt ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub .icon_textlist.dt ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .icon_textlist.manage ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.manage ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub75.svg');
}
.sub .icon_textlist.manage ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub77.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub76.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub39.svg');
}
.sub .icon_textlist.manage1 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub78.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub79.svg');
}
.sub .icon_textlist.compliant ul li:nth-child(2) strong a{
    color: var(--tit-color);
}
.sub .icon_textlist.compliant ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub80.svg');
}
.sub .icon_textlist.account ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.account ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub87.svg');
}
.sub .icon_textlist.account ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub86.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist.compliance_wrap ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist.adv4 ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.dev ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .icon_textlist.dev ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub72.svg');
}
.sub .icon_textlist.dev ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub .icon_textlist.solution ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub102.svg');
}
.sub .icon_textlist.solution ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub103.svg');
}

.sub .icon_textlist.white ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub105.svg');
}
.sub .icon_textlist.white ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub106.svg');
}
.sub .icon_textlist.vl ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub110.svg');
}
.sub .icon_textlist.vl ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub111.svg');
}
.sub .icon_textlist.vl ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub112.svg');
}
.sub .icon_textlist.tg ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub113.svg');
}
.sub .icon_textlist.tg ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub114.svg');
}
.sub .icon_textlist.tg ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub115.svg');
}
.sub .icon_textlist.tg ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub85.svg');
}
.sub .icon_textlist.tg ul li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub117.svg');
}
.sub .icon_textlist.tg ul li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub116.svg');
}
.sub .icon_textlist.tg ul li:nth-child(7) strong{
    background-image: url('/images/icon/icoSub71.svg');
}

.sub .icon_textlist.bef ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist.bef ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub73.svg');
}
.sub .icon_textlist.bef ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub70.svg');
}

.sub .icon_textlist.bnfs ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub83.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub159.svg');
}
.sub .icon_textlist.bnfs ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .icon_textlist .matter_con ul li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub162.svg');
}
.sub .icon_textlist .matter_con ul li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub163.svg');
}
.sub .icon_textlist .matter_con ul li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub164.svg');
}
.sub .icon_textlist .matter_con ul li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub165.svg');
}
.sub .icon_textlist ul.advanlist li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub166.svg');
}
.sub .icon_textlist ul.advanlist li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub167.svg');
}
.sub .icon_textlist ul.advanlist li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub168.svg');
}
.sub .icon_textlist ul.advanlist li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub169.svg');
}
.sub .icon_textlist ul.txtblst li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub143.svg');
}
.sub .icon_textlist ul.txtblst li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub170.svg');
}
.sub .icon_textlist ul.txtblst li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub156.svg');
}
.sub .icon_textlist ul.txtblst li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub134.svg');
}

.sub .icon_textlist ul.minsms li:nth-child(1) strong{
    background-image: url('/images/icon/icoSub173.svg');
}
.sub .icon_textlist ul.minsms li:nth-child(2) strong{
    background-image: url('/images/icon/icoSub24.svg');
}
.sub .icon_textlist ul.minsms li:nth-child(3) strong{
    background-image: url('/images/icon/icoSub103.svg');
}
.sub .icon_textlist ul.minsms li:nth-child(4) strong{
    background-image: url('/images/icon/icoSub48.svg');
}
.sub .icon_textlist ul.minsms li:nth-child(5) strong{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .icon_textlist ul.minsms li:nth-child(6) strong{
    background-image: url('/images/icon/icoSub109.svg');
}
.sub .icon_textlist ul li a:hover strong{
    text-decoration: underline;
}
.sub .icon_textlist .subTitle{
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 22px;
    color: var(--tit-color);
}
.moreTxt{
    display: none;
}
.moreTxt.on{
    display: inline;
}
.moreBtn{
    width: 15px;
    height: 9px;
    display: block;
    position: absolute;
    bottom: 34px;
    left: 50%;
    transform: translateX(-50%);
    background: url('/images/icon/icoArro_dw.svg')no-repeat center;
}
.moreBtn2{
    width: 15px;
    height: 9px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    display: block;
    background: url('/images/icon/icoArro_dw.svg')no-repeat center;
}
.moreBtn.one{
    bottom: 20px;
}
.moreBtn.on,
.moreBtn2.on,
.moreBtn.one.on{
    transform: rotate(180deg);
    left: 48%;
}
.sub .icon_textlist.compliant ul li .moreBtn.one{
    bottom: 34px;
}
.sub .icon_textlist.compliant ul li .moreBtn.one.on{
    left: 49%;
}
.sub .subTab{

}
.sub .subTab .top ul{
    display: flex;
    justify-content: space-evenly;
}
.sub .subTab .top ul li{
    width: 175px;
    padding: 22px 21px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.sub .subTab .top ul li span{
    display: block;
    padding-top: 60px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: center 0;
}
.sub .subTab .top ul li:nth-child(1) span{
    background-image: url('/images/icon/icoSub39_off.svg');
}
.sub .subTab .top ul li.on:nth-child(1) span{
    background-image: url('/images/icon/icoSub39.svg');
}
.sub .subTab .top ul li:nth-child(2) span{
    background-image: url('/images/icon/icoSub37_off.svg');
}
.sub .subTab .top ul li.on:nth-child(2) span{
    background-image: url('/images/icon/icoSub37.svg');
}
.sub .subTab .top ul li:nth-child(3) span{
    background-image: url('/images/icon/icoSub33_off.svg');
}
.sub .subTab .top ul li.on:nth-child(3) span{
    background-image: url('/images/icon/icoSub33.svg');
}
.sub .subTab .top ul li:nth-child(4) span{
    background-image: url('/images/icon/icoSub27_off.svg');
}
.sub .subTab .top ul li.on:nth-child(4) span{
    background-image: url('/images/icon/icoSub27.svg');
}
.sub .subTab .top ul li:nth-child(5) span{
    background-image: url('/images/icon/icoSub40_off.svg');
}
.sub .subTab .top ul li.on:nth-child(5) span{
    background-image: url('/images/icon/icoSub40.svg');
}
.sub .subTab .top ul li.on span{
    color: var(--em-color);
}
.sub .subTab .cont{
    width: 90%;
    margin: 40px auto 0px;
}
.sub .subTab .cont .tab{
    display: none;
    padding: 40px 48px;
    box-shadow: 1px 9px 20px 4px rgb(5 16 35 / 14%);
    border-radius: 16px;
    background-color: #fff;
}
.sub .subTab .cont .tab.on{
    display: block;
}
.sub .subTab .cont .tab h3{
    margin-bottom: 20px;
    font-size: 22px;
    color: var(--tit-color);
    padding: 0;
}
.sub .subTab .cont .tab h3 a{
    color: var(--tit-color);
}
.sub .subTab .cont .tab h3 a:hover{
    text-decoration: underline;
}
.sub .subTab .cont .tab h3 .tp-color03,
.sub .subTab .cont .tab h3 a .tp-color03{
    color: #04C9D2 !important;
}
.sub .subTab .cont .tab h3 a:hover .tp-color03{
    text-decoration: underline;
}
.sub .subTab .cont .tab h3 .tp-color04,
.sub .subTab .cont .tab h3 a .tp-color04{
    color: #564FCF !important;
}
.sub .subTab.normal{
    margin-top: 34px;
}
.sub .subTab.normal .top{

}
.sub .subTab.normal .top .moBtn{
    display: none;
}
.sub .subTab.normal .top ul{
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 145px;
}
.sub .subTab.normal .top ul li{
    width: auto;
    height: 36px;
    margin: 6px;
    padding: 3px 20px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 16px;
}
.sub .subTab.normal .top ul li.on{
    background-color: var(--em-color);
    border: 1px solid var(--em-color);
}
.sub .subTab .top ul li span{
    padding-top: 0;
}
.sub .subTab.normal .top ul li.on span{
    color: #fff;
}
.sub .subTab.normal .top ul li span,
.sub .subTab.normal .top ul li.on span{
    background-image: none;
}
.sub .subTab.normal .tp-door-list-bullet.tp-color02 li{
    color: #536170;
    margin-top: 5px;
}
.sub .subTab.normal .tp-door-list-bullet.tp-color02 li:nth-child(1){
    margin-top: 0;
}
.sub .subTab.normal .tp-door-list-bullet.tp-color02 li:before{
    background: #536170;
}
.sub .subTab.normal .tp-door-list-bullet li{
    margin-top: 0;
    font-size: 16px;
}
.sub .tp-door-cont.appointment .tp-door-side{
    margin: 17px 0;
}
.sub .tp-door-cont.appointment .tp-door-side:nth-of-type(1){
    margin-top: 40px;
}
.sub .appointment .content_box .tp-side-txt{
    margin-top: 0;
}
.sub .appointment .tp-side-img ~ .tp-side-txt,
.sub .appointment .tp-side-txt ~ .tp-side-img{
    margin-left: 150px;
}
.sub .appointment .tp-side-txt ~ .tp-side-img{
    margin-right:0;
}
.sub .appointment.tp-door-cont [class*=tp-side-img]:nth-child(2n){
    margin-left: 85px;
}
.sub .tp-door-cont.appointment .mobile-img{
    display: none;
}
.sub .appointment .tp-side-txt h3.tp-door-title{
    padding-top: 56px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico1{
    background-image: url('/images/icon/icoSub158.svg');
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico2{
    background-image: url('/images/icon/icoSub25.svg');
}
.sub .appointment .tp-side-txt h3.tp-door-title.ico3{
    background-image: url('/images/icon/icoSub44.svg');
}
.sub .tp-door-list-bullet li{
    padding-left: 12px;
}
.sub .tp-door-list-bullet li:before{
    top: 14px;
    background-color: #536170;
}
.sub .appointment .content_box{

}
.sub .appointment [class*=tp-side-txt]:nth-child(2n-1) {
    margin-left: 38px;
}
.sub .appointment .tp-door-list-bullet li{
    font-size: 16px;
}
.sub .appointment .fixsize{
    width: 350px;
}
.sub .content_box .iframeWrap{
    width: 560px;
    margin: 0 auto;
}
.sub .content_box .iframeWrap iframe{
    width: 100%;
    height: 315px;
}
.sub .content_box .iframeWrap.wb{
    margin-top: 80px;
}
.sub .flWrap{
    display: flex;
}
.sub .flWrap .flBox{
    padding-left: 78px;
}
.sub .flWrap .flBox h2{
    padding: 0 0px;
    text-align: left;
    font-size: 40px;
}
.sub .flWrap .flBox .subTxt{
    padding: 0;
    text-align: left;
}
.sub .flWrap .flBox.how_list{
    padding-left: 123px;
}
.sub .flWrap .flBox.how_list h3{
    margin-bottom: 20px;
    padding: 0;
    font-size: 22px;
}
.sub .flWrap .flBox.how_list ul{
    width: 477px;
    padding: 40px 24px;
}
.sub .flWrap .flBox.how_list ul li{
    padding: 20px 0;
}
.sub .flWrap .flBox.how_list ul li:nth-child(1){
    padding-top: 0;
}
.sub .flWrap .flBox.how_list ul li:last-child{
    padding-bottom: 0;
}
.sub .flWrap .flBox.how_list ul li em{
    font-size: 22px;
}
.sub .flWrap .sizeBox-2{
    flex: 2;
    padding-left: 124px;
}
.sub .flWrap .sizeBox-1{
    flex: 1;
}
.sub .targeting_example .example_list {
    padding: 40px 0 38px 0px;
}
.sub .phone_ani {
    width: 250px;
    height: 650px;
}
.sub .phone_ani .phone_img {
    position: relative;
    top: -110px;
}
.sub .phone_ani .phone {
    width: 250px;
    height: 500px;
    padding: 110px 0 89px 0;
    background: url(/images/auto/bg_phone.png) no-repeat;
}

.sub .phone_ani .phone ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.sub .phone_ani .phone ul {
    position: absolute;
    bottom: 65px;
}

.sub .phone_ani .phone ul li {
    overflow: hidden;
    position: relative;
    height: 0;
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
    opacity: 0;
}

.sub .phone_ani .phone ul li:nth-of-type(odd) {
    right: 25px;
    text-align: right;
    transform-origin: right bottom;
}

.sub .phone_ani .phone ul li:nth-of-type(even) {
    left: 25px;
    text-align: left;
}

.sub .phone_ani .phone ul li.motion {
    height: auto;
    transform: scale(1);
    opacity: 1;
}

.sub .phone_ani .phone ul li:nth-of-type(2) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(3) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(4) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(5) {
    transition-delay: .3s;
}

.sub .phone_ani .phone ul li:nth-of-type(6) {
    transition-delay: .3s;
}
.sub .roll_bt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    text-align: center;
}

.sub .roll_bt > button {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
}

.sub .roll_bt > button:first-child {
    margin-left: 0;
}

.sub .roll_bt > button.on,
.sub .roll_bt > button:hover {
    background: #0188EF;
}
.sub .phone_ani .roll_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
}

.sub .phone_ani .roll_num span {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #59c3c3;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 46px;
    background: #c7e8ee;
}
.sub .targeting_example .phone_ani {
    width: 179px;
    height: 453px;
    position: absolute;
    right: 9%;
}

.sub .targeting_example .phone_ani .phone {
    position: absolute;
    top: 62px;
    width: 176px;
    height: 356px;
    padding: 70px 0 65px 0;
    background-size: 179px;
}

.sub .targeting_example .phone_ani .roll_num span {
    color: #0188EF;
    background: #B2DBFA;
}

.sub .phone_ani .phone ul li.motion span {
    right: auto !important;
    left: 20px !important;
}

.roll_bt > button.on,
.sub .targeting_example .roll_bt > button:hover {
    background: #817dc5;
}

.sub .example_list ol li {
    position: relative;
    margin-bottom: 40px;
    padding-left: 49px;
}
.sub .example_list ol li:last-child{
    margin-bottom: 0;
}
.sub .example_list ol li em {
    display: block;
    position: absolute;
    top: -5px;
    left: 0;
    width: 30px;
    color: var(--tit-color);
    font-size: 22px;
    font-weight: 600;
}

.sub .example_list .bullet_list > li:after {
    width: 4px;
    height: 4px;
    top:11px;
    background: #536170;
}

.sub .phone_ani.stop .roll_bt,
.sub .phone_ani.stop .roll_num {
    display: none;
}

.sub .phone_ani.stop .phone ul li span:nth-of-type(1) {
    top: 10px;
    right: auto;
    left: 0;
    animation-name: none;
    animation-play-state: paused;
    opacity: 1;
    opacity: 1 !important;
}

.sub .phone_ani.stop .phone {
    top: 0;
}
.sub .targeting_example .trakPhone{
    width: 176px;
    height: 356px;
    position: relative;
    background: url(/images/auto/bg_phone.png) no-repeat;
    background-size: contain;
}
.sub .targeting_example .trakPhone img{
    position: absolute;
    top: 84px;
    left: 21px;
}
.sub .targeting_example h3{
    font-size: 22px;
    color: var(--tit-color);
}
.sub .targeting_example.big {
    margin: 0;
}
.sub .targeting_example.big .content_box{
    padding-left: 113px;
    padding-right: 79px;
}
.sub .targeting_example.big .phone_ani {
    right: 71%;
    top: 77px;
    width: 225px;
    height: 450px;
}

.sub .targeting_example.big .example_list {
    padding: 0px 0 0px 350px;
    border-bottom: none;
}
.sub .targeting_example.big .example_list h3{
    margin-bottom: 40px;
    padding-left: 0;
}
.sub .targeting_example.big .phone_ani .phone {
    top: 0;
    width: 225px;
    height: 450px;
    padding: 110px 0 89px 0;
    background-size: 225px;
}

.sub .targeting_example.big .phone_ani .roll_num {
    display: none;
}

.sub .targeting_example.big .phone_ani .roll_bt {
    display: none;
}

.sub .phone_ani .phone ul li.motion em {
    display: block;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
}

.sub .targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.sub .targeting_example.big .phone_ani .phone ul {
    bottom: 65px;
}

.sub .targeting_example.big.lead .phone_ani .phone ul {
    bottom: 110px;
}

.sub .targeting_example.big .phone_ani .phone ul li em {
    display: block;
    position: relative;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
    transition-delay: .5s;
}

.sub .targeting_example.big .phone_ani .phone ul li.motion em {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.sub .targeting_example.big .phone_ani .phone ul li {
    position: relative;
    transition: all ease-in-out;
}

.sub .targeting_example.big .phone_ani .phone ul li img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
}

.sub .targeting_example.big .phone_ani .phone ul li.motion img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(1);
}

.sub .phone_ani .phone ul li.motion.link {
    height: 80px;
    transition: all ease-in;
}

.sub .phone_ani .phone ul li.motion.link span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
}

.sub .phone_ani .phone ul li.motion.link span:nth-child(1) {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.sub .phone_ani .phone ul li.motion.link span:nth-child(2) {
    animation-name: emani2;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-fill-mode: backwards;
}

.sub .phone_ani .phone ul li.motion.link em {
    position: absolute;
    animation-name: emani3;
    animation-duration: 3s;
    animation-delay: 2s;
    opacity: 0;
}

.sub .phone_ani .phone ul li.motion span {
    right: auto !important;
    left: auto !important;
}

.sub .phone_ani.stop .phone ul {
    top: 80px;
    bottom: auto;
}

.sub .phone_ani.stop .phone ul li:nth-of-type(1) {
    right: 0;
    left: 25px;
    text-align: left;
}

.sub .phone_ani.sample1 .phone ul li:nth-of-type(odd) {
    left: 25px;
    text-align: left;
}
.sub .flWrap.report {
    margin-bottom: 40px;
}
.sub .flWrap .box:nth-of-type(1){

}
.sub .flWrap .box:nth-of-type(2){
    flex: 1;
}
.sub .flWrap .box + .box{
    margin-left: 84px;
}
.sub .flWrap .box .tit{
    margin-bottom: 20px;
    padding-top: 76px;
    color: var(--tit-color);
    font-size: 28px;
    background-repeat: no-repeat;
    background-size: 56px;
}
.sub .flWrap.report .box:nth-of-type(1) .tit{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .flWrap.report .box p{
    font-weight: 500;
}
.sub .flWrap .box:nth-of-type(1) .tit{
    background-image: url('/images/icon/icoSub71.svg');
}
.sub .flWrap .box:nth-of-type(2) .tit{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub .flWrap .box .bullet_list{
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 400;
}
.sub .flWrap .box .bullet_list > li{
    margin-bottom: 15px;
}
.sub .flWrap .box .bullet_list > li:after{
    top: 12px;
    background-color: #707070;
}
.sub .red{
    color: #EA657B;
}
.sub .how_work{

}
.sub .how_work ol{
    display: flex;
    flex-wrap: wrap;
    margin-top: -15px;
    margin-bottom: -15px;
}
.sub .how_work ol > li{
    width: 570px;
    height: auto;
    display: flex;
    margin: 15px;
    padding: 40px 24px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 14%);
    border-radius: 16px;
    overflow: hidden;
}
.sub .how_work ol > li .num{
    width: 45px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .how_work ol > li .wrap{
    padding-left: 8px;
}
.sub .how_work ol > li .bullet_list {
    padding-top: 20px;
}
.sub .how_work ol > li .bullet_list li{
    position: relative;
    margin-bottom: 9px;
    padding-left: 12px;
    font-size: 14px;
}
.sub .how_work ol > li .bullet_list li:last-child{
    margin-bottom: 0;
}
.sub .how_work ol > li .bullet_list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #536170;
}
.sub .animation .content_box{
    padding-left: 94px;
}
.sub .animation .tp-door-title.tp-type02{
    padding: 0;
    font-size: 22px;
    text-align: left;
}
.sub .animation .aniWrap{
    display: flex;
}
.sub .animation .aniWrap ol li{
    display: flex;
    margin-bottom: 40px;
}
.sub .animation .aniWrap ol li:last-child{
    margin-bottom: 0;
}
.sub .animation .aniWrap ol li .num{
    width: 45px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .animation .aniWrap ol li span{
    width: 616px;
}
.sub .animation .aniWrap .phone_ani{
    height: auto;
    margin-left: 106px;
    margin-top: -73px;
}
.sub .core_fe{
    margin-bottom: 20px;
}
.sub .core_fe .ball_list .ball{
    margin-top: 0;
}
.listImg{
    display: flex;
    align-items: flex-end;
}
.listImg li{
    width: 150px;
    height: 120px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 0 15px;
    padding-bottom: 15px;
    text-align: center;
}

.listImg li p{
    margin-top: 15px;
    font-size: 14px;
    font-weight: 500;
}


.icon_textlist.advantage ul li > strong {
    display: inline-block;
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.icon_textlist.advantage ul li > strong a {
    color: #01baef;
}

.icon_textlist.advantage ul li > span {
    display: block;
    margin-top: 10px;
}

.icon_textlist.advantage ul li > span > em {
    display: inline-block;
    position: relative;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-size: 16px;
}

.icon_textlist.advantage ul li:nth-of-type(1) {
    background: url(/images/core/icon_sns5.png) no-repeat 5px top;
}

.icon_textlist.advantage ul li:nth-of-type(2) {
    background: url(/images/core/icon_sns6.png) no-repeat 5px 40px;
}

.icon_textlist.advantage ul li:nth-of-type(3) {
    background: url(/images/core/icon_sns7.png) no-repeat 5px 40px;
}

.icon_textlist.advantage ul li:nth-of-type(4) {
    background: url(/images/core/icon_sns8.png) no-repeat 5px 40px;
}

.icon_textlist.signup {
    padding: 54px 0 0 0;
}

.icon_textlist.signup ul li > span {
    display: block;
}
.advantage_list.yesno .tooltip:after {
    background-position: 130px center !important;
}

.advantage_list.yesno .tooltip {
    width: 100%;
    max-width: 544px;
}

.icon_textlist.mobile ul li:nth-of-type(1) {
    background: url(/images/core/icon_mobile1.png) no-repeat 15px top;
}

.icon_textlist.mobile ul li:nth-of-type(2) {
    background: url(/images/core/icon_mobile2.png) no-repeat 15px 40px;
}

.icon_textlist.mobile ul li:nth-of-type(3) {
    background: url(/images/core/icon_mobile3.png) no-repeat 15px 40px;
}

.icon_textlist.mobile ul li:nth-of-type(4) {
    background: url(/images/core/icon_mobile4.png) no-repeat 15px 40px;
}

/*.auto_textlist.mobilekeyword {
    position: relative;
    padding: 0 338px 20px 0;
    border-bottom: solid 1px #ebebeb;
}

.auto_textlist.mobilekeyword:after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
    width: 328px;
    height: 410px;
    background: url(/images/core/mobile_keyword_img1.png) no-repeat;
}

.auto_textlist.mobilekeyword > ol > li:first-child {
    padding: 19px 40px 25px 96px;
}

.auto_textlist.mobilekeyword > ol > li {
    padding: 25px 40px 25px 96px;
}

.auto_textlist.mobilekeyword > ol > li > em.num {
    top: 5px;
}

.auto_textlist.mobilekeyword > ol > li:first-child > em.num {
    top: 0;
}

.auto_textlist.mobilekeyword > ol > li:nth-of-type(3) > em.num {
    top: 17px;
}*/

.icon_textlist.mobile .page-tit-depth4-puple {
    text-align: left;
}

.icon_textlist.mobile ul li {
    padding: 55px 40px 55px 209px;
    line-height: 32px;
}

.icon_textlist.mobile ul li:nth-of-type(1) {
    padding: 40px 40px 55px 209px;
    background: url(/images/core/mobile_keyword_img2.png) no-repeat left 10px;
}

.icon_textlist.mobile ul li:nth-of-type(2) {
    background: url(/images/core/mobile_keyword_img3.png) no-repeat left 40px;
}

.icon_textlist.mobile ul li:nth-of-type(3) {
    background: url(/images/core/mobile_keyword_img4.png) no-repeat left 40px;
}

.icon_textlist.mobile ul li:nth-of-type(4) {
    padding: 55px 40px 0 209px;
    background: url(/images/core/mobile_keyword_img5.png) no-repeat left 40px;
}

.icon_textlist.import ul li:nth-of-type(1) {
    background: url(/images/core/icon_import1.png) no-repeat 15px top;
}

.icon_textlist.import ul li:nth-of-type(2) {
    background: url(/images/core/icon_import2.png) no-repeat 15px 40px;
}

.icon_textlist.import ul li:nth-of-type(3) {
    background: url(/images/core/icon_import3.png) no-repeat 15px 44px;
}

.icon_textlist.import ul li:nth-of-type(4) {
    background: url(/images/core/icon_import6.png) no-repeat 15px 44px;
}

.icon_textlist.import ul li:nth-of-type(5) {
    background: url(/images/core/icon_import4.png) no-repeat 15px 44px;
}

.icon_textlist.appiont ul li:nth-of-type(1) {
    background: url(/images/core/icon_appointment1.png) no-repeat 25px top;
}

.icon_textlist.appiont ul li:nth-of-type(2) {
    background: url(/images/core/icon_appointment2.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li:nth-of-type(3) {
    background: url(/images/core/icon_appointment3.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li:nth-of-type(4) {
    background: url(/images/core/icon_appointment4.png) no-repeat 15px 46px;
}

.icon_textlist.appiont ul li .bullet_list {
    margin: 0 0 0 5px;
}

.icon_textlist.appiont ul li .bullet_list > li {
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    border-bottom: none;
    background: 0 0;
}

.page-tit-depth2.line-h span {
    line-height: 61px;
}

.page_Decsub.sms {
    padding: 0 290px 40px 0;
    font-size: 16px;
    font-weight: 400;
    background: url(/images/omni/bg_sms.png) no-repeat right top;
}

.icon_textlist.sms {
    padding: 0 0 50px 0;
}

.icon_textlist.sms h2 {
    margin-bottom: 40px;
}

.icon_textlist.sms h2.page-tit-depth4-green {
    text-align: center;
}

.icon_textlist.sms ul:after {
    content: "";
    display: block;
    clear: both;
}

.icon_textlist.sms ul li {
    float: left;
    width: 50%
}

.icon_textlist.sms ul li:nth-of-type(1),
.icon_textlist.sms ul li:nth-of-type(2) {
    height: 160px;
    padding: 0 40px 0 76px;
}

.icon_textlist.sms ul li:nth-of-type(3),
.icon_textlist.sms ul li:nth-of-type(4) {
    height: 206px;
    padding: 40px 20px 0 76px;
}

.icon_textlist.sms ul li:nth-of-type(1) {
    border-right: dashed 2px #e1e1e1;
    background: url(/images/omni/icon_sms1.png) no-repeat 5px 0;
}

.icon_textlist.sms ul li:nth-of-type(2) {
    padding: 0 0 0 96px;
    background: url(/images/omni/icon_sms2.png) no-repeat 30px 0;
}

.icon_textlist.sms ul li:nth-of-type(3) {
    border-right: dashed 2px #e1e1e1;
    border-bottom: none;
    background: url(/images/omni/icon_sms3.png) no-repeat 5px 44px;
}

.icon_textlist.sms ul li:nth-of-type(4) {
    padding: 40px 0 0 96px;
    background: url(/images/omni/icon_sms4.png) no-repeat 30px 44px;
}

.discover_sms {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
    padding: 44px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.discover_sms .title_sub {
    margin-top: 0;
    margin-bottom: 40px;
}

.discover_sms ul.discover_list {
    position: relative;
    left: -20px;
    width: 110%
}

.discover_sms ul.discover_list:after {
    content: "";
    display: block;
    clear: both;
}

.discover_sms ul.discover_list li {
    float: left;
    width: 150px;
    height: 150px;
    margin: 0 0 20px 20px;
}

.discover_sms ul.discover_list li a {
    display: block;
    padding: 99px 18px 0 18px;
    color: #3c4147;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: -.5px;
    line-height: 19px;
}

.discover_sms ul.discover_list li.discover1 {
    background: url(/images/omni/icon_sms13.png) no-repeat;
}

.discover_sms ul.discover_list li.discover2 {
    background: url(/images/omni/icon_sms14.png) no-repeat;
}

.discover_sms ul.discover_list li.discover3 {
    background: url(/images/omni/icon_sms15.png) no-repeat;
}

.discover_sms ul.discover_list li.discover4 {
    background: url(/images/omni/icon_sms16.png) no-repeat;
}

.discover_sms ul.discover_list li.discover5 {
    background: url(/images/omni/icon_sms17.png) no-repeat;
}

.discover_sms ul.discover_list li.discover6 {
    background: url(/images/omni/icon_sms18.png) no-repeat;
}

.discover_sms ul.discover_list li.discover7 {
    background: url(/images/omni/icon_sms19.png) no-repeat;
}

.discover_sms ul.discover_list li.discover8 {
    background: url(/images/omni/icon_sms20.png) no-repeat;
}

.discover_sms ul.discover_list li.discover9 {
    background: url(/images/omni/icon_sms21.png) no-repeat;
}

.discover_sms ul.discover_list li.discover10 {
    background: url(/images/omni/icon_sms22.png) no-repeat;
}

.discover_sms ul.discover_list li.discover11 {
    background: url(/images/omni/icon_sms23.png) no-repeat;
}

.discover_sms ul.discover_list li.discover12 {
    background: url(/images/omni/icon_sms24.png) no-repeat;
}

.discover_sms ul.discover_list li.discover13 {
    background: url(/images/omni/icon_sms25.png) no-repeat;
}

.discover_sms ul.discover_list li.discover14 {
    background: url(/images/omni/icon_sms26.png) no-repeat;
}

.discover_sms ul.discover_list li.discover15 {
    background: url(/images/omni/icon_sms27.png) no-repeat;
}

.icon_textlist.mms h2 {
    margin-bottom: 40px;
}

.icon_textlist.mms ul li:nth-of-type(1) {
    background: url(/images/omni/icon_mms1.png) no-repeat 24px 0;
}

.icon_textlist.mms ul li:nth-of-type(2) {
    background: url(/images/omni/icon_mms2.png) no-repeat 15px 44px;
}

.icon_textlist.mms ul li:nth-of-type(3) {
    background: url(/images/omni/icon_mms3.png) no-repeat 5px 22px;
}

.icon_textlist.mms ul li:nth-of-type(4) {
    background: url(/images/omni/icon_mms4.png) no-repeat 5px 22px;
}

.icon_textlist.mms ul li:nth-of-type(5) {
    background: url(/images/omni/icon_mms5.png) no-repeat 5px 22px;
}
.sub .trumpiaad2 .tp-door-title.tp-type02{
    margin-bottom: -15px;
}
.sub .trumpiaad2 .advantage_list ul li{
    height: 326px;
}
.advantage_list.trumpiaad2 ul li strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(1) {
    background: url(/images/omni/icon_mms6.png) no-repeat 5px 0;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(2) {
    background: url(/images/omni/icon_mms7.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(3) {
    padding: 40px 40px 40px 96px;
    background: url(/images/omni/icon_mms8.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(4) {
    background: url(/images/omni/icon_mms9.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(5) {
    background: url(/images/omni/icon_mms10.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(6) {
    background: url(/images/omni/icon_mms11.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(7) {
    background: url(/images/omni/icon_mms12.png) no-repeat 5px 44px;
}

.advantage_list.trumpiaad2 ul li:nth-of-type(8) {
    border-bottom: none;
    background: url(/images/omni/icon_mms13.png) no-repeat 5px 44px;
}

.icon_textlist.social ul li:nth-of-type(1) {
    background: url(/images/omni/icon_social1.png) no-repeat 15px 0;
}

.icon_textlist.social ul li:nth-of-type(2) {
    background: url(/images/omni/icon_social2.png) no-repeat 15px 44px;
}

.icon_textlist.social ul li:nth-of-type(3) {
    background: url(/images/omni/icon_social3.png) no-repeat 5px 44px;
}

.icon_textlist.voice h2 {
    margin-bottom: 40px;
    text-align: left;
}

.icon_textlist.voice ul li:nth-of-type(1) {
    background: url(/images/omni/icon_voice1.png) no-repeat 25px -1px;
}

.icon_textlist.voice ul li:nth-of-type(2) {
    background: url(/images/omni/icon_voice2.png) no-repeat 15px 35px;
}

.icon_textlist.voice ul li:nth-of-type(3) {
    background: url(/images/omni/icon_voice3.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(4) {
    background: url(/images/omni/icon_voice4.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(5) {
    background: url(/images/omni/icon_voice5.png) no-repeat 5px 22px;
}

.icon_textlist.voice ul li:nth-of-type(6) {
    border-bottom: none;
    background: url(/images/omni/icon_voice6.png) no-repeat 5px 22px;
}

.icon_textlist.report ul li:nth-of-type(1) {
    padding: 20px 40px 40px 96px;
    background: url(/images/core/ico_report1.png) no-repeat 25px top;
}

.icon_textlist.report ul li:nth-of-type(2) {
    background: url(/images/core/ico_report2.png) no-repeat 25px 22px;
}

.icon_textlist.report ul li:nth-of-type(3) {
    background: url(/images/core/ico_report3.png) no-repeat 15px 22px;
}

.advantage_list.social ul li strong {
    display: block;
    margin-bottom: 25px;
    color: #59c3c3;
    font-size: 20px;
}

.advantage_list.social ul li span {
    line-height: 32px;
}

.advantage_list.social ul li span em {
    color: #01baef;
}

.advantage_list.social ul li:first-child {
    padding: 0 40px 40px 246px;
}

.advantage_list.social ul li {
    min-height: 253px;
    padding: 40px 40px 40px 246px;
}

.advantage_list.social ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.advantage_list.social ul li:nth-of-type(1) {
    background: url(/images/omni/icon_social4.png) no-repeat 5px 0;
}

.advantage_list.social ul li:nth-of-type(2) {
    background: url(/images/omni/icon_social5.png) no-repeat 5px 44px;
}

.icon_textlist.email > h2 {
    margin-bottom: 40px;
}

.icon_textlist.email ul li:nth-of-type(1) {
    background: url(/images/omni/icon_email1.png) no-repeat 5px 0;
}

.icon_textlist.email ul li:nth-of-type(2) {
    background: url(/images/omni/icon_email2.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(3) {
    background: url(/images/omni/icon_email3.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(4) {
    background: url(/images/omni/icon_email4.png) no-repeat 5px 44px;
}

.icon_textlist.email ul li:nth-of-type(5) {
    background: url(/images/omni/icon_email5.png) no-repeat 5px 44px;
}

.advantage_list.email ul li strong {
    display: block;
}

.advantage_list.email > h2 {
    margin-bottom: 40px;
}

.advantage_list.email ul li:nth-of-type(1) {
    background: url(/images/omni/icon_email6.png) no-repeat 20px 0;
}

.advantage_list.email ul li:nth-of-type(2) {
    background: url(/images/omni/icon_email7.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(3) {
    padding: 40px 40px 40px 96px;
    background: url(/images/omni/icon_email8.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(4) {
    background: url(/images/omni/icon_email9.png) no-repeat 15px 44px;
}

.advantage_list.email ul li:nth-of-type(5) {
    background: url(/images/omni/icon_email10.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(6) {
    background: url(/images/omni/icon_email11.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(7) {
    background: url(/images/omni/icon_email12.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(8) {
    background: url(/images/omni/icon_email13.png) no-repeat 20px 44px;
}

.advantage_list.email ul li:nth-of-type(9) {
    background: url(/images/omni/icon_email14.png) no-repeat 14px 44px;
}

.voiceuse {
    margin: 40px 0 0 0;
}

.voiceuse .page-tit-depth4-blue {
    margin: 0 0 40px 0;
}

.voiceuse > ul > li {
    padding: 40px 0 40px 200px;
    border-bottom: dashed 2px #e1e1e1;
}

.voiceuse > ul > li > h3 {
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
}

.voiceuse > ul > li .bullet_list > li {
    margin-bottom: 0;
}

.voiceuse > ul > li:nth-of-type(1) {
    padding: 0 0 40px 200px;
    background: url(/images/omni/icon_voice7.png) no-repeat left top;
}

.voiceuse > ul > li:nth-of-type(2) {
    background: url(/images/omni/icon_voice8.png) no-repeat left 44px;
}

.voiceuse > ul > li:nth-of-type(3) {
    border-bottom: solid 2px #e1e1e1;
    background: url(/images/omni/icon_voice9.png) no-repeat left 24px;
}

.icon_textlist.landiline > h2 {
    margin-bottom: 40px;
}

.icon_textlist.landiline ul li:nth-of-type(1) {
    background: url(/images/core/icon_land1.png) no-repeat 16px top;
}

.icon_textlist.landiline ul li:nth-of-type(2) {
    background: url(/images/core/icon_land2.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(3) {
    background: url(/images/core/icon_land3.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(4) {
    background: url(/images/core/icon_land4.png) no-repeat 5px 35px;
}

.icon_textlist.landiline ul li:nth-of-type(5) {
    background: url(/images/core/icon_land5.png) no-repeat 25px 35px;
}

.whyland {
    margin-top: 20px;
    padding: 44px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.whyland > h2 {
    margin-bottom: 30px;
}

.whyland ul {
    position: relative;
    left: -2%
}

.whyland ul:after {
    content: "";
    display: block;
    clear: both;
}

.whyland ul li {
    float: left;
    width: 25%;
    height: 180px;
    padding-left: 2%
}

.whyland ul li span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 90px 10px 0 10px;
    border: solid 1px #e1e1e1;
    border-radius: 8px;
    text-align: center;
}

.whyland ul li:nth-of-type(1) span {
    background: url(/images/core/icon_land6.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(2) span {
    background: url(/images/core/icon_land7.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(3) span {
    background: url(/images/core/icon_land8.png) no-repeat center 30px;
}

.whyland ul li:nth-of-type(4) span {
    background: url(/images/core/icon_land9.png) no-repeat center 22px;
}

.advantage_list.landline {
    margin-top: 60px;
}

.advantage_list.landline ul li:nth-of-type(1) {
    background: url(/images/core/icon_land10.png) no-repeat 15px top;
}

.advantage_list.landline ul li:nth-of-type(2) {
    background: url(/images/core/icon_land11.png) no-repeat 20px 35px;
}

.advantage_list.landline ul li:nth-of-type(3) {
    background: url(/images/core/icon_land12.png) no-repeat 30px 25px;
}

.icon_textlist.textto ul li:nth-of-type(1) {
    background: url(/images/core/icon_textto1.png) no-repeat 5px top;
}

.icon_textlist.textto ul li:nth-of-type(2) {
    background: url(/images/core/icon_textto2.png) no-repeat 15px 35px;
}

.icon_textlist.textto ul li:nth-of-type(3) {
    background: url(/images/core/icon_textto3.png) no-repeat 15px 35px;
}

.advantage_list.textto ul li strong {
    display: block;
    margin-bottom: 5px;
}

.advantage_list.textto ul li:nth-of-type(1) {
    background: url(/images/core/icon_textto4.png) no-repeat 15px top;
}

.advantage_list.textto ul li:nth-of-type(2) {
    background: url(/images/core/icon_textto5.png) no-repeat 15px 40px;
}

.advantage_list.textto ul li:nth-of-type(3) {
    background: url(/images/core/icon_textto6.png) no-repeat 9px 41px;
}

.advantage_list.textto ul li:nth-of-type(4) {
    background: url(/images/core/icon_textto7.png) no-repeat 9px 44px;
}

.advantage_list.textto ul li:nth-of-type(5) {
    background: url(/images/core/icon_textto8.png) no-repeat 13px 44px;
}

.icon_textlist.masstext .page-tit-depth4-green {
    margin-bottom: 40px;
}

.icon_textlist.masstext ul li:nth-of-type(1) {
    background: url(/images/core/icon_mass1.png) no-repeat 16px top;
}

.icon_textlist.masstext ul li:nth-of-type(2) {
    background: url(/images/core/icon_mass2.png) no-repeat 5px 42px;
}

.icon_textlist.masstext ul li:nth-of-type(3) {
    background: url(/images/core/icon_mass3.png) no-repeat 16px 42px;
}

.icon_textlist.masstext1 .page_Decsub {
    margin-bottom: 40px;
    padding: 0;
    border-bottom: none;
}

.icon_textlist.masstext1 .page-tit-depth4-blue {
    margin-bottom: 0;
}

.icon_textlist.masstext1 ul li:nth-of-type(1) {
    background: url(/images/core/icon_mass4.png) no-repeat 16px top;
}

.icon_textlist.masstext1 ul li:nth-of-type(2) {
    background: url(/images/core/icon_mass5.png) no-repeat 16px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(3) {
    background: url(/images/core/icon_mass6.png) no-repeat 23px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(4) {
    background: url(/images/core/icon_mass7.png) no-repeat 19px 35px;
}

.icon_textlist.masstext1 ul li:nth-of-type(5) {
    background: url(/images/core/icon_mass8.png) no-repeat 15px 35px;
}

.sample_mass {
    margin: 20px 0 0 0;
    padding: 60px 0 0 0;
    border-top: solid 2px #e1e1e1;
}

.sample_mass > h3 {
    margin-bottom: 40px;
}

.sample_mass ul {
    position: relative;
    left: -1%
}

.sample_mass ul li {
    float: left;
    width: 32.3%;
    margin: 0 0 1% 1%
}

.sample_mass ul li div {
    height: 247px;
    padding: 90px 10px 0 10px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    text-align: center;
}

.sample_mass ul li div strong {
    display: block;
}

.sample_mass ul li:nth-of-type(1) div {
    background: url(/images/core/icon_mass9.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(2) div {
    background: url(/images/core/icon_mass10.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(3) div {
    background: url(/images/core/icon_mass11.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(4) div {
    background: url(/images/core/icon_mass12.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(5) div {
    background: url(/images/core/icon_mass13.png) no-repeat center 22px;
}

.sample_mass ul li:nth-of-type(6) div {
    background: url(/images/core/icon_mass14.png) no-repeat center 22px;
}
.icon_textlist.send ul li:nth-of-type(1) {
    background: url(/images/core/icon_send1.png) no-repeat 15px top;
}

.icon_textlist.send ul li:nth-of-type(2) {
    background: url(/images/core/icon_send2.png) no-repeat 15px 40px;
}

.icon_textlist.send ul li:nth-of-type(3) {
    background: url(/images/core/icon_send3.png) no-repeat 5px 40px;
}

.icon_textlist.send ul li:nth-of-type(4) {
    background: url(/images/core/icon_send4.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(1) {
    background: url(/images/core/icon_textvote1.png) no-repeat left top;
}

.icon_textlist.textvote ul li:nth-of-type(2) {
    background: url(/images/core/icon_textvote2.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(3) {
    background: url(/images/core/icon_textvote3.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(4) {
    background: url(/images/core/icon_textvote4.png) no-repeat 15px 40px;
}

.icon_textlist.textvote ul li:nth-of-type(5) {
    background: url(/images/core/icon_textvote5.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(1) {
    background: url(/images/core/icon_qr1.png) no-repeat 15px top;
}

.icon_textlist.qrcode ul li:nth-of-type(2) {
    background: url(/images/core/icon_qr2.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(3) {
    background: url(/images/core/icon_qr3.png) no-repeat 15px 40px;
}

.icon_textlist.qrcode ul li:nth-of-type(4) {
    background: url(/images/core/icon_qr4.png) no-repeat 15px 40px;
}

.page_Decsub.shuffle {
    padding: 0;
    border-bottom: none;
}

.icon_textlist.shuffle {
    margin: 20px 0 0 0;
}

.icon_textlist.shuffle ul li:nth-of-type(1) {
    background: url(/images/core/icon_shuffle1.png) no-repeat 15px top;
}

.icon_textlist.shuffle ul li:nth-of-type(2) {
    background: url(/images/core/icon_shuffle2.png) no-repeat 15px 40px;
}

.icon_textlist.shuffle ul li:nth-of-type(3) {
    background: url(/images/core/icon_shuffle3.png) no-repeat 15px 40px;
}

.dataset_dec {
    position: relative;
    margin-bottom: 50px;
    padding: 0 243px 50px 0;
    border-bottom: solid 1px #ebebeb;
}

.dataset_dec.fulltext {
    padding: 0 0 30px 0;
    border-bottom: none;
}

.dataset_dec.fulltext:after,
.dataset_dec.fulltext:before {
    display: none;
}

.title_h2blue {
    margin-bottom: 14px;
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
}

.dataset_dec:before {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background-color: #def3f3;
}

.dataset_dec:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    right: 0;
    width: 220px;
    height: 220px;
    background: url(/images/enterprise/icon_account.png) no-repeat center center;
}
.icon_textlist.branding h2 {
    text-align: left;
}

.icon_textlist.branding ul li:nth-of-type(1) {
    background: url(/images/enterprise/icon_branding1.png) no-repeat 5px top;
}

.icon_textlist.branding ul li:nth-of-type(2) {
    background: url(/images/enterprise/icon_branding2.png) no-repeat 5px 35px;
}

.page_dec {
    padding-bottom: 50px;
    border-bottom: solid 1px #ebebeb;
    font-size: 16px;
    line-height: 30px;
}

.auto_textlist {
    margin-top: 42px;
}

.auto_textlist > ol > li {
    position: relative;
    padding: 40px 40px 40px 96px;
    border-bottom: dashed 2px #e1e1e1;
}

.auto_textlist > ol > li:first-child {
    padding: 19px 40px 40px 96px;
}

.auto_textlist > ol > li > em.num {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    color: #c7e8e8;
    font-size: 65px;
    font-weight: 700;
}

.auto_textlist > ol > li:first-child > em.num {
    top: 0;
}

.auto_textlist > ol > li > span,
.auto_textlist > ol > li > strong {
    display: block;
    margin-bottom: 5px;
}

.auto_textlist > ol > li > .bullet_list > li {
    margin-bottom: 5px;
}

.auto_textlist > ol > li:nth-last-of-type(1) {
    border-bottom: none;
}

.auto_textlist .text_line {
    position: relative;
    top: 11px;
}

.auto_textlist > ol > li:first-child .text_line {
    top: 21px;
}

.auto_textlist .link {
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.page-tit-depth4-puple {
    width: 100%;
    color: #817dc5;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
}

.target_img {
    position: relative;
    top: -12px;
    left: 8px;
}

.category_wrap {
    padding: 55px 0 30px 0;
    border-top: solid 2px #ebebeb;
    border-bottom: solid 2px #ebebeb;
}

.category_wrap h3 {
    margin-bottom: 20px;
}

.category_wrap p {
    margin-bottom: 20px;
}

.category_wrap .bullet_list {
    margin: 0 0 30px 40px;
}

.category_wrap .bullet_list li {
    margin-bottom: 5px;
}

.report_custom {
    padding: 55px 0 0 0;
}

.report_custom h3 {
    margin-bottom: 20px;
}

.targeting_sub .page-tit-depth2-blue {
    margin-bottom: 15px;
}
.sub .intg .img_textbox{
    padding: 0 30px;
}
.sub .intg .img_textbox.salesforce{
    margin-top: 56px;
}
.sub .intg h2.tp-door-title{
    margin-bottom: 40px;
    padding-left: 30px;
}
.sub .intg .page_Decsub{
    margin-bottom: 80px;
}
.sub .intg .img_textbox + .img_textbox{
    margin-top: 50px;
}
.sub .intg .img_textbox .tp-door-title{
    /*position: relative;*/
    margin-bottom: 10px;
    /*padding-top: 130px;*/
    font-size: 22px;
}
/*
.sub .intg .img_textbox .tp-door-title:after {
    width: 140px;
    height: 100%;
    display: block;
    position: absolute;
    top: -0;
    left: 0;
    content: "";
}*/
.sub .intg .img_textbox > p{
    font-size: 18px;
}
/*
.sub .intg .img_textbox.salesforce .tp-door-title:after {
    background: url(/images/auto/logo_salesforce.png) no-repeat center top;
    background-size: contain;
}

.sub .intg .img_textbox.zapier .tp-door-title:after {
    background: url(/images/auto/logo_zapier.png) no-repeat center top;
    background-size: contain;
}

.sub .intg .img_textbox.typeform .tp-door-title:after {
    background: url(/images/auto/logo_typeform.png) no-repeat center top;
    background-size: contain;
}*/

/***********240514 integration 수정************/
.sub .intg .img_textbox{
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
}
.sub .intg .img_textbox.reverse{
    flex-direction: row-reverse;
}
.sub .intg .img_textbox.zapier{
    flex-wrap: wrap;
}
.sub .intg .img_textbox.zapier .txtBox{
    flex: 1;
}
.sub .intg .img_textbox .imgBox img{
    display: block;
    width: 140px;
    height: auto;
}
.sub .intg .integrations_list{
    width: 100%;
    padding-left: 180px;
    margin-top: 0;
}
/**********************/

.sub .intg.img_textbox.zapier > p {
    position: relative;
    padding-bottom: 20px;
    line-height: 26px;
}
.sub .intg .integrations_list .txt{
    font-size: 15px;
    font-weight: 600;
    color: #3C4147;
}
.sub .intg .integrations_list ol{
    margin-top: 20px;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
}
.sub .intg .integrations_list li{
    width: 100%;
    padding: 28px 30px;
    border-bottom: 1px solid #E1E1E1;
    display: flex;
    align-items: center;
}
.sub .intg .integrations_list li:last-child{
    border-bottom: 0;
}
.sub .intg .integrations_list li i{
    width: 144px;
    height: 72px;
    margin-right: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.sub .intg .integrations_list li:nth-child(1) i{
    background-image: url('/images/icon/ico_int1.svg');
}
.sub .intg .integrations_list li:nth-child(2) i{
    background-image: url('/images/icon/ico_int2.svg');
}
.sub .intg .integrations_list li:nth-child(3) i{
    background-image: url('/images/auto/logo_zapier.png');
    background-size: 70%;
}
.sub .intg .integrations_list li p{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #3C4147;
    position: relative;
    padding-left: 34px;
}
.sub .intg .integrations_list li p::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #054a8f;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.sub .intg .integrations_list li:nth-child(1) p::before{
    content: '1';
}
.sub .intg .integrations_list li:nth-child(2) p::before{
    content: '2';
}
.sub .intg .integrations_list li:nth-child(3) p::before{
    content: '3';
}
.sub .intg .integrations_list li p .txtBlue {
    color: #0188EF;
}
.sub .intg .integrations_list .zapier_list {
    position: relative;
    margin-top: 20px;
}
.sub .intg .integrations_list .zapier_list li{
    display: block;
    position: relative;
    padding: 0 0 0 16px;
    border: 0;
    font-size: 15px;
}
.sub .intg .integrations_list .zapier_list li::before{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgb(60, 65, 71, 0.8);
}
.sub .intg .integrations_list .zapier_list li.none{
    display: none;
}
.sub .intg .integrations_list .zapier_list li.block{
    display: block;
}
.sub .intg .integrations_list .zapier_list::after{
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 150px;
    background: transparent linear-gradient(180deg, #ffffff00 0, #fff 100%) 0 0 no-repeat;
}
.sub .intg .integrations_list .zapier_list.none::after{
    display: none;
}
.sub .intg .integrations_list .see-all-use-cases{
    position: relative;
    font-size: 16px;
    font-weight: 500;
    color: #3C4147;
    padding-top: 40px;
    margin-top: 80px;
    cursor: pointer;
}
.sub .intg .integrations_list .see-all-use-cases::before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19.996' viewBox='0 0 20 19.996'%3E%3Cg id='그룹_6644' data-name='그룹 6644' transform='translate(-965 -10090.5)'%3E%3Cpath id='_8726260_scroll_icon' data-name='8726260_scroll_icon' d='M14.813,13.622a1.728,1.728,0,0,0,2.365,0l8.328-7.913a1.534,1.534,0,0,0,0-2.247,1.735,1.735,0,0,0-2.365,0L16,10.266,8.851,3.461a1.735,1.735,0,0,0-2.365,0,1.534,1.534,0,0,0,0,2.247Z' transform='translate(959.004 10096.406)' fill='%233C4147'/%3E%3Cpath id='_8726260_scroll_icon-2' data-name='8726260_scroll_icon' d='M14.813,13.622a1.728,1.728,0,0,0,2.365,0l8.328-7.913a1.534,1.534,0,0,0,0-2.247,1.735,1.735,0,0,0-2.365,0L16,10.266,8.851,3.461a1.735,1.735,0,0,0-2.365,0,1.534,1.534,0,0,0,0,2.247Z' transform='translate(959.004 10087.504)' fill='%233C4147'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}
.sub .intg .integrations_list .see-all-use-cases.on::before{
    transform: translateX(-50%) rotate(180deg);
}
/**********************/
/*
.sub .intg .integrations_list li::before{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 47%;
    left: -10px;
    border: 1px solid #E1E1E1;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    font-size: 12px;
    color: #808080;
}
.sub .intg .integrations_list li:nth-child(1)::before{
    content: '1';
}
.sub .intg .integrations_list li:nth-child(2)::before{
    content: '2';
}
.sub .intg .integrations_list li:nth-child(3)::before{
    content: '3';
}
.sub .intg .integrations_list li::after{
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    right: -50px;
    top: 45%;
    background-image: url('/images/icon/icoArrw.png');
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}
.sub .intg .integrations_list li:last-child::after{
    background: none;
}
.sub .intg .integrations_list li + li{
    margin-left: 80px;
}
.sub .intg .integrations_list li:nth-child(1) i{
    background-image: url('/images/icon/ico_int1.svg');
}
.sub .intg .integrations_list li:nth-child(2) i{
    background-image: url('/images/icon/ico_int2.svg');
}
.sub .intg .integrations_list li:nth-child(3) i{
    background-image: url('/images/auto/logo_zapier.png');
}
.sub .intg .integrations_list li .txtBlue {
    color: #0188EF;
}
.sub .intg .integrations_list .txtWrap{
    display: flex;
}
.sub .intg .integrations_list .bull{
    margin-top: 20px;
    font-size: 14px;
}
.sub .intg .integrations_list i.dot{
    width: 8px;
    height: 8px;
    display: block;
    margin-top: 27px;
    padding-right: 18px;
    background: url('/images/common/ico_dot.svg')no-repeat 0 0px;
    content: '';
}
.sub .intg .integrations_list .boxWrap + .boxWrap{
    margin-top: 30px;
}
.sub .intg .integrations_list .boxOuter{
    padding: 0 18px;
}
.sub .intg .integrations_list .box{
    width: 100%;
    max-width: 730px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 9px;
    padding: 20px 30px;
    background-color: #FAFAFA;
    border: 1px solid #C9C9C9;
    border-radius: 10px;
}
.sub .intg .integrations_list .box.nowrap{
    display: block;
    padding: 20px 30px;
}
.sub .intg .integrations_list .box.nowrap div{
    display: flex;
    align-items: center;
}
.sub .intg .integrations_list .box.nowrap div + div{
    margin-top: 10px;
}
.sub .intg .integrations_list .box p{
    width: 50%;
    font-size: 12px;
    font-weight: 400;
    color: #3C4147;
}
.sub .intg .integrations_list .box.nowrap p{
    width: 50%;
}
.sub .intg .integrations_list .box.nowrap p + p{
    padding-left: 0;
}
.sub .intg .integrations_list .box p img{
    margin-right: 10px;
}
*/
.sub.autotxtmsg .campaign{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.autotxtmsg .campaign li{
    width: 360px;
    text-align: center;
}
.sub.autotxtmsg .campaign li img{
    width: 120px;
    height: 120px;
    margin-bottom: 32px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 10px 20px 0px rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .campaign li .title{
    margin-bottom: 15px;
    color: var(--tit-color);
    font-size: 22px;
}
.sub .iframBox{
    margin: 0 auto;
}
.sub .iframBox iframe{
    width: 49%;
    height: 100%;
    box-sizing: border-box;
}
.sub .youtubeVD{
    display: flex;
    justify-content: space-between;
}
.sub .youtubeVD a{
    width: 48%;
    box-sizing: border-box;
}
.sub .youtubeVD a img{
    width: 100%;
}
.sub.autotxtmsg .basic{

}
.sub.autotxtmsg .basic li{
    position: relative;
    width: 100%;
    margin: 40px 0;
    padding: 40px 50px;
    border-radius: 16px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .basic li:last-child{
    margin-bottom: 0;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04{
    padding: 5px 0 5px 54px;
    font-size: 22px;
    color: var(--tit-color);
    background-size: 44px;
    background-repeat: no-repeat;
    background-position: 0 center;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a{
    position: relative;
    padding-right: 30px;
    color: var(--tit-color);
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a:after{
    width: 20px;
    height: 14px;
    position: absolute;
    right: 0;
    bottom: 7px;
    content: '';
    background-image: url('/images/common/ico_anchor.png');
    background-size: 20px 14px;
}
.sub.autotxtmsg .basic li .tp-door-title.tp-type04 a:hover{
    text-decoration: underline;
}
.sub.autotxtmsg .basic li:nth-child(1) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub.autotxtmsg .basic li:nth-child(2) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub02.svg');
}
.sub.autotxtmsg .basic li:nth-child(3) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub45.svg');
}
.sub.autotxtmsg .basic li:nth-child(4) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub74.svg');
}
.sub.autotxtmsg .basic li:nth-child(5) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub64.svg');
}
.sub.autotxtmsg .basic li:nth-child(6) .tp-door-title.tp-type04{
    background-image: url('/images/icon/icoSub48.svg');
}

.sub.autotxtmsg .tp-door-cont .tp-door-side.pd {
    padding-top: 40px;
}
.sub.autotxtmsg .tp-side-txt .tp-door-title.tp-type03{
    margin-top: 0;
}
.sub.autotxtmsg .dashed{
    border-bottom: 2px dashed #E0E4EA;
}
.sub.autotxtmsg .tracking{
    margin-top: 80px;
    padding-bottom: 80px;
}
.sub.autotxtmsg .tracking .tp-side-txt .tp-door-desc{
    margin-top: 10px;
}
.sub.autotxtmsg .tracking .list li{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.autotxtmsg .tracking .list li div{
    width: 45%;
}
.sub.autotxtmsg .tracking .list li div p{
    padding-top: 64px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 44px;
}
.sub.autotxtmsg .tracking .list li div p.ico1{
    background-image: url('/images/icon/icoSub38.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico2{
    background-image: url('/images/icon/icoSub107.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico3{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub.autotxtmsg .tracking .list li div p.ico4{
    background-image: url('/images/icon/icoSub108.svg');
}
.sub.autotxtmsg .itg{
    margin-bottom: 40px;
    padding: 0 106px;
    text-align: center;
}
.sub.autotxtmsg .itg .tp-side-img{
    margin: 40px auto;
}
.sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row {
    display: flex;
    justify-content: space-around;
    margin:40px 0 80px;
}
.sub.autotxtmsg .content_box .itg .tp-side-txt{
    text-align: center;
}
.sub.autotxtmsg .iframe-type.row iframe{
    width: 570px;
    height: 350px;
}
.sub.autotxtmsg .api_listWrap{
    position: relative;
}
.sub.autotxtmsg .api_list{
    text-align: center;
}
.sub.autotxtmsg .api_list_title{
    margin-bottom: 40px;
    font-size: 22px;
    color: var(--tit-color);
    text-align: center;
}
.sub.autotxtmsg .api_list ul{
    display: flex;
}
.sub.autotxtmsg .api_list ul li{
    width: 224px;
    height: 416px;
    padding: 30px 19px;
    border-radius: 16px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.autotxtmsg .api_list ul li + li{
    margin-left: 20px;
}
.sub.autotxtmsg .api_list ul li div{
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    line-height: 60px;
    border-radius: 50%;
    background-color: #F2F8FF;
}
.sub.autotxtmsg .api_list ul li img{
    width: 27px;
    height: 27px;
    object-fit: contain;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li{
    width: 49%;
    padding: 40px 30px;
}
.sub.autotxtmsg .getstart .tp-door-title-sub{
    margin-bottom: 40px;
    padding: 0 30px;
}
.sub.autotxtmsg .getstart .tp-door-title.tp-type04{
    font-size: 22px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li{
    display: flex;
    padding-left: 0;
    border-bottom: 2px dashed #e0e0e0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li>ul>li{
    border-bottom: 2px dashed #e0e0e0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li:last-child,
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li>ul>li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li .br{
    display: block;
    margin-top: 12px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ul{
    margin-top: 40px;
    padding-left: 20px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ul li{
    padding-left: 0;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol{
    margin-top: 40px;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li .num{
    width: 20px;
    font-weight: 500;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol li .cont{
    flex: 1;
}
.sub.autotxtmsg .getstart .tp-door-list-card-type04>li img{
    margin-top: 40px;
}
.sub.autotxtmsg .tp-side-img.mo{
    display: none;
}
.sub.autotxtmsg .moreTxt.tw{
    display: unset;
}
.sub.autotxtmsg .moreBtn.tw{
    display: none;
}
.sub.autotxtmsg .btn_prev,
.sub.autotxtmsg .btn_next{
    display: none;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 60%;
    background-color: #E3EAF2;
    border-radius: 50%;
    color: transparent;
    z-index: 1;
}
.sub.autotxtmsg .btn_prev{
    left: -6px;
}
.sub.autotxtmsg .btn_next{
    right: -6px;
}
.sub.autotxtmsg .btn_prev:after,
.sub.autotxtmsg .btn_next:after{
    content: "";
    position: absolute;
    top: 50%;
    width: 7px;
    height: 7px;
    border-top: 2px solid #536170;
    border-left: 2px solid #536170;
}
.sub.autotxtmsg .btn_prev:after{
    left: 12px;
    transform: translateY(-50%) rotate(-45deg);
}
.sub.autotxtmsg .btn_next:after{
    right: 12px;
    transform: translateY(-50%) rotate(135deg);
}
.sub .spt_list{
    margin-top: 40px;
}
.sub .spt_list ul li{
    display: flex;
    justify-content: space-between;
}
.sub .spt_list ul li + li{
    margin-top: 60px;
}
.sub .spt_list ul li .box{
    width: 550px;
}
.sub .spt_list ul li .box .spt_tit{
    font-size: 22px;
    margin-bottom: 10px;
    padding-top: 72px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 56px;
}
.sub .spt_list ul li .box .spt_tit a{
    color: var(--tit-color);
}
.sub .spt_list ul li .box .spt_tit a:hover{
    text-decoration: underline;
}
.sub .spt_list ul li:nth-child(1) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub109.svg');
}
.sub .spt_list ul li:nth-child(1) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .spt_list ul li:nth-child(2) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .spt_list ul li:nth-child(2) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub59.svg');
}
.sub .spt_list ul li:nth-child(3) .box.ico1 .spt_tit{
    background-image: url('/images/icon/icoSub90.svg');
}
.sub .spt_list ul li:nth-child(3) .box.ico2 .spt_tit{
    background-image: url('/images/icon/icoSub57.svg');
}
.sub .spt_list ul li .subBox{
    margin-top: 16px;
}
.sub .spt_list ul li .subBox p{
    margin-bottom: 10px;
    padding-left: 14px;
    background: url('/images/icon/icoArro-blue.svg')no-repeat 0 center;
}
.sub .spt_list ul li .subBox p a{
    color: var(--em-color);
    font-weight: 600;
}
.sub .spt_list ul li .subBox.flx{
    display: flex;
    flex-wrap: wrap;
}
.sub .spt_list ul li .subBox.flx p{
    width: 50%;
}
.sub_text {
    padding: 35px 0;
    border-bottom: dashed 2px #e1e1e1;
}

.sub_text:nth-last-of-type(1) {
    padding: 35px 0 0 0;
    border-bottom: none;
}

.sub_text h4 {
    margin-bottom: 30px;
}

.sub_text ul li > span > span {
    display: block;
    margin-top: 14px;
    padding: 0 30px;
}
#contact_wrap {
    padding: 80px 0;
}
#contact_wrap h1{
    margin-bottom: 40px;
    font-size: 24px;
}
#contact_wrap h1 > p{
    font-size: 16px;
    color: #536170;
    font-weight: 400;
    margin-top: 16px;
}
#contact_wrap .form_wrap{
    width: 916px;
    min-height: 510px;
    padding: 40px 67px;
}
#contact_wrap .form-columns-2 > div{
    margin-bottom: 12px;
}
#contact_wrap .hbspt-form {
    margin-bottom: 24px;
}
#contact_wrap .hbspt-form .hs-form-field .input input{
    height: 46px;
    font-size: 16px;
}
#contact_wrap .hbspt-form .hs-form-field label{
    display: inline-block;
    margin-bottom: 8px;
    font-size: 16px;
}
#contact_wrap .hbspt-form .hs-error-msgs label{
    font-size: 16px;
}
#contact_wrap .form_wrap .hs-submit {
    text-align: center;
}
#contact_wrap .form_wrap .actions{
    margin-top: 24px;
}
#contact_wrap .form_wrap .actions .hs-button{
    min-width: 142px;
    padding: 6px 20px;
    background: #01BAEF;
}
#contact_wrap.green {
    background-color: #59c3c3;
}

.form_wrap {
    position: relative;
    width: 980px;
    margin: 0 auto;
    padding: 48px 99px 48px 99px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 20px 0px rgba(41 73 99 / .16);
}

.form_wrap .title,
.form_wrap h1 {
    width: 100%;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 26px;
    text-align: center;
}

.btn_center {
    display: block;
    padding-top: 5px;
    text-align: center;
}

.btn_center .btn {
    width: 352px;
}

.btn_center .btn > span {
    width: 352px;
}

.form_wrap p.dec_text {
    width: 100%;
    padding: 0;
    color: #86909B;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.advantage_list.drip {
    padding: 0;
    border-top: none;
}

.advantage_list.drip ul li:nth-of-type(1) {
    background: url(/images/auto/icon_drip1.png) no-repeat 26px top;
}

.advantage_list.drip ul li:nth-of-type(2) {
    background: url(/images/auto/icon_drip2.png) no-repeat 9px 35px;
}

.advantage_list.drip ul li:nth-of-type(3) {
    background: url(/images/auto/icon_drip3.png) no-repeat 9px 35px;
}

.advantage_list.drip ul li .bullet_list {
    margin: 5px 0 0 20px;
}

.advantage_list.drip ul li .bullet_list li {
    margin-bottom: 5px;
    padding: 0 0 0 12px;
    border: none;
    background: 0 0;
}

.advantage_list.drip ul li strong {
    display: block;
}

.integrations .page_dec {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
}

.integrations .page-tit-depth2-blue {
    font-size: 40px;
    color: #01baef;
    font-weight: 700;
}

.integrations .page-tit-depth3-black {
    font-size: 30px;
    text-align: left;
}


.zapier_table {
    margin: 40px 0;
}

.zapier_table th {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 18px;
}

.zapier_table .td_left,
.zapier_table .td_right {
    padding: 15px 20px 20px 20px;
    vertical-align: top;
    position: relative;
}

.zapier_table .td_left {
    width: 35%
}

.zapier_table td {
    border: 1px solid #ebebeb;
}

.zapier_table li {
    position: relative;
    padding-left: 15px;
}

.zapier_table li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #3c4147;
}

.sub .integration_services {
    padding: 70px 0 50px 0;
}

.integration_services .title-dp3,
.integration_services h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
}

.integration_services h3 {
    font-size: 30px;
}

.sub .automation_intro.integrations {
    display: flex;
    flex-wrap: wrap;
}

.left_desc_form_right {
    margin-right: 44px;
    line-height: 34px;
}

.left_desc_form_right p {
    font-weight: 600;
    font-size: 18px;
}
.sub .automation_intro.integrations .get_pricing_form{
    width: 100%;
    max-width: 814px;
    margin: 40px auto 0;
    box-shadow: 0 20px 40px 0 rgba(41 73 99 / 40%);
    border-radius: 20px;
}
.get_pricing_form strong {
    display: block;
    padding: 25px 50px 0;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    background: #0756A4;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-radius: 20px 20px 0 0;
}

.automation_intro .formboox .hbspt-form {
    margin-bottom: 0;
    padding: 0px 50px 25px 50px;
    background-image: linear-gradient(180deg, #0756A4, #033C7E);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
}
.get_pricing_form.formboox .hbspt-form .hs-form-field .input{
    margin-top: 12px;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field label {
    margin-top: 10px;
}

.get_pricing_form.formboox .hbspt-form .hs-error-msgs label{
    color: #FFC45C !important;
    font-size: 14px;
    font-weight: 400;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field input{
    height: 46px;
    padding:  15px 11px;
    border-radius: 6px;
    border: 1px solid #D1D1D1;
}
.get_pricing_form.formboox .hbspt-form .hs-form-field input::placeholder{
    color: #75818D !important;
}
.get_pricing_form.formboox .hbspt-form .hs-submit {
    margin-top: -10px;
}
.get_pricing_form.formboox .hs_submit{
    text-align: center;
}
.get_pricing_form.formboox .actions .hs-button{
    padding: 6px 20px;
    background-color: #01BAEF;
    border-radius: 6px;
}

.integration_services article {
    border-top: 1px solid #ccc;
    padding: 60px 0;
}

.sub .automation_desc {
    padding: 0 30px;
    text-align: center;
}
.sub .automation_desc span{
    display: block;
    margin-top: 16px;
}
.automation_desc_sub {
    margin-top: 25px;
    text-align: center;
}

.sub .automation_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
    padding: 0 30px;
}

.sub .automation_list > li {
    float: left;
    width: 350px;
    min-height: 210px;
    margin-top: 30px;
    padding: 28px 25px;
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #E0E0E0;
}

.automation_list > li:nth-child(3n-1) {
    margin-left: 30px;
    margin-right: 30px;
}
.sub .automation_list > li img{
    width: 200px;
    height: 60px;
}
.sub .adv_list{
    display: flex;
    justify-content: center;
}
.sub .adv_list li{
    width: 174px;
    height: 202px;
    margin: 40px 15px 0;
    padding: 115px 0 0 0;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position:  center 41px;
    border-radius: 16px;
    color: #75818D;
}
.sub .adv_list li:nth-child(1){
    background-image: url(/images/icon/icoSub48.svg);
}
.sub .adv_list li:nth-child(2){
    background-image: url(/images/icon/icoSub80.svg);
}
.sub .adv_list li:nth-child(3){
    background-image: url(/images/icon/icoSub91.svg);
}
.sub .adv_list li:nth-child(4){
    background-image: url(/images/icon/icoSub92.svg);
}
.sub .adv_list li p{
    font-weight: 500;
    line-height: 22px;
}
.sub .intgBox{
    margin-top: 80px;
    padding-top: 80px;
    border-top: 1px dashed #C2C2C2;
}
.sub .automation_list.li_box_type li{
    width: 100%;
    max-width: 250px;
    height: auto;
    min-height: 200px;
    position: relative;
    margin: 40px 15px;
    padding: 47px 15px 0;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
    opacity: .8;
    border-radius: 16px;
    border: none;
}
.sub .automation_list.li_box_type li p{
    letter-spacing: -.2px;
}
.sub .li_box_type li .number_heading {
    width: 48px;
    height: 48px;
    position: absolute;
    top: -17px;
    left: 50%;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    font-size: 22px;
    font-weight: 600;
    transform: translateX(-50%);
}
.sub .li_box_type li:nth-child(1) .number_heading{
    background-color: #01BAEF;
}
.sub .li_box_type li:nth-child(2) .number_heading{
    background-color: #0188EF;
}
.sub .li_box_type li:nth-child(3) .number_heading{
    background-color: #054A8F;
}
.sub .li_box_type li:nth-child(4) .number_heading{
    background-color: #3500AF;
}
.sub .li_circle_type{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.sub .li_circle_type li{
    width: 200px;
    height: 200px;
    position: relative;
    padding: 115px 15px 0;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0px 9px 20px 2px rgb(5 16 35 / 14%);
    text-align: center;
    background-size: 56px;
    background-repeat: no-repeat;
    background-position: center 41px;
}
.sub .li_circle_type li + li{
    margin-left: 45px;
}
.sub .li_circle_type li:nth-child(1){
    background-image: url('/images/icon/icoSub93.svg');
}
.sub .li_circle_type li:nth-child(2){
    background-image: url('/images/icon/icoSub50.svg');
}
.sub .li_circle_type li:nth-child(3){
    background-image: url('/images/icon/icoSub94.svg');
}
.sub .li_circle_type li:nth-child(4){
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .li_circle_type li:nth-child(5){
    background-image: url('/images/icon/icoSub96.svg');
}
.sub .li_circle_type li .number_heading {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 14px;
    left: 7%;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    background-color: #FFA100;
    font-weight: 600;
}
.sub .li_circle_type li p{
    font-weight: 500;
    opacity: .8;
}


.automation_list.li_box_type + p {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.automation_list:after {
    content: "";
    display: block;
    clear: both;
}

.company_name {
    display: block;
    margin-top: 10px;
}

.company_name + p {
    letter-spacing: -.3px;
    color: grey;
    font-weight: 400;
    font-size: 12px;
    margin-top: 10px;
}
.sub .integration_services .mucMore{
    text-align: center;
    margin-top: 50px;
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
}
.tp-doorway-top .content_box .txtBox .caseTit{
    margin: 0 !important;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}
.tp-doorway-top .content_box .txtBox .caseTit + p{
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    color: #3C4147;
}
.tp-doorway-top .content_box .txtBox .caseTit span{
    display: block;
    margin-top: 15px;
    font-size: 24px;
}
.tp-doorway-top .content_box .txtBox .btn-box .btn-free-trial{
    /*width: 114px;*/
}
.tp-doorway-top .content_box .txtBox .btn-box .btn-book-demo{
    width: 134px;
}
.sub .case_main {
    background: #e6f6f6;
}
.sub .casecard_wrap {
    padding: 0 111px;
}
.sub .casecard_wrap > ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 30px;
    margin-bottom: -47px;
}
.sub .casecard_wrap > ul > li {
    width: 171px;
    height: 202px;
    margin-bottom: 47px;
    padding: 30px 20px;
    border-radius: 16px;
    background: #fff;
    transition: .5s;
    cursor: pointer;
}
.sub .casecard_wrap > ul > li:hover{
    box-shadow: 0px 10px 20px 0px rgba(5 16 35 / 14%);
}
.casecard_wrap > ul > li > div {
    text-align: center;
}
.sub .casecard_wrap > ul > li > a > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    transition: .5s;

}
.sub .casecard_wrap > ul > li > a > div > strong {
    position: absolute;
    top: 86px;
    color: var(--tit-color);
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    opacity: .8;
}
.sub .casecard_wrap > ul > li > div > a > strong {
    color: var(--tit-color);
    font-size: 14px;
    text-transform: uppercase;

}
.casecard_wrap > ul > li > div > a > p {
    padding: 0 10px;
    font-size: 15px;
    line-height: 28px;
}
.study_roll .page-tit-depth3-black {
    margin-bottom: 50px;
    font-size: 30px;
}
.study_roll .lifecycle_roll {
    padding: 0;
}
.sub .study_roll .lifecycle_roll .rollin {
    max-width: 1100px;
}
.sub .study_roll .lifecycle_roll .rollin ol li {
    width: 340px;
    height: 530px;
    margin: 0 0 0 30px;
    padding: 0;
    border-radius: 16px;
    background-color: #fff;
    background-image: none !important;
    border: 1px solid #E0E0E0;
    box-shadow: none;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f1f1f1;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar{
    width: 8px;
    height: 6px;
    background-color: #fff;
}
.sub .study_roll .lifecycle_roll .rollin ol li::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #ddd;
}
.study_roll .lifecycle_roll .rollin ol li:first-child {
    margin: 0;
}

.study_roll .lifecycle_roll .rollin ol li > div {
    display: block;
}
.study_roll .lifecycle_roll .rollin ol li > div > span {
    display: table;
    width: 100%;
    height: 139px;
    text-align: center;
}
.study_roll .lifecycle_roll .rollin ol li > div > span > em {
    display: table-cell;
    vertical-align: middle;
}

.study_roll .lifecycle_roll .rollin ol li > div > strong {
    display: block;
    margin-bottom: 12px;
    color: #01baef;
    font-size: 12px;
    text-align: center;
}

.study_roll .lifecycle_roll .rollin ol li > div > p {
    padding: 0 37px;

    text-align: center;
    line-height: 28px;
}

.study_roll .lifecycle_roll .rollin ol li > div > p + span {
    display: block;
    height: auto;
    margin-top: 10px;
    padding: 0 20px;
    font-size: 14px;
    font-style: italic;
}

.sub .study_roll .liferoll_right {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 197px;
    right: 0px;
    background-color: #01BAEF;
    border-radius: 50%;
    z-index: 1;
}

.sub .study_roll .liferoll_left {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 197px;
    left: 0px;
    background-color: #01BAEF;
    border-radius: 50%;
    z-index: 1;
}
.sub .study_roll .liferoll_left:after,
.sub .study_roll .liferoll_right:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.sub .study_roll .liferoll_right:after {
    right: 15px;
    transform: translateY(-50%) rotate(135deg);
}
.sub .study_roll .liferoll_left:after{
    left: 15px;
    transform: translateY(-50%) rotate(-45deg);
}
.sub .case_main .page_Dec{
    margin-bottom: 40px;
    padding: 0 216px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.recorede_box p {
    padding: 50px 0 0 0;
    font-weight: 700;
    text-align: center;
}

.recorede_box ul {
    position: relative;
    text-align: center;
}

.recorede_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.recorede_box ul li {
    display: inline-block;
    vertical-align: top;
    width: 33.3%;
    max-width: 350px;
    margin: 40px 0 0 49px;
    padding: 190px 0 0 0;
    background-size: 100% !important;
}

.recorede_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.recorede_box ul li .play_box {
    position: relative;
    width: 100%;
    height: 160px;
    padding: 55px 0 0 0;
    border: solid 1px #e1e1e1;
    border-top: none;
    border-radius: 0 0 8px 8px;
    text-align: center;
}

.recorede_box ul li .play_box a.play {
    display: block;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 70px;
    font-size: 0;
    background: url(/images/resources/btn_play.png) no-repeat center top;
}

.recorede_box ul li .play_box strong {
    display: block;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
}

.recorede_box ul li .play_box span {
    display: block;
    padding: 0 20px;
    font-size: 16px;
}

.recorede_box ul li:nth-of-type(1) {
    background: url(/images/resources/icon_recorded1.png) no-repeat;
}

.recorede_box ul li:nth-of-type(2) {
    background: url(/images/resources/icon_recorded2.png) no-repeat;
}

.recorede_box ul li:nth-of-type(3) {
    background: url(/images/resources/icon_recorded3.png) no-repeat;
}

.recorede_box ul li:nth-of-type(4) {
    background: url(/images/resources/icon_recorded4.png) no-repeat;
}

.recorede_box ul li:nth-of-type(5) {
    background: url(/images/resources/icon_recorded5.png) no-repeat;
}

.recorede_box ul li:nth-of-type(6) {
    background: url(/images/resources/icon_recorded6.png) no-repeat;
}

.recorede_box ul li:nth-of-type(7) {
    background: url(/images/resources/icon_recorded7.png) no-repeat;
}

.recorede_box ul li:nth-of-type(8) {
    background: url(/images/resources/icon_recorded8.png) no-repeat;
}

.recorede_box ul li:nth-of-type(9) {
    background: url(/images/resources/icon_recorded9.png) no-repeat;
}

.self_resource .page-tit-depth3-blue {
    font-size: 35px;
    text-align: center;
}

.self_list {
    padding: 70px 0;
}

.self_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.self_list ul li {
    float: left;
    width: 225px;
    height: 210px;
    margin: 0 0 0 10px;
    border-radius: 5px;
    box-shadow: -1px 10px 15px -8px rgba(85, 85, 85, .59);
}

.self_list ul li:after {
    margin: 0;
}

.self_list ul li a {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.self_list ul li a span {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
}

.self_list ul li:nth-of-type(1) {
    background: url(/images/resources/icon_onboarding1.png) no-repeat center center #01baef;
}

.self_list ul li:nth-of-type(2) {
    background: url(/images/resources/icon_onboarding2.png) no-repeat center center #817dc5;
}

.self_list ul li:nth-of-type(3) {
    background: url(/images/resources/icon_onboarding3.png) no-repeat center center #59c3c3;
}

.self_list ul li:nth-of-type(4) {
    background: url(/images/resources/icon_onboarding4.png) no-repeat center center #dcdcdc;
}

.self_list ul li:nth-of-type(5) {
    background: url(/images/resources/icon_onboarding5.png) no-repeat center center #ea6f83;
}

.self_compliance {
    padding: 100px 0;
    background: #e6f6f6;
}

.self_compliance .link_text {
    border: none;
}

.self_compliance .text_blue {
    color: #01baef;
}

.self_compliance .page_Dec {
    font-weight: 400;
}

.complianceself_list {
    margin-top: 30px;
}

.complianceself_list > ul:after {
    content: "";
    display: block;
    clear: both;
}

.complianceself_list > ul > li {
    float: left;
    width: 32.3%;
    height: 442px;
    margin-left: 1%;
    padding: 30px 25px;
    border-radius: 5px;
    background: #fff;
    box-shadow: -1px 10px 15px -8px rgba(85, 85, 85, .59);
}

.complianceself_list > ul > li:first-child {
    margin-left: 0;
}

.complianceself_list > ul > li strong {
    display: block;
    margin-bottom: 15px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 17px;
}

.complianceself_list > ul > li p {
    line-height: 29px;
}

.complianceself_list > ul > li .complianceself_bullet {
    overflow: hidden;
    margin: 15px 10px;
}

.complianceself_list > ul > li .complianceself_bullet > li {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 0 0 15px;
}

.complianceself_list > ul > li .complianceself_bullet > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #59c3c3;
}

.complianceself_list > ul > li:nth-of-type(1) {
    background: url(/images/resources/icon_onboarding6.png) no-repeat right bottom #fff;
}

.complianceself_list > ul > li:nth-of-type(2) {
    background: url(/images/resources/icon_onboarding7.png) no-repeat right bottom #fff;
}

.complianceself_list > ul > li:nth-of-type(3) {
    background: url(/images/resources/icon_onboarding8.png) no-repeat right bottom #fff;
}

.features_box {
    padding: 70px 0;
}

.features_box > h3 {
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.tp-desc-more-features,
.tp-desc-more-recorede,
.tp-desc-more-video {
    padding: 30px 0;
    font-size: 13px;
    text-align: center;
}

.video_box {
    position: relative;
    text-align: center;
}

.video_box:after {
    content: "";
    display: block;
    clear: both;
}

.video_box li {
    display: inline-block;
    vertical-align: top;
    width: 350px;
    margin: 0 17px 20px 17px;
}

.video_box li .video_border {
    overflow: hidden;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    background: #e6e5f3;
}

.video_box li .video_border .img_box {
    height: 180px;
    text-align: center;
}

.video_box li .video_border .video_text {
    position: relative;
    height: 240px;
    padding: 50px 45px 30px 45px;
    border-top: solid 1px #e1e1e1;
    text-align: center;
}

.video_box li .video_border .video_text strong {
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
}

.video_box li .video_border .video_text p {
    display: block;
    padding: 0 0 10px 0;
    font-size: 15px;
}

.video_box li .video_border .video_text a {
    color: #01baef;
}

.video_box li .video_border .btn_play {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    width: 100%;
    max-width: 70px;
    height: 70px;
    margin-left: -30px;
    font-size: 0;
    background: url(/images/resources/btn_play.png) no-repeat center top;
}

.tapcontent .video_box li {
    width: 33%;
    margin: 0;
    padding-left: 3%
}

.tapcontent .video_box li .video_border {
    background: #fff;
}

.tapcontent .video_box li .video_border .video_text {
    height: 270px;
    padding: 50px 30px 30px 30px;
}

.tapcontent .video_box {
    left: -2%
}

.tapcontent .video_box li .video_border .img_box {
    height: 178px;
    text-align: center;
}

.tap_type1 {
    overflow: hidden;
    width: 100%;
    border: solid 1px #d7d7d7;
    border-radius: 5px 5px 0 0;
}

.tap_type1 ul:after {
    content: "";
    display: block;
    clear: both;
}

.tap_type1 ul li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 20%;
    height: 74px;
    padding: 14px 0;
    border-right: solid 1px #d7d7d7;
    color: #01baef;
    font-weight: 700;
    text-align: center;
    transition: .3s;
    cursor: pointer;
}

.tap_type1 ul li:last-child {
    border-right: 0;
}

.tap_type1 ul li.one {
    padding: 24px 0;
}

.tap_type1 ul li.on,
.tap_type1 ul li:hover {
    color: #fff;
    background: #01baef;
}

.more_video .tapcontent {
    display: none;
    padding: 50px 70px 50px 70px;
    border: solid 1px #d7d7d7;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background: #d9f5fd;
}

.youtube_box {
    width: auto;
    width: 100%
}
.sub .practices_wrap{
    margin-top: 120px;
}
.sub .practices_wrap .intro_text > p{
    font-weight: 400;
    font-size: 16px;
    padding: 0px 30px 0;
}
.intro_text > p {
    padding: 50px 0 30px 0;
    font-weight: 700;
    text-align: center;
}

.intro_text .blue_box {
    padding: 30px;
    border-radius: 5px;
    font-weight: 700;
    text-align: center;
    background: #ccf1fc;
}

.intro_text .blue_box strong {
    display: block;
}

.intro_text .blue_box strong > em {
    color: #01baef;
}

.intro_text .blue_box strong > em a {
    color: #01baef;
}
.bullet_box {
    position: relative;
    padding: 50px 0;
    background: #def3f3;
}

.bullet_box .page-tit-depth3-black {
    margin-bottom: 20px;
    font-size: 30px;
}

.bullet_box.white {
    position: relative;
    background: #fff;
}

.bullet_box.white:after {
    border-top: 70px solid #fff;
}

.bullet_box.gray {
    position: relative;
    background: #f1f1f1;
}

.bullet_box.gray:after {
    display: none;
    border-top: 70px solid #fff;
}

.bullet_box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -185px;
    left: 48%;
    z-index: 3;
    width: 0;
    height: 0;
    margin-left: -100px;
    border-top: 70px solid #def3f3;
    border-right: 140px solid transparent;
    border-bottom: 140px solid transparent;
    border-left: 140px solid transparent;
}

.bullet_box .par_con {
    padding: 0 0 57px 0;
    text-align: center;
}

.round_list {
    display: block;
    text-align: center;
}

.round_list > li {
    display: inline-block;
    vertical-align: top;
    width: 148px;
    height: 148px;
    margin-left: 15px;
    padding: 54px 44px;
    border-radius: 50%;
    text-align: center;
    background-color: #F2F8FF !important;
}
.round_list > li:first-child {
    margin-left: 0;
    letter-spacing: -.5px;
}

.round_list.blue > li {
    background-color: #def3f3 !important;
}

.round_list.campaign > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro1_1.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro1_2.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(3) {
    background: url(/images/icon/icon_pro1_3.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(4) {
    background: url(/images/icon/icon_pro1_4.png) no-repeat center 92px;
}

.round_list.campaign > li:nth-of-type(5) {
    background: url(/images/icon/icon_pro1_5.png) no-repeat center 92px;
}

.round_list.campaign.blue > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro2_1.png) no-repeat center 92px;
}

.round_list.campaign.blue > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro2_2.png) no-repeat center 92px;
}

.round_list.campaign.gray > li:nth-of-type(1) {
    font-size: 0;
    background: url(/images/icon/icon_pro3_1.png) no-repeat center center;
}

.bullet_box.customer:after {
    display: none;
}

.bullet_box .content_box:nth-last-of-type(1) {
    margin-top: 30px;
}

.round_list.support > li:nth-of-type(1) {
    background: url(/images/icon/icon_pro4_1.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(2) {
    background: url(/images/icon/icon_pro4_2.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(3) {
    background: url(/images/icon/icon_pro4_3.svg) no-repeat center 83px;
}

.round_list.support > li:nth-of-type(4) {
    background: url(/images/icon/icon_pro4_4.svg) no-repeat center 83px;
}

.round_list.support2 > li:nth-of-type(1) {
    font-size: 0;
    background: url(/images/icon/icon_pro5_1.svg) no-repeat 63px center;
}
.sub .tp-door-cont.spt .content_box + .content_box{
    margin-top: 60px;
}
.sub .round_list.support{
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.sub .round_list.support.one dt{
    margin-bottom: 0;
}
.sub .round_list dl+dl{
    margin-left: 64px;
}
.sub .round_list dt{
    width: 148px;
    height: 148px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 50%;
    text-align: center;
    background-color: #F2F8FF !important;
}
.sub .round_list dt img{

}
.sub .par_con.support{
    margin:40px 0;
}
.boarding_wrap {
    padding: 0 80px 80px;
}

.boarding_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.boarding_wrap > .box {
    float: left;
    width: 478px;
    height: 400px;
    padding: 42px;
    border-radius: 5px;
}

.boarding_wrap > .box:nth-of-type(2) {
    float: right;
}

.boarding_wrap > .box.green {
    background: url(/images/professional/boxbg2.png) no-repeat 281px bottom #def3f3;
}

.boarding_wrap > .box.purple {
    background: url(/images/professional/boxbg1.png) no-repeat 271px bottom #e6e5f3;
}

.boarding_wrap > .box > .page-tit-depth3 {
    margin-bottom: 20px;
    font-size: 30px;
    text-align: left;
}

.boarding_wrap > .box .bullet_list > li {
    margin-bottom: 10px;
}

.campaign_wrap .btn_box {
    clear: both;
    margin-top: 55px;
    text-align: center;
}

.campaign_wrap .boarding_wrap .btn_box {
    clear: both;
    margin: 0;
    padding-top: 55px;
    text-align: center;
}
.sub .credit_table .table_wrap table tbody td span> img {
    width: 20px;
}
.sub .sub_colorbox {
    margin-bottom: 70px;
}
.sub .sub_colorbox:after {
    content: "";
    display: block;
    clear: both;
}
.sub .sub_colorbox > div {
    float: left;
    width: 48%;
    height: auto;
    padding: 36px 43px;
    border-radius: 16px;
    text-align: center;
    box-shadow: -1px 7px 14px 2px rgb(5 16 35 / 14%);
}
.sub .sub_colorbox > div + div{
    margin-left: 20px;
}
.sub .sub_colorbox > div strong {
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    color: var(--tit-color);
}
.sub .sub_colorbox > div strong .txtBlue{
    color: var(--em-color);
}
.credit_table {
    margin-bottom: 80px;
}

.credit_table:after {
    content: "";
    display: block;
    clear: both;
}

.credit_table .table_wrap {
    overflow: hidden;
    float: left;
    width: 380px;
    margin-right: 20px;
    border: solid 1px #e1e1e1;
    border-radius: 10px;
}

.credit_table .table_wrap:nth-last-of-type(1) {
    margin-right: 0;
}

.credit_table .table_wrap table {
    width: 100%
}
.sub .credit_table .table_wrap table thead {

}
.sub .credit_table .table_wrap table thead th {
    padding: 7px 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    background: #01baef;
}
.sub .credit_table .table_wrap table thead th:nth-child(1){
    text-align: left;
    vertical-align: middle;
}
.sub .credit_table .table_wrap table thead th:nth-child(2){
    width: 122px;
    text-align: center;
}
.credit_table .table_wrap table tbody td {
    padding: 8px 10px;
    border-top: solid 1px #e1e1e1;
    font-size: 14px;
    text-align: left;
}
.credit_table .table_wrap table.three-show tbody td{
    padding: 8px 0px 8px 10px;
}
.credit_table .table_wrap table tbody td span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.credit_table .table_wrap table tbody td span + span{
    margin-left: 10px;
}

.credit_table .table_wrap table tbody td.center {
    text-align: center;
}

.credit_table.feature {
    padding: 63px 0 0 0;
}

.credit_table.feature .table_wrap {
    width: 380px;
    margin-top: 95px;
}

.credit_table.feature .table_wrap > h2 {
    position: absolute;
    top: 63px;
    width: inherit;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.credit_table.feature .table_wrap table thead th {
    padding: 17px 10px;
}

.credit_table.feature .table_wrap:nth-of-type(1) > h2 {
    color: #01baef;
}

.credit_table.feature .table_wrap:nth-of-type(2) table th {
    background: #59c3c3;
}

.credit_table.feature .table_wrap:nth-of-type(2) > h2 {
    color: #59c3c3;
}

.credit_table.feature .table_wrap:nth-of-type(3) table th {
    background: #817dc5;
}

.credit_table.feature .table_wrap:nth-of-type(3) > h2 {
    color: #817dc5;
}

.page-tit-depth2.pricing {
    height: 300px;
}

.plan_banner {
    padding: 58px 0;
    text-align: center;
    background: url(/images/bot_bg.png) center top #59c3c3;
    transition: ease-in-out .2s;
    transition-delay: .5s;
}

.plan_banner strong {
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}

.plan_banner p {
    display: block;
    padding: 12px 0 0 0;
    color: #fff;
    font-size: 15px;
}

.plan_banner p em {
    display: inline-block;
    border-bottom: solid 1px #fff;
    font-weight: 700;
}
.plan_banner .btn_center {
    margin-top: 30px;
}
.plan_banner .btn_center .btn {
    width: 230px;
}
.plan_banner .btn_center .btn > span {
    width: 230px;
}
.credit_feature {
    padding-bottom: 80px;
}
.sub .cerdit_tap {
    width: 296px;
    height: 50px;
    margin: 45px auto 45px auto;
    border: solid 4px #F0F0F0;
    border-radius: 37px;
    background: #F0F0F0;
}
.sub .cerdit_tap ul:after {
    content: "";
    display: block;
    clear: both;
}
.sub .cerdit_tap ul li {
    float: left;
    width: 50%;

}
.sub .cerdit_tap ul li > a {
    display: block;
    padding: 7px 0;
    text-align: center;
    color: #72767A;
    font-weight: 500;
}
.sub .cerdit_tap ul li.on > a{
    color: #01baef;
    border-radius: 37px;
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px rgb(41 73 99 / 20%);
}

.sub .cerdit_con:after {
    content: "";
    display: block;
    clear: both;
}

.sub .table_box1 {
    float: left;
    width: 50%;
}
.sub .table_box1:nth-of-type(1) {
    padding-right: 12px;
}
.sub .table_box1:nth-of-type(2) {
    padding-left: 12px;
}
.sub .table_box1 > div {
    overflow: hidden;
    border: none;
    border: solid 1px #e1e1e1;
    border-top: none;
    border-radius: 10px;
}

.sub .table_box1 > div > h2,
.sub .table_box1 > div > h3 {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.sub .table_box1:nth-of-type(1) > div > h2 {
    background: #01BAEF;
}
.sub .table_box1.shortCord:nth-of-type(1) > div > h2{
    background-color: #0188EF;
}
.sub .table_box1.shortCord > div > table th{
    color: #0188EF;
    background-color: #F2F9FF;
}
.sub .table_box1.shortCord.api:nth-of-type(2) > div > h2{
    background-color: #564FCF;
}
.sub .table_box1.shortCord.api > div > table th{
    color: #564FCF;
    background-color: #F6F6FD;
}

.sub .table_box1:nth-of-type(2) > div > h2,
.sub .table_box1:nth-of-type(2) > div > h3 {
    background:#054A8F;
}
.sub .table_box1 > div > table {
    width: 100%;
    min-width: 588px;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    background: #fff;
}
.sub .table_box1 > div > table th {
    padding: 10px 0;
    text-align: center;
    background: #F2FCFF;
    color: #01BAEF;
    font-size: 16px;
    font-weight: 500;
}
.sub .table_box1 > div > table th:nth-child(2){
    border-left: 1px solid #e1e1e1;
}
.sub .table_box1.api > div > table th{
    color: #054A8F;
    background-color: #F2F6F9;
}

.sub .table_box1 > div > table td {
    padding: 10px 15px;
    border-left: solid 1px #e1e1e1;
    text-align: left;
    vertical-align: middle;
}
.sub .table_box1 > div > table tr:nth-child(even){
    background-color: #F8F8F8;
}
.sub .table_box1 > div > table td:nth-of-type(1) {
    border-left: none;
}
.sub .table_box1 > div > table .center {
    padding: 10px 8px;
    text-align: center;
    vertical-align: middle;
}
.sub .table_box1 > div > table sup,
.sub .table_box1 .point_color{
    color: #ea657b;
    font-size: 16px;
}
.sub .txtautoList .tp-door-side {
    margin-top: 40px;
}
.sub .txtautoList .tp-door-side.dashed{
    padding-bottom: 80px;
}
.sub .txtautoList.tp-door-cont .tp-side-txt{
    margin-top: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
    margin-right: 100px;
    margin-left: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n) {
    margin-right: 0;
}
.sub .txtautoList.tp-door-cont [class*=tp-side-txt]:nth-child(odd) {
    margin-right: 100px;
}
.sub .txtautoList.tp-door-cont .imgLifecycle{
    width: 340px;
    margin-top: 0;
}
.sub.credit_wrap .page_Decsub{
    padding-bottom:  60px;
}
.sub .core_list .tp-btn-box.omni{
    margin: 60px 0 40px;
}
.font-bold {
    font-weight: 700;
}

.sub .compliance_wrap .subTxt {
    margin-bottom: 25px;
}

.compliance_wrap .page_Dec strong {
    display: block;
    padding: 15px 0 0 0;
    font-weight: 500;
}

.compliance_cycle {
    padding-bottom: 80px;
}

.compliance_cycle:after {
    content: "";
    display: block;
    clear: both;
}

.compliance_cycle > ul {
    position: relative;
    left: -25px;
}

.compliance_cycle > ul > li {
    float: left;
    position: relative;
    width: 33.3%;
    text-align: center;
}

.compliance_cycle > ul > li > div {
    position: relative;
    width: 100%;
    padding: 260px 25px 0 25px;
    line-height: 30px;
}

.compliance_cycle > ul > li > div:after {
    content: "";
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 225px;
}

.compliance_cycle > ul > li > div > ul.bullet_list {
    margin: 15px 0 0 36px;
    text-align: left;
}

.compliance_cycle > ul > li > div > ul.bullet_list > li {
    margin-bottom: 5px;
}

.compliance_cycle > ul > li > div > ul.bullet_list > li:after {
    top: 13px;
}

.compliance_cycle > ul > li > div > .dp3,
.compliance_cycle > ul > li > div > h2 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
}

.compliance_cycle > ul > li:nth-of-type(1) > div:after {
    background: url(/images/professional/icon_compliance1.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(2) > div:after {
    background: url(/images/professional/icon_compliance2.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(3) > div:after {
    background: url(/images/professional/icon_compliance3.png) no-repeat center top;
}

.compliance_cycle > ul > li:nth-of-type(1) > div > h2 {
    color: #59c3c3;
}

.compliance_cycle > ul > li:nth-of-type(2) > div > .dp3,
.compliance_cycle > ul > li:nth-of-type(2) > div > h2 {
    color: #817dc5;
}

.compliance_cycle > ul > li:nth-of-type(3) > div > h2 {
    color: #ea657b;
}

.sub .compliance_contact {
    display: block;
    margin-top: 65px;
    text-align: center;
    padding: 0 30px;
}
.sub .adv4 .compliance_contact{
    margin-top: 25px;
}
.sub .integration_listbox{
    display: flex;
    padding: 0;
}
.sub .integration_listbox .boxWrap{
    flex: 1;
}
.sub .integration_listbox .boxWrap + .boxWrap{
    margin-left: 100px;
}
.sub .integration_listbox .boxWrap .tp-door-title.tp-type02{
    padding: 0;
    text-align: left;
}

.sub .integration_listbox .boxWrap li{
    min-height: 236px;
}
.sub .integration_listbox .boxWrap li h3{
    padding: 72px 0 16px 0 ;
    font-size: 22px;
    color: var(--tit-color);
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(1) h3{
    background: url('/images/icon/icoSub97.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(2) h3{
    background: url('/images/icon/icoSub100.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type2 li:nth-child(3) h3{
    background: url('/images/icon/icoSub101.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(1) h3{
    background: url('/images/icon/icoSub25.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(2) h3{
    background: url('/images/icon/icoSub99.svg')no-repeat 0 0;
}
.sub .integration_listbox .boxWrap .type3 li:nth-child(3) h3{
    background: url('/images/icon/icoSub98.svg')no-repeat 0 0;
}
.integration_listbox {
    border-bottom: dashed 2px #ebebeb;
}

.integration_listbox:nth-last-of-type(1) {
    border: none;
}

.integration_listbox .page-tit-depth3-black {
    margin-bottom: 50px;
}

.integration_listbox .tooltip {
    width: 324px;
}

.custom_ball {
    text-align: center;
}

.custom_ball:after {
    content: "";
    display: block;
    clear: both;
}

.custom_ball > li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 29%;
    margin-right: 2%;
    text-align: center;
}

.custom_ball > li:before {
    content: "";
    display: inline-block;
    width: 164px;
    height: 164px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: #def3f3;
}

.custom_ball > li > h3 > strong {
    display: block;
    margin-bottom: 10px;
    color: #01baef;
    font-size: 20px;
}

.custom_ball > li > h3 > strong:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.custom_ball > li > p {
    position: relative;
    z-index: 3;
    line-height: 32px;
}

.custom_ball.type1 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer1.png) no-repeat center 49px;
}

.custom_ball.type1 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer2.png) no-repeat center 49px;
}

.custom_ball.type1 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer3.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer4.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer5.png) no-repeat center 49px;
}

.custom_ball.type2 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer6.png) no-repeat center 49px;
}

.custom_ball.type3 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer7.png) no-repeat center 49px;
}

.custom_ball.type3 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer8.png) no-repeat center 42px;
}

.custom_ball.type3 > li:nth-of-type(3) > h3 > strong:after {
    background: url(/images/professional/icon_customer9.png) no-repeat center 49px;
}

.custom_ball.type4 > li:nth-of-type(1) > h3 > strong:after {
    background: url(/images/professional/icon_customer10.png) no-repeat center 49px;
}

.custom_ball.type4 > li:nth-of-type(2) > h3 > strong:after {
    background: url(/images/professional/icon_customer11.png) no-repeat center 30px;
}

.custom_ball .tooltip:after {
    left: 220px;
}

.campansbox {
    position: relative;
    padding: 50px 0;
    background: #def3f3;
}

.campansbox.white {
    position: relative;
    padding: 70px 0;
    background: #fff;
}

.campansbox .content_box .title-dp3,
.campansbox .content_box h2 {
    margin-bottom: 50px;
    color: #01baef;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.both_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.both_wrap > div {
    float: left;
    width: 48%;
    height: 426px;
    padding: 30px 40px;
    border-radius: 5px;
    box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .2);
}

.both_wrap > div > p {
    padding-right: 30px;
    line-height: 32px;
}

.both_wrap > div > h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
    text-align: left;
}

.both_wrap > div:nth-of-type(odd) {
    margin-right: 2%;
    background: url(/images/professional/icon_campaign1.png) no-repeat right bottom #fff;
}

.both_wrap > div:nth-of-type(even) {
    margin-left: 2%;
    background: url(/images/professional/icon_campaign2.png) no-repeat right bottom #fff;
}

.both_wrap > div .bullet_list {
    margin-top: 10px;
    padding-right: 145px;
}

.both_wrap > div .bullet_list > li {
    margin-bottom: 5px;
}

.success_box {
    position: relative;
    padding: 10px 0 0 387px;
}

.campansbox .content_box .success_box .title-dp3,
.campansbox .content_box .success_box h2 {
    margin-bottom: 10px;
    text-align: left;
}

.campansbox .content_box .success_box p {
    margin-bottom: 30px;
    padding-right: 30px;
    line-height: 32px;
}

.campansbox .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 300px;
    border-radius: 5px;
    background: url(/images/professional/icon_campaign3.png) no-repeat center center #def3f3;
}

.about_wrap {
    position: relative;
}

.about_img {
    overflow: hidden;
    position: relative;
    max-height: 524px;
    text-align: center;
}

.about_wrap > .content_box {
    width: 100%;
    max-width: 1000px;
    margin: 77px auto 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 45px 48px 55px 48px;
    border-radius: 5px;
    text-align: center;
    background: rgba(255, 255, 255, .9);

}

.about_dec + .about_dec {
    margin-top: 20px;
}

.about_dec h2 {
    color: #59c3c3;
    font-weight: 700;
    font-size: 40px;
}

.about_dec p {
    font-size: 16px;
    line-height: 1.7;
}

.about_dec p + p {
    margin-top: 12px;
}

.history_box {
    padding: 50px 0 100px 0;
    background: #e6e5f3;
}

.history_box:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    border-radius: 50%;
    background: #817dc5;
}

.history_box h2 {
    margin-top: 70px;
    margin-bottom: 90px;
    color: #817dc5;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.history_con {
    text-align: center;
}

.year_box {
    position: relative;
    height: 100px;
}

.year_box.higher {
    height: 120px;
}

.year_box:before {
    content: "";
    display: block;
    width: 0;
    height: 11px;
    margin: 0 auto;
    border-radius: 50%;
    background: #817dc5;
}

.year_box:after {
    content: "";
    display: block;
    width: 2px;
    height: 0;
    margin: 0 auto;
    background: #817dc5;
}

.year_box:after,
.year_box:before {
    transition: all cubic-bezier(.3, 1.65, .42, 1.135) .6s;
    opacity: 0;
}

.year_con {
    position: absolute;
    top: -15px;
    min-width: 203px;
    background: #fff;
    transition: all cubic-bezier(.3, 1.65, .42, 1.135) .8s;
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .2);
    opacity: 0;
}

.year_con .year_tit {
    padding: 8px 20px 8px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #817dc5;
}

.year_box:nth-of-type(odd) .year_con .year_tit {
    text-align: right;
}

.year_box:nth-of-type(odd) .year_con .year_tit:after {
    right: -25px;
}

.year_box:nth-of-type(odd) .year_con {
    right: 30%;
    margin-right: 40px;
}

.year_box:nth-of-type(even) .year_con .year_tit {
    text-align: left;
}

.year_box:nth-of-type(even) .year_con .year_tit:after {
    left: -25px;
    transform: rotate(-180deg);
}

.year_box:nth-of-type(even) .year_con {
    left: 30%;
    margin-left: 40px;
}

.history_con.on .year_box:nth-of-type(even) .year_con {
    left: 50%
}

.history_con.on .year_box:nth-of-type(odd) .year_con {
    right: 50%
}

.history_con.on .year_con {
    opacity: 1;
}

.history_con.on .year_box:nth-of-type(1) .year_con {
    transition-delay: .2s;
}

.history_con.on .year_box:nth-of-type(2) .year_con {
    transition-delay: .3s;
}

.history_con.on .year_box:nth-of-type(3) .year_con {
    transition-delay: .3s;
}

.history_con.on .year_box:nth-of-type(4) .year_con {
    transition-delay: .4s;
}

.history_con.on .year_box:nth-of-type(5) .year_con {
    transition-delay: .4s;
}

.history_con.on .year_box:nth-of-type(6) .year_con {
    transition-delay: .5s;
}

.history_con.on .year_box:nth-of-type(7) .year_con {
    transition-delay: .5s;
}

.history_con.on .year_box:nth-of-type(8) .year_con {
    transition-delay: .6s;
}

.history_con.on .year_box:nth-of-type(9) .year_con {
    transition-delay: .6s;
}

.history_con.action .year_box:after,
.history_con.action .year_box:before {
    opacity: 1;
}

.history_con.action .year_box:before {
    width: 11px;
}

.history_con.action .year_box:after {
    height: 100%
}

.history_con.action .year_box:nth-of-type(1):after,
.history_con.action .year_box:nth-of-type(1):before {
    transition-delay: .2s;
}

.history_con.action .year_box:nth-of-type(2):after,
.history_con.action .year_box:nth-of-type(2):before {
    transition-delay: .2s;
}

.history_con.action .year_box:nth-of-type(3):after,
.history_con.action .year_box:nth-of-type(3):before {
    transition-delay: .3s;
}

.history_con.action .year_box:nth-of-type(4):after,
.history_con.action .year_box:nth-of-type(4):before {
    transition-delay: .3s;
}

.history_con.action .year_box:nth-of-type(5):after,
.history_con.action .year_box:nth-of-type(5):before {
    transition-delay: .4s;
}

.history_con.action .year_box:nth-of-type(6):after,
.history_con.action .year_box:nth-of-type(6):before {
    transition-delay: .4s;
}

.history_con.action .year_box:nth-of-type(7):after,
.history_con.action .year_box:nth-of-type(7):before {
    transition-delay: .5s;
}

.history_con.action .year_box:nth-of-type(8):after,
.history_con.action .year_box:nth-of-type(8):before {
    transition-delay: .5s;
}

.history_con.action .year_box:nth-of-type(9):after,
.history_con.action .year_box:nth-of-type(9):before {
    transition-delay: .5s;
}

.year_con .year_tit:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 25px;
    height: 40px;
    background: url(/images/about/year_bullet.png) no-repeat;
}

.year_con.con1 .year_p {
    padding: 17px 20px 25px 90px;
    text-align: left;
    background: url(/images/about/history_img1.png) no-repeat 11px 16px;
}

.year_con.con2 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img2.png) no-repeat center 50px;
}

.year_con.con3 .year_p {
    padding: 17px 20px 25px 122px;
    text-align: left;
    background: url(/images/about/history_img3.png) no-repeat 11px 16px;
}

.year_con.con4 .year_p {
    padding: 17px 20px 25px 90px;
    text-align: left;
    background: url(/images/about/history_img4.png) no-repeat 18px 16px;
}

.year_con.con5 .year_p {
    padding: 17px 20px 25px 130px;
    text-align: left;
    background: url(/images/about/history_img5.png) no-repeat 15px 16px;
}

.year_con.con6 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img6.png) no-repeat center 50px;
}

.year_con.con7 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img7.png) no-repeat center 50px;
}

.year_con.con8 .year_p {
    padding: 17px 20px 25px 82px;
    text-align: left;
    background: url(/images/about/history_img8.png) no-repeat 20px 16px;
}

.year_con.con9 .year_p {
    padding: 17px 20px 65px 20px;
    text-align: center;
    background: url(/images/about/history_img9.png) no-repeat center 50px;
}

.year_con.con10 .year_p {
    padding: 26px 20px 26px 90px;
    text-align: center;
    background: url(/images/about/history_img10.png) no-repeat 20px center;
}

.ourteam {
    padding: 90px 0;
}

.ourteam .content_box {
    position: relative;
    padding: 0 0 0 400px;
}

.ourteam .team_info {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
}

.ourteam .team_info h3 {
    margin-bottom: 28px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    line-height: 45px;
}

.ourteam .team_info p {
    line-height: 33px;
}

.ourteam .team_detail ul li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: dashed 2px #e7e7e7;
}

.ourteam .team_detail ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.ourteam .team_detail ul li strong {
    display: block;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
}

.ourteam .team_detail ul li strong em {
    font-size: 30px;
}

.ourteam .team_detail ul li strong:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin-left: 10px;
}

.ourteam .team_detail ul li:nth-of-type(1) strong {
    color: #ea657b;
}

.ourteam .team_detail ul li:nth-of-type(1) strong:after {
    background: url(/images/about/icon_about4.png) no-repeat left center;
}

.ourteam .team_detail ul li:nth-of-type(2) strong {
    color: #817dc5;
}

.ourteam .team_detail ul li:nth-of-type(2) strong:after {
    background: url(/images/about/icon_about5.png) no-repeat left center;
}

.ourteam .team_detail ul li:nth-of-type(3) strong {
    color: #59c3c3;
}

.ourteam .team_detail ul li:nth-of-type(3) strong:after {
    background: url(/images/about/icon_about6.png) no-repeat left center;
}

.ceomsg {
    padding: 0 0;
    background: #def3f3;
}

.ceomsg .content_box {
    padding: 100px 430px 100px 135px;
    background: url(/images/about/ceo_img.png) no-repeat right bottom #def3f3;
}

.ceomsg .content_box h3 {
    margin-bottom: 20px;
    color: #59c3c3;
    font-size: 40px;
    font-weight: 700;
}

.ceomsg .content_box p {
    line-height: 32px;
}

.withus {
    padding: 80px 0;
    color: #fff;
    text-align: center;
    background: url(/images/common/form_bg.png) center top #01baef;
}

.withus h3 {
    margin-bottom: 20px;
    font-size: 40px;
    font-weight: 700;
}

.withus p {
    margin-bottom: 30px;
    padding: 0 200px;
    line-height: 32px;
}

.care_sub {
    padding: 65px 0;
}

.care_sub p {
    padding: 20px 60px 0 60px;
    font-size: 18px;
    text-align: center;
}

.care_sub p:nth-of-type(2) {
    padding: 40px 60px 0 60px;
    text-align: center;
}

.care_sub p em {
    display: inline-block;
    padding: 0 3px;
    border-bottom: solid 1px #01baef;
    color: #01baef;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}

.care_sub p.img {
    margin-top: 50px;
    padding: 173px 0 0 0;
    background: url(/images/about/care_bg1.png) no-repeat center top;
}

.care_sub h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.care_formwrap {
    padding: 70px 0;
    background: #e5f8fd;
}

.care_formwrap .form_wrap {
    padding: 64px 78px 20px 78px;
}

.care_formwrap .form_wrap .formtitle {
    width: 100%;
    margin-bottom: 0;
    color: #59c3c3;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.care_formwrap .btn_center {
    padding-top: 20px;
}

.testimonial_card {
    padding: 70px 0;
    background: #e5f8fd;
}

.card_overbox {
    width: 100%
}

.card_overbox ul {
    position: relative;
    left: -2%
}

.card_overbox ul:after {
    content: "";
    display: block;
    clear: both;
}

.card_overbox ul li {
    float: left;
    position: relative;
    width: 23%;
    height: 505px;
    margin: 0 0 2% 2%
}

.card_overbox ul li > span {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #000;
    text-align: center;
    background: #fff;
    transition: transform 1s;
    transform-style: preserve-3d;
    box-shadow: 3px 3px 10px 4px rgba(0, 0, 0, .1);
}

.card_overbox ul li > span.front {
    display: table;
    text-align: center;
}

.card_overbox ul li > span.front em {
    display: table-cell;
    vertical-align: middle;
}

.card_overbox ul li > span em {
    display: inline-block;
    vertical-align: middle;
}

.card_overbox ul li > span p {
    padding: 60px 26px 0 26px;
    text-align: left;
}

.card_overbox ul li > span p.bot_text {
    position: absolute;
    bottom: 70px;
}

.card_overbox ul li > span.back {
    transform: rotateY(-180deg);
    opacity: 0;
}

.card_overbox ul li > span.front {
    transform: rotateY(0);
    opacity: 1;
}

.card_overbox ul li:hover > span.back {
    transform: rotateY(0);
    opacity: 1;
}

.card_overbox ul li:hover > span.front {
    transform: rotateY(-180deg);
    opacity: 0;
}

.top_subdec {
    padding: 0 0 70px 0;
}

.top_subdec .logo_Box {
    text-align: center;
}

.top_subdec .dec_btn {
    margin-top: 50px;
    text-align: center;
}

.top_subdec .dec_btn .btn:first-child {
    margin-right: 20px;
}

.page-tit-depth2.green {
    background-color: #59c3c3;
}

.page-tit-depth2.green span {
    background: 0 0;
}

.faq_wrap.sub{
    margin-bottom: 80px;
}
.faq_wrap.sub .common_tap{
    max-width: 912px;
}
.faq_wrap.sub .accordion_text .accordion_wrap .accordion_top::before,
.faq_wrap.sub .accordion_text .accordion_wrap .accordion_top::after{
    top: 12px;
}
.faq_wrap.sub .accordion_text .accordion_col{
    width: 578px;
}
.faq_wrap.sub .accordion_text .accordion_col .pargrph p + p{
    margin-top: 12px;
}
.faq_wrap.sub .accordion_text .accordion_col .faq_imgbox .wtd{
    width: 100%;
}
.faq_wrap.sub .accordion_text .accordion_col .title_bullet{
    margin: 10px 0 0 20px;
}
.faq_wrap.sub .accordion_text .title_bullet > strong{
    font-weight: 600;
}
.faq_wrap.sub .accordion_text .accordion_col .bullet_list > li{
    margin-bottom: 0;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist{
    margin: 10px 0 0px 20px;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist + p{
    margin-top: 20px;
}
.faq_wrap.sub .accordion_text .orderlist > li{
    padding: 0 0 0 15px;
}
.faq_wrap.sub .accordion_text .orderlist > li:last-child{
    margin-bottom: 0;
}
.faq_wrap.sub .accordion_text .accordion_col .orderlist strong{
    font-weight: 600;
}
.faq_wrap.sub .accordion_text .orderlist > li > .orderlist{
    margin: 10px 0;
}
.faq_wrap.sub .accordion_text .orderlist > li em{
    width: auto;
    display: inline-block;
    position: unset;
    margin-right: 2px;
}
.faq_wrap.sub .accordion_text .orderlist > li .orderlist > li em{
    width: 15px;
}
.sub .common_tap {
    max-width: 857px;
    width: 100%;
    margin: 0 auto;
    background-color: #F0F0F0;
    border-radius: 37px;
}
.sub .common_tap ul {
    display: flex;
    align-items: center;
}
.sub .common_tap ul li {
    height: 42px;
    margin: 4px;
    padding: 8px 32px;
    color: #72767A;
    cursor: pointer;
    text-align: center;
    font-weight: 500;
}
.sub .common_tap ul li.on{
    background-color: #fff;
    color: var(--em-color);
    border-radius: 37px;
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 14%);
}
.sub .common_tap ul li.on a{
    color: var(--em-color);
}
.sub .common_tap ul li a {
    color: #72767A;
    font-size: 16px;
    font-weight: 500;
}
.sub .tapcon_wrap {
    margin-top: 50px;
}

.tapcon_wrap .content_box {
    position: unset;
}



/* accordion s */
.sub .accordion_text {
    display: flex;
}

.sub .accordion_text .accordion_col {
    width: 50%;
}
.sub .accordion_text .accordion_col + .accordion_col {
    margin-left: 44px;
}

.sub .accordion_text .accordion_col .accordion_wrap {
    padding: 22px;
    background: #F3F4F7;
    border-radius: 10px;
}

.sub .accordion_text .accordion_col .accordion_wrap.on {
    background-color: #fff;
    box-shadow: 0px 4px 15px 0 rgb(5 16 35 / 20%);
}

.sub .accordion_text .accordion_col .accordion_wrap + .accordion_wrap {
    margin-top: 20px;
}

.sub .accordion_text .accordion_wrap .accordion_top {
    position: relative;
    padding: 0 0 0 28px;
    cursor: pointer;
}
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top{
    padding: 22px 54px;
}
.sub .accordion_text .accordion_wrap .accordion_top::before {
    content: '';
    display: inline-block;
    position: absolute;
    /*top: calc(50% - 2px);*/
    top: 12px;
    left: 0px;
    width: 12px;
    height: 2px;
    background-color: var(--em-color);
}

.sub .accordion_text .accordion_wrap .accordion_top::after {
    content: '';
    display: inline-block;
    position: absolute;
    /*top: calc(50% - 2px);*/
    top: 12px;
    left: 0px;
    width: 12px;
    height: 2px;
    background-color: var(--em-color);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sub .accordion_text .accordion_wrap.on .accordion_top::after {
    transform: rotate(180deg);
}

.sub .accordion_text .accordion_wrap .accordion_top > span {
    font-weight: 500;
}

.sub .accordion_text .accordion_wrap .accordion_con {
    overflow: hidden;
    position: relative;
    max-height: 0;
    color: #000;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.sub .accordion_text .accordion_wrap.on .accordion_con {
    max-height: 100%;
    padding-top: 22px;
    color: #536170;
}
.sub .accordion_text .accordion_wrap.on .accordion_con .tp-door-desc{
    opacity: .8;
}
.sub .accordion_text.agreement{
    margin-top: 40px;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-deci,
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-disc{
    margin-left: 20px;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-roman{
    margin-left: 26px;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-deci li{
    margin-top: 20px;
    padding-left: 5px;
    list-style: decimal;
    font-size: 15px;
    opacity: 1;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-disc li{
    margin-top: 20px;
    font-size: 15px;
    list-style: disc;
    opacity: 1;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph .list-roman li{
    margin-top: 20px;
    padding-left: 5px;
    font-size: 13px;
    list-style: lower-roman;
    opacity: 1;
}
.sub .accordion_text .accordion_wrap .accordion_con .pargrph ul li .list-arr{
    margin-top: 16px;
    padding-left: 14px;
    font-size: 13px;
    background: url('/images/icon/icoArro-blue.svg')no-repeat 0 6px;
}
.sub .accordion_text .accordion_con .faq_imgbox_dec {
    display: block;
}

.term_graybox {
    padding: 35px;
    border-radius: 10px;
    background: #ebebeb;
}

.accordion_text .accordion_con {
    border-bottom: none;
}

.accordion_text .orderlist,
.policy_titbox .orderlist {
    margin: 20px;
}

.accordion_text .orderlist > li,
.policy_titbox .orderlist > li {
    position: relative;
    margin-bottom: 5px;
    padding: 0 0 0 30px;
}

.accordion_text .orderlist > li em,
.policy_titbox .orderlist > li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.accordion_text .title_bullet {
    margin: 20px;
}

.accordion_text .title_bullet > strong {
    display: block;
}
.sub .usecase_tap .accordion_text .accordion_col {
    width: 100%;
}
.sub .usecase_tap .accordion_text .accordion_col .accordion_wrap{
    padding: 0;
    background-color: #F0F0F0;
}
.sub .usecase_tap .accordion_text .accordion_col .accordion_wrap.on{
    background-color: #fff;
}
/*.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top{
    padding-left: 0;
}*/
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::before,
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::after{
    left: 28px;
}
.sub .usecase_tap .accordion_text .accordion_wrap .accordion_con .pargrph{
    padding: 0px 54px 22px;
}
.sub .usecase_tap .accordion_text .accordion_wrap.on .accordion_con{
    max-height: 100%;
    padding-top: 0;
    padding-bottom: 28px;
    opacity: 1;
}


/* accordion e */


.faq_imgbox span {
    display: block;
}

.faq_wrap .tapcontent {
    display: none;
}

.form_box {
    width: 380px;
    margin: 0 auto;
    text-align: center;
}

.form_box span.inputbox {
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
}

.form_box span.inputbox:first-child {
    margin-top: 24px;
}

.form_box span.inputbox input[type=email],
.form_box span.inputbox input[type=password],
.form_box span.inputbox input[type=phone],
.form_box span.inputbox input[type=text] {
    box-sizing: border-box;
    width: 98%;
    height: 98%;
    padding: 0 10px;
    border: none;
    background: 0 0;
}

.form_box .btn > span {
    width: 100%;
    min-width: auto;
}

.form_box p {
    padding: 0;
    color: #fff;
    font-size: 12px;
}

.login #container {
    padding: 0;
}

.login_wrap {
    overflow-x: hidden;
    min-height: 745px;
}

.login_wrap h1 {
    font-size: 0;
}

.login_wrap strong.login_logo {
    position: absolute;
    top: 48px;
    left: 0;
    z-index: 99;
    width: 100%
}

.login_wrap strong.login_logo span {
    display: block;
    width: 1180px;
    margin: 0 auto;
}

.login_wrap:after {
    content: "";
    display: block;
    clear: both;
}

.login_dec {
    display: flex;
    float: left;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    width: 50%;
    height: 100%;
    background-color: #01baef;
    background-image: url(/images/login/login_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
}

.login_dec h2 {
    display: block;
    color: #fff;
    font-size: 24px;
    text-align: center;
}

.login_dec h2 span {
    display: block;
}

.login_form {
    display: flex;
    float: left;
    float: left;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 50%;
    height: 100%;
    background: #fff;
    transition: all ease-in-out .7s;
}

.login_form .form_in {
    float: left;
    position: relative;
    width: 500px;
}

.login_wrap .error_mag {
    display: none;
    margin: 10px 0 0 0;
    padding-left: 20px;
    color: #ea657b;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    background: url(/images/login/icon_error.png) no-repeat left 2px;
}

.login_wrap .error_mag.on {
    display: block;
}

.login_form .form_box ul li .error_mag {
    position: relative;
    top: -10px;
}

.login_dec .dec_in {
    position: relative;
    width: 680px;
}

.login_wrap.start .login_dec .dec_in {
    transform: translate3d(0, 0, 0);
}

.login_wrap.start .login_dec {
    float: left;
    width: 50%
}

.login_wrap.start .login_form {
    width: 50%;
    transition: all ease-in-out .7s;
    transition-delay: .5s;
    transform: translate3d(0, 0, 0);
}

.login_wrap.start .login_dec .dec_in {
    transition: all ease-in-out .7s;
    opacity: 1;
}

.login_dec h2 {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.login_dec h2 span {
    display: block;
}

.system_list {
    width: 464px;
    margin: 53px auto 0 auto;
}

.system_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.system_list ul li {
    padding: 20px 0 20px 65px;
    border-bottom: dashed 2px #fff;
    color: #fff;
    font-size: 14px;
}

.system_list ul li:nth-of-type(1) {
    background: url(/images/login/icon_login1.png) no-repeat left center;
}

.system_list ul li:nth-of-type(2) {
    background: url(/images/login/icon_login2.png) no-repeat left center;
}

.system_list ul li:nth-of-type(3) {
    background: url(/images/login/icon_login3.png) no-repeat left center;
}

.system_list ul li:nth-of-type(4) {
    background: url(/images/login/icon_login4.png) no-repeat left center;
}

.system_more {
    text-align: center;
}

.system_more a {
    display: inline-block;
    width: 250px;
    height: 50px;
    margin-top: 50px;
    border: solid 1px #fff;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 50px;
}

.form_in .form_box h2 {
    display: block;
    margin-bottom: 25px;
    color: #3c4147;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
}

.form_in .form_box ul li label {
    display: block;
    margin-bottom: 8px;
    text-align: left;
}

.form_in .form_box ul li span.inputbox {
    border: solid 1px #ccc;
}

.form_in .form_box ul li em {
    float: right;
    color: #01baef;
}

.form_in .form_box ul li em:first-child {
    float: left;
}

.form_in .form_box ul li em label {
    display: inline-block;
    margin-left: 5px;
    color: #3c4147;
}

.form_in .form_box ul li em button {
    border: none;
    color: #01baef;
    background: 0 0;
}

.form_in .btn_box {
    clear: both;
    padding-top: 34px;
}

.form_in .btn_box span {
    display: inline-block;
    position: relative;
    width: 100%;
    transition: all .2s ease;
}

.form_in .btn_box span:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #1594bd;
    transition: all .2s ease;
}

.form_in .btn_box span input[type=submit] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #01baef;
}

.auto_textlist.animation {
    position: relative;
}

/*.phone_ani {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 650px;
}

.phone_ani .phone {
    position: absolute;
    top: 92px;
    right: 0;
    width: 250px;
    height: 500px;
    padding: 110px 0 89px 0;
    background: url(/images/auto/bg_phone.png) no-repeat;
}

.phone_ani .phone ul {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.phone_ani .phone ul {
    position: absolute;
    bottom: 110px;
}

.phone_ani .phone ul li {
    overflow: hidden;
    position: relative;
    height: 0;
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
    opacity: 0;
}

.phone_ani .phone ul li:nth-of-type(odd) {
    right: 25px;
    text-align: right;
    transform-origin: right bottom;
}

.phone_ani .phone ul li:nth-of-type(even) {
    left: 25px;
    text-align: left;
}

.phone_ani .phone ul li.motion {
    height: auto;
    transform: scale(1);
    opacity: 1;
}

.phone_ani .phone ul li:nth-of-type(2) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(3) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(4) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(5) {
    transition-delay: .3s;
}

.phone_ani .phone ul li:nth-of-type(6) {
    transition-delay: .3s;
}

.phone_ani .roll_num {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    text-align: center;
}

.phone_ani .roll_num span {
    display: inline-block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #59c3c3;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 46px;
    background: #c7e8e
}*/

/*.roll_bt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13px;
    text-align: center;
}

.roll_bt > button {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    border: solid 1px #d1d1d1;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
}

.roll_bt > button:first-child {
    margin-left: 0;
}

.roll_bt > button.on,
.roll_bt > button:hover {
    background: #59c3c3;
}

.targeting_sub {
    padding: 40px 0 0 0;
}

.targeting_sub h3 {
    margin-bottom: 15px;
}

.targeting_example {
    position: relative;
    margin-top: 54px;
}

.targeting_example h3 {
    margin-bottom: 25px;
    text-align: left;
}

.targeting_example .example_list {
    padding: 90px 0 146px 235px;
}

.targeting_example .phone_ani {
    top: 50px;
    right: auto;
    left: 0;
    width: 179px;
    height: 453px;
}

.targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.targeting_example .phone_ani .phone {
    top: 62px;
    width: 176px;
    height: 356px;
    padding: 70px 0 65px 0;
    background-size: 179px;
}

.targeting_example .phone_ani .roll_num span {
    color: #817dc5;
    background: #d9d8ed;
}

.phone_ani .phone ul li.motion span {
    right: auto !important;
    left: 20px !important;
}

.roll_bt > button.on,
.targeting_example .roll_bt > button:hover {
    background: #817dc5;
}

.example_list {
    padding: 90px 0 146px 0;
    border-bottom: solid 1px #ebebeb;
}

.example_list ol li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 23px;
}

.example_list ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    color: #817dc5;
    font-size: 20px;
    font-weight: 700;
}

.example_list .bullet_list > li:after {
    width: 5px;
    height: 5px;
    background: #817dc5;
}

.phone_ani.stop .roll_bt,
.phone_ani.stop .roll_num {
    display: none;
}

.phone_ani.stop .phone ul li span:nth-of-type(1) {
    top: 10px;
    right: auto;
    left: 0;
    animation-name: none;
    animation-play-state: paused;
    opacity: 1;
    opacity: 1 !important;
}

.phone_ani.stop .phone {
    top: 0;
}

.targeting_example .example_list.last {
    padding: 60px 0 100px 235px;
    border: none;
}

.targeting_example.big {
    margin: 0;
    padding-top: 54px;
    border-top: solid 1px #ebebeb;
}

.targeting_example.big .phone_ani {
    top: 54px;
    width: 225px;
    height: 450px;
}

.targeting_example.big .example_list {
    padding: 40px 0 50px 260px;
    border-bottom: none;
}

.targeting_example.big .phone_ani .phone {
    top: 92px;
    width: 225px;
    height: 450px;
    padding: 110px 0 89px 0;
    background-size: 225px;
}

.targeting_example.big .phone_ani .roll_num {
    display: none;
}

.targeting_example.big .phone_ani .roll_bt {
    display: none;
}

.phone_ani .phone ul li.motion em {
    display: block;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
}

.targeting_example .phone_ani li {
    padding-bottom: 5px;
}

.targeting_example.big .phone_ani .phone ul {
    bottom: 65px;
}

.targeting_example.big.lead .phone_ani .phone ul {
    bottom: 110px;
}

.targeting_example.big .phone_ani .phone ul li em {
    display: block;
    position: relative;
    padding-right: 10px;
    color: #e95d74;
    font-weight: 700;
    text-align: right;
    transition-delay: .5s;
}

.targeting_example.big .phone_ani .phone ul li.motion em {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

.targeting_example.big .phone_ani .phone ul li {
    position: relative;
    transition: all ease-in-out;
}

.targeting_example.big .phone_ani .phone ul li img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(0);
}

.targeting_example.big .phone_ani .phone ul li.motion img {
    transition: all cubic-bezier(.68, -.55, .265, 1.55) .4s;
    transform: scale(1);
}

.phone_ani .phone ul li.motion.link {
    height: 80px;
    transition: all ease-in;
}

.phone_ani .phone ul li.motion.link span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
}

.phone_ani .phone ul li.motion.link span:nth-child(1) {
    animation-name: emani1;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.phone_ani .phone ul li.motion.link span:nth-child(2) {
    animation-name: emani2;
    animation-duration: 3s;
    animation-delay: 1s;
    animation-fill-mode: backwards;
}

.phone_ani .phone ul li.motion.link em {
    position: absolute;
    animation-name: emani3;
    animation-duration: 3s;
    animation-delay: 2s;
    opacity: 0;
}

.phone_ani .phone ul li.motion span {
    right: auto !important;
    left: auto !important;
}

.phone_ani.stop .phone ul {
    top: 80px;
    bottom: auto;
}

.phone_ani.stop .phone ul li:nth-of-type(1) {
    right: 0;
    left: 25px;
    text-align: left;
}

.phone_ani.sample1 .phone ul li:nth-of-type(odd) {
    left: 25px;
    text-align: left;
}*/

.thanks_wrap {
    padding: 80px 0;
}

.thanks_wrap h2 {
    width: 100%;
    color: #054A8F;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.thanks_box {
    position: relative;
    max-width: 953px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 10px 20px 0 #777;
    -moz-box-shadow: 0px 10px 20px 0 #777;
    box-shadow: 0px 10px 20px 0 rgba(32 37 42 / 18%);
}

.thanks_text p {
    padding: 20px 0 40px 0;
    font-size: 16px;
    text-align: center;
}

.thanks_text .btn_box {
    width: 100%;
    text-align: center;
}
.thanks_text .btn_box a + a{
    margin-left: 20px
}
.thanks_text .btn_box a{
    width: 250px;
    height: 45px;
    line-height: 40px;
    border-radius: 23px;
}
.thanks_text .btn_box .button-type01.color-type03{
    background-color: #EA657B;
}
.thanks_text .btn_box .button-type01.color-type02{
    background-color: #564FCF;
    border-color: #564FCF;
}
.thanks_text .btn_box .button-type01.color-type04{
    background-color: #01BAEF;
}
.thanks_text .btn_box a span{
    font-size: 16px;
    font-weight: 600;
}

.right_form {
    width: 400px;
}

.right_form strong {
    display: block;
    padding: 11px 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    background: #01baef;
}

.page-tit-depth2.demo span {
    font-size: 45px;
    line-height: 56px;
}

.sub .more_advantage {
    padding: 80px 0;
    background: #F2F8FF;
}

.more_advantage h2 {
    margin-bottom: 40px;
}

.more_advantage .moreadvantage_list {
    width: 100%;
    text-align: center;
}

.more_advantage .moreadvantage_list:after {
    content: "";
    display: block;
    clear: both;
}

.more_advantage .moreadvantage_list li {
    display: inline-block;
    vertical-align: top;
    width: 270px;
    height: 370px;
    margin-left: 25px;
    padding: 139px 20px 30px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center 30px;
    box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, .1);
}


.usecase_intro {
    position: relative;
    min-height: 690px;
    padding: 60px 494px 200px 0;
}

.usecase_wrap .content_box {
    position: static;
}

.usecase_intro .usecase_text .text_Area p {
    font-size: 18px;
    text-align: left;
    line-height: 45px;
}

.usecase_intro .usecase_text .text_Area p em {
    color: #01baef;
    font-size: 22px;
    font-weight: 700;
}

.usecase_intro .usecase_text .text_Area .dec_btn {
    margin-top: 40px;
}

.usecase_intro .usecase_text .text_Area .dec_btn a {
    margin-right: 20px;
}

.usecase_intro .usecase_text > .right_form {
    position: absolute;
    top: 60px;
    right: 0;
}

.right_form.formboox .hbspt-form .hs-form-field label {
    margin-top: 10px;
}

.usecase_intro .right_form strong {
    background: #59c3c3;
}

.usecase_intro .formboox .hbspt-form {
    margin-bottom: 0;
    padding: 0 20px 30px 20px;
    background: #def3f3;
}

.usecase_intro .right_form.formboox .hbspt-form > .hbspt-form {
    padding: 10px 10px 34px 10px;
}

.usecase_intro .hbspt-form .hs-form-field .input {
    height: 36px;
    border: none;
    border-radius: none;
    line-height: 36px;
}

.usecase_intro .hbspt-form .hs-form-field .input input {
    width: 100%;
    height: 36px;
    border-radius: 5px;
    line-height: 36px;
}

.hr_linkbox {
    padding: 60px 0;
    border-bottom: solid 1px #ddd;
}

.hr_linkbox .page-tit-depth3-green {
    padding: 185px 0 0 0;
    font-size: 45px;
    text-align: center;
    background: url(/images/department/icon_hr.png) no-repeat center top;
}

.hr_linkbox p {
    width: 640px;
    margin: 35px auto 35px auto;
    text-align: center;
    line-height: 30px;
}

.hr_linkbox p a {
    color: #59c3c3;
    font-weight: 700;
    text-decoration: underline;
}

.usecase_tap {
    padding: 69px 0 94px 0;
    background: #e5f8fd;
}

.usecase_tap h2 {
    margin-bottom: 40px;
}

.usecase_tap ul li {
    position: relative;
}

.usecase_tap .num_list {
    margin-left: 20px;
}

.accordion_tap {
    margin: 0 50px;
    border: solid 1px #ddd;
}

.accordion_tap .accordion_top {
    position: relative;
    padding: 28px 45px 28px 94px;
    border-bottom: solid 1px #ddd;
    background: #ebebeb;
}

.accordion_tap .accordion_top > em {
    display: block;
    position: absolute;
    top: 16px;
    left: 35px;
    color: #a4def7;
    font-size: 36px;
    font-weight: 700;
}

.accordion_tap .accordion_top > span {
    color: #01baef;
    font-size: 20px;
    font-weight: 700;
}

.accordion_tap .accordion_top:after {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    right: 27px;
    width: 16px;
    height: 16px;
    background: url(/images/common/icon_plus.png) no-repeat left center;
}

.accordion_tap li.on .accordion_top {
    background: #01baef;
}

.accordion_tap li.on .accordion_top > em {
    color: #80ddf7;
}

.accordion_tap li.on .accordion_top > span {
    color: #fff;
    font-size: 20px;
}

.accordion_tap li.on .accordion_top:after {
    background: url(/images/common/icon_mius.png) no-repeat left center;
}

.accordion_tap .accordion_con {
    visibility: hidden;
    overflow: hidden;
    position: relative;
    height: 0;
    border-bottom: solid 1px #ddd;
    color: #000;
    line-height: 32px;
    background: #fff;
}

.accordion_tap .accordion_con .pargrph > p {
    padding-bottom: 12px;
}

.accordion_tap .accordion_con .pargrph {
    transition: .3s;
    opacity: 0;
}

.accordion_tap .accordion_con .pargrph .bullet_list {
    margin-left: 14px;
}

.accordion_tap .accordion_con .pargrph .bullet_list > li {
    margin-bottom: 12px;
}

.accordion_tap .accordion_con .pargrph .bullet_list > li:after {
    top: 13px;
}

.accordion_tap .case_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 377px;
    height: 100%;
    text-align: center;
}

.accordion_tap .case_img span {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.accordion_tap .case_img span em {
    display: table-cell;
    vertical-align: middle;
}

.accordion_tap li.on .accordion_con {
    visibility: visible;
    overflow: visible;
    z-index: 55;
    height: auto;
    min-height: 415px;
    padding: 55px 57px 55px 377px;
    transition: .5s;
    box-shadow: -1px 20px 40px -8px rgba(85, 85, 85, .59);
}

.accordion_tap li.on .accordion_con ul.bullet_list {
    position: relative;
}

.accordion_tap li.on .accordion_con .pargrph {
    transition-delay: .3s;
    opacity: 1;
}

.accordion_tap li.on .tooltip:after {
    left: -20px;
    background: url(/images/common/tool_bullet.png) no-repeat right center;
}

.accordion_tap li.on .tooltip.customer ol li {
    position: relative;
    margin-bottom: 2px;
    padding-left: 30px;
}

.accordion_tap li.on .tooltip.customer ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}

.accordion_tap li.on .tooltip.customer .img_view {
    text-align: center;
}

.accordion_tap li.on .tooltip.customer .img_view img {
    max-width: 270px;
}

.account.life_wrap h2 {
    margin-bottom: 60px;
}

.account.life_wrap h2 span {
    display: block;
    margin-top: 30px;
    color: #3c4147;
    font-size: 16px;
    font-weight: 500;
}

.account.life_wrap .liferoll_left,
.account.life_wrap .liferoll_right {
    top: 127px;
}

.account.life_wrap .lifecycle_roll .rollin ol li {
    background-color: #e6e5f3;
}

.account.life_wrap .lifecycle_roll .rollin ol li em {
    color: #817dc5;
}

.account.life_wrap .liferoll_right {
    background: url(/images/cycle/btn_right.png) no-repeat;
}

.account.life_wrap .liferoll_left {
    background: url(/images/cycle/btn_left.png) no-repeat;
}

.account.life_wrap .lifecycle_roll .rollin ol li .cycle_text strong {
    font-weight: 700;
}

.usecase_intro .usecase_text .text_Area {
    min-height: 313px;
    margin: 0 0 25px 0;
    background: url(/images/department/bg_textarea1.png) no-repeat right bottom;
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg1_1.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg1_2.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg1_3.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg1_4.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg1_5.png);
}

.account.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg1_6.png);
}

.usecase_intro.critical .usecase_text .text_Area {
    background: url(/images/department/bg_textarea2.png) no-repeat right bottom;
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg2_1.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg2_2.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg2_3.png);
}

.account.critical.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg2_4.png);
}

.usecase_intro.customer .usecase_text .text_Area {
    background: url(/images/department/bg_textarea3.png) no-repeat right bottom;
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg3_1.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg3_2.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg3_3.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg3_4.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg3_5.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg3_6.png);
}

.account.customer.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg3_7.png);
}

.usecase_intro.hr .usecase_text .text_Area {
    background: url(/images/department/bg_textarea4.png) no-repeat right bottom;
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg4_1.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg4_2.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg4_3.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg4_4.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg4_5.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg4_6.png);
}

.account.hr.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg4_7.png);
}

.usecase_intro.it .usecase_text .text_Area {
    background: url(/images/department/bg_textarea5.png) no-repeat right bottom;
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg5_1.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg5_2.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg5_3.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg5_4.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg5_5.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg5_6.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg5_7.png);
}

.account.it.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg5_8.png);
}

.usecase_intro.marketing .usecase_text .text_Area {
    background: url(/images/department/bg_textarea6.png) no-repeat right bottom;
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg6_1.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg6_2.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg6_3.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg6_4.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg6_5.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg6_6.png);
}

.account.marketing.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg6_7.png);
}

.usecase_intro.recruiting .usecase_text .text_Area {
    background: url(/images/department/bg_textarea7.png) no-repeat right bottom;
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg7_1.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg7_2.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg7_3.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg7_4.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg7_5.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg7_6.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg7_7.png);
}

.account.recruiting.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg7_8.png);
}

.usecase_intro.sales .usecase_text .text_Area {
    background: url(/images/department/bg_textarea8.png) no-repeat right bottom;
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg8_1.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg8_2.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg8_3.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg8_4.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg8_5.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg8_6.png);
}

.account.sales.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg8_7.png);
}

.usecase_intro.shift .usecase_text .text_Area {
    background: url(/images/department/bg_textarea9.png) no-repeat right bottom;
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/department/account_rollbg9_1.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/department/account_rollbg9_2.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/department/account_rollbg9_3.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/department/account_rollbg9_4.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/department/account_rollbg9_5.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/department/account_rollbg9_6.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/department/account_rollbg9_7.png);
}

.account.shift.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/department/account_rollbg9_8.png);
}

.usecase_intro.insurance .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea10.png) no-repeat right bottom;
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg10_1.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg10_2.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg10_3.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg10_4.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg10_5.png);
}

.account.insurance.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg10_6.png);
}

.usecase_intro.military .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea11.png) no-repeat right bottom;
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg11_1.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg11_2.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg11_3.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg11_4.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg11_5.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg11_6.png);
}

.account.military.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg11_7.png);
}

.usecase_intro.political .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea12.png) no-repeat right bottom;
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg12_1.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg12_2.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg12_3.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg12_4.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg12_5.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg12_6.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg12_7.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg12_8.png);
}

.account.political.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg12_9.png);
}

.usecase_intro.staffing .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea13.png) no-repeat right bottom;
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg13_1.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg13_2.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg13_3.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg13_4.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg13_5.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg13_6.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg13_7.png);
}

.account.staffing.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg13_8.png);
}

.usecase_intro.government .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea14.png) no-repeat right bottom;
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg14_1.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg14_2.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg14_3.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg14_4.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg14_5.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg14_6.png);
}

.account.government.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg14_7.png);
}

.usecase_intro.financial .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea15.png) no-repeat right bottom;
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg15_1.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg15_2.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg15_3.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg15_4.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg15_5.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg15_6.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg15_7.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg15_8.png);
}

.account.financial.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg15_9.png);
}

.usecase_intro.auctions .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea16.png) no-repeat right bottom;
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg16_1.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg16_2.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg16_3.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg16_4.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg16_5.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg16_6.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg16_7.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg16_8.png);
}

.account.auctions.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg16_9.png);
}

.usecase_intro.dealerships .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea17.png) no-repeat right bottom;
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg17_1.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg17_2.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg17_3.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg17_4.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg17_5.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg17_6.png);
}

.account.dealerships.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg17_7.png);
}

.usecase_intro.education .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea18.png) no-repeat right bottom;
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg18_1.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg18_2.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg18_3.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg18_4.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg18_5.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg18_6.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg18_7.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg18_8.png);
}

.account.education.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg18_9.png);
}

.usecase_intro.estate .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea19.png) no-repeat right bottom;
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg19_1.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg19_2.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg19_3.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg19_4.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg19_5.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg19_6.png);
}

.account.estate.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg19_7.png);
}

.usecase_intro.fitness .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea20.png) no-repeat right bottom;
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg20_1.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg20_2.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg20_3.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg20_4.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg20_5.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg20_6.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg20_7.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg20_8.png);
}

.account.fitness.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg20_9.png);
}

.usecase_intro.mediaenter .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea21.png) no-repeat right bottom;
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg21_1.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg21_2.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg21_3.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg21_4.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg21_5.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg21_6.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg21_7.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg21_8.png);
}

.account.mediaenter.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg21_9.png);
}

.usecase_intro.unions .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea22.png) no-repeat right bottom;
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg22_1.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg22_2.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg22_3.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg22_4.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg22_5.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg22_6.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg22_7.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg22_8.png);
}

.account.unions.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg22_9.png);
}

.usecase_intro.retail .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea23.png) no-repeat right bottom;
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg23_1.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg23_2.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg23_3.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg23_4.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg23_5.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg23_6.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg23_7.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg23_8.png);
}

.account.retail.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg23_9.png);
}

.usecase_intro.club .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea24.png) no-repeat right bottom;
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg24_1.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg24_2.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg24_3.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg24_4.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg24_5.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg24_6.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg24_7.png);
}

.account.club.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg24_8.png);
}

.usecase_intro.utility .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea25.png) no-repeat right bottom;
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg25_1.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg25_2.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg25_3.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg25_4.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg25_5.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg25_6.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg25_7.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg25_8.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg25_9.png);
}

.account.utility.life_wrap .lifecycle_roll .rollin ol li.cycle10 {
    background-image: url(/images/industry/account_rollbg25_10.png);
}

.usecase_intro.food .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea26.png) no-repeat right bottom;
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg26_1.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg26_2.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg26_3.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg26_4.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg26_5.png);
}

.account.food.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg26_6.png);
}

.usecase_intro.medical .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea27.png) no-repeat right bottom;
}

.medical_consulting .consulting_text {
    margin: 70px 50px;
    padding: 0 0 0 338px;
    background: url(/images/industry/medical_img.png) no-repeat;
}

.medical_consulting .page-tit-depth2-black {
    font-size: 45px;
}

.medical_consulting p {
    padding-top: 40px;
}

.usecase_intro.higeredu .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea28.png) no-repeat right bottom;
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg28_1.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg28_2.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg28_3.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg28_4.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg28_5.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg28_6.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg28_7.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg28_8.png);
}

.account.higeredu.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg28_9.png);
}

.usecase_intro.hospitality .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea29.png) no-repeat right bottom;
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg29_1.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg29_2.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg29_3.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg29_6.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg29_5.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg29_4.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg29_8.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg29_9.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg29_7.png);
}

.account.hospitality.life_wrap .lifecycle_roll .rollin ol li.cycle10 {
    background-image: url(/images/industry/account_rollbg29_10.png);
}

.usecase_intro.agency .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea30.png) no-repeat right bottom;
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg30_1.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg30_2.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg30_3.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg30_4.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg30_5.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg30_6.png);
}

.account.agency.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg30_7.png);
}

.usecase_intro.nonprofits .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea31.png) no-repeat right bottom;
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg31_1.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg31_2.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg31_3.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg31_4.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg31_5.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg31_6.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg31_7.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg31_8.png);
}

.account.nonprofits.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg31_9.png);
}

.usecase_intro.property .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea32.png) no-repeat right bottom;
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg32_1.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg32_2.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg32_3.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg32_4.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg32_5.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg32_6.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg32_7.png);
}

.account.property.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg32_8.png);
}

.usecase_intro.churches .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea33.png) no-repeat right bottom;
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg33_1.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg33_2.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg33_3.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg33_4.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg33_5.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg33_6.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg33_7.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg33_8.png);
}

.account.churches.life_wrap .lifecycle_roll .rollin ol li.cycle9 {
    background-image: url(/images/industry/account_rollbg33_9.png);
}

.usecase_intro.fanchises .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea34.png) no-repeat right bottom;
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle1 {
    background-image: url(/images/industry/account_rollbg34_1.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle2 {
    background-image: url(/images/industry/account_rollbg34_2.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle3 {
    background-image: url(/images/industry/account_rollbg34_3.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle4 {
    background-image: url(/images/industry/account_rollbg34_4.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle5 {
    background-image: url(/images/industry/account_rollbg34_5.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle6 {
    background-image: url(/images/industry/account_rollbg34_6.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle7 {
    background-image: url(/images/industry/account_rollbg34_7.png);
}

.account.fanchises.life_wrap .lifecycle_roll .rollin ol li.cycle8 {
    background-image: url(/images/industry/account_rollbg34_8.png);
}

.usecase_intro.performance .usecase_text .text_Area {
    background: url(/images/industry/bg_textarea35.png) no-repeat right bottom;
}

.usecase_intro.performance .usecase_text .text_Area p:nth-child(1) {
    margin-bottom: 20px;
}

.marketing_action {
    padding: 100px 0;
}

.action_con {
    margin-top: 80px;
}

.action_par {
    position: relative;
    margin-bottom: 55px;
}

.action_par .action_tit {
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.action_par > p {
    margin-bottom: 50px;
    line-height: 32px;
}

.action_type1 {
    padding: 0 0 0 275px;
}

.action_type1 .imgbox {
    position: absolute;
    top: 0;
    left: 0;
}

.action_type2 {
    padding: 0 400px 0 0;
}

.action_type2 .bgtextbox {
    position: absolute;
    top: 0;
    right: 0;
    width: 354px;
    height: 570px;
    background: url(/images/industry/action_bg.png) no-repeat center top #817dc5;
}

.action_type2 .bgtextbox .table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 40px;
    color: #fff;
    text-align: center;
}

.action_type2 .bgtextbox .table_cell {
    display: table-cell;
    vertical-align: middle;
}

.action_type2 .bgtextbox .table_cell p {
    margin-top: 30px;
}

.action_type2 .bgtextbox .table_cell p:nth-of-type(1) {
    margin-top: 0;
    font-style: italic;
}

.action_type2 .bgtextbox .table_cell p:nth-last-of-type(1) {
    font-weight: 700;
}

.action_type2.action_par > p:nth-of-type(2) {
    margin-bottom: 30px;
}

.salesforce_con {
    padding: 90px 0 70px 0;
    background: #eef9f9;
}

.salesforce_con > .content_box {
    padding-right: 400px;
    background: url(/images/department/logo_salesforce.png) no-repeat right 108px;
}

.salesforce_con > .content_box > h2 {
    margin-bottom: 40px;
    font-size: 45px;
    text-align: center;
}

.salesforce_con > .content_box p {
    margin-bottom: 20px;
    line-height: 32px;
}

.sitemap_wrap {
    padding-top: 100px;
    background: #e5f8fd;
}

.sitemap_wrap > .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.sitemap_wrap .sitemenu {
    padding-bottom: 40px;
}

.sitemap_wrap .sitebox {
    float: left;
    width: 20%;
    margin-right: 5%
}

.sitemap_wrap .sitebox h2 {
    margin-bottom: 10px;
    border-bottom: solid 1px #3c4147;
    font-weight: 700;
    font-size: 20px;
}

.sitemap_wrap .sitebox h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

.sitemap_wrap .sitebox h3 a {
    font-weight: 500;
}

.sitemap_wrap .sitebox h2 a {
    font-weight: 700;
}

.sitemap_wrap .sitebox ul {
    padding: 0 0 25px 20px;
}

.sitemap_wrap .sitebox ul li {
    margin-top: 10px;
}

.bg_skyblue {
    background: #e5f8fd;
}

.bg_skyblue.terms_box {
    padding: 110px 0;
}

.bg_skyblue.terms_box .content_box {
    position: unset;
}

.terms_box ul > li > span {
    color: #3c4147;
    font-size: 17px;
    font-weight: 700;
}

.terms_box ul > li > span > a {
    display: inline-block;
    margin-left: 10px;
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.terms_box .accordion_text li.on .accordion_con {
    padding: 20px 57px 20px 40px;
}

.Policy_pargrph .text_slogan {
    display: block;
    padding: 20px 0 20px 40px;
    color: #000;
    font-weight: 700;
}

.Policy_pargrph .text_slogan > a em {
    color: #01baef;
}

.Policy_pargrph .red {
    color: #ea657b;
}

.pargrph_box p {
    padding: 0 0 20px 40px;
    font-size: 15px;
}

.policy_titbox {
    margin-bottom: 40px;
}

.policy_titbox p {
    padding: 0 0 0 40px;
}

.policy_titbox p.description_text {
    padding: 15px 0 30px 40px;
}

.policy_titbox p.description_text a.link_text {
    word-break: break-all;
}

.policy_titbox p.description_update {
    color: #9a97d1;
    font-weight: 700;
    font-style: italic;
    text-align: right;
}

.policy_titbox .bullet_list {
    margin: 0 0 0 40px;
}

.policy_titbox .bullet_list li {
    margin: 0 0 10px 0;
}

.policy_titbox .bullet_list p {
    padding: 0;
}

.policy_titbox ol {
    padding: 0 0 30px 40px;
}

.policy_titbox ol > li {
    margin-bottom: 5px;
}

.policy_titbox .policy_h3 {
    padding: 15px 0 0 40px;
    font-weight: 700;
}

.policy_titbox p.description_text1 {
    padding: 10px 0 15px 40px;
}

.policy_titbox .bullet_list > li:after {
    top: 11px;
}

.policy_titbox .policy_tit span:after {
    display: none;
}

.policy_titbox .bullet_list.list_bar > li:after {
    top: 13px;
    height: 1px;
    border-radius: 0;
}

.anti_box .policy_titbox .policy_tit span {
    padding: 0;
}

.anti_box .policy_titbox .policy_tit span:after {
    display: none;
}

.policy_titbox .policy_tit {
    display: block;
    margin-bottom: 20px;
    padding: 5px 30px;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background: #9a97d1;
}

.policy_titbox .policy_tit span {
    display: block;
    position: relative;
    padding-left: 20px;
}

.policy_titbox .policy_tit span:after {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff;
}

.anti_box {
    height: auto;
    padding: 40px 57px 20px 40px;
    border: solid 1px #ddd;
    line-height: 28px;
    background: #fff;
    box-shadow: -1px 10px 10px -8px rgba(85, 85, 85, .59);
}

.anti_box .pargrph_box p {
    padding: 0 0 20px 40px;
    line-height: 30px;
}

.tp-tcpa-update .anti_box .pargrph_box p {
    padding: 0 0 20px 0;
}

.anti_box .pargrph_box {
    margin-bottom: 40px;
}

.text_purple {
    display: block;
    color: #817dc5;
    font-size: 16px;
}

.policy_titbox .bullet_list li .bullet_list {
    margin: 10px 0 0 10px;
}

.policy_titbox .bullet_list li .bullet_list li {
    margin: 0 0 10px 0;
}

.tcpatext_box {
    padding: 40px 80px;
}

.tcpatext_box .page-tit-depth3-purple {
    margin-bottom: 40px;
    line-height: 40px;
}

.tcpatext_box .page-tit-depth3-purple span {
    display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
}

.tcpatext_box .page-tit-depth3-purple span strong {
    font-weight: 700;
}

.tp-tcpa-update .pargrph_box .bullet_list {
    margin: 20px 0 40px 10px;
}

.pargrph_box .bullet_list {
    margin: 20px 0 40px 0;
}

.pargrph_box .bullet_list > li {
    margin-bottom: 5px;
}

.pargrph_box p {
    line-height: 30px;
}

.numtit_box {
    margin-bottom: 40px;
}

.numtit_box .numtit {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 16px;
}

.tp-tcpa-update .numtit_box .numtit {
    padding-left: 10px;
}

.tp-tcpa-update .numtit_box .numtit + .bullet_list {
    padding-left: 20px;
}

.numtit_box .numtit em {
    display: inline-block;
    margin-right: 10px;
    font-weight: 400;
}

.numtit_box .bullet_list > li {
    margin-bottom: 5px;
}

.numtit_box .bullet_list > li .bullet_list {
    margin: 30px 0;
    padding: 0 0 0 40px;
}

.tp-tcpa-update .numtit_box .bullet_list > li .bullet_list {
    padding: 0;
}

.numtit_box .bullet_list > li .bullet_list > li {
    margin-bottom: 5px;
}

.numtit_box .bullet_list > li .bullet_list > li:after {
    top: 10px;
    height: 2px;
    border-radius: 0;
}

.img_check {
    position: relative;
    margin-bottom: 20px;
    padding: 0 0 0 140px;
}

.img_check .imgarea {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 60px;
    border: solid 1px;
}

.img_check .input_box {
    display: block;
    width: 100%;
    height: 38px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.img_check .input_box input {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
}

.img_check label {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
}

.checkbox_form {
    position: relative;
    padding-left: 20px;
}

.checkbox_form input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
}

.checkbox_form label {
    display: block;
    font-size: 13px;
}

#Password-Rules .popup {
    width: 610px;
}

.form_wrap h1.account_tit {
    padding-top: 75px;
    color: #01baef;
    font-size: 40px;
    font-weight: 500;
    background: url(/images/common/logo.png) center top no-repeat;
}

.form_wrap h2.account_tit2 {
    margin: 25px 0 40px 0;
    color: #59c3c3;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
}

.account_list {
    width: 380px;
    margin: 0 auto;
}

.account_list li {
    position: relative;
    margin-bottom: 30px;
}

.account_list.half {
    width: 660px;
}

.account_list.half .tooltip {
    right: 0;
    left: auto;
    max-width: 300px;
}

.account_list.half .tooltip:after {
    background-position: 240px center;
}

.account_list.half ul:after {
    content: "";
    display: block;
    clear: both;
}

.account_list.half li {
    float: left;
    width: 48%
}

.account_list.half li select {
    width: 100%;
    height: 100%;
    border: none;
}

.account_list.half li:nth-of-type(odd) {
    margin-right: 2%
}

.account_list.half li:nth-of-type(even) {
    margin-left: 2%
}

.account_list.half li > p {
    display: block;
    text-align: right;
}

.account_list.half li .btn_tip {
    border: none;
    font-size: 13px;
}

.account_list li > label {
    display: block;
    margin-bottom: 10px;
}

.account_list li > .input_box {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.account_list li > .input_box input {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
}

.account_list li > .btn_accounttip {
    display: block;
    position: absolute;
    top: 42px;
    right: -30px;
    width: 20px;
    height: 20px;
    background: url(/images/login/icon_account.png) no-repeat;
}

.submit_box {
    margin-top: 30px;
}

.submit_box.helf {
    max-width: 370px;
    margin: 30px auto 0 auto;
}

.submit_box span {
    display: inline-block;
    position: relative;
    width: 100%;
    transition: all .2s ease;
}

.submit_box span input[type=button],
.submit_box span input[type=submit] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #ea657b;
}

.submit_box span:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #b84f62;
    transition: all .2s ease;
}

.rule_box .bullet_list > li {
    margin-bottom: 0;
}

.rule_box .bullet_list > li .bullet_list {
    margin: 10px 0;
}

.rule_box .bullet_list > li .bullet_list li {
    color: #9a97d1;
    font-weight: 700;
}

.rule_box .bullet_list > li .bullet_list > li:after {
    background: #9a97d1;
}

body.pop_open footer {
    z-index: auto;
}

#forgot_password .popup {
    width: 450px;
    padding: 30px 20px;
}

#forgot_password .popup .pop_title {
    margin-bottom: 10px;
    padding-top: 70px;
    color: #3c4147;
    background: url(/images/common/icon_password.png) no-repeat center top;
    background-size: 70px;
}

#forgot_password .popup .pop_content {
    color: #01baef;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

#forgot_password .popup .pop_content > p {
    padding-bottom: 0;
    color: #01baef;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

#forgot_password #forgot_password_input_area {
    width: 100%;
    height: 40px;
    padding: 5px;
    border: solid 1px #ccc;
    border-radius: 5px;
}

#forgot_password .passform {
    margin-bottom: 20px;
}

#forgot_password .btn_box input[type=button] {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 45px;
    padding: 0 24px;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    background: #ea657b;
}

.tutorials_info {
    padding: 40px 0;
    text-align: center;
    line-height: 32px;
}

.tutorialsTap {
    overflow: hidden;
    width: 100%;
    border: solid 1px #d7d7d7;
    border-radius: 5px;
}

.tutorialsTap ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorialsTap ul li {
    float: left;
    width: 20%;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}

.tutorialsTap ul li a {
    display: block;
    padding: 20px 0;
    border-left: solid 1px #d7d7d7;
    color: #01baef;
}

.tutorialsTap ul li:first-child a {
    border: none;
}

.tutorialsTap ul li.on a,
.tutorialsTap ul li:hover a {
    color: #fff;
    background: #01baef;
}

.tutorialscon {
    overflow: hidden;
    position: relative;
    width: 100%
}

.tutorialscon ul {
    position: relative;
    left: -23px;
}

.tutorialscon ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorialscon ul li {
    float: left;
    width: 33.3%;
    padding: 45px 0 0 45px;
}

.tutorialscon ul li .tutorialscard {
    width: 100%;
    height: 499px;
    border: solid 1px #cecddb;
    border-radius: 5px;
}

.tutorial_movie {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #e6e5f3;
    background-repeat: no-repeat;
    background-position: center center;
}

.tutorial_movie > .btn_box {
    position: absolute;
    top: 170px;
    left: 0;
    width: 100%;
    height: 60px;
    text-align: center;
}

.tutorial_movie > .btn_box a {
    display: inline-block;
    width: 62px;
    height: 62px;
    margin-left: 20px;
}

.tutorial_movie > .btn_box a.movie {
    background: url(/images/resources/btn_play1.png) no-repeat;
}

.tutorial_movie > .btn_box a.down {
    right: 100px;
    background: url(/images/resources/btn_down.png) no-repeat;
}

.tutorial_text {
    padding: 56px 20px 0 20px;
    text-align: center;
}

.tutorial_text h1 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}

#core.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials1.png);
}

#core.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials2.png);
}

#core.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials3.png);
}

#core.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials4.png);
}

#manage.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials5.png);
}

#manage.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials6.png);
}

#manage.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials7.png);
}

#manage.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials8.png);
}

#manage.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials9.png);
}

#manage.tutorialscon ul li:nth-of-type(6) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials10.png);
}

#manage.tutorialscon ul li:nth-of-type(7) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials11.png);
}

#manage.tutorialscon ul li:nth-of-type(8) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials12.png);
}

#manage.tutorialscon ul li:nth-of-type(9) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials13.png);
}

#manage.tutorialscon ul li:nth-of-type(10) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials14.png);
}

#manage.tutorialscon ul li:nth-of-type(11) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials15.png);
}

#manage.tutorialscon ul li:nth-of-type(12) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials16.png);
}

#manage.tutorialscon ul li:nth-of-type(13) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials17.png);
}

#message.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials18.png);
}

#message.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials19.png);
}

#message.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials20.png);
}

#message.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials21.png);
}

#message.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials22.png);
}

#message.tutorialscon ul li:nth-of-type(6) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials23.png);
}

#message.tutorialscon ul li:nth-of-type(7) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials24.png);
}

#engage.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials25.png);
}

#engage.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials26.png);
}

#engage.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials27.png);
}

#engage.tutorialscon ul li:nth-of-type(4) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials28.png);
}

#engage.tutorialscon ul li:nth-of-type(5) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials29.png);
}

#remote.tutorialscon ul li:nth-of-type(1) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials30.png);
}

#remote.tutorialscon ul li:nth-of-type(2) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials31.png);
}

#remote.tutorialscon ul li:nth-of-type(3) .tutorial_movie {
    background-image: url(/images/resources/img_tutorials32.png);
}

.guide_top {
    height: 394px;
    text-align: center;
    background: url(/images/guide/header_bg.png) no-repeat center top #dff3f4;
}

.guide_top > h1 {
    padding: 63px 0 0 0;
    font-weight: 700;
    font-size: 60px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}

.guide_top > h1 > span {
    display: block;
    font-size: 30px;
}

.main_guide {
    margin-top: 80px;
}

.main_guide h2 {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    color: #01baef;
    font-size: 24px;
    text-align: center;
}

.main_guide h2:after,
.main_guide h2:before {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    width: 50%;
    height: 1px;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.main_guide h2:before {
    left: 0;
}

.main_guide h2:after {
    right: 0;
}

.main_guide h2 span {
    display: inline-block;
    position: relative;
    z-index: 3;
    padding: 0 30px;
    font-weight: 700;
    background: #fff;
}

.main_guide h2 p {
    padding-top: 25px;
    color: #3c4147;
    font-size: 16px;
}

.table_guide {
    overflow: hidden;
    width: 100%;
    padding: 0 0 30px 0;
}

.table_guide ul {
    position: relative;
    top: -49px;
    left: -49px;
    width: calc(100% + 49px);
}

.table_guide ul:after {
    content: "";
    display: block;
    clear: both;
}

.table_guide ul li {
    float: left;
    width: 258px;
    height: 200px;
    margin: 49px 0 0 49px;
    padding: 0 20px;
    border-radius: 5px;
    text-align: center;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.table_guide ul li div {
    display: table;
    width: 100%;
    height: 100%;
    color: #fff;
}

.table_guide ul li div a {
    color: #fff;
}

.table_guide ul li div.table_cell {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding-top: 32px;
    color: #fff;
}

.table_guide ul li h1 {
    width: 100%
}

.table_guide ul li h1 strong {
    display: block;
    margin: 5px 0;
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
}

.table_guide ul p {
    margin-top: -13px;
    font-weight: 700;
}

.pdf_box {
    padding-bottom: 60px;
    text-align: center;
}

.pdf_box:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 45px;
    background: linear-gradient(180deg, #57c3c4, #03baee);
}

.pdf_box span {
    display: block;
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.pdf_box a {
    display: inline-block;
    width: 160px;
    height: 56px;
    padding: 15px 0;
    border: solid 3px #01baef;
    color: #01baef;
    font-weight: 700;
}

.page_move:after {
    content: "";
    display: block;
    clear: both;
}

.page_move span {
    float: right;
    text-align: right;
}

.page_move span:before {
    content: "";
    display: block;
    color: #3c4147;
    font-weight: 700;
}

.page_move span a {
    color: #1bc0f0;
    font-weight: 700;
}

.page_move span:nth-of-type(1) {
    float: left;
    text-align: left;
}

.page_move span:nth-of-type(1):before {
    content: "PREV";
    margin-bottom: 10px;
    padding-left: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_prev.png) no-repeat left 6px;
}

.page_move span:nth-of-type(2):before {
    content: "NEXT";
    margin-bottom: 10px;
    padding-right: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_next.png) no-repeat right 6px;
}

.page_move span.last:before {
    content: "BACK TO";
    margin-bottom: 10px;
    padding-right: 13px;
    font-size: 14px;
    background: url(/images/guide/bullet_next.png) no-repeat right 6px;
}

.down_area {
    position: relative;
    margin-top: 35px;
    padding: 37px 54px;
    color: #fff;
    background-image: linear-gradient(90deg, #57c3c4, #03baee);
}

.down_area > p {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
}

.down_area > p > span {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}

.down_area > a {
    display: block;
    position: absolute;
    top: 40px;
    right: 54px;
    width: 200px;
    height: 60px;
    padding: 15px 0;
    border: solid 3px #fff;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.sub_guide {
    width: 100%;
    padding: 50px 0 90px 0;
    background: #dff3f4;
}

.number_tap {
    padding: 0 90px 45px 0;
}

.number_tap:after {
    content: "";
    display: block;
    clear: both;
}

.number_tap a {
    display: block;
    float: left;
    position: relative;
    width: 12.5%
}

.number_tap a span {
    display: block;
    float: right;
    width: 45px;
    height: 45px;
    border: solid 3px #01baef;
    border-radius: 50%;
    color: #01baef;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
}

.number_tap a:before {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: calc(100% - 45px);
    height: 3px;
    background: #01baef;
}

.number_tap a:nth-of-type(1):before {
    display: none;
}

.number_tap a.on span,
.number_tap a:hover span {
    color: #fff;
    background: #01baef;
}

.guide_whiteboard {
    width: 100%;
    padding: 50px 75px;
    border-radius: 5px;
    background: #fff;
}

.guide_tit {
    margin-bottom: 45px;
    padding-bottom: 47px;
    border-bottom: solid 1px #ccc;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
}

.guide_tit span {
    display: block;
    width: 150px;
    height: 35px;
    margin: 0 auto 27px auto;
    color: #fff;
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 35px;
    background-image: linear-gradient(180deg, #57c3c4, #03baee);
}

.guide_tit2 {
    margin-bottom: 20px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.guide_par {
    margin-bottom: 40px;
    border-bottom: dashed 1px #ebebeb;
}

.guide_par.noline {
    border-bottom: none;
}

.guide_par.noline.first {
    margin-bottom: 0;
}

.guide_par.topline {
    margin-top: 40px;
    padding-top: 40px;
    border-top: dashed 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.guide_par > p {
    padding-bottom: 40px;
    line-height: 32px;
}

.guide_par > p.left {
    position: relative;
    padding: 40px 0 40px 220px;
    border-bottom: dashed 1px #ebebeb;
}

.guide_par > p.left a {
    color: #01baef;
}

.guide_par > p.left > strong {
    position: absolute;
    top: 40px;
    left: 0;
    width: 200px;
    font-size: 17px;
}

.guide_par > p > strong {
    display: block;
    font-weight: 700;
    font-size: 18px;
}

.guide_par.bg_check > p > strong {
    padding-left: 36px;
    background: url(/images/guide/bg_check.png) no-repeat left 3px;
}

.guide_par.bg_x > p > strong {
    padding-left: 36px;
    background: url(/images/guide/bg_x.png) no-repeat left 4px;
}

.board_greenline {
    position: relative;
    margin-top: 10px;
    padding: 35px 35px 0 35px;
    border: solid 3px #59c3c3;
    border-radius: 10px;
}

.board_greenline > h2 {
    position: absolute;
    top: -16px;
    left: 0;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}

.board_greenline > h2 > span {
    display: inline-block;
    padding: 0 20px;
    background: #fff;
}

.statis_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.statis_box ul li {
    float: left;
    width: 49%;
    height: 201px;
    margin-top: 20px;
    padding: 0 20px;
    border-bottom: dashed 2px #ebebeb;
    text-align: center;
}

.statis_box ul li:nth-of-type(odd) {
    margin-right: 1%
}

.statis_box ul li:nth-of-type(1),
.statis_box ul li:nth-of-type(2) {
    margin-top: 0;
}

.statis_box ul li:nth-of-type(1) .guide_imgbox {
    margin-top: -6px;
}

.statis_box ul li:nth-of-type(1),
.statis_box ul li:nth-of-type(2) {
    margin-top: 0;
}

.statis_box ul li:nth-of-type(3),
.statis_box ul li:nth-of-type(4) {
    height: 222px;
}

.statis_box ul li:nth-of-type(5),
.statis_box ul li:nth-of-type(6) {
    height: 236px;
}

.statis_box ul li:nth-of-type(7),
.statis_box ul li:nth-of-type(8) {
    height: 210px;
}

.statis_box ul li:nth-of-type(even) {
    margin-left: 1%
}

.statis_box ul li .guide_text em {
    color: #59c3c3;
    font-weight: 700;
    font-size: 18px;
}

.statis_box ul li.full {
    width: 100%;
    height: 170px;
    margin: 20px 0 0 0;
    border-bottom: none;
}

.next_page {
    margin: 40px 0 0 0;
    font-weight: 700;
    font-size: 18px;
}

.next_page a {
    display: inline-block;
    padding-right: 42px;
    color: #01baef;
    font-weight: 400;
    background: url(/images/guide/icon_bullet.png) no-repeat right center;
}

.subguide_dec {
    padding: 45px 0;
    line-height: 32px;
}

.subguide_dec.first {
    padding: 0 0 45px 0;
}

.sms_guidewrap {
    line-height: 32px;
}

.sms_guidewrap:after {
    content: "";
    display: block;
    clear: both;
}

.sms_guidewrap .bullet_list > li:after {
    top: 11px;
}

.sms_guide h2 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.sms_guide h2 strong {
    color: #01baef;
}

.sms_guide {
    overflow: hidden;
    position: relative;
    padding: 40px 0 40px 0;
    border-top: dashed 1px #ebebeb;
}

.sms_guide .text_par {
    width: calc(100% - 340px);
}

.sms_guide:nth-of-type(1) {
    padding-top: 0;
    border-top: none;
}

.sms_guide:nth-of-type(odd) .text_par {
    float: left;
}

.sms_guide:nth-of-type(odd) .sms_guideimg {
    float: right;
}

.sms_guide:nth-of-type(even) .text_par {
    float: right;
    padding-right: 80px;
}

.sms_guide:nth-of-type(even) .sms_guideimg {
    float: left;
}

.sms_guide .text_par .bullet_list {
    margin-top: 10px;
}

.sms_guide .text_par .bullet_list li {
    margin-bottom: 5px;
}

.dodont_wrap {
    overflow: hidden;
}

.dodont_wrap > div {
    float: left;
    width: 50%
}

.dodont_wrap > div > strong {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.dodont_wrap > div > ul > li {
    margin-bottom: 13px;
    padding-left: 35px;
}

.dodont_wrap > div > ul > li > ul.bullet_list {
    margin-top: 10px;
}

.dodont_wrap > div > ul > li > ul.bullet_list > li {
    margin-bottom: 5px;
}

.dodont_wrap > div.bg_check {
    padding-right: 46px;
    border-right: solid 1px #ebebeb;
}

.dodont_wrap > div.bg_x {
    padding-left: 40px;
}

.dodont_wrap > div.bg_check > ul > li {
    background: url(/images/guide/bg_check.png) no-repeat left 3px;
}

.dodont_wrap > div.bg_x > ul > li {
    background: url(/images/guide/bg_x.png) no-repeat left 4px;
}

.guide_par > ul.bullet_list {
    margin: 10px 0 40px 35px;
    line-height: 32px;
}

.guide_par > .bullet_list > li:after {
    top: 13px;
}

.guide_par > p.par_type1 {
    padding-bottom: 0;
}

.guide_par > ul.bullet_list li {
    margin-bottom: 5px;
}

.guide_casewrap {
    line-height: 32px;
}

.guide_casewrap .bullet_list > li:after {
    top: 11px;
}

.guide_casewrap .guide_case {
    padding: 40px 0 40px 0;
    border-top: dashed 1px #ebebeb;
}

.guide_casewrap .guide_case:nth-of-type(1) {
    padding: 0 0 40px 0;
    border-top: none;
}

.guide_casewrap .guide_case > p {
    font-style: italic;
    line-height: 30px;
}

.guide_casewrap .guide_case > p > span.writer {
    display: block;
    font-style: normal;
}

.guide_casewrap .guide_case > h2 {
    position: relative;
    margin-bottom: 50px;
    padding-left: 165px;
}

.guide_casewrap .guide_case > h2 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.guide_casewrap .guide_case > h2 strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.guide_casewrap .guide_case.noline {
    border-bottom: none;
}

.guide_casewrap .guide_case.topline {
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: dashed 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
}

.guide_casewrap .guide_case .bullet_list > li {
    margin-bottom: 5px;
}

.guide_casewrap.advan .guide_case > h2 {
    padding-left: 145px;
}

.guide_casewrap.advan .guide_case > h2 em,
.guide_casewrap.advan .guide_case > h2 strong {
    position: relative;
    z-index: 3;
}
.sub .subTxt + .resource_box{
    margin-top: 40px;
}
.sub .resource_box.line_list li{
    padding: 30px 0 30px 58px;
    background-size: 48px;
    background-position: 0 30px;
    background-repeat: no-repeat;
    border-bottom: 2px dashed #E0E4EA;
}
.sub .resource_box.line_list li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
    background-position: 0 bottom;
}
.sub .resource_box.line_list li:nth-child(1){
    background-image: url('/images/icon/icoLine1.svg');
    padding-top: 0;
    background-position: 0 0;
}
.sub .resource_box.line_list li:nth-child(2){
    background-image: url('/images/icon/icoLine2.svg');
}
.sub .resource_box.line_list li:nth-child(3){
    background-image: url('/images/icon/icoLine3.svg');
}
.sub .resource_box.line_list li:nth-child(4){
    background-image: url('/images/icon/icoLine4.svg');
}
.sub .resource_box.line_list li:nth-child(5){
    background-image: url('/images/icon/icoLine5.svg');
}
.sub .resource_box.line_list li:nth-child(6){
    background-image: url('/images/icon/icoLine6.svg');
}
.sub .resource_box.line_list li:nth-child(7){
    background-image: url('/images/icon/icoLine7.svg');
}
.sub .resource_box.line_list li:nth-child(8){
    background-image: url('/images/icon/icoLine8.svg');
}
.sub .resource_box.line_list li:nth-child(9){
    background-image: url('/images/icon/icoLine9.svg');
}

.sub .resource_box.line_list li p{
    font-size: 14px;
    color: #707070;
}
.marketingdec_info .page-tit-depth3-blue {
    margin-bottom: 30px;
    font-size: 45px;
    text-align: center;
}

.marketingdec_info p {
    margin-bottom: 20px;
    text-align: center;
    line-height: 32px;
}

.accordion_tap.how li.on .accordion_con {
    padding: 30px 50px;
}

.summry_how {
    position: relative;
    min-height: 180px;
    padding: 0 0 0 210px;
}
.summry_how .text_par{
    color: #536170;
    opacity: 1;
}
.summry_how.full {
    position: relative;
    min-height: auto;
    margin-top: 50px;
    padding: 0;
}

.summry_how.full:first-child {
    margin-top: 0;
}

.summry_how.full strong {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.summry_how.full .img_par {
    margin-bottom: 20px;
}

.summry_how .img_box {
    position: absolute;
    top: 0;
    left: 0;
}
.step_dectxt{
    /*margin-top: 20px;*/
}
.sub .tp-door-desc .step_dectxt strong{
    font-weight: 600;
}
.sub .step_list {
    margin: 50px 0 0 0;
}
.sub .step_list.first {
    margin: 0;
}
.sub .step_list .title {
    display: block;
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 600;
}
.sub .step_list > ul > li {
    padding: 50px 0;
    border-bottom: dashed 1px #C2C2C2;
}
.sub .step_list > ul > li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.step_list > ul > li:first-child {
    padding: 0 0 50px 0;
}

.step_list > ul > li .step_tit {
    font-weight: 400;
}

.step_list > ul > li .step_tit.bold {
    margin-bottom: 20px;
    font-weight: 700;
}

.step_list > ul > li .step_tit em {
    display: inline-block;
    padding: 0 10px 0 0;
    color: var(--em-color);
    font-weight: 600;
}

.step_list > ul > li .step_tit.block em {
    display: block;
}
.step_list > ul > li .step_decimg + .step_tit.bold,
.step_list > ul > li .step_decimg + .step_dectxt,
.step_list > ul > li .step_dectxt + .step_decimg,
.summry_how .text_par + .img_par{
    margin-top: 20px;
    margin-bottom: 20px;
}
.step_list > ul > li .step_decimg + .step_tit.bold:last-of-type,
.step_list > ul > li .step_decimg + .step_dectxt:last-of-type,
.step_list > ul > li .step_dectxt + .step_decimg:last-of-type,
.summry_how .text_par + .img_par{
    margin-bottom: 0;
}
.step_list > ul > li .step_decimg {
    margin: 20px 0 0;
}

.sub_bullet {
    margin-top: 50px;
}

.sub_bullet strong {
    display: block;
    font-weight: 600 !important;
}

.step_list > ul > li .bullet_list {
    margin-top: 10px;
}

.step_list > ul > li .bullet_list > li {
    margin-bottom: 5px;
}
.step_list > ul > li .bullet_list > li:nth-last-child(1){
    margin-bottom: 0;
}
.step_list > ul > li .bullet_list > li:after {
    top: 13px;
}

.summry_img > ul > li {
    float: left;
    width: 235px;
    padding: 0 0 0 15px;
}

.summry_img.big > ul > li {
    float: left;
    width: 279px;
    padding: 0 0 0 15px;
}

.summry_img > ul {
    position: relative;
    left: -15px;
    margin-top: 30px;
}

.summry_img > ul:after {
    content: "";
    display: block;
    clear: both;
}

.summry_img > ul > li > div {
    overflow: hidden;
    height: 440px;
    border: solid 1px #ddd;
    border-radius: 5px;
    background: #fff;
}

.summry_img > ul > li > div > p {
    padding: 20px 10px;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
}

.summry_img > ul > li > div > span {
    display: block;
}
.sub.tcpawrap .align_wrap{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.sub.tcpawrap .align_wrap .align_left{
    width: 578px;
}
.sub.tcpawrap .align_wrap .align_left .tcpa_list > li{
    display: flex;
    margin-bottom: 20px;
    padding: 30px 16px;
    background-color: #F3F4F7;
    border-radius: 10px;
}
.sub.tcpawrap .align_wrap .align_left .tcpa_list > li em{
    width: 32px;
    color: var(--em-color);
    font-weight: 500;
}
.sub.tcpawrap .align_wrap .bullet_list > li:after{
    top: 11px;
    background: #536170;
}
.sub.tcpawrap .align_wrap .align_left ul li div{
    flex: 1;
}
.sub.tcpawrap .align_wrap .align_left ul li div strong{
    font-weight: 500;
}

.tcpawrap .purple_Box {
    padding: 70px 0 0 0;
}

.tcpa_box .page_Decsub .br + .br{
    margin-top: 0;
}

.tcpa_box .page-tit-depth3-green + p {
    margin-bottom: 75px;
    text-align: center;
}

.tcpa_box .page-tit-depth3-green,
.tcpa_box .page-tit-depth3-purple {
    margin-bottom: 5px;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}
.sub .linked{
    color: #0188EF;
}
.sub .linked:hover{
    text-decoration: underline;
}
.tcpa_box.purple .page-tit-depth4-puple {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

.tcpa_box .page-tit-depth3-purple span {
    display: block;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
}

.tcpa_box .tcpa_list > li .bullet_list {
    margin-top: 10px;
}

.tcpa_box .tcpa_list > li .bullet_list > li {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    opacity: .8;
}

.sub.tcpawrap .tcpa_box .resource_list {
    margin-top: 20px;
    padding: 30px;
    border-radius: 10px;
    background-color: #F3F4F7;
}
.tcpa_box .resource_list h3 {
    position: relative;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 24px;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list > li{
    margin-bottom: 6px;
}
.sub .tcpa_box .resource_list h3::after{
    width: calc(100% - 237px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 1px solid #B2C6D9;
    content: '';
}
.sub .tcpawrap .tcpa_box .resource_list .resource_con p {
    margin-top: 7px;
}

.tcpa_box .resource_list .resource_con a.link_text {
    display: block;
    margin-bottom: 6px;
    border: none;
    font-weight: 700;
    word-break: break-all;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list{
    margin-top: 16px
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list li a {
    color: #0188EF;
}
.sub.tcpawrap .tcpa_box .resource_list .bullet_list > li:after{
    top: 11px;
    background: #536170;
}
.sub.tcpawrap .tcpa_box .listline_box {
    margin-top: 40px;
}
.sub.tcpawrap .tcpa_box .listline_box > div > ul > li {
    margin-bottom: 10px;
    padding: 2px 0 2px 30px;
    font-weight: 400;
    background: url('/images/icon/ico_block.svg')no-repeat 0 5px;
}
.sub.tcpawrap .tcpa_box .listline_box ~ .resource_list{
    margin-top: 60px;
    background-color: #fff;
}
.sub .tcpa_other {
    padding: 50px 0 0 0;
    text-align: center;
}
.sub .other_resource {
    padding: 0 40px 0px;
}
.sub .other_resource .link_par {
    margin-bottom: 10px;
    font-weight: 400;
}
.sub .other_resource .link_par:last-of-type{
    margin-bottom: 0;
}
.sub .commkit_text .flx{
    display: flex;
}
.sub .commkit_text .box{
    flex: 1;
    margin-right: 60px;
}
.sub .commkit_text .flx .box p{
    font-weight: 400;
}
.sub .commkit_text .box .tp-door-title.tp-type02{
    padding: 0;
    text-align: left;
    font-weight: 600;
}
.sub .commkit_text .right_form.formboox .hbspt-form{
    margin-bottom: 0;
    padding-top: 14px;
}
.sub .kit_form .right_form strong,
.sub.internal-communication .commkit_text .right_form strong {
    position: relative;
}
.sub .kit_form .right_form strong:after,
.sub.internal-communication .commkit_text .right_form strong:after {
    content: "Download the Success Kit!";
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 25px;
    left: 100px;
    padding: 0 10px;
    background: #01baef;
}

.sub.internal-communication .commkit_text .right_form.formboox .actions .hs-button{
    padding: 6px 20px;
}
.sub .kit_form .right_form.formboox .hbspt-form .input{
    margin-bottom: 12px;
}
.sub .kit_form .right_form.formboox .hbspt-form .actions{
    margin-top: 20px !important;
}
.sub .learn_list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 222px;
    height: 284px;
    background: url(/images/resources/successkit_img.png) no-repeat;
    /*box-shadow: 0px 6px 20px 5px rgb(41 73 99 / 18%);*/
}
.sub .learn_list {
    position: relative;
    margin-bottom: 66px;
    padding-left: 300px;
}
.sub .learn_list > strong {
    display: block;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 22px;
    color: var(--tit-color);
}
.sub .learn_list > .bullet_list li {
    margin-bottom: 5px;

}
.sub .learn_list > .bullet_list > li:after {
    top: 12px;
    background: #536170;
}
.sub .learn_list em {
    display: block;
    margin-top: 15px;
}
.sub .kit_info {
    padding: 0px 0 38px 329px;
    background: url(/images/resources/kit_img.png) no-repeat 0 0px;
}
.sub .kit_info .tp-door-title.tp-type02{
    margin-bottom: 20px;
    text-align: left;
    font-weight: 600;
    color: #054a8f;
    padding: 0;
}
.sub .kit_info p {

}
.sub .kit_info p + p{
    margin-top: 20px;
}
.sub .kit_icon {
}
.sub .kit_icon ul li {
    margin-top: 0;
    font-weight: 500;
    box-shadow: 0 10px 20px 0px rgba(5, 16, 35, 14%);
    line-height: 1.3;
}
.sub .kit_icon ul li:nth-of-type(1){
    background-image: url('/images/icon/icoSub15.svg');
}
.sub .kit_icon ul li:nth-of-type(2){
    background-image: url('/images/icon/icoSub95.svg');
}
.sub .kit_icon ul li:nth-of-type(3){
    background-image: url('/images/icon/icoSub118.svg');
}
.sub .kit_icon ul li:nth-of-type(4){
    background-image: url('/images/icon/icoSub119.svg');
}
.sub .kit_icon ul li:nth-of-type(5){
    background-image: url('/images/icon/icoSub120.svg');
}
.sub .kit_icon ul li:nth-of-type(6){
    background-image: url('/images/icon/icoSub121.svg');
}
.sub .kit_form .right_form{
    margin: 40px auto 0;
}
.sub .kit_form .right_form.formboox .hbspt-form{
    margin-bottom: 0;
    color: #fff;
}
.sub .right_form .hs_email,
.sub .right_form .hs_firstname,
.sub .right_form .hs_lastname,
.sub .right_form .hs_phone {
    margin-bottom: 12px;
}
.sub .right_form.formboox .hbspt-form .form-columns-2 > div{
    width: 203px;
}
.sub .right_form.formboox .hbspt-form .form-columns-2 > div:last-child {
    margin-left: 10px;
    padding-right: 0;
    padding-left: 0;
}
.sub .right_form.formboox .hbspt-form .input{
    margin-top: 8px;
}
.sub .right_form.formboox .hbspt-form .hs-form-field label{
    font-weight: 400;
    color: #fff;
}
#wrap .hs-error-msgs{
    margin: 0;
}
.hbspt-form .hs_error_rollup li{
    text-align: center;
}
.handout-box .form-box .hbspt-form .hs_error_rollup li{
    text-align: left;
}
.hbspt-form .hs_error_rollup label{
    font-weight: 400 !important;
}
#handoutForm .hbspt-form .hs_error_rollup label,
#handoutForm .hs-error-msgs label{
    color: #ea657b !important;
}
.sub .right_form .hbspt-form .hs_error_rollup label{
    font-weight: 600!important;
}
.sub .right_form .hs-error-msgs label{
    color: #FFD07C!important;
    font-weight: 400!important;
    font-size: 12px!important;
}
.sub .right_form.formboox .hbspt-form .hs-submit{
    text-align: center;
}
.sub .right_form.formboox .hbspt-form .hs-form-field .input input{
    height: 36px;
}
.sub .right_form.formboox .hbspt-form .actions{
    margin-top:24px!important;
    width: auto !important;
    min-width: inherit !important;
}
.sub .right_form.formboox .hbspt-form .hs-submit .hs-button{
    padding: 6px 20px;
}
.sub .kit_form p{
    text-align: center;
}

.library_box {
    padding: 70px 0;
}

.library_box > ul {
    overflow: hidden;
    position: relative;
    left: -34px;
}

.library_box > ul > li {
    float: left;
    width: 33.3%;
    padding: 0 34px;
}

.library_box > ul > li > div {
    height: 440px;
    border: solid 1px #ebebeb;
    border-radius: 8px;
    text-align: center;
}

.library_box > ul > li > div h2 {
    height: 220px;
    padding-top: 68px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
}

.library_box > ul > li > div .library_con {
    padding: 30px 50px 0 50px;
}

.library_box > ul > li > div .library_con a {
    display: inline-block;
    margin-top: 20px;
    color: #01baef;
    font-weight: 700;
}

.library_box > ul > li:nth-of-type(1) > div h2 {
    background: url(/images/resources/icon_video1.png) center center #59c3c3 no-repeat;
}

.library_box > ul > li:nth-of-type(2) > div h2 {
    background: url(/images/resources/icon_video2.png) center 34px #817dc5 no-repeat;
}

.library_box > ul > li:nth-of-type(3) > div h2 {
    background: url(/images/resources/icon_video3.png) center 35px #ea657b no-repeat;
}
.sub .roi_compare {
    padding: 0 0 80px;
}
.sub .compare_box {
    padding: 0 110px;
}
.sub .compare_top > ul > li {
    padding: 29px 0;
    color: #054A8F;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.sub .txt_red{
    color: #EA657B;
}
.sub .compare_con > ul > li {
    padding: 35px 267px 35px 267px;
}
.sub .compare_table li {
    position: relative;
    padding: 0 277px 0 277px;
    border-top: dashed 2px #CECECE;
    font-weight: 700;
    text-align: center;
}
.sub .compare_table li:first-child {
    border-top: none;
}
.sub .compare_top > ul.compare_table > li {
    padding-top: 0;
    border-bottom: dashed 2px #CECECE;
}
.sub .compare_table li .after_box,
.sub .compare_table li .before_box {
    position: absolute;
    top: 0;
    width: 277px;
}
.sub .compare_table li .after_box span,
.sub .compare_table li .before_box span {
    display: inline-block;
    width: 162px;
    height: 40px;
    padding: 8px 0;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    line-height: 24px;
}
.sub .compare_table li .before_box span::-webkit-scrollbar-track,
.sub .compare_table li .after_box span::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #f1f1f1;
}
.sub .compare_table li .before_box span::-webkit-scrollbar,
.sub .compare_table li .after_box span::-webkit-scrollbar{
    width: 8px;
    height: 6px;
    background-color: #fff;
}
.sub .compare_table li .before_box span::-webkit-scrollbar-thumb,
.sub .compare_table li .after_box span::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #ddd;
}
.sub .compare_table li .after_box strong,
.sub .compare_table li .before_box strong {
    display: block;
    margin-bottom: 10px;
    color: #536170;
    font-weight: 400;
    font-size: 18px;
}
.sub .compare_table li .after_box strong em,
.sub .compare_table li .before_box strong em {
    font-weight: 600;
}
.sub .compare_table li .before_box {
    left: 0;
    padding: 34px 0 0px 0px;
    color: #564FCF;
}
.sub .compare_table li:nth-child(1) .before_box,
.sub .compare_table li:nth-child(1) .after_box{
    padding: 0px 0 29px 0px;
}
.sub .compare_table .newcustomer:nth-child(1) .before_box,
.sub .compare_table .newcustomer:nth-child(1) .after_box{
    padding: 34px 0 0px 0px;
}
.sub .compare_con > ul > li:last-child{
    padding-bottom: 0;
}
.sub .compare_table li .after_box {
    right: 0;
    padding: 34px 0px 0px 0;
    color: #01BAEF;
}
.sub .compare_table li .increase {
    position: relative;
}
.sub .compare_table li .increase span {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 132px;
    padding: 9px 0px;
    border-radius: 10px;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    background: var(--tit-color);
}

.sub .compare_graph {
    padding: 54px 0 40px 0;
}
.sub .compare_graph .img_graph {
    overflow: hidden;
}
.sub .compare_graph .img_graph ul {
    content: "";
    display: block;
    clear: both;
}
.sub .compare_graph .img_graph ul li {
    float: left;
    width: 50%
}
.sub .compare_graph .img_graph ul li span,
.sub .compare_graph .img_graph ul li strong {
    display: block;
}
.sub .compare_graph .img_graph ul li strong {
    margin-bottom: 50px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 20px;
}
.sub .compare_graph .img_graph ul li:nth-of-type(1) span {
    padding: 0 90px 0 0;
    text-align: right;
}

.compare_graph .img_graph ul li:nth-of-type(1) span strong {
    position: relative;
    left: -45px;
    text-align: right;
}

.compare_graph .img_graph ul li:nth-of-type(2) span {
    padding: 0 0 0 90px;
    text-align: left;
}

.compare_graph .img_graph ul li:nth-of-type(2) span strong {
    position: relative;
    right: -30px;
    text-align: left;
}
.sub .compare_graph .cost_left .grhTooltip{
    position: relative;
}
.sub .day_graph_in .graph_body .cost_left .grhTooltip .tip{
    visibility: hidden;
    width: auto;
    position: absolute;
    left: 9%;
    transform: translateX(-50%);
    padding: 5px 8px;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0 rgba(0 0 0 / 16%);
    text-align: center;
    border-radius: 6px;
    font-size: 12px;
    z-index: 9999;
    opacity: 0;
    transition: opacity .3s;
}
.sub .day_graph_in .graph_body .cost_left .grhTooltip .tip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}
.sub .compare_graph .cost_left .grhTooltip .tip.last{
    bottom: 25px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid1{
    bottom: -36px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid2{
    bottom: -95px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.mid3{
    bottom: -158px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.start{
    bottom: -222px;
}


.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.last{
    bottom: 25px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid1{
    bottom: -19px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid2{
    bottom: -60px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid3{
    bottom: -100px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid4{
    bottom: -133px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.mid5{
    bottom: -183px;
}
.sub .compare_graph .increase_graph .cost_left .grhTooltip .tip.start{
    bottom: -224px;
}
.sub .compare_graph .cost_left .grhTooltip .tip.on {
  visibility: visible;
  opacity: 1;
}
.compar_text {
    padding: 0;
    text-align: center;
}

.compar_text .btn_align_C {
    margin-top: 30px;
}

.compar_text .btn_align_C .btn {
    margin-left: 10px;
}

.sub .roi_form {
    /*display: none;*/
}
.hbspt-form .hs-form-field .input select{
    color: #536170 !important;
    font-size: 16px !important;
}
.roi_form {
    display: block;
}

.roi_form .form_wrap {
    min-height: 480px;
    position: relative;
    margin-bottom: 100px;
    padding: 40px 68px;
}
.roi_form .form_wrap .hs-form-field label{
    display: block;
    margin-top: 12px;
    font-size: 16px;
}
.roi_form .form_wrap .hbspt-form {
    margin-bottom: 0px;
}
.roi_form .form_wrap .hbspt-form .hs-form-field .input select,
.roi_form .form_wrap .hbspt-form .hs-form-field .input input{
    height: 46px;
    padding: 11px 16px;
}
.roi_form .form_wrap .hbspt-form .hs-form-field .input select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url('/images/icon/ico_select.svg')no-repeat 96% center;
    line-height: 1.3;
}
.roi_form .form_wrap .hbspt-form .actions .hs-button{
    width: auto;
    padding: 6px 20px;
    background: #01BAEF;
}
.roi_form .hbspt-form .hs_error_rollup label{
    font-weight: 500 !important;
}
.roi_form .form_wrap p.dec_text{
    position: absolute;
    bottom: 52px;
    text-align: left;
    color: #86909B;
}
.img_graph:after {
    content: "";
    display: block;
    clear: both;
}

.img_graph h3 {
    display: block;
    margin-bottom: 40px;
    padding-left: 32px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 24px;
    text-align: center;
}
.day_graph {
    float: left;
    width: 520px;
}
.day_graph h3{
    padding-left: 54px;
}
.day_graph_in {
    float: right;
    width: 300px;
}

.day_graph_in .graph_body {
    float: right;
    position: relative;
    width: 194px;
    height: 248px;
    border-bottom: solid 1px #ccc;

}

.day_graph_in .graph_body:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .graph_body > span {
    display: block;
    width: 100%;
    height: 25%;
    border-top: solid 1px #ccc;
}

.day_graph_in .graph_body .cost_left {
    position: absolute;
    top: 10px;
    left: -60px;
    height: 100%;
    width: 100%;
}

.day_graph_in .graph_body .cost_left > span {
    display: block;
    position: absolute;
    width: 40px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: -.5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(1) {
    bottom: 100%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(2) {
    bottom: 75%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(3) {
    bottom: 50%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(4) {
    bottom: 25%
}

.day_graph_in .graph_body .cost_left > span:nth-of-type(5) {
    bottom: 0;
}

.day_graph_in .bot_th {
    float: right;
    width: 194px;
    padding: 10px 0 0 0;
}

.day_graph_in .bot_th:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .bot_th > span {
    display: block;
    float: left;
    width: 50%;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    line-height: 1.1;
}

.day_graph_in .bot_th > span:nth-of-type(2) {
    /*width: 47%;
    margin-left: 3%;*/
}
.increase_graph .day_graph_in .bot_th > span:nth-of-type(1){
    /*padding-right: 7px;*/
}
.increase_graph .day_graph_in .bot_th > span:nth-of-type(2){
    /*width: 39%;
    margin-left: -4px;*/
}

.day_graph_in .bot_th > span em {
    display: block;
    font-weight: 400;
    font-size: 11px;
}

.day_graph_in .bar {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding: 0 14px;
}
.increase_graph .day_graph_in .bar{
    padding: 0 18px;
}

.day_graph_in .bar:after {
    content: "";
    display: block;
    clear: both;
}

.day_graph_in .bar > span.paybar {
    display: block;
    float: left;
    position: absolute;
    bottom: 0;
    width: 70px;
    height: 0;
    transition: .3s;
}

.day_graph_in .bar > span.paybar:nth-of-type(1) {
    left: 14px;
    margin-right: 5%;
    background: #564FCF;
}

.day_graph_in .bar > span.paybar:nth-of-type(2) {
    right: 14px;
    margin-left: 5%;
    background: #01baef;
    transition-delay: .2s;
}

.day_graph_in .bar > span em {
    font-size: 0;
}

.increase_graph {
    float: left;
    width: 500px;
    padding: 0 0 0 110px;
}

.increase_graph .day_graph_in {
    float: left;
}

.day_graph_in .bar > span.increase_bar {
    display: block;
    float: left;
    position: relative;
    width: 70px;
    height: 100%;
    overflow: hidden;
}

.day_graph_in .bar > span.increase_bar:nth-of-type(1) {
    margin-right: 9%;
}

.day_graph_in .bar > span.increase_bar em {
    display: block;
    position: absolute;
    bottom: 0;
    width: 50%;
    height: 0;
    background: #564FCF;
    transition: .4s;
}

.day_graph_in .bar > span.increase_bar em:nth-of-type(1) {
    left: 0;
    background: #564FCF;
    transition-delay: .4s;
}

.day_graph_in .bar > span.increase_bar em:nth-of-type(2) {
    right: 0;
    background: #01baef;
    transition-delay: .6s;
}

.increase_graph .day_graph_in .graph_body .cost_left {
    left: -60px;
}

.increase_graph .day_graph_in .graph_body > span {
    height: 16.6%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(1) {
    bottom: 100%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(2) {
    bottom: 83%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(3) {
    bottom: 66.4%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(4) {
    bottom: 49.8%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(5) {
    bottom: 33.2%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(6) {
    bottom: 16.6%
}

.increase_graph .day_graph_in .graph_body .cost_left > span:nth-of-type(7) {
    bottom: 0;
}

.roi_resetbox {
    margin: 40px 0;
    padding: 40px 0;
    border-top: dashed 2px #E0E4EA;
    border-bottom: dashed 2px #E0E4EA;
    text-align: center;
}

.sub .roi_resetbox h2 {
    display: block;
    margin-bottom: 40px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 40px;
    text-align: center;
}

.roi_resetbox #roi_error_div {
    padding: 20px 0 20px;
    font-style: italic;
    font-size: 14px;
}

.sub .roi_resetbox input[type=number] {
    width: 100%;
    height: 40px;
    padding: 8px;
    border: solid 1px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    color: inherit;
    box-sizing: border-box;
    vertical-align: middle;
}

.input_cell {
    text-align: center;
}

.input_cell:after {
    content: "";
    display: block;
    clear: both;
}

.input_cell span {
    display: inline-block;
    width: 31.3%;
    padding-right: 2%
}

.input_cell span:nth-child(1) {
    margin-left: 2%
}

.input_cell span label {
    display: block;
    margin-bottom: 5px;
    padding-left: 2px;
    text-align: left;
    font-size: 18px;
}

.roi_resetbox + .btn_align_C {
    width: 100%;
    text-align: center;
}
.roi_resetbox + .btn_align_C a {
    width: 250px;
    height: 45px;
    line-height: 45px;
    border-radius: 23px;
}
.roi_resetbox + .btn_align_C a + a{
    margin-left: 10px;
}
.sub .roi_compare .button.button-type04.color-type12{
    width: 250px;
    height: 45px;
    line-height: 42px;
    border-radius: 23px;
}
.sub .roi_compare .button.button-type04.color-type12:hover{
    background-color: #F6687F;
    color: #fff;
}
#seeResultAgain {
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 10px 60px;
    border: none;
    color: #fff;
    font-weight: 600;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    font-size: 16px;
}
#seeResultAgain:hover{
    color: #fff;
}

.input_bt {
    display: inline-block;
    position: relative;
    top: -4px;
}

.input_bt:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 20px;
    border-radius: 5px;
    color: #fff;
    background: #b84f62;
    transition: all .2s ease;
}

.input_bt:hover:after {
    bottom: 0;
}

.affiliate_prwrap {
    padding: 75px 0;
    background: #e5f8fd;
}

.affiliate_program {
    position: relative;
    min-height: 491px;
    padding: 70px 470px 0 0;
}

.affiliate_program .page-tit-depth3-blue {
    margin-bottom: 20px;
    font-size: 40px;
}

.affiliate_program .right_form {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
}

.sub .right_form {
    position: static;
    width: 476px;

}
.sub .right_form strong{
    padding: 25px 0 0 0;
    border-radius: 19px 19px 0 0;
    background-color: #01BAEF;
    font-size: 20px;
    font-weight: 600
}
.sub .right_form.formboox .hbspt-form{
    padding: 20px 30px 30px;
    border-radius: 0 0 19px 19px;
    background-image: linear-gradient(180deg, #01BAEF, #0390E2);
}

.sub .affiliate_program .hbspt-form .hs-form-field .input input {
    height: 30px;
    line-height: 28px;
}
.sub .affiliate_program .formboox .hs-submit{
    text-align: center;
}
.affiliate_program .actions {
    height: 40px;
    line-height: 40px;
}
.sub .affiliate_program .hbspt-form .hs-form-field .input {
    height: 28px;
    margin: 5px 0 12px 0;
    line-height: 28px;
}
.sub .affiliate_program .right_form.formboox .hbspt-form .hs-form-field label {
    font-size: 14px;
    color: #fff;
}
.sub .affiliate_program .hbspt-form .hs-form-field .input input{
    height: 36px;
    line-height: 36px;
}
.sub .affiliate_program .formboox input[type=submit] {
    padding: 8px 26px;
}
.right_form.green strong {
    font-size: 15px;
    background: #59c3c3;
}

.right_form.green .hbspt-form {
    margin-bottom: 0;
    background: #ace1e1;
}

.affiliate_wrap .hs-error-msgs label {
    color: #ea657b !important;
}

.campaigncard_wrap {
    padding: 70px 0;
}

.campaigncard_wrap .page-tit-depth3-purple {
    margin-bottom: 40px;
    font-size: 40px;
    text-align: center;
}

.campaigncard_wrap .cardlist ul:after {
    content: "";
    display: block;
    clear: both;
}

.campaigncard_wrap .cardlist ul li {
    float: left;
    width: 33.3%;
    padding: 0 25px;
}

.campaigncard_wrap .cardlist ul li > div {
    max-width: 357px;
    height: 434px;
    padding: 173px 30px 0 30px;
    text-align: center;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.campaigncard_wrap .cardlist ul li > div strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
}

.campaigncard_wrap .cardlist ul li > div p {
    line-height: 28px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(1) > div {
    background: url(/images/partner/icon_affiliate1.png) no-repeat center 35px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(2) > div {
    background: url(/images/partner/icon_affiliate2.png) no-repeat center 35px;
}

.campaigncard_wrap .cardlist ul li:nth-of-type(3) > div {
    background: url(/images/partner/icon_affiliate3.png) no-repeat center 25px;
}

.affiliate_apply {
    padding: 70px 0;
    background: #e6f6f6;
}

.affiliate_apply .page-tit-depth3-green {
    margin-bottom: 30px;
    text-align: center;
}

.affiliate_program.white {
    padding: 0 0 0 0;
}

.affiliate_program.white .page-tit-depth3-blue {
    font-size: 24px;
    letter-spacing: -.5px;
}

.sub .affiliate_program.white .number_list > li {
    padding: 20px 0 20px 45px;
    border-top: 1px dashed #C2C2C2;
}
.sub .affiliate_program.white .number_list > li:nth-child(1){
    border-top: 0;
}
.sub .affiliate_program.white .number_list > li em {
    top: 16px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub .affiliate_program.white .flx{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
.sub .affiliate_program.white .flx .box{

}
.sub .affiliate_program.white .flx .box + .box{

}
.sub .tp-door-list-type01>li{
    margin-top: 44px;
}
.sub.solution .tp-door-list-type01>li + li{
    margin-top: 40px;
}
.sub.solution .tp-door-list-type01>li.first{
    margin-top: 40px !important;
}
.sub.solution .tp-door-list-type01>li:nth-child(1),
.sub.solution .tp-door-list-type01>li:nth-child(2){
    margin-top: 0;
}
.sub.solution .tp-door-list-type01.even>li:nth-child(2){
    margin-top: 40px;
}
.sub.solution .tp-door-title.tp-type04.align-C{
    margin: 40px 0 40px 0;
}
.sub.solution .tp-door-list-type01.mt4{
    margin-top: 40px;
}
.sub.solution .tp-door-list-type01.mt4 .tp-door-title.tp-type04+ .tp-door-desc{

}
.sub .white_manage {
    padding: 70px 0;
}
.sub .white_manage .page-tit-depth3-green {
    text-align: center;
}
.sub .white_manage .reseller_list {
    overflow: hidden;
    margin-top: 30px;
}
.sub .white_manage .reseller_list > ul:after {
    content: "";
    display: block;
    clear: both;
}
.sub .white_manage .reseller_list > ul > li {
    float: left;
    width: 45%;
}
.sub .white_manage .reseller_list > ul > li:nth-child(1),
.sub .white_manage .reseller_list > ul > li:nth-child(2){
    margin-bottom: 35px;
}
.sub .white_manage .reseller_list > ul > li:nth-child(odd){
    margin-right: 110px;
}
.sub .white_manage .reseller_list > ul > li strong{
    display: block;
    margin-bottom: 8px;
    padding: 66px 0 0 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
    background-size: 50px;
    background-repeat: no-repeat;
}
.white_manage .reseller_list > ul > li .bullet_list li {
    margin-bottom: 10px;
}

.white_manage .reseller_list > ul > li:nth-of-type(1) strong {
    background-image: url(/images/icon/icoSub65.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(2) strong{
    background-image: url(/images/icon/icoSub71.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(3) strong{
    background-image: url(/images/icon/icoSub95.svg);
}

.white_manage .reseller_list > ul > li:nth-of-type(4) strong{
    background-image: url(/images/icon/icoSub104.svg);
}

.beyond_mobile .img_box {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
    box-shadow: 0 20px 50px 0 rgba(5 16 35 / 20%);
}
.beyond_mobile .img_box.web-img{
    display: block;
}
.beyond_mobile .img_box.mobile-img{
    display: none;
}
.beyond_mobile .img_box img{
    border-radius: 12px 12px 0 0;
}
.beyond_mobile .img_box p{
    background-color: #fff;
    color: var(--tit-color);
    border-radius: 0 0 12px 12px;
    text-align: center;
    font-weight: 500;
}
.beyond_mobile {
    position: relative;
    padding: 0 0 0 556px;
}

.beyond_mobile .tp-door-title.tp-type02 {
    padding: 0;
    text-align: left;
    font-weight: 600;
    letter-spacing: -.05em;
}

.beyond_mobile h2 span {
    display: block;
    color: #3c4147;
    font-size: 30px;
}

.beyond_mobile .txt {
    padding: 20px 0;
    line-height: 28px;
}

.white_mobile .beyond_mobile .link_text {
    display: block;
    border: none;
    font-weight: 400;
    margin-top: 10px;
}

.campaigncard_wrap.white .cardlist ul li > div {
    height: 332px;
}

.campaigncard_wrap.white .cardlist ul li > div strong {
    font-size: 18px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(1) > div {
    background: url(/images/partner/icon_white5.png) no-repeat center 43px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(2) > div {
    background: url(/images/partner/icon_white6.png) no-repeat center 43px;
}

.campaigncard_wrap.white .cardlist ul li:nth-of-type(3) > div {
    background: url(/images/partner/icon_white7.png) no-repeat center 43px;
}

.reseller {
    padding: 50px 0;
}

.reseller .resource_box ul li > div {
    height: 330px;
}

.reseller .resource_box ul li.resource20 > div {
    height: 360px;
}

.reseller .resource_box ul li > div {
    padding: 135px 40px 0 40px;
    background-color: #d9f5fd;
    background-repeat: no-repeat;
    background-position: center 35px;
}

.reseller .resource_box ul li > div a {
    padding: 0;
    background: 0 0;
}

.reseller .resource_box ul li.resource1 div {
    background-image: url(/images/partner/icon_resource1.png);
}

.reseller .resource_box ul li.resource2 div {
    background-image: url(/images/partner/icon_resource2.png);
}

.reseller .resource_box ul li.resource3 div {
    background-image: url(/images/partner/icon_resource3.png);
}

.reseller .resource_box ul li.resource4 div {
    background-image: url(/images/partner/icon_resource4.png);
}

.reseller .resource_box ul li.resource5 div {
    background-image: url(/images/partner/icon_resource5.png);
}

.reseller .resource_box ul li.resource6 div {
    background-image: url(/images/partner/icon_resource6.png);
}

.reseller .resource_box ul li.resource7 div {
    background-image: url(/images/partner/icon_resource7.png);
}

.reseller .resource_box ul li.resource8 div {
    background-image: url(/images/partner/icon_resource8.png);
}

.reseller .resource_box ul li.resource9 div {
    background-image: url(/images/partner/icon_resource9.png);
}

.reseller .resource_box ul li.resource10 div {
    background-image: url(/images/partner/icon_resource10.png);
}

.reseller .resource_box ul li.resource11 div {
    background-image: url(/images/partner/icon_resource11.png);
}

.reseller .resource_box ul li.resource12 div {
    background-image: url(/images/partner/icon_resource12.png);
}

.reseller .resource_box ul li.resource13 div {
    background-image: url(/images/partner/icon_resource13.png);
}

.reseller .resource_box ul li.resource14 div {
    background-image: url(/images/partner/icon_resource14.png);
}

.reseller .resource_box ul li.resource15 div {
    background-image: url(/images/partner/icon_resource15.png);
}

.reseller .resource_box ul li.resource16 div {
    background-image: url(/images/partner/icon_resource16.png);
}

.reseller .resource_box ul li.resource17 div {
    background-image: url(/images/partner/icon_resource17.png);
}

.reseller .resource_box ul li.resource18 div {
    background-image: url(/images/partner/icon_resource18.png);
}

.reseller .resource_box ul li.resource19 div {
    background-image: url(/images/partner/icon_resource19.png);
    background-position: center 30px;
}

.reseller .resource_box ul li.resource20 div {
    background-image: url(/images/partner/icon_resource20.png);
}

.reseller .resource_box.pink ul li > div {
    background-color: #fce8eb;
}

.reseller .resource_box.green ul li > div {
    background-color: #e6f6f6;
}

.reseller .resource_box.purple ul li > div {
    background-color: #ececf6;
}

.sub_message {
    margin-top: 20px;
}

.sub_message > h3 {
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.table_text {
    margin-top: 30px;
    border: solid 1px #d7d7d7;
}

.table_listcon:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div {
    float: left;
    border-left: solid 1px #d7d7d7;
}

.table_listcon:nth-of-type(1) > div:nth-of-type(1) {
    float: left;
    border-top: solid 0 #d7d7d7;
}

.table_listcon > div:nth-of-type(1) {
    border-top: solid 1px #d7d7d7;
    font-weight: 700;
}

.table_listcon > div:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div:nth-of-type(1) {
    width: 207px;
    padding: 20px;
    border-left: none;
    font-weight: 700;
}

.table_listcon > div:nth-of-type(2) {
    width: calc(100% - 207px);
}

.table_listcon > div:nth-of-type(2) > div:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon > div:nth-of-type(2) > div {
    border-top: solid 1px #d7d7d7;
}

.table_listcon > div:nth-of-type(2) > div > div {
    float: left;
    padding: 20px;
}

.table_listcon > div:nth-of-type(2) > div > div:nth-of-type(1) {
    width: 224px;
}

.table_listcon > div:nth-of-type(2) > div > div:nth-of-type(2) {
    width: calc(100% - 224px);
    border-left: solid 1px #d7d7d7;
}

.table_listcon .bullet_list li {
    margin-bottom: 5px;
}

.table_listcon .bordernone {
    border-top: none !important;
}

.text_rule {
    margin-top: 30px;
    padding-bottom: 0;
    border-bottom: none;
}

.text_rule:nth-of-type(2) {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: solid 1px #ddd;
}

.text_rule:nth-of-type(3) {
    padding-bottom: 0;
}

.text_rule h3 {
    margin-bottom: 10px;
    color: #ea657b;
}

.text_rule > .bullet_list {
    margin-left: 20px;
}

.text_rule > .bullet_list li {
    margin-bottom: 10px;
}

.text_rule > .bullet_list li > .bullet_list li:after {
    top: 8px;
    height: 1px;
    border-radius: 0;
}

.text_rule > .bullet_list li .bullet_list {
    margin-top: 10px;
}

.table_listcon1:after {
    content: "";
    display: block;
    clear: both;
}

.table_listcon1 > div {
    float: left;
    border-left: solid 1px #d7d7d7;
}

.table_listcon1 > div:nth-of-type(1) {
    width: 207px;
    padding: 20px;
    border-left: 0;
    font-weight: 700;
}

.table_listcon1:nth-of-type(2) > div {
    border-top: solid 1px #d7d7d7;
}

.table_listcon1 > div:nth-of-type(2) {
    width: calc(100% - 207px);
    padding: 20px;
}

.table_listcon1 .bullet_list li {
    margin-bottom: 10px;
}

.fullpage {
    padding: 170px 0 !important;
    text-align: center;
    background: url(/images/ect/bg_contact.png) no-repeat center center #01baef;
}

.fullpage .white_box {
    width: 980px;
    margin: 0 auto;
    padding: 80px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 10px 6px -6px #777;
}

.fullpage .white_box h1 {
    color: #59c3c3;
    font-size: 48px;
}

.fullpage .white_box p {
    padding: 30px 0 0 0;
    font-size: 24px;
}

.fullpage .white_box p.account_thank {
    padding: 50px 150px 0 150px;
    font-size: 16px;
}

.fullpage .white_box p span {
    display: block;
    margin-top: 40px;
    font-size: 16px;
}

.fullpage .btn_area {
    margin-top: 0;
    padding: 50px 0 0 0;
    border: none;
}

.fullpage .account_thank {
    padding: 0 150px;
    font-size: 16px;
}

.fullpage .account_thank a {
    font-weight: 500;
}

h2.sms_title,
h3.sms_title {
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    text-align: center;
    letter-spacing: -.5px;
}

.sms_main {
    overflow: hidden;
    position: fixed;
    top: 110px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 444px;
    background-image: linear-gradient(180deg, #fff, #bae3ef);
}

.sms_main .content_box {
    height: 100%
}

.sms_main .btn_box {
    margin-top: 37px;
}

.sms_main .btn_box a:nth-of-type(1) {
    margin-right: 20px;
}

.smsobj_box {
    position: absolute;
    top: 0;
    left: 620px;
    height: 100%
}

.smsobj_box span {
    display: block;
    position: absolute;
}

.smsobj_box span.smslaptop {
    bottom: 0;
    left: 50px;
    z-index: 4;
    width: 563px;
    height: 395px;
    background: url(/images/sms/obj1.png) no-repeat;
}

.smsobj_box span.smsbook {
    bottom: 170px;
    left: 530px;
    z-index: 3;
    width: 252px;
    height: 208px;
    background: url(/images/sms/obj3.png) no-repeat;
}

.smsobj_box span.smsclock {
    bottom: 260px;
    left: 270px;
    z-index: 3;
    width: 84px;
    height: 84px;
    background: url(/images/sms/obj2.png) no-repeat;
}

.smsobj_box:after {
    content: "";
    display: block;
    position: absolute;
    top: -33px;
    left: 0;
    z-index: 2;
    width: 667px;
    height: 667px;
    border-radius: 50%;
    background: #59c3c3;
    opacity: .2;
}

.sms_maintext {
    padding: 80px 0 0 0;
}

.sms_maintext strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 60px;
    letter-spacing: -.5px;
}

.sms_maintext p {
    display: block;
    margin-top: 30px;
    color: #3c4147;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
}

.sms_container {
    position: relative;
    z-index: 5;
    margin: 444px 0 0 0;
    background: #fff;
}

.marketing_decwrap {
    padding: 15px 0 100px 0;
    background-image: linear-gradient(180deg, #fff, #fff);
}
.sub .subScript + .btn_box{
    margin-top: 40px;
}
.sub .btn_box.flx a + a{
    margin-left: 10px;
}
.sub .icon_textlist .tp-door-title.tp-type03.align-C{
    margin-top: 40px;
}
.sub .vote .what_sms{
    display: flex;
    justify-content: space-between;
    padding: 0 80px;
}
.sub .vote .what_sms .text_sms{
    max-width: 500px;
    width: 100%;
}
.sub .vote .what_sms .text_sms .tp-door-title{
    margin-bottom: 40px;
}
.sub .icon_textlist .matter_con{
    margin-top: 40px;
}

.sms_why {
    margin: 125px 0;
}

.sms_why ul:after {
    content: "";
    display: block;
    clear: both;
}

.sms_why li {
    overflow: hidden;
    float: left;
    position: relative;
    width: 380px;
    height: 570px;
    margin-right: 20px;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.sms_why li:last-child {
    margin-right: 0;
}

.sms_why li h3 {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 30px;
}

.sms_why li p {
    position: relative;
    z-index: 2;
    margin-top: 25px;
}

.sms_why li p:nth-of-type(1) {
    margin-top: 0;
}

.sms_why li:after {
    content: "01";
    display: block;
    position: absolute;
    right: 0;
    bottom: -117px;
    z-index: 1;
    color: #efeff7;
    font-weight: 700;
    font-size: 260px;
}

.sms_why li:nth-of-type(1):after {
    content: "01"
}

.sms_why li:nth-of-type(2):after {
    content: "02"
}

.sms_why li:nth-of-type(3):after {
    content: "03"
}

.sms_use ul li {
    min-height: 184px;
    padding: 36px 50px 36px 244px;
    border-top: dashed 1px #e1e1e1;
}

.sms_use ul li:nth-of-type(1) {
    border-top: none;
}

.sms_use ul li h3 {
    display: block;
    color: #58c3c3;
    font-weight: 700;
    font-size: 30px;
}

.sms_use ul li:nth-of-type(1) {
    background: url(/images/sms/ico_marketing1.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(2) {
    background: url(/images/sms/ico_marketing2.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(3) {
    background: url(/images/sms/ico_marketing3.png) no-repeat 45px 34px;
}

.sms_use ul li:nth-of-type(4) {
    background: url(/images/sms/ico_marketing4.png) no-repeat 45px 34px;
}

.sms_customerlove {
    padding: 100px 0;
    background: #e6f6f6;
}

.sms_customerlove h2 {
    margin-bottom: 40px;
}

.love_whylist ul:after {
    content: "";
    display: block;
    clear: both;
}

.love_whylist ul li {
    float: left;
    width: 50%;
    height: 200px;
    padding: 32px 20px 25px 103px;
    border-bottom: dashed 2px #e1e1e1;
}

.love_whylist ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}

.love_whylist ul li:nth-of-type(1) {
    background: url(/images/sms/ico_customer1.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(2) {
    background: url(/images/sms/ico_customer2.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(3) {
    background: url(/images/sms/ico_customer3.png) no-repeat 22px 32px;
}

.love_whylist ul li:nth-of-type(4) {
    background: url(/images/sms/ico_customer4.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(5) {
    background: url(/images/sms/ico_customer5.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(6) {
    background: url(/images/sms/ico_customer6.png) no-repeat 22px 37px;
}

.love_whylist ul li:nth-of-type(7) {
    background: url(/images/sms/ico_customer7.png) no-repeat 22px 38px;
}

.love_whylist ul li:nth-of-type(8) {
    background: url(/images/sms/ico_customer8.png) no-repeat 22px 32px;
}

.review_box {
    margin-top: 50px;
}

.review_box h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.review_con {
    width: 839px;
    height: 238px;
    margin: 0 auto;
    padding: 43px 75px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    background: url(/images/sms/customer_bg.png) no-repeat;
}

.review_con .review_text {
    position: relative;
    margin-bottom: 25px;
    font-size: 20px;
    font-style: italic;
}

.review_con .review_text:after,
.review_con .review_text:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 28px;
    height: 20px;
}

.review_con .review_text:before {
    top: -3px;
    left: -2px;
    background: url(/images/sms/imgbg_1.png) no-repeat;
}

.review_con .review_text:after {
    right: -2px;
    bottom: 0;
    background: url(/images/sms/imgbg_2.png) no-repeat;
}

.sms_support {
    padding: 100px 0;
    background: #fff;
}

.roundlist_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.roundlist_box ul li {
    float: left;
    width: 33.3%;
    padding: 0 2%;
    text-align: center;
}

.roundlist_box ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 29px;
}

.roundlist_box ul li:before {
    content: "";
    display: block;
    width: 178px;
    height: 178px;
    margin: 0 auto 50px auto;
}

.roundlist_box ul li:nth-of-type(1) h3 {
    color: #59c3c3;
}

.roundlist_box ul li:nth-of-type(1):before {
    background: url(/images/sms/bot_img1.png) no-repeat;
}

.roundlist_box ul li:nth-of-type(2) h3 {
    color: #01baef;
}

.roundlist_box ul li:nth-of-type(2):before {
    background: url(/images/sms/bot_img2.png) no-repeat;
}

.roundlist_box ul li:nth-of-type(3) h3 {
    color: #ea657b;
}

.roundlist_box ul li:nth-of-type(3):before {
    background: url(/images/sms/bot_img3.png) no-repeat;
}

.sms_listfeature {
    padding: 102px 0;
    background: #ececf6;
}

.feature_con {
    text-align: center;
}

.feature_con ul li {
    display: inline-block;
    vertical-align: top;
    max-width: 100px;
    margin: 25px 0 0 33px;
}

.feature_con ul li:nth-of-type(4) {
    max-width: 120px;
}

.feature_con ul li:before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px auto;
}

.feature_con ul li:nth-of-type(1):before {
    background: url(/images/sms/icon_list1.png) no-repeat;
}

.feature_con ul li:nth-of-type(2):before {
    background: url(/images/sms/icon_list2.png) no-repeat;
}

.feature_con ul li:nth-of-type(3):before {
    background: url(/images/sms/icon_list3.png) no-repeat;
}

.feature_con ul li:nth-of-type(4):before {
    background: url(/images/sms/icon_list4.png) no-repeat;
}

.feature_con ul li:nth-of-type(5):before {
    background: url(/images/sms/icon_list5.png) no-repeat;
}

.feature_con ul li:nth-of-type(6):before {
    background: url(/images/sms/icon_list6.png) no-repeat;
}

.feature_con ul li:nth-of-type(7):before {
    background: url(/images/sms/icon_list7.png) no-repeat;
}

.feature_con ul li:nth-of-type(8):before {
    background: url(/images/sms/icon_list8.png) no-repeat;
}

.feature_con ul li:nth-of-type(9):before {
    background: url(/images/sms/icon_list9.png) no-repeat;
}

.feature_con ul li:nth-of-type(10):before {
    background: url(/images/sms/icon_list10.png) no-repeat;
}

.feature_con ul li:nth-of-type(11):before {
    background: url(/images/sms/icon_list11.png) no-repeat;
}

.feature_con ul li:nth-of-type(12):before {
    background: url(/images/sms/icon_list12.png) no-repeat;
}

.feature_con ul li:nth-of-type(13):before {
    background: url(/images/sms/icon_list13.png) no-repeat;
}

.feature_con ul li:nth-of-type(14):before {
    background: url(/images/sms/icon_list14.png) no-repeat;
}

.feature_con ul li:nth-of-type(15):before {
    background: url(/images/sms/icon_list15.png) no-repeat;
}

.feature_con ul li:nth-of-type(16):before {
    background: url(/images/sms/icon_list16.png) no-repeat;
}

.sub_decpar {
    display: block;
    margin-top: -10px;
    text-align: center;
}

.sub_decpar_bot {
    display: block;
    clear: both;
    margin-top: 40px;
    text-align: center;
}

.text_blue {
    border-bottom: solid 1px;
    color: #01baef;
}

.mass.matter_con ul li:nth-of-type(1) {
    background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(2) {
    background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(3) {
    background: url(/images/core/icon_masswork3.png) no-repeat left 50px;
}

.mass.matter_con ul li:nth-of-type(4) {
    background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
}

.getting_mass {
    padding: 130px 0;
}

.getting_mass .par {
    padding: 30px 0 0 0;
    text-align: center;
}

.getting_mass .h2.sms_title {
    margin-bottom: 0;
}

.mass_ter h2 {
    color: #817dc5;
}

.mass_use h2 {
    margin-bottom: 60px;
    color: #59c3c3;
}

.marketing_decwrap.mass {
    padding: 15px 0 0 0;
}

.iconcon_list > ul {
    position: relative;
    top: -35px;
}

.iconcon_list > ul:after {
    content: "";
    display: block;
    clear: both;
}

.iconcon_list > ul > li {
    float: left;
    width: 50%;
    height: 300px;
    padding: 35px 20px 35px 95px;
    border-top: dashed 2px #e1e1e1;
    line-height: 28px;
}

.iconcon_list > ul > li strong {
    display: block;
    margin-bottom: 20px;
    font-size: 24px;
}

.iconcon_list ul li:nth-of-type(2),
.iconcon_list > ul > li:nth-of-type(1) {
    border-top: none;
}

.iconcon_list ul li:nth-of-type(4),
.iconcon_list > ul > li:nth-of-type(3) {
    height: 345px;
}

.iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_masster1.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_masster2.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_masster3.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_masster4.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_masster5.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_masster6.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_masster7.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/core/icon_masster8.png) no-repeat 30px 37px;
}

.iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/core/icon_masster9.png) no-repeat left 37px;
}

.iconcon_list > ul > li:nth-of-type(10) {
    background: url(/images/core/icon_masster10.png) no-repeat 30px 37px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_masster11.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_masster12.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_masster13.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_masster14.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_masster15.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_masster16.png) no-repeat 30px 35px;
}

.mass_use .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_masster17.png) no-repeat left 35px;
}

.mass_use .iconcon_list > ul > li:nth-last-of-type(1) {
    background: 0 0;
}

.mass_use .iconcon_list ul li:nth-of-type(4),
.mass_use .iconcon_list > ul > li:nth-of-type(3) {
    height: 300px;
}

.mass_howbox {
    padding: 130px 0;
    background: #e6f6f6;
}

.mass_parcon {
    margin-bottom: 140px;
}

.mass_parcon:nth-last-of-type(1) {
    margin-bottom: 0;
}

.mass_parcon .par {
    text-align: center;
}

.mass_numlist {
    margin: 50px 0 143px 0;
}

.mass_numlist ul:after {
    content: "";
    display: block;
    clear: both;
}

.mass_numlist ul li {
    float: left;
    position: relative;
    width: 31%;
    height: 362px;
    margin-left: 2%;
    padding: 24px 40px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.mass_numlist ul li p {
    position: relative;
    z-index: 2;
}

.mass_numlist ul li p {
    position: relative;
    z-index: 2;
}

.mass_numlist ul li:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -119px;
    z-index: 1;
    color: #efeff7;
    font-weight: 700;
    font-size: 260px;
}

.mass_numlist ul li:nth-of-type(1):after {
    content: "01"
}

.mass_numlist ul li:nth-of-type(2):after {
    content: "02"
}

.mass_numlist ul li:nth-of-type(3):after {
    content: "03"
}

.example_mass {
    padding: 130px 0;
}

.example_mass .iconcon_list {
    margin-top: 60px;
}

.example_mass .iconcon_list > ul > li {
    height: 370px;
    padding: 35px 20px 35px 115px;
}

.example_mass .iconcon_list > ul > li strong {
    color: #58c3c3;
}

.example_mass .iconcon_list > ul > li > .bullet_list {
    margin: 0 0 0 10px;
}

.example_mass .iconcon_list > ul > li > .bullet_list li {
    margin: 0 0 5px 0;
}

.example_mass .iconcon_list > ul > li > .bullet_list li:after {
    top: 11px;
}

.example_mass .iconcon_list > ul > li.full {
    float: none;
    clear: both;
    width: 100%
}

.example_mass .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/core/icon_massuse1.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/core/icon_massuse2.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/core/icon_massuse3.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/core/icon_massuse4.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/core/icon_massuse5.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/core/icon_massuse6.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/core/icon_massuse7.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/core/icon_massuse8.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/core/icon_massuse9.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(10) {
    background: url(/images/core/icon_massuse10.png) no-repeat left 30px;
}

.example_mass .iconcon_list > ul > li:nth-of-type(11) {
    background: url(/images/core/icon_massuse11.png) no-repeat left 30px;
}

.common_mass {
    padding: 100px 0;
    background: #ececf6;
}

.common_mass .sms_title {
    margin-bottom: 43px;
}

.common_numlist > li {
    position: relative;
    width: 100%;
    min-height: 225px;
    margin-bottom: 25px;
    padding: 24px 46px 24px 24px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.common_numlist > li strong {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.common_numlist > li p {
    position: relative;
    z-index: 2;
    margin-top: 25px;
}

.common_numlist > li p:nth-of-type(1) {
    margin-top: 0;
}

.common_numlist > li:after {
    display: block;
    position: absolute;
    right: 0;
    bottom: -119px;
    z-index: 1;
    color: #ebf7f7;
    font-weight: 700;
    font-size: 260px;
}

.common_numlist > li:nth-of-type(1):after {
    content: "01";
    right: -25px;
}

.common_numlist > li:nth-of-type(2):after {
    content: "02";
    right: -8px;
}

.common_numlist > li:nth-of-type(3):after {
    content: "03";
    right: -15px;
}

.common_numlist > li:nth-of-type(4):after {
    content: "04";
    right: -10px;
}

.mass_advantage {
    padding: 0 0 130px 0;
    background: #fff;
}

.mass_advantage .sms_title {
    margin-bottom: 50px;
}

.mass_advantage .sms_title .sub_tit {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
}

.mass_advantage .massadvantage_list:after {
    content: "";
    display: block;
    clear: both;
}

.mass_advantage .massadvantage_list > li {
    float: left;
    margin-bottom: 2%;
    padding: 30px 20px;
    border-radius: 5px;
    line-height: 32px;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.mass_advantage .massadvantage_list > li > strong {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.mass_advantage .massadvantage_list > li > .bullet_list {
    margin: 0 0 0 10px;
}

.mass_advantage .massadvantage_list > li > .bullet_list li {
    margin: 0 0 5px 0;
}

.mass_advantage .massadvantage_list > li > .bullet_list li:after {
    top: 11px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(1) {
    width: 49%;
    height: 613px;
    margin-right: 1%;
    background: url(/images/core/icon_massuse13.png) no-repeat right bottom #d9f5fd;
}

.mass_advantage .massadvantage_list > li:nth-of-type(2) {
    width: 49%;
    height: 613px;
    margin-left: 1%;
    background: url(/images/core/icon_massuse14.png) no-repeat right bottom #e6f6f6;
}

.mass_advantage .massadvantage_list > li:nth-of-type(3) {
    width: 32%;
    height: 660px;
    margin-left: 0;
    background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fce8eb;
}

.mass_advantage .massadvantage_list > li:nth-of-type(4) {
    width: 31%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse16.png) no-repeat right bottom #ececf6;
}

.mass_advantage .massadvantage_list > li:nth-of-type(5) {
    width: 33%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse17.png) no-repeat right bottom #f5f5f5;
}

.page_dec.autocampain {
    border: none;
}

.page_dec.autocampain h2 {
    margin-bottom: 30px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
}

.page_dec.autocampain p {
    font-weight: 700;
}

.campaign_how {
    padding: 70px 0;
    background: #d9f5fd;
}

.campaign_how h2 {
    margin-bottom: 40px;
    text-align: center;
}

.shadow_boxwrap > ol:after,
.shadow_boxwrap > ul:after {
    content: "";
    display: block;
    clear: both;
}

.shadow_boxwrap > ol > li,
.shadow_boxwrap > ul > li {
    float: left;
    width: 32%;
    margin-left: 1%;
    border-radius: 5px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.autocam_dec > li {
    height: 392px;
    padding: 25px;
}

.autocam_dec > li strong {
    font-weight: 700;
}

.autocam_dec > li > span > strong {
    display: block;
}

.autocam_dec > li > strong {
    display: block;
    margin-bottom: 0;
    color: #01baef;
    font-size: 50px;
}

.autocam_dec > li > .bullet_list {
    margin-top: 15px;
}

.autocam_dec > li > .bullet_list > li {
    margin-bottom: 10px;
}

.autocam_dec > li:nth-of-type(1) {
    background: url(/images/auto/campains_how1.png) no-repeat right bottom;
}

.autocam_dec > li:nth-of-type(2) {
    background: url(/images/auto/campains_how2.png) no-repeat right bottom;
}

.autocam_dec > li:nth-of-type(3) {
    background: url(/images/auto/campains_how3.png) no-repeat right bottom;
}

.campaignlevel_wrap {
    padding: 70px 0 0 0;
}

.campaignlevel_wrap > .content_box {
    position: relative;
    padding: 0 0 0 352px;
}

.campaignlevel_wrap .level_titbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 352px;
    padding: 0 70px 0 0;
}

.campaignlevel_wrap .level_titbox h2 {
    margin-bottom: 20px;
}

.campaignlevel_wrap .level_list ul li {
    min-height: 221px;
    padding: 50px 20px 50px 200px;
    border-top: dashed 1px #e1e1e1;
}

.campaignlevel_wrap .level_list ul li:first-child {
    padding: 0 20px 50px 200px;
    border-top: none;
}

.campaignlevel_wrap .level_list ul li h3 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 20px;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(1) {
    background: url(/images/auto/campains_level1.png) no-repeat left top;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(2) {
    background: url(/images/auto/campains_level2.png) no-repeat left 40px;
}

.campaignlevel_wrap .level_list ul li:nth-of-type(3) {
    background: url(/images/auto/campains_level3.png) no-repeat left 40px;
}

.campaign_way {
    padding: 70px 0;
    background: #ececf6;
}

.campaign_way h2 {
    margin-bottom: 40px;
    text-align: center;
}

.way_list ul:after {
    content: "";
    display: block;
    clear: both;
}

.way_list ul li {
    float: left;
    width: 18%;
    height: 180px;
    margin-left: 2%;
    padding: 126px 0 0 0;
    border-radius: 5px;
    text-align: center;
    background-color: #fff !important;
}

.way_list ul li a {
    color: #817dc5;
    font-weight: 700;
}

.way_list ul li:nth-of-type(1) {
    background: url(/images/auto/campains_way1.png) no-repeat center top;
}

.way_list ul li:nth-of-type(2) {
    padding: 117px 0 0 0;
    background: url(/images/auto/campains_way2.png) no-repeat center top;
}

.way_list ul li:nth-of-type(3) {
    background: url(/images/auto/campains_way3.png) no-repeat center top;
}

.way_list ul li:nth-of-type(4) {
    background: url(/images/auto/campains_way4.png) no-repeat center top;
}

.way_list ul li:nth-of-type(5) {
    background: url(/images/auto/campains_way5.png) no-repeat center top;
}

.dec_btn .btn:nth-of-type(1) {
    margin-right: 20px;
}

.sub_decpar p {
    margin-top: 30px;
}

.sub_decpar p:ntn-of-type(1) {
    margin-top: 0;
}

.matter_con.textblast ul li {
    height: 250px;
    border-bottom: dashed 2px #e1e1e1;
}

.matter_con.textblast ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.matter_con.textblast ul li:nth-of-type(1) {
    background: url(/images/doorway/ico_matters1.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(2) {
    background: url(/images/doorway/ico_matters5.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(3) {
    background: url(/images/doorway/ico_matters4.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(4) {
    background: url(/images/doorway/ico_matters3.png) no-repeat left 50px;
}

.matter_con.textblast ul li:nth-of-type(5) {
    background: url(/images/doorway/ico_matters2.png) no-repeat left 50px;
}

.mass_parcon .par {
    margin-top: 30px;
}

.mass_parcon .par:ntn-of-type(1) {
    margin-top: 0;
}

.shadow_boxwrap.textblast > ul > li {
    width: 49%
}

.example_mass.textblastuse {
    padding: 130px 0 0 0;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3),
.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
    height: 440px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/ico_textuse1.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/ico_textuse2.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/ico_textuse3.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/doorway/ico_textuse4.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/doorway/ico_textuse5.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(6) {
    background: url(/images/doorway/ico_textuse6.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(7) {
    background: url(/images/doorway/ico_textuse7.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(8) {
    background: url(/images/doorway/ico_textuse8.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(9) {
    background: url(/images/doorway/ico_textuse9.png) no-repeat left 30px;
}

.example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(10) {
    background: 0 0;
}

.sub_decpar1 {
    margin-top: 20px;
    text-align: center;
}

.shadow_boxwrap.short ul li {
    width: 48%
}

.shadow_boxwrap.short .text_blastlist > li {
    height: 324px;
}

.shadow_boxwrap.short .text_blastlist > li:nth-of-type(1) {
    background: #d2f2fd !important;
}

.shadow_boxwrap.short .text_blastlist > li:nth-of-type(2) {
    background: #dff4f5 !important;
}

.mass_parcon.short {
    margin: 0;
    padding: 50px 0 110px 0;
}

.textmain_dec {
    padding: 60px 0;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
}

.effcetive_dec {
    padding: 0 0 84px 0;
    text-align: center;
}

.matter_con.textmarketing ul li:nth-of-type(3),
.matter_con.textmarketing ul li:nth-of-type(4) {
    border-bottom: dashed 2px #e1e1e1;
}

.matter_con.textmarketing ul li:nth-of-type(1) {
    background: url(/images/sms/ico_matters1.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(2) {
    background: url(/images/sms/ico_matters5.png) no-repeat 25px 50px;
}

.matter_con.textmarketing ul li:nth-of-type(3) {
    background: url(/images/sms/ico_matters2.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(4) {
    background: url(/images/sms/ico_matters3.png) no-repeat left 50px;
}

.matter_con.textmarketing ul li:nth-of-type(5) {
    background: url(/images/sms/ico_matters4.png) no-repeat left 50px;
}

.organization_box {
    margin-top: 80px;
}

.organization_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.organization_box > ul > li {
    float: left;
    width: 47%;
    height: 620px;
    margin: 0 25px 25px 0;
    padding: 25px;
    border-radius: 5px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.organization_box > ul > li > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
}

.organization_box > ul > li > p {
    margin-bottom: 15px;
}

.organization_box > ul > li > .bullet_list > li {
    margin-bottom: 10px;
}

.organization_box > ul > li > .bullet_list > li:after {
    top: 12px;
}

.organization_box > ul > li:nth-of-type(1) {
    background: url(/images/sms/ico_organization1.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(2) {
    background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(3) {
    background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
}

.organization_box > ul > li:nth-of-type(4) {
    background: url(/images/sms/ico_organization4.png) no-repeat right bottom;
}

.bussiness_list {
    margin-top: 50px;
}

.bussiness_list > li {
    height: 580px;
    padding: 25px;
}

.bussiness_list > li > strong {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 30px;
}

.bussiness_list > li:nth-of-type(1) {
    background: url(/images/doorway/bg_business1.png) no-repeat right bottom;
}

.bussiness_list > li:nth-of-type(2) {
    background: url(/images/doorway/bg_business2.png) no-repeat right bottom;
}

.bussiness_list > li:nth-of-type(3) {
    background: url(/images/doorway/bg_business3.png) no-repeat right bottom;
}

.church_use {
    padding: 145px 0;
}

.church_use .sms_use > ul > li > p {
    line-height: 30px;
}

.church_use .sms_use > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_church1.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_church2.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_church3.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(4) {
    background: url(/images/doorway/icon_church4.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(5) {
    background: url(/images/doorway/icon_church5.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(6) {
    background: url(/images/doorway/icon_church6.png) no-repeat;
}

.church_use .sms_use > ul > li:nth-of-type(7) {
    background: url(/images/doorway/icon_church7.png) no-repeat;
}

.church_use .sms_use > ul > li > ul {
    margin-top: 20px;
}

.church_use .sms_use > ul > li > ul > li {
    min-height: auto;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
    border: none;
    background: 0 0;
}

.church_study {
    padding: 130px 0;
    background: #ececf6;
}

.church_study h2.sms_title {
    margin-bottom: 50px;
}

.church_study .shadow_boxwrap > ul > li {
    width: 49%;
    min-height: 804px;
    text-align: center;
}

.church_study .shadow_boxwrap > ul > li .church_case span {
    display: block;
    padding: 70px 0 0 0;
}

.church_study .shadow_boxwrap > ul > li .church_case p {
    padding: 30px 30px;
    line-height: 30px;
}

.churchorganization {
    padding: 130px 0;
    line-height: 30px;
    background: #fff;
}

.churchorganization .organization_box > ul > li:nth-of-type(1) {
    background-color: #d9f5fd !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(2) {
    background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
    background-color: #e6f6f6 !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(3) {
    background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
    background-color: #fce8eb !important;
}

.churchorganization .organization_box > ul > li:nth-of-type(4) {
    background-color: #ececf6 !important;
}

.appoint.matter_con ul li:nth-of-type(1) {
    background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(2) {
    background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_land5.png) no-repeat left 50px;
}

.appoint.matter_con ul li:nth-of-type(4) {
    background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
}

.appoint_bullet {
    margin-top: 40px;
}

.appoint_bullet .bullte_list li {
    margin-bottom: 10px;
}

.example_mass.appoint {
    padding: 130px 0 0 0;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_appoint1.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_appoint2.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_appoint3.png) no-repeat left 50px;
}

.example_mass.appoint .iconcon_list > ul > li:nth-of-type(4) {
    background: 0 0;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(1) {
    clear: both;
    width: 100%;
    height: 305px;
    margin-right: 0;
    background: url(/images/doorway/bg_textadvan6.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(2) {
    width: 49%;
    height: 613px;
    margin-right: 1%;
    margin-left: 0;
    background: url(/images/core/icon_massuse13.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(3) {
    width: 49%;
    height: 613px;
    margin-left: 1%;
    background: url(/images/core/icon_massuse14.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(4) {
    width: 32%;
    height: 660px;
    margin-left: 0;
    background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(5) {
    width: 31%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse16.png) no-repeat right bottom #fff;
}

.mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
    width: 33%;
    height: 660px;
    margin-left: 2%;
    background: url(/images/core/icon_massuse17.png) no-repeat right bottom #fff;
}

.mass_howbox.appoint {
    margin-top: 130px;
}

.mass_howbox.appoint .mass_parcon:nth-of-type(1) {
    margin-bottom: 60px;
}

.mass_advantage.appoint {
    padding: 130px 0;
    background: #ececf6;
}

.mass_howbox.recurit {
    margin-bottom: 100px;
}

.recurit .common_numlist {
    margin-top: 50px;
}

.recurit .common_numlist > li {
    width: 100%;
    margin: 0 0 30px 0;
}

.recurit .common_numlist > li:after {
    color: #efeff7;
}

.common_numlist > li strong {
    position: relative;
    z-index: 2;
}

.common_numlist > li:nth-of-type(5):after {
    content: "05";
    right: -13px;
}

.common_numlist > li:nth-of-type(6):after {
    content: "06";
    right: -13px;
}

.common_numlist > li:nth-of-type(7):after {
    content: "07";
    right: -8px;
}

.common_numlist > li:nth-of-type(8):after {
    content: "08"
}

.common_numlist > li:nth-of-type(9):after {
    content: "09"
}

.common_numlist > li:nth-of-type(10):after {
    content: "10"
}

.mass_advantage .massadvantage_list > li:nth-of-type(1) {
    height: 543px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(2) {
    height: 543px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(3) {
    height: 660px;
}

.mass_advantage .massadvantage_list > li:nth-of-type(4) {
    height: 660px;
}

.surveys.matter_con {
    margin-bottom: 100px;
}

.surveys.matter_con ul li {
    height: 240px;
}

.surveys.matter_con ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_survey1.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_survey2.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(3) {
    border-bottom: dashed 2px #e1e1e1;
    background: url(/images/doorway/icon_survey3.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(4) {
    border-bottom: dashed 2px #e1e1e1;
    background: url(/images/doorway/icon_survey4.png) no-repeat left 50px;
}

.surveys.matter_con ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_survey5.png) no-repeat left 50px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_survey6.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_survey7.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_survey8.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(4) {
    background: url(/images/doorway/icon_survey9.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(5) {
    background: url(/images/doorway/icon_survey10.png) no-repeat left 30px;
}

.example_mass.surveys .iconcon_list > ul > li:nth-of-type(6) {
    background: 0 0;
}

.mass_advantage.surveys .massadvantage_list > li {
    width: 49% !important;
    background-color: #fff;
}

.mass_advantage.surveys {
    padding: 143px 0;
    background: #ececf6;
}

.surveys.example_mass {
    padding: 130px 0 0 0;
}

.sub_tit {
    display: block;
    margin: 24px 22px 8px 22px;
    border-bottom: solid 1px #59c3c3;
    color: #59c3c3;
    font-size: 14px;
    font-weight: 700;
}

.sub_tit.purple {
    border-bottom: solid 1px #817dc5;
    color: #817dc5;
}

.sub_tit.bule {
    border-bottom: solid 1px #01baef;
    color: #01baef;
}

.sub_tit.pink {
    border-bottom: solid 1px #ea657b;
    color: #ea657b;
}

.main_subdec {
    padding-bottom: 35px;
    border-bottom: solid 1px #ebebeb;
    line-height: 30px;
}

.num_contentlist {
    margin-top: 30px;
}

.num_contentlist > .title-dp03,
.num_contentlist > h2 {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 24px;
}

.num_contentlist > p {
    margin-bottom: 15px;
}

.num_contentlist > ol > li {
    position: relative;
    margin-top: 20px;
    padding: 30px 0 0 0;
    border-top: dashed 2px #dfdfdf;
}

.num_contentlist > ol > li:nth-of-type(1) {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

.num_contentlist > ol > li > strong {
    display: block;
    position: relative;
    margin-bottom: 15px;
    padding-left: 38px;
    font-size: 18px;
}

.num_contentlist > ol > li > strong > em {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    color: #80dcf7;
    font-weight: 700;
    font-size: 24px;
}

.num_contentlist > ol > li > p {
    margin-bottom: 20px;
}

.num_contentlist > ol > li > p > strong {
    display: block;
    margin-bottom: 15px;
}

.num_contentlist > ol > li > .bullet_list > li {
    margin-bottom: 15px;
}

.tutorial_video > p {
    margin-bottom: 20px;
}

.tutorial_video > ul:after {
    content: "";
    display: block;
    clear: both;
}

.tutorial_video > ul > li {
    float: left;
    width: 50%;
    margin-bottom: 40px;
}

.tutorial_video > ul > li > a > strong {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

.tutorial_video > ul > li > a > span {
    display: block;
    width: 400px;
    height: 250px;
    margin: 0 auto;
    border: solid 1px #ebebeb;
    text-align: center;
}

.list_conbox .tit_reseller {
    margin-bottom: 24px;
    color: #3c4147;
    font-weight: 700;
    font-size: 24px;
}

.list_conbox .sub_dec {
    margin-bottom: 40px;
}

.list_conbox > ul > li {
    margin-top: 30px;
    padding: 30px 0 0 0;
    border-top: dashed 2px #e7e7e7;
}

.list_conbox > ul > li:nth-of-type(1) {
    margin-top: 0;
    padding: 0;
    border-top: none;
}

.list_conbox > ul > li > strong {
    display: block;
    color: #01baef;
    font-weight: 700;
    font-size: 20px;
}

.list_conbox > ul > li > p {
    margin-top: 20px;
}

.list_conbox > ul > li > p:nth-of-type(1) {
    margin-top: 0;
}

.list_conbox > ul > li > .bullet_list {
    margin-top: 20px;
}

.list_conbox > ul > li > .bullet_list > li {
    margin-bottom: 15px;
}

.list_conbox > ul > li > .bullet_list > li > .bullet_list {
    margin-left: 10px;
}

.no_bulletlist > li {
    margin-bottom: 15px;
}

.sub_bluetit {
    display: block;
    margin-bottom: 17px;
    color: #01baef;
    font-size: 16px;
}

.sub_titblue {
    display: block;
    margin-top: 17px;
    color: #01baef;
    font-weight: 400;
    font-size: 16px;
}

.main_subdec strong {
    display: block;
    margin-bottom: 17px;
}

.main_subdec.line {
    border-bottom: solid 1px #ebebeb;
}

.email_addcon {
    padding-top: 28px;
}

.email_addcon > h2 {
    margin-bottom: 20px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
}

.email_addcon > .tit_sub {
    margin-bottom: 50px;
}

.email_addcon .sub_email {
    margin-bottom: 50px;
}

.email_addcon .sub_email > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.email_addcon .sub_email > h3.red {
    color: #ea657b;
}

.telescript_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.telescript_box ul li {
    float: left;
    width: 180px;
    height: 170px;
    margin: 0 0 30px 30px;
    padding: 120px 0 0 0;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    color: #01baef;
    font-weight: 700;
    text-align: center;
}

.telescript_box ul li a {
    color: #01baef;
}

.telescript_box ul li:nth-of-type(4n+1) {
    margin: 0 0 30px 0;
}

.telescript_box ul li:nth-of-type(1) {
    background: url(/images/reseller/icon_tele1.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(2) {
    background: url(/images/reseller/icon_tele2.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(3) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele3.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(4) {
    background: url(/images/reseller/icon_tele4.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(5) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele5.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(6) {
    background: url(/images/reseller/icon_tele6.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(7) {
    background: url(/images/reseller/icon_tele7.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(8) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele8.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(9) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele9.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(10) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele10.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(11) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele11.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(12) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele12.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(13) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele13.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(14) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_tele14.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(15) {
    padding: 80px 0 0 0;
    background: url(/images/reseller/icon_tele15.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(16) {
    background: url(/images/reseller/icon_tele16.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(17) {
    background: url(/images/reseller/icon_tele17.png) no-repeat center top;
}

.telescript_box ul li:nth-of-type(18) {
    background: url(/images/reseller/icon_tele18.png) no-repeat center top;
}

.promo_box > p {
    margin-bottom: 50px;
}

.promo_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.promo_box > ul > li {
    float: left;
    width: 49%;
    margin-bottom: 40px;
    text-align: center;
}

.promo_box > ul > li:nth-of-type(odd) {
    margin-right: 1%
}

.promo_box > ul > li:nth-of-type(even) {
    margin-left: 1%
}

.promo_box > ul > li > a > strong {
    display: block;
    margin-bottom: 10px;
}

.promo_box > ul > li > a > span {
    height: 213px;
}

.promo_box > ul > li > a > span img {
    border: solid 1px #ebebeb;
}

.emial_box ul:after {
    content: "";
    display: block;
    clear: both;
}

.emial_box ul li {
    float: left;
    width: 49%;
    height: 411px;
    padding: 37px 20px 20px 20px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
}

.emial_box ul li > strong {
    display: block;
    padding-bottom: 260px;
    color: #01baef;
    font-size: 24px;
    text-align: center;
}

.emial_box ul li:nth-of-type(1) {
    margin-right: 1%
}

.emial_box ul li:nth-of-type(1) > strong {
    background: url(/images/reseller/icon_email1.png) no-repeat center 60px;
}

.emial_box ul li:nth-of-type(2) {
    margin-left: 1%
}

.emial_box ul li:nth-of-type(2) > strong {
    background: url(/images/reseller/icon_email2.png) no-repeat center 60px;
}

.emial_box ul li > span {
    display: block;
    text-align: center;
}

.emial_box ul li > span > a.btn.blue {
    min-width: 135px;
    max-width: 135px;
    margin-right: 5px;
}

.emial_box ul li > span > a.btn.blue > span {
    min-width: 135px;
    max-width: 135px;
}

.emial_box ul li > span > a.btn.green {
    min-width: 199px;
    max-width: 199px;
}

.emial_box ul li > span > a.btn.green > span {
    min-width: 199px;
    max-width: 199px;
}

.telescript_box.point ul li:nth-of-type(1) {
    background: url(/images/reseller/icon_point1.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(2) {
    background: url(/images/reseller/icon_point2.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(3) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point3.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(4) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point4.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(5) {
    background: url(/images/reseller/icon_point5.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(6) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point6.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(7) {
    background: url(/images/reseller/icon_point7.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(8) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point8.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(9) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point9.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(10) {
    background: url(/images/reseller/icon_point10.png) no-repeat center top;
}

.telescript_box.point ul li:nth-of-type(11) {
    padding: 100px 0 0 0;
    background: url(/images/reseller/icon_point11.png) no-repeat center top;
}

.white_labelbox > p {
    padding-bottom: 50px;
}

.white_labelbox > p .link_box {
    display: block;
    margin-top: 10px;
}

.white_labelbox > p .link_box a {
    color: #01baef;
    text-decoration: underline;
}

.dotline_box {
    padding: 40px 0;
    border-top: dashed 1px #e2e2e2;
}

.dotline_box:after {
    content: "";
    display: block;
    clear: both;
}

.dotline_box > div {
    float: left;
    width: 50%
}

.dotline_box .lable_tit {
    display: block;
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 24px;
}

.label_list {
    margin-bottom: 48px;
}

.label_list:nth-last-of-type(1) {
    margin-bottom: 0;
}

.label_list li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 17px;
}

.label_list li > a {
    color: #01baef;
    text-decoration: underline;
}

.label_list li:after {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.title_box > h2 {
    font-weight: 700;
    font-size: 24px;
}

.title_box > h2 > span {
    display: block;
    margin-top: 15px;
    font-weight: 400;
    font-size: 17px;
}

.title_box > p {
    margin-top: 10px;
}

.credit_list {
    margin-bottom: 60px;
}

.credit_list > h2,
.credit_list > h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
}

.credit_list > h3.pink {
    color: #ea657b;
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
}

.credit_list ul li {
    position: relative;
}

.credit_list ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
}

.credit_list > ul > li {
    margin-bottom: 40px;
    padding-left: 20px;
}

.credit_list > ul.oneline > li {
    margin-bottom: 10px;
}

.credit_list > ul > li:after {
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.credit_list > ul > li > ul {
    margin-top: 20px;
}

.credit_list > ul > li > ul li {
    margin-top: 10px;
    padding-left: 20px;
}

.credit_list > ul > li > ul li:nth-of-type(1) {
    margin-top: 0;
}

.credit_list > ul > li > ul li:after {
    top: 11px;
    width: 6px;
    height: 1px;
    background: #000;
}

.credit_list > ol > li {
    position: relative;
    margin: 0 0 10px 20px;
    padding-left: 20px;
}

.credit_list > ol > li > em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.credit_list > p {
    padding-left: 20px;
}

.credit_list > p.tit_par {
    padding: 0 0 10px 0;
}

.credit_list > p.tit_par1 {
    padding: 50px 0 10px 0;
}

.emailserver_box .info_par {
    padding-bottom: 20px;
    border-bottom: solid 1px #ebebeb;
}

.esever_list {
    padding: 40px 0;
    border-top: dashed 1px #e1e1e1;
}

.esever_list:nth-of-type(1) {
    border-top: none;
}

.esever_list h2,
.esever_list h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
}

.esever_list ol li,
.esever_list ul li {
    position: relative;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
}

.esever_list ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #000;
}

.esever_list ol li em {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
}

.sms_phonebg {
    position: relative;
    padding: 135px 0 135px 0;
    background: #e6f6f6;
}

.sms_phonebg .content_box {
    padding: 0 0 0 600px;
}

.phone_sms {
    position: absolute;
    top: -80px;
    left: 0;
    width: 600px;
    text-align: center;
    background: url(/images/doorway/sms_phonebg.png) no-repeat center center;
}

.title_smsser {
    display: block;
    margin-bottom: 30px;
    color: #01baef;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -.5px;
}

.sms_phonebg p {
    line-height: 30px;
}

.sms_make {
    padding: 90px 0;
}

.sms_make .content_box {
    position: relative;
    padding: 0 0 0 500px;
}

.sms_make .content_box .sms_makecon {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
}

.sms_make .content_box .sms_makecon p {
    line-height: 30px;
}

.sms_make .content_box .sms_makelist h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.sms_make .content_box .sms_makelist ul li {
    padding: 20px 0 20px 101px;
    border-bottom: dashed 1px #ccc;
}

.sms_make .content_box .sms_makelist ul li em {
    color: #59c3c3;
    font-weight: 700;
    font-size: 24px;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_sms1.png) no-repeat 22px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_sms2.png) no-repeat 24px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_sms3.png) no-repeat 30px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(4) {
    background: url(/images/doorway/icon_sms4.png) no-repeat 14px center;
}

.sms_make .content_box .sms_makelist ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_sms5.png) no-repeat 14px center;
}

.sms_make2 {
    padding: 90px 0;
    background: #e5f8fd;
}

.sms_make2 .content_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.sms_make2 .content_box > ul > li {
    float: left;
    width: 31.3%;
    height: 550px;
    margin-left: 2%;
    padding: 30px;
    background-color: #fff !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
}

.sms_make2 .content_box > ul > li > h2 {
    margin-bottom: 20px;
    color: #817dc5;
    font-weight: 700;
    font-size: 24px;
}

.sms_make2 .content_box > ul > li > p {
    line-height: 30px;
}

.sms_make2 .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_sms6.png) no-repeat right bottom;
}

.sms_make2 .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_sms7.png) no-repeat right bottom;
}

.sms_make2 .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_sms8.png) no-repeat right bottom;
}

.sms_adv {
    padding: 90px 0;
}

.sms_adv .title_smsser {
    text-align: center;
}

.adv_linelist > li {
    position: relative;
    padding: 50px 0 50px 285px;
    border-bottom: dashed 1px #ccc;
}

.adv_linelist > li > h3 {
    position: absolute;
    top: 50px;
    left: 0;
    width: 195px;
    padding-bottom: 110px;
    font-weight: 700;
    font-size: 30px;
}

.adv_linelist > li > p {
    margin-bottom: 17px;
}

.adv_linelist > li > .bullet_list > li {
    margin-bottom: 17px;
}

.adv_linelist > li:nth-of-type(1) > h3 {
    color: #59c3c3;
    background: url(/images/doorway/icon_sms9.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(2) > h3 {
    color: #ea657b;
    background: url(/images/doorway/icon_sms10.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(3) > h3 {
    color: #01baef;
    background: url(/images/doorway/icon_sms11.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(4) > h3 {
    color: #817cc5;
    background: url(/images/doorway/icon_sms12.png) no-repeat left bottom;
}

.adv_linelist > li:nth-of-type(5) > h3 {
    color: #3c4147;
    background: url(/images/doorway/icon_sms13.png) no-repeat left bottom;
}

.emailtosms {
    padding: 90px 0;
    background: #e6f6f6;
}

.emailtosms .content_box {
    padding: 0 576px 0 0;
    background: url(/images/doorway/bg_email.png) no-repeat right bottom;
}

.emailtosms .content_box p:nth-of-type(1) {
    margin-bottom: 20px;
    line-height: 30px;
}

.sms_make.email .content_box .sms_makecon {
    width: 450px;
}

.sms_make2.email .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/bg_email1.png) no-repeat right bottom;
}

.sms_make2.email .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/bg_email2.png) no-repeat right bottom;
}

.sms_make2.email .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/bg_email3.png) no-repeat right bottom;
}

.sms_make.textto {
    background: #e6f6f6;
}

.sms_make.textto .content_box .sms_makecon {
    width: 450px;
}

.textto_restriction {
    position: relative;
}

.textto_restriction:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: url(/images/doorway/bg_textto.png) no-repeat right top #817cc5;
}

.textto_restriction.toll-free:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background: url(/images/doorway/tollfree_bg.png) no-repeat right top #817cc5;
}

.textto_restriction .content_box {
    padding: 90px 0 90px 500px;
}

.textto_restriction .title_smsser {
    color: #817cc5;
}

.textto_restriction h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
}

.textto_restriction p {
    margin-bottom: 20px;
}

.textto_use {
    padding: 90px 0;
    background: #e5f8fd;
}

.textto_use .title_smsser {
    text-align: center;
}

.textto_use .title_smsser span {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}

.textto_use .content_box > ul:after {
    content: "";
    display: block;
    clear: both;
}

.textto_use .content_box > ul > li {
    float: left;
    width: 23%;
    margin-left: 2%
}

.textto_use .content_box > ul > li:nth-of-type(4) {
    float: left;
    width: 25%
}

.textto_use .content_box > ul > li:nth-of-type(1) {
    margin-left: 0;
}

.textto_use .content_box > ul > li h3 {
    margin-bottom: 30px;
    padding-top: 175px;
    color: #01baef;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.textto_use .content_box > ul > li h3 em {
    display: block;
    margin-top: 10px;
    color: #3c4147;
    font-size: 17px;
}

.textto_use .content_box > ul > li p {
    margin-bottom: 35px;
}

.textto_use .content_box > ul > li:nth-of-type(1) h3 {
    background: url(/images/doorway/icon_textto1.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(2) h3 {
    background: url(/images/doorway/icon_textto2.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(3) h3 {
    background: url(/images/doorway/icon_textto3.png) no-repeat center top;
}

.textto_use .content_box > ul > li:nth-of-type(4) h3 {
    background: url(/images/doorway/icon_textto4.png) no-repeat center top;
}

.source_box {
    overflow: hidden;
    overflow-x: auto;
    width: 640px;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: solid 1px #ddd;
    border-left: 3px solid #01baef;
}

.source_box pre {
    margin-top: -10px;
    font-size: 14px;
}

.source_box code {
    margin-top: -10px;
    font-size: 14px;
}

.why_mms {
    padding: 70px 0;
    background: #ececf6;
}

.why_mms .title_smsser {
    text-align: center;
}

.mms_iconwrap ul {
    overflow: hidden;
}

.mms_iconwrap ul li {
    float: left;
    width: 20%;
    padding: 206px 0 0 0;
    text-align: center;
}

.mms_iconwrap ul li:nth-of-type(1) {
    background: url(/images/doorway/icon_mms1.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(2) {
    background: url(/images/doorway/icon_mms2.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(3) {
    background: url(/images/doorway/icon_mms3.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(4) {
    background: url(/images/doorway/icon_mms4.png) no-repeat center top;
}

.mms_iconwrap ul li:nth-of-type(5) {
    background: url(/images/doorway/icon_mms5.png) no-repeat center top;
}

.mms_tip {
    padding: 70px 0;
    background: #e5f8fd;
}

.mms_tip .title_smsser {
    margin-bottom: 100px;
    text-align: center;
}

.tip_con {
    position: relative;
    min-height: 503px;
    margin-bottom: 100px;
}

.tip_con > .img_phone {
    position: absolute;
    top: -20px;
    width: 410px;
    text-align: center;
}

.tip_con:nth-of-type(1) {
    padding: 0 0 0 410px;
}

.tip_con:nth-of-type(1) > .img_phone {
    left: 0;
}

.tip_con:nth-of-type(2) {
    padding: 0 410px 0 0;
}

.tip_con:nth-of-type(2) > .img_phone {
    right: 0;
}

.tip_con .tip_text ul li {
    padding: 40px 0 40px 0;
    border-top: dashed 1px #dadedf;
}

.tip_con .tip_text ul li:nth-of-type(1) {
    padding: 0 0 40px 0;
    border-top: none;
}

.tip_con .tip_text ul li h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
}

.tip_con .tip_text ul li p:nth-of-type(1) {
    margin-bottom: 20px;
}

.mms_advfun {
    padding: 70px 0;
    background: #e5f8fd;
}

.mms_advfun .title_smsser {
    margin-bottom: 50px;
    text-align: center;
}

.mms_advfun .title_smsser span {
    display: block;
    margin-top: 20px;
    color: #3c4147;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .5px;
}

.adv_linelist > li:nth-last-of-type(1) {
    border-bottom: none;
}

.wh_linebox {
    overflow: hidden;
    width: 100%
}

.wh_linebox li {
    float: left;
    width: 18%;
    height: 460px;
    margin-right: 2%;
    padding: 40px 20px;
    border-radius: 5px;
    text-align: center;
    background: #fff;
}

.wh_linebox li > h3 {
    margin-bottom: 10px;
    padding-top: 103px;
    font-weight: 700;
    font-size: 18px;
}

.wh_linebox li:nth-of-type(1) > h3 {
    background: url(/images/doorway/icon_mms8.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(2) > h3 {
    background: url(/images/doorway/icon_mms9.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(3) > h3 {
    background: url(/images/doorway/icon_mms10.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(4) > h3 {
    background: url(/images/doorway/icon_mms11.png) no-repeat center top;
}

.wh_linebox li:nth-of-type(5) > h3 {
    background: url(/images/doorway/icon_mms12.png) no-repeat center top;
}



.marketing_decwrap.vote {
    margin-bottom: 70px;
    padding: 100px 0 30px 0;
    background: #e6f6f6;
}

.sms_matters.vote .vote_message {
    padding: 0 0 30px 0;
    text-align: center;
}

.sms_matters.vote h3.matter_conh {
    margin-bottom: 43px;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
}

.sub .vote_biz .content_box .check_box {
    max-width: 1000px;
    width: 100%;
    margin: 40px auto 0;
    padding: 40px 30px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 15px 3px rgba(0, 0, 0, .2);
}

.vote_biz > .content_box > .check_box h3 {
    color: #054A8F;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}

.vote_biz h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 24px;
}
.sub .vote_biz .content_box .check_box ul{
    padding-left: 20px;
}
.sub .vote_biz .content_box .check_box ul li {
    margin-top: 12px;
    padding-left: 30px;
    background: url(/images/icon/ico_check_color.svg) no-repeat 0 center;
}
.sub .vote_biz .content_box .check_box > div{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.sub .vote_biz .content_box .check_box > div ul{
    width: 448px;
    padding: 0;
}

.sub .vote_biz .content_box .check_box ul li:nth-child(1){
    margin-top: 0;
}
.sub .tp-door-cont.vote .tp-door-side{
    margin-top: 40px;
    justify-content: space-between;
    padding-left: 43px;
}
.sub .vote .tp-door-side .tp-side-txt{
    max-width: 640px;
    width: 100%;
    margin-top: 0;
}
.sub .vote.tp-door-cont [class*=tp-side-img]:nth-child(2n){
    margin-right: 0px;
}
.sub .vote.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
    margin-left: 0;
}
.sub .vote_advan .tp-door-title.tp-type02,
.sub .vote_advan .page_Decsub{
    padding: 0;
}
.sub .vote_advan .vote_advan_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 68px;
}
.sub .vote_advan .vote_advan_wrap .box.mobile{
    display: none;
}
.sub .vote_advan .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 20px 38px;
}
.sub .vote_advan .box div {
    max-width: 362px;
    width: 100%;
    min-height: 195px;
    height: auto;
}
.vote_advan .box div h3 {
    margin-bottom: 22px;
    font-weight: 600;
    font-size: 22px;
    color: #054A8F;
}
.sub .vote_advan .box .row.pc img{
    width: 100%;
}
.vote_advan1 {
    padding: 100px 0;
    background: #e6f6f6;
}

.vote_advan1 h2 {
    margin-bottom: 10px;
    color: #59c3c3;
    font-weight: 700;
    font-size: 30px;
}

.vote_advan1 ul.advanlist {
    margin-top: 0;
}

.vote_advan1 ul.advanlist:after {
    content: "";
    display: block;
    clear: both;
}

.vote_advan1 ul.advanlist > li {
    float: left;
    width: 25%;
    height: 533px;
    padding: 0 20px;
    border-left: solid 1px #59c3c3;
}

.vote_advan1 ul.advanlist > li:nth-of-type(1) {
    border-left: none;
}

.vote_advan1 ul.advanlist > li > p {
    margin-bottom: 20px;
}

.main_roll .title_smsser {
    padding-top: 50px;
    text-align: center;
}

.sms_make .content_box .sms_makelist ul li strong {
    display: block;
    font-weight: 700;
}

.car_sms {
    line-height: 32px;
}

.top_banner {
    position: relative;
    background: url(/images/doorway/car_bg2.jpg) no-repeat right bottom #01baef;
}

.top_banner > h1 {
    width: 1180px;
    margin: 0 auto;
    padding: 88px 0 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
    line-height: 60px;
    background: url(/images/doorway/icon_car.png) no-repeat left top;
}

.sub .car_tith1 {
    margin-bottom: 40px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    line-height: 39px;
}

.car_tith1 span {
    display: block;
    margin-top: 30px;
    color: #536170;
    font-weight: 400;
    font-size: 16px;
}

.car_section {
    padding: 80px 0;
}
.sub .car_section.life_car .content_box + .content_box{
    padding-top: 80px;
}
.sub .car_section.life_car .content_box .tp-side-img img.mo{
    display: none;
}
.car_sms .main_roll.car_section {
    padding: 0;
}
.sell_more .car_tith1 {
    text-align: left;
}

.sell_more > .content_box > p {
    margin-top: 25px;
}

.sell_more > .content_box > p:nth-of-type(1) {
    margin-top: 0;
}

.par_engage:after {
    content: "";
    display: block;
    clear: both;
}

.par_engage > div {
    float: left;
    width: 50%
}

.par_engage > div:nth-of-type(1) {
    padding-right: 2%
}

.par_engage > div:nth-of-type(2) {
    padding-left: 2%
}

.food_section .par_engage > div:nth-of-type(1) {
    padding-right: 4%
}

.food_section .par_engage > div:nth-of-type(2) {
    padding-left: 4%
}

.sub .car_sendsms {
    padding: 100px 0;
    background: url('/images/doorway/bg_cardec.png') no-repeat center 66%  #ececf6;
}

.car_sendsms > .content_box > p {
    margin-top: 25px;
    padding: 0 30px;
    text-align: center;
}
.sub .engage_car .par_engage{
    text-align: center;
    background: url('/images/doorway/bg_cardec-2.svg') no-repeat center;
}
.sub .tp-door-cont.car_section [class*=tp-side-img]:nth-child(odd){
    margin-right: 80px;
}
.sub .car_section .subTxt{
    margin-bottom: 40px;
    padding: 0;
    text-align: left;
}
.sub .car_section .tp-door-side.gp{
    gap: 80px;
}
.sub .car_section .tp-side-txt dl + dl{
    margin-top: 40px;
}
.sub .car_section .tp-side-txt dl dt{
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .car_section .tp-side-txt dl dd{
    font-weight: 500;
}

.life_car .content_box {
    text-align: center;
}

.sub .life_car .content_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -10px;
}

.sub .life_car .content_box ul li {

    vertical-align: top;
    width: 290px;
    height: 218px;
    margin: 0 0 10px 12px;
    padding: 22px 28px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 10px 20px 0px rgba(5, 16, 35, 14%);
}
.sub .life_car .content_box ul li:nth-child(1){
    margin-left: 0;
}
.sub .life_car .content_box ul li:nth-child(5),
.sub .life_car .content_box ul li:nth-child(6),
.sub .life_car .content_box ul li:nth-child(7){
    margin-top: 20px;
}
.sub .life_car .content_box ul li span {
    display: block;
    line-height: 1.7;
}

.sub .life_car .content_box ul li strong {
    display: inline-block;
    margin-bottom: 5px;
    color: var(--tit-color);
    font-weight: 600;
    font-size: 22px;
}
.sub .car_section.life_car .content_box .tp-side-img.mo{
        display: none;
    }
.fitness .top_banner {
    background: url(/images/doorway/bg_fitness.png) no-repeat right bottom #01baef;
}

.fitness .top_banner > h1 {
    background: url(/images/doorway/icon_fitness.png) no-repeat left top;
}

.fitness .main_roll.car_section {
    padding: 0;
}

.fitness .sell_more > .content_box {
    padding: 0 410px 0 0;
}

.fitness .sell_more > .content_box:after {
    top: -50px;
    right: -70px;
    height: 517px;
    background: url(/images/doorway/fitness_bg1.png) no-repeat;
}

.fitness .sms_usedfitness > .content_box {
    padding: 0 0 0 460px;
}

.fitness .sms_usedfitness > .content_box .car_tith1 {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
    text-align: left;
    line-height: 43px;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li {
    margin-bottom: 20px;
    padding: 20px 0 0 0;
    border-top: dashed 1px #ebebeb;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li:nth-of-type(1) {
    padding: 0;
    border: none;
}

.fitness .sms_usedfitness > .content_box .used_fitnesslist li strong {
    display: block;
    margin-bottom: 5px;
}

.fitness .car_sendsms {
    background: #ececf6;
}

.fitness .life_car {
    background: #e6f6f6;
}

.fitness .life_car .content_box ul li {
    width: 300px;
    height: 300px;
    margin: 0 0 40px 26px;
}

.fitness .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.fitness .life_car .content_box ul {
    margin-top: 50px;
}

.fitness .par_engage {
    line-height: 32px;
}

.fitness .more_advantage {
    background: 0 0;
}

.emailguide_wrap {
    padding: 0 0 100px 0;
}

.emailguide_wrap .content_box {
    padding: 0 100px 0 100px;
}

.table_roundbox {
    overflow: hidden;
    width: 100%;
    padding-top: 75px;
    border-radius: 5px;
}

.table_tit {
    padding: 13px 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.table_tit.green {
    background: #59c3c3;
}

.table_tit.purple {
    background: #817dc5;
}

.email_table1 {
    width: 100%;
    border: solid 1px #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.email_table1 td {
    vertical-align: top;
    padding: 22px 50px;
    border-bottom: solid 1px #e1e1e1;
    text-align: center;
}

.email_table1 tr:nth-last-of-type(1) td {
    border-bottom: none;
}

.email_table1 td .tableinlist {
    text-align: left;
}

.email_table1 td.leftline {
    border-left: solid 1px #e1e1e1;
}

.email_table1 td .tableinlist > h3 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
}

.email_table1 td .tableinlist > h3 span {
    display: inline-block;
    padding-right: 40px;
    background: url(/images/emailguide/icon_check.png) no-repeat right center;
}

.email_table1 td .tableinlist > h3.not span {
    background: url(/images/emailguide/icon_x.png) no-repeat right center;
}

.email_table1 td .tableinlist .bullet_list li {
    margin-bottom: 10px;
}

.email_table2 {
    width: 100%;
    border: solid 1px #e1e1e1;
    border-radius: 0 0 5px 5px;
}

.email_table2 thead th {
    padding: 10px 0;
    border-bottom: solid 2px #e1e1e1;
    border-left: solid 2px #b7b7b7;
    text-align: center;
    background: #e6e5f3;
}

.email_table2 thead th:nth-of-type(1) {
    border-left: none;
}

.email_table2 tbody td {
    padding: 10px;
    border-bottom: solid 1px #e1e1e1;
    border-left: solid 1px #e1e1e1;
    text-align: center;
}

.email_table2 tbody td.bg_gray {
    background: #ebebeb;
}

.email_table2 tbody td:nth-of-type(1) {
    border-left: none;
    text-align: left;
}

.email_table2 tbody td:nth-of-type(2),
.email_table2 tbody td:nth-of-type(5) {
    border-left: solid 2px #b7b7b7;
}

.email_table2 tbody tr:nth-last-of-type(1) td {
    border-bottom: none;
}

.email_table2 .check {
    display: inline-block;
    vertical-align: center;
    width: 18px;
    height: 18px;
    background: url(/images/emailguide/icon_check.png) no-repeat;
}

.email_table2 .x {
    display: inline-block;
    vertical-align: center;
    width: 13px;
    height: 13px;
    background: url(/images/emailguide/icon_x.png) no-repeat;
}

.food_sms {
    line-height: 32px;
}

.food_section {
    padding: 100px 0;
}

.food_section.top_banner {
    background: url(/images/doorway/bg_food.png) no-repeat right bottom #01baef;
}

.food_section.top_banner > h1 {
    background: url(/images/doorway/icon_food.png) no-repeat left top;
}

.food_section.sell_more > .content_box:after {
    top: 60px;
    height: 497px;
    background: url(/images/doorway/food_phone.png) no-repeat;
}

.food_section.car_sendsms {
    background: #fff;
}

.food_section.engage_car {
    background: #ececf6;
}

.food_section.life_car .content_box ul li {
    width: 305px;
    height: 305px;
}

.food_section.life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.food_section.life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.hr_sms {
    line-height: 32px;
}

.hr_section {
    padding: 80px 0;
}

.main_roll.hr_section {
    padding: 0 80px;
}

.hr_section.top_banner {
    background: url(/images/doorway/bg_hr.png) no-repeat right bottom #01baef;
}

.hr_section.top_banner > h1 {
    background: url(/images/doorway/icon_hr.png) no-repeat left top;
}

.hr_communication {
    background: #e5f8fd;
}

.hr_communication .content_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    right: 0;
    width: 562px;
    height: 615px;
    background: url(/images/doorway/hr_phone.png) no-repeat 30px top;
    background-size: 562px 615px;
}

.hr_communication .content_box > h1 {
    text-align: center;
}

.hr_communication .content_box > div {
    padding: 0 590px 0 0;
}

.hr_communication .content_box > div > h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}

.hr_communication .content_box .bullet_list {
    margin: 30px 0;
}

.hr_communication .content_box .bullet_list li {
    margin-bottom: 0;
}

.hr_communication .content_box .bullet_list li:after {
    top: 12px;
}

.text_recruit .content_box {
    position: relative;
    padding: 0 0 0 500px;
}

.text_recruit .text_recruitdec {
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    padding: 0 100px 0 0;
}

.text_recruit .text_recruitdec > h1 {
    text-align: left;
}

.text_recruit .text_recruitdec > p {
    margin-top: 30px;
}

.text_recruit .text_recruitdec > p:nth-of-type(1) {
    margin-top: 30px;
}

.text_recruit .textre_list p {
    margin-bottom: 25px;
}

.text_recruit .textre_list ul li {
    position: relative;
    margin-top: 35px;
    padding: 0 0 35px 70px;
    border-bottom: dashed 2px #efefef;
}

.text_recruit .textre_list ul li em {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    color: #59c3c3;
    font-weight: 700;
    font-size: 40px;
}

.text_recruit .textre_list ul li:nth-of-type(1) {
    margin-top: 0;
}

.hr_use {
    background: #e6f6f6;
}

.hr_use > .content_box {
    padding: 0 100px;
    background: url(/images/doorway/bg_hr1.png) no-repeat center center;
}

.hr_use > .content_box > p {
    margin-top: 30px;
    text-align: center;
}

.life_car.hr_section {
    background: #ececf6;
}

.life_car.hr_section .content_box ul li {
    width: 310px;
    height: 330px;
    margin-left: 26px !important;
}

.life_car .content_box ul li strong {
    margin-bottom: 20px;
}

.sales_section {
    padding: 100px 0;
}

.sales_section.main_roll {
    margin-bottom: 0;
    padding: 0 0 100px 0;
}

.sales_section.top_banner {
    background: url(/images/doorway/bg_sales.png) no-repeat right bottom #01baef;
}

.sales_section.top_banner > h1 {
    background: url(/images/doorway/icon_sales.png) no-repeat left top;
}

.why_sales {
    background: #e5f8fd;
}

.why_sales .whylist {
    margin: 0 100px;
}

.why_sales .whylist:after {
    content: "";
    display: block;
    clear: both;
}

.why_sales .whylist li {
    position: relative;
    padding: 40px 0 40px 150px;
    border-top: dashed 2px #ccc;
}

.why_sales .whylist li:first-child {
    padding: 0 0 40px 150px;
    border-top: none;
}

.why_sales .whylist li:nth-last-of-type(1) {
    padding: 40px 0 0 150px;
}

.why_sales .whylist li:first-child:after {
    top: 10px;
}

.why_sales .whylist li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50px;
    left: 26px;
    width: 100px;
    height: 100px;
}

.why_sales .whylist li:nth-of-type(1):after {
    background: url(/images/doorway/icon_saleswhy1.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(2):after {
    background: url(/images/doorway/icon_saleswhy2.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(3):after {
    background: url(/images/doorway/icon_saleswhy3.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(4):after {
    background: url(/images/doorway/icon_saleswhy4.png) no-repeat left top;
}

.why_sales .whylist li:nth-of-type(5):after {
    background: url(/images/doorway/icon_saleswhy5.png) no-repeat left top;
}

.why_sales .whylist li strong {
    display: block;
}

.follow_sale .follow_con {
    padding-right: 380px;
}

.follow_sale .content_box:after {
    content: "";
    display: block;
    position: absolute;
    right: 80px;
    bottom: -100px;
    width: 380px;
    height: 390px;
    background: url(/images/doorway/sales_phone.png) no-repeat right bottom;
}

.follow_sale .follow_con .car_tith1 {
    text-align: left;
}

.integrate_sales {
    background: #e6f6f6;
}

.follow_sale .follow_con,
.integrate_sales .integrate_con {
    margin: 0 100px;
}

.integrate_sales .integrate_con > p,
.sales_morecon > div > p {
    margin-top: 30px;
    text-align: center;
}

.integrate_sales .integrate_con > p:first-child,
.sales_morecon > div > p:first-child {
    margin-top: 0;
}

.sales_morecon > div {
    float: left;
    width: 50%;
    padding: 0 40px;
}

.sales_morecon:after {
    content: "";
    display: block;
    clear: both;
}

.sales_smsmessaging {
    background: #ececf6;
}

.sales_smsmessaging:after {
    content: "";
    display: block;
    clear: both;
}

.sales_smsmessaging .car_tith1,
.why_sales .car_tith1 {
    margin-bottom: 60px;
}

.smsmessaging > div {
    float: left;
    width: 50%;
    padding: 0 40px;
}

.medical_section {
    padding: 80px 0;
}

.medical_section.top_banner {
    background: url(/images/doorway/bg_medical.png) no-repeat right bottom #01baef;
}

.medical_section.top_banner > h1 {
    background: url(/images/doorway/icon_medical.png) no-repeat left top;
}

.main_roll.medical_section {
    padding: 0;
}

.medical_can {
    background: #e5f8fd;
}

.medical_can .content_box > div > ul > li {
    position: relative;
    margin-top: 50px;
}

.medical_can .content_box > div > ul > li:nth-of-type(1) {
    margin-top: 0;
}

.medical_can .content_box > div > ul > li strong {
    display: block;
    margin-bottom: 20px;
}

.medical_can .content_box > div > ul > li p {
    margin-top: 20px;
}

.medical_can .content_box > div > ul > li p:first-child {
    margin-top: 0;
}

.medical_can .content_box > div > ul > li:nth-of-type(odd) {
    padding: 0 0 0 340px;
}

.medical_can .content_box > div > ul > li:nth-of-type(even) {
    padding: 0 340px 0 0;
}

.medical_can .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/icon_medical1.png) no-repeat left top;
}

.medical_can .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/icon_medical2.png) no-repeat right top;
}

.medical_can .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/icon_medical3.png) no-repeat left top;
}

.medical_can .content_box > div > ul > li > .bullet_list {
    margin-top: 10px;
}

.medical_can .content_box > div > ul > li > .bullet_list > li {
    margin-bottom: 0;
}

.medical_can .content_box > div > ul > li > .bullet_list > li:after {
    top: 12px;
}

.wh_numbox {
    margin-top: 80px;
}

.wh_numbox > ul > li {
    float: left;
    width: 33.3%;
    padding: 0 28px;
}

.wh_numbox > ul:after {
    content: "";
    display: block;
    clear: both;
}

.wh_numbox > ul > li > div {
    width: 100%;
    height: 393px;
    padding: 23px;
    border-radius: 10px;
    text-align: center;
    background: #fff;
    box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
}

.wh_numbox > ul > li > div > em {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    line-height: 38px;
    background: #01baef;
}

.wh_numbox > ul > li > div > strong {
    display: block;
    margin-bottom: 20px;
}

.medical_compliance {
    background: #ececf6;
}

.medical_compliance .compliance_par {
    padding: 0 100px;
    text-align: center;
}

.medical_compliance .compliance_par > p {
    margin-top: 40px;
    padding: 50px 0 0 0;
    border-top: solid 1px #ccc;
    font-size: 13px;
}

.medical_compliance .compliance_par > p strong {
    display: block;
}

.nonprofit_section {
    padding: 80px 0;
}

.main_roll.nonprofit_section {
    padding: 0;
}

.nonprofit_section.top_banner {
    background: url(/images/doorway/bg_nonprofit.png) no-repeat right bottom #01baef;
}

.nonprofit_section.top_banner > h1 {
    background: url(/images/doorway/icon_nonprofit.png) no-repeat left top;
}

.nonprofit_can {
    background: #e5f8fd;
}

.nonprofit_can .content_box > div {
    position: relative;
    padding: 0 410px 0 0;
}

.nonprofit_can .content_box > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 327px;
    height: 575px;
    background: url(/images/doorway/bg_nonprofitphone.png) no-repeat left top;
}

.nonprofit_can .content_box > div > ul > li {
    padding: 30px 0;
    border-top: dashed 2px #d1d5d6;
}

.nonprofit_can .content_box > div > ul > li:nth-of-type(1) {
    padding: 0 0 30px 0;
    border: none;
}

.nonprofit_conlist .content_box > ul > li {
    position: relative;
    margin-top: 50px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
    margin-top: 0;
}

.nonprofit_conlist .content_box > ul > li > h2 {
    margin-bottom: 25px;
    color: #01baef;
    font-weight: 700;
    font-size: 35px;
}

.nonprofit_conlist .content_box > ul > li > p {
    margin-top: 20px;
}

.nonprofit_conlist .content_box > ul > li > p:nth-of-type(1) {
    margin-top: 0;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(odd) {
    padding-left: 400px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(even) {
    padding-right: 400px;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
    background: url(/images/doorway/bg_nonprofit1.png) no-repeat left top;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(2) {
    background: url(/images/doorway/bg_nonprofit2.png) no-repeat right top;
}

.nonprofit_conlist .content_box > ul > li:nth-of-type(3) {
    background: url(/images/doorway/bg_nonprofit3.png) no-repeat left top;
}

.nonprofit_action {
    background: #ececf6;
}

.nonprofit_action .nonprofit_text p:nth-of-type(1) {
    margin-bottom: 40px;
    padding-left: 280px;
    background: url(/images/doorway/bg_nonprofit4.png) no-repeat left top;
}

.nonprofit_action .nonprofit_text p > em {
    display: block;
    font-weight: 700;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

.nonprofit_action .nonprofit_text p > span {
    display: block;
    text-align: center;
}

.nonprofit_section .wh_numbox > ul > li > div {
    height: 294px;
}

.nonprofit_section .wh_numbox > ul > li {
    padding: 0 28px 52px 28px;
}

.accounting.top_banner {
    background: url(/images/doorway/bg_accounting.png) no-repeat right bottom #01baef;
}

.accounting.top_banner > h1 {
    background: url(/images/doorway/icon_accounting.png) no-repeat left top;
}

.use_accounting {
    background: #e5f8fd;
}

.use_acclist ul:after {
    content: "";
    display: block;
    clear: both;
}

.use_acclist ul li {
    float: left;
    width: calc(50% - 30px);
    padding: 30px 0;
    border-bottom: dashed 1px #d2dbde;
}

.use_acclist ul li:nth-of-type(odd) {
    margin-right: 30px;
}

.use_acclist ul li:nth-of-type(even) {
    margin-left: 30px;
}

.use_acclist ul li:nth-of-type(1),
.use_acclist ul li:nth-of-type(2) {
    border-top: none;
}

.use_acclist ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.accounting_improve .content_box {
    padding: 0 585px 0 90px;
}

.accounting_improve .car_tith1 {
    text-align: left;
    line-height: 42px;
}

.accounting_improve > .content_box:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 562px;
    height: 477px;
    background: url(/images/doorway/accounting_phone.png) no-repeat;
}

.accounting_increase {
    background: #ececf6;
}

.accounting_increase .content_box > p {
    margin-top: 30px;
    padding: 0 110px;
    text-align: center;
}

.accounting_increase .content_box > p:nth-of-type(1) {
    margin-top: 0;
}

.accounting_tighten > .content_box {
    padding: 0 0 0 500px;
}

.accounting_tighten > .content_box .car_tith1 {
    text-align: left;
    line-height: 42px;
}

.accounting_tighten > .content_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 435px;
    height: 356px;
    background: url(/images/doorway/bg_accounting1.png) no-repeat;
}

.accounting_increase.green {
    background: #e6f6f6;
}

.accounting_increase.white {
    background: #fff;
}

.accounting_provide .content_box:after {
    content: "";
    display: block;
    clear: both;
}

.accounting_provide .content_box > div {
    float: left;
    width: calc(50% - 15px);
}

.accounting_provide .content_box > div:nth-of-type(odd) {
    margin-right: 15px;
    padding-left: 90px;
}

.accounting_provide .content_box > div:nth-of-type(even) {
    margin-left: 15px;
    padding-right: 90px;
}

.accounting_keep {
    background: #e5f8fd;
}

.accounting_keep .car_tith1 {
    text-align: left;
}

.accounting_keep > .content_box {
    padding: 0 466px 0 0;
}

.accounting_keep > .content_box p:nth-of-type(2) {
    margin-top: 30px;
}

.accounting_keep > .content_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 402px;
    height: 349px;
    background: url(/images/doorway/bg_accounting2.png) no-repeat;
}

.life_car.accounting {
    background: #ececf6;
}

.life_car.accounting .content_box ul li {
    width: 310px;
    height: 305px;
    padding: 23px 30px;
}

.life_car.accounting .content_box ul li:nth-of-type(4) {
    margin-left: 0;
}

.life_car.accounting .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.life_car.accounting .car_tith1 {
    margin-bottom: 60px;
}

.political {
    line-height: 32px;
}

.political .top_banner {
    background: url(/images/doorway/bg_political.png) no-repeat right bottom #01baef;
}

.political .top_banner > h1 {
    background: url(/images/doorway/icon_political.png) no-repeat left top;
}

.political .car_section.main_roll {
    margin-bottom: 0;
}

.political article + .main_roll.car_section {
    padding-top: 0;
}

.political .sell_more > .content_box {
    padding: 0 410px 0 100px;
}

.political .sell_more > .content_box:after {
    top: 40px;
    width: 286px;
    height: 576px;
    background: url(/images/doorway/political_phone.png) no-repeat;
    background-size: 286px 576px;
}

.political .channel > .content_box > div {
    position: relative;
    margin: 0 100px;
    padding: 0 0 0 327px;
}

.political .channel > .content_box > div:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 240px;
    background: url(/images/doorway/img_political1.png) no-repeat;
}

.political .channel > .content_box > div > p {
    margin-top: 25px;
}

.political .channel > .content_box > div > p:nth-of-type(1) {
    margin-top: 0;
}

.political .car_sendsms {
    background-image: none;
}

.political .life_car .content_box ul li {
    width: 301px;
    height: 308px;
}

.political .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.political .life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.customer .top_banner {
    background: url(/images/doorway/bg_customer.png) no-repeat right bottom #01baef;
}

.customer .top_banner > h1 {
    background: url(/images/doorway/icon_customer.png) no-repeat left top;
}

.customer .car_section.main_roll {
    margin-bottom: 0;
}

.customer .life_car .content_box ul li {
    width: 301px;
    height: 308px;
}

.customer .life_car .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.customer .life_car .content_box ul li:nth-of-type(5) {
    margin: 0 0 40px 26px;
}

.customer_usecase {
    background: #e5f8fd;
}

.customer_usecase ul:after {
    content: "";
    display: block;
    clear: both;
}

.customer_usecase ul li {
    float: left;
    width: calc(50% - 25px);
    height: 190px;
    padding: 40px 0;
    border-bottom: dashed 2px #c9cdce;
}

.customer_usecase ul li strong {
    display: block;
    margin-bottom: 10px;
}

.customer_usecase ul li:nth-of-type(odd) {
    margin-right: 25px;
}

.customer_usecase ul li:nth-of-type(even) {
    margin-left: 25px;
}

.customer_usecase ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.car_tith1 span {
    line-height: 28px;
}

.customer_help .content_box > div > ul > li {
    padding: 70px 0 50px 0;
    border-top: dashed 2px #e1e1e1;
}

.customer_help .content_box > div > ul > li:nth-of-type(1) {
    border-top: none;
}

.customer_help .content_box > div > ul > li:nth-of-type(odd) {
    padding-right: 450px;
}

.customer_help .content_box > div > ul > li:nth-of-type(even) {
    padding-left: 480px;
}

.customer_help .content_box > div > ul > li > strong {
    display: block;
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 24px;
}

.customer_help .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/img_customer1.png) no-repeat right 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/img_customer2.png) no-repeat left 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/img_customer3.png) no-repeat right 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(4) {
    background: url(/images/doorway/img_customer4.png) no-repeat left 50px;
}

.customer_help .content_box > div > ul > li:nth-of-type(5) {
    background: url(/images/doorway/img_customer5.png) no-repeat right 50px;
}

.customer .car_sendsms {
    background: url(/images/doorway/img_customer6.png) no-repeat center center #ececf6;
}

.financial.top_banner > h1 {
    background: url(/images/doorway/icon_financial.png) no-repeat left top;
}

.financial.top_banner {
    background: url(/images/doorway/bg_financial.png) no-repeat right bottom #01baef;
}

.financial.accounting_tighten > .content_box:before {
    background: url(/images/doorway/bg_financial1.png) no-repeat;
}

.financial.accounting_keep > .content_box:before {
    width: 300px;
    height: 315px;
    background: url(/images/doorway/bg_financial2.png) no-repeat;
}

.financial.accounting_keep > .content_box {
    padding: 0 326px 0 0;
}

.financial.accounting_keep {
    background: #e6f6f6;
}

.financial.accounting_increase {
    background: #e5f8fd;
}

.financial_action p {
    margin-top: 20px;
}

.financial_action .action_img {
    position: relative;
    padding: 0 0 0 305px;
}

.financial_action .action_img p {
    margin: 0;
}

.financial_action .action_img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 267px;
    height: 100px;
    background: url(/images/doorway/bg_financial3.png) no-repeat;
}

.life_car.accounting .content_box ul li:nth-of-type(3n+1) {
    margin-left: 0;
}

.property.top_banner {
    background: url(/images/doorway/bg_property.png) no-repeat right bottom #01baef;
}

.property.top_banner > h1 {
    background: url(/images/doorway/icon_property.png) no-repeat left top;
}

.property .use_acclist ul li {
    min-height: 221px;
}

.property.use_accounting {
    padding: 80px 0 0 0;
}

.property.accounting_keep,
.property.life_car.accounting {
    background: #fff;
}

.property.accounting_keep > .content_box:before {
    width: 498px;
    height: 319px;
    background: url(/images/doorway/img_property1.png) no-repeat;
}

.property.accounting_keep > .content_box {
    padding: 0 600px 0 80px;
}

.property.accounting_increase {
    background: #e6f6f6;
}

.property.accounting_increase.purple {
    background: #ececf6;
}

.property.accounting_tighten > .content_box {
    padding: 0 90px 0 590px;
}

.property.accounting_tighten > .content_box:before {
    left: 90px;
    width: 435px;
    height: 306px;
    background: url(/images/doorway/img_property2.png) no-repeat 0 top;
}

.real.top_banner {
    background: url(/images/doorway/bg_real.png) no-repeat right bottom #01baef;
}

.real.top_banner > h1 {
    background: url(/images/doorway/icon_real.png) no-repeat left top;
}

.real.property.accounting_keep > .content_box:before {
    background: url(/images/doorway/img_real1.png) no-repeat left top;
}

.retail.top_banner {
    background: url(/images/doorway/bg_retail.png) no-repeat right bottom #01baef;
}

.retail.top_banner > h1 {
    background: url(/images/doorway/icon_retail.png) no-repeat left top;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(odd) {
    padding: 70px 0 50px 450px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(even) {
    padding: 70px 450px 50px 0;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(1) {
    background: url(/images/doorway/img_retail1.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(2) {
    background: url(/images/doorway/img_retail2.png) no-repeat right 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(3) {
    background: url(/images/doorway/img_retail3.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(4) {
    background: url(/images/doorway/img_retail4.png) no-repeat right 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(5) {
    background: url(/images/doorway/img_retail5.png) no-repeat left 80px;
}

.retail.customer_help .content_box > div > ul > li:nth-of-type(6) {
    background: url(/images/doorway/img_retail6.png) no-repeat right 80px;
}

.staffing.top_banner {
    background: url(/images/doorway/bg_staffing.png) no-repeat right bottom #01baef;
}

.staffing.top_banner > h1 {
    background: url(/images/doorway/icon_staffing.png) no-repeat left top;
}

.staffing_textbox .staffing_img {
    position: relative;
    padding: 0 0 0 502px;
}

.staffing_textbox .staffing_img .car_tith1 {
    font-size: 35px;
    text-align: left;
}

.staffing_textbox .staffing_img:before {
    content: "";
    display: block;
    left: 0;
    width: 435px;
    height: 395px;
    background: url(/images/doorway/img_staffing1.png) no-repeat;
}

.staffing_textbox .staffing_img p {
    margin-top: 30px;
}

.staffing_textbox .staffing_img p:nth-of-type(1) {
    margin-top: 0;
}

.stay_textbox {
    background: #e6f6f6;
}

.stay_textbox .stay_img {
    position: relative;
    padding: 0 335px 0 0;
}

.stay_textbox .stay_img:before {
    content: "";
    display: block;
    right: 0;
    width: 300px;
    height: 315px;
    background: url(/images/doorway/img_staffing2.png) no-repeat;
}

.save_textbox .save_float {
    padding: 0 80px;
}

.save_textbox .save_float:after {
    content: "";
    display: block;
    clear: both;
}

.save_textbox .save_float > div {
    float: left;
    width: calc(50% - 10px);
}

.save_textbox .save_float > div:nth-of-type(1) {
    margin-right: 10px;
}

.save_textbox .save_float > div:nth-of-type(2) {
    margin-left: 10px;
}

.accounting_increase .content_box > p {
    padding: 0 80px;
}

.integrate .integratein {
    padding: 0 444px 0 0;
}

.integrate .integratein:before {
    content: "";
    display: block;
    right: 0;
    width: 435px;
    height: 395px;
    background: url(/images/doorway/img_staffing3.png) no-repeat;
}

.integrate .integratein:before,
.staffing_textbox .staffing_img:before,
.stay_textbox .stay_img:before {
    position: absolute;
    top: 0;
}

.club.top_banner {
    background: url(/images/doorway/bg_club.png) no-repeat right bottom #01baef;
}

.club.top_banner > h1 {
    background: url(/images/doorway/icon_club.png) no-repeat left top;
}

.club.property .use_acclist ul li {
    width: calc(50% - 20px);
    min-height: 84px;
    padding: 20px 0;
    border-top: none;
    border-bottom: dashed 1px #d2dbde;
    font-size: 15px;
}

.club.property .use_acclist ul li:nth-last-of-type(1) {
    border-bottom: none;
}

.club.property .use_acclist ul li:nth-of-type(even) {
    margin-left: 20px;
}

.club.property .use_acclist ul li:nth-of-type(odd) {
    margin-right: 20px;
}

.club.property.use_accounting {
    padding: 80px 0;
}

.club_phone .phone_box {
    position: relative;
    padding: 0 512px 0 0;
}

.club_phone .phone_box .car_tith1 {
    text-align: left;
}

.club_phone .phone_box p {
    margin-top: 30px;
}

.club_phone .phone_box p:nth-of-type(1) {
    margin-top: 0;
}

.club_phone .phone_box:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 527px;
    height: 466px;
    background: url(/images/doorway/img_club1.png) no-repeat;
}

.club_rightimg {
    position: relative;
    padding: 0 334px 0 0;
}

.club_rightimg .car_tith1 {
    text-align: left;
}

.club_rightimg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height: 466px;
    background: url(/images/doorway/img_club2.png) no-repeat;
}

.club_leftimg {
    padding: 0 0 0 435px;
}

.club_leftimg .car_tith1 {
    text-align: left;
}

.club_leftimg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 380px;
    height: 260px;
    background: url(/images/doorway/img_club3.png) no-repeat;
}

.accounting_increase.sky {
    background: #e5f8fd;
}

.club_rightimg.guest {
    position: relative;
    padding: 0 450px 0 0;
}

.club_rightimg.guest:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 380px;
    height: 280px;
    background: url(/images/doorway/img_club4.png) no-repeat;
}

.club_rightimg.guest p {
    margin-top: 20px;
}

.club_rightimg.guest p:nth-of-type(1) {
    margin-top: 0;
}

.higher.top_banner > h1 {
    background: url(/images/doorway/icon_higher.png) no-repeat left top;
}

.higher.top_banner {
    background: url(/images/doorway/bg_higher.png) no-repeat right bottom #01baef;
}

.higher.club_phone .phone_box:before {
    background: url(/images/doorway/higher_phone.png) no-repeat;
}

.higer_con {
    position: relative;
    padding-left: 478px;
}

.higer_con h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 370px;
    text-align: left;
}

.higer_con .num_list > li {
    padding-top: 30px;
    padding-left: 50px;
    border-top: dashed 2px #c2c2c2;
}

.higer_con .num_list > li:nth-of-type(1) {
    border-top: none;
}

.higer_con .num_list > li em {
    top: 37px;
    color: #817dc5;
    font-weight: 700;
    font-size: 30px;
}

.club_rightimg.guest.higher:before {
    background: url(/images/doorway/img_higher1.png) no-repeat;
}

.insurance.top_banner {
    background: url(/images/doorway/bg_insurance.png) no-repeat right bottom #01baef;
}

.insurance.top_banner > h1 {
    background: url(/images/doorway/icon_insurance.png) no-repeat left top;
}

.insurance.club_phone .phone_box:before {
    background: url(/images/doorway/insurance_phone.png) no-repeat;
}

.insurance.club_leftimg:before {
    width: 402px;
    height: 452px;
    background: url(/images/doorway/insurance_img1.png) no-repeat;
}

.insurance.club_leftimg p {
    margin-top: 20px;
}

.insurance.club_leftimg p:nth-of-type(1) {
    margin-top: 0;
}

.club_rightimg.insurance {
    padding: 0 420px 0 0;
}

.club_rightimg.insurance {
    padding: 0 425px 0 0;
}

.club_rightimg.insurance p {
    margin-top: 20px;
}

.club_rightimg.insurance p:nth-of-type(1) {
    margin-top: 0;
}

.club_rightimg.insurance:before {
    width: 382px;
    height: 485px;
    background: url(/images/doorway/insurance_img2.png) no-repeat;
}

.club_leftimg.insurance1:before {
    width: 445px;
    height: 437px;
    background: url(/images/doorway/insurance_img3.png) no-repeat;
}

.club_leftimg.insurance1 {
    padding: 0 0 0 494px;
}

.club_leftimg.insurance1 p {
    margin-top: 20px;
}

.club_leftimg.insurance1 p:nth-of-type(1) {
    margin-top: 0;
}

.insurance.life_car .content_box ul li {
    width: 300px;
    margin: 0 0 40px 30px;
}

.insurance.life_car .content_box ul {
    margin-top: 60px;
}

.insurance.property .use_acclist ul li {
    min-height: 171px;
    padding: 20px 0;
}

.insurance.property.use_accounting {
    padding: 80px 0;
}

.marketing.top_banner {
    background: url(/images/doorway/bg_marketing.png) no-repeat right bottom #01baef;
}

.marketing.top_banner > h1 {
    background: url(/images/doorway/icon_marketing.png) no-repeat left top;
}

.marketing .use_acclist ul li {
    height: 151px;
}

.marketing.use_accounting {
    padding: 80px 0;
}

.marketing.club_phone .phone_box:before {
    top: -50px;
    background: url(/images/doorway/marketing_phone.png) no-repeat;
}

.marketing.club_phone .phone_box {
    padding: 0 550px 0 100px;
}

.marketing .club_rightimg p {
    margin-top: 20px;
}

.marketing .club_rightimg p:nth-of-type(1) {
    margin-top: 0;
}

.marketing .club_rightimg:before {
    width: 288px;
    height: 319px;
    background: url(/images/doorway/marketing_img1.png) no-repeat;
}

.marketing .club_leftimg {
    padding: 0 0 0 363px;
}

.marketing .club_leftimg:before {
    width: 316px;
    height: 231px;
    background: url(/images/doorway/marketing_img2.png) no-repeat;
}

.unions.top_banner {
    background: url(/images/doorway/bg_union.png) no-repeat right bottom #01baef;
}

.unions.top_banner > h1 {
    background: url(/images/doorway/icon_union.png) no-repeat;
}

.unions .use_acclist ul li:nth-last-of-type(1) {
    border-bottom: dashed 1px #d2dbde;
}

.unions.club_phone .phone_box:before {
    background: url(/images/doorway/union_phone.png) no-repeat;
}

.unions.club_phone .phone_box {
    padding: 0 490px 0 0;
}

.unions.club_rightimg {
    padding: 0 511px 0 0;
}

.unions.club_rightimg:before {
    width: 430px;
    height: 320px;
    background: url(/images/doorway/union_img1.png) no-repeat;
}

.unions.club_leftimg:before {
    width: 430px;
    height: 320px;
    background: url(/images/doorway/union_img2.png) no-repeat;
}

.unions.life_car {
    background: #ececf6;
}

.unions.life_car .content_box ul {
    margin-top: 60px;
}

.unions.life_car .content_box ul li {
    width: 308px;
}

.unions.life_car .content_box ul li:nth-of-type(1),
.unions.life_car .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.unions.life_car .content_box ul li:nth-of-type(1),
.unions.life_car .content_box ul li:nth-of-type(2),
.unions.life_car .content_box ul li:nth-of-type(3) {
    height: 370px;
}

.utilities.life_car {
    background: #ececf6;
}

.utilities.life_car .content_box ul li {
    width: 308px;
}

.utilities.life_car .content_box ul li:nth-of-type(1),
.utilities.life_car .content_box ul li:nth-of-type(5) {
    margin-left: 26px;
}

.utilities.top_banner {
    background: url(/images/doorway/bg_utilities.png) no-repeat right bottom #01baef;
}

.utilities.top_banner > h1 {
    background: url(/images/doorway/icon_union.png) no-repeat;
}

.utilities.club_phone .phone_box:before {
    background: url(/images/doorway/utilities_phone.png) no-repeat;
}

.utilities.club_rightimg:before {
    background: url(/images/doorway/utilities_img1.png) no-repeat;
}

.utilities.club_leftimg:before {
    background: url(/images/doorway/utilities_img2.png) no-repeat;
}

.utilities.club_phone .phone_box {
    padding: 0 454px 0 0;
}

.utilities.club_rightimg:before {
    width: 382px;
    height: 266px;
}

.utilities.club_rightimg {
    padding: 0 430px 0 0;
}

.utilities.club_leftimg {
    padding: 0 0 0 375px;
}

.Policy_pargrph .description_update {
    margin: 35px 0 25px;
    padding-left: 40px;
    color: #000;
    font-weight: 500;
    line-height: 30px;
}

.main_roll {
    margin-bottom: 116px;
    padding: 0;
}

.main_roll .content_box > p {
    padding-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
}

.main_roll .btn_box {
    margin-top: 57px;
    text-align: center;
}

.main_roll .btn_box .btn {
    margin-left: 10px;
}

.main_roll .content_box .tp-add-video-link {
    position: relative;
    padding-right: 500px;
    font-size: 16px;
    text-align: left;
    line-height: 30px;
}

.main_roll .content_box .tp-add-video-link a {
    display: block;
    position: absolute;
    top: 40px;
    right: 0;
}

.main_roll .content_box .tp-add-video-link a img {
    display: block;
    width: 100%;
    border-radius: 5px;
}

.main_roll .content_box .tp-add-video-link + .btn_box {
    margin-top: 20px;
    text-align: left;
}

.main_roll .content_box .tp-add-video-link + .btn_box .btn:nth-child(1) {
    margin-left: 0;
}

.motion_box {
    position: relative;
}

.motion_box:after {
    content: "";
    display: block;
    clear: both;
}

.motion_box .btn_box .btn:after {
    bottom: 0;
    transform-origin: 50% 50%
}

.motion_box .btn_box .btn {
    transition: all .3s cubic-bezier(.54, .38, .89, .41);
    transform-origin: 50% 50%;
    opacity: 0;
}

.motion_box.ani .btn_box .btn:after {
    bottom: -6px;
}

.motion_box.ani .btn_box .btn {
    top: 0;
    opacity: 1;
}

.tp-btn-box {
    margin: 60px 0 40px;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tp-btn-box .tp-btn {
    margin: 0 10px;
}
.affiliate_wrap .tp-btn-box{
    margin-bottom: 0;
}
.left_con .tp-btn-box {
    margin: 0;
    text-align: left;
}

.left_con .tp-btn {
    margin: 0 10px 0 0;
}

.page_info_text .tp-btn-box {
    margin: 40px 0 0;
}

.btn:hover:after {
    bottom: 0 !important;
    transition: .3s !important;
}

.btn:hover {
    transition: .3s !important;
}

.covid_header_mobile {
    display: none;
}

.contact_header_mobile {
    display: none;
}

.tp-btn {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    min-width: 210px;
    height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border-width: 3px;
    border-style: solid;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 44px;
    transition: background .3s, color .3s;
}

.tp-btn.size-type01 {
    height: 45px;
    font-size: 15px;
    line-height: 41px;
    border-width: 2px;
}

.tp-btn.size-type02 {
    height: 84px;
    line-height: 32px;
    padding: 0 62px;
    font-size: 24px;
    border-width: 2px;
    font-weight: 700;
}

a.tp-btn.size-type02 {
    padding: 7px 62px;
    line-height: 33px;
}

.tp-btn.add-icon span {
    position: relative;
    padding-left: 28px;
}

.tp-btn.add-icon.icon-triangle span:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 8px 0 8px 14px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.tp-btn.color-type01 {
    border-color: #59c3c3;
    color: #fff;
    background-color: #59c3c3;
}

.tp-btn.color-type01:focus,
.tp-btn.color-type01:hover {
    color: #59c3c3;
    background-color: #fff;
}

.tp-btn.color-type01.add-icon.icon-triangle:hover span:before {
    border-color: transparent transparent transparent #59c3c3;
}

.tp-btn.color-type02 {
    border-color: #817dc5;
    color: #fff;
    background-color: #817dc5;
}

.tp-btn.color-type02:focus,
.tp-btn.color-type02:hover {
    color: #817dc5;
    background-color: #fff;
}

.tp-btn.color-type02.add-icon.icon-triangle:hover span:before {
    border-color: transparent transparent transparent #817dc5;
}

.tp-btn.color-type03 {
    border-color: #ea657b;
    color: #fff;
    background-color: #ea657b;
}

.tp-btn.color-type03:focus,
.tp-btn.color-type03:hover {
    color: #ea657b;
    background-color: #fff;
}

.tp-btn.color-type04 {
    border-color: #01baef;
    color: #fff;
    background-color: #01baef;
}

.tp-btn.color-type04:focus,
.tp-btn.color-type04:hover {
    color: #01baef;
    background-color: #fff;
}

.tp-btn.color-type05 {
    border-color: #223849;
    color: #fff;
    background-color: #223849;
}

.tp-btn.color-type05:focus,
.tp-btn.color-type05:hover {
    color: #223849;
    background-color: #fff;
}

.tp-btn.color-type06 {
    border-color: #01baef;
    color: #01baef;
    background-color: #fff;
}

.tp-btn.color-type06:focus,
.tp-btn.color-type06:hover {
    color: #fff;
    background-color: #01baef;
}

.tp-btn.color-type07 {
    border-color: #ff7474;
    color: #fff;
    background-color: #ff7474;
}

.tp-btn.color-type07:focus,
.tp-btn.color-type07:hover {
    color: #ff7474;
    background-color: #fff;
}

.tp-btn.color-type08 {
    border-color: #46dbc9;
    color: #fff;
    background-color: #46dbc9;
}

.tp-btn.color-type08:focus,
.tp-btn.color-type08:hover {
    color: #46dbc9;
    background-color: #fff;
}

.btn_center {
    width: 100%;
    margin-top: 50px;
    text-align: center;
}

.btn_center .btn_sign {
    width: 200px;
    height: 53px;
    padding: 14px 40px;
    border: 3px solid #3eb6ec;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background-color: #3eb6ec;
}

.btn_center .btn_sign:hover {
    border: 3px solid #3eb6ec;
    color: #3eb6ec;
    background-color: transparent;
}

.tp-align-center {
    text-align: center;
}
.tp-box-wrap {
    padding: 72px 0 100px;
}

.tp-box-inner {
    position: relative;
    width: 1180px;
    margin: 0 auto;
}

.tp-box-wrap .tp-tit-category {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 46px;
}

.tp-box-wrap .tp-desc-category {
    text-align: center;
    line-height: 30px;
}

.tp-box-list:after {
    content: "";
    display: block;
    clear: both;
}

.tp-box-list li {
    float: left;
    width: 370px;
    min-height: 360px;
    margin-top: 35px;
    padding: 30px 27px 0;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 5px 10px #00000026;
}

.tp-box-list li:nth-child(3n-1) {
    margin-right: 35px;
    margin-left: 35px;
}

.tp-box-list .tp-tit-item a {
    display: inline-block;
    color: #01baef;
    font-weight: 700;
    font-size: 18px;
    line-height: 35px;
    transition: opacity .3s;
}

.tp-box-list .tp-tit-item a:focus,
.tp-box-list .tp-tit-item a:hover {
    opacity: .6;
}

.tp-box-list .tp-tit-item img {
    display: block;
    margin: 0 auto;
}

.tp-box-list .tp-desc-item {
    color: grey;
    font-size: 14px;
    line-height: 24px;
}

.tp-box-wrap:nth-child(even) {
    background-color: #fafafa;
}

.tp-box-wrap.type02 .tp-box-list li {
    min-height: 385px;
}

.tp-box-wrap.type02 .tp-box-list .tp-tit-item a {
    color: #59c3c3;
}

.tp-box-wrap.type03 .tp-box-list .tp-tit-item a {
    color: #817dc5;
}

.tp-box-wrap.type04 .tp-box-list .tp-tit-item a {
    color: #ea657b;
}

.use_accounting.car_section.property .tp-box-list.type02 {
    padding-bottom: 80px;
}

.tp-box-list.type02 li {
    width: 374px;
    min-height: 330px;
    margin-top: 29px;
    border: 2px solid #ebebeb;
    border-radius: 10px;
    box-shadow: none;
}

.tp-box-list.type02 li:nth-child(3n-1) {
    margin-right: 29px;
    margin-left: 29px;
}

.tp-box-list.type02 .tp-desc-item {
    color: #3c4147;
    font-size: 16px;
    line-height: 30px;
}

.tp-box-list.type02 .tp-tit-item span {
    display: inline-block;
    color: #3c4147;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

.tp-box-wrap + .btn_area {
    margin-top: 0;
    padding: 57px 0 52px;
    border-top: 0;
}

.tp-circle-wrap {
    padding-bottom: 80px;
}

.tp-circle-wrap .tp-circle-cycle:after {
    content: "";
    display: block;
    clear: both;
}

.tp-circle-wrap .tp-circle-cycle li {
    float: left;
    width: 33.3%;
    text-align: center;
}

.tp-circle-wrap .tp-circle-cycle li > div {
    padding: 0 25px;
}

.tp-circle-wrap .tp-circle-cycle .dp3,
.tp-circle-wrap .tp-circle-cycle h2 {
    color: #817dc5;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}

.tp-circle-wrap .tp-circle-cycle li:first-child h2 {
    color: #59c3c3;
}

.tp-circle-wrap .tp-circle-cycle li:last-child h2 {
    color: #ea657b;
}

.tp-circle-wrap .tp-circle-cycle .dp3 img,
.tp-circle-wrap .tp-circle-cycle h2 img {
    display: block;
    margin: 0 auto 40px;
}

.tp-circle-wrap .tp-circle-cycle p {
    margin-top: 15px;
    color: #3c4147;
    line-height: 30px;
}

.lnb #automation .tp-core-features-item,
.lnb #enterprise .tp-core-features-item,
.lnb #omni .tp-core-features-item {
    background: #01baef;
}

.lnb #core .tp-automation-item,
.lnb #enterprise .tp-automation-item,
.lnb #omni .tp-automation-item {
    background: #59c3c3;
}

.lnb #automation .tp-omni-channel-item,
.lnb #core .tp-omni-channel-item,
.lnb #enterprise .tp-omni-channel-item {
    background: #817dc5;
}

.lnb #automation .tp-enterprise-item,
.lnb #core .tp-enterprise-item,
.lnb #omni .tp-enterprise-item {
    background: #ea657b;
}

.lnb #automation [class*=tp-],
.lnb #core [class*=tp-],
.lnb #enterprise [class*=tp-],
.lnb #omni [class*=tp-] {
    margin-top: 3px;
    padding: 0;
}

.lnb #automation [class*=tp-] a,
.lnb #core [class*=tp-] a,
.lnb #enterprise [class*=tp-] a,
.lnb #omni [class*=tp-] a {
    display: block;
    padding: 11px 0 12px 30px;
    color: #fff;
    transition: opacity .3s;
    opacity: 1;
}

.lnb #automation [class*=tp-] a:focus,
.lnb #automation [class*=tp-] a:hover,
.lnb #core [class*=tp-] a:focus,
.lnb #core [class*=tp-] a:hover,
.lnb #enterprise [class*=tp-] a:focus,
.lnb #enterprise [class*=tp-] a:hover,
.lnb #omni [class*=tp-] a:focus,
.lnb #omni [class*=tp-] a:hover {
    opacity: .6;
}

.page-tit-depth2 span em {
    display: block;
    font-size: 30px;
    font-style: italic;
}

.right-form-group {
    position: absolute;
    top: 60px;
    right: 0;
}

.tp-right-link {
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.tp-right-link p {
    letter-spacing: -.04em;
}

.tp-right-link a {
    color: #01baef;
}

.sub .automated-level {
    padding: 60px 0 100px;
    text-align: center;
}

.sub .automated-level h2 {
    color: var(--tit-color);
}

.sub .automated-level h2 + p {
    margin-top: 20px;
    font-size: 16px;
    color: #536170;
}

.sub .automated-level .circle-list {
    overflow: hidden;
    margin: 80px 0 0;
    border-bottom: 0;
}

.sub .automated-level .circle-list > li {
    position: relative;
    float: left;
    width: 33.3333%;
    margin-top: 2%;
    padding: 22px 30px 0px;
}
.sub .automated-level .circle-list h3 {
    margin-top: 22px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}

.automated-level .circle-list  p {
    margin-top: 20px;
    line-height: 30px;
}

.sub .automated-level .square-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    position: relative;
    padding: 0 124px 20px;
    margin-bottom: -20px;
    margin-top: -32px;
}

.sub .automated-level .square-list > li {
    margin: 32px 15px 0;
    text-align: center;
}

.sub .automated-level .square-list > li > a {
    display: block;
    position: relative;
    width: 180px;
    height: 180px;
    padding-top: 103px;
    line-height: 20px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 8px 14px 1px rgb(5 16 35 / 14%);
    color: #75818D;
    font-weight: 500;
}

.sub .automated-level .square-list > li > a:before {
    content: "";
    position: absolute;
    top: 34px;
    left: 50%;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    transform: translateX(-50%);
}

.sub .automated-level .square-list .item01 > a:before {
    background-image: url('/images/icon/icoSub06.svg');
}

.sub .automated-level .square-list .item02 > a:before {
    background-image: url('/images/icon/icoSub50.svg');
}

.sub .automated-level .square-list .item03 > a:before {
    background-image: url('/images/icon/icoSub74.svg');
}

.sub .automated-level .square-list .item04 > a:before {
    background-image: url('/images/icon/icoSub81.svg');
}

.sub .automated-level .square-list .item05 > a:before {
    background-image: url('/images/icon/icoSub82.svg');
}

.sub .automated-level .square-list .item06 > a:before {
    background-image: url('/images/icon/icoSub83.svg');
}

.sub .automated-level .square-list .item07 > a:before {
    background-image: url('/images/icon/icoSub84.svg');
}

.sub .automated-level .square-list .item08 > a:before {
    background-image: url('/images/icon/icoSub85.svg');
}
.sub .bm-container{
    margin: 40px 0;
    padding: 0px 124px;
}
.sub .list-wb{
    display: flex;
    flex-wrap: nowrap;
    column-gap: 10%;
}
.sub .list-wb .box{
    flex: 1;
}
.sub .list-wb .box .wrap{
    height: auto;
    min-height: 317px;
    margin-bottom: 40px;
}
.sub .pd-270 .list-wb .box .wrap{
    min-height: 236px;
}
.sub .list-wb .box .wrap:last-child{
    margin-bottom: -25px;
}
.sub .list-wb .box .wrap .title{
    margin-bottom: 16px;
    padding-top: 70px;
    color: var(--tit-color);
    font-size: 22px;
    background-size: 50px;
    background-repeat: no-repeat;
}
.sub .list-wb .box .wrap .title.ico1{
    background-image: url('/images/icon/icoSub86.svg');
}
.sub .list-wb .box .wrap .title.ico2{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .list-wb .box .wrap .title.ico3{
    background-image: url('/images/icon/icoSub02.svg');
}
.sub .list-wb .box .wrap .title.ico4{
    background-image: url('/images/icon/icoSub05.svg');
}
.sub .list-wb .box .wrap .title.ico5{
    background-image: url('/images/icon/icoSub82.svg');
}
.sub .list-wb .box .wrap .title.ico6{
    background-image: url('/images/icon/icoSub75.svg');
}
.sub .list-wb .box .wrap .title.ico7{
    background-image: url('/images/icon/icoSub07.svg');
}
.sub .list-wb .box .wrap .title.ico8{
    background-image: url('/images/icon/icoSub06.svg');
}
.sub .img-wb{
    margin-top: -270px;
    padding: 50px 50px 50px 90px;
    background: linear-gradient(360deg, #033C7E, #0756A4);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(41 73 99 /40%);
}
.sub .img-wb .jumbotron{
    gap: 24px;
}
.sub .img-wb .text-group{
    color: #fff;
}
.sub .img-wb .text-group .tp-door-title{
    margin-top: 47px;
    margin-bottom: 12px;
    color: #fff;
}
.sub .img-wb .text-group .desc{
    font-size: 16px;
}
.sub .img-wb .text-group .desc .txtwrap{
    display: block;
    margin-top: 10px;
}
.sub .pd-270{
    padding-bottom: 270px !important;
}
.sub .tab-type01{
    margin-top: 40px;
    border: 0;
    border-radius: 0px;
    background: #fff;
}
.sub .tab-type01 .tab-menu {
    display: flex;
    border-bottom: 0;
}
.sub .tab-type01 .tab-menu li {
    width: 177px;
    height: 48px;
    padding: 0;
    background-color: #EBEDF0;
    border-radius: 20px 20px 0 0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: -1;
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}
.sub .tab-type01 .tab-menu li a{
    padding: 9px 0px 9px 36px;
    display: block;
    font-size: 16px;
    color: #536170;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 36px center;
    font-weight: 400;
}
.sub .tab-type01 .tab-menu li.active a{
    color: #054A8F;
    opacity: 1;

}
.sub .tab-type01 .tab-menu .active:after {
    content: "";
    position: static;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: none;
}
.sub .tab-type01 .tab-menu li:nth-child(1) a{
    background-image: url('/images/icon/icoTab1_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(1) a{
    background-image: url('/images/icon/icoTab1_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(2) a{
    background-image: url('/images/icon/icoTab2_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(2) a{
    background-image: url('/images/icon/icoTab2_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(3) a{
    background-image: url('/images/icon/icoTab3_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(3) a{
    background-image: url('/images/icon/icoTab3_on.svg');
}
.sub .tab-type01 .tab-menu li:nth-child(4) a{
    background-image: url('/images/icon/icoTab4_off.svg');
}
.sub .tab-type01 .tab-menu li.active:nth-child(4) a{
    background-image: url('/images/icon/icoTab4_on.svg');
}
.sub .tab-type01 .tab-menu li + li {
    margin-left: -15px;
}
.sub .tab-type01 .tab-menu li.active {
    display: block;
    background-color: #fff;
    z-index: 4 !important;
}
.sub .tab-type01 .tab-menu li:nth-child(1) {
    z-index: 3;
    box-shadow: 2px -3px 11px 0px rgba(41 73 99 / 10%);
}
.sub .tab-type01 .tab-menu li.active:nth-child(1) {
    z-index: 3;
}
.sub .tab-type01 .tab-menu li:nth-child(2) {
    z-index: 2;
    box-shadow: 11px -4px 11px 0px rgba(41 73 99 / 10%);
}
.sub .tab-type01 .tab-menu li.active:nth-child(2) {
    z-index: 2;
}
.sub .tab-type01 .tab-menu li:nth-child(3) {
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
    z-index: 1;
}
.sub .tab-type01 .tab-menu li.active:nth-child(3) {
    z-index: 1;
}
.sub .tab-type01 .tab-menu li:nth-child(4) {
    z-index: 0;
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
}

.sub .tab-type01 .tab-menu li.active:nth-child(4) {
    box-shadow: 9px -1px 7px 0px rgba(41 73 99 / 10%);
    z-index: 1;
}
.sub .page_Decsub .tp-btn-box a + a{
    margin-left: 10px;
}
.sub .tab-type01 .tab-cont {
    width: 100%;
    height: 272px;
    padding: 50px 121px 50px 50px;
    border-radius: 0 20px 20px 20px;
    text-align: center;
    box-shadow: 0px 20px 20px 6px rgb(41 73 99 / 18%);
    -webkit-transition: all 100ms ease;
    transition: all 100ms ease;
}
.sub .tab-type01 .tab-cont li{
    padding: 0;
}
.sub .tab-type01 .tab-cont li.active {
    display: block;
}
.sub .tab-type01 .tab-cont li .jumbotron{
    align-items: flex-start;
    justify-content: space-between;
    gap: 7%;
}
.sub .tab-type01 .tab-cont li .text-group {
    max-width: 100%;
}
.sub .tab-type01 .tab-cont li .text-group .desc{
    text-align: left;
    font-size: 16px;
}
.sub .tab-type01 .tab-cont li .text-group .desc .tit{
    display: inline-block;
    margin-bottom: 7px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub .tp-door-title.mg{
    margin-bottom: 40px;
}
.sub .tp-door-title.mg + p{
        text-align: left;
    }
.sub .practices_wrap .tab-type01{

}
.sub .practices_wrap .tab-type01 .tab-menu li{
    width: 208px;
}
.sub .practices_wrap .tab-type01 .tab-menu li a{
    padding: 11px 36px 11px 72px;
    font-weight: 500;
    opacity: 1;
    color: #909090;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active a{
    color: var(--tit-color);
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(1) a{
    background-image: url(/images/icon/icoTab7_off.svg);
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(1) a{
    background-image: url(/images/icon/icoTab7_on.svg);
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(2) a{
    background-image: url(/images/icon/icoTab5_off.svg);
    background-position:  72px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(2) a{
    background-image: url(/images/icon/icoTab5_on.svg);
    background-position:  72px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li:nth-child(3) a{
    background-image: url(/images/icon/icoTab6_off.svg);
    background-position:  65px center;
}
.sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(3) a{
    background-image: url(/images/icon/icoTab6_on.svg);
    background-position:  65px center;
}
.sub .practices_wrap .tab-type01 .tab-cont{
    height: auto;
    padding: 60px 75px;
    text-align: left;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li{
    padding-bottom: 44px;
    padding-right: 52px;
    border-bottom: 1px dashed #C2C2C2;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li:last-child{
    padding-bottom: 0;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li + li{
    margin-top: 44px;
}
.sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li div{
    display: flex;
    align-items: flex-start;

}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li:last-child{
    border: 0;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li em{
    width: 52px;
    margin-top: -9px;
    font-size: 28px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li span{
    flex: 1;
    font-weight: 400;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list{
    margin-top: 10px;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li{
    margin-bottom: 10px;
    padding-left: 72px;
}
.sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li:after{
    top: 12px;
    left: 60px;
    background: #536170;
}
.sub .practices_wrap .best_bottext{
    margin-top: 80px;
    margin-bottom: 100px;
    padding: 50px;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #0756A4, #033C7E);
    color: #fff;
}
.sub .practices_wrap .best_bottext h3 {
    position: relative;
    font-weight: 600;
    font-size: 22px;

}
.sub .practices_wrap .best_bottext h3::after{
    width: calc(100% - 139px);
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    border-bottom: 1px solid #fff;
    content: '';
}
.sub .practices_wrap .best_bottext p{
    font-weight: 400;
}
.sub .practices_wrap .best_bottext p a{
    color: #fff;
}
.sub .flxBox{
    margin-top: 40px;
}
.sub .flxBox .text-group{
    display: flex;
    align-items: center;
}
.sub .flxBox .text-group .mo{
    display: none;
}
.sub .flxBox .list-type02{
    justify-content: normal;
    margin-bottom: -10px;
}
.sub .flxBox .list-type02 > li{
    width: 395px;
}
.sub .flxBox .list-type02 > li .title{
    color: var(--tit-color);
    font-size: 22px;
    font-weight: 600;
}
.sub .flxBox .list-type02 > li > ul > li{
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 16px;
    letter-spacing: -.02em;
}
.sub .list-type02 ul > li:before{
    background: #536170;
}
@keyframes text {
    0% {
        color: #286282;
        opacity: 0;
    }

    30% {
        margin-bottom: -60px;
        letter-spacing: 10px;
    }

    85% {
        margin-bottom: -60px;
        letter-spacing: 8px;
        opacity: 1;
    }
}

@keyframes emani {
    0% {
        height: auto;
        opacity: 0;
    }

    50% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani1 {
    0% {
        height: auto;
        opacity: 0;
    }

    80% {
        height: auto;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani2 {
    0% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes emani3 {
    0% {
        height: auto;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes text {
    0% {
        color: #286282;
        opacity: 0;
    }

    30% {
        margin-bottom: -60px;
        letter-spacing: 10px;
    }

    85% {
        margin-bottom: -60px;
        letter-spacing: 8px;
        opacity: 1;
    }
}

@keyframes emani {
    0% {
        height: auto;
        opacity: 0;
    }

    50% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani1 {
    0% {
        height: auto;
        opacity: 0;
    }

    80% {
        height: auto;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes emani2 {
    0% {
        height: auto;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes emani3 {
    0% {
        height: auto;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/*======= 푸터 =======================================================================*/
footer {
    position: relative;
    z-index: 3;
    width: 100%;
    color: #3c4147;
    font-weight: 400;
    font-size: 14px;
}

footer .inner {
    position: relative;
}

footer a {
    color: #3c4147;
    font-size: 14px;
}

.bot_banner {
    position: relative;
    z-index: 5;
}

.bot_sitemap {
    padding: 60px 0 40px;
    background: #ebebeb;
}

.bot_sitemap:after {
    content: "";
    display: block;
    clear: both;
}

.bot_sitemap .menu_box {
    float: left;
    width: 160px;
    margin-left: 60px;
}

.bot_sitemap .menu_box:first-child {
    width: 420px;
    margin-left: 0;
}

.bot_sitemap .menu_box:first-child ul {
    float: left;
    width: 202px;
}

.bot_sitemap .menu_box:first-child ul:first-child {
    margin-right: 17px;
}

.bot_sitemap .menu_box > strong {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #808080;
    color: #3c4147;
    font-weight: 700;
    font-size: 14px;
    font-weight: 700;
}

.bot_sitemap .menu_box > ul li {
    margin-top: 15px;
    font-size: 14px;
    letter-spacing: -.5px;
}
.bot_sitemap .menu_box > ul li a:hover{
    text-decoration: underline;
}
.bot_sitemap .menu_box > ul li:first-child {
    margin-top: 0;
}
.sns_box {
    margin-top: 0;
    text-align: right;
}

.sns_box:after {
    content: "";
    display: block;
    clear: both;
}

.sns_box a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 6px;
    background: url('/images/ico_sns.svg') no-repeat;
}

.sns_box a.link {
    background-position: 0 0;
}

.sns_box a.google {
    background-position: -30px 0;
}

.sns_box a.face {
    background-position: -30px 0;
}

.sns_box a.blog {
    background-position: -60px 0;
}

.sns_box a.twit {
    background-position: -90px 0;
}

.sns_box a.yotube {
    background-position: -120px 0;
}

.bot_menu {
    padding: 28px 0 34px 0;
    background: #fff;
}

.bot_menu .inner:after {
    content: "";
    display: block;
    clear: both;
}

.sela_logo {
    position: absolute;
    top: 9px;
    left: 10px;
}
.sela_logo img + a{
    margin-left: 28px;
}
.bot_copy {
    float: right;
    margin-top: 10px;
    color: #b6b9be;
    font-weight: 400;
    font-size: 12px;
}

.bot_copy ul:after {
    content: "";
    display: block;
    clear: both;
}

.bot_copy ul li {
    float: left;
    position: relative;
    padding: 0 15px 0 18px;
}

.bot_copy ul li:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 2px;
    height: 8px;
    background: #b6b9be;
}

.bot_copy ul li a {
    color: #3c4147;
    font-weight: 400;
    font-size: 13px;
}

.bot_copy ul li a:hover {
    color: #0099ff;
}

.bot_copy ul li:nth-of-type(1) {
    padding: 0 15px 0 0;
}

.bot_copy ul li:nth-of-type(1):after {
    display: none;
}

.bot_copy ul li:nth-last-of-type(1) {
    padding: 0 0 0 18px;
}

.bot_copy p {
    position: relative;
    margin-top: 5px;
    color: #3c4147;
    font-size: 11px;
    text-align: right;
}

.hour_tool {
    display: none;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 295px/*293px;*/;
    height: 65px;
    padding: 13px 20px;
    text-align: left;
    background: #fff;
    box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .2);
}

.hour_tool:after {
    content: "";
    display: block;
    position: absolute;
    top: -12px;
    left: 107px;
    width: 24px;
    height: 12px;
    background: url(/images/common/hover_img.png) no-repeat;
}

.hour_tool span {
    display: block;
}

.time .hour_tool:after {
    left: 20px;
}

/* spacing */
.section-title-type01 + .section-sub-title-type01 {
    margin-top: 30px;
}

.section-title-type01 + .jumbotron {
    margin-top: 80px;
}

.section-sub-title-type01 + .tab-type01 {
    margin-top: 40px;
}

.section-sub-title-type01 + .jumbotron {
    margin-top: 80px;
}

.section-title-type02 + .text.medium {
    margin-top: 30px;
}

.section-title-type01 + .list-type03 {
    margin-top: 80px;
}

.list-type03 + .jumbotron-type03 {
    margin-top: 80px;
}
.sub.tp-door-container{
    margin-top: 120px;
}
.sub.solution .tp-door-title{
    padding: 0 200px;
    text-align: center;
}
.sub.solution .tp-door-title.tp-type03{
    text-align: left;
}
.sub.solution .tp-door-title.tp-type04{
    padding: 0;
    text-align: left;
}
.sub.solution .tp-door-cont.dot .tp-door-side .tp-door-title{
    text-align: left;
}
.sub.solution .tp-door-cont .tp-door-side + .tp-door-side{
    margin-top: 40px;
    padding-top: 40px;
    gap: 6%;
    border-top: 1px dashed #C2C2C2;

}
.sub.solution .tp-door-cont .tp-door-side .tp-door-title{
    padding: 0;
}
.sub.solution .tp-door-card{
    margin-top: 0;
    padding: 0 63px;
}
.sub.solution .tp-door-card>ul{
    width: 522px;
}
.sub.solution .tp-door-card>ul>li {
    margin-top: 40px;
}
.sub.solution .tp-door-card>ul>li + li {
    margin-top: 40px;
}
.sub.solution .tp-door-card>ul>li:nth-child(1){
    margin-top: 0;
}
.sub .tp-door-cont{
    padding: 0 0 80px;
}
.sub .tp-door-cont.tp-bg-type02{
    padding: 80px 0;
}
.sub .tp-door-cont.tp-bg-type02 + .tp-door-cont{
    margin-top: 80px;
}
.sub .tp-door-cont .tp-door-side{
    padding: 0;
}
.sub.solution .tp-door-list-type01 .tp-door-title+.tp-door-desc{
    margin-top: 16px;
}
.sub.solution .tp-door-list-card.type06>li .tp-door-desc,
.sub.solution .tp-door-title+.tp-door-desc{
    margin-top: 16px;
}
.tp-door-cont .tp-side-img.iframe-type.cont iframe {
    margin: 20px auto 0;
}
.sub.forbes{
    margin-top: 0px;
}

.forbes_wrap{
    max-width: 1432px;
    margin: 0px auto 80px;
    padding: 0 16px;
    text-align: center;
    overflow: hidden;
}
.forbes_wrap .tp-door-title.tp-type02{
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 600;
}
.sub .fbtxt{
    width: 100%;
    text-align: center;
}
.sub .fbtxt .page_Decsub{
    margin-top: 28px;
}
.forbes_wrap .txt img{
    margin-bottom: 28px;
    text-align: center;
}
.forbes_wrap .cont{
    margin-bottom: 50px;
    padding: 80px 43px;
    background-color: #FCFCFC;
    border: 1px solid #E6E6E6;
    overflow-x: auto;
}
.forbes_wrap .cont .imgWrap + .imgWrap{

    margin-top: 50px;
}
.forbes_wrap .cont .imgWrap + .imgWrap  img{
    width: 100%;
}
.forbes_wrap .copy{
    font-style: italic;
    font-size: 16px;
}
.forbes_wrap .camp,
.forbes_wrap .moImg{
    display: none;
}
.sub.solution .tp-door-card li .tp-door-title.tp-type03{
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    text-align: center;
}
.sub.solution .tp-door-title-sub{
    padding: 0 70px;
}
.sub.solution .tp-door-title-sub.mb4{
    margin-bottom: 40px;
}
.sub.solution .tp-side-txt.pageDes .tp-door-desc{
    padding: 0 30px;
    text-align: center;
}
.sub.solution .tp-door-list-type01>li .item{
    width: 47%;
}
.sub.solution .tp-door-title.add-icon {
    position: relative;
    padding-top: 66px;
    padding-left: 0;
    padding-right: 0;
    color: var(--tit-color);
    text-align: left;
    font-size: 22px;
}
.sub.solution  .tp-door-title.add-icon span{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 30px;
}
.sub.solution .tp-door-title.add-icon span img{
    width: 100%;
    height: auto;
}
.sub.solution .tp-door-cont .content_box.pd63{
    /*padding: 0 63px;*/
}
.sub.solution .tp-door-card img{
    border-radius: 10px 10px 0 0;
}
.sub.solution .tp-door-card .text-group{
    padding: 32px 36px;
    border-radius: 0 0 10px 10px;
    font-size: 14px;
}
.sub.solution .tp-door-list-card-type04 {
    display: flex;
    align-items: flex-start;
}
.sub.solution .tp-door-title+.tp-door-title-sub+.tp-door-list-card-type04{
    margin-top: 40px;
}
.sub.solution .tp-door-list-card-type04.company-type>li{
    padding: 0;
    border-radius: 10px;
    background-color: transparent;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.solution .tp-door-list-card-type04 .imgBox{
    padding: 60px 32px 23px;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}
.sub.solution .tp-door-list-card-type04 .imgBox img{
    max-width: 280px;
    height: auto;
}
.sub.solution .tp-door-list-card-type04 .txtBox{
    padding: 32px 36px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 20px 0 rgba(5 16 35 / 14%);
}
.sub.solution .tp-door-list-card-type04 .txtBox p{
    margin-top: 0;
    padding: 0;
    font-size: 14px;
    line-height: 1.7;
    font-style: normal;
    font-weight: 500;
}
.sub.solution .tp-door-list-type01 .tp-door-title+.tp-door-desc{
    margin-bottom: 0;
}
.sub.solution .tp-door-list-card-type04 .txtBox p.btm{
    margin-top: 16px;
    font-weight: 400
}
.sub.solution .tp-door-banner {
    align-items: center;
    margin: 80px 63px 0;
    padding: 37px 148px;
    background: linear-gradient(360deg, #0E7EE1, #1FBDEB);
    box-shadow: 0 5px 10px #00000029;
    border-radius: 10px;
}
.sub.solution .tp-door-banner p{
    font-size: 28px;
    font-weight: 600;
}
.sub.solution .tp-door-banner .btn-handout{
    max-width: 204px;
    height: 46px;
    background-color: #FFA200;
    border: 1px solid #FFA200;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
}
.sub.solution .tp-door-cont .tp-door-side.dot{
    margin-top: 0;
    padding: 60px 0;
    border-bottom: 1px dashed #C2C2C2;
}
.sub.solution .tp-door-cont .tp-door-side.dot:nth-of-type(1) {
    padding-top: 0;
}
.sub.solution .tp-door-cont [class*=tp-door-side]:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.sub.solution .tp-door-cont .tp-side-img img{
    max-width: 478px;
}
.sub.solution .tp-door-cont .tp-side-img .wtd{
    max-width: 300px;
}
.sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(odd) {
    margin-left: 0px;
    margin-right: 60px;
}
.sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(even) {
    margin-left: 60px;
    margin-right: 0;
}
.sub.solution .tp-door-list-type01>li .item{
    padding-top: 0;
}
.sub.solution .content_box .tp-side-txt{
    margin-top: 0px;
}
.sub.solution .sell_more .tp-door-side{

}
.sub.solution .hover-box{
    padding: 40px 0 0;
}
.sub.solution .sell_more .tp-door-side .sideBox + .sideBox{
    margin-left: 60px;
}
.sub.solution .jumbotron {
    margin-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #C2C2C2;
}
.sub.solution .jumbotron:last-child{
    border-bottom: 0;
}
.sub.solution .jumbotron img{
    max-width: 390px;
    /*min-width: 390px;*/
}
.sub.solution .jumbotron .text-group{
    margin: 0;
}
.sub.solution .jumbotron .text-group .tit{
    margin-bottom: 16px;
    font-size: 22px;
    color: var(--tit-color);
    font-weight: 600;
}
.sub.solution .jumbotron .text-group .desc{
    font-size: 16px;
}
.sub.solution .hover-box .default-group{
    padding: 24px;
}
.sub.solution .hover-box .menu-box{
    border: 1px solid #E5E5E5;
    border-radius: 16px;
}
.sub.solution .hover-box .default-group h3{
    color: var(--em-color);
    font-size: 22px;
}
.sub.solution .hover-box .default-group p{
    font-size: 16px;
}
.sub.solution .hover-box>li:hover .menu-box,
.sub.solution .hover-box>li.on .menu-box {
    height: 310px;
    background: var(--em-color);
}
#contactFreeTrial .popup .hbspt-form .hs_submit{
    /*text-align: center;*/
}
#contactFreeTrial .popup .hbspt-form .actions{
    width: auto;
    min-width: auto;
    margin-top: 30px;
}
#cleanup.sub.tp-door-container{
    margin-top: 80px;
}

/* email video */
.videoEmail{
    margin-bottom: 60px;
}
.videoEmail .cardWrap .tit{
    font-size: 26px;
    color: var(--em-color);
    font-weight: 600;
    text-align: center;
}
.videoEmail .hover-card{
    margin: 20px auto 0;
}
.videoEmail .hover-card .card {
    position: relative;
    width: 430px;
    height: 300px;
    background: #f7f9fc;
    border-radius: 12px;
    box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%);
}
.videoEmail .hover-card .cardWrap + .cardWrap{
    margin-left: 40px;
}
.videoEmail .hover-card .card button {
    display: block;
    border-radius: 12px;
}
.videoEmail .hover-card .card button img {
    width: 100%;
}

.sub .pcj .flx-col .box-img{
    padding: 0 75px;
}
.sub .pcj .flx-col.dotted{
    margin: 40px 0;
    padding-bottom: 40px;
    border-bottom: 1px dashed #C2C2C2;
}
.sub .stages-pcj{
    position: relative;
    margin: 40px 32px 0 32px;
}
.sub .stages-pcj .img-box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sub .stages-pcj .img-box img{
    width: 100%;
}
.sub .stages-pcj ul{
    min-height: 809px;
}
.sub .stages-pcj li{
    position: absolute;
    width: 20%;
    min-height: 217px;
    height: auto;
    box-sizing: border-box;
    text-align: center;
}
.sub .stages-pcj li::after{
    width: 16px;
    height: 16px;
    position: absolute;
    content: '';
    background: url('/images/common/ico_arr_double.svg');
}
.sub .stages-pcj li:nth-child(1){
    top: 0;
    left: 0;
}
.sub .stages-pcj li:nth-child(2){
    top: 0;
    left: 28%;
}
.sub .stages-pcj li:nth-child(3){
    top: 0;
    left: 54%;
}
.sub .stages-pcj li:nth-child(4){
    top: 0;
    right: 0;
}
.sub .stages-pcj li:nth-child(5){
    top:50%;
    transform: translateY(-50%);
    right: 0;
}
.sub .stages-pcj li:nth-child(6){
    bottom: 0;
    right: 0;
}
.sub .stages-pcj li:nth-child(7){
    bottom: 0;
    left: 55%;
}
.sub .stages-pcj li:nth-child(8){
    bottom: 0;
    left: 28%;
}
.sub .stages-pcj li:nth-child(9){
    bottom: 0;
    left: 0;
}
.sub .stages-pcj li:nth-child(10){
    top:50%;
    transform: translateY(-50%);
    left: 0;
}
.sub .stages-pcj li:nth-child(-n+3)::after{
    top: 50%;
    right: -38px;
}
.sub .stages-pcj li:nth-child(4)::after,
.sub .stages-pcj li:nth-child(5)::after{
    bottom: -33px;
    left: 47%;
    transform: rotate(90deg);
}
.sub .stages-pcj li:nth-child(6)::after,
.sub .stages-pcj li:nth-child(7)::after,
.sub .stages-pcj li:nth-child(8)::after{
    top: 62%;
    left: -40px;
    transform: rotate(180deg);
}
.sub .stages-pcj li:nth-child(9)::after{
    top: -62px;
    left: 47%;
    transform: rotate(270deg);
}
.sub .stages-pcj li:nth-last-child(1)::after{
    display: none;
}
.sub .stages-pcj li p:nth-child(1){
    margin-bottom: 16px;
    padding-top: 30px;
    font-size: 22px;
    font-weight: 600;
    color: var(--tit-color);
}
.sub .stages-pcj li p:nth-child(1)::before{
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 47%;
    background-color: #0188EF;
    border-radius: 100%;
    content: '';
    text-align: center;
}
.sub .pcj .tp-door-list-card-type04.column01{
    justify-content: center;
}
.sub .pcj .tp-door-list-card-type04.column01 li{
    width: 745px;
    margin: 0 auto;
    padding: 0;
}
.sub .pcj .tp-door-list-card-type04.column01 li .imgBox{
    padding: 60px 145px;
}
.sub .pcj .tp-door-list-card-type04.column01 li .txtBox{
    padding: 32px 36px;
    text-align: center;
    box-shadow: 0px -4px 20px 0px rgba(5 16 35 / 5%);
    font-weight: 500;
}

/* voice */
.sub .voice .tp-door-list-card-type04.column01{
    justify-content: center;
}
.sub .voice .tp-door-list-card-type04.column01 > li{
    width: 1000px;
    padding: 0;
    box-shadow: 0px 8px 20px 0px rgba(5 16 35 / 20%);
}
.sub .voice .tp-door-list-card-type04.column01 li .imgBox{
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}
.sub .voice .tp-door-list-card-type04.column01 li .imgBox img{
    margin-top: 0;
}
.sub .voice .tp-door-list-card-type04.column01 li .txtBox{
    padding: 40px 50px;
    text-align: left;
    box-shadow: 0px -4px 20px 0px rgba(5 16 35 / 5%);
    font-weight: 500;
}
.sub .voice .tp-door-list-card-type04.column01 li .txtBox ul{
    margin-top: 0;
}
.sub .voice .tp-door-list-card-type04.column01 li .txtBox li{
    margin-bottom: 0;
    padding: 0 0 0 30px;
    border: 0;
    background: url('/images/icon/ico_check_color.svg')no-repeat 0 4px;
    font-weight: 400;
}
.sub .voice .tp-door-list-card-type04.column01 li .txtBox li + li{
    margin-top: 20px;
    margin-bottom: 0;
}
.sub .voice .core_list{
    padding: 0 54px;
}
.sub .voice .core_list .ball_list{
    padding: 60px 0;
}
.sub .voice .core_list .ball_list:nth-child(1){
    padding-top: 0;
}
.sub .voice .core_list .ball_list:nth-last-child(1){
    padding-bottom: 0;
}
.sub .voice .ball_list .ball{
    margin-top: 0;
}
.sub .voice .ball_list .text_content{
    max-width: 857px;
    width: 100%;
}
.sub .voice .ball_list .text_content h2{
    margin-bottom: 0;
}
.sub .voice .ball_list .text_content .sub_text:nth-last-of-type(1){
    padding: 20px 0 0 0;
}
.sub .voice .ball_list .text_content .sub_text ul li{
    position: relative;
    padding-left: 12px;
}
.sub .voice .ball_list .text_content .sub_text ul li::before{
    position: absolute;
    top: -2px;
    left: -7px;
    color: #536170;
    font-size: 20px;
    content: 'ㆍ';
}
.sub .voice .ball_list .text_content .sub_text ul li + li{
    margin-top: 10px;
}
.sms_phone img{width: 100%;}


/*************** use case box ********************/
.tp-door-card.usecase > ul{
    float: none;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 40px 30px;
    padding: 0 63px;
}
.tp-door-card.usecase > ul li{
    flex: 1 1 40%;
    margin: 0;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #ffffff;
}
.tp-door-card.usecase .text-group{
    border-radius: 0 0 10px 10px;
    padding: 32px 36px;
    border: 0;
}
.tp-door-card.usecase > ul li img{
    height: 260px;
}
.tp-door-card.usecase .tp-door-list-bullet{
    margin-top: 16px;
}
.tp-door-card.usecase .tp-door-list-bullet li{
    font-size: 16px;
    text-align: left;
    border: none;
    margin-top: 16px;
}

.sub.inbox .icon_textlist ul li:nth-child(1) strong{
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1730_10616)'%3E%3Cpath opacity='0.3' d='M22.419 33.6437C29.8301 33.6437 35.838 27.6358 35.838 20.2247C35.838 12.8136 29.8301 6.80566 22.419 6.80566C15.0079 6.80566 9 12.8136 9 20.2247C9 27.6358 15.0079 33.6437 22.419 33.6437Z' fill='%230188EF'/%3E%3Cpath d='M14.7183 12.2091C17.2516 12.1984 19.7257 12.9753 21.7983 14.4321C22.7879 15.1273 23.6648 15.9705 24.3983 16.9321C25.131 17.8939 25.7049 18.9668 26.0983 20.1101C26.1676 20.3113 26.1676 20.5299 26.0983 20.7311C25.705 21.8744 25.131 22.9474 24.3983 23.9091C23.6648 24.8708 22.7879 25.7139 21.7983 26.4091C19.7208 27.856 17.2499 28.6317 14.7183 28.6317C12.1866 28.6317 9.7157 27.856 7.63825 26.4091C6.64859 25.7139 5.77168 24.8708 5.03825 23.9091C4.30353 22.9471 3.72789 21.8735 3.33325 20.7291C3.26392 20.5279 3.26392 20.3093 3.33325 20.1081C3.72656 18.9648 4.3005 17.8919 5.03325 16.9301C5.7669 15.9692 6.64379 15.1267 7.63325 14.4321C9.70722 12.9743 12.1832 12.1974 14.7183 12.2091ZM24.1853 20.4191C23.4281 18.5358 22.1183 16.9259 20.4285 15.8014C18.7386 14.6768 16.7479 14.0903 14.7183 14.1191C12.6886 14.0903 10.6979 14.6768 9.00802 15.8014C7.31817 16.9259 6.00844 18.5358 5.25125 20.4191C6.00844 22.3024 7.31817 23.9123 9.00802 25.0368C10.6979 26.1614 12.6886 26.7479 14.7183 26.7191C16.7479 26.7479 18.7386 26.1614 20.4285 25.0368C22.1183 23.9123 23.4281 22.3024 24.1853 20.4191Z' fill='%230188EF'/%3E%3Cpath d='M14.7194 15.4346C15.7053 15.4346 16.6691 15.7269 17.4889 16.2747C18.3087 16.8225 18.9476 17.601 19.3249 18.5119C19.7022 19.4228 19.8009 20.4251 19.6086 21.3921C19.4162 22.3591 18.9415 23.2473 18.2443 23.9445C17.5471 24.6417 16.6589 25.1164 15.6919 25.3088C14.7249 25.5011 13.7226 25.4024 12.8117 25.0251C11.9008 24.6478 11.1223 24.0089 10.5745 23.1891C10.0267 22.3693 9.73438 21.4055 9.73438 20.4196C9.7357 19.0979 10.2613 17.8307 11.1959 16.8961C12.1305 15.9615 13.3977 15.4359 14.7194 15.4346ZM14.7194 23.4976C15.3281 23.4976 15.9232 23.317 16.4294 22.9788C16.9356 22.6406 17.3301 22.1599 17.5631 21.5975C17.796 21.035 17.857 20.4162 17.7382 19.8191C17.6195 19.222 17.3263 18.6736 16.8958 18.2431C16.4654 17.8126 15.9169 17.5195 15.3199 17.4007C14.7228 17.2819 14.1039 17.3429 13.5415 17.5759C12.979 17.8088 12.4983 18.2034 12.1601 18.7095C11.8219 19.2157 11.6414 19.8108 11.6414 20.4196C11.6422 21.2357 11.9667 22.0181 12.5438 22.5952C13.1208 23.1722 13.9033 23.4968 14.7194 23.4976Z' fill='%230188EF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1730_10616'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sub.inbox .icon_textlist ul li:nth-child(2) strong{
    background-image: url(/images/icon/icoSub24.svg);
}
.sub.inbox .icon_textlist ul li:nth-child(3) strong{
    background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M31.6641 47C42.1575 47 50.6641 38.4934 50.6641 28C50.6641 17.5066 42.1575 9 31.6641 9C21.1707 9 12.6641 17.5066 12.6641 28C12.6641 38.4934 21.1707 47 31.6641 47Z' fill='%2301BAEF'/%3E%3Cpath d='M17.5714 42.2C17.1336 42.2027 16.6996 42.1182 16.2948 41.9515C15.8899 41.7848 15.5223 41.5392 15.2134 41.229L5.98836 32C5.67536 31.6922 5.42677 31.3252 5.25708 30.9204C5.08739 30.5155 5 30.081 5 29.642C5 29.203 5.08739 28.7685 5.25708 28.3636C5.42677 27.9588 5.67536 27.5918 5.98836 27.284L18.3344 14.938C19.6074 13.7658 21.2527 13.0797 22.9814 13H30.8884C31.7675 13.0122 32.6072 13.3668 33.2289 13.9885C33.8506 14.6102 34.2052 15.4499 34.2174 16.329V24.236C34.1366 25.9652 33.449 27.6105 32.2754 28.883L19.9254 41.229C19.6164 41.5392 19.2488 41.7848 18.8439 41.9515C18.4391 42.1182 18.0052 42.2027 17.5674 42.2H17.5714ZM22.9814 15.081C21.8034 15.1636 20.6841 15.6261 19.7914 16.399L7.44536 28.744C7.33004 28.857 7.23842 28.9919 7.17588 29.1408C7.11334 29.2897 7.08113 29.4495 7.08113 29.611C7.08113 29.7725 7.11334 29.9323 7.17588 30.0812C7.23842 30.2301 7.33004 30.365 7.44536 30.478L16.6704 39.703C16.7833 39.8184 16.9182 39.9102 17.0671 39.9728C17.216 40.0354 17.3758 40.0677 17.5374 40.0677C17.6989 40.0677 17.8588 40.0354 18.0076 39.9728C18.1565 39.9102 18.2914 39.8184 18.4044 39.703L30.7504 27.357C31.5347 26.4713 31.9988 25.348 32.0684 24.167V16.26C32.069 16.0959 32.0372 15.9333 31.9747 15.7816C31.9122 15.6299 31.8203 15.4921 31.7043 15.3761C31.5883 15.26 31.4504 15.1681 31.2987 15.1057C31.147 15.0432 30.9844 15.0113 30.8204 15.012H22.9834L22.9814 15.081Z' fill='%2301BAEF' stroke='%2301BAEF' stroke-width='0.5'/%3E%3Cpath d='M25.8967 25.4145C24.8121 25.4123 23.7725 24.9806 23.0055 24.2136C22.2386 23.4467 21.8068 22.4071 21.8047 21.3224C21.8068 20.2378 22.2386 19.1982 23.0055 18.4313C23.7725 17.6644 24.8121 17.2326 25.8967 17.2305C26.9813 17.2326 28.0209 17.6644 28.7878 18.4313C29.5548 19.1982 29.9866 20.2378 29.9887 21.3224C29.9866 22.4071 29.5548 23.4467 28.7878 24.2136C28.0209 24.9806 26.9813 25.4123 25.8967 25.4145ZM25.8967 19.1725C25.3274 19.1753 24.7822 19.4028 24.3796 19.8054C23.977 20.208 23.7496 20.7531 23.7467 21.3224C23.7496 21.8918 23.977 22.437 24.3796 22.8395C24.7822 23.2421 25.3274 23.4696 25.8967 23.4725C26.466 23.4696 27.0112 23.2421 27.4138 22.8395C27.8164 22.437 28.0438 21.8918 28.0467 21.3224C28.0438 20.7531 27.8164 20.208 27.4138 19.8054C27.0112 19.4028 26.466 19.1753 25.8967 19.1725Z' fill='%2301BAEF' stroke='%2301BAEF' stroke-width='0.5'/%3E%3C/svg%3E%0A");
}
/***********************************/

/*************** 240819 main page 추가 ********************/
.jumbotron-list + .btn-box{
    text-align: center;
    margin-top: 140px;
}
.intro .section.news-group,
.intro .section.customer-group,
.intro .section.svc{
    padding: 120px 0 160px;
}
.intro .section + .bot_banner{
    margin-top: 120px;
}
.section .inner .jumbotron + .jumbotron {
    margin-top: 140px;
}

/*************** 241008 terms-of-use 추가 ********************/
.sub .accordion_text .accordion_col.type02{
    width: 100%;
}
.accordion_con .grayBox{
    padding: 16px;
    background-color: #F3F4F7;
    color: #536170;
    border-radius: 10px;
}
.accordion_con .grayBox strong{
    color: #3C4147;
    opacity: 1;
    font-weight: 500;
}
.accordion_titbox{
    margin-top: 20px;
}
.accordion_titbox .tit{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #054A8F;
    padding-top: 10px;
}
.accordion_titbox > *{
    margin-top: 20px;
}
.accordion_titbox .bullet_list{
    font-size: 15px;
    line-height: 28px;
}
.accordion_titbox .bullet_list li{
    margin-bottom: 10px; 
}
.accordion_titbox .bullet_list li:last-child{
    margin-bottom: 0;
}
.bullet_list li.no_bullet{
    padding-left: 0;
}
.bullet_list li.no_bullet:after{
    display: none;
}
.bluetxt{
    color: #01BAEF;
    font-weight: 500;
}
.accordion_titbox .titbox{
    font-size: 15px;
    line-height: 28px;
}
.accordion_titbox .titbox .tit{
    font-size: 15px;
    color: #536170;
    font-weight: 600;
    margin-bottom: 4px;
    padding-top: 0;
}
.tp-side-txt + .tp-side-img{
    margin: 40px 0 0 0;
    text-align: center;
}
.tp-side-img img{
    max-width: 100%;
}

/******** 2024/11 메인페이지 업데이트 *********/
.section.features h2{
    text-align: center;
}
.feature-list{
    margin-top: 44px;
    width: 100%;
}
.feature-list ul{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: stretch;
}
.feature-list ul li{
    flex: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 16px;
    padding: 22px 16px;
    box-shadow: 0px 10px 20px 0px rgba(5, 16, 35, 0.14);
}
.feature-list li strong{
    display: block;
    font-size: 22px;
    line-height: 1.4;
    color: var(--tit-color);
    margin-bottom: 16px;
}
.feature-list ul li strong::before{
    content: '';
    display: block;
    margin-bottom: 16px;
    width: 56px;
    height: 56px;
    mask-size: 56px;
    -webkit-mask-size: 56px;
    mask-repeat: no-repeat;
    -webkit-mast-repeat: no-repeat;
}
.feature-list ul li:nth-child(1) strong::before{
    mask-image:url(/images/icon/icoSub31.svg);
    -webkit-mask-image: url(/images/icon/icoSub31.svg);
    background-color: #564FCF;
}
.feature-list ul li:nth-child(2) strong::before{
    mask-image:url(/images/icon/icoSub48.svg);
    -webkit-mask-image: url(/images/icon/icoSub48.svg);
    background-color: #EA657B;
}
.feature-list ul li:nth-child(3) strong::before{
    mask-image:url(/images/icon/icoSub31.svg);
    -webkit-mask-image: url(/images/icon/icoSubPeople.svg);
    background-color: #FFA200;
}
.feature-list ul li:nth-child(4) strong::before{
    mask-image:url(/images/icon/icoSub73.svg);
    -webkit-mask-image: url(/images/icon/icoSub73.svg);
    background-color: #04C9D2;
}
.feature-list .tp-door-list-bullet{
    display: block;
    margin-top: 16px;
}
.feature-list .tp-door-list-bullet li{
    box-shadow: none;
    width: 100%;
    border-radius: 0;
    padding: 0 0 0 12px;
    margin-top: 5px;
    font-size: 16px;
}
.bt_play{
    background-color: transparent;
}
/*marketing-agencies & Trumpia for shopify */
.tp-door-cont .jumbotron{
    gap: 0;
    justify-content: space-between;
}
.tp-door-cont .jumbotron + .jumbotron{
    margin-top: 60px;
}
.tp-door-cont .jumbotron .text-group .title{
    font-size: 22px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 16px;
}
.tp-door-cont.shopify .jumbotron .text-group .title{
    color: #536170;
}
.tp-door-cont .jumbotron .text-group .desc{
    font-size: 16px;
}

.tp-door-cont .jumbotron.jumbotron-type01 .imgBox{
    padding-right: 64px;
    padding-left: 0;
}
.tp-door-cont .jumbotron.jumbotron-type01.reverse .imgBox{
    padding-left: 64px;
    padding-right: 0;
}
.mobile-img{
    display: none;
}