/* 201605 landing page 2차*/

/* 레이아웃 */
/* Google Font */

/* default */
body, * { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-family:Helvetica, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {overflow: auto; position: relative; font-size: 13px;  font-weight: normal;color: #83b0c5; line-height: 20px; letter-spacing: -1px; word-wrap: break-word;min-width: 320px;}
body.dialog-open { overflow: hidden; }
h1, h2, h3, h4, h5, h6, input, select, textarea {  font-weight: normal; }
a, button {color: #8e8e8e; cursor: pointer; }
a { text-decoration: none; color: #1fa5ff; }
a:hover { text-decoration: none; }
img { max-width: 100%; height:auto; border: 0; }
ul, li { list-style: none; }
hr { border-bottom: 1px dashed #BDC6C7; }
.landing-contents{line-height:1.5;padding-top:45px;}

/* clear */
.clear:after,
.features:after,
.column:after,
.column .text-wrap:after,
.content-box:after,
.slidesjs-pagination:after { display: block; height: 0; content: ''; visibility: hidden; clear: both; }

/* button */
.btn { display: block; height: 34px; border-width: 1px; border-style: solid; border-radius: 3px; line-height: 34px; text-align: center; color: #ffffff; transition: all .2s; -webkit-transition: all .2s; cursor: pointer;}

/************************
 * 랜딩페이지 신규키워드
 ************************/
/* 공통 */
#newkeyword-wrap{ color:#747474; }
#newkeyword-wrap .color-main-blue{ color:#3c99ff !important; }
#newkeyword-wrap .color-main-orange{ color:#ff5500 !important; }
#newkeyword-wrap .color-sub-blue{ color:#11aad0 !important; }
#newkeyword-wrap .width-1150{ margin:0 auto !important; overflow:hidden; max-width:1150px !important; }
#newkeyword-wrap .area-padding-top-bottom{ padding-top:120px; padding-bottom:120px; }
#newkeyword-wrap h3{ font-size:42px; line-height:70px; color:#474747; text-align:center; }
#newkeyword-wrap .lightblue-bg { background:#f6fbff;}
#newkeyword-wrap .point-blue-bg{ background:#abdaff;}

/**/
#newkeyword-wrap .newkeyword-nav-wrap{ height:80px; border-bottom:2px solid #ececec; box-sizing:border-box; }
#newkeyword-wrap .logo{ float:left; width:157px; height:80px; line-height:90px; }
#newkeyword-wrap .nav-content{ width:100%; height:100%; line-height:80px; text-align: right }
#newkeyword-wrap .nav-content p{ display:inline-block; margin: 0 5px;}
#newkeyword-wrap .nav-content p:last-child{margin:0}
#newkeyword-wrap .nav-content a{ color:#474747; font-size:16px; display: inline-block; height: 100%; padding: 0 0.8vw}
#newkeyword-wrap h2{ font-size:52px; line-height:70px; padding-bottom:45px; color:#474747; border-bottom:1px solid #ececec;}
#newkeyword-wrap .block { display:block; }
#newkeyword-wrap .main-text-area{ padding:45px 0 85px; overflow:hidden; width:100%;}
#newkeyword-wrap .main-text{ float:left; width:58%; font-size:22px; line-height:36px; }
#newkeyword-wrap .trial-btn{ float:right; width:42%; }
#newkeyword-wrap .trial-btn a{ float:right; }
#newkeyword-wrap .trial-btn.tip-trial-btn{ float: none; width: 100%; }
#newkeyword-wrap .trial-btn.tip-trial-btn a{ margin-top:15px; font-size: 18px; padding:15px 50px; height: auto;  line-height: inherit; display:inline-block; float:none; width:auto;}
#newkeyword-wrap.jp-ja .trial-btn.tip-trial-btn a{font-size: 15px!important;}
#newkeyword-wrap .trial-btn.re_free{ float: none; width: 100%;text-align:center; }
#newkeyword-wrap .trial-btn.re_free a{float: none;width:50%;font-size: 20px!important;}

#newkeyword-wrap .video-wrap{ margin: 70px auto 0; width:1070px; height:600px; }
#newkeyword-wrap .video-content{position:relative; width:100%; padding-top:56%; border:1px solid #f3f3f3; box-sizing:border-box;}
#newkeyword-wrap .video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
#newkeyword-wrap .anyone-use-wrap{ padding-bottom:100px; }
#newkeyword-wrap .anyone-use-wrap>div:first-child{ overflow:visible; }
#newkeyword-wrap .anyone-use-wrap .text-area{ float:left; width: 35%; position:relative; left: 38px; }
#newkeyword-wrap .anyone-use-wrap .text-area h3{ padding:175px 0 30px; text-align:left; }
#newkeyword-wrap .anyone-use-wrap .text-area p.text{ font-size:18px; line-height:32px; }
#newkeyword-wrap .imgs-area{ position:relative; float:left; width:65%; padding-bottom:35px; max-width:745px; left:70px; }
#newkeyword-wrap .slide-btn{ margin:65px 0 15px; text-align:center; }
#newkeyword-wrap .slide-btn p{ padding:8px 10px; display:inline-block; min-width: 100px; background:#70b4ff; color:#fff; border-radius:30px; font-size:14px;}
#newkeyword-wrap .anyone-use-wrap .swiper-wrap{ position:absolute; top:140px; left:13%; overflow:hidden; max-width:550px; }
#newkeyword-wrap .swiper-wrapper{ overflow:hidden; }
#newkeyword-wrap .anyone-use-wrap .swiper-wrapper,
#newkeyword-wrap .anyone-use-wrap .swiper-slide{ width:20%; }
#newkeyword-wrap .anyone-use-wrap .swiper-slide{ float:left; }
#newkeyword-wrap .swiper-pagination{position:relative;text-align:center; cursor:pointer; }
#newkeyword-wrap .swiper-pagination-bullet{ display:inline-block; margin-right:10px; border-radius:5px;width:9px; height:9px; background:#e0e0e0; cursor:pointer; opacity: 1;}
#newkeyword-wrap .swiper-pagination-bullet:last-child{ margin:0; }
#newkeyword-wrap .swiper-pagination-bullet-active{ background:#3c99ff; }
#newkeyword-wrap .tip-box-wrap{ overflow:hidden; width:100%; border:1px solid #d3e8ff; box-sizing:border-box; }
#newkeyword-wrap .tip-box{margin:0 auto; padding:35px 50px; overflow:hidden; background:#fff;}
#newkeyword-wrap .tip-box .left{ padding-right:2%; width:38%; float:left; }
#newkeyword-wrap .tip-box .tip-text{ font-size:16px; font-weight:700; color:#474747; }
#newkeyword-wrap .roi-content-title:after,
#newkeyword-wrap .tip-box .tip-text:after,
#newkeyword-wrap .security-title:after,
#newkeyword-wrap .why-title:after{display:block; padding:15px 0;  content:""; width:30px; height:2px; background:url("/wp-content/uploads/image/landing/border.jpg")no-repeat center;}
#newkeyword-wrap .security-title:after,
#newkeyword-wrap .why-title:after{ margin:0 auto; }
#newkeyword-wrap .tip-box .tip-title{ font-size:22px; line-height:36px; color:#474747; }
#newkeyword-wrap.jp-ja .tip-box .tip-title{ font-size:16px; letter-spacing: -2px;}
#newkeyword-wrap .tip-box .tip-description{ width:58%; float:right; padding: 0; }
#newkeyword-wrap .tip-box .tip-description li{ padding:10px 0; border-bottom:1px solid #ececec; }
#newkeyword-wrap .tip-box .tip-description li:last-child{ border-bottom:0; padding-bottom:0; }
#newkeyword-wrap .tip-box .tip-description li .num{margin:2px 10px 0 0; float:left; width:21px; height:21px; text-align:center; font-size:14px;line-height:23px;background:#747474; color:#fff; border-radius:10px;}
#newkeyword-wrap .tip-box .tip-description li .text{ font-size:15px; line-height:26px; color:#555; }
#newkeyword-wrap .remotecall-security-wrap{ text-align:center; }
#newkeyword-wrap section .sub-title{ padding-top:20px; padding-bottom:25px; font-size:20px; line-height:32px; text-align:center; }
#newkeyword-wrap .roi-wrap .sub-title,
#newkeyword-wrap .document-area{ margin:0 auto; text-align: center}
#newkeyword-wrap .document-icons{ width:12px; height:14px; margin:8px 8px 0; }
#newkeyword-wrap .document-view{ height:25px; font-size:16px; line-height:32px; border-bottom:1px solid #3c99ff; }
#newkeyword-wrap .document-area .arrow-icons{ width:5px; height:10px;margin:11px 0 0 8px; }
#newkeyword-wrap .security-contents-area{ overflow:hidden; }
#newkeyword-wrap .security-contents-area .security-contents{ float:left; margin-right:20px; max-width:370px; width:100%; }
#newkeyword-wrap .security-contents-area .security-contents:nth-child(2) img{position: relative; left: 15px}
#newkeyword-wrap .security-title{ padding-top:10px; font-size:20px; line-height:32px; color:#474747; }
#newkeyword-wrap .security-contents-area .security-imgs{display: inline-block; height: 200px;}
#newkeyword-wrap .security-contents-area .security-contents:last-child{ margin:0; }
#newkeyword-wrap .security-text{ padding:0 50px; font-size:16px; line-height:26px; }
#newkeyword-wrap .remotecall-no1-wrap{ text-align: center; }
#newkeyword-wrap .remotecall-no1-wrap .width-1150{ overflow:visible !important; }

#newkeyword-wrap .document-area{ padding:15px 0 35px; }
#newkeyword-wrap .remotecall-security-wrap .document-area{ padding-bottom: 110px; }
#newkeyword-wrap .remotecall-no1-wrap .document-area{ padding-bottom: 40px; }
#newkeyword-wrap .why-remotecall1-wrap{margin-top: 20px;}
#newkeyword-wrap .why-remotecall0,
#newkeyword-wrap .why-remotecall1{ overflow:hidden; background:#fff; border:1px solid #d3e8ff; }
#newkeyword-wrap .why-remotecall0 li,
#newkeyword-wrap .why-remotecall1 li{ float:left; padding:45px 0; }
#newkeyword-wrap .why-remotecall0 li{ width:33.3%; }
#newkeyword-wrap .why-remotecall1 li{ width:25%; }
#newkeyword-wrap .why-remotecall0 li div,
#newkeyword-wrap .why-remotecall1 li div{ padding:0 35px; }
#newkeyword-wrap .why-remotecall0 li:not(:last-child) div,
#newkeyword-wrap .why-remotecall1 li:not(:last-child) div{ border-right:1px solid #eee; }
#newkeyword-wrap .why-icon{ padding-bottom:20px; }
#newkeyword-wrap .why-title{ margin:0 auto; font-size:20px; line-height:32px; color:#474747; }
#newkeyword-wrap .why-text{ font-size:15px; line-height:26px; }
.roi-wrap{ text-align:center; }
#newkeyword-wrap .roi-area{margin-bottom:20px; overflow:hidden; text-align:left;background:#fbfbfb url("/wp-content/uploads/image/landing/img_best_remote_support_chart_icon_bg0.png") no-repeat right -35px bottom -35px;border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
#newkeyword-wrap .roi-area-s{background-image: url("/wp-content/uploads/image/landing/img_best_remote_support_chart2-bg.png"); background-position: right bottom -20px;}
#newkeyword-wrap .roi-area:last-child{ margin-bottom:0; }
#newkeyword-wrap .roi-content-wrap{ position:relative; width:50%; float:left; }
#newkeyword-wrap .roi-content{ padding:52px 40px; background:#fff;}
#newkeyword-wrap .roi-content-title{ font-size:20px; line-height:32px; color:#474747; }
#newkeyword-wrap .roi-content-text,
#newkeyword-wrap .roi-content-from{ font-size:16px; line-height:26px; }
#newkeyword-wrap .roi-content-from{ padding-top:30px; }
#newkeyword-wrap .chart-wrap{ position:relative; padding-top:38px; width:50%; float:right; }
#newkeyword-wrap .triangle-icon{ position:absolute; top:50%; right:0; z-index:10; margin-top:-15px; width:19px; height:30px; }
#newkeyword-wrap .chart-area{ margin-left:60px; text-align:center; }
#newkeyword-wrap .roi-area-h .chart-area{ background:url("/wp-content/uploads/image/landing/img_best_remote_support_chart_grid0.png")no-repeat;}
#newkeyword-wrap .roi-area-s .chart-area{background:url("/wp-content/uploads/image/landing/img_best_remote_support_chart_grid1.png")no-repeat;}
#newkeyword-wrap .roi-area-l .chart-area{ background:url("/wp-content/uploads/image/landing/img_best_remote_support_chart_grid2.png")no-repeat;}
#newkeyword-wrap .chart-bar0-area{ position:relative; float:left; margin-left:40px; width:85px;    height: 195px; }
#newkeyword-wrap .chart-bar0-area .chart-bar0{ width:100%; height:195px; background:#dad7e6; }
#newkeyword-wrap .chart-bar-time{ position:absolute; top:0; left:0; width:85px; height:195px; font-size:14px; color:#fff; }
#newkeyword-wrap .chart-bar0-area .chart-bar-time{ line-height:195px; }
#newkeyword-wrap .chart-btm-text{  overflow:hidden; margin-left:40px; padding-top:10px; max-width:322px; width:100%;  font-size:14px; color:#474747;  }

#newkeyword-wrap .chart-btm-text p{ width:85px; float:left; }
#newkeyword-wrap .chart-btm-text p:last-child{ margin-left:30px; }
#newkeyword-wrap .chart-arrow{ position:absolute; top:0; right:-113px; width:113px; }
#newkeyword-wrap .chart-bar1-area{ position:relative; float:left; margin-left:30px; width:85px; height: 195px;}
#newkeyword-wrap .chart-bar1{ width:100%; background:#ff5500;  position: absolute;  bottom: 0; height: 30px;  }
#newkeyword-wrap .chart-bar-time--in{ font-size: 14px; color: white; position: absolute; top:48%; left: 50%;  width: 100%; height: 14px; margin-left: -42.5px; /* 85px / 2 */ margin-top:-7px; /* 14px / 2 */}
#newkeyword-wrap .chart-text{ position:absolute; top:68px; left:275px; font-size:26px; line-height:36px; color:#ff5500; font-weight: 200}
#newkeyword-wrap .chart-text span{ font-size:34px; font-weight:700; }
#newkeyword-wrap .roi-area-h .chart-bar0{ background:#d1dbe5; }
#newkeyword-wrap .roi-area-s .chart-bar0{ background:#dad7e6; }
#newkeyword-wrap .roi-area-l .chart-bar0{ background:#dad7e6; }
#newkeyword-wrap .roi-area-l .chart-bar0{ background:#d5e2e4; }

#newkeyword-wrap .roi-area-l .chart-bar0{height: 30px;position: absolute;bottom: 0;}
#newkeyword-wrap .roi-area-l .chart-bar-time{line-height: 30px;height: 30px;position: absolute;bottom: 0;top: auto;}
#newkeyword-wrap .roi-area-l .appear-chart{height:195px;}
#newkeyword-wrap .roi-area-l .chart-arrow{right:-30px;}
#newkeyword-wrap .roi-area-l .chart-text{left:32px;}
#newkeyword-wrap .roi-area-l .chart-bar0-area,
#newkeyword-wrap .roi-area-l .chart-btm-text{margin-left:80px;}

#newkeyword-wrap .consulting-wrap .consulting-content-area{ padding:0 40px; }
#newkeyword-wrap .consulting-wrap .sub-title{padding: 30px 0;}
#newkeyword-wrap .consulting-content{ padding:0 50px; border:1px solid #d3e8ff; box-sizing:border-box; background:#fff; }
#newkeyword-wrap .consulting-content li{ padding:40px 0; border-bottom:1px solid #ececec; }
#newkeyword-wrap .consulting-content li:last-child{ border-bottom:0; }
#newkeyword-wrap .consulting-content li .qna-question{ font-size:20px; color:#474747; }
#newkeyword-wrap .consulting-content li .qna-answer{ padding-top:35px; line-height:26px; font-size:16px; }
#newkeyword-wrap .trial-wrap{ margin:0 auto; max-width:890px; }
#newkeyword-wrap .free-trial-wrap h3{ color:#202020; }
#newkeyword-wrap .free-trial-wrap .sub-title{ color:#232323; padding-bottom:50px; }
#newkeyword-wrap .trial-wrap{ background:#fff; border:1px solid #8ecdff; box-sizing:border-box; }
#newkeyword-wrap .trial-wrap .email-title{ padding-bottom:40px; color:#474747; font-size:32px; text-align:center; }
#newkeyword-wrap .form-wrap{ margin:0 auto; padding:40px; text-align:center;}
#newkeyword-wrap .form-wrap input[type=submit],
#newkeyword-wrap .trial-btn a,
#newkeyword-wrap .sns-content a{ margin:0 auto; display: inline-block; flex:1;width: 270px; height:52px; line-height:52px; border-radius: 3px;background:#ff5500; font-size:20px; border:none; -webkit-appearance:none;}
#newkeyword-wrap .sns-wrap{ margin:10px auto 0; max-width:890px; text-align:center; background:#fff; border:1px solid #8ecdff; box-sizing:border-box;}
#newkeyword-wrap .sns-title{ padding-bottom:30px; font-size:24px; }
#newkeyword-wrap .sns-content{ padding:40px 5%; overflow:hidden; }
#newkeyword-wrap .sns-content .btn-wrap{ overflow:hidden; margin:0 auto; max-width:450px; width:100%; }
#newkeyword-wrap .sns-content a{ width:49%; }
#newkeyword-wrap .sns-content .trial-google{ background:#f96a5e; float:left; margin-right:2%; }
#newkeyword-wrap .sns-content .trial-facebook{ background:#5f88d9; float:right;}
#newkeyword-wrap .purchase-consultation{ padding:40px; }
#newkeyword-wrap .purchase-consultation h4{ padding-bottom:15px; font-size:16px; font-weight:700; color:#474747; }
#newkeyword-wrap .newkeyword-footer-wrap,
#newkeyword-wrap .newkeyword-footer-wrap .width-1150{ overflow:hidden; }
#newkeyword-wrap .purchase-consultation .call-area{ margin-bottom:10px; }
#newkeyword-wrap .purchase-consultation p img{ margin-right:10px;}
#newkeyword-wrap .purchase-consultation .number{ font-weight:700; font-size:24px; }
#newkeyword-wrap .purchase-consultation .mail-area img{ vertical-align:text-top; }
#newkeyword-wrap .purchase-consultation .mail-area .mail-address{ font-size:20px;; }
#newkeyword-wrap .purchase-consultation-wrap{ width:30%; float:left; }

.btn-bottom { float:right; width:30%; padding: 45px;}
.btn-bottom a{ margin:0 auto; max-width:440px; width:100%; height:60px; line-height:60px; background:#3c99ff; font-size:20px; border:none; -webkit-appearance:none;}
span.before{position: absolute;left: 130px;}

#newkeyword-wrap .doc-links{ padding-top:75px; float:right; width:50%; }
#newkeyword-wrap .doc-links__inner{ overflow:hidden; }
#newkeyword-wrap .doc-links__left,
#newkeyword-wrap .doc-links__right{ float:left; width:50%; }
#newkeyword-wrap .doc-links__left p:first-child,
#newkeyword-wrap .doc-links__right p:first-child{ margin-bottom:10px; }

#newkeyword-wrap .copyright-wrap{ padding:30px 0 20px; overflow:hidden; background:#f8f8f8; border-top:1px solid #ece7e7;  }
#newkeyword-wrap .copyright-wrap .copyright-logo{ margin:0 10px 0 40px; vertical-align:sub; }
#newkeyword-wrap .copyright-wrap .copyright-text{ font-size:12px; color:#c3c3c3; }

#newkeyword-wrap #trial-step1-form{display: flex;max-width:650px;margin:0px auto;}
#newkeyword-wrap input:not([type=submit]){flex:2;width:400px;margin-right: 10px; height:52px; background:#fff; border:1px solid #b5b5b5; box-sizing:border-box; font-size:14px; text-indent:10px;}
#newkeyword-wrap p:not(.check-wrap) label{display:inline-block; float:left; width:110px; line-height:35px; color:#474747; font-size:16px;}
#newkeyword-wrap #landing-free-trial input.placeholder,
#newkeyword-wrap #landing-free-trial input[type=checkbox]{ color:#bbb; }
#newkeyword-wrap .name-wrap{ overflow:hidden; }

#newkeyword-wrap .error-msg{ margin-top:10px; margin-bottom:0 !important; width:100%; color:#ff5500; }
#newkeyword-wrap p:not(.name-wrap) .error-msg{ margin-left:110px; }
#newkeyword-wrap .check-wrap .error-msg{ margin-left:0 !important; margin-bottom:20px !important; }

#newkeyword-wrap #landing-free-trial p:not(.check-wrap) input:not([type=submit]){ max-width:330px; font-size:16px; text-indent:10px;}
#newkeyword-wrap #landing-free-trial .name-wrap span{ display:block; overflow:hidden; margin-right:10px; float:left; max-width:160px; width:100%; }
#newkeyword-wrap #landing-free-trial .name-wrap .first-name-span{ margin-right:0; }
#newkeyword-wrap .name-wrap input:last-child{ margin:0; }
#newkeyword-wrap #landing-free-trial p:not(.btn-wrap){ margin-bottom:20px; overflow:hidden; }
#newkeyword-wrap #landing-free-trial .check-wrap{ padding-left:80px; margin-bottom:5px !important; overflow:visible !important; }
#newkeyword-wrap #landing-free-trial .check-wrap label{padding-left:25px; width:100%; background:url("//www.remotecall.cn/zh-cn/wp-content/uploads/sites/2/2017/09/checkbox_icon.jpg")no-repeat;}
#newkeyword-wrap #landing-free-trial .check-wrap label.checked{padding-left:25px;background:url("//www.remotecall.cn/zh-cn/wp-content/uploads/sites/2/2017/09/checkbox_icon_press.jpg")no-repeat;}
#newkeyword-wrap .check-wrap label,
#newkeyword-wrap .check-wrap label a{ font-size:12px; color:#747474; text-decoration:none;}
#newkeyword-wrap .check-wrap{ position:relative; }
#newkeyword-wrap .check-wrap .hidden-checkbox{ position:absolute; width:15px;height:15px; opacity:0; filter:alpha(opacity=0); }
#newkeyword-wrap input[type=submit],
#newkeyword-wrap input[type=submit]:active,
#newkeyword-wrap .trial-btn a{ color:#fff !important; }
#newkeyword-wrap #landing-free-trial .btn-wrap{ margin-top:15px; }

@media screen and (max-width:1200px) {
    .all-support-wrap,
    .anyone-use-wrap,
    .remotecall-security-wrap,
    .remotecall-no1-wrap,
    .roi-wrap,
    .consulting-wrap,
    .free-trial-wrap,
    .newkeyword-footer-wrap,
    .copyright-wrap{ padding-left:10px !important; padding-right:10px !important; }
    #newkeyword-wrap h2,
    #newkeyword-wrap .anyone-use-wrap .text-area,
    #newkeyword-wrap .anyone-use-wrap .text-area h3	{ text-align:center; }
    #newkeyword-wrap .anyone-use-wrap .text-area h3{ padding-top:65px; }
    #newkeyword-wrap .main-text{ margin-bottom:30px; float:none; width:100%; text-align:center; }
    #newkeyword-wrap .trial-btn{ float:none; overflow:hidden; width:100%;text-align:center; }
    #newkeyword-wrap .trial-btn a{ float:none; }
    #newkeyword-wrap .anyone-use-wrap .text-area{ width:100%; left: 0 }
    #newkeyword-wrap .imgs-area{float:none; overflow:hidden; width:100%; max-width:100%; text-align:center; left:0;}
    #newkeyword-wrap .anyone-use-wrap .swiper-wrap{ left:50%; margin-left:-275px; }

    #newkeyword-wrap .security-contents-area .security-contents{ width:33%; margin-right:0.5%; }
    #newkeyword-wrap .tip-box .tip-description{ width:55%; }

    #newkeyword-wrap .video-wrap{ width:100%; height:auto; }
}
@media screen and (max-width:1024px){
    #newkeyword-wrap .purchase-consultation-wrap{ float:unset; width:100%; text-align:center; }
    #newkeyword-wrap .doc-links{ padding-top:0; padding-bottom:40px; float:unset; margin:0 auto; overflow:hidden; width:325px; }
}
@media screen and (max-width: 860px){
    #newkeyword-wrap .nav-content a{font-size: 14px}
    #newkeyword-wrap .btn-bottom{float:none; margin:0px auto;padding:0px 0px 35px;}
}
@media screen and (max-width:780px) {
    #newkeyword-wrap section{ padding:35px 6% !important; }
    #newkeyword-wrap .newkeyword-nav-wrap{ padding:0 6% !important; }
    #newkeyword-wrap h2{ padding-bottom:35px; }
    #newkeyword-wrap .main-text-area{ padding:23px 0 43px; }
    #newkeyword-wrap .main-text{ margin-bottom:15px; }
    #newkeyword-wrap .slide-btn{ margin:32px 0 10px; }
    #newkeyword-wrap section .sub-title{ padding-top:25px; }
    #newkeyword-wrap .security-title{ padding-top:35px; }
    #newkeyword-wrap .roi-content-from{ padding-top:15px; }
    #newkeyword-wrap #landing-free-trial p:not(.btn-wrap){ margin-bottom:10px; }
    #newkeyword-wrap .sns-content{ padding:20px 5%; }
    #newkeyword-wrap .sns-title{ padding-bottom:15px; }
    #newkeyword-wrap .nav-content,
    #newkeyword-wrap .why-remotecall1-wrap .why-text{ display:none; }
    #newkeyword-wrap .area-padding-top-bottom{ padding:35px 0; }
    #newkeyword-wrap .block { display:inline; }
    #newkeyword-wrap .consulting-wrap h3 .br{ display:block; }
    #newkeyword-wrap h2,
    #newkeyword-wrap h3,
    #newkeyword-wrap .anyone-use-wrap .text-area h3,
    #newkeyword-wrap .anyone-use-wrap .text-area h3 p,
    #newkeyword-wrap .chart-text,
    #newkeyword-wrap .chart-text span{ font-size:22px !important; line-height:30px !important; }
    #newkeyword-wrap .anyone-use-wrap .text-area h3{ padding:0 0 25px; }
    #newkeyword-wrap .main-text,
    #newkeyword-wrap .trial-btn a,
    #newkeyword-wrap .anyone-use-wrap .text-area p,
    #newkeyword-wrap .slide-btn p,
    #newkeyword-wrap .tip-box .tip-text,
    #newkeyword-wrap section .sub-title,
    #newkeyword-wrap .security-title,
    #newkeyword-wrap .why-title,
    #newkeyword-wrap .roi-content-title,
    #newkeyword-wrap .trial-wrap .email-title,
    #newkeyword-wrap .sns-title,
    #newkeyword-wrap .purchase-consultation h4,
    #newkeyword-wrap .no1-icons-area .icon-text,
    #newkeyword-wrap .consulting-content li .qna-question,
    #newkeyword-wrap .form-wrap input[type=submit]{ font-size:14px !important; }
    #newkeyword-wrap .anyone-use-wrap .text-area p.text{line-height: 22px;}

    #newkeyword-wrap .tip-box .tip-title,
    #newkeyword-wrap .tip-box .tip-description li .text,
    #newkeyword-wrap .document-view,
    #newkeyword-wrap .security-text,
    #newkeyword-wrap .why-text,
    #newkeyword-wrap .roi-content-text,
    #newkeyword-wrap .roi-content-from,
    #newkeyword-wrap p:not(.check-wrap) label,
    #newkeyword-wrap #landing-free-trial p:not(.check-wrap) input:not([type=submit]),
    #newkeyword-wrap #landing-free-trial .check-wrap,
    #newkeyword-wrap #landing-free-trial .check-wrap label,
    #newkeyword-wrap .check-wrap label a,
    #newkeyword-wrap .sns-content .trial-google,
    #newkeyword-wrap .sns-content .trial-facebook,
    #newkeyword-wrap .purchase-consultation .number,
    #newkeyword-wrap .purchase-consultation .mail-area .mail-address,
    #newkeyword-wrap #landing-free-trial .error-msg,
    #newkeyword-wrap .consulting-content li .qna-answer{ font-size:13px; }

    #newkeyword-wrap .main-text,
    #newkeyword-wrap .anyone-use-wrap .text-area p,
    #newkeyword-wrap section .sub-title,
    #newkeyword-wrap .roi-content-title,
    #newkeyword-wrap .trial-wrap .email-title,
    #newkeyword-wrap .purchase-consultation h4,
    #newkeyword-wrap .tip-box .tip-title,
    #newkeyword-wrap .no1-icons-area .icon-text,
    #newkeyword-wrap .consulting-content li .qna-question{ line-height:22px; }

    #newkeyword-wrap .tip-box .tip-description li .text,
    #newkeyword-wrap .security-text,
    #newkeyword-wrap .why-text,
    #newkeyword-wrap .why-title,
    #newkeyword-wrap .roi-content-text,
    #newkeyword-wrap #landing-free-trial .check-wrap label,
    #newkeyword-wrap #landing-free-trial .error-msg,
    #newkeyword-wrap .consulting-content li .qna-answer{ line-height:20px; }

    #newkeyword-wrap .imgs-area{ margin:0 auto; padding-bottom:40px; min-width:350px; width:350px; }
    #newkeyword-wrap .slide-btn p{ padding:12px 30px; }
    #newkeyword-wrap .anyone-use-wrap .swiper-wrap{ top:97px; margin-left:-130px; max-width:260px; }

    #newkeyword-wrap .tip-box-wrap{ text-align:center; }
    #newkeyword-wrap .tip-box{ padding:20px; }
    #newkeyword-wrap .roi-content-title:after,
    #newkeyword-wrap .tip-box .tip-text:after,
    #newkeyword-wrap .security-title:after,
    #newkeyword-wrap .why-title:after{ margin:0 auto; }
    #newkeyword-wrap .tip-box .left,
    #newkeyword-wrap .tip-box .tip-description{ width:100%; float:none; }
    #newkeyword-wrap .tip-trial-btn{ margin:10px 0; max-width:100%; }
    #newkeyword-wrap .document-area{ padding:0 !important; margin:25px auto;}
    #newkeyword-wrap .trial-btn.tip-trial-btn a{width: 80%; box-sizing: border-box}

    #newkeyword-wrap .security-contents-area .security-contents{ float:none; margin-bottom:25px; max-width:100%; width:100%; margin-right:0;}
    #newkeyword-wrap .security-contents-area .security-contents:last-child{ margin-bottom:0; }
    #newkeyword-wrap .security-text{ padding:0; }
    #newkeyword-wrap .why-remotecall0 li:not(:last-child) div{ margin:0 5%; }
    #newkeyword-wrap .roi-area{ text-align:center; margin-bottom:0; border-bottom:0; }
    #newkeyword-wrap .roi-area:last-child{ border-bottom:1px solid #ececec !important; }
    #newkeyword-wrap .roi-content-wrap{ width:100%; }
    #newkeyword-wrap .roi-content{ padding:26px 0; }
    #newkeyword-wrap .triangle-icon{ top:100%; left:50%; margin-left:-10px; margin-top:-23px; transform:rotate(90deg); }
    #newkeyword-wrap .chart-wrap{ width:100%; padding:20px 0; }
    #newkeyword-wrap .roi-area .chart-area{ overflow:hidden; margin:0 auto; max-width:325px; }
    #newkeyword-wrap .chart-text{ position:relative; top:0; left:0; }
    #newkeyword-wrap .free-trial-wrap .sub-title{ padding:30px 0; }
    #newkeyword-wrap #landing-free-trial{ padding:0 5%; }
    #newkeyword-wrap .form-wrap{ padding:30px 10px; }
    #newkeyword-wrap .trial-wrap .email-title{ padding-bottom:10px; }
    #newkeyword-wrap p:not(.check-wrap) label{ float:none; margin-bottom:5px; width:100%; }
    #newkeyword-wrap #landing-free-trial p:not(.check-wrap) input:not([type=submit]){ height:40px; }
    #newkeyword-wrap #landing-free-trial .check-wrap{ padding:0; }

    #newkeyword-wrap .trial-btn a{ float:none; margin:0 auto; }
    #newkeyword-wrap #landing-free-trial p:not(.check-wrap) input:not([type=submit]),
    #newkeyword-wrap #landing-free-trial .name-wrap span{ max-width:100%; }
    #newkeyword-wrap #landing-free-trial .name-wrap span{ margin-right:0; }
    #newkeyword-wrap #landing-free-trial .name-wrap span:last-child{ margin-right:0; margin-top:10px; }
    #newkeyword-wrap p:not(.name-wrap) .error-msg{ margin-left:0; }

    #newkeyword-wrap .sns-content a{ width:100%; margin-right:0 !important; float:none !important; }
    #newkeyword-wrap .sns-content .trial-google{ margin-bottom:10px; }
    #newkeyword-wrap .why-title:after{ display:none !important;}
    #newkeyword-wrap h2,
    #newkeyword-wrap .anyone-use-wrap .text-area,
    #newkeyword-wrap .anyone-use-wrap .text-area h3	{ text-align:center; }
    #newkeyword-wrap .main-text{ margin-bottom:30px; float:none; width:100%; text-align:center; }
    #newkeyword-wrap .anyone-use-wrap .text-area{ width:100%; }
    #newkeyword-wrap .remotecall-no1-wrap{ padding:70px 0 50px; }
    #newkeyword-wrap .no1-icons-area{ width:100%; }
    #newkeyword-wrap .no1-icons-area li{ margin-right:3%; min-width:31%; max-width:31%; }
    #newkeyword-wrap .no1-icons-area li img{ width:85px; }
    #newkeyword-wrap .no1-icons-area .as{ margin-right:0; }
    #newkeyword-wrap .no1-icons-area .bank{	margin-right:3%; clear:both; margin-left:18%; margin-top:25px; }
    #newkeyword-wrap .no1-icons-area li:last-child{ margin-top:25px; }
    #newkeyword-wrap .no1-icons-area .icon-text{ padding:0; }
    #newkeyword-wrap .why-remotecall1-wrap{ background:#fff; }
    #newkeyword-wrap .why-remotecall1{ background:url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_chart_grid3.png')no-repeat center; }
    #newkeyword-wrap .why-remotecall0 li{ width:100% !important; padding:15px 0 0 !important; }
    #newkeyword-wrap .why-icon{ padding-bottom:15px; }
    #newkeyword-wrap .why-remotecall0 li:not(:last-child) div{margin:0 15px; padding:0 !important; padding-bottom:25px !important; border-right:0; border-bottom:1px solid #eee;}
    #newkeyword-wrap .why-remotecall0 li:last-child div{ padding-bottom:50px !important; }
    #newkeyword-wrap .why-remotecall1 li{ padding:0; width:50%;}
    #newkeyword-wrap .why-remotecall1 li div{ border-right:0 !important; padding:20px 0; }
    #newkeyword-wrap .why-remotecall0-wrap .why-title{ margin-bottom:20px; }
    #newkeyword-wrap .consulting-wrap .consulting-content-area,
    #newkeyword-wrap .consulting-content{ padding:0; }
    #newkeyword-wrap .purchase-consultation p img{ margin:0; }
    #newkeyword-wrap .purchase-consultation{ padding:0; padding-bottom:20px; }
    #newkeyword-wrap .doc-links{ padding:0; width:100%; }
    #newkeyword-wrap .doc-links__inner{ overflow:hidden; }
    #newkeyword-wrap .doc-links__left,
    #newkeyword-wrap .doc-links__right{ float:unset; width:100%; text-align:center;}
    #newkeyword-wrap .doc-links__left{ margin-bottom:10px; }

    #newkeyword-wrap .consulting-content li{ padding:15px; cursor:pointer; }
    #newkeyword-wrap .consulting-content li .qna-answer{ display:none; padding-top:15px; }
    #newkeyword-wrap .consulting-content li .qna-question{ position:relative; padding-right:25px; }
    #newkeyword-wrap .consulting-content li .qna-question:after{position:absolute; top:50%; right:0; margin-top:-3px; display:block; width:14px; height:7px; content:'';background:url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_arrow_img_bottom.png')no-repeat; background-size:14px 7px;}
    #newkeyword-wrap .purchase-consultation-wrap{ width:100%; float:none;}
    #newkeyword-wrap .copyright-wrap{ padding:30px 4% !important; text-align:center; }
    #newkeyword-wrap .copyright-wrap .copyright-logo{ margin:0 10px 0 0; }
    #newkeyword-wrap .video-wrap{ margin-top:25px; }
    #newkeyword-wrap .btn-bottom{padding-bottom:0px;}
}
@media screen and (max-width:400px) {
    #newkeyword-wrap .imgs-area{ min-width:270px; max-width:270px; width:270px; }
    #newkeyword-wrap .anyone-use-wrap .swiper-wrap{ margin-left:-100px; max-width:200px; }
    #newkeyword-wrap .trial-btn.tip-trial-btn a{width: 100%;}
}

/* 모션*/
#newkeyword-wrap .appear--for-fade-in{opacity: 0}
#newkeyword-wrap .appear--for-fade-in-down{opacity: 0; -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); transform: translate(0, 15px)}
#newkeyword-wrap .appear--for-chart-down{height:100%; -webkit-transition: height 500ms linear; -o-transition: height 500ms linear; transition: height 500ms linear;}
#newkeyword-wrap .appear-normal{ opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 500ms ease-out, -webkit-transform 500ms ease-out; transition: opacity 500ms ease-out, -webkit-transform 500ms ease-out; -o-transition: opacity 500ms ease-out, transform 500ms ease-out; transition: opacity 500ms ease-out, transform 500ms ease-out; transition: opacity 500ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out;}
#newkeyword-wrap .appear-normal--slow{-webkit-transition: opacity 2s ease-out, -webkit-transform 2s ease-out;transition: opacity 2s ease-out, -webkit-transform 2s ease-out;-o-transition: opacity 2s ease-out, transform 2s ease-out;transition: opacity 2s ease-out, transform 2s ease-out;transition: opacity 2s ease-out, transform 2s ease-out, -webkit-transform 2s ease-out;}
#newkeyword-wrap .appear-normal--delay300{-webkit-transition-delay: 300ms;-o-transition-delay: 300ms;transition-delay: 300ms;}
#newkeyword-wrap .appear-normal--delay400{-webkit-transition-delay: 400ms;-o-transition-delay: 400ms;transition-delay: 400ms;}
#newkeyword-wrap .appear-normal--delay500{-webkit-transition-delay: 500ms;-o-transition-delay: 500ms;transition-delay: 500ms;}
#newkeyword-wrap .appear-normal--delay700{-webkit-transition-delay: 700ms;-o-transition-delay: 700ms;transition-delay: 700ms;}
#newkeyword-wrap .appear-normal--delay900{-webkit-transition-delay: 900ms;-o-transition-delay: 900ms;transition-delay: 900ms;}
#newkeyword-wrap .appear-normal--delay1100{-webkit-transition-delay: 1100ms;-o-transition-delay: 1100ms;transition-delay: 1100ms;}
#newkeyword-wrap .appear-chart{height:30px; -webkit-transition: height 500ms linear; -o-transition: height 500ms linear; transition: height 500ms linear;}

/* 대체 */
#newkeyword-wrap .section-01__body{ max-width: 1340px; margin: 0 auto; }
#newkeyword-wrap .section-01__body-items{position: relative; margin-bottom: 270px; /* 160px + 40px + 70px; */}
#newkeyword-wrap .section-01__body-items:after{content: " "; clear: both; display: block}
#newkeyword-wrap .section-01__body-item{float:left; width: 33%; margin-right: 0.5%;}
#newkeyword-wrap .section-01__body-item:last-child{margin-right: 0}
#newkeyword-wrap .section-01__body-item-bottom{position: absolute; bottom: -195px; /*160px + 35px; */ width: 33%; padding-top: 35px;background: url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_arrow_img_bottom.png') no-repeat top center;}
#newkeyword-wrap .section-01__body-item:hover .section-01__body-item-bottom{background-image: url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_arrow_img_bottom_hover.png')}

#newkeyword-wrap .when-rc-required__head{text-align: center; padding-bottom: 15px; }
#newkeyword-wrap .when-rc-required__img{width: 100%; height: 0; padding-bottom: 75%; /* 320px/420px*100 */ max-width: 440px;background: url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_anyone_use0.jpg') center center}
#newkeyword-wrap .when-rc-required__img--phone{background-image: url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_anyone_use1.jpg')}
#newkeyword-wrap .when-rc-required__img--live{background-image: url('/zh-cn/wp-content/uploads/image/landing/img_best_remote_support_anyone_use2.jpg')}
#newkeyword-wrap .when-rc-required__title{color:#3c99ff; font-size: 24px; margin: 20px 0; line-height:1.3em;}
#newkeyword-wrap .when-rc-required__desc{margin: 15px 0; font-size: 16px; line-height:1.6em; padding: 0 40px;}

#newkeyword-wrap .thumb-box{border: 1px solid #f3f3f3; background: white; box-sizing: border-box; width: 100%; height: 160px; margin:0 auto; position: relative; padding:25px 30px; line-height: 1.7em; font-size: 14px;}
#newkeyword-wrap .thumb-box__img, .thumb-box__body{float: left; width: 50%; box-sizing: border-box}
#newkeyword-wrap .thumb-box__body{padding-left: 10px; }
#newkeyword-wrap .thumb-box__label{display:inline-block; background: #70b4ff; border-radius: 15px; color:white; padding: 3px 15px 1px; margin-bottom: 5px;line-height:25px;}
#newkeyword-wrap .thumb-box__label--violet{background: #96acff}
#newkeyword-wrap .thumb-box__label--mint{background: #4cc9e8}

@media screen and (max-width:1024px){
    #newkeyword-wrap .section-01__body-items{margin-bottom: 390px; /* 280px + 40px + 70px; */}
    #newkeyword-wrap .section-01__body-item-bottom{bottom: -315px; /* 280px + 35px; */}

    #newkeyword-wrap .thumb-box{height: 280px; text-align: center}
    #newkeyword-wrap .thumb-box__img, .thumb-box__body{float:none; width: 80%; margin: 0 auto;}
    #newkeyword-wrap .thumb-box__img{ margin-bottom: 30px;}
}

@media screen and (max-width:780px){
    #newkeyword-wrap .section-01__body-items{margin-bottom: 0}

    #newkeyword-wrap .section-01__body-item{float:none; max-width: 440px; width: 100%; margin: 0 auto 25px; }
    #newkeyword-wrap .section-01__body-item:last-child{margin-right: auto}
    #newkeyword-wrap .section-01__body-item-bottom{ position: static; width: 100%; padding-top: 25px;}

    #newkeyword-wrap .when-rc-required__head{padding: 0;}
    #newkeyword-wrap .when-rc-required__title{font-size: 14px;}
    #newkeyword-wrap .when-rc-required__desc{font-size: 14px;}

    #newkeyword-wrap .thumb-box{padding: 15px; font-size: 13px; ; height: auto;}
    #newkeyword-wrap .thumb-box__img{ margin-bottom: 10px;}
}