/*
td#board {padding:4 5 5 5;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board {padding:4 5 5 5;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#000000;text-decoration:none;}
*/

/*°Ô½ÃÆÇ Á¦¸ñ
.bbsnewf5 {padding:10 10 10 10;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
*/

/*Á¦¸ñ
.bbsbody03{width:340;overflow:hidden;text-overflow:ellipsis;padding-left:5;padding-right:5}
*/

/*´º½º_º¸µµÀÚ·á Á¦¸ñ
.news_title {color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none;}
.news_title a:link{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:visited{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:none}
.news_title a:hover{color:#0E3D72;font-size:14px;letter-spacing:-1;text-decoration:underline}
*/

/*´º½º_º¸µµÀÚ·á ³»¿ë
.news_cont {color:#555555;text-decoration:none}
.news_cont a:link{color:#555555;text-decoration:none}
.news_cont a:visited{color:#555555;text-decoration:none}
.news_cont a:hover{color:#FF5500;text-decoration:none}
*/

/*°¶·¯¸® Á¦¸ñ
.gallery_title {font-size:12;font-family:±¼¸²,µ¸¿ò;color:#666666;}
*/

/*°¶·¯¸® ³»¿ë
.gallery_cont {font-size:12;font-family:±¼¸²,µ¸¿ò;color:#666666}
*/

/*ÆäÀÌ¡
.paging {font-size:12;font-family:±¼¸²,µ¸¿ò;color:#FF5500;font-weight:bold;}
.paging a:link{font-size:12;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:none}
.paging a:visited{font-size:12;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:none}
.paging a:hover{font-size:12;font-family:±¼¸²,µ¸¿ò;color:#555555;font-weight:normal;text-decoration:underline}
*/

/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)
.search_txt {font-size:12;font-fa7mily:±¼¸²,µ¸¿ò;color:#666666}
*/

/*±âº»ÆùÆ®
.board_txt {font-size:12px;color:#000000;text-decoration:none;padding-top:4;}
.board_txt a:link{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:visited{font-size:12px;color:#000000;text-decoration:none;}
.board_txt a:hover{font-size:12px;color:#000000;text-decoration:none;}

.board_txt2 {font-size:12px;color:#333333;text-decoration:none;padding-top:4;}
.board_txt2 a:link{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:visited{font-size:12px;color:#333333;text-decoration:none;}
.board_txt2 a:hover{font-size:12px;color:#333333;text-decoration:none;}

input#border {font-size:12;font-family:±¼¸²,µ¸¿ò;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:12;font-family:±¼¸²,µ¸¿ò;color:##666666;border:1 solid #D4D4D4}
*/

/* bgcolor : °Ô½ÃÆÇ Ç׸ñ 
.board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#000000;}
.board_rate {padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}
*/

/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ 
.board_output {padding:4 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;}
.board_output a:link{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
.board_output a:visited{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
.board_output a:hover{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:underline;}
.board_output a:active{padding:0 0 0 0;font-size:12;font-family:±¼¸²,µ¸¿ò;color:#333333;text-decoration:none;}
*/

/*´ñ±ÛÆùÆ®*/
.comment_name {font-size:12px;color:#0055B5;text-decoration:none;padding-top:4px;}
.comment_txt {font-size:12px;color::#000;text-decoration:none;padding-top:4px;}
.comment_txt a:link{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:visited{font-size:12px;color::#000000;text-decoration:none;}
.comment_txt a:hover{font-size:12px;color::#000000;text-decoration:none;}

/* À¥ÁøÇü °Ô½ÃÆÇ (¼¼·Î¹è¿­)*/
.webzine_type2 {width:100%;}
.webzine_type2 td { color:#666666; font-family:µ¸¿ò; font-size:12px; }
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {border:4px solid #cc3232; }
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd   {float:left;width:100%;height:25px;padding:3px 0 1px 0;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;height:25px;padding:5px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 6px no-repeat;}
.webzine_type2 .obj_value {height:25px;padding:5px 0 0 10px;}
/* À̹ÌÁö°¡ ¿ÞÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_left { width:100%; padding:0 0 0 8px; }
/* À̹ÌÁö°¡ ¿À¸¥ÂÊÀ϶§ */
.webzine_type2 .webzine_type_text_td_right { width:100%; padding:0 9px 0 0; }

/* °¶·¯¸®Çü ÃßÃâ Á¦¸ñ, ³»¿ë Á¤·Ä */
.board_output_gallery_subject { text-align:center;width:100%;  }
.board_output_gallery_description { text-align:center;width:100%; }




//zscaler



#roltechWrap .pageTit {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
#roltechWrap .pageTit h2 {
  font-size: 1.8em;
  margin-bottom: 15px;
}
#roltechWrap #summary .container .archi_wrap {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
#roltechWrap #summary .container .archi_wrap .archi_points {
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding-left: 15px;
}
#roltechWrap #summary .container .archi_wrap .archi_points .point {
  border-bottom: 1px dashed #bbb;
  padding: 15px 10px;
}
#roltechWrap #summary .container .archi_wrap .archi_points .point:first-child {
  border-top: 1px dashed #bbb;
}
#roltechWrap #summary .container .archi_wrap .archi_points .point .icon {
  display: inline-block;
  width: 50px;
}
#roltechWrap #summary .container .archi_wrap .archi_points .point .icon img {
  width: 100%;
}
#roltechWrap #summary .container .archi_wrap .architecture {
  width: 65%;
  min-width: 588px;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor {
  width: 48%;
  max-width: 480px;
  display: flex;
  flex-direction: column;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
  justify-content: center;
  border: 2.5px dashed #c6d4f0;
  border-radius: 15px;
  padding-top: 30px;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap .cloud {
  display: flex;
  flex-grow: 1;
  align-items: center;
  text-align: center;
  justify-content: center;
  height: 125px;
  width:50%;
  padding: 15px 20px;
  font-weight: 700;
  color: #246cf7;
  font-size: 1.05em;
  position: relative;
  line-height: 1;
  word-break:break-word;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap .cloud img {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 121px;
  transform: translate(-50%, -50%);
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap .cloud img path {
  stroke-width: 2;
}
#roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .ftitle {
  text-align: center;
  padding: 25px 30px;
  background-color: #c6d4f0;
  border-radius: 15px;
  flex: 1;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler {
  width: 100%;
  text-align: center;
  color: #fff;
  font-weight: 700;
  padding: 50px;
  font-size: 1.5em;
  position: relative;
  margin: 50px 0;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .cloud {
  width: auto;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .cloud img {
  height: 100%;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .mainTit {
  position: relative;
  z-index: 5;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .bgColor {
  background-color: #c6d4f0;
  position: absolute;
  width: 100%;
  height: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 15px;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap {
  position: absolute;
  width: 62%;
  height: calc(26% + 50px);
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transform: translate(-50%, -50%);
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap.above {
  height: calc(125% + 40px);
  top: -52%;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap.under {
  top: 105%;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap .arr {
  width: 24px;
  height: 100%;
  overflow-y: hidden;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap .arr img {
  width: 100%;
}
#roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap .arr.arrDown {
  transform: rotate(180deg);
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 0;
  border: 2px solid #236bf5;
  border-radius: 25px;
  row-gap: 12px;
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap .edge {
  max-width: 145px;
  width: 30%;
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap .icons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap .icons .location {
  max-width: 110px;
  width: 25%;
  padding: 15px;
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap .locations {
  font-size: 1.42em;
}
#roltechWrap #summary .container .archi_wrap .architecture .zeWrap .locations .bold {
  font-weight: 700;
}
#roltechWrap #solution .container .tapContainer .tapBtns {
  display: flex;
  border-bottom: 3px solid #246cf7;
}
#roltechWrap #solution .container .tapContainer .tapBtns .tbtn {
  width: 50%;
  padding: 20px 0;
  border: 1px solid #246cf7;
  text-align: center;
  cursor: pointer;
}
#roltechWrap #solution .container .tapContainer .tapBtns .tbtn:first-child {
  border-right: none;
}
#roltechWrap #solution .container .tapContainer .tapBtns .tbtn.active {
  background-color: #246cf7;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
}
#roltechWrap #solution .container .tapContainer .tapWrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents {
  display: none;
  padding: 0 15px;
  text-align: center;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents h3 {
  color: #001744;
  font-size: 1.7em;
  margin-bottom: 12px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .subtxt {
  color: #837f7f;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit {
  margin-top: 30px;
  border-top: 1px solid #c6d4f0;
  text-align: center;
  padding-top: 25px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit h4 {
  font-size: 1.18em;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul {
  border: 2px dashed #999;
  border-radius: 10px;
  display: flex;
  margin-top: 60px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li {
  position: relative;
  padding: 90px 12px 20px;
  width: 25%;
  text-align: center;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li .top {
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50% 50% 0;
  background-color: #246cf7;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  padding: 25px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li .top::before {
  content: "";
  width: 75%;
  height: 75%;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li .top img {
  transform: rotate(-45deg);
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li h5 {
  font-size: 1em;
  margin-bottom: 10px;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li div {
  font-size: 0.8em;
  color: #837f7f;
}
#roltechWrap #solution .container .tapContainer .tapWrap .tapContents.active {
  display: block;
}
#roltechWrap #platform {
  background-color: #001744;
  color: #fff;
}
#roltechWrap #platform .container .section-title {
  margin-bottom: 0.5em;
}
#roltechWrap #platform .container .section-sub-txt {
  color: #eee;
  margin-bottom: 2.3em;
}
#roltechWrap #platform .container .pfWrap {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
#roltechWrap #platform .container .pfWrap #textWrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: stretch;
  transition: all 0.8s;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox {
  margin-bottom: 0.5em;
  height: 25%;
  flex: 1 1 0;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox h3 {
  font-size: 1.5em;
  color: #fff;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox h3 .num {
  margin-right: 0.8em;
  color: #256cf7;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox .subtext {
  visibility: hidden;
  opacity: 0;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox.on h3 {
  color: #6bffb3;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox.on h3 .num {
  color: #6bffb3;
}
#roltechWrap #platform .container .pfWrap #textWrap .textBox.on .subtext {
  visibility: visible;
  opacity: 1;
}
#roltechWrap #platform .container .pfWrap #flexWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  position: relative;
  width: 50%;
}
#roltechWrap #platform .container .pfWrap #flexWrap svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
}
#roltechWrap #platform .container .pfWrap #flexWrap .platbox {
  border: 2px solid #256cf7;
  padding: 2rem 2rem;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15em;
  transition: all 0.8s;
}
#roltechWrap #platform .container .pfWrap #flexWrap .platbox.half {
  width: 45%;
  flex: 1;
}
#roltechWrap #platform .container .pfWrap #flexWrap .platbox.half.b2 {
  padding-right: 2.5em;
}
#roltechWrap #platform .container .pfWrap #flexWrap .platbox.half.b3 {
  padding-left: 2.5em;
}
#roltechWrap #platform .container .pfWrap #flexWrap .platbox.on {
  background-color: #6bffb3;
  color: #001744;
}
#roltechWrap.zscaler #faqDisplay #faqs .product-page__faq-item .faq-item-question {
  color: #001744;
  font-weight: 600;
}
#roltechWrap.zscaler #faqDisplay #faqs .product-page__faq-item .faq-item-question::after {
  color: #fe00e2;
}
#roltechWrap.zscaler #faqDisplay #faqs .faq-item-answer {
  font-size: 0.85em;
}


@media screen and (max-width: 1200px) {
  #roltechWrap #summary .container .archi_wrap {
    flex-direction: column;
  }
  #roltechWrap #summary .container .archi_wrap .architecture {
    width: 100%;
    min-width: auto;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points {
    width: 100%;
    flex-direction: row;
    padding-left: 0;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point {
    border: none;
    border-left: 1px solid #bbb;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point:first-child {
    border: none;
  }
  #roltechWrap #platform .container .pfWrap {
    -moz-column-gap: 2%;
         column-gap: 2%;
  }
  #roltechWrap #platform .container .pfWrap #textWrap .textBox h3 .num {
    margin-right: 0.4em;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap {
    width: 58%;
  }
}




@media screen and (max-width: 650px) {
  #roltechWrap #summary .container .archi_wrap .archi_points {
    flex-wrap: wrap;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point {
    width: 50%;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point:nth-child(1), #roltechWrap #summary .container .archi_wrap .archi_points .point:nth-child(2) {
    border-bottom: 1px solid #bbb;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point:nth-child(3) {
    border-left: none;
  }
  #roltechWrap #summary .container .architecture .swrap .floor .ftitle {
    font-size: 15px;
  }
  #roltechWrap #summary .container .architecture .zeWrap .locations {
    font-size: 1.25em;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul {
    flex-wrap: wrap;
    border: none;
    gap: 0.5em;
    margin-top:25px;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li {
    width: 49%;
    padding-top: 135px;
    border: 2px dashed #999;
    border-radius: 15px;
    margin: 0;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li .top {
    width: 85px;
    height: 85px;
    padding: 20px;
    transform: translate(-50%, 19%) rotate(45deg);
  }
  #roltechWrap #platform .container .pfWrap {
    flex-direction: column-reverse;
  }
  #roltechWrap #platform .container .pfWrap #textWrap .textBox {
    margin-bottom: 2em;
  }
  #roltechWrap #platform .container .pfWrap #textWrap .textBox .subtext {
    visibility: visible;
    opacity: 1;
    font-size: 1.1em;
    margin-top: 4px;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap {
    width: 100%;
    margin-bottom: 25px;
  }
}


@media screen and (max-width: 430px) {
  #roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap {
    padding-top: 10px;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .cWrap .cloud {
    height: 85px;
    padding: 3px;
    font-size: 0.9em;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .swrap .floor .ftitle {
    padding: 10px;
    font-size: 13px;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap.above {
    height: calc(108% + 40px);
    top: -44%;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .arrWrap .arr img {
    width: 60% !important;
    height: auto !important;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .mainZscaler .mainTit {
    font-size: 0.85em;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .zeWrap .icons {
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .zeWrap .icons .location {
    width: 24% !important;
    padding: 3px;
  }
  #roltechWrap #summary .container .archi_wrap .architecture .zeWrap .locations {
    font-size: 1.2em;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points {
    flex-direction: column;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point {
    width: 100%;
    border-bottom: 1px dashed #bbb;
    border-top: none;
    border-left: none;
    border-right: none;
  }
  #roltechWrap #summary .container .archi_wrap .archi_points .point.last-child {
    border-bottom: none;
  }
  #roltechWrap #solution .container .tapContainer .tapBtns {
    flex-direction: column;
    border-bottom: none;
  }
  #roltechWrap #solution .container .tapContainer .tapBtns .tbtn {
    width: 100%;
  }
  #roltechWrap #solution .container .tapContainer .tapBtns .tbtn:first-child {
    border-right: 1px solid #236bf5;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents h3 {
    font-size: 1.5em;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul {
    flex-direction: column;
  }
  #roltechWrap #solution .container .tapContainer .tapWrap .tapContents .benefit ul li {
    width: 100%;
  }
  #roltechWrap #platform .container .pfWrap #textWrap .textBox h3 {
    font-size: 1.4em;
  }
  #roltechWrap #platform .container .pfWrap #textWrap .textBox .subtext {
    font-size: 1em;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap svg {
    width: 56%;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap .platbox {
    padding: 2em 1em;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap .platbox.half.b2 {
    padding-right: 1.5em;
  }
  #roltechWrap #platform .container .pfWrap #flexWrap .platbox.half.b3 {
    padding-left: 1.5em;
  }
}



#roltechWrap .pageTit {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
#roltechWrap .pageTit h2 {
  font-size: 1.8em;
  margin-bottom: 15px;
}