@charset "utf-8";

/* ==================================================
   Cynet (/products/cynet/cynet.php)
================================================== */

.cy_mo {
  display: none;
}

/* visual */
#wrap.products .pd_visual.cynetBg {
  height: 956rem;
  background: linear-gradient(180deg, rgba(0, 2, 8, 0.5) 0, rgba(0, 2, 8, 0) 286rem), linear-gradient(180deg, rgba(0, 2, 8, 0) calc(100% - 286rem), #000208 calc(100% - 224rem)), url(/images/contents/cynet/cynet_bg.png) center center/cover no-repeat;
}
#wrap.products .pd_visual.cynetBg .pd_visual_top .pd_visual_logo {
  width: auto;
}
#wrap.products .pd_visual.cynetBg .pd_visual_top .pd_visual_logo p {
  width: 380rem;
  font-size: 180rem;
  line-height: 0.75;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
#wrap.products .pd_visual.cynetBg .pd_visual_box {
  padding-right: 0;
}
#wrap.products .pd_visual.cynetBg .pd_visual_desc {
  width: 751rem;
  white-space: nowrap;
}

/* common */
#wrap.products .pd_wrap .cy_sec {
  padding: 75rem 120rem;
}
#wrap.products .pd_wrap .cy_sec.cy_about {
  padding-top: 0;
}
#wrap.products .pd_wrap .cy_sec_cont {
  padding-top: 60rem;
}
#wrap.products .pd_wrap .cy_sec_title {
  font-size: 58rem;
  line-height: 1.2;
  font-weight: 300;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_sec_title b {
  font-weight: 500;
}
#wrap.products .pd_wrap .cy_sec_cont > .cy_sec_title + * {
  margin-top: 60rem;
}

/* about */
#wrap.products .pd_wrap .cy_about_cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.products .pd_wrap .cy_about_desc {
  margin-top: 31rem;
}
#wrap.products .pd_wrap .cy_about_desc p {
  font-size: 20rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_about_desc p + p {
  margin-top: 10rem;
}
#wrap.products .pd_wrap .cy_about_desc p b {
  font-weight: 500;
}
#wrap.products .pd_wrap .cy_flow {
  width: 840rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrap.products .pd_wrap .cy_threat {
  padding: 12rem 28rem 12rem 22rem;
  border-radius: 999rem;
  background: #fdeeee;
  display: flex;
  align-items: center;
  gap: 12rem;
}
#wrap.products .pd_wrap .cy_threat img {
  width: 30rem;
  height: 30rem;
}
#wrap.products .pd_wrap .cy_threat span {
  font-size: 22rem;
  line-height: normal;
  font-weight: 600;
  color: #c24444;
}
#wrap.products .pd_wrap .cy_flow_arrow {
  width: 18rem;
  height: 40rem;
}
#wrap.products .pd_wrap .cy_panel {
  margin-top: 22rem;
  padding: 48rem 40rem 40rem;
  width: 100%;
  border: 2rem solid #268CFF;
  border-radius: 20rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24rem;
  position: relative;
}
#wrap.products .pd_wrap .cy_panel_pill {
  padding: 10rem 36rem;
  border-radius: 22.5rem;
  background: #268CFF;
  color: #fff;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 10rem;
  position: absolute;
  top: -28.5rem;
  left: 50%;
  transform: translateX(-50%);
}
#wrap.products .pd_wrap .cy_panel_pill span {
  font-size: 18rem;
  line-height: normal;
  font-weight: 500;
}
#wrap.products .pd_wrap .cy_panel_pill span.barlow {
  font-size: 24rem;
  font-weight: 600;
  letter-spacing: 0.96rem;
}
#wrap.products .pd_wrap .cy_panel_pill img {
  width: 4rem;
  height: 4rem;
}
#wrap.products .pd_wrap .cy_engines {
  display: flex;
  align-items: center;
}
#wrap.products .pd_wrap .cy_engine {
  width: 290rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrap.products .pd_wrap .cy_engine .name {
  font-size: 34rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_engine .sub {
  font-size: 18rem;
  line-height: normal;
  font-weight: 500;
  letter-spacing: 0.36rem;
  color: #268CFF;
}
#wrap.products .pd_wrap .cy_engine .desc {
  margin-top: 8rem;
  font-size: 20rem;
  line-height: 1.5;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_link {
  width: 180rem;
  height: 131rem;
  flex-shrink: 0;
  position: relative;
}
#wrap.products .pd_wrap .cy_link .line {
  width: 280rem;
  height: 4rem;
  position: absolute;
  top: 63.5rem;
  left: -50rem;
}
#wrap.products .pd_wrap .cy_link .badge {
  width: 52rem;
  height: 52rem;
  border: 2rem solid #CAE3FF;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 39.5rem;
  left: 64rem;
}
#wrap.products .pd_wrap .cy_link .badge img {
  width: 28rem;
  height: 28rem;
}
#wrap.products .pd_wrap .cy_strip {
  display: none;
}
#wrap.products .pd_wrap .cy_result {
  padding: 16rem 40rem 16rem 28rem;
  border: 1rem solid #cfcfcf;
  border-radius: 20rem;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 20rem;
}
#wrap.products .pd_wrap .cy_result .icon {
  width: 56rem;
  height: 56rem;
  border-radius: 50%;
  background: #E2F0FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
#wrap.products .pd_wrap .cy_result .icon img {
  width: 30rem;
  height: 30rem;
}
#wrap.products .pd_wrap .cy_result .text b {
  font-size: 24rem;
  line-height: normal;
  font-weight: 600;
  color: #2a2a2a;
  display: block;
}
#wrap.products .pd_wrap .cy_result .text p {
  margin-top: 4rem;
  font-size: 20rem;
  line-height: normal;
  color: #4d4d4d;
}

/* for smb */
#wrap.products .pd_wrap .cy_smb_list {
  display: flex;
  gap: 19rem;
}
#wrap.products .pd_wrap .cy_smb_list li {
  padding: 40rem 27rem 0;
  height: 401rem;
  border-radius: 20rem;
  background: #F6F6F6;
  flex: 1;
  position: relative;
}
#wrap.products .pd_wrap .cy_smb_list li .num {
  font-size: 22rem;
  line-height: 1;
  font-weight: 500;
  color: #2a2a2a;
  position: absolute;
  top: 22rem;
  left: 500rem;
}
#wrap.products .pd_wrap .cy_smb_list li .icon {
  margin-left: 3rem;
  width: 100rem;
  height: 100rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_smb_list li .icon img {
  width: 60rem;
  height: 60rem;
}
#wrap.products .pd_wrap .cy_smb_list li .text {
  margin-top: 64rem;
}
#wrap.products .pd_wrap .cy_smb_list li .tit {
  font-size: 24rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_smb_list li .desc {
  margin-top: 14rem;
  font-size: 20rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_smb_list li.on {
  background: #268CFF;
}
#wrap.products .pd_wrap .cy_smb_list li.on .num,
#wrap.products .pd_wrap .cy_smb_list li.on .tit,
#wrap.products .pd_wrap .cy_smb_list li.on .desc {
  color: #fff;
}

/* advantages */
#wrap.products .pd_wrap .cy_adv_cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.products .pd_wrap .cy_fact {
  margin-top: 61rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20rem;
}
#wrap.products .pd_wrap .cy_fact_num {
  font-size: 140rem;
  line-height: 130rem;
  font-weight: 600;
  color: #EF5B5B;
}
#wrap.products .pd_wrap .cy_fact_num small {
  font-size: 72rem;
}
#wrap.products .pd_wrap .cy_fact_txt {
  font-size: 26rem;
  line-height: 1.45;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_fact_txt b {
  font-weight: 600;
}
#wrap.products .pd_wrap .cy_fact_ratio {
  width: 560rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
#wrap.products .pd_wrap .cy_fact_bar {
  height: 14rem;
  border-radius: 7rem;
  background: #F1F1F1;
  overflow: hidden;
}
#wrap.products .pd_wrap .cy_fact_bar span {
  width: 88%;
  height: 100%;
  background: #EF5B5B;
  display: block;
}
#wrap.products .pd_wrap .cy_fact_label {
  font-size: 16rem;
  line-height: normal;
  font-weight: 500;
  color: #9a9a9a;
  display: flex;
  justify-content: space-between;
}
#wrap.products .pd_wrap .cy_fact_label span:first-of-type {
  color: #EF5B5B;
}
#wrap.products .pd_wrap .cy_fact_source {
  font-size: 14rem;
  line-height: normal;
  color: #9a9a9a;
}
#wrap.products .pd_wrap .cy_cmp {
  width: 840rem;
  display: flex;
  align-items: center;
}
#wrap.products .pd_wrap .cy_cmp_vs {
  width: 104rem;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
#wrap.products .pd_wrap .cy_cmp_vs .badge {
  width: 52rem;
  height: 52rem;
  border: 2rem solid #CAE3FF;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_cmp_vs .badge img {
  width: 24rem;
  height: 24rem;
}
#wrap.products .pd_wrap .cy_cmp_card {
  padding: 28rem 20rem 32rem;
  width: 368rem;
  border-radius: 20rem;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20rem;
  flex-shrink: 0;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet {
  border: 2rem solid #268CFF;
  background: #F5FAFF;
}
#wrap.products .pd_wrap .cy_cmp_card .side {
  display: contents;
}
#wrap.products .pd_wrap .cy_cmp_card .tag {
  order: 1;
  padding: 0 20rem;
  height: 36rem;
  border-radius: 999rem;
  background: #fff;
  font-size: 17rem;
  line-height: normal;
  font-weight: 500;
  color: #5b6675;
  display: flex;
  align-items: center;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet .tag {
  background: #268CFF;
  font-size: 20rem;
  font-weight: 600;
  letter-spacing: 0.8rem;
  color: #fff;
}
#wrap.products .pd_wrap .cy_cmp_card .dial {
  order: 2;
  width: 260rem;
  height: 260rem;
  flex-shrink: 0;
  position: relative;
}
#wrap.products .pd_wrap .cy_cmp_card .dial .ring {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#wrap.products .pd_wrap .cy_cmp_card .dial .hour {
  display: none;
}
#wrap.products .pd_wrap .cy_cmp_card .dial .center {
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wrap.products .pd_wrap .cy_cmp_card .dial .center strong {
  font-size: 36rem;
  line-height: normal;
  font-weight: 700;
  color: #5b6675;
}
#wrap.products .pd_wrap .cy_cmp_card .dial .center span {
  font-size: 16rem;
  line-height: normal;
  color: #9a9a9a;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet .dial .center strong {
  font-size: 56rem;
  line-height: 56rem;
  font-weight: 600;
  color: #268CFF;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet .dial .center span {
  font-weight: 500;
  color: #6DB2FF;
}
#wrap.products .pd_wrap .cy_cmp_card .dial .badge {
  width: 44rem;
  height: 44rem;
  position: absolute;
  top: 42.95rem;
  left: 173.05rem;
}
#wrap.products .pd_wrap .cy_cmp_card .txt {
  order: 4;
  font-size: 26rem;
  line-height: normal;
  font-weight: 600;
  color: #2a2a2a;
  text-align: center;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet .txt {
  color: #268CFF;
}
#wrap.products .pd_wrap .cy_cmp_card .week {
  order: 3;
  display: flex;
  gap: 8rem;
}
#wrap.products .pd_wrap .cy_cmp_card .week span {
  width: 36rem;
  height: 36rem;
  border-radius: 50%;
  background: #A9B2BD;
  font-size: 15rem;
  line-height: normal;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_cmp_card .week span.off {
  border: 1.5rem dashed #EF5B5B;
  background: #fff;
  color: #EF5B5B;
}
#wrap.products .pd_wrap .cy_cmp_card.cynet .week span {
  background: #268CFF;
}

/* features */
#wrap.products .pd_wrap .cy_feature_list {
  display: flex;
  align-items: stretch;
  gap: 20rem;
}
#wrap.products .pd_wrap .cy_feature_list li {
  padding: 20rem 20rem 36rem;
  width: 405rem;
  border-radius: 20rem;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  gap: 28rem;
}
#wrap.products .pd_wrap .cy_feature_list li .shot {
  border-radius: 12rem;
  background: #fff;
  overflow: hidden;
}
#wrap.products .pd_wrap .cy_feature_list li .shot img {
  width: 365rem;
  object-fit: cover;
}
#wrap.products .pd_wrap .cy_feature_list li .shot .txt {
  color: #9A9A9A;
  text-align: center;
  font-size: 13rem;
}
#wrap.products .pd_wrap .cy_feature_list li .body {
  padding: 0 8rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}
#wrap.products .pd_wrap .cy_feature_list li .label {
  line-height: normal;
  display: flex;
  align-items: center;
  gap: 8rem;
}
#wrap.products .pd_wrap .cy_feature_list li .label .num {
  font-size: 24rem;
  font-weight: 500;
  color: #6DB2FF;
}
#wrap.products .pd_wrap .cy_feature_list li .label .cate {
  font-size: 18rem;
  font-weight: 500;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_feature_list li .tit {
  font-size: 26rem;
  line-height: normal;
  font-weight: 600;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_feature_list li .desc {
  font-size: 18rem;
  line-height: 1.5;
  color: #4d4d4d;
}

/* support */
#wrap.products .pd_wrap .cy_support_list {
  display: flex;
  gap: 20rem;
}
#wrap.products .pd_wrap .cy_support_list li {
  padding: 40rem 30rem 44rem;
  width: 547rem;
  border-radius: 20rem;
  background: #F6F6F6;
  position: relative;
}
#wrap.products .pd_wrap .cy_support_list li .num {
  font-size: 16rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
  position: absolute;
  top: 26rem;
  left: 500rem;
}
#wrap.products .pd_wrap .cy_support_list li .icon {
  width: 100rem;
  height: 100rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_support_list li .icon img {
  width: 60rem;
  height: 60rem;
}
#wrap.products .pd_wrap .cy_support_list li .text {
  margin-top: 48rem;
}
#wrap.products .pd_wrap .cy_support_list li .tit {
  font-size: 24rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_support_list li .desc {
  margin-top: 12rem;
  font-size: 16rem;
  line-height: 1.5;
  color: #4d4d4d;
}

/* packages */
#wrap.products .pd_wrap .cy_package_plan {
  display: flex;
  align-items: stretch;
  gap: 20rem;
}
#wrap.products .pd_wrap .cy_package_plan .elite {
  padding: 44rem;
  width: 547rem;
  border-radius: 20rem;
  background: #268CFF;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 4rem;
  flex-shrink: 0;
}
#wrap.products .pd_wrap .cy_package_plan .elite .tag {
  padding: 6rem 16rem;
  border-radius: 999rem;
  background: rgba(255, 255, 255, 0.18);
  font-size: 17rem;
  line-height: normal;
  font-weight: 500;
  color: #fff;
}
#wrap.products .pd_wrap .cy_package_plan .elite .name {
  font-size: 110rem;
  line-height: 110rem;
  font-weight: 600;
  letter-spacing: 2.2rem;
  color: #fff;
}
#wrap.products .pd_wrap .cy_package_plan .func {
  padding: 48rem 56rem;
  width: 1113rem;
  border: 5rem solid #F6F6F6;
  border-radius: 20rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 28rem;
}
#wrap.products .pd_wrap .cy_package_plan .func .tit {
  font-size: 24rem;
  line-height: normal;
  font-weight: 600;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_package_plan .func ul {
  display: flex;
  flex-wrap: wrap;
  gap: 22rem 24rem;
}
#wrap.products .pd_wrap .cy_package_plan .func li {
  width: 300rem;
  display: flex;
  align-items: center;
  gap: 14rem;
}
#wrap.products .pd_wrap .cy_package_plan .func li img {
  width: 32rem;
  height: 32rem;
  flex-shrink: 0;
}
#wrap.products .pd_wrap .cy_package_plan .func li span {
  font-size: 20rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_more {
  margin-top: 48rem;
  display: flex;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_more a {
  padding: 16rem 36rem 16rem 40rem;
  border: 1rem solid #cfcfcf;
  border-radius: 999rem;
  background: #fff;
  font-size: 18rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
  display: flex;
  align-items: center;
  gap: 10rem;
}
#wrap.products .pd_wrap .cy_more a img {
  width: 16rem;
  height: 16rem;
}

/* trial */
#wrap.products .pd_wrap .cy_trial_box {
  padding: 56rem 60rem 44rem;
  border: 5rem solid #F6F6F6;
  border-radius: 20rem;
  background: #fff;
}
#wrap.products .pd_wrap .cy_steps {
  position: relative;
}
#wrap.products .pd_wrap .cy_steps .connector {
  width: 1170rem;
  height: 4rem;
  position: absolute;
  top: 134rem;
  left: 195rem;
}
#wrap.products .pd_wrap .cy_steps ol {
  display: flex;
  position: relative;
  z-index: 1;
}
#wrap.products .pd_wrap .cy_steps li {
  width: 390rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrap.products .pd_wrap .cy_steps li .info {
  display: contents;
}
#wrap.products .pd_wrap .cy_steps li .num {
  order: 1;
  font-size: 40rem;
  line-height: normal;
  font-weight: 500;
  color: #6DB2FF;
}
#wrap.products .pd_wrap .cy_steps li .num .step {
  display: none;
}
#wrap.products .pd_wrap .cy_steps li .icon {
  order: 2;
  margin-top: 18rem;
  width: 140rem;
  height: 140rem;
  border-radius: 50%;
  background: #E2F0FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products .pd_wrap .cy_steps li .icon img {
  width: 60rem;
  height: 60rem;
}
#wrap.products .pd_wrap .cy_steps li .text {
  order: 3;
  margin-top: 36rem;
}
#wrap.products .pd_wrap .cy_steps li .tit {
  font-size: 26rem;
  line-height: normal;
  font-weight: 600;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_steps li .desc {
  margin-top: 12rem;
  font-size: 18rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_steps li.on .icon {
  background: #268CFF;
}
#wrap.products .pd_wrap .cy_steps li.on .tit {
  color: #268CFF;
}
#wrap.products .pd_wrap .cy_trial_cta {
  margin-top: 52rem;
  padding-top: 52rem;
  border-top: 1rem solid #E6E6E6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap.products .pd_wrap .cy_trial_cta p {
  font-size: 24rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_trial_cta p b {
  font-weight: 600;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_trial_cta a {
  padding: 18rem 40rem 18rem 44rem;
  border-radius: 999rem;
  background: #268CFF;
  font-size: 20rem;
  line-height: normal;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12rem;
}
#wrap.products .pd_wrap .cy_trial_cta a img {
  width: 18rem;
  height: 18rem;
}

/* insights */
#wrap.products .pd_wrap .cy_insight_slide {
  margin-top: 56rem;
  border-bottom: 1rem solid #B3B3B3;
}
#wrap.products .pd_wrap .cy_insight_slide .swiper-slide {
  padding: 50rem 0 48rem 52rem;
  height: auto;
  border-left: 1rem solid #B3B3B3;
}
#wrap.products .pd_wrap .cy_insight_slide .swiper-slide:first-child {
  padding-left: 0;
  border-left: 0;
}
#wrap.products .pd_wrap .cy_insight_slide .tit {
  font-size: 24rem;
  line-height: normal;
  font-weight: 500;
  color: #2a2a2a;
}
#wrap.products .pd_wrap .cy_insight_slide .desc {
  margin-top: 8rem;
  font-size: 20rem;
  line-height: normal;
  color: #4d4d4d;
}
#wrap.products .pd_wrap .cy_insight_slide .tags {
  margin-top: 27rem;
  display: flex;
  gap: 10rem;
}
#wrap.products .pd_wrap .cy_insight_slide .tags span {
  padding: 5rem 20rem;
  width: 111rem;
  border: 1rem solid #B3B3B3;
  border-radius: 20rem;
  font-size: 17rem;
  line-height: normal;
  font-weight: 500;
  color: #B3B3B3;
  text-align: center;
}
#wrap.products .pd_wrap .cy_insight_slide .tags span.blue {
  border-color: #268CFF;
  color: #268CFF;
}
#wrap.products .pd_wrap .cy_insight_slide .img {
  margin-top: 100rem;
  width: 376rem;
  height: 212rem;
  border-radius: 24rem;
  overflow: hidden;
  position: relative;
}
#wrap.products .pd_wrap .cy_insight_slide .img img {
  height: 100%;
  object-fit: cover;
}
#wrap.products .pd_wrap .cy_insight_slide .img img.crop {
  max-width: none;
  width: 159.41%;
  height: 282.72%;
  position: absolute;
  top: -110.85%;
  left: -31.75%;
}
#wrap.products .pd_wrap .cy_insight_slide .swiper-pagination {
  display: none;
}
#wrap.products .pd_wrap .cy_viewmore {
  margin-top: 50rem;
  display: flex;
  justify-content: flex-end;
}
#wrap.products .pd_wrap .cy_viewmore a {
  font-size: 18rem;
  line-height: normal;
  color: #4d4d4d;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10rem;
}
#wrap.products .pd_wrap .cy_viewmore a img {
  width: 11rem;
  height: 11rem;
}

/* vendor */
#wrap.products .cy_vendor {
/*  margin-top: 70rem;*/
  padding: 52rem 120rem 0;
  height: 758rem;
  overflow: hidden;
  position: relative;
}
#wrap.products .cy_vendor .bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#wrap.products .cy_vendor .bg img {
  max-width: none;
  width: 112.13%;
  height: 102.83%;
  position: absolute;
  top: -1.99%;
  left: -2.55%;
}
#wrap.products .cy_vendor .cont {
  position: relative;
}
#wrap.products .cy_vendor .name {
  width: 330rem;
  font-size: 150rem;
  line-height: 150rem;
  font-weight: 600;
  color: #2a2a2a;
}
#wrap.products .cy_vendor .desc {
  margin-top: 101rem;
  font-size: 24rem;
  line-height: 1.4;
  color: #4d4d4d;
}

@media screen and (max-width: 1000px) {
  .cy_pc {
    display: none !important;
  }
  .cy_mo {
    display: block;
  }

  /* visual */
  #wrap.products .pd_visual.cynetBg {
    height: 640rem;
    background: linear-gradient(180deg, rgba(0, 2, 8, 0) calc(100% - 191rem), #000208 calc(100% - 150rem)), url(/images/contents/cynet/cynet_bg.png) center center/cover no-repeat;
  }
  #wrap.products .pd_visual.cynetBg .pd_visual_top .pd_visual_logo p {
	width: 280rem;
    font-size: 80rem;
    line-height: 1;
  }
  #wrap.products .pd_visual.cynetBg .pd_visual_desc {
    width: auto;
    white-space: normal;
  }

  /* common */
  #wrap.products .pd_wrap .cy_sec {
    padding: 40rem 20rem;
  }
  #wrap.products .pd_wrap .cy_sec_cont {
    padding-top: 28rem;
  }
  #wrap.products .pd_wrap .cy_sec_title {
    font-size: 30rem;
    line-height: 1.25;
  }
  #wrap.products .pd_wrap .cy_sec_cont > .cy_sec_title + * {
    margin-top: 28rem;
  }

  /* about */
  #wrap.products .pd_wrap .cy_about_cont {
    flex-direction: column;
    align-items: stretch;
    gap: 28rem;
  }
  #wrap.products .pd_wrap .cy_about_desc {
    margin-top: 16rem;
  }
  #wrap.products .pd_wrap .cy_about_desc p {
    font-size: 15rem;
    line-height: 1.55;
  }
  #wrap.products .pd_wrap .cy_about_desc p + p {
    margin-top: 0;
  }
  #wrap.products .pd_wrap .cy_about_desc p b {
    font-weight: 400;
  }
  #wrap.products .pd_wrap .cy_flow {
    width: 100%;
  }
  #wrap.products .pd_wrap .cy_threat {
    padding: 8rem 18rem 8rem 14rem;
    gap: 8rem;
  }
  #wrap.products .pd_wrap .cy_threat img {
    width: 22rem;
    height: 22rem;
  }
  #wrap.products .pd_wrap .cy_threat span {
    font-size: 16rem;
  }
  #wrap.products .pd_wrap .cy_flow_arrow {
    height: 32rem;
  }
  #wrap.products .pd_wrap .cy_panel {
    margin-top: 16rem;
    padding: 36rem 16rem 18rem;
    border: 4rem solid #F6F6F6;
    border-radius: 16rem;
    gap: 20rem;
  }
  #wrap.products .pd_wrap .cy_panel_pill {
    padding: 7rem 20rem;
    border-radius: 999rem;
    gap: 8rem;
    top: -26rem;
  }
  #wrap.products .pd_wrap .cy_panel_pill span {
    font-size: 13rem;
  }
  #wrap.products .pd_wrap .cy_panel_pill span.barlow {
    font-size: 18rem;
    letter-spacing: 0.72rem;
  }
  #wrap.products .pd_wrap .cy_panel_pill img {
    width: 3rem;
    height: 3rem;
  }
  #wrap.products .pd_wrap .cy_engine {
    width: 112rem;
    gap: 2rem;
  }
  #wrap.products .pd_wrap .cy_engine .name {
    font-size: 24rem;
  }
  #wrap.products .pd_wrap .cy_engine .sub {
    font-size: 13rem;
    letter-spacing: 0.26rem;
  }
  #wrap.products .pd_wrap .cy_engine .desc {
    margin-top: 6rem;
    font-size: 14rem;
  }
  #wrap.products .pd_wrap .cy_link {
    width: 64rem;
    height: 40rem;
  }
  #wrap.products .pd_wrap .cy_link .line {
    width: 64rem;
    height: 2rem;
    top: 19rem;
    left: 0;
  }
  #wrap.products .pd_wrap .cy_link .badge {
    width: 36rem;
    height: 36rem;
    top: 2rem;
    left: 14rem;
  }
  #wrap.products .pd_wrap .cy_link .badge img {
    width: 18rem;
    height: 18rem;
  }
  #wrap.products .pd_wrap .cy_strip {
    padding: 10rem 12rem;
    width: 100%;
    border-radius: 10rem;
    background: #E2F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6rem;
  }
  #wrap.products .pd_wrap .cy_strip img {
    width: 16rem;
    height: 16rem;
  }
  #wrap.products .pd_wrap .cy_strip p {
    font-size: 12rem;
    line-height: normal;
    font-weight: 500;
    color: #1F5FA8;
    white-space: nowrap;
  }
  #wrap.products .pd_wrap .cy_result {
    padding: 12rem 24rem 12rem 18rem;
    border-radius: 16rem;
    gap: 14rem;
  }
  #wrap.products .pd_wrap .cy_result .icon {
    width: 44rem;
    height: 44rem;
  }
  #wrap.products .pd_wrap .cy_result .icon img {
    width: 22rem;
    height: 22rem;
  }
  #wrap.products .pd_wrap .cy_result .text b {
    font-size: 17rem;
  }
  #wrap.products .pd_wrap .cy_result .text p {
    margin-top: 2rem;
    font-size: 14rem;
  }

  /* for smb */
  #wrap.products .pd_wrap .cy_smb_list {
    flex-direction: column;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li {
    padding: 22rem 12rem 22rem 16rem;
    height: auto;
    border-radius: 16rem;
    display: flex;
    align-items: center;
    gap: 14rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li .num {
    font-size: 14rem;
    line-height: normal;
    top: 10rem;
    left: auto;
    right: 14rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li .icon {
    margin-left: 0;
    width: 64rem;
    height: 64rem;
    flex-shrink: 0;
  }
  #wrap.products .pd_wrap .cy_smb_list li .icon img {
    width: 40rem;
    height: 40rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li .text {
    margin-top: 0;
    width: 214rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li .tit {
    font-size: 16rem;
  }
  #wrap.products .pd_wrap .cy_smb_list li .desc {
    margin-top: 4rem;
    font-size: 13.5rem;
    line-height: 1.5;
  }

  /* advantages */
  #wrap.products .pd_wrap .cy_adv_cont {
    flex-direction: column;
    align-items: stretch;
    gap: 28rem;
  }
  #wrap.products .pd_wrap .cy_fact {
    margin-top: 28rem;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_fact_num {
    font-size: 96rem;
    line-height: 90rem;
  }
  #wrap.products .pd_wrap .cy_fact_num small {
    font-size: 48rem;
  }
  #wrap.products .pd_wrap .cy_fact_txt {
    font-size: 18rem;
  }
  #wrap.products .pd_wrap .cy_fact_ratio {
    width: 100%;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_fact_bar {
    height: 10rem;
    border-radius: 5rem;
  }
  #wrap.products .pd_wrap .cy_fact_label {
    font-size: 13rem;
  }
  #wrap.products .pd_wrap .cy_fact_source {
    font-size: 12rem;
  }
  #wrap.products .pd_wrap .cy_cmp {
    width: 100%;
    flex-direction: column;
    gap: 10rem;
  }
  #wrap.products .pd_wrap .cy_cmp_vs {
    width: auto;
  }
  #wrap.products .pd_wrap .cy_cmp_vs img {
    width: 32rem;
    height: 32rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card {
    padding: 16rem 16rem 16rem 12rem;
    width: 100%;
    border-radius: 16rem;
    flex-direction: row-reverse;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card.cynet {
    background: #fff;
  }
  #wrap.products .pd_wrap .cy_cmp_card .side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .tag {
    padding: 0 12rem;
    height: 26rem;
    font-size: 13rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card.cynet .tag {
    font-size: 15rem;
    letter-spacing: 0.6rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial {
    width: 140rem;
    height: 140rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .hour {
    font-size: 8.4rem;
    line-height: normal;
    font-weight: 500;
    color: #9a9a9a;
    display: block;
    position: absolute;
    transform: translateX(-50%);
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .hour.h0 {
    top: 2.1rem;
    left: 69.9rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .hour.h6 {
    top: 65.1rem;
    left: 134.3rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .hour.h12 {
    top: 128.1rem;
    left: 69.85rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .hour.h18 {
    top: 65.1rem;
    left: 5.45rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .center {
    gap: 0;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .center strong {
    font-size: 16.8rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .center span {
    font-size: 8.4rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card.cynet .dial .center strong {
    font-size: 28rem;
    line-height: 28rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .dial .badge {
    width: 22.4rem;
    height: 22.4rem;
    top: 23.16rem;
    left: 94.44rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .txt {
    order: 2;
    font-size: 19rem;
    line-height: 1.35;
    text-align: left;
  }
  #wrap.products .pd_wrap .cy_cmp_card .week {
    gap: 3rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .week span {
    width: 18rem;
    height: 18rem;
    font-size: 9rem;
  }
  #wrap.products .pd_wrap .cy_cmp_card .week span.off {
    border-width: 1rem;
  }

  /* features */
  #wrap.products .pd_wrap .cy_feature_list {
    flex-direction: column;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li {
    padding: 14rem 14rem 22rem;
    width: 100%;
    border-radius: 16rem;
    gap: 18rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .shot {
    padding-bottom: 10rem;
    border-radius: 10rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .shot img {
    margin: 0 auto;
    width: 292rem;
    height: 182.4rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .shot .txt {
    font-size: 11rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .body {
    padding: 0 4rem;
    gap: 6rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .label {
    gap: 6rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .label .num {
    font-size: 18rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .label .cate {
    font-size: 14rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .tit {
    font-size: 19rem;
  }
  #wrap.products .pd_wrap .cy_feature_list li .desc {
    font-size: 14rem;
  }

  /* support */
  #wrap.products .pd_wrap .cy_support_list {
    flex-direction: column;
    gap: 12rem;
  }
  #wrap.products .pd_wrap .cy_support_list li {
    padding: 20rem 12rem 20rem 16rem;
    width: 100%;
    border-radius: 16rem;
    display: flex;
    align-items: center;
    gap: 14rem;
  }
  #wrap.products .pd_wrap .cy_support_list li .num {
    font-size: 14rem;
    top: 10rem;
    left: auto;
    right: 14rem;
  }
  #wrap.products .pd_wrap .cy_support_list li .icon {
    width: 64rem;
    height: 64rem;
    flex-shrink: 0;
  }
  #wrap.products .pd_wrap .cy_support_list li .icon img {
    width: 40rem;
    height: 40rem;
  }
  #wrap.products .pd_wrap .cy_support_list li .text {
    margin-top: 0;
  }
  #wrap.products .pd_wrap .cy_support_list li .tit {
    font-size: 16rem;
  }
  #wrap.products .pd_wrap .cy_support_list li .desc {
    margin-top: 4rem;
    font-size: 13.5rem;
  }

  /* packages */
  #wrap.products .pd_wrap .cy_package_plan {
    flex-direction: column;
    gap: 28rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .elite {
    padding: 24rem;
    width: 100%;
    border-radius: 16rem;
    gap: 2rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .elite .tag {
    padding: 4rem 12rem;
    font-size: 13rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .elite .name {
    font-size: 64rem;
    line-height: 68rem;
    letter-spacing: 1.28rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func {
    padding: 24rem;
    width: 100%;
    border-width: 4rem;
    border-radius: 16rem;
    gap: 14rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func .tit {
    font-size: 17rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func ul {
    flex-direction: column;
    gap: 14rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func li {
    width: auto;
    gap: 10rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func li img {
    width: 24rem;
    height: 24rem;
  }
  #wrap.products .pd_wrap .cy_package_plan .func li span {
    font-size: 15rem;
  }
  #wrap.products .pd_wrap .cy_more {
    margin-top: 28rem;
  }
  #wrap.products .pd_wrap .cy_more a {
    padding: 12rem 24rem 12rem 28rem;
    font-size: 15rem;
    gap: 8rem;
  }
  #wrap.products .pd_wrap .cy_more a img {
    width: 14rem;
    height: 14rem;
  }

  /* trial */
  #wrap.products .pd_wrap .cy_trial_box {
    padding: 24rem 20rem;
    border-width: 4rem;
    border-radius: 16rem;
  }
  #wrap.products .pd_wrap .cy_steps .connector {
    display: none;
  }
  #wrap.products .pd_wrap .cy_steps ol {
    flex-direction: column;
  }
  #wrap.products .pd_wrap .cy_steps li {
    width: 100%;
    text-align: left;
    flex-direction: row;
    align-items: flex-start;
    gap: 16rem;
  }
  #wrap.products .pd_wrap .cy_steps li:not(:last-child) {
    min-height: 92rem;
  }
  #wrap.products .pd_wrap .cy_steps li .icon {
    order: 0;
    margin-top: 0;
    width: 64rem;
    height: 64rem;
    flex-shrink: 0;
    position: relative;
  }
  #wrap.products .pd_wrap .cy_steps li .info {
    padding-top: 8rem;
    display: block;
  }
  #wrap.products .pd_wrap .cy_steps li:not(:last-child) .icon::after {
    width: 2rem;
    height: 28rem;
    background: #E6E6E6;
    content: "";
    position: absolute;
    top: 100%;
    left: 31rem;
  }
  #wrap.products .pd_wrap .cy_steps li .icon img {
    width: 27.43rem;
    height: 27.43rem;
  }
  #wrap.products .pd_wrap .cy_steps li .num {
    font-size: 14rem;
    letter-spacing: 0.42rem;
  }
  #wrap.products .pd_wrap .cy_steps li .num .step {
    display: inline;
  }
  #wrap.products .pd_wrap .cy_steps li.on .num {
    color: #268CFF;
  }
  #wrap.products .pd_wrap .cy_steps li .text {
    margin-top: 2rem;
  }
  #wrap.products .pd_wrap .cy_steps li .tit {
    font-size: 18rem;
  }
  #wrap.products .pd_wrap .cy_steps li .desc {
    margin-top: 2rem;
    font-size: 14rem;
  }
  #wrap.products .pd_wrap .cy_trial_cta {
    margin-top: 24rem;
    padding-top: 16rem;
    flex-direction: column;
    align-items: stretch;
    gap: 16rem;
  }
  #wrap.products .pd_wrap .cy_trial_cta p {
    font-size: 16rem;
    line-height: 1.5;
  }
  #wrap.products .pd_wrap .cy_trial_cta a {
    padding: 14rem 0;
    font-size: 16rem;
    justify-content: center;
    gap: 10rem;
  }
  #wrap.products .pd_wrap .cy_trial_cta a img {
    width: 16rem;
    height: 16rem;
  }

  /* insights */
  #wrap.products .pd_wrap .cy_insight_slide {
    margin-top: 0;
    padding-bottom: 30rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .swiper-slide,
  #wrap.products .pd_wrap .cy_insight_slide .swiper-slide:first-child {
    padding: 49rem 0 0;
    border-left: 0;
  }
  #wrap.products .pd_wrap .cy_insight_slide .tit {
    font-size: 17rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .desc {
    margin-top: 8rem;
    font-size: 15rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .tags {
    margin-top: 30rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .tags span {
    padding: 5rem 10rem;
    font-size: 14rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .img {
    margin-top: 49rem;
    width: 100%;
    border-radius: 15rem;
  }
  #wrap.products .pd_wrap .cy_insight_slide .swiper-pagination {
    margin-top: 30rem;
    display: flex;
    justify-content: center;
    gap: 10rem;
    position: static;
  }
  #wrap.products .pd_wrap .cy_insight_slide .swiper-pagination-bullet {
    margin: 0 !important;
    width: 7rem;
    height: 7rem;
    border: 1.2rem solid #B3B3B3;
    background: transparent;
    opacity: 1;
  }
  #wrap.products .pd_wrap .cy_insight_slide .swiper-pagination-bullet-active {
    border-color: #268CFF;
    background: #268CFF;
  }
  #wrap.products .pd_wrap .cy_viewmore {
    margin-top: 30rem;
  }

  /* vendor */
  #wrap.products .cy_vendor {
    margin-top: 0;
    padding: 60rem 20rem 0;
    height: 640rem;
    background: #D9D9D9;
  }
  #wrap.products .cy_vendor .bg img {
    width: 450.31%;
    height: 100%;
    top: 0;
    left: -159.72%;
  }
  #wrap.products .cy_vendor .name {
    width: 230rem;
    font-size: 72rem;
    line-height: 72rem;
  }
  #wrap.products .cy_vendor .desc {
    margin-top: 28rem;
    font-size: 15rem;
    line-height: 1.3;
  }
}