* {
    font-family: "Saira", 'NanumSquare';
    word-break: keep-all;
  }

/* com_sub */
header {
  height: 510px;
}

.sub .inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.com_sub_top {
  background: #fbfaf7;
  position: relative;
  height: 510px;
  width: 100%;
  top: -100px;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.com_sub_top .com_sub_bg {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.com_sub_top.on .com_sub_bg {
  animation: scale 3s linear 0s forwards;
}

.com_sub_bg1 {
  background: url(../images/sub/sub_bg1.png) no-repeat;
}

.com_sub_bg2 {
  background: url(../images/sub/sub_bg2.png) no-repeat;
}

.com_sub_bg3 {
  background: url(../images/sub/sub_bg3.png) no-repeat;
}

.com_sub_bg4 {
  background: url(../images/sub/sub_bg4.png) no-repeat;
}

.com_sub_bg5 {
  background: url(../images/sub/sub_bg5.png) no-repeat;
}

.com_sub_top .title_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.com_sub_top.on .title_box {
  -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 5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both 1s;
}

.com_sub_top .title_box h2 {
  display: block;
  font-size: 50px;
  color: #fff;
  font-family: 'Buri';
  font-style: normal;
  font-weight: 200;
}

.com_sub_top .title_box div {
  margin-top: 40px;
  line-height: 18px;
}

.com_sub_top .title_box div span {
  display: inline-block;
  vertical-align: top;
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 200;
  font-size: 13px;
  color: #fff;
}

.com_sub_top .title_box div span:nth-child(2),
.com_sub_top .title_box div span:nth-child(4) {
  font-size: 9px;
}

.mgb65 {
  margin-bottom: 65px;
}

.com_sub_title1 div {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-bottom: 13px;
}

.com_sub_title1 div h3 {
  font-size: 26px;
  color: #000;
  font-weight: 400;
  line-height: 1.3;
}

.com_sub_title1 div span {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 1px;
}

.com_sub_title1 div span:nth-child(2) {
  background: #a7e1e1;
  bottom: 2px;
}

.com_sub_title1 div span:nth-child(3) {
  background: #00afb5;
  bottom: 1px;
}

.com_sub_title1 div span:nth-child(4) {
  background: #54c8cb;
  bottom: 0;
}

/* com_sub_content */
.worth .sub .after-left,
.worth .sub .after-right {
  margin-bottom: 150px;
}

.worth .sub .after-left::after,
.worth .sub .after-right::after {
  display: block;
  content: "";
  clear: both;
}

.worth .sub>div:nth-child(1)>div:last-child {
  margin-top: 100px;
}

.worth .sub>div:nth-child(2)>div:last-child {
  margin-top: 100px;
}

.worth .sub>div:nth-child(3)>div:last-child {
  margin-top: 50px;
}

.worth .after-left>div {
  width: 45%;
  height: 380px;
  float: left;
  margin-right: 10%;
}

.worth .after-right>div {
  width: 45%;
  height: 380px;
  float: right;
  margin-left: 10%;
}

.worth .after-left>div:last-child,
.worth .after-right>div:last-child {
  margin-right: 0;
  margin-left: 0;
}

.worth .worth-pic {
  position: relative;
  box-shadow: 50px 50px 1px #f5f5f5;
  box-sizing: border-box;
}

.worth .worth-pic h3 {
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
  color:#fff;
  font-size:40px;
}

.worth .after-right .worth-pic {
  box-shadow: -50px 50px 1px #f5f5f5;
  box-sizing: border-box;
}

.worth .worth-txt {
  position: relative;
}

.worth .worth-txt div {
  position: absolute;
  width: 100%;
  top: 65%;
  transform: translateY(-50%);
}

.worth .worth-txt div>p {
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
  margin-top: 30px;
  letter-spacing: -0.05em;
}

.worth .worth-txt div>p:nth-child(2) {
  margin-top: 0;
}

.worth .after-left .worth-txt div {
  text-align: right;
}

.worth .after-right .worth-txt div {
  text-align: left;
}

.worth .worth-txt div>span {
  display: block;
  font-size: 28px;
  margin-bottom: 40px;
  position: relative;
  font-weight: 400;
  text-align: left;
}

.worth .worth-txt div>p {
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
  text-align: left;
}

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

.worth .after-left>div:last-child {
  margin-right: 0;
  margin-left: 0;
  width: 417px;
  float: right;
  text-align: left;
}

.worth .after-right>div:last-child {
  margin-right: 0;
  margin-left: 0;
  width: 417px;
  float: left;
  text-align: left;
}

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

.worth .ani.active {
  opacity: 1;
  top: 0;
}

.worth .ani {
  position: relative;
  top: -3rem;
  opacity: 0;
  transition: all 2s;
}

/* about -> greeting */
section.greeting .c1 {
  position: relative;
}

section.greeting .c1_bg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 560px;
  background: #0a0e16;
}

section.greeting .inner:after {
  content: '';
  position: absolute;
  background: #0a0e16;
  width: 100%;
  height: 80px;
  left: 100%;
  top: 560px;
}

section.greeting .top_content {
  overflow: hidden;
}

section.greeting .rect_box_wrap {
  float: left;
  margin-top: 285px;
  position: relative;
  width: 529px;
  height: 366px;
  margin-left: 10px;
}

section.greeting .rect_box_wrap .com_line {
  position: absolute;
  display: inline-block;
  background: #00676e;
}

section.greeting .rect_box_wrap .line01 {
  left: 90px;
  width: 439px;
  height: 10px;
}

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

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

section.greeting .rect_box_wrap .line04 {
  bottom: 0;
  width: 10px;
  height: 140px;
}

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

section.greeting .rect_box_wrap h3 {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: -0.025em;
  text-align: center;
  font-size: 36px;
  line-height: 65px;
  color: #fff;
  font-weight: 400;
}

section.greeting .img_box_wrap {
  float: right;
  width: 50%;
  text-align: center;
  margin-top: 80px;
}

section.greeting .img_box_wrap .name_text {
  text-align: right;
  margin-right: 87px;
}

section.greeting .img_box_wrap .name_text h3 {
  font-size: 30px;
  font-weight: 200;
  color: #000;
}

section.greeting .img_box_wrap .name_text h4 {
  margin-top: 10px;
  font-size: 17px;
  font-weight: 200;
  color: #02969b;
}

section.greeting .bottom_content {
  margin-top: 90px;
  margin-bottom: 170px;
  font-size: 0;
}

section.greeting .bottom_content .text1,
section.greeting .bottom_content .text2 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

section.greeting .bottom_content .text1 p,
section.greeting .bottom_content .text2 p {
  margin-top: 40px;
  font-size: 17px;
  line-height: 32px;
  font-weight: 200;
  color: #0e0e0e;
}

section.greeting .bottom_content .text1 p:first-child,
section.greeting .bottom_content .text2 p:first-child {
  margin-top: 0;
}

section.greeting .bottom_content .text1 {
  padding-left: 10px;
}

section.greeting .bottom_content .text2 {
  padding-top: 40px;
  padding-left: 40px;
}

section.greeting .bottom_content .text2 img {
  position: relative;
  margin-left: 35px;
  top: 12px;
}

/* about -> introduction */
section.introduction .company_box01 {
  position: relative;
  width: 100%;
  margin-top: 48px;
}

section.introduction .company_box01_left_text {
  width: 710px;
  padding: 50px 0 50px 0;
  background: url(../images/sub/introduction_bg1.png) no-repeat;
  background-size: cover;
}

section.introduction .company_box01_left_text .title_line {
  position: relative;
  display: inline-block;
}

section.introduction .company_box01_left_text .title_line span {
  display: inline-block;
  vertical-align: top;
}

section.introduction .company_box01_left_text .title_line h4 {
  margin-top: 15px;
  margin-left: 25px;
  display: inline-block;
  vertical-align: top;
  font-size: 36px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.02em;
}

section.introduction .company_box01_left_text .border_line {
  margin-top: 20px;
  margin-bottom: 40px;
  position: relative;
  left: -36px;
  width: 438px;
  height: 1px;
  background: #fff;
}

section.introduction .company_box01_left_text .desc_box p {
  margin-top: 35px;
  font-size: 16px;
  font-weight: 200;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 30px;
  word-break: keep-all;
}

section.introduction .company_box01_left_text .desc_box p:first-child {
  margin-top: 0;
}

section.introduction .company_box01_left_text .desc_box li p {
  position: relative;
  font-size: 15px;
  padding-left: 12px;
}

section.introduction .company_box01_left_text .desc_box li p:before {
  content: '';
  background: url(../images/sub/company_icon02.png) no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  left: -3px;
  top: 12px;
}

section.introduction .company_box01_wrap {
  width: 500px;
  margin: 0 auto;
}

section.introduction .company_box01_right_img {
  position: absolute;
  width: 625px;
  height: 367px;
  top: 103px;
  right: 0;
  box-shadow: 0px 8px 23px 0px rgb(49 49 49 / 35%);
}

section.introduction .c2_title {
  margin-top: 95px;
}

section.introduction section.history {
  background: #f8faf9;
  height: 100%;
  overflow: hidden;
}

section.introduction section.history.type2 {
  margin-top: 100px;
}

section.introduction section.history h6 {
  font-size: 18px;
  letter-spacing: 3px;
  font-weight: 300;
  position: absolute;
  width: 100%;
  margin-top: 80px;
  text-align: center;
  z-index: 3;
}

section.introduction section.history h6::before {
  position: absolute;
  width: 35px;
  top: 40px;
  height: 1px;
  content: "";
  display: block;
  left: 50%;
  transform: translateX(-50%);
  background: #03969b;
}

section.introduction section.history .text_fixed,
section.introduction section.history .timeline {
  width: 50%;
  position: relative;
  float: left;
  min-height: 10px;
}

section.introduction section.history .text_fixed {}

section.introduction section.history .timeline {
  z-index: 2;
  background: #f1f0eb;
}

section.introduction section.history .text_fixed span {
  position: absolute;
  display: block;
  top: 215px;
  margin-left: -600px;
  left: 100%;
  border-left: 3px solid #03969b;
  padding-left: 15px;
}

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

section.introduction section.history .text_fixed span h3 {
  font-size: 72px;
  line-height: 70px;
  overflow: hidden;
  height: 70px;
  font-weight: 300;
  color: #03969b;
  margin-top: 26px;
  letter-spacing: -3px;
}

section.introduction section.history.type2 .text_fixed span h3 {
  font-weight: 700;
}

section.introduction section.history .text_fixed .fixed {
  position: relative;
}

section.introduction section.history .timeline {
  padding-top: 217px;
  padding-bottom: 68px;
}

section.introduction section.history .timeline .item {
  position: relative;
}

section.introduction section.history .timeline .item.empty {
  margin-top: -30px;
  font-size: 0px;
  height: 0px;
  line-height: 0px;
  padding: 0px;
}

section.introduction section.history .timeline .item.empty * {
  display: none;
}

section.introduction section.history .timeline .item .year {
  position: absolute;
  top: 17px;
  color: #03969b;
  width: 70px;
  font-weight: 400;
  font-size: 16px;
  margin-left: -64px;
}

section.introduction section.history .timeline .item.empty .year {
  color: rgba(204, 103, 39, 0.5);
}

section.introduction section.history .timeline .item .year::before {
  border: 3px solid rgba(215, 129, 24, 1);
  border-radius: 50%;
  background: #fff;
  content: "";
  z-index: 1;
  display: block;
  right: 0px;
  width: 5px;
  height: 5px;
  position: absolute;
  display: none;
}

section.introduction section.history .timeline .item.empty .year::before {
  border: 3px solid rgba(215, 129, 24, 0.5);
}

section.introduction section.history .timeline .item ul {
  padding: 0;
  margin: 0;
  margin-top: -15px;
}

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

section.introduction section.history .timeline .item:last-child::after,
section.introduction section.history.type2 .timeline .item::after {
  display: none;
}

section.introduction section.history .timeline .item ul li {
  position: relative;
  vertical-align: top;
  padding-left: 30px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 200;
}

section.introduction section.history .timeline .item ul li:after {
  border: 3px solid #00afb5;
  border-radius: 50%;
  background: #fff;
  content: "";
  z-index: 1;
  display: block;
  left: -5px;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 18px;
}

section.introduction .c3 .c3_bg {
  background: #fbfaf7;
}

section.introduction .c3 .efficiency .fl {
  margin-top: 330px;
}

section.introduction .c3 .efficiency .fr {
  margin-top: 50px;
  width: 510px;
}

section.introduction .c3 .efficiency .module {
  width: 647px;
  height: 433px;
}

section.introduction .c3 .efficiency .module .object {
  background: url(../images/sub/introduction_img2.png) no-repeat right center/ cover;
  background-position: 50% 0;
}

section.introduction .c3 .human {
  position: relative;
  top: -130px;
  height: 995px;
}

section.introduction .c3 .human .fl {
  position: relative;
  left: 91px;
  z-index: 1;
}

section.introduction .c3 .text_wrap2 {
  width: 462px;
  background: #fff;
  box-shadow: -15px 11px 30px -5px rgba(0, 0, 0, .3);
  padding: 50px 45px;
  box-sizing: border-box;
  text-align: left;
  word-break: keep-all;
  right: -30px;
}

section.introduction .c3 .human .module {
  width: 700px;
  height: 705px;
}

section.introduction .c3 .human .module .object2 {
  background: url(../images/sub/introduction_img3.png) no-repeat right center/ cover;
  box-shadow: -15px 11px 30px -5px rgb(0 0 0 / 30%);
  background-position: 50% 0;
}

section.introduction .c3 .module {
  width: 0;
  -webkit-transition: width 1.5s;
  -o-transition: width 1.5s;
  transition: width 1.5s;
  position: relative;
}

section.introduction .c3 .object {
  width: 0;
  height: 100%;
  position: absolute;
  right: 0;
  transition: width 1s ease;
}

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

section.introduction .c3 .object2 {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  transition: width 1s ease;
}

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

section.introduction .c3 .text_wrap,
section.introduction .c3 .text_wrap2 {
  font-size: 15px;
  font-weight: 300;
  margin-top: 0;
}

section.introduction .c3 .text_wrap h3,
section.introduction .c3 .text_wrap2 h3 {
  font-size: 20px;
  font-weight: bold;
  color: #00afb5;
  letter-spacing: 3px;
  /* font-family: "Quicksand"; */
  margin-bottom: 20px;
  font-family: 'JosefinSans';
  font-style: normal;
  font-weight: 400;
}

section.introduction .c3 .text_wrap h4,
section.introduction .c3 .text_wrap2 h4 {
  font-size: 26px;
  margin-bottom: 40px;
  font-weight: 200;
  line-height: 1.5;
}

section.introduction .c3 .text_wrap span,
section.introduction .c3 .text_wrap2 span {
  display: inline-block;
  line-height: 28px;
  margin-bottom: 25px;
  word-break: keep-all;
  font-size: 15px;
  color: #000;
  font-weight: 200;
}

section.introduction .c3 .text_wrap span i,
section.introduction .c3 .text_wrap2 span i {
  font-style: normal;
}

section.introduction .c3 .text_wrap span.point {
  font-size: 19px;
  font-weight: 500;
}

section.introduction .c3 .text_wrap span.point,
section.introduction .c3 .text_wrap2 span.point {
  border-bottom: 1px solid #000;
  box-sizing: border-box;
}

section.introduction .c3 .text_wrap span:last-child,
section.introduction .c3 .text_wrap2 span:last-child {
  margin-bottom: 0;
}

section.introduction .c3 .text_wrap2.dir_bottom {
  position: relative;
  bottom: -270px;
  opacity: 0;
}

section.introduction .c3 .text_wrap2.dir_bottom.active {
  position: relative;
  bottom: -220px;
  opacity: 1;
  transition: all 1s ease;
  left: 0;
}

section.introduction .c3 .text_wrap2.dir_bottom2 {
  position: relative;
  bottom: 80px;
  left: 80px;
  opacity: 0;
}

section.introduction .c3 .text_wrap2.dir_bottom2.active {
  position: relative;
  bottom: 130px;
  opacity: 1;
  transition: all 1s ease;
}

section.introduction .c3 .text_wrap2.dir_bottom2 {
  position: relative;
  bottom: -350px;
  left: 90px;
  opacity: 0;
  z-index: 3;
}

section.introduction .c3 .text_wrap2.dir_bottom2.active {
  position: relative;
  bottom: -250px;
  opacity: 1;
  transition: all 1s ease;
}

/* about -> medical */
section.medical .c1 {}

section.medical .rect_img {
  position: relative;
  width: 100%;
  height: 400px;
  background: url(../images/sub/medical_img1.png)no-repeat center center / cover;
}

section.medical .rect_img .title_text {
  position: absolute;
  width:100%;
  text-align:center;
  top:35%;
}

section.medical .rect_img .title_text h3 {
  font-size:27px;
  color: #4c4c4c;
}

section.medical .rect_img .title_text p {
  margin-top:30px;
  font-size:22px;
  line-height: 32px;
  color: #4c4c4c;
  text-align:center;
  display:inline-block;
}

section.medical .inner_inner {
  height: 160px;
  line-height: 160px;
  background: #fbfaf7;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  margin-top: -80px;
}

section.medical .inner_inner h3 {
  position: relative;
  width: 568px;
  text-align: center;
  position: relative;
  font-size: 40px;
  color: #000;
  font-family: 'Buri';
  font-style: normal;
  font-weight: 200;
  margin: 0 auto;
}

section.medical .inner_inner h3:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50px;
  background: url(../images/sub/medical_comma1.png)no-repeat center center / cover;
  width: 26px;
  height: 23px;
}

section.medical .inner_inner h3:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 50px;
  background: url(../images/sub/medical_comma2.png)no-repeat center center / cover;
  width: 26px;
  height: 23px;
}

/* section.medical .time_box {
  margin-top: 50px;
} */

section.medical .time_box .tb {
  width: 100%;
  background: url(../images/sub/introduction_bg1.png)no-repeat center center / cover;
  display: table;
  text-align: center;
  padding: 50px 0;
}

section.medical .time_box .tb .verticl_div {
  display: table-cell;
  vertical-align: middle;
}

section.medical .time_box .tb .verticl_div p {
  width: 400px;
  text-align: left;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 18px;
  color: #fff;
  font-weight: 200;
}

section.medical .time_box .tb .verticl_div p:first-child {
  margin-top: 0;
}

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

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

section.medical .desc_box {
  text-align: center;
}

section.medical .desc_box h3 {
  margin-top: 70px;
  font-size: 24px;
  color: #000;
  font-weight: 200;
}

section.medical .desc_box p {
  margin-top: 15px;
  font-size: 18px;
  color: #000;
  font-weight: 200;
  line-height: 1.5;
}

section.medical .desc_box h4 {
  margin-top: 40px;
  font-size: 24px;
  color: #000;
  font-weight: 200;
}

section.medical .c2 {
  margin-top: 110px;
}

section.medical .c2_title {
  margin-bottom: 40px;
}

section.medical .worth-1 {
  width: 100%;
  height: 745px;
  background: url(../images/sub/vision_bg01.png)no-repeat center center / cover;
}

section.medical .worth .sub .after-left,
section.medical .worth .sub .after-right {
  margin-bottom: 150px;
}

section.medical .worth .sub .after-left::after,
section.medical .worth .sub .after-right::after {
  display: block;
  content: "";
  clear: both;
}

section.medical .worth .sub>div:nth-child(1)>div:last-child {
  margin-top: 100px;
}

section.medical .worth .sub>div:nth-child(2)>div:last-child {
  margin-top: 100px;
}

section.medical .worth .sub>div:nth-child(3)>div:last-child {
  margin-top: 50px;
}

section.medical .worth .after-left>div {
  width: 45%;
  height: 380px;
  float: left;
  margin-right: 10%;
}

section.medical .worth .after-right>div {
  width: 45%;
  height: 380px;
  float: right;
  margin-left: 10%;
}

section.medical .worth .after-left>div:last-child,
section.medical .worth .after-right>div:last-child {
  margin-right: 0;
  margin-left: 0;
}

section.medical .worth .worth-pic {
  box-shadow: 50px 50px 1px #f5f5f5;
  box-sizing: border-box;
}

section.medical .worth .after-right .worth-pic {
  box-shadow: -50px 50px 1px #f5f5f5;
  box-sizing: border-box;
}

section.medical .worth .worth-txt {
  position: relative;
}

section.medical .worth .worth-txt div {
  position: absolute;
  width: 100%;
  top: 65%;
  transform: translateY(-50%);
}

section.medical .worth .worth-txt div>p {
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
  margin-top: 30px;
  letter-spacing: -0.05em;
}

section.medical .worth .worth-txt div>p:nth-child(2) {
  margin-top: 0;
}

section.medical .worth .after-left .worth-txt div {
  text-align: right;
}

section.medical .worth .after-right .worth-txt div {
  text-align: left;
}

section.medical .worth .worth-txt div>span {
  display: block;
  font-size: 28px;
  margin-bottom: 40px;
  position: relative;
  font-weight: 400;
  text-align: left;
}

section.medical .worth .worth-txt div>p {
  font-size: 16px;
  font-weight: 200;
  line-height: 28px;
  text-align: left;
}

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

section.medical .worth .after-left>div:last-child {
  margin-right: 0;
  margin-left: 0;
  width: 417px;
  float: right;
  text-align: left;
}

section.medical .worth .after-right>div:last-child {
  margin-right: 0;
  margin-left: 0;
  width: 417px;
  float: left;
  text-align: left;
}

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

section.medical .worth .worth-pic1 {
  background: url(../images/sub/medical_img2.png) no-repeat center center / cover;
}

section.medical .worth .worth-pic2 {
  background: url(../images/sub/medical_img3.png) no-repeat center center / cover;
}

section.medical .worth .worth-pic3 {
  background: url(../images/sub/medical_img4.png) no-repeat center center / cover;
}

section.medical .worth .ani.active {
  opacity: 1;
  top: 0;
}

section.medical .worth .ani {
  position: relative;
  top: -3rem;
  opacity: 0;
  transition: all 2s;
}

/* about -> hospital */
section.hospital .title_box p {
  margin-top: 35px;
}

section.hospital .divide_slick {
  margin-bottom: 140px;
  padding-top: 50px;
  overflow: hidden;
}

section.hospital .slick_wrapper {
  position: relative;
  left: 0;
  width: 1750px;
  overflow: hidden;
}

section.hospital .slick_wrapper .slick_wrap .slick-list {
  padding-left: 0px !important;
}

section.hospital .slick_wrapper .pagingInfo {
  width: 770px;
  text-align: right;
}

section.hospital .slick_wrapper .pagingInfo,
section.hospital .slick_wrapper .pagingInfo span {
  font-size: 16px;
  font-weight: 300;
  font-family: 'Lovelace';
}

section.hospital .slick_wrapper .slick_wrap button {
  width: 33px;
  height: 12px;
  position: relative;
  top: 0;
  left: 737px;
  z-index: 1;
  background: none;
  border: none;
  font-size: 0;
  background-image: url("../images/sub/plants-hands_img4.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin: 30px 0;
  cursor: pointer;
  text-align: right;
  display: inline;
}

section.hospital .slick_wrapper .slick_wrap .slick-arrow.slick-prev {
  left: 660px;
}

section.hospital .slick_wrapper .slick_wrap .slick-arrow.slick-next {
  position: absolute;
  transform: scaleX(-1);
}

section.hospital .slick_wrapper .slick_wrap .ss img {
  width: 770px;
  height: 460px
}

/* about -> map */
section.map {
  position: relative;
  margin: 0 auto;
  padding: 0px 40px;
  max-width: 1280px;
  box-sizing: border-box;
}

section.map.type2 {
  position: relative;
  margin: 0 auto;
  overflow: visible;
  box-sizing: border-box;
}

section.map .tabs.type2 {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

section.map .tabs.type2 ul {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  z-index: 1;
  font-size: 0px;
  width: 100%;
  line-height: 0px;
}

section.map .tabs.type2 ul li {
  font-size: 0px;
  line-height: 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 0px;
  position: relative;
  display: inline-block;
  line-height: 22px;
  box-sizing: border-box;
  min-width: 20%;
  padding: 17px 0% 13px 0%;
  cursor: pointer;
}

section.map .tabs.type2 ul li:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

section.map .tabs.type2 ul li.active {
  background: #f8b50c;
  transition: all .3s ease;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0px 14px 20px rgba(248, 181, 12, 0.4);
}

section.map .tabs.type2 ul li a {
  cursor: pointer;
  width: 100%;
  display: block;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  transition: color .3s ease;
}

section.map .tabs.type2 ul li.active a {
  color: #fff;
}

section.map .des_wrapper {
  vertical-align: top;
}

section.map .des_wrapper {
  font-size: 0px;
  padding-bottom: 50px;
}

section.map h5.title3 {
  padding-right: 20%;
  word-break: keep-all;
  padding-top: 80px;
  padding-bottom: 20px;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.05em;
  font-weight: 600;
}

section.map h5.title3.col2 {
  vertical-align: top;
  padding-right: 10%;
  padding-top: 60px;
  display: inline-block;
}

section.map p.title3_des {
  padding-top: 60px;
  vertical-align: top;
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.05em;
  font-weight: 300;
  color: rgba(0, 0, 0, .75);
  display: inline-block;
}

section.map p.title3_des.type2 {
  padding-top: 20px;
  padding-bottom: 30px;
}

section.map p.title3_des.type2.addtype1 {
  padding-bottom: 250px;
}

section.map .divTable {
  display: table;
  width: 100%;
  border-top: 2px solid rgba(0, 0, 0, 0.85);
}

section.map.type2 .divTable.add_type3 {
  border-bottom: 0px;
}

section.map .divTableRow {
  display: table-row;
}

section.map .divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}

section.map .divTableCell:first-child {
  width: 40%;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  color: #03969b;
  font-weight: 300;
  padding-left: 50px;
  padding-right: 8%;
  position: relative;
}

section.map .divTable.type2 .divTableCell:first-child {
  width: 30%;
}

section.map .divTable.type3 .divTableCell:first-child {
  width: 50%;
}

section.map .divTable.type2.add_type3 .divTableCell:first-child {
  width: 25%;
}

section.map .divTable.type2.add_type3 .divTableCell {
  padding: 30px 10px;
  padding-left: 50px;
}

section.map .divTableCell:first-child>span {
  color: #222;
  font-size: 18px;
  position: absolute;
  left: 0px;
  font-weight: 700;
}

section.map .divTable.type2 .divTableCell:first-child>span {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  color: #222;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

section.map .divTable.type2 .divTableCell:first-child>span>i {
  font-style: normal;
  display: block;
  font-size: 16px;
}

section.map .divTable.type2 .divTableCell:first-child>span::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #00afb5;
  border-radius: 50%;
  margin-left: -12px;
  top: 0px;
}

section.map .divTableCell,
section.map .divTableHead {
  word-break: keep-all;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 24px;
  letter-spacing: -0.03em;
  font-weight: 300;
  display: table-cell;
  padding: 40px 10px;
  font-size: 16px;
}

section.map .divTableCell.border_bottom0 {
  padding: 40px 0px 30px 40px;
  border-bottom: 0px;
}

.bbm-0 {
  border-bottom: 0 !important;
}

section.map .divTableCell ul li {
  padding: 3px 0px;
  padding-left: 13px;
  position: relative;
}

section.map .divTableCell ul li::after {
  display: block;
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0px;
  border: 2px solid rgba(0, 0, 0, 0.65);
  border-radius: 50%;
}

section.map .divTableCell ul li ul {
  padding: 0px 0px 5px 0px;
  margin-top: 5px;
}

section.map .divTableCell ul li ul li {
  line-height: 20px;
  padding: 3px 0px;
  padding-left: 15px;
  font-size: 14px;
  margin-left: 3px;
  position: relative;
}

section.map .divTableCell ul li ul li.des {
  font-weight: 500;
  font-size: 15px;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
}

section.map .divTableCell ul li ul li::after {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 1px;
  top: 12px;
  left: 1px;
  border-radius: 0px;
  border: 0px;
  background: rgba(0, 0, 0, 0.4);
}

section.map .divTableCell ul li ul li.des:after {
  display: none;
}

section.map .divTableCell label.ul_label {
  display: block;
  padding-top: 30px;
  padding-bottom: 10px;
}

section.map .divTableCell label.ul_label:nth-child(3) {
  margin-top: 30px;
}

section.map .divTableCell label.ul_label span {
  padding: 7px 18px 5px 18px;
  display: inline-block;
  border: 2px solid #03969b;
  letter-spacing: -0.05em;
  font-size: 17px;
  color: #03969b;
  font-weight: 400;
}

section.map .divTableCell .box_notice {
  background: #f6f6f6;
  max-height: 250px;
  padding: 20px 10px 20px 30px;
  color: rgba(0, 0, 0, 0.7);
}

section.map .divTableCell .box_notice .scroller {
  position: relative;
  padding-right: 20px;
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
}

section.map .divTableCell .box_notice p {
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 15px;
  color: rgba(0, 0, 0, 1);
}

section.map .divTableCell .agree {
  padding-top: 15px;
  font-size: 13px;
  line-height: 20px;
  vertical-align: top;
  text-align: right;
}

section.map .divTableCell .type {
  padding-top: 5px;
  font-size: 13px;
  line-height: 20px;
  vertical-align: top;
  text-align: left;
}

section.map .divTableCell .agree .divider,
section.map .divTableCell .type .divider {
  position: relative;
  display: inline-block;
  width: 20px;
}

section.map .divTableHeading {
  display: table-header-group;
  font-weight: bold;
}

section.map .divTableFoot {
  display: table-footer-group;
  font-weight: bold;
}

section.map .divTableBody {
  display: table-row-group;
}

section.map .iframe_map {
  position: relative;
  width: 1920px;
  height: 375px;
  left: 50%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
}

/* antidote -> detox */
section.detox {}

section.detox .basic_tit {
  position: relative;
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 25px;
  margin: 35px 0 55px;
}

section.detox .basic_tit p {
  font-size: 33px;
  font-weight: 200;
  box-sizing: border-box;
}

section.detox .basic_tit p span {
  font-size: 38px;
  font-family: 'Play';
}

section.detox .basic_tit:after, section.detox .basic_tit:before {
  position: absolute;
  top: -3px;
  content: '';
  width: 17px;
  height: 100%;
  border-style: solid;
  border-image: linear-gradient(to right, #c11111 0%, transparent 100%);
  border-image-slice: 1;
  border-image-width: 4px 0 4px 4px;
}

section.detox .basic_tit:before {
  left: 0;
  border-left: 4px solid #c11111;
}

section.detox .basic_tit:after {
  right: 0;
  border-right: 4px solid #c11111;
  transform: rotate(180deg);
}

section.detox .desc_text { text-align:center; }
section.detox .desc_text p { word-break: keep-all; font-size:22px; line-height:1.5; font-weight: 200; }

section.detox .content_v2 {
  background: #f5f5f5;
  margin: 105px 0 145px;
  padding-bottom: 60px;
}

section.detox .content_v2 h2 {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  font-size: 33px;
  margin: 50px auto 70px;
  font-weight: 200;
}

section.detox .content_v2 h2 span {
  font-size: 38px;
  font-family: 'Play';
}

section.detox .content_v2 h2:after {
  width: 17px;
  height: 59px;
  position: absolute;
  display: inline-block;
  content: '';
  clear: both;
  background: url('../images/sub/management_policy_img03.png') no-repeat center / cover;
  top: -12px;
  left: -15px;
}

section.detox .content_v2 h2:before {
  width: 17px;
  height: 59px;
  position: absolute;
  display: inline-block;
  content: '';
  clear: both;
  background: url('../images/sub/management_policy_img04.png') no-repeat center / cover;
  top: -12px;
  right: -15px;
}

section.detox .content_v2 h2:before::marker {
  display: none;
}

section.detox .content_v2 ul {
  font-size: 0;
  width: 960px;
  margin: 0 auto;
}

section.detox .content_v2 ul li {
  display: inline-block;
  vertical-align: top;
}

section.detox .content_v2 ul li:not(:last-child) {
  margin-right: 20px;
}

section.detox .content_v2 ul li .img_stemp {
  position: relative;
  width: 224px;
  height: 145px;
}

section.detox .content_v2 ul li.cont_01 .img_stemp {
  background: url('../images/sub/management_policy_img05.png') no-repeat center / cover;
}

section.detox .content_v2 ul li.cont_02 .img_stemp {
  background: url('../images/sub/management_policy_img06.png') no-repeat center / cover;
}

section.detox .content_v2 ul li.cont_03 .img_stemp {
  background: url('../images/sub/management_policy_img07.png') no-repeat center / cover;
}

section.detox .content_v2 ul li.cont_04 .img_stemp {
  background: url('../images/sub/management_policy_img08.png') no-repeat center / cover;
}

section.detox .content_v2 ul li .img_stemp p {
  position: absolute;
  left: 50%;
  top: 54%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 62px;
  text-align: center;
}

section.detox .content_v2 ul li .img_stemp p span {
  display: block;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 10px;
}

section.detox .content_v2 .desc {
  font-size: 20px;
  font-weight: 200;
  text-align: center;
  margin-top: 25px;
}

section.detox .content_v2 .cont_01 .desc span {
  color: #d44646;
}

section.detox .content_v2 .cont_02 .desc span {
  color: #ba9f80;
}

section.detox .content_v2 .cont_03 .desc span {
  color: #6b9490;
}

section.detox .content_v2 .cont_04 .desc span {
  color: #404049;
}

section.detox .worth .sub {
  margin-top: 40px;
}

section.detox .worth .worth-pic1 {
  background: url(../images/sub/detox_img1.png) no-repeat center center / cover;
}

section.detox .worth .worth-pic2 {
  background: url(../images/sub/detox_img2.png) no-repeat center center / cover;
}

section.detox .worth .worth-pic3 {
  background: url(../images/sub/detox_img3.png) no-repeat center center / cover;
}

section.detox .worth .worth-pic4 {
  background: url(../images/sub/detox_img4.png) no-repeat center center / cover;
}

/* antidote -> treatment */
.num_title_left { height: auto !important; float:left !important; }
.num_title_left span { position: relative; float: left !important; width: 417px; }
.num_title_left span strong { display: block; font-size: 28px; margin-bottom: 40px; position: relative; font-weight: 400; text-align: left; }
.num_title_left span:after { display: block; content: ""; width: 240%; height: 1px; position: absolute; bottom: 20px; left: 20%; background: #00afb5; }
.num_text_right { float:right !important; height: auto !important; margin-top: 60px; }
.num_text_right p { font-size: 16px; font-weight: 200; line-height: 28px; text-align: left; }

.num_title_right { height: auto !important; }
.num_title_right span { position: relative; float: right; width: 417px; }
.num_title_right span strong { display: block; font-size: 28px; margin-bottom: 40px; position: relative; font-weight: 400; text-align: left; }
.num_title_right span:after { display: block; content: ""; width: 220%; height: 1px; position: absolute; bottom: 20px; left: -190%; background: #00afb5; }
.num_text_left { height: auto !important; margin-top: 60px; }
.num_text_left p { font-size: 16px; font-weight: 200; line-height: 28px; text-align: left; }
.mgb0 { margin-bottom:130px !important; overflow: hidden; }


section.treatment .content04 {
  margin-top: 70px;
  text-align: center;
}

section.treatment .basic_tit02 {
  font-size: 38px;
  font-weight: 300;
  color: #0d0d0d;
  line-height: 1.5;
  word-break: keep-all;
}

section.treatment .basic_text03 {
  font-size: 0;
  margin: 75px auto 180px;
  text-align: center;
}

section.treatment .basic_text03 {
  font-size: 0;
  margin: 75px auto 180px;
  text-align: center;
}

section.treatment .basic_text03 span {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 270px;
  height: 235px;
  text-align: center;
  border: 7px solid #a9d9d9;
  box-sizing: border-box;
}

section.treatment .basic_text03 span:after {
  width: 40px;
  position: absolute;
  top: 49%;
  right: -48px;
  clear: both;
  content: '';
  display: inline-block;
  border-top: 4px dotted #cebdb1;
  box-sizing: border-box;
}

section.treatment .basic_text03 span:last-child:after {
  display: none;
}

section.treatment .basic_text03 span:not(:last-child) {
  margin-right: 45px;
}

section.treatment .basic_text03 span h4 {
  position: relative;
  font-size: 24px;
  font-weight: 300;
  color: #03969b;
  margin-top: 30px;
  padding-bottom: 20px;
  box-sizing: border-box;
}

section.treatment .basic_text03 span h4:after {
  position: absolute;
  top: 75%;
  left: 40%;
  clear: both;
  content: "";
  display: inline-block;
  width: 53px;
  height: 1px;
  background: #b19e88;
  margin: 0 auto;
}

section.treatment .basic_text03 span ul {
  margin-top: 27px;
}

section.treatment .basic_text03 span ul li {
  display: block;
  font-size: 18px;
  font-weight: 200;
  color: #2e2e2e;
  line-height: 1.6;
}

section.treatment .basic_text03 h4 {
  color: #111;
  margin-bottom: 0;
  height: 63px;
}

section.treatment .basic_text03 h4.tit {
  line-height: 72px;
}

section.treatment .basic_text03 span {
  display: inline-block;
  width: 290px;
  height: 300px;
  border: 5px solid #a9d9d9;
  box-sizing: border-box;
}

section.treatment .basic_text03 span ul {
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
}

section.treatment .basic_text03 span ul li {
  text-align: center;
}

section.treatment .four_circle {
  text-align: center;
}

section.treatment .four_circle p {
  margin-top: 50px;
  font-size: 24px;
  color: #0d0d0d;
  line-height: 1.5;
  word-break: keep-all;
}

section.treatment .worth .sub {
  margin-top: 195px;
}

section.treatment .worth .worth-pic1 {
  background: url(../images/sub/treatment_img5.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic2 {
  background: url(../images/sub/treatment_img4.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic3 {
  background: url(../images/sub/treatment_img10.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic4 {
  background: url(../images/sub/treatment_img11.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic5 {
  background: url(../images/sub/treatment_img2.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic6 {
  background: url(../images/sub/treatment_img7.png) no-repeat center center / cover;
}

section.treatment .worth .worth-pic7 {
  background: url(../images/sub/treatment_img9.png) no-repeat center center / cover;
}

section.treatment .worth .sub>div:nth-child(1)>div:last-child,
section.treatment .worth .sub>div:nth-child(2)>div:last-child,
section.treatment .worth .sub>div:nth-child(3)>div:last-child,
section.treatment .worth .sub>div:nth-child(4)>div:last-child,
section.treatment .worth .sub>div:nth-child(5)>div:last-child,
section.treatment .worth .sub>div:nth-child(7)>div:last-child,
section.treatment .worth .sub>div:nth-child(8)>div:last-child {
  margin-top: 0px;
}

section.treatment .worth .sub>div:nth-child(6)>div:last-child {
  margin-top: 100px;
}

section.treatment .worth .worth-txt div {
  position: absolute;
  width: 100%;
  top: 60%;
  transform: translateY(-50%);
}

section.treatment .text_box_wrap {
  margin-top: 90px;
  margin-bottom: 80px;
  font-size: 0;
}

section.treatment .text_box_wrap .left_text,
section.treatment .text_box_wrap .right_text {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

section.treatment .text_box_wrap .left_text h3,
section.treatment .text_box_wrap .right_text h3 {
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
  color: #03969b;
  margin-top: 30px;
}

section.treatment .text_box_wrap .left_text p,
section.treatment .text_box_wrap .right_text p {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 200;
  line-height: 30px;
  color: #000;
}

section.treatment .text_box_wrap .left_text .img_box {
  margin-top: 40px;
}

section.treatment .text_box_wrap .left_text .img_box p {
  font-size: 14px;
  font-weight: 200;
  line-height: 30px;
  color: #000;
  letter-spacing: -0.05em;
}

section.treatment .text_box_wrap .right_text .movie_box {
  margin-top: 70px;
  position: relative;
  width: 100%;
  padding-top: 56%;
}

section.treatment .text_box_wrap .right_text .movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.treatment .desc_text {
  margin-top: 70px;
  margin-bottom: 150px;
}

section.treatment .desc_text p {
  margin-top: 30px;
  padding-left: 13px;
  position: relative;
  font-size: 18px;
  color: #000;
  font-weight: 200;
  line-height: 30px;
  letter-spacing: -0.025em;
}

section.treatment .desc_text p.dosu br { display:block; }
section.treatment .desc_text p.dosu span:last-child::after { display:none !important; }

section.treatment .desc_text p:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #000;
  left: 0;
  top: 8px;
}

section.treatment .desc_text p span {
  display: inline;
  position: relative;
}

section.treatment .desc_text p span:after {
  content: '';
  position: absolute;
  width: 101%;
  left: -0.5%;
  height: 11px;
  background: #afe3e3;
  bottom: 1px;
  z-index: -1;
}

/* antidote -> anti */
section.anti .table_wrap {
  margin-bottom: 140px;
}

section.anti h5.title3 {
  padding-right: 20%;
  word-break: keep-all;
  padding-top: 80px;
  padding-bottom: 20px;
  font-size: 28px;
  line-height: 40px;
  letter-spacing: -0.05em;
  font-weight: 400;
}

section.anti .divTable {
  display: table;
  width: 100%;
  border-top: 2px solid rgba(0, 0, 0, 0.85);
  border-bottom: 2px solid rgba(0, 0, 0, 0.85);
}

section.anti.type2 .divTable.add_type3 {
  border-bottom: 0px;
}

section.anti .divTableRow {
  display: table-row;
}

section.anti .divTableHeading {
  background-color: #EEE;
  display: table-header-group;
}

section.anti .divTableCell:first-child {
  width: 40%;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  color: #03969b;
  font-weight: 300;
  padding-left: 90px;
  padding-right: 8%;
  position: relative;
}

section.anti .divTable.type2 .divTableCell:first-child {
  width: 30%;
}

section.anti .divTable.type3 .divTableCell:first-child {
  width: 50%;
}

section.anti .divTable.type2.add_type3 .divTableCell:first-child {
  width: 25%;
}

section.anti .divTable.type2.add_type3 .divTableCell {
  padding: 30px 10px;
  padding-left: 50px;
}

section.anti .divTableCell:first-child>span {
  color: #222;
  font-size: 18px;
  position: absolute;
  left: 40px;
  font-weight: 400;
  font-family: 'NanumSquare'
}

section.anti .divTable.type2 .divTableCell:first-child>span {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  color: #03969b;
  font-weight: 300;
  display: inline-block;
  position: relative;
}

section.anti .divTable.type3 .divTableCell:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

section.anti .divTable.type3 .divTableCell:first-child,
section.anti .divTable.type3 .divTableCell:last-child {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 28px;
  color: #03969b;
  font-weight: 300;
  letter-spacing: -0.05em;
  padding: 50px 60px 50px 140px;
  position: relative;
}

section.anti .divTable.type3 .divTableCell:first-child>span,
section.anti .divTable.type3 .divTableCell:last-child>span {
  color: #222;
  font-size: 22px;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -40px;
  font-weight: 700;
}

section.anti .divTable.type3 .divTableCellfirst-child>span::before,
section.anti .divTable.type3 .divTableCell:last-child>span::before {
  content: "";
  display: block;
  color: #222;
  font-size: 18px;
  width: 99px;
  height: 99px;
  border: 1px dashed #03969b;
  border-radius: 50%;
  opacity: 0.5;
  text-align: center;
  position: absolute;
  left: -11px;
  top: -11px;
  font-weight: 700;
}

section.anti .divTable.type3 .divTableCell::after {
  content: "";
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: url('../images/sub/anti_check.png') center center no-repeat rgba(0, 0, 0, 0.2);
}

section.anti .divTable.type2 .divTableCell:first-child>span>i {
  font-style: normal;
  display: block;
  font-size: 16px;
}

section.anti .divTable.type2 .divTableCell:first-child>span::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #03969b;
  border-radius: 50%;
  margin-left: -12px;
  top: 0px;
}

section.anti .divTableCell,
section.anti .divTableHead {
  word-break: keep-all;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 24px;
  letter-spacing: -0.03em;
  font-weight: 300;
  display: table-cell;
  padding: 40px 10px;
  font-size: 16px;
  font-family: 'NanumSquare';
}

section.anti .divTableCell.border_bottom0 {
  padding: 40px 0px 30px 40px;
  border-bottom: 0px;
}

section.anti .divTableCell ul li {
  padding: 3px 0px;
  padding-left: 13px;
  position: relative;
}

section.anti .divTableCell ul li::after {
  display: block;
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 10px;
  left: 0px;
  border: 2px solid rgba(0, 0, 0, 0.65);
  border-radius: 50%;
}

section.anti .divTableCell ul li ul {
  padding: 0px 0px 5px 0px;
  margin-bottom: 10px;
  margin-top: 5px;
}

section.anti .divTableCell ul li ul li {
  line-height: 20px;
  padding: 3px 0px;
  padding-left: 15px;
  font-size: 14px;
  margin-left: 3px;
  position: relative;
}

section.anti .divTableCell ul li ul li.des {
  font-weight: 500;
  font-size: 15px;
  padding-top: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
}

section.anti .divTableCell ul li ul li::after {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 1px;
  top: 12px;
  left: 1px;
  border-radius: 0px;
  border: 0px;
  background: rgba(0, 0, 0, 0.4);
}

section.anti .divTableCell ul li ul li.des:after {
  display: none;
}

section.anti .divTableHeading {
  display: table-header-group;
  font-weight: bold;
}

section.anti .divTableFoot {
  display: table-footer-group;
  font-weight: bold;
}

section.anti .divTableBody {
  display: table-row-group;
}

/* antidote -> terminal */
section.terminal .text_box {
  font-size: 0;
  margin-top: 70px;
}

section.terminal .text_box .lt,
section.terminal .text_box .rt {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

section.terminal .text_box div p {
  color: #0d0d0d;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.05em;
  font-weight: 200;
}

section.terminal .text_box div p.mgt50 {
  margin-top: 20px;
}

section.terminal .text_box .lt p {
  color: #0d0d0d;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.05em;
  font-weight: 400;
}

section.terminal .text_box .rt {
  text-align: center;
}

section.terminal .text_box .rt p {
  text-align: left;
  display: inline-block;
  color: #0d0d0d;
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -0.05em;
  font-weight: 200;
}

section.terminal .img_box.mgt100 {
  margin-top: 100px;
}

section.terminal .img_box p {
  margin-top: 40px;
  color: #0d0d0d;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.05em;
  font-weight: 200;
}

section.terminal .img_box .img {
  margin-top: 90px;
  margin-bottom: 140px;
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 10px 25px 0px rgba(53, 51, 51, 0.2);
}

section.terminal .img_box .img img {
  display: block;
}

/* notice_board */
section.notice .wrapper {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0px 20px;
  margin: 0 auto;
}

section.notice .noticeTable {
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.8);
}

section.notice .noticeTable a {
  display: block;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

section.notice .noticeTable a:last-child {
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .noticeTable .cell {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0px 10px;
}

section.notice .noticeTable .cell.tag {
  width: 10%;
  padding-top: 7px;
}

section.notice .noticeTable .cell.tag span {
  display: inline-block;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  padding: 0px 12px;
  background: #00afb5;
}

section.notice .noticeTable .cell.title {
  width: 30%;
  font-size: 23px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.05em;
  word-break: keep-all;
  text-align: left;
  color: #222;
}

section.notice .noticeTable .cell.memo * {
  line-height: 28px !important;
}

section.notice .noticeTable .cell.memo {
  width: 37%;
  word-break: keep-all;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: -0.05em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

section.notice .noticeTable .cell.memo i {
  display: block;
  word-break: keep-all;
  font-size: 14px;
  line-height: 22px;
  font-style: normal;
  letter-spacing: 0em;
  text-align: left;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

section.notice .noticeTable .cell.img {
  width: 23%;
}

/* height: 170px;  */
section.notice .noticeTable .cell.img .thumb {
  width: 100%;
  height: 150px;
  background-position: center center;
  background-size: cover;
}

section.notice .noticeTable .cell.memo * {
  background: #fbfaf7 !important;
}

section.notice .noticeTable.detail {
  padding: 30px 20px;
  font-size: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .noticeTable.detail .cell.tag {
  width: 200px;
}

section.notice .noticeTable.detail>span {
  display: inline-block;
  width: calc(100% - 200px);
}

section.notice .noticeTable.detail>span .cell {
  width: 100%;
}

section.notice .noticeTable.detail .cell.tag {
  padding-top: 7px;
}

section.notice .noticeTable.detail>span .title {
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 20px;
}

section.notice .noticeTable.detail>span .memo {
  word-break: keep-all;
  padding-bottom: 20px;
}

section.notice .noticeTable.detail>span .memo a {
  line-height: 20px;
  font-size: 14px;
  color: #333;
  padding: 0px;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  padding-bottom: 0px;
}

section.notice .noticeTable.detail>span .memo a:hover {
  border-color: #00afb5;
  color: #00afb5;
}

section.notice .noticeTable.detail>span .memo i {
  padding-bottom: 30px;
}

section.notice .noticeTable.detail>span .memo img {
  max-width: 100%;
  margin: 0px 0;
  padding-bottom: 0px;
}

section.notice a.btn {
  line-height: 50px;
  font-size: 15px;
  font-weight: 400;
  padding: 0px 60px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #00afb5;
  color: #fff;
  text-align: center;
}

section.notice .noticeTable.detail {
  padding: 30px 20px;
  font-size: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .noticeTable.detail .cell.tag {
  width: 200px;
}

section.notice .noticeTable.detail>span {
  display: inline-block;
  width: calc(100% - 200px);
}

section.notice .noticeTable.detail>span .cell {
  width: 100%;
}

section.notice .noticeTable.detail .cell.tag {
  padding-top: 7px;
}

section.notice_detail {
  margin-bottom: 100px;
}

section.notice .progress {
  font-size: 13px;
}


/* case_board */

section.notice .caseTable {
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.8);
}

section.notice .caseTable a {
  display: block;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

section.notice .caseTable a:last-child {
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .caseTable .cell {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0px 10px;
}

section.notice .caseTable .cell.tag {
  width: 20%;
  padding-top: 7px;
}

section.notice .caseTable .cell.tag span {
  display: inline-block;
  line-height: 26px;
  font-size: 14px;
  color: #fff;
  padding: 0px 12px;
  background: #00afb5;
}

section.notice .caseTable .cell.title {
  width: 60%;
  font-size: 23px;
  line-height: 30px;
  font-weight: 500;
  letter-spacing: -0.05em;
  word-break: keep-all;
  text-align: left;
  color: #222;
}

section.notice .caseTable .cell.memo * {
  line-height: 28px !important;
}

section.notice .caseTable .cell.memo {
  width: 17%;
  word-break: keep-all;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  letter-spacing: -0.05em;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

section.notice .caseTable .cell.memo i {
  display: block;
  word-break: keep-all;
  font-size: 14px;
  line-height: 22px;
  font-style: normal;
  letter-spacing: 0em;
  text-align: left;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
}

section.notice .caseTable .cell.img {
  width: 23%;
}

/* height: 170px;  */
section.notice .caseTable .cell.img .thumb {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}

section.notice .caseTable.detail {
  padding: 30px 20px;
  font-size: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .caseTable.detail .cell.tag {
  width: 200px;
}

section.notice .caseTable.detail>span {
  display: inline-block;
  width: calc(100% - 200px);
}

section.notice .caseTable.detail>span .cell {
  width: 100%;
}

section.notice .caseTable.detail .cell.tag {
  padding-top: 7px;
}

section.notice .caseTable.detail>span .title {
  font-size: 24px;
  line-height: 40px;
  padding-bottom: 20px;
}

section.notice .caseTable.detail>span .memo {
  word-break: keep-all;
  padding-bottom: 20px;
}

section.notice .caseTable.detail>span .memo a {
  line-height: 20px;
  font-size: 14px;
  color: #333;
  padding: 0px;
  display: inline-block;
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  padding-bottom: 0px;
}

section.notice .caseTable.detail>span .memo a:hover {
  border-color: #00afb5;
  color: #00afb5;
}

section.notice .caseTable.detail>span .memo i {
  padding-bottom: 30px;
}

section.notice .caseTable.detail>span .memo img {
  max-width: 100%;
  margin: 0px 0;
  padding-bottom: 0px;
}

section.notice a.btn {
  line-height: 50px;
  font-size: 15px;
  font-weight: 400;
  padding: 0px 60px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #00afb5;
  color: #fff;
  text-align: center;
}

section.notice .caseTable.detail {
  padding: 30px 20px;
  font-size: 0px;
  border-bottom: 2px solid rgba(0, 0, 0, 1);
}

section.notice .caseTable.detail .cell.tag {
  width: 200px;
}

section.notice .caseTable.detail>span {
  display: inline-block;
  width: calc(100% - 200px);
}

section.notice .caseTable.detail>span .cell {
  width: 100%;
}

section.notice .caseTable.detail .cell.tag {
  padding-top: 7px;
}

section.notice_detail {
  margin-bottom: 100px;
}

section.notice .progress {
  font-size: 13px;
}


.pagination {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
  font-size: 0px;
}

.pagination a {
  display: inline-block;
  width: 12px;
  height: 32px;
  line-height: 32px;
  margin: 3px;
}

.pagination a.ico {
  background: url('../images/sub/common_board_ico.png') 0px 0px no-repeat;
}

.pagination a.ico.first {
  background-position: 0px 0px;
}

.pagination a.ico.last {
  background-position: -32px 0px;
}

.pagination a.ico.prev,
.pagination a.ico.next {
  background-position: -64px 0px;
}

.pagination a.ico.first:hover {
  background-position: 0px -32px;
}

.pagination a.ico.last:hover {
  background-position: -32px -32px;
}

.pagination a.ico.prev:hover,
.pagination a.ico.next:hover {
  background-position: -64px -32px;
}

.pagination .number {
  font-size: 14px;
  line-height: 32px;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.3);
  border-bottom: 3px solid transparent;
  padding: 6px;
}

.pagination .number:hover {
  color: #00afb5;
}

.pagination .number.active {
  color: #00afb5;
  border-bottom: 3px solid #00afb5;
}

/* movie_board */
/* notice */
.wrapper .board_view,
.board_wide_type .wrapper {
  width: 1240px;
  position: relative;
  margin: 0 auto;
/*   padding-top: 10px; */
  padding-bottom: 80px;
  border-top: 0;
  border-left: 0;
}

section.video .wrapper {
  width: 1240px;
  position: relative;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.board_content.notice .subject a {
  color: #00afb5 !important;
}

.board_content.notice .number {
  font-size: 0 !important;
  position: relative;
}

.board_content.notice .number::after {
  width: 20px;
  height: 20px;
  background: url(../images/common/ico_Megaphone.png) no-repeat center;
  content: "";
  display: inline-block;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  position: absolute;
  background-size: cover;
  margin-left: -3px;
}

/* <search>*/
.board_search {
  padding-bottom: 65px;
  height: auto;
  text-align: right;
  vertical-align: top;
  font-size: 0px;
  line-height: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.select_box {
  position: relative;
  width: 140px;
  height: 40px;
  background: url("../images/common/select_arrow.png") 120px center no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.select_box.active {
  background: url("../images/common/select_arrow.png") 120px center no-repeat;
}

.select_box:hover {
  border: 1px solid #00afb5;
}

.select_box label {
  color: #000;
  position: absolute;
  font-size: 14px;
  line-height: 40px;
  top: 0px;
  left: 12px;
  display: none;
}

.select_box select {
  position: relative;
  z-index: 1;
  cursor: pointer;
  color: #000;
  font-weight: 300;
  width: 99%;
  height: 36px;
  min-height: 36px;
  line-height: 40px;
  padding: 0 10px;
  opacity: 1;
  font-size: 14px;
  filter: alpha(opacity=0);
  border: none;
  margin-top: 1px;
}

.board_search .select_box, .board_search .input_box, .board_search .btn {
  display: inline-block;
  vertical-align: top;
}

.input_box input {
  position: relative;
  z-index: 3;
  font-size: 14px;
  color: #222;
  font-weight: 300;
  margin: 0px 5px;
  line-height: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 250px;
  padding: 0px 10px;
  box-sizing: border-box;
}

.input_box input:focus {
  border: 1px solid #00afb5;
  color: #000;
}

.board_search .btn {
  position: relative;
  z-index: 1;
  height: 40px;
  min-width: 100px;
  cursor: pointer;
  width: 140px;
  background: #000;
}

.btn button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
  box-sizing: border-box;
  text-transform: uppercase;
  height: 40px;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.btn:hover button {
  color: #00afb5;
}

.board_search .btn a span {
  line-height: 40px;
}

.board_search .btn input[type='submit'] {
  top: -34px;
}

.board_view .btn a,
.board_search .btn a, .board_search .btn input[type='submit'],
.board_search .btn i {
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  color: #fff;
  font-weight: 300;
  text-indent: 3px;
  line-height: 30px;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
  padding: 0 20px;
  background-color: transparent;
  cursor: pointer;
  outline: 0 none;
  border: 0 none;
}

.board_search .btn i {
  display: block;
  height: 100%;
}

.board_view .btn:after,
.board_search .btn:after {
  opacity: 0;
  /* background:#00afb5; */
  color: #00afb5;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn i::after,
.btn i::before {
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  content: "";
  position: absolute;
  background: #00afb5;
  transition: all .3s ease-out;
}

.btn i::before {
  bottom: 0;
  right: 0;
  transition-delay: 0s;
  transform-origin: top right;
}

.btn i::after {
  top: 0;
  left: 0;
  transition-delay: 0s;
  transform-origin: top left;
}

.board_search .btn:hover:after,
.board_search .btn:hover i::after,
.board_search .btn:hover i::before {
  opacity: 1;
  transition-delay: 0s;
  transform: scaleX(1);
}

/* </search>*/
/* video 동영상 */
.report .item,
.thumb .item {
  cursor: pointer;
  width: 33.33%;
}

.report .item *,
.thumb .item * {
  color: #333;
  transition: all 0.2s ease-out;
}

.report .item h2,
.thumb .item h2 {
  font-size: 24px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* 여러 줄 자르기 추가 스타일 */
  white-space: normal;
  line-height: 30px;
  max-height: 60px;
  min-height: 60px;
  margin-bottom: 20px;
}

.brochure.reference.thumb .item h2,
.video.thumb .item h2 {
  max-height: 30px;
  min-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.report .item:nth-child(n+1):nth-child(-n+4),
.thumb .item:nth-child(n+1):nth-child(-n+4) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.thumb .item .img {
  width: 100%;
  height: 187px;
  position: relative;
  overflow: hidden;
  background: #000;
  margin: 20px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.thumb .item .img::after {
  position: absolute;
  transition: all 0.2s ease-out;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 187px;
  background: url("../images/common/sub_right_item1.jpg") 50% 50% no-repeat;
}

.thumb .item:nth-of-type(2) .img:after {
  background: url("../images/common/sub_right_item2.jpg") 50% 50% no-repeat;
}

.report .item p,
.thumb .item p {
  word-break: keep-all;
  font-size: 14px;
  position: relative;
  margin-bottom: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 16px;
  height: 47.5px;
}

.report .item i:after,
.thumb .item i:after {
  /* content: ""; */
  position: absolute;
  top: -20px;
  left: 0;
  width: 40px;
  height: 2px;
  background: #333;
}

.report .item i,
.thumb .item i {
  font-style: normal;
  color: rgba(0, 0, 0, 0.7);
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
}

.report .item,
.thumb .item {
  float: left;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 30px 1.5%;
}

.report .item:nth-child(3n-1),
.thumb .item:nth-child(3n-1) {
  padding-left: 2%;
  padding-right: 2%;
}

.report .item:hover i,
.report .item:hover p,
.thumb .item:hover i,
.thumb .item:hover p {
  color: #00afb5;
}

.report .item:hover .img::after,
.thumb .item:hover .img::after {
  transform: scale(1.1, 1.1);
  opacity: 0.75;
}

.thumb .item:last-child {
  border-bottom: none;
}

.hfw_disclosure,
.hfw_stock {
  max-width: 1240px;
  margin: 0 auto;
  padding-bottom: 70px;
}

.thumb .line2, .report .line2, .board_list.type1>.line2 {
  clear: both;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
  height: 1px;
  margin-bottom: 30px;
}

/* video_detail */
section.video_detail .wrapper .board_view {
  width: 100%;
}

section.video_detail .board_view .btn {
  height: 48px;
  min-width: 100px;
  cursor: pointer;
}

section.notice .btn_align_wrapper {
  display: block;
  padding-top: 30px;
  padding-bottom: 40px;
}

.btn_align_wrapper.right {
  text-align: right;
}

.btn.active {
  background: #222 !important;
}

.btn a,
.btn.active a {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid rgba(255, 255, 255, 0);
  display: block;
  text-align: center;
}

.btn.active a {
  border: 2px solid rgba(255, 255, 255, 0) !important;
}

.btn a span,
.button_container .btn.active a span {
  font-family: "NanumSquare";
  color: #fff;
  font-size: 14px;
  font-weight: 200;
  padding: 0 40px;
  line-height: 48px;
  text-align: center;
  transition: color 0.3s ease-out;
}

.btn a span b {
  font-weight: normal;
}

.board_search .btn:hover input[type='submit'],
.btn:hover a span,
.button_container .btn a span {
  color: #00afb5 !important;
}

.btn a::after,
.btn a::before,
.btn span::after,
.btn span::before {
  content: "";
  position: absolute;
  background: #00afb5 !important;
  transition: all 0.3s ease-out;
}

.btn i::after, .btn i::before {
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  content: "";
  position: absolute;
  background: #00afb5 !important;
  transition: all .3s ease-out;
}

.btn:hover button {
  color: #00afb5 !important;
}

.btn.active a::after,
.btn.active a::before,
.btn.active span::after,
.btn.active span::before {
  background: none;
}

.btn a::after,
.btn a::before {
  width: 100%;
  height: 2px;
  transform: scaleX(0);
}

.btn span::after,
.btn span::before {
  width: 2px;
  height: 100%;
  transform: scaleY(0);
}

.btn span::before {
  top: 0;
  right: 0;
  transition-delay: 0.1s;
  transform-origin: bottom left;
}

.btn a::before {
  bottom: 0;
  right: 0;
  transition-delay: 0s;
  transform-origin: top right;
}

.btn span::after {
  top: 0;
  left: 0;
  transition-delay: 0.1s;
  transform-origin: top left;
}

.btn a::after {
  top: 0;
  left: 0;
  transition-delay: 0s;
  transform-origin: top right;
}

.board_search .btn:hover,
.btn:hover,
.button_container .btn {
  background-color: transparent;
}

.board_search .btn:hover input::after,
.btn:hover a::after,
.button_container .btn a::after {
  transition-delay: 0s;
}

.btn:hover span::before,
.button_container .btn span::before {
  transition-delay: 0.1s;
}

.btn:hover a::before,
.button_container .btn a::before {
  transition-delay: 0.0s;
}

.btn:hover span::after,
.button_container .btn span::after {
  transition-delay: 0.1s;
}

.btn:hover a::after,
.btn:hover a::before,
.button_container .btn a::after,
.button_container .btn a::before {
  transform: scaleX(1);
}

.btn:hover span::after,
.btn:hover span::before,
.button_container .btn span::after,
.button_container .btn span::before {
  transform: scaleY(1);
}

/* video_detail */
.board_view {
  margin-top: -25px;
}

.board_view .info {
  background: #f0f0f0;
  padding: 20px 25px;
  border-top: 2px solid rgba(0, 0, 0, 1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.board_view .info b {
  display: inline-block;
  padding: 0px 35px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 16px;
  color: #999;
  font-weight: 300;
  height: 16px;
}

.board_view .info b.last_border_disabled {
  border-right: 0 none;
}

.board_view .info b span {
  color: #000;
}

.board_view .info b:first-child {
  padding-left: 0px;
}

.board_view .info b.last {
  border-right: 0px;
}

.board_view .info b.attachment.last {
  padding-left: 0;
  display: block;
  margin-top: 10px;
}

/* .board_view .info b.attachment.nextline { padding:0px; margin-top:15px; } */
.board_view .info b.attachment.nextline.add-paddng {
  padding-right: 35px;
}

.board_view .info b.attachment.nextline.add-paddng+b.attachment.nextline.last {
  padding-left: 35px;
}

.board_view .info b.attachment i {
  margin-right: 3px;
  margin-left: 2px;
  vertical-align: bottom;
  background: url("../images/common/attachment_ico.png") left bottom;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.board_view .info b.attachment span {
  font-size: 12px;
}

.board_view .info b.attachment a:hover span {
  color: #74c500;
}

.board_view .info b.attachment a:hover i {
  background-position: left top;
}

.board_view .info h3 {
  margin-top: 15px;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.03em;
  font-weight: 500;
}

.board_view .board_content * {
  font-family: 'Montserrat', 'NotoSansKR' !important;
}

.board_view .board_answer {
  padding: 25px 25px 50px 25px;
  background-color: #f5f0f0;
}

.board_view .board_content {
  padding: 25px;
  padding-bottom: 50px;
  line-height: 30px;
  word-break: keep-all;
  min-height: 300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 300;
}

.board_view .board_content img,
.board_view .board_content p>img {
  max-width: 1000px !important;
}

.board_view .line {
  clear: both;
  background: rgba(0, 0, 0, 0.8);
  height: 1px;
}

.board_view .list {
  padding-top: 20px;
  text-align: right;
}

.board_view .btn {
  height: 48px;
  min-width: 100px;
  cursor: pointer;
}

/* .board_view .btn:before { content:""; background:url("../images/main/btn_shadow.png"); background-size: 100% 100%; width:100%; height:10px; position:absolute; bottom:-10px; left:0px; } */
.board_view .btn:hover:after {
  opacity: 1;
}

.list_content {
  position: relative;
  z-index: 3;
  width: 50%;
  float: left;
}

.list_content h3 {
  color: #333;
  font-size: 14px;
  padding: 0px 20px;
  height: 56px;
  line-height: 56px;
  width: 260px;
  overflow: hidden;
  float: left;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list_content .arrow {
  text-align: center;
  width: 105px;
  height: 56px;
  padding: 18px 0px;
  background: #f0f0f0;
  float: left;
  color: #333;
}

.list_content .arrow i {
  display: inline-block;
  width: 16px;
  margin-left: 10px;
  height: 10px;
  background: url("../images/common/pagination_ico1.png") -16px 0px;
}

.list_content .arrow.prev_ico i {
  margin-right: 10px;
  margin-left: 0px;
  background-position: -16px -10px;
}

.list_content.next_article h3 {
  width: calc(100% - 105px);
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  text-align: right;
  box-sizing: border-box;
  padding-left: 215px;
}

.list_content:hover * {
  color: #fff;
}

.list_content:hover {
  background: #666;
}

.list_content:hover .arrow {
  background: #222;
}

.list_content:hover .arrow i {
  background-position: 0px -10px;
}

.list_content.next_article:hover .arrow i {
  background-position: 0px 0px;
}

.board_view .list {
  padding-top: 20px;
  text-align: right;
}

.board_view .btn {
  height: 48px;
  min-width: 200px;
  cursor: pointer;
}

.btn-right {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}

.btn,
.btn.active {
  margin-right: 3px;
  min-width: 200px;
  height: 50px;
  position: relative;
  display: inline-block;
  background: #222;
  transition: background .3s ease-out;
  box-sizing: border-box;
}

section.write .divTableCell .box_notice {
  background: #f6f6f6;
  max-height: 250px;
  padding: 20px 10px 20px 30px;
  color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
}

section.write .divTableCell .box_notice .scroller {
  position: relative;
  padding-right: 20px;
  max-height: 250px;
  overflow: hidden;
  overflow-y: auto;
}

section.write .divTableCell .box_notice p {
  font-weight: 500;
  padding-top: 12px;
  padding-bottom: 15px;
  color: rgba(0, 0, 0, 1);
}

section.write .divTableCell .agree {
  padding-top: 15px;
  font-size: 13px;
  line-height: 20px;
  vertical-align: top;
  text-align: right;
}

section.write .com_sub_title1 div {
  margin-bottom: 30px;
}

.formTable {
  display: table;
  width: 100%;
}

.formTableRow {
  display: table-row;
}

.formTableRow:first-child .formTableCell {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.formTableHeading {
  background-color: #EEE;
  display: table-header-group;
}

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

.formTableRow.final .formTableCell {
  border-bottom: 1px solid rgba(0, 0, 0, .5);
}

.formTableCell:first-child {
  width: 20%;
  vertical-align: middle;
}

.formTableCell>span {
  color: #03969b;
  font-size: 20px;
  display: inline-block;
  padding-left: 3px;
}

.formTableCell input[type="text"], input[type="password"] {
  width: 40%;
  font-size: 14px;
  box-sizing: border-box;
  background: #f6f6f6;
  line-height: 22px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, .1);
}

.formTableCell textarea {
  resize: none;
  width: 97%;
  font-size: 14px;
  box-sizing: border-box;
  background: #f6f6f6;
  line-height: 22px;
  padding: 8px 10px;
  min-height: 300px;
  border: 1px solid rgba(0, 0, 0, .1);
}

.formTableCell input.f70 {
  width: 70%;
}

.formTableCell input.full {
  width: 97%;
}

.formTableCell input::placeholder {
  color: rgba(0, 0, 0, 0.4)
}

.formTableHeading {
  background-color: #EEE;
  display: table-header-group;
  font-weight: bold;
}

.formTableFoot {
  background-color: #EEE;
  display: table-footer-group;
  font-weight: bold;
}

.formTableBody {
  display: table-row-group;
}

.formTable_btn {
  width: 100%;
  text-align: right;
  display: table;
  padding-right: 2%;
  padding-bottom: 50px;
  box-sizing: border-box;
}

.formTable_btn input.button {
  cursor: pointer;
  text-align: right;
  background: #03969b;
  color: #fff;
  border: 0px;
  padding: 0px 60px;
  display: inline-block;
  height: 45px;
  transition: background .3s ease;
}

.formTable_btn input.button:hover {
  background: #222;
}

/* 답변 */
.request_div {
  margin-left: 200px;
  background: #fff;
  padding: 35px;
}

.request_div span,
.request_div div {
  display: inline-block;
  vertical-align: top;
}

.request_div span {
  text-align: center;
  width: 60px;
  height: 30px;
  line-height: 33px;
  background: #d75151;
  color: #fff;
  font-size: 18px;
}

.request_div div {
  margin-left: 40px;
  width: 80%;
}

.request_div div p {
  font-size: 16px;
  line-height: 30px;
  color: #222;
}

/* 팝업창 */
.pop_bg {
  background: rgba(0, 0, 0, .7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 15;
  display: none;
}

.form_wrap {
  width: 610px;
  position: fixed;
  text-align: left;
  background: #fff;
  padding: 60px 50px;
  border-radius: 3%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 20;
}

.pop_com_n .form_wrap {
  display: none;
}

.sub_area li {
  display: inline-block;
  vertical-align: top;
  padding: 0 7px 5px 7px;
  margin: 0px 20px 5px 0px;
  cursor: pointer;
  border-bottom: 4px solid transparent;
}

.sub_area li.active {
  border-bottom: 4px solid #2ebdb7;
}

.sub_area a {
  font-size: 18px;
  color: #000;
}

.pop_com_b .form_wrap {
  width: 1000px;
  position: static;
  transform: inherit;
  top: auto;
  left: auto;
  transform: none;
  background: none;
  margin: 50px auto 150px;
}

.form_wrap h4 {
  font-size: 32px;
  font-weight: 400;
}

.form_area {
  position: relative;
  height: 75px;
  font-weight: 300;
  margin-top: 45px;
}

.form_area label {
  position: absolute;
  top: 0;
  font-size: 14px;
  font-weight: 400;
}

.form_area input {
  width: 100%;
  height: 51px;
  position: absolute;
  bottom: 0;
  padding: 10px;
  font-size: 20px;
  font-weight: 200;
  border: 0;
  vertical-align: top;
  background: transparent;
  border-bottom: 1px solid #777;
  box-sizing: border-box;
  outline: 0;
  caret-color: #2ebdb7;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.form_area input:focus {
  border-bottom: 1px solid #2ebdb7;
  box-sizing: border-box;
}

.form_wrap .error {
  font-size: 15px;
  color: #2ebdb7;
  font-weight: 400;
  margin-top: 15px;
}

.form_wrap .btn_basic {
  display: inline-block;
  width: 100%;
  height: 60px;
  margin: 20px 0 10px;
  font-size: 18px;
  background: #2ebdb7;
  color: rgb(255, 255, 255);
  border: 0px;
  text-align: center;
  border-radius: 8px;
  line-height: 60px;
}

.form_wrap .btn_basic.btn_join {
  color: #2ebdb7;
  border: 1px solid #2ebdb7;
  background: #fff;
  box-sizing: border-box;
}

section.login .btn_join {
  margin: 90px auto 35px;
}

.form_area_v2>div {
  display: inline-block;
}

.form_area_v2:after {
  clear: both;
  content: "";
  display: inline-block;
}

.find_info {
  float: right;
}

.find_info>a {
  font-size: 14px;
  color: rgb(157, 157, 157);
  font-weight: 200;
  cursor: pointer;
}

.find_info .bar {
  margin: 0 15px;
  width: 1px;
  height: 18px;
  background: rgb(157, 157, 157);
  display: inline-block;
  vertical-align: middle;
}

.form_wrap .ck_custom {
  position: relative;
  height: 20px;
}

.form_wrap input[type="checkbox"] {
  width: 18px;
  height: 18px;
  position: absolute;
  bottom: -2px;
  left: -3px;
  cursor: pointer;
}

.form_wrap input[type="checkbox"]+label {
  display: inline-block;
  width: 100%;
  font-weight: 200;
  cursor: pointer;
}

.form_wrap input[type="checkbox"]+label>span {
  display: inline-block;
  background: url(../images/sub/ck_icon.png) no-repeat;
  background-size: 100%;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  vertical-align: -4px;
  border: 1px solid #999;
}

section.join .form_wrap input[type="checkbox"]+label>span {
  background: url(../images/sub/ck_icon.png) #fff no-repeat;
}

.form_wrap input[type="checkbox"]:checked+label>span {
  display: inline-block;
  background: url(../images/sub/ck_icon.png) no-repeat #2ebdb7;
  background-position: center;
  border: 1px solid #2ebdb7;
  width: 18px;
  height: 18px;
  margin-right: 15px;
  vertical-align: -4px;
}

section.join .form_wrap input[type="checkbox"]:checked+label>span {
  background: url(../images/sub/ck_icon.png) no-repeat #31708f;
  border: 1px solid #31708f;
  background-position: center;
}

.form_wrap input[type="checkbox"] {
  opacity: 0;
}

.form_wrap .pop_close {
  position: absolute;
  height: 20px;
  top: 25px;
  right: 25px;
  cursor: pointer;
}

section.join .page-content {
  line-height: 22px;
  word-break: keep-all;
  word-wrap: break-word;
}

section.join .page-content .article-title {
  color: #0083B9;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 10px;
}

section.join .page-content ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

section.join .page-content ol {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}

section.join .page-content ol>li>ol li {
  list-style: disc;
}

section.join .page-content p {
  margin: 0 0 15px;
  padding: 0;
}

section.join .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

section.join .panel-default {
  border-color: #ddd;
}

section.join .panel .panel-heading {
  border-radius: 0px;
}

section.join .panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

section.join .panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

section.join .panel-heading strong {
  font-weight: 700;
}

section.join .panel-body {
  font-size: 12px;
  padding: 15px;
  box-sizing: border-box;
}

section.join .register-term {
  position: relative;
  height: 200px;
  margin: 0px;
  overflow: auto;
}

section.join .alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
  margin: 25px 0 50px;
}

section.join .alert {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}

section.join .alert-info strong {
  font-weight: 700;
}

section.join .alert-info img {
  height: 20px;
  vertical-align: bottom;
  margin-right: 9px;
}

section.join .page-content {
  line-height: 22px;
  word-break: keep-all;
  word-wrap: break-word;
}

section.join .page-content .article-title {
  color: #0083B9;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 15px;
}

section.join .panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

section.join .join_icon {
  height: 20px;
  vertical-align: bottom;
  margin-right: 9px;
}

section.join .form_wrap .btn_basic {
  background: #d9edf7;
  color: #31708f;
  border-radius: 4px;
}

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 {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-weight: 300;
  font-size: 15px;
  word-break: keep-all;
}

section.join .table>tbody>tr>th {
  font-weight: 500;
}

section.join .register-form .text-gap {
  margin-bottom: 4px;
}

section.join .form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

section.join .has-feedback {
  position: relative;
}

section.join .input-sm, .form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

section.join .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

section.join .form_area_v2 {
  height: 63px;
  margin-top: 20px;
}

section.join .form-group_v2 {
  height: 40px;
  margin-bottom: 20px;
}

section.join .form_area_v2 input {
  border: 1px solid #ccc;
  height: 35px;
  caret-color: #0083B9;
}

section.join .form-group_v2 input[type="checkbox"]+label,
section.join .error_v2 {
  font-size: 15px;
  color: #0083B9;
  font-weight: 300;
  margin-top: 8px;
}

section.join .help-block {
  display: block;
  margin-top: 12px;
  margin-left: 38px;
  font-weight: 200;
}

section.join .form_wrap .btn_basic_v2 {
  margin: 0;
  background: #fff;
  border: 1px solid #31708f;
}

section.id.password2 .pop_com_b .form_wrap {
  margin: 0 auto;
}

section.id.password2 .out {
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}

section.id.password2 .out:after {
  clear: both;
  content: "";
  display: block;
}

section.id.password2 .out p {
  margin-top: 30px;
  font-size: 21px;
  padding-bottom: 9px;
  border-bottom: 1px solid black;
  display: inline-block;
  cursor: pointer;
}

section.id.password2 .out a {
  float: right;
  color: #2ebdb7;
  margin-top: 30px;
  font-size: 21px;
}