/*
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 { }
*/

/*°¶·¯¸® ³»¿ë
.gallery_cont { }
*/

/*ÆäÀÌ¡
.paging { font-size: 1.0em; color:#111; font-weight: bold; }
.paging a:link { font-size: 1.0em; color: #888; font-weight: bold; text-decoration: none; }
.paging a:visited { font-size: 1.0em; color: #888; font-weight: bold; text-decoration: none; }
.paging a:hover { font-size: 1.0em; color: #888; font-weight: bold; text-decoration: none; }
*/

/*°Ë»öÆùÆ®(¼¿·ºÆ®¹Ú½º)
.search_txt {font-size:10px;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;color:##666666;border:1 solid #D4D4D4}
textarea#border {font-size:12;color:##666666;border:1 solid #D4D4D4}
*/

/* bgcolor °Ô½ÃÆÇ Ç׸ñ : ±Ûº¸±â 
.board_bgcolor { width: 100px; background-color: #F7F7F7; }
.board_rate {padding:0 0 0 0;font-size:12;color:#555;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12;color:#555;background-color:#FFFFFF}
.board_comment_bgcolor { background-color: #fff; border: 1px solid #eee; }
*/

/* ÃßÃâ °Ô½ÃÆÇ ½ºÅ¸ÀÏ 
.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: 0.875em; color:#222; padding: 5px; }
.comment_txt { font-size: 0.875em; color::#000; padding: 5px; }
.comment_txt a:link { font-size: 0.875em; color: #555; }
.comment_txt a:visited { font-size: 0.875em; color: #555; }
.comment_txt a:hover { font-size: 0.875em; color: #555; }
*/

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


//À̹ÝƼ - UEM

@charset "UTF-8";


#roltechWrap .pageTit {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
#roltechWrap .pageTit h2 {
  font-size: 1.8em;
  margin-bottom: 15px;
}
#roltechWrap #solutionMap table {
  border: 1px solid #ddd;
}
#roltechWrap #solutionMap table tr th, #roltechWrap #solutionMap table tr td {
  text-align: center;
  border-right: 1px solid #ddd;
}
#roltechWrap #solutionMap table tr th:last-child, #roltechWrap #solutionMap table tr td:last-child {
  border-right: none;
}
#roltechWrap #solutionMap table tr th .small, #roltechWrap #solutionMap table tr td .small {
  font-size: 0.85em;
  font-weight: 200;
}

#roltechWrap #solutionMap .solution_plan {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#roltechWrap #solutionMap .solution_plan .plan_box {
  width: 40%;
  border: 1px solid #333;
}
#roltechWrap #solutionMap .solution_plan .plan_box .pname, #roltechWrap #solutionMap .solution_plan .plan_box .point, #roltechWrap #solutionMap .solution_plan .plan_box .product {
  padding: 15px 20px;
}
#roltechWrap #solutionMap .solution_plan .plan_box .pname {
  text-align: center;
  background-color: #cf1135;
  color: #fff;
  font-size: 1.2em;
}
#roltechWrap #solutionMap .solution_plan .plan_box .point {
  text-align: center;
  font-size: 0.91em;
}
#roltechWrap #solutionMap .solution_plan .plan_box .point .bold {
  color: #cf1135;
}
#roltechWrap #solutionMap .solution_plan .plan_box .product {
  border-top: 1px solid #333;
}
#roltechWrap #solutionMap .solution_plan .plan_box .product ul li {
  list-style-type: disc;
  list-style-position: inside;
  padding: 5px 15px;
}
#roltechWrap #solutionMap .solution_plan .plan_box .product ul li.bold {
  font-weight: 700;
}
#roltechWrap .pageTit {
  margin-top: 35px;
  margin-bottom: 35px;
  text-align: center;
}
#roltechWrap .pageTit h2 {
  font-size: 1.8em;
  margin-bottom: 15px;
}
#roltechWrap #summary .swrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 15px;
}
#roltechWrap #summary .swrap .floor {
  display: flex;
  flex-direction: column;
  width: 33%;
  padding: 20px 12px;
  gap: 15px;
  border: 2px solid #f9cad3;
  box-shadow: 0px 0px 12px 0px #f9cad3;
  border-radius: 15px;
}
#roltechWrap #summary .swrap .floor .ficon {
  background-color: #cf1135;
  width: 200px;
  font-size: 20px;
  text-align: center;
  border-top: 30px solid #fff;
  border-bottom: 30px solid transparent;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
}
#roltechWrap #summary .swrap .floor .ficon i {
  color: #fff;
}
#roltechWrap #summary .swrap .floor .ficon::after {
  content: "";
  position: absolute;
  display: block;
  left: -100px;
  bottom: -30px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 5;
  border-top: 30px solid #cf1135;
  border-bottom: none;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  box-sizing: border-box;
}
#roltechWrap #summary .swrap .floor .ftext {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#roltechWrap #summary .swrap .floor .ftext .fas {
  font-size: 3em;
  color: #cf1135;
  text-align: center;
  padding-bottom: 20px;
}
#roltechWrap #summary .swrap .floor .ftext .ftitle {
  font-size: 1.2em;
  margin-bottom: 10px;
  text-align: center;
  color: #cf1135;
  border-top: 1px solid #cf1135;
  border-bottom: 1px solid #cf1135;
  padding: 10px;
}
#roltechWrap #summary .swrap .floor .ftext .flist {
  margin-top: 25px;
}
#roltechWrap #summary .swrap .floor .ftext .flist li {
  list-style: disc;
  list-style-position: inside;
  padding-left: 15px;
  font-size: 0.88em;
  margin-bottom: 4px;
}
#roltechWrap #imgType .container .section-title {
  margin-bottom: 25px;
}
#roltechWrap #imgType .container .imgTextWrap #textSec {
  margin-bottom: 25px;
  text-align: center;
}
#roltechWrap #imgType .container .imgTextWrap #imgSec {
  padding: 8px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}
#roltechWrap #process .container .pwrap {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}
#roltechWrap #process .container .pwrap .backArr {
  position: absolute;
  width: 100%;
  height: 60px;
  top: 22%;
}
#roltechWrap #process .container .pwrap .backArr .rec {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  height: 100%;
  background-color: #ccc;
}
#roltechWrap #process .container .pwrap .backArr .tri {
  position: absolute;
  top: -20px;
  right: 25px;
  width: 100px;
  height: 100px;
  background-color: #ccc;
  transform: rotate(45deg);
}
#roltechWrap #process .container .pwrap .backArr .tri::after {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  transform: rotate(45deg) translate(-50%, 50%);
}
#roltechWrap #process .container .pwrap .pcont {
  width: 92%;
  display: flex;
  flex-direction: row;
  -moz-column-gap: 2%;
       column-gap: 2%;
  justify-content: center;
}
#roltechWrap #process .container .pwrap .pcont .conWrap {
  width: 25%;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .circle {
  width: 80%;
  padding-bottom: 80%;
  height: 1px;
  border-radius: 50%;
  background-color: #F18174;
  color: #fff;
  font-weight: bold;
  position: relative;
  text-align: center;
  margin: 0 auto;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .circle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#roltechWrap #process .container .pwrap .pcont .conWrap .context {
  padding-top: 15px;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .context li {
  padding-left: 0.7em;
  position: relative;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .context li p {
  font-size: 0.9em;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .context li span {
  font-size: 0.8rem;
  font-weight: 200;
}
#roltechWrap #process .container .pwrap .pcont .conWrap .context li:before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-27%);
  font-size: 1.5em;
  color: #F18174;
}
#roltechWrap #features .container .fwrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#roltechWrap #features .container .fwrap .ftcon {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 10px 0;
}
#roltechWrap #features .container .fwrap .ftcon:nth-child(1) .conColor {
  background-color: #5471AC;
}
#roltechWrap #features .container .fwrap .ftcon:nth-child(2) .conColor {
  background-color: #3FA6E0;
}
#roltechWrap #features .container .fwrap .ftcon:nth-child(3) .conColor {
  background-color: #40D4E0;
}
#roltechWrap #features .container .fwrap .ftcon .contit {
  text-align: center;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 15px;
  padding: 15px 0;
  box-shadow: 0px 0px 15px 1px #ddd, inset 0px -2px 14px #ccc;
  position: relative;
  z-index: 5;
}
#roltechWrap #features .container .fwrap .ftcon .conColor {
  flex: 1;
  background-color: #43D1A1;
  width: 88%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 0 0 20px 20px;
  text-align: center;
}
#roltechWrap #features .container .fwrap .ftcon .conColor svg {
  fill: #fff;
  width: 100px;
  padding: 10px 0 30px;
}
#roltechWrap #features .container .fwrap .ftcon .conColor .context {
  color: #fff;
}
#roltechWrap #agent .container .aWrap {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 4%;
       column-gap: 4%;
}
#roltechWrap #agent .container .aWrap .tblWrap {
  width: 50%;
}
#roltechWrap #agent .container .aWrap .tblWrap .osTitle {
  font-size: 1.18em;
  text-indent: 10px;
}
#roltechWrap #agent .container .aWrap .tblWrap table {
  border: 1px solid #ddd;
}
#roltechWrap #agent .container .aWrap .tblWrap table tr td {
  padding: 0.8em;
}
#roltechWrap #agent .container .aWrap .tblWrap table tr:nth-child(odd) td {
  background-color: #ececec;
}
#roltechWrap #agent .container .aWrap .tblWrap table tr td.transparent {
  background-color: transparent;
}


@media screen and (max-width: 650px) {
  #roltechWrap #solutionMap .solution_plan .plan_box {
    width: 49%;
  }
  #roltechWrap #summary .swrap {
    flex-direction: column;
  }
  #roltechWrap #summary .swrap .floor {
    width: 100%;
  }
  #roltechWrap #process .container .pwrap .backArr {
    display: none;
  }
  #roltechWrap #process .container .pwrap .pcont {
    width: 100%;
    flex-wrap: wrap;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap {
    width: 50%;
    text-align: center;
    padding: 15px 0;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap:nth-child(1), #roltechWrap #process .container .pwrap .pcont .conWrap:nth-child(2) {
    border-top: 2px solid #ccc;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap:nth-child(odd) {
    border-left: none;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap .circle {
    width: 130px;
    height: 130px;
    padding-bottom: 0;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap .context {
    text-align: left;
    display: inline-block;
    padding: 15px 8px 0;
  }
  #roltechWrap #features .container .fwrap .ftcon .conColor svg {
    width: 70px;
  }
  #roltechWrap #agent .container .aWrap {
    flex-direction: column;
  }
  #roltechWrap #agent .container .aWrap .tblWrap {
    width: 100%;
  }
  #roltechWrap #agent .container .aWrap .tblWrap .osTitle {
    font-size: 1.04em;
  }
  #roltechWrap #agent .container .aWrap .tblWrap table tr td {
    padding: 0.6em;
  }
}
@media screen and (max-width: 380px) {
  #roltechWrap #solutionMap .solution_plan {
    flex-direction: column;
    row-gap: 15px;
  }
  #roltechWrap #solutionMap .solution_plan .plan_box {
    width: 100%;
  }
  #roltechWrap #solutionMap .solution_plan .plan_box .pname, #roltechWrap #solutionMap .solution_plan .plan_box .point, #roltechWrap #solutionMap .solution_plan .plan_box .product {
    padding: 10px 12px;
  }
  #roltechWrap #solutionMap .solution_plan .plan_box .pname {
    font-size: 1em;
  }
  #roltechWrap #summary .swrap .floor .ftext .fas {
    font-size: 2em;
  }
  #roltechWrap #process .container .pwrap .backArr {
    display: none;
  }
  #roltechWrap #process .container .pwrap .pcont {
    width: 100%;
    flex-direction: column;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap {
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #ccc;
    border-left:none;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap:first-child {
    padding-top: 15px;
    border-top: 2px solid #ccc;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap:nth-child(2) {
    border-top: none;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap .circle {
    width: 130px;
    height: 130px;
    padding-bottom: 0;
  }
  #roltechWrap #process .container .pwrap .pcont .conWrap .context {
    text-align: left;
    display: inline-block;
  }
  #roltechWrap #features .container .fwrap {
    grid-template-columns: 1fr;
  }
  #roltechWrap #features .container .fwrap .ftcon .contit {
    padding: 10px 0;
  }
  #roltechWrap #features .container .fwrap .ftcon .conColor svg {
    display: none;
  }
}