/**********************************************************
                           sub
***********************************************************/
/* sub01_03 병원소개 start */

.sub_content {
   position: relative;
   padding-bottom: 100px;
}
.sloca_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 30px;
}
.sloca_wrap .sloca_list > a {
   font-size: 14px;
   color: #999;
}
.sloca_wrap .sloca_list.sloca_block {
   margin: 0 5px;
}
.sloca_wrap .sloca_list > a > span.sloca_home {
   display: inline-block;
   width: 16px;
   height: 16px;
   background: url(../images/sub_locahome.png) no-repeat center center;
   vertical-align: top;
}
.sub_title {
   margin: 80px 0 100px;
}
.sub_title > h2 {
   font-size: 42px;
   font-weight: bold;
   text-align: center;
   color: #000;
}
.sub_title > h3 {
   font-size: 20px;
   text-align: center;
   color: #000;
   margin-top: 10px;
}
.sub_title > p {
   margin-top: 30px;
   line-height: 30px;
   text-align: center;
   font-size: 16px;
   word-break: keep-all;
}
.sub_title > h2.text_left {
   text-align: left;
   font-weight: 600;
}
.sub_stitle {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin: 0 0 50px 0;
}
.sub_stitle > h3 {
   line-height: 42px;
   font-size: 32px;
   font-weight: 600;
   color: #000;
}
.step_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   margin-bottom: 50px;
   background: #fff;
}
.step_wrap .step_list {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   border-bottom: 2px solid #d9d8d6;
   line-height: 30px;
   text-align: center;
   font-size: 20px;
   font-weight: 600;
   color: #d9d8d6;
   cursor: pointer;
}
.step_wrap .step_list > a {
   display: inline-block;
   width: 100%;
   height: 100%;
   padding: 10px 0;
   line-height: normal;
   color: #d9d8d6;
}
.step_wrap .step_list.active {
   border-bottom: 2px solid #000;
   color: #000;
}
.step_wrap .step_list.active > a {
   color: #000;
}
.sub0701 .step_wrap {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-bottom: 0;
}
.sub0701 .step_wrap .step_list {
   -webkit-box-flex: 0;
   -ms-flex: none;
   flex: none;
   /* width: 25%; */
   width: 20%;
   margin-bottom: 50px;
}

.sub0701 .step_wrap .step_list.active {
   border-color: #3748ab;
}
.sub0701 .step_wrap .step_list.active > a {
   color: #3748ab;
}
.forephoto_slide {
   margin-bottom: 30px;
   position: relative;
}
.swiper-container,
.swiper-container .swiper-slide {
   border-radius: 10px;
}
.sub_linetext > p {
   position: relative;
   width: 100%;
   text-align: center;
   font-size: 20px;
   color: #999;
}
.sub_linetext > p > span {
   display: inline-block;
   position: relative;
   z-index: 1;
   padding: 0 70px;
   background: #fff;
}
.sub_linetext > p::before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   width: 50%;
   height: 2px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background: #d9d8d6;
}
.sub_linetext > p::after {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   right: 0;
   width: 50%;
   height: 2px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background: #d9d8d6;
}
.forephoto_slide .fpslide-slide > img {
   width: 100%;
}
.forephoto_slide .fpslide_btn {
   margin: 45px 0;
}
.forephoto_slide .fpslide_btn > h4 {
   display: inline-block;
   margin-right: 20px;
   font-size: 24px;
   font-weight: bold;
   vertical-align: middle;
}
.forephoto_slide .swiper-pagination.fpslide-pagination {
   position: static;
   display: inline-block;
   vertical-align: middle;
}
.swiper-pagination.fpslide-pagination .swiper-pagination-bullet {
   width: 6px;
   height: 6px;
   margin-right: 5px;
   background: #000;
   opacity: 0.3;
}
.swiper-pagination.fpslide-pagination .swiper-pagination-bullet-active {
   opacity: 1;
}
.sfp_imginner {
   overflow: hidden;
   position: relative;
}
.sfp_imginner > img {
   width: 100%;
}
.sfp_imginner > p.sfp_imgname {
   position: absolute;
   left: 25px;
   bottom: 20px;
   font-size: 20px;
   font-weight: 400;
   color: #fff;
}
.sfp_imginner > p > span {
   display: block;
   line-height: 26px;
   font-size: 16px;
   font-weight: normal;
   color: #fff;
}
.sfp_imginner > p > span.sfp_imgtitle {
   font-size: 20px;
   font-weight: 500;
   color: #fff;
}
.sfp_roomrep > .sfp_imginner {
   position: relative;
   margin-bottom: 40px;
}
.sfp_roomrep > .sfp_imginner > img {
   opacity: 0;
}
.sfp_roomrep > .sfp_imginner > img.active {
   opacity: 1;
}
.sfp_roomlist > .sfp_imginner {
   position: relative;
   width: 24%;
   cursor: pointer;
}
.sfp_roomlist > .sfp_imginner .sfp_roomcover {
   display: none;
}
.sfp_roomlist > .sfp_imginner.active .sfp_roomcover {
   display: inline-block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 3px solid #c29a4c;
}
.sfp_imgetc > .sfp_imgbox > .sfp_imginner {
   width: 24%;
}

@media screen and (max-width: 1023px) {
   .sub_linetext > p > span {
      padding: 0 calc(70vw / 1023 * 100);
   }
   .sfp_imginner > p.sfp_imgname {
      left: calc(25vw / 1023 * 100);
      bottom: calc(20vw / 1023 * 100);
      font-size: 20px;
   }
}
@media screen and (max-width: 639px) {
   .sub_content {
      padding-bottom: 50px;
   }
   .sub_title {
      margin: 40px 0 60px;
   }
   .sub_title > h2 {
      font-size: 32px;
   }
   .step_wrap .step_list {
      font-size: 16px;
   }
   .sub0701 .step_wrap .step_list {
      margin-bottom: 10px;
   }
   .forephoto_slide .fpslide_btn {
      margin: 15px 0;
   }
   .forephoto_slide .fpslide_btn > h4 {
      font-size: 20px;
   }
   .sub_linetext > p {
      font-size: 16px;
   }
   .sub_stitle {
      margin: 0 0 20px 0;
   }
   .sub_stitle > h3 {
      line-height: 34px;
      font-size: 26px;
   }
   .sfp_imginner > p.sfp_imgname {
      font-size: 16px;
   }
   .sfp_imginner > p > span {
      line-height: 20px;
      font-size: 12px;
   }
   .sfp_roomrep > .sfp_imginner {
      margin-bottom: 20px;
   }
}
@media screen and (max-width: 499px) {
   .sloca_wrap .sloca_list > a {
      font-size: 12px;
   }
   .step_wrap .step_list {
      font-size: 14px;
      letter-spacing: -1px;
   }
   .sfp_imginner > p.sfp_imgname {
      font-size: 12px;
   }
   .sfp_imginner > p > span {
      line-height: 18px;
      font-size: 10px;
   }
}
@media screen and (max-width: 399px) {
   .sub_linetext > p > span {
      padding: 0 20px;
   }
}
/* sub01_03 병원소개 end */

/* sub01_02 의료진소개 start */
.paper_content {
   position: relative;
}
.sbg_engmane {
   position: absolute;
   left: 0;
   top: -15px;
   width: 100%;
}
.sbg_engmane01.jamsil {
   max-width: 672px;
}
.sbg_engmane02.jamsil {
   max-width: 1107px;
}
.sbg_engmane03.jamsil {
   max-width: 1336px;
}
.sbg_engmane04.jamsil {
   max-width: 1017px;
}
.sbg_engmane01.gwanghwa {
   max-width: 892px;
}
.sbg_engmane02.gwanghwa {
   max-width: 1107px;
}
.sbg_engmane03.gwanghwa {
   max-width: 942px;
}
.sbg_engmane04.gwanghwa {
   max-width: 1067px;
}
.sbg_engmane05.gwanghwa {
   max-width: 803px;
}
.sbg_engmane06.gwanghwa {
   max-width: 929px;
}
.sbg_engmane07.gwanghwa {
   max-width: 590px;
}
.sbg_engmane > img {
   width: 100%;
}
.sdoc_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   margin-bottom: 40px;
}
.sdoc_wrap .sdoc_img {
   width: 100%;
   text-align: center;
   /* max-width: 700px; */
}
.sdoc_wrap .sdoc_img > img {
   margin-top: 80px;
   width: 80%;
}
.sdoc_wrap .sdoc_img.top > img {
   width: 100%;
   margin-top: 0;
}
.sdoc_wrap .sdoc_img.w75 > img {
   width: 75%;
}
.sdoc_wrap .sdoc_img .marker{
   margin-top: 30px;
   width: 80px;
}
.sdoc_wrap .sdoc_img .marker:nth-of-type(2){
   margin-left: 10px;
}
.sdoc_name {
   width: 100%;
   padding-left: 35px;
}
.sdoc_name > h2 {
   margin-bottom: 40px;
   padding-left: 35px;
   font-size: 50px;
   font-weight: bold;
}
.sdoc_name > h2 > span {
   display: inline-block;
   padding-left: 10px;
   font-size: 24px;
   color: #999;
}
.sdoc_name > h2 > span .col_orange {
   color: #c29a4c;
}
.sdoc_name > h2 > span .col_blue {
   color: #3748ab;
}

.sdoc_calender {
   padding-left: 35px;
   border-left: 4px solid #c29a4c;
}
.sdoc_calender .sdoc_caltitle {
   margin-bottom: 15px;
   font-size: 20px;
   font-weight: bold;
}
.sdoc_calender .sdoc_calwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}
.sdoc_calender .sdoc_calwrap .sdoc_callist {
   -ms-flex-preferred-size: 100px;
   flex-basis: 100px;
   text-align: center;
}
.sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
   padding-bottom: 5px;
   border-bottom: 1px solid #d9d9d9;
   font-size: 24px;
   font-weight: bold;
}
.sdoc_calender .sdoc_calwrap .sdoc_callist > p {
   padding-top: 8px;
   font-size: 18px;
   color: #3748ab;
}
.sdoc_history {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.sdoc_history .sdoc_hiscon {
   width: 49%;
}
.sdoc_history .sdoc_hiscon.w100 {
   width: 100%;
}
.sdoc_history .sdoc_histitle {
   margin-bottom: 20px;
   padding-bottom: 15px;
   border-bottom: 1px solid #d9d9d9;
   font-size: 20px;
   font-weight: bold;
}
.sdoc_history .sdoc_histitle.sb {
   border-bottom: 1px solid #000;
}
.sdoc_history .sdoc_hislist {
   padding-left: 15px;
   line-height: 20px;
   font-size: 16px;
   text-indent: -15px;
   word-break: keep-all;
}

.sdoc_history.sdoc_paper .sdoc_hislist {
   padding-left: 0;
   text-indent: 0;
}
.sdoc_history.sdoc_paper {
   margin-top: 40px;
}
.sdoc_history.sdoc_paper > .sdoc_hiscon {
   width: 100%;
}
.sdoc_history.sdoc_paper .sdoc_histitle {
   cursor: pointer;
}
.sdoc_history.sdoc_paper .sdoc_histitle::after {
   content: "";
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-left: 10px;
   background: url(../images/paper_arrow.png) no-repeat center center;
   -webkit-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.sdoc_history.sdoc_paper.active .sdoc_histitle::after {
   -webkit-transform: rotate(-180deg);
   -ms-transform: rotate(-180deg);
   transform: rotate(-180deg);
}
.sdoc_history.sdoc_paper .sdoc_hiscover {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.sdoc_history.sdoc_paper .sdoc_hiswrap {
   width: 49%;
}
.sdoc_history.sdoc_paper .sdoc_hislist > span {
   display: block;
   font-size: 14px;
   color: #999;
}

/* 의료진소개 광화문 추가 */
.itc_wrap {
   display: none;
}
.itc_wrap.active {
   display: block;
}
.gwanghwa.top {
   max-width: 1250px;
   margin: 0 auto;
}
.gwanghwa .sub_content {
   padding: 40px 0;
   display: flex;
   justify-content: space-between;
}
.gwanghwa .sdoc_wrap {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.gwanghwa.top .sdoc_wrap {
   max-width: 45%;
}
.gwanghwa.top .sdoc_wrap.sb {
   max-width: 45%;
}
.gwanghwa .sdoc_wrap .sdoc_img {
   position: relative;
}
.gwanghwa .sdoc_modal .sdoc_img > h2{
   position: relative;
}
.gwanghwa .sdoc_img > h2 {
   position: absolute;
   top: 0;
   left: 0;
   font-size: 42px;
   font-weight: 500;
   text-align: left;
}
.gwanghwa .sdoc_img.top > h2 {
   position: absolute;
   left: 20px;
   top: 20px;
   right: auto;
}
.gwanghwa .sdoc_img.top.left > h2{
   left: 20px;
   right: auto;
}
.gwanghwa .sdoc_img > h2 > span {
   text-align: left;
   display: block;
   padding-top: 5px;
   font-size: 18px;
}
.gwanghwa .sdoc_right{
    width:51%;
}
.gwanghwa .sdoc_right.sb{
    width:51%;
}
.gwanghwa .sdoc_img.top.left > h2>span{
   text-align: left;
}
.gwanghwa .sdoc_name {
   margin-top: 20px;
   padding: 15px;
   background: #155a95;
}
.gwanghwa .sdoc_calender {
   padding-left: 0;
   border: none;
}
.gwanghwa .sdoc_calender .sdoc_caltitle {
   margin-bottom: 2px;
   font-size: 13px;
   color: #fff;
}
.gwanghwa .sdoc_name > h2 {
   padding-left: 0;
}
.gwanghwa .sdoc_calender .sdoc_calwrap {
   max-width: 350px;
   position: relative;
}
.gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_caltitle {
   font-size: 13px;
}
.gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
   padding: 0 0 10px 0;
   font-size: 21px;
   font-weight: normal;
   color: #fff;
   border: none;
}
.gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > p {
   font-size: 16px;
   color: #fff;
   word-break: keep-all;
}
.gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > p.special {
   color: #ff8641;
}
/* .gwanghwa .sdoc_history {
   margin-top: 40px;
} */
.gwanghwa .sdoc_hiswrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap:15px 0px;
}
.gwanghwa .sdoc_hiswrap.sb{
  gap:0px 0px;
}
/* .gwanghwa .sdoc_hiswrap.i1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
} */
.gwanghwa .sdoc_history .sdoc_hislist {
   width: 50%;
}
.gwanghwa .sdoc_history.sdoc_paper .sdoc_hiscover {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.gwanghwa .sdoc_history.sdoc_paper .sdoc_hiswrap {
   width: 100%;
}
.gwanghwa .sdoc_history.sdoc_paper .sdoc_hislist {
   width: 100%;
}
.gwanghwa .sdoc_history.sdoc_paper .sdoc_hiswrap.sb .sdoc_hislist{
  line-height: 35px;
}

.gwanghwa .sdoc_calender {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.gwanghwa .sdoc_calwrap {
   -webkit-box-flex: 1;
   -ms-flex: auto;
   flex: auto;
}
.gwanghwa .sdoc_calbtn > p {
   width: 110px;
   border: 1px solid #fff;
   border-radius: 26px;
   line-height: 44px;
   text-align: center;
   font-size: 13px;
   color: #fff;
   cursor: pointer;
}
.gwanghwa.bottom .sub_content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}
.gwanghwa.bottom .sdoc_box {
   width: 47%;
}
.gwanghwa.bottom .sdoc_box:first-child {
   margin-right: 10px;
}
.gwanghwa.bottom .sdoc_box:last-child {
   margin-left: 10px;
}
.gwanghwa.bottom .sdoc_history .sdoc_hiscon {
   position: relative;
   width: 100%;
}
.gwanghwa.bottom .sdoc_history .sdoc_hislist {
   width: 100%;
}
.gwanghwa.bottom .sdoc_history .sdoc_hiswrap.w50 {
   display: inline-block;
   width: 50%;
}
.gwanghwa.bottom .sdoc_wrap .sdoc_img {
   padding-left: 10px;
}
.sdoc_mdmask {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   z-index: 99;
}
.gwanghwa .sdoc_modal {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   width: 100%;
   max-width: 950px;
   padding: 80px 40px 0 40px;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: #fff;
   z-index: 999;
}
.gwanghwa.active .sdoc_mdmask,
.gwanghwa .sdoc_box.active .sdoc_modal {
   display: block;
}
.gwanghwa .sdoc_mdwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.gwanghwa .sdoc_mdwrap .sdoc_img {
   -ms-flex-preferred-size: 160px;
   flex-basis: 160px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}
.gwanghwa .sdoc_modal .sdoc_history {
   margin-top: 0;
}
.gwanghwa .sdoc_mdclose {
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
}
.gwanghwa .sdoc_modal .sdoc_histitle {
   cursor: unset;
}
.gwanghwa .sdoc_modal .sdoc_histitle::after {
   content: "";
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-left: 10px;
   background: url(../images/paper_arrow.png) no-repeat center center;
}
.gwanghwa .sdoc_modal .sdoc_history.active .sdoc_histitle::after {
   -webkit-transform: rotate(0);
   -ms-transform: rotate(0);
   transform: rotate(0);
}
.gwanghwa .sdoc_modal .sdoc_hiswrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   max-height: 240px;
   overflow-y: auto;
}
.gwanghwa.bottom .sdoc_modal .sdoc_hiscon.paper .sdoc_hislist {
   padding-left: 0;
   text-indent: 0;
}
.gwanghwa.bottom .sdoc_modal .sdoc_hiscon.paper .sdoc_hislist > span {
   font-size: 14px;
   color: #999;
}
.gwanghwa.bottom .sdoc_modal .sdoc_hiscon {
   margin-bottom: 40px;
}

@media screen and (max-width: 1023px) {
   .sdoc_name {
      padding-left: 20px;
   }
   .sdoc_name > h2 {
      padding-left: 20px;
      font-size: 40px;
   }
   .sdoc_name > h2 > span {
      font-size: 20px;
   }
   .sdoc_calender {
      padding-left: 20px;
   }
   .sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
      font-size: 22px;
   }
   .sdoc_calender .sdoc_calwrap .sdoc_callist > p {
      font-size: 16px;
   }
   .gwanghwa .sdoc_hiswrap{
     gap:10px 0px;
   }
   .sdoc_history .sdoc_hislist {
      line-height: 20px;
      font-size: 16px;
      letter-spacing: -1px;
   }
   .gwanghwa .sdoc_history.sdoc_paper .sdoc_hiswrap.sb .sdoc_hislist{
     line-height: 30px;
   }
   .gwanghwa.top {
      margin-bottom: 50px;
   }
   .gwanghwa.bottom .sub_content {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .gwanghwa.bottom .sdoc_box {
      width: 100%;
      max-width: 640px;
      margin: 20px auto;
   }
   .gwanghwa.bottom .sdoc_box:first-child {
      margin: 20px auto;
   }
   .gwanghwa.bottom .sdoc_box:last-child {
      margin: 20px auto;
   }
   .gwanghwa .sdoc_modal {
      width: 90%;
      padding: 40px 20px 0 20px;
   }
   .gwanghwa .sdoc_modal .sdoc_hiswrap {
      max-height: 150px;
   }
   .gwanghwa .sub_content,
   .gwanghwa.bottom .sub_content {
      padding: 0;
   }
   .gwanghwa.bottom .sdoc_wrap .sdoc_img {
      width: 100%;
      margin: 0;
   }
}
@media screen and (max-width: 639px) {
   .paper_content .sub_content {
      padding-bottom: 40px;
      flex-direction: column;
      align-items: center;
   }
   .sdoc_wrap {
      display: block;
   }
   .gwanghwa.top .sdoc_wrap{
     max-width:90%;
   }
   .gwanghwa.top .sdoc_wrap.sb{
     max-width:90%;
   }
   .gwanghwa .sdoc_right{
     width:90%;
   }
   .gwanghwa .sdoc_right.sb{
     width:90%;
   }
   .sdoc_wrap .sdoc_img {
      width: 90%;
      margin: 0 auto 30px auto;
   }
   .gwanghwa .sdoc_img.top > h2{
      left: 10px;
   }

   .sdoc_wrap .sdoc_img.top{
      width: 100%;
   }
   .sdoc_name {
      padding: 0;
   }
   .sdoc_name > h2 {
      font-size: 32px;
   }
   .sdoc_name > h2 > span {
      font-size: 18px;
   }
   .sdoc_calender .sdoc_caltitle {
      font-size: 18px;
   }
   .sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
      font-size: 20px;
   }
   .sdoc_calender .sdoc_calwrap .sdoc_callist > p {
      font-size: 15px;
   }
   .sdoc_history {
      display: block;
   }
   .sdoc_history .sdoc_hiscon {
      width: 100%;
      margin-top: 40px;
   }
   .sdoc_history.sdoc_paper .sdoc_hiscover {
      display: block;
   }
   .sdoc_history.sdoc_paper .sdoc_hiswrap {
      width: 100%;
   }
   .gwanghwa .sdoc_img > h2 {
      font-size: 32px;
   }
   .gwanghwa .sdoc_img > h2 > span {
      font-size: 16px;
   }
   .gwanghwa .sdoc_name {
      padding: 15px;
   }
   .gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
      padding: 5px 0;
      font-size: 16px;
   }
   .gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > p {
      font-size: 12px;
   }
   .gwanghwa .sdoc_calbtn > p {
      width: 80px;
      line-height: 35px;
      font-size: 12px;
   }
   .gwanghwa .sdoc_mdwrap {
      display: block;
   }
   .gwanghwa.bottom .sdoc_modal .sdoc_hiscon {
      margin: 20px 0;
   }
}
@media screen and (max-width: 500px) {
   .gwanghwa .sdoc_history .sdoc_hislist {
      width: 100%;
   }
   .gwanghwa.bottom .sdoc_box {
      margin: 10px auto;
   }
   .gwanghwa.bottom .sdoc_box:first-child {
      margin: 10px auto;
   }
   .gwanghwa.bottom .sdoc_box:last-child {
      margin: 10px auto;
   }
}
@media screen and (max-width: 400px) {
   .gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_caltitle {
      font-size: 10px;
   }
   .gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > h4 {
      padding: 5px 0;
      font-size: 12px;
   }
   .gwanghwa .sdoc_calender .sdoc_calwrap .sdoc_callist > p {
      font-size: 10px;
   }
   .gwanghwa .sdoc_calbtn > p {
      width: 70px;
      font-size: 11px;
   }
}
/* sub01_02 의료진소개 end */

/* sub01_04 오시는 길 start */
.map_content .sub_stitle {
   -ms-flex-negative: 0;
   flex-shrink: 0;
}
.smap_textwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.smap_text {
   width: 100%;
   padding: 0 90px;
}
.smap_text .smap_address {
   margin-bottom: 40px;
   line-height: 30px;
   font-size: 20px;
   font-weight: bold;
}
.smap_text .smap_subtit {
   line-height: 30px;
   font-size: 16px;
   font-weight: bold;
   color: #9c5534;
}
.smap_text .smap_traffic {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.smap_text .smap_trafficbox {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 50%;
   margin-bottom: 30px;
   line-height: 30px;
}
.smap_text .smap_trafficbox > h5 {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-right: 15px;
   font-size: 16px;
   font-weight: bold;
}
.smap_text .smap_trafficinner > p {
   font-size: 16px;
}
.smap_text .smap_trafficinner > p > span {
   color: #999999;
}
.sub_mapwrap {
   margin-top: 40px;
}
.sub_mapwrap .root_daum_roughmap_landing {
   width: 100% !important;
}
.root_daum_roughmap .wrap_map {
   height: 450px !important;
}
.root_daum_roughmap .wrap_controllers {
   display: none;
}

@media screen and (max-width: 1023px) {
   .smap_text {
      padding: 0 40px;
   }
   .smap_text .smap_traffic {
      display: block;
   }
   .smap_text .smap_trafficbox {
      width: 100%;
   }
   .smap_text .smap_trafficbox.pd_r10,
   .smap_text .smap_trafficbox.pd_l10 {
      padding: 0;
   }
   .smap_text .smap_trafficinner > p {
      word-break: keep-all;
   }
}
@media screen and (max-width: 639px) {
   .smap_textwrap {
      display: block;
   }
   .smap_text {
      padding: 0;
   }
   .smap_text .smap_address {
      font-size: 18px;
   }
   .sdoc_wrap .sdoc_img .marker{
      margin-top: 10px;
      width: 60px;
   }
   .sdoc_wrap .sdoc_img .marker:nth-of-type(2){
      margin-left: 0;
   }
}
/* sub01_04 오시는 길 end */

/* sub_academic 학술활동 start */
.saca_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   margin-bottom: 50px;
}
.saca_wrap:after {
   clear: both;
   display: block;
   content: "";
}
.saca_wrap .saca_list {
   width: 32.3%;
   margin-right: 1.5%;
}
.saca_wrap .saca_list:last-child {
   margin-right: 0;
}
.saca_wrap .saca_img {
   overflow: hidden;
   width: 100%;
   height: 100%;
   max-height: 300px;
   min-height: 150px;
   border: 1px solid #d9d8d6;
}
.saca_wrap .saca_img img {
   width: 100%;
}
.saca_wrap .saca_text,
.saca_wrap .academic_text {
   width: 100%;
   padding: 20px 20px 0;
}
.saca_tit {
   /* overflow: hidden; */
   line-height: 30px;
   font-size: 20px;
   word-break: keep-all;
   /* text-overflow: ellipsis; */
   /* white-space: nowrap; */
}
.saca_wrap .saca_text .saca_explan {
   display: -webkit-box;
   overflow: hidden;
   max-height: 90px;
   line-height: 30px;
   font-size: 16px;
   color: #666;
   word-wrap: break-word;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
}
.saca_wrap .saca_text .saca_content {
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   line-height: 30px;
   font-size: 16px;
   word-wrap: break-word;
   word-break: keep-all;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
}
.saca_wrap .academic_text .saca_content {
   line-height: 30px;
   font-size: 16px;
}
.saca_wrap .saca_text .saca_date {
   margin-top: 10px;
   font-size: 14px;
   color: #999;
}
.saca_wrap.col {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 0;
}
.saca_wrap.col .saca_list {
   width: 100%;
}
.saca_wrap.col .saca_list > a {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   width: 100%;
   padding: 55px 20px;
   border-top: 1px solid #d9d9d9;
}
.saca_wrap.col .saca_img {
   width: 250px;
   min-width: 250px;
}
.saca_wrap.col .saca_text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 70%;
   min-height: 250px;
   padding: 20px;
}
.saca_wrap.col .saca_text .saca_explan {
   margin: 15px 0 30px;
}
.saca_morebtn {
   display: inline-block;
   width: 100%;
   border: 1px solid #000;
   line-height: 60px;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   cursor: pointer;
}
.saca_img .img-item {
   position: relative;
   width: 100%;
   height: 100%;
}
.paper_title {
   width: 80%;
   padding-right: 20px;
}
.paper_source {
   width: 20%;
   min-width: 190px;
   margin-top: 5px;
   font-size: 16px;
   color: #aaa;
}
.paper_source > p {
   display: inline-block;
   margin-right: 10px;
}

/* view */
.view-content {
   word-break: break-all;
   margin-top: 50px;
   line-height: 30px;
   font-size: 18px;
}
.view_title {
   margin-bottom: 50px;
}
.view_titlewrap {
   padding-bottom: 20px;
   border-bottom: 2px solid #d9d9d9;
}
.view_divi {
   margin-bottom: 8px;
   font-size: 20px;
   font-weight: bold;
   letter-spacing: normal;
   color: #b5b5b5;
}
.view-wrap h1 {
   padding-left: 0;
   line-height: 52px;
   font-size: 38px;
   font-weight: 500;
}
.view_date {
   margin-top: 20px;
   font-size: 18px;
   color: #999;
}
.view_link {
   display: block;
   border: none;
   line-height: 30px;
   font-size: 16px;
}

@media screen and (max-width: 1023px) {
   .saca_wrap .saca_text,
   .saca_wrap .academic_text {
      padding: 10px 10px 0;
   }
   .saca_wrap .saca_text .saca_tit {
      line-height: 26px;
      font-size: 16px;
   }
   .saca_wrap .saca_text .saca_explan {
      line-height: 22px;
      font-size: 14px;
   }
}
@media screen and (max-width: 799px) {
   .saca_wrap {
      display: initial;
   }

   .saca_wrap .saca_list {
      width: 100%;
      margin-bottom: 30px;
   }

   .saca_wrap.col .saca_img {
      width: 100%;
      min-width: 100%;
   }
}
@media screen and (max-width: 639px) {
   .saca_wrap.col .saca_list > a {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .saca_wrap.col .saca_text {
      display: block;
      width: 100%;
      min-height: auto;
   }
   .saca_wrap.col .saca_list > a {
      padding: 20px 0;
   }
}
@media screen and (max-width: 499px) {
}
@media screen and (max-width: 399px) {
}
/* sub_academic 학술활동 end */

/* login 로그인 start */
.sub.login,
.sub.register,
.sub.register_form {
   padding-top: 200px;
}
.login_wrap {
   max-width: 640px;
   margin: 0 auto;
}
.fore_input {
   width: 100%;
   height: 60px;
   padding: 0 30px;
   border: 1px solid #ddd;
   outline: none;
}
.fore_input::-webkit-input-placeholder {
   font-size: 14px;
   color: #999;
}
.fore_input::-moz-placeholder {
   font-size: 14px;
   color: #999;
}
.fore_input:-ms-input-placeholder {
   font-size: 14px;
   color: #999;
}
.fore_input::-ms-input-placeholder {
   font-size: 14px;
   color: #999;
}
.fore_input::placeholder {
   font-size: 14px;
   color: #999;
}
.login_wrap .form_group {
   margin: 0;
}
.btn_wrap {
   margin-top: 60px;
}
.btn_submit {
   display: inline-block;
   width: 100%;
   height: 60px;
   padding: 0;
   line-height: 60px;
   font-size: 16px;
   letter-spacing: normal;
   text-align: center;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
.login_wrap .btn_submit.btn_reg {
   border: 1px solid #ddd;
}
.login_wrap .logpasslost {
   display: inline-block;
   margin-top: 5px;
   line-height: 23px;
   text-align: center;
   font-size: 16px;
   text-decoration: underline;
}
a:hover,
a:focus,
a:active {
   color: initial;
}
@media screen and (max-width: 1024px) {
   .sub.login {
      padding-top: 100px;
   }
}
/* login 로그인 end */

/* register 회원가입 start */
.fore_regicontainer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   position: relative;
   width: 100%;
}
.fore_regicontainer > .fore_regi {
   width: 50%;
   padding-right: 20px;
}
.fore_regicontainer > .fore_priv {
   width: 50%;
   padding-left: 20px;
}

@media screen and (max-width: 1024px) {
    .fore_regicontainer { flex-wrap:wrap; }
    .fore_regicontainer > .fore_regi {
       width: 100%;
       padding-right: 0px;
    }
    .fore_regicontainer > .fore_priv {
       width: 100%;
       padding-left: 0px;
       margin-top: 30px;
    }
}

.reg_hpwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.reg_fore_hp {
   width: 30%;
   padding: 0;
   padding-left: 30px;
}
.reg_fore_hp2,
.reg_fore_hp3 {
   width: 40%;
   margin-left: 15px;
   text-align: center;
}
.fore_regi .btn_submit {
   position: absolute;
   left: 0;
   bottom: -60px;
   width: 100%;
}
.fore_priv .form_group {
   margin-bottom: 15px;
}
.fore_priv .priv_title {
   margin-bottom: 5px;
}
.fore_priv .priv_title input[type="checkbox"] {
   margin-left: 5px;
   margin-bottom: 5px;
}
.fore_priv .priv_title p > span {
   color: #ed2a2a;
}
.fore_priv .priv_content {
   overflow: auto;
   height: 135px;
   padding: 25px 30px;
   border: 1px solid #ddd;
   line-height: 23px;
   font-size: 12px;
}
.priv_title input[type="checkbox"] {
   display: none;
}
.priv_title input[type="checkbox"] + label {
   position: relative;
   cursor: pointer;
}
.priv_title input[type="checkbox"] + label > .fore_chk {
   display: inline-block;
   position: absolute;
   width: 16px;
   height: 16px;
   right: -22px;
   top: 0;
   border: 1px solid #ddd;
   border-radius: 12px;
   vertical-align: middle;
   cursor: pointer;
}
.priv_title input[type="checkbox"]:checked + label > .fore_chk {
   background: #c29a4c;
   background-position: center center;
   background-size: 14px 14px;
}
/* register 회원가입 end */

/* sub06_03 비급여 안내 start */
.price_table > table {
   width: 100%;
   text-align: center;
}
.price_table tr.price_head {
   border-bottom: 1px solid #b5b5b5;
}
.price_table tr.price_head > th {
   height: 52px;
   background: #f2f2f2;
   font-size: 20px;
   font-weight: 600;
   color: #000;
   vertical-align: middle;
}
.price_table tr.price_head > th:nth-child(1) {
   width: 22%;
}
.price_table tr.price_head > th:nth-child(2) {
   width: 50%;
}
.price_table tr > td {
   height: 56px;
   padding: 0 10px;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   font-size: 16px;
   font-weight: 400;
   vertical-align: middle;
}
.price_table tr > td:last-child {
   border-right: none;
}
.price_table tr > td.table_center {
   vertical-align: middle;
}

@media screen and (max-width: 640px) {
   .price_table tr > td {
      padding: 0 5px;
      font-size: 14px;
   }
}
/* sub06_03 비급여 안내 end */

/* sub05_01 포레스트 면역요법 start */
.img_explan {
   line-height: 42px;
   font-size: 24px;
   font-weight: 400;
   word-break: keep-all;
}
.img_explan > span {
   font-weight: 600;
}
.sub05_01 .step_explanwrap {
   max-width: 880px;
}
.step_explanwrap {
   margin: 0 auto;
}
.step_explan {
   position: relative;
   padding-left: 100px;
   margin-bottom: 35px;
   text-align: left;
   font-size: 24px;
   font-weight: 500;
}
.step_explan > p > span {
   font-weight: 800;
}
.step_explan::before {
   content: "";
   display: inline-block;
   position: absolute;
   left: 0;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   width: 76px;
   height: 44px;
   vertical-align: middle;
}
.step_explan:nth-child(1)::before {
   background: url(../images/step_text01.png) no-repeat center center;
   background-size: contain;
}
.step_explan:nth-child(2)::before {
   background: url(../images/step_text02.png) no-repeat center center;
   background-size: contain;
}
.step_explan:nth-child(3)::before {
   background: url(../images/step_text03.png) no-repeat center center;
   background-size: contain;
}
.step_explan:nth-child(4)::before {
   background: url(../images/step_text04.png) no-repeat center center;
   background-size: contain;
}
.text_explan {
   line-height: 30px;
   font-size: 20px;
   word-break: keep-all;
}
/* .max_w690 {
   max-width: 690px;
} */
.sfp_pstext {
   text-align: left;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.sfp_pstext .sfp_psname {
   max-width: 190px;
   width: 100%;
   margin: 15px 0;
   font-size: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}
.sfp_pstext .sfp_psname span {
   margin-right: 5px;
   display: inline-block;
   background-color: #bd9246;
   border-radius: 5px;
   font-size: 16px;
   padding: 5px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1;
   color: #ffffff;
}
.sfp_pstext .sfp_psjobwrap {
   max-width: 190px;
   width: 100%;
   margin-top: 0;
   text-align: left;
}
.sfp_pstext .sfp_psjob {
   line-height: 24px;
   font-size: 14px;
   color: #aaa;
}
.sfp_imginner.sfp_pswrap {
   width: 23%;
   margin-bottom: 100px;
}
.food_imgwrap {
   width: 100%;
}
.food_imgwrap .sfp_imgbox {
   width: 100%;
}
.sfp_imginner.img_box {
   width: calc(25% - 15px);
   height: 150px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   background-image: url(../images/sub0501_food01.jpg);
   background-color: rgba(0, 0, 0, 0.5);
   background-size: cover;
   background-position: center;
   background-blend-mode: multiply;
   margin-right: 20px;
   border-radius: 50px;
}

.sfp_imginner.img_box:nth-of-type(2) {
   background-image: url(../images/sub0501_food02.jpg);
}
.sfp_imginner.img_box:nth-of-type(3) {
   background-image: url(../images/sub0501_food03.jpg);
}
.sfp_imginner.img_box:nth-of-type(4) {
   margin-right: 0;
   background-image: url(../images/sub0501_food04.jpg);
}

.sfp_imginner.img_box p {
   font-size: 20px;
   font-weight: 500;
   color: #fff;
}

@media (max-width: 1024px) {
   .sfp_imginner.img_box {
      width: calc(50% - 5px);
      margin-right: 0;
      margin-bottom: 10px;
      border-radius: 50px;
   }
   .sfp_imginner.img_box:nth-of-type(2n) {
      margin-left: 10px;
   }
}
@media (max-width: 500px) {
   .sfp_imginner.img_box {
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      border-radius: 50px;
   }
   .sfp_imginner.img_box:nth-of-type(2n) {
      margin-left: 0;
   }
}

@media screen and (max-width: 639px) {
   .img_explan,
   .step_explan {
      line-height: 30px;
      font-size: 18px;
   }
   .step_explan {
      padding-left: 65px;
   }
   .step_explan::before {
      width: 60px;
   }
   .text_explan {
      line-height: 24px;
      font-size: 16px;
   }
   .food_imgwrap.flex_between {
      display: block;
   }
   .food_imgwrap.flex_between .sfp_imgbox {
      margin-bottom: 10px;
   }
   .food_imgwrap.flex_between > .fore_w40,
   .food_imgwrap.flex_between > .fore_w50,
   .food_imgwrap.flex_between > .fore_w60 {
      width: 100%;
   }
   .food_imgwrap.flex_between > .pd_r10,
   .food_imgwrap.flex_between > .pd_l10 {
      padding: 0;
   }
   .food_imgwrap.flex_between > .pd_r20,
   .food_imgwrap.flex_between > .pd_l20 {
      padding: 0;
   }
   .sfp_imginner.sfp_pswrap {
      width: 48%;
      margin-bottom: 30px;
   }
   .sfp_pstext .sfp_psname {
      margin: 10px 0;
      font-size: 18px;
   }
   .sfp_pstext .sfp_psjob {
      line-height: 20px;
   }
}
/* sub05_01 포레스트 면역요법 end */

/* sub05_03 암에 좋은 제철음식 start */
.fds_list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   width: 100%;
   margin-top: 80px;
   position: relative;
}

.fds_list.cure {
   padding-bottom: 140px;
}

.fds_list .fds_img {
   width: 100%;
   max-width: 420px;
   margin-left: 0;
   padding-right: 20px;
}
.fds_list .fds_img > img {
   width: 100%;
   max-width: 360px;
}
.sub04_04 .fds_list .fds_img > img {
   width: 100%;
   max-width: 360px;
   border-radius: 10px;
}
.fds_list .fds_text {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 100%;
   max-width: 655px;
   min-height: 275px;
   height: auto;
   margin: 0 auto;
}

/* .sub04_03 .fds_list .fds_text{
   height: auto;
} */
.sub04_03 .fds_list#sec7 .fds_img{
    max-width: 500px;
}
.sub04_03 .fds_list#sec7 .fds_img > img{
    max-width: 500px;
}
.sub04_03 .fds_list#sec7 .fds_title {
    margin-top: 0px;
}
.sub04_03 .fds_list .fds_blocklist.fds_paper {
   margin-top: 0;
   width: 100%;
}
.sub04_03 .fds_list .fds_paper span {
   font-size: 9px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.78;
   letter-spacing: normal;
   text-align: left;
   color: #999999;
}

.sub04_03 .fds_list.cure .fds_name {
   margin-top: 0px;
}
.fds_list .fds_text.no_flex {
   display: block;
}
.fds_text .fds_title {
   width: 100%;
   text-align: center;
   margin-bottom: 20px;
   font-size: 28px;
   font-weight: 600;
   /*  */
   text-align: left;
   width: auto;
}
.sub04_04 .fds_text .fds_title {
   text-align: left;
}
.fds_text.no_flex .fds_title {
   margin-bottom: 40px;
}
.fds_text .fds_title.underline {
   display: inline-block;
   padding-bottom: 12px;
   border-bottom: 2px solid #000;
}
.fds_text .fds_title > span {
   color: #c29a4c;
}
.fds_text .fds_subtit {
   display: inline-block;
   margin-bottom: 20px;
   padding-bottom: 12px;
   line-height: normal;
   font-size: 20px;
   font-weight: 800;
   width: auto;
   text-align: left;
   border-bottom: 2px solid #000;
}
.fds_text .fds_name {
   font-size: 24px;
   font-weight: 600;
}
.fds_list.cure .fds_name {
   margin-bottom: 10px;
   font-size: 20px;
   font-weight: 600;
}
.fds_list .fds_explan {
   line-height: 30px;
   font-size: 18px;
   font-weight: 400;
   letter-spacing: -0.5px;
}
.sub04_03 .fds_list .fds_explan {
   font-size: 15px;
}
.sub04_04 .fds_list .fds_explan {
   font-size: 16px;
}
.fds_list.cure .fds_explan > span.otl_24 {
   font-size: 24px;
   font-weight: 600;
}
.fds_list .fds_graybox {
   padding: 10px 20px;
   border: 1px solid #ddd;
}
.fds_list .fds_grayblock {
   padding: 30px 0 0;
   border: none;
}
.fds_list .fds_gbtitle {
   margin-bottom: 15px;
   font-size: 16px;
}
.fds_list .fds_gbwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.fds_list.cure .fds_gbwrap {
   display: block;
}
.fds_list.cure.flex-end {
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
}
.fds_list .fds_gbwrap .fds_gblist {
   position: relative;
   width: 50%;
   margin-bottom: 10px;
   padding-left: 15px;
   text-align: left;
   font-size: 16px;
   font-weight: 400;
}
.fds_list.cure .fds_gbwrap .fds_gblist {
   width: 100%;
   margin-bottom: 0;
   padding-left: 8px;
   line-height: 30px;
   text-indent: -8px;
   color: #666;
}
.fds_list .fds_gbwrap .fds_gblist.fds_paper {
   margin-bottom: 10px;
   font-weight: 500;
}
.fds_list .fds_gbwrap .fds_gblist.fds_dot:after {
   content: "·";
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.fds_list .fds_gbwrap .fds_gblist.fds_desh:after {
   content: "-";
   display: block;
   position: absolute;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.fds_list.cure .fds_gbwrap .fds_gblist.fds_paper > a:after {
   content: "";
   display: inline-block;
   width: 24px;
   height: 24px;
   padding-left: 15px;
   background: url(../images/sub0503_paperlink.png) no-repeat center center;
   vertical-align: text-bottom;
}
.fds_list .fds_blockwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   border-top: 1px solid #ddd;
}
.fds_list .fds_blocklist {
   width: 50%;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
}
.fds_list .fds_blocklist.w100 {
   width: 100%;
   padding: 15px 0;
   border-bottom: 1px solid #ddd;
}
.fds_list .fds_blocklist.fds_paper {
   margin-top: 40px;
   border: none;
}
.fds_list .fds_blocklist > p {
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   color: #666;
}
.fds_list .fds_blocklist.fds_paper > h4.fds_name {
   margin: 0;
   margin-bottom: 10px;
}
.fds_list .fds_blocklist.fds_paper > a {
   display: inline-block;
   border-bottom: 1px solid #b2b2b2;
   color: #999;
}
.fds_list .fds_blocklist.fds_paper > a::after {
   content: "";
   display: inline-block;
   width: 18px;
   height: 18px;
   margin-left: 5px;
   background: url(../images/navmo_link_g.png) no-repeat center center;
   background-size: cover;
   vertical-align: sub;
}
.fds_list .fds_blocklist:nth-child(odd) > p {
   border-right: 1px solid #ddd;
}
.fds_list .fds_blocklist.w100:nth-child(odd) > p {
   border-right: none;
}
.fds_paper > a {
   word-break: break-all;

   display: block;
   line-height: 40px;
   font-size: 12px;
   color: #999999;
}
@media screen and (max-width: 1024px) {
   .fds_list .fds_explan {
      font-size: 17px;
   }
   .fds_list .fds_img {
      width: 100%;
      max-width: 360px;
      margin-left: 0;
      padding-right: 0px;
   }
}
@media screen and (max-width: 1024px) {
   .fds_list {
      display: block;
   }
   .fds_list .fds_img {
      width: 100%;
      margin: 0 auto;
      padding: 0;
   }
   .fds_list .fds_text {
      width: 100%;
      height: auto;
      margin: 30px auto 0 auto;
   }
   .fds_list.cure .fds_explan {
      max-width: none;
   }
}
@media screen and (max-width: 640px) {
   .fds_list .fds_name {
      font-size: 22px;
   }
   .fds_list .fds_explan {
      line-height: 28px;
      font-size: 16px;
   }
   .fds_list .fds_blocklist > p {
      font-size: 14px;
   }
   .fds_list .fds_blocklist.fds_paper {
      margin-top: 20px;
   }
   .fds_list.cure {
      padding-bottom: 50px;
   }
}
/* sub05_03 암에 좋은 제철음식 end */

/* sub09_01_00 교통사고 클리닉 start */
.title_stepwrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 50px 0;
}
.tstep_title {
   padding-bottom: 40px;
}
.tstep_title.basis {
   -ms-flex-preferred-size: 210px;
   flex-basis: 210px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}
.tstep_title > h2 {
   line-height: 42px;
   font-size: 32px;
   font-weight: 600;
}
.tstep_title > h3 {
   line-height: 30px;
   font-size: 28px;
}
.tstep_img {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}
.tstep_img > img {
   width: 50%;
}
.tstep_img.cure {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
}
.tstep_img.cure .tstep_imglist {
   width: 32%;
   margin-bottom: 60px;
}
.tstep_img.cure .tstep_imglist > img {
   width: 100%;
}
.tstep_img.cure .tstep_imglist > p {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-top: 10px;
   font-size: 16px;
}
.tstep_img.cure .tstep_imglist > p > span {
   font-size: 12px;
   color: #999999;
}
.medical_effect {
   padding-left: 220px;
}
.medifect_list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 100%;
   margin-top: 60px;
}
.medifect_list .medifect_img {
   width: 100%;
   max-width: 440px;
}
.medifect_list .medifect_img > img {
   width: 100%;
}
.medifect_list .medifect_text {
   width: 100%;
   max-width: 460px;
   padding-left: 80px;
   -webkit-transform: translateY(-10%);
   -ms-transform: translateY(-10%);
   transform: translateY(-10%);
}
.medifect_list .medifect_text .medifect_dot {
   display: block;
   position: relative;
   width: 7px;
   height: 7px;
   margin-bottom: 17px;
   border-radius: 50%;
}
.medifect_list .medifect_text .medifect_dot::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 19px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
}
.medifect_list .medifect_text .medifect_dot::after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 38px;
   width: 7px;
   height: 7px;
   border-radius: 50%;
}
.medifect_list:nth-child(1) .medifect_text .medifect_dot,
.medifect_list:nth-child(1) .medifect_text .medifect_dot::before,
.medifect_list:nth-child(1) .medifect_text .medifect_dot::after {
   background: #ff3e3e;
}
.medifect_list:nth-child(2) .medifect_text .medifect_dot,
.medifect_list:nth-child(2) .medifect_text .medifect_dot::before,
.medifect_list:nth-child(2) .medifect_text .medifect_dot::after {
   background: #ffd87e;
}
.medifect_list:nth-child(3) .medifect_text .medifect_dot,
.medifect_list:nth-child(3) .medifect_text .medifect_dot::before,
.medifect_list:nth-child(3) .medifect_text .medifect_dot::after {
   background: #3f6aeb;
}
.medifect_list .medifect_text .medifect_tit {
   position: relative;
   font-size: 28px;
   font-weight: 800;
}
.medifect_list .medifect_text .medifect_subtit {
   padding: 17px 0;
   line-height: 39px;
   font-size: 24px;
   font-weight: 400;
}
.medifect_list .medifect_text > p {
   padding-bottom: 10px;
   line-height: 30px;
   font-size: 18px;
   font-weight: 400;
}
.medifect_list .medifect_text > p.col_gray {
   color: #999;
}
.effect_graph {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   margin-bottom: 50px;
}
.efgraph_list {
   width: 32%;
}
.efgraph_list > img {
   width: 100%;
}
.efgraph_list > h3 {
   margin: 20px 0 10px;
   font-size: 24px;
   font-weight: 600;
}
.efgraph_list > p {
   font-size: 16px;
   font-weight: 400;
}

@media screen and (max-width: 1920px) {
   .medical_effect {
      padding-left: 0;
   }
}
@media screen and (max-width: 1024px) {
   .title_stepwrap {
      display: block;
      padding: 0;
   }
   .medical_effect {
      padding: 0;
   }
   .medifect_list .medifect_text .medifect_tit {
      font-size: 26px;
   }
   .medifect_list .medifect_text .medifect_subtit {
      padding-left: 12px 0;
      line-height: 30px;
      font-size: 20px;
   }
   .medifect_list .medifect_text > p {
      padding-bottom: 5px;
      line-height: 23px;
      font-size: 16px;
   }
}
@media screen and (max-width: 800px) {
   .tstep_img {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .tstep_img > img {
      width: 100%;
   }
   .tstep_img > img:last-child {
      margin-top: 50px;
   }
   .tstep_img.cure {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
   }
   .tstep_img.cure .tstep_imglist {
      width: 49%;
   }
}
@media screen and (max-width: 640px) {
   .medifect_list {
      display: block;
   }
   .medifect_list .medifect_img,
   .medifect_list .medifect_text {
      width: 100%;
      padding: 0;
      max-width: none;
   }
   .medifect_list .medifect_text {
      margin-top: 50px;
   }
   .effect_graph {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .efgraph_list {
      width: 100%;
      margin-bottom: 50px;
   }
   .tstep_img.cure .tstep_imglist {
      width: 100%;
   }
}
/* sub09_01_00 교통사고 클리닉 end */

/* 여기서 부터는 일정상 마구잡이로 넣음 */
.imgwrap > img {
   width: 100%;
}
.otl_list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   width: 100%;
   margin-top: 80px;
}
.otl_list .otl_img > img {
   width: 100%;
}
.otl_title {
   margin-bottom: 40px;
   font-size: 32px;
   font-weight: 600;
}
.otl_title > span {
   color: #c29a4c;
}
.otl_subtit {
   display: inline-block;
   margin-bottom: 20px;
   line-height: 50px;
   font-size: 20px;
   font-weight: 500;
   border-bottom: 2px solid #000;
}
.otl_name {
   font-size: 24px;
   font-weight: 600;
}
.otl_16 {
   line-height: 30px;
   font-size: 16px;
}
.otl_18 {
   line-height: 30px;
   font-size: 18px;
}
.otl_20 {
   line-height: 30px;
   font-size: 20px;
}
.otl_24 {
   line-height: 38px;
   font-size: 24px;
}
.otl_28 {
   font-size: 28px;
}
.otl_30 {
   font-size: 30px;
}

.otl_38 {
   font-size: 38px;
}

.otl_50 {
   font-size: 50px;
}
.otl_explan {
   line-height: 30px;
   font-size: 16px;
   font-weight: 400;
}
.otl_papercha h5 {
   font-size: 16px;
}
.otl_papercha p {
   line-height: 30px;
}
.otl_paperlink h5 {
   font-size: 16px;
}
.otl_paperlink a {
   display: block;
   margin-bottom: 10px;
   line-height: 22px;
   font-size: 12px;
   word-break: break-all;
   /* border-bottom: 1px solid #b2b2b2; */
}
/* .otl_paperlink a:after {
   content: "";
   display: inline-block;
   width: 18px;
   height: 18px;
   margin-left: 4px;
   background: url(../images/linkicon.png) no-repeat center center;
   vertical-align: middle;
} */
.otl_imgexplan {
   font-size: 18px;
   line-height: 30px;
}
.title_bar {
   position: relative;
}
.title_bar::before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   width: 100px;
   height: 2px;
   background: #000;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.title_bar.bar_left::before {
   left: -175px;
   /* left: calc(-175vw / 1920 * 100); */
}
.title_bar.bar_right::before {
   right: -175px;
   /* right: calc(-175vw / 1920 * 100); */
}
hr.hr_type1 { width: 80%; margin-left: 0; }
hr.hr_type2 { width: 80%; margin-right: 0; }

.sub04_01 .otl_text.pd_l125,
.sub02_02_06 .otl_text.pd_l125 {
   padding-left: 125px;
}
.sub02_02_06 .otl_text.pd_r125 {
   padding-right: 125px;
}
.sub02_04 .otl_text > div > p {
   padding-left: 17px;
   text-indent: -17px;
}

.research_card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   width: 25%;
   height: 399px;
   padding: 0 30px 40px;
   text-align: center;
}
.research_card01 {
   background: url(../images/sub020206_img05.jpg) no-repeat center bottom;
   background-size: contain;
}
.research_card02 {
   background: url(../images/sub020206_img06.jpg) no-repeat center bottom;
   background-size: contain;
}
.research_card03 {
   background: url(../images/sub020206_img07.jpg) no-repeat center bottom;
   background-size: contain;
}
.research_card04 {
   background: url(../images/sub020206_img08.jpg) no-repeat center bottom;
   background-size: contain;
}
.research_card > h4 {
   font-size: 24px;
   font-weight: bold;
   color: #fff;
}
.research_card > h4::before {
   content: "";
   display: block;
   width: 30px;
   height: 2px;
   margin: 0 auto 20px auto;
   background: #fff;
}
.research_card > p {
   font-size: 16px;
   font-weight: 400;
   line-height: 30px;
   color: #fff;
}

.sub04_01 .list_wrap > li {
   line-height: 36px;
}
.sub04_01 .border_block {
   max-width: 1536px;
   margin: 0 auto;
}
.bone_wrap {
   padding: 0 100px;
}
.bone_circle {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 270px;
   height: 270px;
   padding: 0 30px;
   border: 3px dotted #f5d1bf;
   border-radius: 50%;
   font-size: 22px;
   font-weight: 500;
   line-height: 30px;
   text-align: center;
   word-break: keep-all;
}
.dot25 {
   font-size: 25px;
   font-weight: 800;
}
.fds_list.neddle {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-bottom: 3px solid #f2f2f2;
}
.fds_list.neddle .sub_stitle {
   -ms-flex-negative: 0;
   flex-shrink: 0;
}
.fds_list.neddle .fds_text {
   width: 100%;
   margin: 0;
   padding-left: 200px;
}
.min_width450 {
   min-width: 450px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

@media screen and (min-width: 1921px) {
   .title_bar.bar_left::before {
      left: -70%;
   }
   .title_bar.bar_right::before {
      right: -70%;
   }
}
@media screen and (max-width: 1340px) {
   .title_bar.bar_left::before,
   .title_bar.bar_right::before {
      display: none;
   }
}
@media screen and (max-width: 1919px) {
   .sub04_01 .otl_text.pd_l125,
   .sub02_02_06 .otl_text.pd_l125 {
      padding-left: calc(125vw / 1919 * 100);
   }
   .sub02_02_06 .otl_text.pd_r125 {
      padding-right: calc(125vw / 1919 * 100);
   }
   .research_card {
      padding: 0 calc(30vw / 1919 * 100) 40px;
   }
}
@media screen and (max-width: 1280px) {
   .bone_wrap {
      padding: 0;
   }
   .target_circle {
      width: 230px;
      height: 230px;
   }
}
@media screen and (max-width: 1200px) {
   .flex_between.respon1200 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .flex_between.respon1200 > .imgwrap {
      margin-bottom: 30px;
      max-width: 350px !important;
   }
   .flex_between.respon1200 > .textwrap {
      width: 100%;
      padding: 0;
   }
}
@media screen and (max-width: 1024px) {
   .sub02_04 .otl_list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .sub02_04 .otl_img {
      margin: 0 0 20px 0;
   }
   .sub02_04 .otl_text {
      width: 100%;
   }
   .research_cardwrap.flex_alignstart {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .research_card.flex_auto {
      -webkit-box-flex: initial;
      -ms-flex: initial;
      flex: initial;
      width: 48%;
      margin: 0 auto 20px auto;
   }
   .research_card01,
   .research_card02,
   .research_card03,
   .research_card04 {
      background-size: cover;
   }
   .respon1024 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .respon1024.reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
   }
   .respon1024 .fore_w40,
   .respon1024 .fore_w50,
   .respon1024 .fore_w60 {
      width: 100%;
      padding: 0;
   }
   .respon1024 .imgwrap {
      margin-bottom: 30px;
   }
   .fds_list .fds_explan > br {
      display: none;
   }
}
@media screen and (max-width: 800px) {
   .sub01_01 .fore_w40,
   .sub01_01 .fore_w50,
   .sub01_01 .fore_w60,
   .sub01_01 .fore_w65,
   .sub02 .respon640 > .fore_w33 {
      width: 100%;
   }
   .sub01_01 .otl_text br {
      display: none;
   }
   .respon800 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .respon800 .min_width450 {
      min-width: auto;
      -ms-flex-negative: unset;
      flex-shrink: unset;
   }
   .reason.respon800 .pd_l20 {
      padding-left: 0;
   }
   .reason.respon800 .bd_right {
      border: none;
   }
   .reason.respon800 .fore_w40,
   .reason.respon800 .fore_w50,
   .reason.respon800 .fore_w60 {
      width: 100%;
      margin-bottom: 50px;
   }
   .bone_wrap.col {
      /* flex-direction: column; */
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }
   .bone_wrap .bone_circle {
      margin-bottom: 30px;
   }
   .sub01_01 .flex_around.reverse {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }
   .sub01_01 .flex_around.reverse,
   .sub02_02_06 .flex_between.reverse {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
   }
   .sub01_01 .otl_text,
   .sub02_02_06 .otl_text,
   .sub04_01 .otl_text {
      text-align: left;
      margin-top: 20px;
   }
   .sub01_01 .otl_text.pd_l20,
   .sub01_01 .otl_text .mo_pd_l50,
   .sub01_01 .otl_text .mo_pd_r50,
   .sub01_01 .otl_text.pd_r20,
   .sub04_01 .otl_text.pd_l125,
   .sub02_02_06 .otl_text.pd_l20,
   .sub02_02_06 .otl_text.pd_r20,
   .sub02_02_06 .otl_text.pd_l125,
   .sub02_02_06 .otl_text.pd_r125 {
      padding-left: 0;
      padding-right: 0;
   }
    .sub01_01 .flex_between { margin-top: 50px; }
    .sub01_01 .flex_between.reverse { flex-direction: column-reverse;  }
    .sub01_01 .otl_text .otl_38 {font-size: 30px; }
    .sub01_01 .otl_text .otl_24 { line-height: 34px; }
    .sub01_01 .otl_text .mg_t50 { margin-top: 30px; }
   .sub01_01 .otl_text hr { width: 95%; margin-left: 0; }
   .sub02_02_06 .max_size.width_400 {
      max-width: none !important;
   }
   .sub02_02_06 .imgwrap {
      width: 100%;
   }
   .sub01_01 .imgwrap.flex_auto {
      width: 100%;
   }
   .sub0701 .cure.respon800 .imgwrap {
      -webkit-box-flex: 1;
      -ms-flex: auto;
      flex: auto;
      width: 50%;
      margin: 0;
      padding: 0 10px 20px 10px;
   }
   .fds_list.neddle .fds_text {
      padding: 0;
   }
   .title_bar.bar_left::before,
   .title_bar.bar_right::before {
      display: none;
   }
}

@media screen and (max-width: 640px) {
   .pd_t100 {
      padding-top: 50px;
   }
   .pd_b100 {
      padding-bottom: 50px;
   }
   .otl_name {
      font-size: 22px;
   }
   .otl_explan {
      line-height: 28px;
      font-size: 16px;
   }
   .respon640 {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .respon640 > .fore_w40,
   .respon640 > .fore_w50,
   .respon640 > .fore_w60,
   .respon640 > .fore_w70 {
      width: 100%;
   }
   .flex_between > .imgwrap {
      margin-bottom: 20px;
   }
   .respon640 > .pd_l75,
   .respon640 > .pd_l10,
   .respon640 > .pd_l20 {
      padding-left: 0;
   }
   .respon640 > .pd_r10,
   .respon640 > .pd_r20 {
      padding-right: 0;
   }
   .respon640 .imgwrap.flex_auto {
      width: 100%;
   }
   .respon640 .imgwrap.flex_auto.mg_r10,
   .respon640 .imgwrap.flex_auto.mg_l10,
   .respon640 .imgwrap.flex_auto.mg_r20,
   .respon640 .imgwrap.flex_auto.mg_r40 {
      margin: 0 0 20px 0;
   }

   .otl_18 {
      line-height: 28px;
      font-size: 16px;
   }
   .otl_20 {
      line-height: 28px;
      font-size: 18px;
   }
   .otl_24 {
      line-height: 28px;
      font-size: 20px;
   }
   .otl_28 {
      font-size: 20px;
   }
   .otl_30 {
      font-size: 24px;
   }
   .otl_50 {
      font-size: 40px;
   }
   .otl_imgexplan {
      font-size: 16px;
      line-height: 26px;
   }

   .sub02_04 .otl_papercha {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .sub02_04 .otl_papercha > li {
      width: 100%;
      margin-bottom: 20px;
   }
   .sub02_04 .otl_text > div > p {
      padding-left: 14px;
      text-indent: -14px;
   }
   .sub04_01 .list_wrap > li {
      line-height: 28px;
   }
   .reason .mg_b35 {
      margin-bottom: 20px;
   }
   .tag_wrap .tag_circle > a {
      font-size: 12px;
   }
}
@media screen and (max-width: 500px) {
   .research_card.flex_auto {
      width: 100%;
   }
   /* .sub0701 .cure.respon800 {
      flex-direction: column;
   } */
   /* .sub0701 .cure.respon800 .imgwrap {
      flex: initial;
      width: 80%;
      margin-bottom: 20px;
      padding: 0;
   } */
}
/* 여기까지는 일정상 마구잡이로 넣음 */

/* 암종별 치료 start */
.tag_wrap {
   margin-bottom: 20px;
}
.tag_wrap .tag_circle {
   margin-right: 9px;
   margin-bottom: 10px;
}
.tag_wrap .tag_circle > a {
   display: inline-block;
   padding: 6px 25px;
   font-size: 15px;
   color: #666;
   border: 1px solid #aaa;
   border-radius: 22px;
}
.target_wrap {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
.bone_circle.target_circle {
   position: relative;
   width: 250px;
   height: 250px;
   padding: 0 20px;
   border: 1px solid #ebebeb;
}
.target_circle::before {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: calc(100% - 16px);
   height: calc(100% - 16px);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   border: 2px solid #ddd;
   border-radius: 50%;
}
.target_circle > p {
   word-break: keep-all;
}
.target_circle > p > span {
   color: #3f6aeb;
}
.cure_stepline {
   position: relative;
   overflow: hidden;
}
.cure_stepline::after {
   content: "";
   display: inline-block;
   position: absolute;
   z-index: 0;
   top: 35px;
   left: 50%;
   width: 75%;
   height: 1px;
   background: #707070;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
.cure_step {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   position: relative;
   z-index: 1;
   padding: 0 50px;
   text-align: center;
}
.cure_step .cure_steplist {
   position: relative;
}
.cure_step .cure_steplist:last-child {
   margin-left: 0;
}
.cure_step .cure_steplist:last-child::after {
   display: none;
}
.cure_step .blue_circle {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   font-size: 14px;
   font-weight: 500;
   border-radius: 50%;
   background: #103a71;
   color: #fff;
   margin: 0 auto;
}
.cure_step .tit {
   margin: 20px 0 30px;
   font-size: 24px;
}
.cure_step .whylink_list {
   text-align: left;
}
.cure_step .whylink_list > a {
   display: block;
   width: 160px;
   position: relative;
   height: 100%;
   font-size: 20px;
   font-weight: 400;
   line-height: 42px;
}
.cure_step .whylink_list > a::after {
   position: absolute;
   top: 5px;
   right: -10px;
   content: "";
   display: inline-block;
   width: 28px;
   height: 28px;
   margin-right: 10px;
   background: url(../images/whylinkicon.png) no-repeat center center;
   background-size: contain;
   vertical-align: middle;
}

@media screen and (max-width: 1024px) {
   .target_wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
   }
   .target_circle {
      margin: 0 50px 20px 50px;
   }
   .cure_step {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .cure_step::after {
      display: none;
   }
   .cure_step .cure_steplist {
      width: 50%;
      margin-bottom: 30px;
   }
   ul.whylink_wrap {
      max-width: 200px;
      margin: 0 auto;
   }
}
@media screen and (max-width: 800px) {
   .target_circle {
      margin: 0 0 20px 0;
   }
}
@media screen and (max-width: 640px) {
   .cure_step .whylink_list > a {
      margin: 0 auto;
      text-align: left;
   }
   .target_wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .cure_step {
      padding: 0;
   }
}
@media screen and (max-width: 500px) {
   .cure_step .cure_steplist {
      width: 100%;
   }
   ul.whylink_wrap {
      max-width: 100%;
   }
   .cure_step .whylink_list {
      text-align: center;
   }
}
/* 암종별 치료 end */

/* animation */
.slidein_left,
.slidein_right {
   opacity: 0;
}

/* 2021-06-24 이후 추가사항 */
.step_list_sub {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: absolute;
   top: 100px;
   left: 0;
   width: 100%;
   height: auto;
   overflow: hidden;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   background-color: #fff;
   -webkit-transition: 0s;
   -o-transition: 0s;
   transition: 0s;
}

.step_list_sub li {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   height: auto;
}

.step_list_sub li a {
   height: 100%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   width: 100%;
   text-align: center;
   font-size: 20px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #dbdbdb;
   padding-bottom: 10px;
   border-bottom: 2px solid #dbdbdb;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.step_list_sub li a:hover,
.step_list_sub li.active a {
   border-color: #000;
   color: #000;
}

@media (max-width: 640px) {
   .step_list_sub li a {
      font-size: 16px;
   }
   .sub0701 .step_wrap {
      margin-bottom: 120px;
   }
}

@media (max-width: 500px) {
   .step_list_sub li a {
      font-size: 14px;
   }
}

.img_wrap2 {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 50%;
}
.img_wrap2 .circle {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   width: 50%;
   border: 10px solid #c29a4c;
   border-radius: 100%;
   margin: 0 10px;
}
.img_wrap2 .circle:nth-of-type(2) {
   border-color: #5460ce;
}

.img_wrap2 .circle p {
   margin-top: 20px;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.25;
   text-align: center;
   color: #c29a4c;
}
.img_wrap2 .circle p::after {
   content: "";
   width: 52px;
   margin: 15px auto;
   height: 2px;
   display: block;
   background-color: #000;
}
.img_wrap2 .circle:nth-of-type(2) p {
   color: #5460ce;
}

.img_wrap2 .circle ul {
   text-align: center;
}

.img_wrap2 .circle ul li {
   font-size: 18px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.83;
   letter-spacing: normal;
   color: #000000;
}

@media (max-width: 1300px) {
   .img_wrap2 .circle {
      max-width: 300px;
      margin: 0 5px;
      border: 10px solid #c29a4c;
   }
   .img_wrap2 .circle ul li {
      font-size: 16px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.83;
      letter-spacing: normal;
      color: #000000;
   }
}
@media (max-width: 1023px) {
   .img_wrap2 {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      width: 100%;
      margin-bottom: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .img_wrap2 .circle {
      max-width: 300px;
      margin: 0 20px;
      border: 10px solid #c29a4c;
   }
   .img_wrap2 .circle p {
      font-size: 24px;
   }
   .img_wrap2 .circle p::after {
      margin: 5px auto;
   }
   .img_wrap2 .circle ul li {
      font-size: 20px;
   }
}

@media (max-width: 639px) {
   .img_wrap2 .circle {
      max-width: 300px;
      margin: 0 5px;
      border: 10px solid #c29a4c;
   }
   .img_wrap2 .circle p {
      font-size: 20px;
   }
   .img_wrap2 .circle p::after {
      margin: 5px auto;
   }
   .img_wrap2 .circle ul li {
      font-size: 16px;
   }
}

@media (max-width: 500px) {
   .img_wrap2 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0;
   }
   .img_wrap2 .circle {
      max-width: 300px;
      width: 100%;
      margin: 10px 0;
      border: 10px solid #c29a4c;
   }
}
.sub03 .fore {
   max-width: 1240px;
}
.sub03 .fore .text_explan {
   word-break: normal;
}

/* sub07_02_07 */
.flex_center {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}
.flex_center .bone_circle:nth-of-type(1) {
   margin-right: 40px;
}
@media (max-width: 760px) {
   .flex_center .bone_circle:nth-of-type(1) {
      margin-right: 20px;
   }
}
@media (max-width: 540px) {
   .flex_center {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   .flex_center .bone_circle:nth-of-type(1) {
      margin-right: 0px;
      margin-bottom: 20px;
   }
}

.sub07 .imgwrap,
.sub07 .imgwrap img {
   border-radius: 0;
}
.sub05 .textwrap .sub_stitle {
   margin-bottom: 10px;
}
.sub05 .textwrap .sub_stitle > h3 {
   font-size: 25px;
}
.otl_35 {
   font-size: 35px;
}
.list_wrap2 {
   border: solid 1px #cccccc;
   padding: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
}

.list_wrap2 li {
   line-height: 1.5;
   font-size: 20px;
   font-weight: 400;
}

.list_wrap2 li p {
   font-weight: 400;
}
.list_wrap2 li p span {
   font-weight: 500;
   color: #3f6aeb;
}

.show-more-less-handler {
   color: #3f6aeb;
   float: right;
}
.bg_ngray .show-more-less-handler {
   background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(255, 255, 255, 0)),
      color-stop(17%, rgb(249, 249, 249)),
      to(rgb(249, 249, 249))
   ) !important;
   background: -o-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgb(249, 249, 249) 17%,
      rgb(249, 249, 249) 100%
   ) !important;
   background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0%,
      rgb(249, 249, 249) 17%,
      rgb(249, 249, 249) 100%
   ) !important;
}

.border_none {
   border: 0px !important;
}

.new_title {
   position: absolute;
   top: -70px;
   left: 50%;
   width: 100% !important;
   text-align: center !important;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
}
.cure_step .whylink_list > a {
   border-bottom: 2px solid transparent;
   transition: 0.3s;
}
.cure_step .whylink_list > a:hover {
   border-bottom: 2px solid #000;
}

/* new Swipers */
.gallery-thumbs {
   position: absolute !important;
   right: 20px;
   max-width: 25%;
   height: 80%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}
.gallery-thumbs .swiper-wrapper {
}

.gallery-thumbs .swiper-wrapper .swiper-slide {
   cursor: pointer;
   overflow: hidden;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.swiper-slide-thumb-active {
   border: 2px solid #c29a4c !important;
}

.fpslide-container .btn-area {
   z-index: 999;
   width: 100%;
   right: 20px;
   position: absolute;
   max-width: 25%;
   height: 80%;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.fpslide-container .btn-area .swiper-button-prev {
   position: absolute;
   top: -10px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   width: 115px;
   background-image: url(../images/sub0103_arrowup.png);
   background-repeat: no-repeat;
}

.fpslide-container .btn-area .swiper-button-next {
   margin: 0;
   position: absolute;
   top: auto;
   bottom: -50px;
   left: 50%;
   width: 115px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background-color: rgba(0, 0, 0, 0);
   background-image: url(../images/sub0103_arrowdown.png);
   background-repeat: no-repeat;
}

.slider_title {
   padding: 15px 0;
   font-size: 22px;
   font-weight: 400;
   font-stretch: normal;
   font-style: normal;
   letter-spacing: normal;
   color: #000000;
}

@media (max-width: 639px) {
   .gallery-thumbs {
      position: absolute !important;
      right: auto;
      left: 50%;
      max-width: 100%;
      height: 100px;
      top: auto;
      bottom: -100px;
      -webkit-transform: translateY(0) translateX(-50%);
      -ms-transform: translateY(0) translateX(-50%);
      transform: translateY(0) translateX(-50%);
   }

   .gallery-thumbs .swiper-wrapper .swiper-slide img {
      width: 100%;
      height: auto;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .fpslide-container .btn-area {
      z-index: 999;
      width: 100%;
      right: auto;
      left: 0%;
      position: absolute;
      max-width: 100%;
      height: 100%;
      top: 0;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
   }

   .fpslide-container .btn-area .swiper-button-prev {
      position: absolute;
      top: calc(50% + 25px);
      left: 0px;
      -webkit-transform: translateX(0) translateY(-50%) rotate(270deg);
      -ms-transform: translateX(0) translateY(-50%) rotate(270deg);
      transform: translateX(0) translateY(-50%) rotate(270deg);
      width: 50px;
      background-size: contain;
      background-image: url(../images/sub0103_arrowup.png);
      background-repeat: no-repeat;
      background-position: center;
   }

   .fpslide-container .btn-area .swiper-button-next {
      margin: 0;
      position: absolute;
      top: calc(50%);
      bottom: auto;
      left: auto;
      right: 0px;
      width: 50px;
      -webkit-transform: translateX(0) translateY(-50%) rotate(270deg);
      -ms-transform: translateX(0) translateY(-50%) rotate(270deg);
      transform: translateX(0) translateY(-50%) rotate(270deg);
      background-size: contain;
      background-color: rgba(0, 0, 0, 0);
      background-image: url(../images/sub0103_arrowdown.png);
      background-repeat: no-repeat;
      background-position: center;
   }

   .swiper-slide-thumb-active {
      border: 0px solid #c29a4c !important;
   }
   .swiper-slide-thumb-active img {
      border: 2px solid #c29a4c !important;
   }
}

/* page_08 add*/

.car_content {
   padding: 45px 0;
   display: flex;
   justify-content: center;
   align-items: center;
}
.car_content img {
   max-width: 95%;
}
.car_content img:first-of-type {
   margin-right: 90px;
}

@media (max-width: 1024px) {
   .car_content img:first-of-type {
      margin-right: 20px;
   }
}
@media (max-width: 800px) {
   .car_content {
      padding: 45px 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .car_content img:first-of-type {
      margin-right: 0px;
      margin-bottom: 20px;
   }
}

/* page02_03_01*/
.saca_list2 {
   width: 100% !important;
   max-width: 400px;
   margin-bottom: 60px;
}
.saca_list2 p {
   min-height: 64px;
}

.saca_list2 p:nth-of-type(2) {
   margin: 5px 0 20px;
}
.saca_list2 .detail {
   display: inline-block;
   margin: 5px 0;
   color: #707070;
}

.saca_list2 .saca_img,
.saca_list2 .saca_img img {
   border: 0px !important;
   border-radius: 0px !important;
}
.saca_list2 .saca_img img {
   border-radius: 0px !important;
}

.saca_list2 .text_overflow::-webkit-scrollbar {
   display: none;
}

.page_title {
   font-size: 22px;
   font-weight: 500;
   text-align: center;
}

.sdoc_callist.research {
   position: absolute;
   width: 100%;
}

.sdoc_callist.research::after,
.sdoc_callist.research::before {
   content: "";
   height: 2px;
   background-color: #fff;
   display: inline-block;
   bottom: 8px;
   flex:1;
}

.sdoc_callist.research::before {
   left: 20px;
}
.sdoc_callist.research::after {
   right: 20px;
}

.fds_list.cure_sub {
   padding-bottom: 0;
}

.fds_list.cure .fds_explan {
   font-size: 16px;
}

.fds_list.cure .fds_blockwrap .fds_name {
   font-size: 16px;
}

.fds_list.cure .fds_blocklist.fds_paper > a::after {
   content: none;
}

.fds_paper .flex span {
   margin-top: 2px;
   color: #999999;
   font-size: 12px;
}
.fds_paper .flex > a,
.fds_paper .flex > a:hover {
   margin-left: 5px;
   word-break: break-all;
   display: block;
   font-size: 12px;
   color: #999999;
}
/* 테스트 수정 */

/* sub01_03_210708 테스트 */
.step_wrap.test {
   flex-wrap: wrap;
   align-items: center;
}

.step_wrap.test .step_list {
   margin-bottom: 15px;
   padding-bottom: 10px;
   /* max-width: 160px; */
   display: inline-flex;
   flex-direction: column-reverse;
   justify-content: center;
   align-items: center;
   height: 60px;
   line-height: normal;
   flex: none;
   width: 25%;
}

.step_wrap.test .step_list span {
   font-size: 14px;
}

/* sub01_02_210709 테스트 */

.gwanghwa .sdoc_calender .sdoc_calwrap.test {
   max-width: 100%;
}
.gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist {
   width: 25%;
   border-right: 1px solid #fff;
   font-size: 21px;
   color: #fff;
   padding-right: 5px;
}

.sdoc_calbtn.test {
   position: absolute;
   top: 0;
   right: 0;
   width: 110px;
   border: 1px solid #6b6b6b;
   border-radius: 26px;
   text-align: center;
   font-size: 13px;
   color: #6b6b6b;
   cursor: pointer;
}

.gwanghwa .sdoc_calbtn.test > p {
   color: #6b6b6b;
   line-height: 27px;
   border: 0px;
   font-size: 13px;
}

.sdoc_callist.research.test {
   position: absolute;
   display:flex;
   align-items:center;
   width: 75%;
   right: 0;
   top:34px;
}

.sdoc_callist.research.test p{
  flex:none;
  margin:0 5px;
}

.sdoc_callist.research.test p span{
  color: #ff8641;
}

.gwanghwa .sdoc_calender.test .sdoc_calwrap .sdoc_callist > h4,
.gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist h4 {
   padding: 0 0 3px 0;
}
.sdoc_calender.test .sdoc_calwrap .sdoc_callist > p,
.gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist p {
   padding: 3px 0 0 0;
}

@media (max-width: 1200px) {
   .gwanghwa .sdoc_name {
      padding: 15px;
   }
   .title_callist {
      word-break: keep-all;
   }
}
@media (max-width: 1024px) {
  .step_wrap.test .step_list{
    width:calc(100% / 2);
  }
}
@media (max-width: 639px) {
  .gwanghwa .sdoc_name{
    padding:10px 5px;
  }
   .gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist {
      width: 30%;
      border-right: 1px solid #fff;
      font-size: 16px;
      color: #fff;
   }
   .gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist h4,
   .gwanghwa .sdoc_calender.test .sdoc_calwrap .sdoc_callist > h4,
   .sdoc_calender.test .sdoc_calwrap .sdoc_callist > p,
   .gwanghwa .sdoc_calender .sdoc_calwrap.test .title_callist p {
      padding-bottom: 5px;
      word-break: keep-all;
   }
   .list_wrap2 li {
      font-size: 16px;
   }
}

@media (max-width: 400px) {
   .gwanghwa .sdoc_calender.test .sdoc_calwrap .title_callist > h4,
   .gwanghwa .sdoc_calender.test .sdoc_calwrap .title_callist > p {
      font-size: 11.5px;
   }

   .sdoc_callist.research.test{
    top:24px;
    right:5px;
  }
}
/* 테스트 수정 END */

/* 20210720 */

.sub07051 .dp_pc {
   display: block;
}
.sub07051 .dp_mo {
   display: none;
}
.sub07051 .text_area {
   display: none;
}
.sub07051.test {
   max-width: 760px;
   width: 100%;
   margin: 0 auto;
   position: relative;
}
.sub07051.test img {
   width: 90%;
}
.sub07051.test .links {
   width: 132px;
   display: flex;
   flex-direction: column;
   text-align: right;
   padding: 10px 20px;
   border-radius: 10px;
   background-color: #fff;
}
.sub07051.test .links:nth-of-type(2n) {
   text-align: left;
}
.sub07051.test .links a {
   font-size: 20px;
   margin: 3px 0;
   position: relative;
   transition: 0.3s;
}

.sub07051.test .links a:hover {
   opacity: 0.8;
}
.sub07051.test .left_top {
   position: absolute;
   top: 0;
   left: 0;
}
.sub07051.test .left_top a {
   color: #e89158;
}
.sub07051.test .right_top {
   position: absolute;
   top: 0;
   right: 0;
}
.sub07051.test .right_top a {
   color: #94b558;
}

.sub07051.test .left_bottom {
   position: absolute;
   bottom: 0;
   left: 0;
}

.sub07051.test .right_bottom {
   position: absolute;
   bottom: 0;
   right: 0;
}
.sub07051.test .left_bottom a,
.sub07051.test .right_bottom a {
   color: #82b9d2;
}
.sub07052 {
   width: 100%;
   padding: 90px;
   background-color: #e2f2f6;
}
.sub07052 .fore {
   max-width: 1000px;
}
.sub07052 .back {
   margin-bottom: 45px;
   display: flex;
   justify-content: center;
}
.sub07052 .back:last-of-type {
   margin-bottom: 0;
}
.sub07052 .back div:nth-of-type(1) {
   z-index: 2;
   display: flex;
   justify-content: center;
   align-items: center;
   background: url(../images/col1.png);
   width: 171px;
   height: 79px;
   font-size: 22px;
   font-weight: 500;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.09;
   letter-spacing: normal;
   text-align: center;
   color: #ffffff;
}

.sub07052 .back.color2 div:nth-of-type(1) {
   background: url(../images/col2.png);
}
.sub07052 .back.color3 div:nth-of-type(1) {
   background: url(../images/col3.png);
}
.sub07052 .back.color4 div:nth-of-type(1) {
   background: url(../images/col4.png);
}
.sub07052 .back div:nth-of-type(2) {
   z-index: 1;
   margin-top: 10px;
   margin-left: -2px;
   width: calc(100% - 171px);
   background-color: #fff;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

.sub07052 .back div:nth-of-type(2) p {
   margin-left: 50px;
   font-size: 18px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.33;
   letter-spacing: normal;
   text-align: left;
   color: #000000;
}

.sub0702133 {
   padding-left: 100px;
   margin-left: -30px;
}

.sub0702133 > div {
   display: flex;
   flex-wrap: wrap;
}
.sub0702133 > div > div {
   width: 50%;
   padding-left: 30px;
   position: relative;
   margin-bottom: 30px;
}
.sub0702133 > div > div img {
   width: 100%;
   height: auto;
}
.sub0702133 > div > div p {
   font-size: 16px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.88;
   letter-spacing: normal;
   text-align: center;
   color: #ffffff;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 45px;
   width: calc(100% - 30px);
   position: absolute;
   bottom: 0;
   background-color: rgba(96, 171, 210, 0.7);
}
.sub0702133 > p {
   font-size: 20px;
   font-weight: normal;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.75;
   letter-spacing: normal;
   text-align: left;
   color: #000000;
   padding-left: 30px;
}
.sub0702133-2 {
   margin-left: -30px;
}

.sub0702133-2 ul {
   display: flex;
   flex-wrap: wrap;
}

.sub0702133-2 ul li {
   padding-left: 30px;
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 18px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #000000;
   width: 20%;
}
.sub0702133-2 ul li span {
   width: 100%;
   background-color: #e7f0f1;
   height: 141px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

@media (max-width: 1023px) {
   .sub07051 .dp_pc {
      display: none;
   }
   .sub07051 .dp_mo {
      margin: 0 auto;
      max-width: 450px;
      display: block;
      margin-bottom: 20px;
   }
   .sub07051 .text_area {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
   }

   .sub07051 .text_area .text {
      width: 100%;
      margin-bottom: 20px;
      text-align: left;
   }
   .sub07051 .text_area .text p {
      display: block;
      max-width: 150px;
      margin-bottom: 20px;
      font-size: 18px;
      font-weight: 500;
   }
   .sub07051 .text_area .text span {
      display: inline-block;
      padding: 0 20px;
   }

   .sub07051 .text_area .text.orange p {
      color: #c29a4c;
      border-bottom: 2px solid #c29a4c;
   }
   .sub07051 .text_area .text.blue p {
      color: #3748ab;
      border-bottom: 2px solid #3748ab;
   }
   .sub07051 .text_area .text.green p {
      color: #237d82;
      border-bottom: 2px solid #237d82;
   }

   .sub07052 {
      width: 100%;
      padding: 100px 20px;
      background-color: #e2f2f6;
   }
   .sub07052 .back div:nth-of-type(2) p {
      margin-left: 20px;
      margin-right: 20px;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: left;
      color: #000000;
   }
   .sub0702133 {
      padding-left: 0;
   }
}

/* 210804 */

.sub07_02_13n {
   display: flex;
}
.sub07_02_13n p {
   width: 100px;
}
.sub07_02_13n ul {
   width: calc(100% - 100px);
}

.sub07_02_13n:nth-of-type(1) ul {
   display: flex;
   flex-wrap: wrap;
}

.sub07_02_13n:nth-of-type(1) ul li {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 16.667%;
   padding: 4px;
   border-right: 1px solid #ddd;
   font-size: 17px;
   font-weight: 300;
   font-stretch: normal;
   font-style: normal;
   line-height: 1.5;
   letter-spacing: normal;
   text-align: center;
   color: #000000;
}
.sub07_02_13n:nth-of-type(1) ul li:nth-of-type(1) {
   border-left: 1px solid #ddd;
}

.sub07_02_13n:nth-of-type(1) ul li span {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 110px;
   height: 110px;
   border: 10px solid #82898f;
   border-radius: 50%;
   margin-bottom: 20px;
}
.sub07_02_13n:nth-of-type(1) ul li:nth-of-type(3) span,
.sub07_02_13n:nth-of-type(1) ul li:nth-of-type(4) span {
   border-color: #f7b700;
}
.sub07_02_13n:nth-of-type(1) ul li:nth-of-type(5) span {
   border-color: #417b8e;
}

.sub07_02_13n:nth-of-type(1) ul li:nth-of-type(6) span {
   border-color: #e5232b;
}

@media (max-width: 1280px) {
   .sub07_02_13n:nth-of-type(1) ul li:nth-of-type(4) {
      border-left: 1px solid #ddd;
   }

   .sub07_02_13n:nth-of-type(1) ul li {
      width: 33.333%;
      margin-bottom: 40px;
   }
}
@media (max-width: 1023px) {
   .sub07_02_13n {
      flex-direction: column;
   }
   .sub07_02_13n ul {
      width: 100%;
   }
   .sub0702133-2 ul li {
      width: 33.333%;
      margin-bottom: 40px;
   }
}
@media (max-width: 699px) {
   .sub07_02_13n:nth-of-type(1) ul li:nth-of-type(4),
   .sub07_02_13n:nth-of-type(1) ul li:nth-of-type(1) {
      border-left: 0px;
   }
   .sub07_02_13n:nth-of-type(1) ul li:nth-of-type(2n) {
      border-right: 0px;
   }
   .sub07_02_13n:nth-of-type(1) ul li {
      width: 50%;
   }
}

@media (max-width: 599px) {
   .sub07052 {
      width: 100%;
      padding: 100px 20px;
      background-color: #e2f2f6;
   }
   .sub07052 .back {
      flex-direction: column;
   }
   .sub07052 .back div:nth-of-type(2) {
      z-index: 3;
      padding: 20px;
      margin-top: -5px;
      margin-left: 0;
      width: 100%;
      background-color: #fff;
      display: flex;
      justify-content: flex-start;
      align-items: center;
   }
   .sub07052 .back div:nth-of-type(1) {
      z-index: 2;
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../images/col1.png);
      width: 140px;
      height: 60px;
      font-size: 20px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.09;
      letter-spacing: normal;
      text-align: center;
      color: #ffffff;
   }
   .sub07052 .back div:nth-of-type(2) p {
      margin: 0;
      font-size: 18px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: left;
      color: #000000;
   }

   .sub0702133 > div > div {
      width: 100%;
      padding-left: 30px;
      position: relative;
      margin-bottom: 30px;
   }
   .sub0702133-2 ul {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
   }

   .sub07051.test .links {
      padding: 5px;
      border-radius: 10px;
      width: 84px;
   }

   .sub07051.test img {
      width: 85%;
   }
   .sub07051.test .links a {
      font-size: 16px;
      margin: 0;
   }
   .sub0702133-2 {
      margin-left: -20px;
   }
   .sub0702133-2 ul li {
      padding-left: 20px;
      width: 50%;
      font-size: 16px !important;
   }
}
.sub0701pop {
   display: none;
}
.sub0701pop.active {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   display: inline-block;
   max-width: 950px;
   width: 100%;
   background-color: #fff;
   min-height: 50vh;
   z-index: 999;
}
.sub0701pop_close {
   cursor: pointer;
   float: right;
   display: inline-block;
   width: 20px;
   height: 20px;
}
.sub0701pop_close::after {
   content: "";
   clear: both;
}

.pop_dummy.active {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 888;
}

/* 0930추가사항 */
.sub02_03_01 .text_overflow{
   overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height: 1.2em;
  height: 3.6em;
}

.sub02_03_01 .saca_list2 p{
   margin-bottom: 10px;
}

.sub02_03_01 .olt_18{
   word-break: keep-all;
}
.sub04_03 .fds_list .fds_img.top > img{
   margin-top: 80px;
}
.sub04_03 .fds_title {
   margin-top: 40px;
   margin-bottom: 40px;
}
.sub05 p,
.sub03_01 p,
.sub03_03 p{
   word-break: keep-all !important;
}

@media(max-width:1023px){
   .sub04_03 .fds_list .fds_img.top > img{
      margin-top: 0;
   }
}

/* vr */
.vr{
   padding:0 30px;
    max-width: 1340px;
    width: 100%;
    height: 500px;
    margin-left: 50%;
    transform: translateX(-50%);
}

@media(max-width:640px){
   .vr{

      margin-top: 80px;
      height: 400px;
   }
}

.sub_nav{
  z-index:9;
}
.sub09_swiper{
  z-index:-1;
  width:100%;
  height:100%;
}
.sub09_swiper img{
  width:100%;
  object-position: center;
  object-fit: contain;
}

.title_box{
  margin-top:-60px;
  text-align: center;
}

.title_box p{
  margin:0 auto;
  max-width:700px;
  font-size:16px;
  font-weight:400;
}

@media(max-width:640px){
  .title_box{
    margin-top:-20px;
  }
}

/* 220531 */

.sdoc_wrap .sdoc_img .marker.right{
  position:absolute;
  top:0;
  right:0;
  margin:0;
  width:180px;
}


@media(max-width:500px){
  .gwanghwa .sdoc_img > h2.sp{
    width:100%;
  }
  .gwanghwa .sdoc_img > h2{
    font-size:28px;
    left:0px;
    top:10px;
  }
  .gwanghwa .sdoc_img > h2 > span{
    font-size:14px;
  }

  .gwanghwa .sdoc_img > h2.sp > span{
    width:calc(100% - 120px);
  }

  .sdoc_wrap .sdoc_img .marker.right{
    width:120px;
  }

}

/* 220603 */

.sdoc_small{
  font-size:13px;
  color:#aaa;
}

@media(max-width:640px){
  .sdoc_small{
    font-size:12px;
  }
}

/* 220610 */
.new_paper{
  word-break: break-all;
  display: flex !important;
  font-size: 12px;
  color: #999999;
  margin-bottom:10px;
  line-height:initial !important;
}

.new_paper:hover,
.new_paper:visited{
  color: #999999;
}

.new_paper:last-of-type{
  margin-bottom:0;
}

.new_paper>span:nth-of-type(1){
  margin-right:5px;
}

/*230309 스킨 테라피 */
.sk_wrap{
    padding-top:6.64%;
}
.sk_sec li:nth-of-type(1){
  max-width: 1240px;
  width:100%;
  margin:0 auto;
}
.sk_sec li:nth-of-type(1)~li{
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;
  margin-top:90px;
}
.sk_sec li:nth-of-type(2)~li{
  margin-top:120px;
  position:relative;
}
.sk_sec li:nth-of-type(2)~li::after{
  width:100%;
  height: 2px;
  display:block;
  content: "";
  background: lightgrey;
  position: absolute;
  top:-10%;
}
.sk_sec li:nth-of-type(1) .sk_sec_txt{
  margin-top:30px;
  width: 100%;
  background: #f9f5ef;
  text-align: center;
  border-radius: 10px;
  padding: 30px 3% 40px;
}
.sk_sec li:nth-of-type(1) h3{
  width:auto;
  display:inline-block;
  position: relative;
}
.sk_sec li:nth-of-type(1) h3::after{
  display:block;
  content: "";
  width: 41%;
  height: 2px;
  background: #c29a4b;
  position:absolute;
  top: -30px;
}
.sk_sec li h3{
  font-size:28px;
  line-height: 1.4;
  font-weight: 600;
}
.sk_sec li > img{
  margin-bottom: 10px;
}
.sk_sec li:nth-of-type(1)~li h3{
  margin-bottom: 10px;
}
.sk_sec li > p{
  margin-bottom: 40px;
  line-height: 1.4;
}
.sk_sec li:nth-of-type(1) h4{
  font-size:22px;
  line-height: 1.9;
}
.sk_sec li:nth-of-type(1) p{
  font-size:16px;
  line-height: 1.8;
}
.sk_images{
  display:flex;
  justify-content: space-between;
}
.sk_images img{
  width:calc(50% - 15px);
  height: auto;
}
.fore_btm img{
  width: 100%;
  height: auto;
}
@media(max-width:1023px){
  .sk_sec li h3{
    font-size:24px;
  }
  .sk_sec li p{
    font-size:14px;
  }
  @media(max-width:550px){
    .sk_sec li:nth-of-type(1) .sk_sec_txt{
      margin-top:20px;
      padding: 30px 25px 40px;
    }
    .sk_sec li:nth-of-type(1)~li{
      margin-top:60px;
    }
    .sk_sec li:nth-of-type(1) h4{
      font-size:18px;
    }
    .sk_sec li:nth-of-type(1) p{
      font-size:12px;
    }
    .sk_sec li h3{
      font-size:20px;
    }
    .sk_sec li p{
      font-size:12px;
    }
  }
}
/* 230314 통합연구소 */
.sub_content.il_wrap > img{
  width: 100%;
  height: auto;
}
.sub_content.il_wrap > img:nth-last-of-type(1){
  margin-top:160px;
}
.il_tag{
  display: block;
  width: 552px;
  margin: 0 auto;
  margin-top:55px;
}
.il_tag img{
  width: 100%;
  height: auto;
}

@media(max-width:1023px){
  .il_tag{
    width: 400px;
  }
}
@media(max-width:500px){
  .fore.sub0206{
    padding:0;
  }
  .il_tag{
    width: calc(100% - 30px);
  }
  .sub_content.il_wrap > img:nth-last-of-type(1){
    margin-top:100px;
  }
}

/*230315 평창 전용농장*/
.fore.sub0305 img{
   width:100%;
   height: auto;
}

@media(max-width:500px){
.fore.sub0305{
    padding:0;
  }
}

/*힐링 컨텐츠*/
.fore.sub0604 img{
   width:100%;
   height: auto;
}

@media(max-width:500px){
.fore.sub0604{
    padding:0;
  }
}

/*전지점 공통 홈페이지 가맹문의*/

.sub01_10 .paper_content {
   position: relative;
   max-width: 1920px;
   margin: 0 auto;
}

.sub01_10 .img_wrap {
    width: 100%;
}

.sub01_10 .img_wrap img {
    width: 100%;
    height: auto;
}

.video-wrap {
    position: relative;
    max-width: 1280px;
    margin: 80px auto;
}

video {
    width: 100%;
    aspect-ratio: 18 / 9;
    border-radius: 16px;
    display: block;
    object-fit: cover;
}

.start-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    background: none;
    cursor: pointer;
}

.start-btn img {
    width: 80px;
}

.start-btn.hide {
    display: none;
}


.sub01_10 #sec6 .img_wrap:first-child {
    padding-top: 100px;
}

.slide_wrap {
    max-width: 1280px;
    width: 75%;
    margin: 0 auto;
}

.slide_wrap img {
    max-width: 1000px;
    width: 100%;
}

.slide_wrap .swiper-button-prev,
.slide_wrap .swiper-button-next {
    color: transparent !important;
}

.slide_wrap .swiper-button-next,
.slide_wrap .swiper-button-prev {
    width: 48px;
    height: 48px;
}

/* 커스텀 이미지 */
.slide_wrap .swiper-button-prev {
    background: url('../../images/slide_prev.svg') no-repeat center / contain;
}

.slide_wrap .swiper-button-next {
    background: url('../../images/slide_next.svg') no-repeat center / contain;
}

.slide_wrap .gallary_list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 30px;
}

.slide_wrap .gallary_list li {
    width: calc((100% - 36px) / 3);
}

.slide_wrap .gallary_list li img {
    width: 100%;
    display: inline-block;
}

.sub01_10 #sec8 {
    background: #FBF8F1;
}

.sub01_10 .sns_wrap {
    display: flex;
    max-width: 1280px;
    width: 74%;
    margin: 0 auto;
    padding: 20px 56px;
    justify-content: space-between;
}

.sub01_10 .sns_wrap li {
    max-width: calc((100% - 32px) / 5);
}

.sub01_10 .sns_wrap li img {
    width: 100%;
}

.sub01_10 .btn_wrap {
    margin: 50px auto;
    width: fit-content;
}

.sub01_10 .btn_wrap .btn_more {
    padding: 12px;
    font-size: 26px;
    border-radius: 8px;
    width: 400px;
    color: #fff;
    display: block;
    display: flex;
    justify-content: center;
    background: #492900 url(../../images/arrow_more.svg) no-repeat 90% 50% / 8px 10px;
    cursor:pointer;
}

.sub01_10 .btn_wrap .btn_more.ver2 {
    padding: clamp(8px, 0.7vw, 14px);
    font-size: clamp(16px, 1vw, 20px);
    width: clamp(180px, 13.5vw, 260px);
    background: #483E20 url(../../images/arrow_more.svg) no-repeat 90% 50% / 8px 10px;
}

.sub01_10 #sec11 .cont_wrap {
    position: relative;
}

.sub01_10 #sec11 #btn1 {
    position: absolute;
    left: 50%;
    bottom: 3%;
    transform: translateX(-50%);
}

.sub01_10 #sec11 #btn2 {
    position: absolute;
    left: 52.5%;
    top: 73%;
}

.sub01_10 #sec11 #btn3 {
    position: absolute;
    left: 21.5%;
    top: 63%;
}

.sub01_10 #sec11 #btn4 {
    position: absolute;
    left: 21.5%;
    top: 70%;
}


/* 1520 이하 */
@media (max-width: 1520px) {
    .sub01_10 #sec11 #btn2 {
    position: absolute;
    left: 52.5%;
    top: 71%;
}

.sub01_10 #sec11 #btn3 {
    position: absolute;
    left: 21.5%;
    top: 59%;
}

.sub01_10 #sec11 #btn4 {
    position: absolute;
    left: 21.5%;
    top: 66%;
}
}

@media (max-width: 1280px) {
    .sub01_10 #sec11 #btn1 {
        position: absolute;
        left: 50%;
        bottom: 2%;
        transform: translateX(-50%);
    }

    .sub01_10 #sec11 #btn2 {
        position: absolute;
        left: 52.5%;
        top: 69%;
    }

    .sub01_10 #sec11 #btn3 {
        position: absolute;
        left: 21.5%;
        top: 57%;
    }

    .sub01_10 #sec11 #btn4 {
        position: absolute;
        left: 21.5%;
        top: 62%;
    }
}

@media (max-width: 1080px) {
    .sub01_10 #sec11 #btn2 {
        position: absolute;
        left: 52.5%;
        top: 67%;
    }

    .sub01_10 #sec11 #btn3 {
        position: absolute;
        left: 21.5%;
        top: 54%;
    }

    .sub01_10 #sec11 #btn4 {
        position: absolute;
        left: 21.5%;
        top: 60%;
    }
}


.sub01_10 #sec11 .cont_wrap:last-child {
    padding-bottom: 80px;
}

/*문의 폼*/
#secInquiry {
   background: #F9F4E9;
   padding: 40px;
}

.title_wrap {
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.title_wrap .badge {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

.title_wrap .badge span {
    background: #8C6400;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 8px 22px;
    border-radius: 20px;
}

.title_wrap .post_item .title {
    text-align: center;
    margin-bottom: 8px;
}

.title_wrap .title h2 {
    font-size: 44px;
    font-weight: 700;
    color: #4A2900;
    letter-spacing: -0.5px;
}

.title_wrap .title h2 em {
    color: #C19B51;
    font-style: normal;
}

.title_wrap .desc {
    text-align: center;
    font-size: 20px;
    color: #666;
    line-height: 1.7;
    margin-top: 32px;
    font-weight: 300;
}

/* Inputs */
.post_wrap {
    max-width: 1280px;
    margin: 0 auto;
    background: #Fff;
    padding: 20px;
    margin-top: 20px;
}

.post_wrap .post_item {
   border-bottom: 1.5px solid #d4c4a8;
   padding: 15px 15px;
   display: flex;
}

.post_wrap .post_item .post_item {
   border: none;
   padding: 0;
}

.post_wrap .post_item label,
.post_wrap .post_item span {
    font-size: 20px;
    color: #3C2B00;
    font-weight: 600;
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.post_wrap .post_item input[type="text"] {
    width: 100%;
    min-width: 300px;
    border: none;
    padding: 6px 4px;
    font-size: 20px;
    color: #2c1f0e;
    background: transparent;
    outline: none;
    transition: border-color 0.2s;
}

.post_wrap .post_item input[type="text"]::placeholder {
    color: #ddd;
    font-size: 16px;
}

.post_wrap input[type="text"]:focus {
    border-bottom-color: #7a5c3a;
}

.post_wrap .post_item.two-col {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

/* Select */
.post_wrap .post_item select {
    width: 240px;
    border: 2px solid #8C6400;
    border-radius: 30px;
    padding: 8px 28px 8px 15px;
    font-size: 16px;
    color: #8C6400;
    font-family: 'Noto Sans KR', sans-serif;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s;
}

.post_wrap .post_item select {
    background: #fff url(../../images/arrow_down.svg) no-repeat 95% / 10px 8px;
    appearance: none;
    -webkit-appearance: none;
}

/* Privacy row */
.post_wrap .item_privacy {
   display: flex;
   gap: 20px;
   align-items: center;
   margin-top: 15px;
   margin-left: auto;
   width: fit-content;
   padding-right: 30px;
}
.post_wrap .item_privacy input[type="checkbox"] {
    accent-color: #7a5c3a;
    width: 14px;
    height: 14px;
    cursor: pointer;
    border-radius: 15px;
    display: none;
}

.post_wrap .item_privacy input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1.5px solid #b8a888;
  border-radius: 50%; 
  margin-right: 6px;
  vertical-align: middle;
  transition: all 0.2s;
}

.post_wrap .item_privacy input[type="checkbox"]:checked + label::before {
  background: #7a5c3a;
  border-color: #7a5c3a;
}

.post_wrap .item_privacy label {
   font-size: 16px;
   color: #8C6400;
}

.post_wrap .item_privacy button {
   background: #4A2900;
   color: #fff;
   padding: 6px 10px;
}

body.active {
    height: 100%;
    overflow: hidden;
}

.modal {
    max-height: calc(100% - 40px);
    display: block;
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    max-width: 800px;
    width: calc(100% - 40px);
    background-color: #fff;
    border-radius: 10px;
    transition: 0.3s;
    overflow: auto;
}

.modal.active {
    z-index: 9999;
    transform: translate(-50%, -50%) scale(1);
}

.modal_dummy.active {
    display: block;
}

.modal_dummy {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}

pre {
    line-height: 1.2;
    font-size: 14px;
    color: #000;
    text-align: left;
   white-space: pre-line;
}

pre h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}


@media screen and (max-width: 1023px) {
    .video-wrap {
        padding: 0 4.2vw;
        margin: 30px auto;
    }

    .start-btn img {
      width: 40px;
    }

    .sub01_10 #sec6 .img_wrap:first-child {
        padding: 0;
    }

    .slide_wrap {
        width: 90%;
        margin-top: 20px;
    }

    .slide_wrap .swiper-slide img {
        max-width: 68vw;
    }

    .slide_wrap .swiper-button-next,
    .slide_wrap .swiper-button-prev {
        width: 34px;
        height: 34px;
    }

    .sub01_10 .btn_wrap .btn_more {
        padding: 8px;
        font-size: 20px;
        border-radius: 8px;
        width: 200px;
        background-image: initial;
        background-color: #c6b180;
    }

    .sub01_10 .btn_wrap .btn_more.ver2 {
        background-image: initial;
        background-color: #492900;
        width: clamp(150px, 38vw, 250px);
        font-size: clamp(14px, 3.4vw, 24px);
        padding: clamp(8px, 1.5vw, 12px);
    }

    .sub01_10 #sec11 #btn1 {
        position: initial;
        margin: 30px auto;
        transform: initial;
    }

    .sub01_10 #sec11 #btn2 {
        position: absolute;
        bottom: 17.2vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .sub01_10 #sec11 #btn3 {
        position: absolute;
        bottom: 17.2vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .sub01_10 #sec11 #btn4 {
        position: absolute;
        bottom: 27.2vw;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .sub01_10 #sec11 .cont_wrap:last-child {
        padding-bottom: 15vw;
    }

    .sub01_10 .sns_wrap {
        width: 92%;
        padding: 20px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .sub01_10 .sns_wrap li {
        max-width: calc((100% - 15px) / 2);
    }

    #secInquiry {
        background: #F9F4E9;
        padding: 30px 15px;
    }

    .title_wrap .badge span {
        font-size: 16px;
        padding: 8px 22px;
        border-radius: 20px;
    }

    .title_wrap .title h2 {
        font-size: 32px;
    }

    .title_wrap .desc {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 20px;
    }

    /* Inputs */
    .post_wrap {
        padding: 15px;
        margin-top: 20px;
    }

    .post_wrap .post_item {
        border-bottom: 1px solid #000;
        padding: 10px 5px;
    }

    .post_wrap .post_item label,
    .post_wrap .post_item span {
        font-size: 14px;
        min-width: 128px;
        letter-spacing: -0.5px;
        flex-shrink: 0;
    }

    .post_wrap .post_item input[type="text"] {
        width: 100%;
        flex-shrink: 1;
        min-width: initial;
        padding: 6px 4px;
        font-size: 14px;
    }

    .post_wrap .post_item input[type="text"]::placeholder {
        font-size: 11px;
    }

    .post_wrap input[type="text"]:focus {
        border-bottom-color: #7a5c3a;
    }

    .post_wrap .post_item.two-col {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    /* Select */
    .post_wrap .post_item select {
         width: 100%;
         max-width: 240px;
        flex-shrink: 1;
        border-radius: 30px;
        padding: 5px 15px 5px;
        font-size: 14px;
        color: #8C6400;
        transition: border-color 0.2s;
    }

    .post_wrap .post_item .post_item {
      width: 100%;
    }

    .post_wrap .post_item .post_item:first-child {
      border-bottom: 1px solid #000;
      padding-bottom: 10px;
    }

    .post_wrap .post_item .post_item:last-child {
      padding-top: 10px;
    }

    /* Privacy row */
    .post_wrap .item_privacy {
        gap: 10px;
        margin-top: 15px;
        padding-right: 0px;
    }

    .post_wrap .item_privacy input[type="checkbox"] {
        width: 12px;
        height: 12px;
        border-radius: 15px;
    }

    .post_wrap .item_privacy input[type="checkbox"]+label::before {
        content: '';
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-right: 4px;
        vertical-align: middle;
        transition: all 0.2s;
    }

    .post_wrap .item_privacy label {
        font-size: 14px;
    }

    .post_wrap .item_privacy button {
        padding: 4px 10px;
    }

    .sub01_10 .post_wrap .btn_wrap .btn_more {
      padding: 6px;
      background-color: #4A2900;
    }
}


@media screen and (max-width: 768px) {
   .slide_wrap .swiper-slide img {
      max-width: 68vw;
   }

   .slide_wrap .swiper-button-next, .slide_wrap .swiper-button-prev {
      width: 30px;
      height: 30px;
      transform: initial;
   }

   .slide_wrap .gallary_list {
      margin-top: 20px;
      gap: 10px;
   }

   .sub01_10 #sec8{
      background: #faf5ea;
   }
}
@media screen and (max-width: 480px) {

    .slide_wrap .swiper-button-next,
    .slide_wrap .swiper-button-prev {
        width: 24px;
        height: 24px;
    }

    .sub01_10 .btn_wrap {
          margin: 30px auto;
    }

    .sub01_10 .btn_wrap .btn_more {
        padding: 8px;
        font-size: 16px;
        width: 180px;
    }
}