.com_sub_top.on .title_box {
  width: 100%;
  max-width: 640px;
  -webkit-mask-image: linear-gradient(-70deg, rgba(0, 0, 0, 0) 47.5%, rgba(0, 0, 0, 1) 52.5%);
  -webkit-mask-size: 250% 100%;
  animation: reveal 10s cubic-bezier(0.230, 1.000, 0.320, 1.000) both 1s;
}

.worth .worth-pic h3 { font-size: 25px; }

/* about -> greeting */
section.greeting .c1_bg {
  height: 800px;
}

section.greeting .rect_box_wrap {
  width: 100%;
  margin: 0 auto;
  margin-top: 150px;
  height: 240px;
}

section.greeting .rect_box_wrap .logo_img {
  position: absolute;
  top: -35px;
  left: 0;
}

section.greeting .rect_box_wrap h3 {
  font-size: 22px;
  line-height: 45px;
}

section.greeting .rect_box_wrap .line01 {
  left: 90px;
  width: calc(100% - 90px);
  height: 10px;
}

section.greeting .rect_box_wrap .line02 {
  right: 0;
  width: 10px;
  height: 100%;
}

section.greeting .rect_box_wrap .line03 {
  bottom: 0;
  width: 100%;
  height: 10px;
}

section.greeting .bottom_content p br {
  display: none;
}

/* about -> intruduction */
section.introduction .company_box01_wrap {
  width: 100%;
}

section.introduction .company_box01_left_text {
  width: 100%;
  padding: 50px 20px;
  box-sizing: border-box;
}

section.introduction .company_box01_left_text .title_line h4 {
  margin-top: 10px;
  margin-left: 19px;
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
}

section.introduction .company_box01_left_text .title_line span {
  display: inline-block;
  vertical-align: top;
  margin-left: 15px;
  width: 100%;
}

section.introduction .company_box01_left_text .title_line span img {
  width: 100%;
  max-width: 234px;
}

section.introduction .company_box01_left_text {
  width: 100%;
}

section.introduction .company_box01_left_text .desc_box p {
  font-size: 14px;
  line-height: 27px;
  word-break: keep-all;
}

section.introduction .company_box01_left_text .desc_box p br {
  display: none;
}

section.introduction .company_box01_right_img {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
}

section.introduction .company_box01_right_img img {
  width: 100%;
}

section.introduction section.history .timeline .item ul li {
  vertical-align: top;
  padding-left: 30px;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 200;
  letter-spacing: -0.05em;
  margin-top: 15px;
}

section.introduction section.history .timeline .item ul li:after {
  border: 2px solid #00afb5;
  width: 3px;
  height: 3px;
  top: 3px;
  left: -4px;
}

section.introduction section.history .timeline .line {
  background: #00afb5;
  width: 1px;
  height: 0px;
  position: absolute;
  left: -1px;
  top: 10px;
}

section.introduction section.history .timeline .item .year {
  top: 0;
}

section.introduction section.history .text_fixed span {
  left: 0;
  top: 155px;
}

section.introduction section.history .text_fixed span h4 {
  font-size: 12px;
  font-weight: 200;
}

section.introduction section.history .text_fixed span h3 {
  font-size: 32px;
}

section.introduction .c3 .human .module {
  width: 100%;
  height: 353px;
  display: block;
  margin: 0 auto;
}

section.introduction .c3 .efficiency .module {
  width: 100%;
  height: 353px;
  display: inline-block;
}

section.introduction .c3 .text_wrap2 {
  padding: 30px;
  width: 100%;
}

section.introduction .c3 .text_wrap2.dir_bottom.active {
  width: 100%;
}

section.introduction .c3 .efficiency .fr {
  width: 100%;
}

/* about -> medical */
section.medical .inner_inner h3 {
  width: 100%;
}

section.medical .rect_img .title_text h3 {
    font-size: 23px;
    color: grey;
}

section.medical .rect_img .title_text p {
  margin-top:20px;
  font-size:18px;
  line-height:29px;
  padding:0 10px;
}

section.medical .rect_img .title_text p br {
  display: none;
}

section.medical .time_box .tb .verticl_div p {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 16px;
  padding-left: 20px;
}

section.medical .time_box .tb .verticl_div p span i {
  font-size: 13px;
}

section.medical .time_box .tb .verticl_div p span:first-child {
  width: 100px;
  display: inline-block;
}

section.medical .worth .worth-txt div>span::before {
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -20px;
  left: 0%;
  background: #00afb5;
}

section.medical .worth .after-right .worth-txt div>span::before {
    left: 0%;
}


/* about -> map */
section.map .divTableCell ul li {
  font-size: 15px;
}

section.map .divTableCell ul li ul li {
  font-size: 13px;
}

/* antidote -> detox */
section.detox .desc_text p { font-size: 18px; line-height: 30px; }
section.detox .desc_text p br { display:none; }
section.detox .content_v2 {
  margin: 55px 0 55px;
  padding: 0 20px;
  padding-bottom: 60px;
}

section.detox .basic_tit p {
  font-size: 21px;
  font-weight: 200;
  box-sizing: border-box;
  line-height: 1.5;
  text-align: center;
}

section.detox .content_v2 ul {
  font-size: 0;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}

section.detox .content_v2 ul li {
  width: 100%;
  margin-top: 30px;
}

/* antidote -> antidote */
section.treatment .basic_tit02 {
  font-size: 28px;
}

section.treatment .four_circle p {
  margin-top: 50px;
  font-size: 20px;
}

section.worth .worth-txt div>span::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -20px;
    /* left: -80%; */
    background: #00afb5;
}

/* notice_board */
section.notice .noticeTable>a {
  padding: 30px 0px;
}

section.notice .noticeTable .cell.memo {
  width: 100%;
  padding: 0px;
  padding-bottom: 20px;
}

section.notice .noticeTable .cell.img {
  padding: 0px;
  width: 100%;
}

/* movie_board */
.report .item, .thumb .item {
  width: 100%;
  height: auto;
}

.thumb .item .img {
  width: 100%;
  height: calc((100vw - 60px) * 0.5);
  position: relative;
  overflow: hidden;
  background: #000;
  margin: 20px 0px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* detail */
.btn {
  width: 100%;
}

/* terminal */
section.terminal .text_box div p {
  font-size: 18px;
  line-height: 30px;
}

section.terminal .img_box p {
  font-size:18px;
  line-height: 30px;
}

/* write */
section.write .inner {
  padding: 0;
}

section.write .inner .c2_title {
  padding: 0 20px;
}

section.write .divTableCell .agree {
  text-align: center;
}

section.write .divTableCell.border_bottom0 {
  padding: 20px 0px 0px 0px;
  border-bottom: 0px;
}

section.write .formTableCell:first-child {
  width: 30%;
  vertical-align: middle;
  padding-left: 5%;
  font-size: 13px;
}

section.write .divTable.type2 .divTableCell:first-child {
  padding-left: 30px;
}

section.write .formTableCell, .formTableHead {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: table-cell;
  padding: 3px 10px;
  padding: 12px 0px;
  padding-left: 5%;
}

section.write .formTable_btn {
  margin-top: 30px;
}

/* 답변 */
.request_div {
  padding: 20px;
}

.request_div div {
  margin-left: 0;
  width: 100%;
  margin-top: 20px;
}

.pop_com_n .form_wrap {
  width: 85%;
  padding: 30px 30px;
}

.pop_com_n .form_wrap h4 {
  font-size: 25px;
}

.pop_com_n .form_wrap .error {
  line-height: 1.5;
}

.pop_com_n .form_area_v2>div {
  display: block;
  float: none;
  margin-top: 20px;
}

section.join .form_wrap .ck_custom {
  line-height: 1.5;
  height: auto;
}

section.join .form_wrap {
  padding: 0 20px;
  box-sizing: border-box;
}

section.join .table>thead>tr>th, section.join .table>tbody>tr>th, section.join .table>tfoot>tr>th, section.join .table>thead>tr>td, section.join .table>tbody>tr>td, section.join .table>tfoot>tr>td {
  font-size: 13px;
}

section.join .form-group_v2 input[type="checkbox"]+label, section.join .error_v2 {
  line-height: 1.3;
}

.pop_com_b .form_wrap {
  margin: 0 auto 100px;
  padding: 0 20px;
}

.pop_com_n .form_area {
  height: 50px;
  margin-top: 25px;
}

.pop_com_n .form_wrap .btn_basic {
  margin: 20px 0 0;
  height: 45px;
  line-height: 45px;
}
section.join .alert-info strong{
  font-weight: 4`00;
}
.pop_com_b .form_area{
  height: 55px;
  margin-top: 25px;
}
.pop_com_b .form_area input{
  height: 37px;
}


section.id{
  position: relative;
  margin-top: -25px;
  z-index: 10;
}


body.open_menu section.id{
  z-index: 9;
}

body.open_menu footer .top_btn{
  z-index: 9;
}
section.id.password2 .out{
  margin: 50px auto !important;
  padding: 50px 20px;
}
.form_wrap h4{
  font-size: 25px;
}
section.id.password2 .out p,
section.id.password2 .out a{
  font-size: 16px;
}
