@charset "UTF-8";

/* ///////////////////////////////////////  main  ///////////////////////////////////////  */

/* main_visual */
.owl-carousel .owl-item img {display:inline-block;border: 1px solid #efefef;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
.main_visual {height: 773px;position:  relative;overflow:  hidden;padding-top: 134px;}
.main_visual .item {height: 773px; background-position: top center;background-size: cover;overflow:  hidden;}
.main_visual .owl-carousel .owl-item img {width: auto;}
.main_visual .owl-carousel .owl-item .text_wrap {max-width: 1200px;margin:0 auto;padding-top: 318px;text-align: center;}

.main_visual .owl-carousel .owl-item .text_wrap a {color:#fff;}
.main_visual .owl-carousel .owl-item .text_wrap p span {padding: 10px 30px; font-size: 1.3dem;display: inline-block; border:1px solid #fff;margin-top: 50px;}
.main_visual .owl-carousel .item.one .text_wrap {padding-top: 250px;}
.main_visual .owl-carousel .owl-nav {position: absolute;top: 50%;margin-top: -24px;width:  100%;}
.main_visual .owl-carousel .owl-nav > button {width: 48px;height: 70px;position:absolute;text-indent: -9999px;background:rgb(0,0,0);background: transparent\5;background: rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);text-align: center;}
.main_visual .owl-carousel .owl-nav .owl-prev {left:0;}
.main_visual .owl-carousel .owl-nav .owl-next{right:0;}
.main_visual .owl-carousel .owl-nav > button > span {display:block;/* height: 50px; */}
.main_visual .owl-carousel .owl-nav .owl-prev span{background: url(../images/main/arrowPrev.png) no-repeat center;}
.main_visual .owl-carousel .owl-nav .owl-next span{background: url(../images/main/arrowNext.png) no-repeat center;}
.main_visual .owl-carousel .owl-dots {position: absolute;bottom:50px;width:  100%;text-align:  center;}
.main_visual .owl-carousel .owl-dot {width: 80px;height: 10px;border-radius:10px;background:  #fff;display:  inline-block;margin:0 8px;opacity: .5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;vertical-align: middle;}
.main_visual .owl-carousel .owl-dot.active {opacity: 1;background: #8dfff6;height:20px;}


/* rolling 01 */
.main_visual .owl-carousel .item p{margin-bottom: 30px;}
.main_visual .owl-carousel .item h1 {font-size: 3em;letter-spacing: -1px;line-height: 1.3;font-weight: 400;font-family: 'Nanum Myeongjo', serif;}
.main_visual .owl-carousel .item h1 span {font-weight: 100;}
.main_visual .owl-carousel .item h1 em {border-bottom: 1px solid #fff;}
.main_visual .owl-carousel .item h1 em.green {border-color: #8dfff6;color: #8dfff6;}
.main_visual .owl-carousel .item h2 {font-size: 1.5em;font-weight: 300;margin-bottom: 20px;}
.main_visual .owl-carousel .item ul {margin-top:50px}
.main_visual .owl-carousel .item ul li{font-size: 1.2em;font-weight: 300;}

.main_visual .owl-carousel .item.time .text_wrap {padding-top: 166px;}
.main_visual .owl-carousel .item.time ul div{width: 425px;margin: 50px auto;text-align: left;}
.main_visual .owl-carousel .item.time ul div h6{font-size: 1.5em;font-weight: 400;margin-bottom: 10px; text-align:center}
.main_visual .owl-carousel .item.time ul div h6:before {font-family:"mdwell"; content:'\E828'; margin-right:10px}

.main_visual .owl-carousel .item.time ul div dl dt{width: 120px;float: left;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify;text-align-last: justify;margin-right: 10px;}
.main_visual .owl-carousel .item.time ul div dl dt:after {content:''}
.main_visual .owl-carousel .item.time ul div dl dd:before {content:':';margin-right: 10px;}

.main_visual .owl-carousel .active p{-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInRight;}
.main_visual .owl-carousel .active h1{-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInRight;}
.main_visual .owl-carousel .active h2{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInRight;}
.main_visual .owl-carousel .active ul {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInRight;}

/* main_banner */
.main_banner {margin: 0 auto;padding: 60px 0;width: 100%;text-align: center;background: #fff;position: relative;overflow:hidden;background: url(../images/common/con_bg.gif);}
.main_banner > ul {max-width: 1130px;margin:0 auto;overflow: hidden;}
.main_banner > ul li {float: left;margin: 10px;}
.main_banner ul li img {display:block}

.main_fullbanner{background: url(../images/main/main_fullbanner_bg.jpg) center;text-align: center;background-size: 100% 100%;}

.main_fullbanner .inwrap{max-width: 1076px;padding: 60px 0 80px;}
.main_fullbanner ul{margin-left: -88px;overflow: hidden;margin-top: 50px;}
.main_fullbanner ul li {width: 33.33333333%;float: left;padding-left: 88px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; position: relative;}

.main_fullbanner ul li img {border-radius:50%;display: block;}

.main_fullbanner ul li div {
  opacity:0;
  padding-top: 106px;
  font-size: 24px;
  background: rgb(255, 255, 255);
  background: transparent\5;
  background: rgba(255, 255, 255, 0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000);
  position: absolute;
  text-align: center;
  left: 88px;
  right: 0;
  top: 0;
  bottom:0;
  border-radius: 50%;
  color: #000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  }
  .main_fullbanner .sub_tit {color: #fff;}
  .main_fullbanner .sub_tit h1 {color: #fff;}
  .main_fullbanner .sub_tit h3 {color: #fff;}
  .main_fullbanner .sub_tit::before{background:#fff;}
.main_fullbanner ul li div:hover {opacity: 1;}
.main_fullbanner ul li div:after {content:'MORE';font-size: 14px;font-family: 'Barlow', sans-serif;margin-top: 42px;display: inline-block;font-weight: 600;}
.main_fullbanner ul li div:before {content:'';display:inline-block;background: #000;width: 4px;height:30px;position: absolute;margin-top: 46px;margin-left: -2px;}


/* sns_banner */
.sns_banner {padding: 60px 0 80px;overflow:hidden;}
.sns_banner .item {background: #fff;border:1px solid #d4d4d4;padding: 20px;text-align: left;max-width: 260px;}
.sns_banner .item h5 {line-height: 1.2;margin: 15px 0 10px;height: 1.2em;overflow: hidden;}
.sns_banner .item p {font-size: .85em;font-weight: 300;color: #666;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: normal;line-height: 1.2;height: 2.4em;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;}
.sns_banner .item span {display:block;text-align:right;font-size: 0.75em;color:#999;border-top: 1px solid #ddd;margin-top: 15px;padding-top: 10px;}

.sns_banner .item img {height: 160px;}

@media all and (max-width:767px) {
  .main_visual .owl-carousel .owl-nav {display: none;}
  .main_visual .owl-carousel .owl-dots{bottom:20px;}
  .main_visual .owl-carousel .owl-dot{width: 40px;height: 5px;margin: 0 4px;}
  .main_visual .owl-carousel .owl-dot.active{height: 10px; }

  .main_visual {padding-top: 58px;height: 250px;}
  .main_visual .item{height: 250px;}
  .main_visual .owl-carousel .owl-item .text_wrap{padding-top: 46px;}
  .main_visual .owl-carousel .item.one .text_wrap{padding-top: 20px;}
  .main_visual .owl-carousel .owl-item .text_wrap p span {padding:3px 15px; font-size: 1em;margin-top: 20px;}

  .main_visual .owl-carousel .item h1 {font-size: 22px;letter-spacing: -1px;}
  .main_visual .owl-carousel .item h2 {margin-bottom: 10px;}
  .main_visual .owl-carousel .item p{margin-bottom: 8px;}
  .main_visual .owl-carousel .item ul{margin-top: 15px;}
  .main_visual .owl-carousel .item ul li{font-size: .9em;}
  .main_visual .owl-carousel .item h1 em{border-width: 1px;}

  .main_visual .owl-carousel .item.time ul div{width: 257px;margin: 15px auto;}
  .main_visual .owl-carousel .item.time ul div h6 {display:none;}
  .main_visual .owl-carousel .item.time ul div dl dt {width: 54px;}
  .main_visual .owl-carousel .item.time .text_wrap {padding-top: 20px}

  .main_banner {padding: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
  .main_banner ul{margin-top:-10px;}
  .main_banner ul li {width: 50%;margin:0;margin-top: 10px;}
  .main_banner ul li:first-child, .main_banner ul li:last-child {width: 100%;}

.main_fullbanner .inwrap{padding: 20px;}
.main_fullbanner { margin-top: 0; }
.main_fullbanner ul{margin-left: -10px;margin-top: 15px;/* margin-bottom: 10px; */}
.main_fullbanner ul li {padding-left:10px;color: #fff;}
.main_fullbanner ul li h5 {color: #fff;font-size: 1.1em;}
.main_fullbanner ul li div {opacity:1;position:relative;background: none;color: #423c38;left: 0;padding: 0;font-size: 14px;margin-top: 5px;}
.main_fullbanner ul li div:before {display:none;}
.main_fullbanner ul li div:after{display:none;}

  /* .main_fullbanner {height: auto;}
  .main_fullbanner > div{padding: 0 15px;}
  .main_fullbanner > div p{font-size: 1em;}
  .main_fullbanner > div h3{font-size: 15px;}
  .main_fullbanner > div span{font-size: 12px; padding: 2px 10px; margin-top: 10px;}
  .main_fullbanner a{font-size:10px;margin-bottom: 20px;display: block;}
  .main_fullbanner a:before {margin: 5px auto;width:2px;height:20px;} */


  .sns_banner {padding: 20px 0;}
  .sns_banner .item{padding: 10px;max-width: 200px;}
  .sns_banner .item img {height: 123.6px;}
  .sns_banner .item h5{margin:5px 0}
  .sns_banner .item p{font-size: 1em;}
  .sns_banner .item span{font-size: .9em; margin-top: 10px; padding-top: 5px;}

}

/* ///////////////////////////////////////  introduce  ///////////////////////////////////////  */


.introduce .doctor_intu {background: url('../images/sub/doctor_inturo.jpg')center top no-repeat;background-size: cover;text-align: right;}
.introduce .doctor_intu .sub_tit {text-align: right;margin-bottom: 30px;}
.introduce .doctor_intu .sub_tit::before{margin-right: 8px;background: #5a8a85;}
.introduce .doctor_intu .sub_tit h2{font-size:2em;margin-top: 60px;}
.introduce .doctor_intu .sub_tit h2:before {font-family:"mdwell"; content:'\e832'; margin-right:10px}
.introduce .doctor_intu .sub_tit h2:after {font-family:"mdwell"; content:'\e833'; margin-left
:10px}
.introduce .doctor_intu .sub_tit h1:after{display: none;}

.introduce .doctor_intu > div > h3 {color:#222;font-size: 1.4em;margin-bottom:20px;font-weight: 400;}
.introduce#sub .doctor_intu > div > h3:before {display:none;}
.introduce .doctor_intu > div > p {margin-bottom: 20px;font-weight: 300;color: #222;}
.introduce .doctor_intu > div > h5{color: #5a8a85;}
.introduce .doctor_intu > div > h5 span{font-size: 1.5em;}
.introduce .doctor_intu > div > h5 a {background:#5a8a85; padding: 4px 10px; color: #fff; margin-right: 10px; font-weight: 400;}

.introduce .step1{overflow:hidden}
.introduce .step1 div.doctor img {float: right;}
.introduce#sub .step1 h3:before {display:none;}
.introduce .step1 h3 b{border-bottom: 3px solid #333;font-size: 2em;font-weight: 500;color: #222;display:inline-block;margin-bottom: 30px;}
.introduce .step1 h3 b.point{color: #5a8a85;border-bottom: 3px solid #5a8a85;}

.introduce .step1 div.doctor li {margin-bottom:10px}
.introduce .step1 div.doctor li::before {content: "- " }

/*time*/
/* .introduce table {width: 100%;margin-top: 60px; color:#fff;}
.introduce table thead tr {line-height:43px;background:#585554;font-size: 20px;}
.introduce table tbody tr {color:#646464;}
.introduce table tbody tr.break td{background: #838280;color: #fff;}
.introduce table tbody tr td {padding:10px 0 10px;border-bottom: 1px solid #838280;}
.introduce table tbody tr td.lb {background: #c0e2de;color: #222;}
.introduce table tbody tr td.Db {background: #c2d1e4;color: #222;vertical-align: middle;line-height: 1.5em;border: 0;}
.introduce table tbody tr td.afternoon {padding: 50px 0;} */
.introduce .step2 {overflow: hidden;}
.introduce .step2 > div > p{margin-top:30px;padding: 3px 20px;color: #222; display:inline-block}
.introduce .step2 > div > p:before {content:'■';display:inline-block;margin-right:5px;color: #5a8a85;}


/*time*/

.time {background: #f4f4f4;margin-top: 150px;padding: 60px 60px 60px;}
.time::before {content: '\E828';font-family: 'icon_font';font-size: 3.5em;display: block;background: #30386c;color: #fff;width: 120px;height: 120px;border-radius: 120px;line-height: 120px;font-weight: 400;position: absolute;left: 50%;margin-left: -60px;margin-top: -120px;}
.time h4 {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 100px;line-height: 1.3em !important;font-weight: 600;}

#time table {width: 100%;text-align: center;font-size: 18px;margin: 100px 0 0;}
#time table tr th{text-align:right;height: 42px;position: relative;}
#time table tr th span {margin-bottom: 10px;background: #6f6f6f;line-height: 1em;padding: 10px;text-align:center;width: 42px;position: absolute;margin-top: -44px;color: #fff;border-radius: 10px;font-weight: 400;right: -31px;}
#time table tr th span em {width:1px;background: #ccc;height:30px;display:block;position: absolute;left: 50%;margin-top: 10px;margin-left: 0;}

#time table tr td {color:#fff;text-align:center;vertical-align:middle;border: 1px solid #ccc;font-size: 1.2em;border-right: 0;}
#time table tr td:first-child {background: #383c47;}
#time table tr td p {background: #5b7ca6;display: block;height: 50px;position:relative;margin: 20px -1px;line-height: 50px;color: #fff;}
#time table td.break {background: #fff0cf;color: #222;}
#time table tr td p.day {background: #c0e2de;}
#time table tr td p.sun {background: #4671d1;}
#time table tr td p.noday {background: #30386c;}

.time dl{font-size: 1.3em;line-height: 1.6em;margin: 40px 0;background: #fff;padding: 60px 0;color: #222;font-weight: 600;}
.time dl dt{width: 104px;display:inline-block;text-align: justify;-moz-text-align-last: justify;-webkit-text-align-last: justify;text-align-last: justify;margin-right: 20px;padding-left: 0px;font-weight: 600;}
.time dl dt:after {content:''}
.time dl dd{display: inline-block;width: 330px;text-align: left;}
.time dl dd.last {width: 457px;}
.time dl dd span {font-size:.7em}
.time dl dd:before {margin-right: 10px;}



.introduce .step3{overflow: hidden;}
#sub.introduce .step3 .blue h4{margin:0 }
.introduce .step3 > div > div + div {background: #fff;text-align: center;padding: 30px;margin-top: 60px;border-radius: 30px;}
.introduce .step3 ul {margin: 30px 0 0 0;}
.introduce .step3 ul li {float: left;width: 50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 60px;text-align: left;}
.introduce .step3 ul li:last-child {border-left: 1px dashed #a6bad8;}
.introduce .step3 ul li > h4 { color: #7e6640; font-weight:400; font-size:40px; }
.introduce .step3 ul li > h6 {font-size:  24px;line-height: 1.4;margin-bottom: 20px;}
.introduce .step3 ul li > h6 > em{color:#758d40}
.introduce .step3 ul li > h6 > span {color: #5b7ca6;}
.introduce .step3 ul li > h6 > p {display:inline;letter-spacing: -1px;}
.introduce .step3 ul li > dl {line-height: 1.7;}
.introduce .step3 ul li > dl > dt {float:left;font-weight: 400;margin-right: 10px;}
.introduce .step3 ul li > dl > dd {letter-spacing: -0.2px;}
.introduce .step3 ul li img {margin-top:30px}
.introduce .step3 ul li div {font-size: 17px;}
.introduce .step3 #map2 {width: 100%; height: 600px;border: 1px solid #d3d3d3;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin-top: 40px}

#map {border:1px solid #d3d3d3;margin-top: 10px;width: 684px;height: 435px;margin-bottom: 10px;}
.map_name {background: #423c38;width: 150px;font-weight: 400;color: #fff;}
.map_name::after {border: 10px solid transparent;border-top-color: #423c38;content:'';position: absolute;margin: 28px 0 0 -70px;}

/* photo */
.photo {margin-top: 60px;}
.photo .sum {max-width:1200px;margin-top: 20px;}
.photo .sum > ul {/* margin-left: -10px; *//* margin-top: 10px; *//* overflow: hidden; */display: flex;gap: 10px 0;flex-wrap: wrap;margin-left: -10px;}
.photo .sum > ul > li {/* float: left; */width: calc(12.5% );/* padding-left: 10px; */-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;line-height: 0;/* margin-bottom: 10px; */padding-left: 10px;}
.photo .owl-carousel .owl-item {/* height: 800px; */}

.photo .owl-carousel .owl-nav {position: absolute;top: 30%;width:  100%;font-size:200px;color: #5b7ca6;}
.photo .owl-carousel .owl-nav > button {position:absolute;background: none;font-family: 'Montserrat', sans-serif;}
.photo .owl-carousel .owl-nav .owl-prev {left:  50%; margin-left:-700px; }
.photo .owl-carousel .owl-nav .owl-next {right:  50%; margin-right:-700px;}
.photo  .owl-dots {display: none;}

@media screen and (max-width:  767px) {
  .photo {margin-top:30px}
  .photo .owl-carousel .owl-item {height: auto;}
  .photo .sum > ul {margin-left: -5px;margin-top: 0;gap: 5px 0;}
  .photo .sum > ul > li {padding-left: 5px;width: 25%;}


  .introduce .step0 ul{margin-top: 15px;margin-left:-10px;}
  .introduce .step0 ul li{width:50%;padding-left:10px;margin-top: 10px;}
  .introduce .step0 ul li p{padding: 10px;line-height: 1.3em;}
  .introduce .step0 ul li p b em{font-size:16px}

  .introduce .doctor_intu{background-position: 38% 0px;}
  .introduce .doctor_intu .sub_tit{margin-bottom: 15px;}
  .introduce .doctor_intu .sub_tit h1{margin-bottom:15px;}
  .introduce .doctor_intu .sub_tit h2{margin-top: 15px;font-size: 1.3em;line-height: 1.2em;}
  .introduce .doctor_intu .sub_tit::before{margin-right:0}
  .introduce .doctor_intu .sub_tit h2:before, .introduce .doctor_intu .sub_tit h2:after{display: none;}
   #sub.introduce .doctor_intu > div > h3{margin-bottom:10px;line-height: 1.2;font-size: 1.2em;}
  .introduce .doctor_intu > div > p{margin-bottom:10px;margin-left: 100p;}
  .introduce .doctor_intu > div > p br {display:none;}
  #sub.introduce .doctor_intu > div > h5{font-size:1.2em;}
  #sub.introduce .doctor_intu > div > h5 a {margin-right: 0;}

  .introduce .step1 div.doctor{text-align: center;}
  #sub .step1 div.doctor h4 {margin-top: 0;}
  .introduce .step1 div.doctor li{margin-bottom:3px;}
  .introduce .step1 h3 b{padding-top: 20px;font-size: 1.5em;margin-bottom: 15px;}

  #time table{margin-top: 40px;margin-bottom: 10px;}
  #time table tr td{font-size:12px;line-height: 1.2;}
  #time table tr th span{font-size: 10px;width: 22px;padding:5px;border-radius:3px;margin-top: -5px;right: -16px;}
  #time table tr th span em{margin-top: 5px;height: 17px;margin-left: -.5px;}
  #time table tr th:nth-child(1) span {}
  #time table tr th:nth-child(1) span em {height:88px}
  #time table tr td p{height:30px;line-height:30px;margin: 5px -1px;text-align:center;font-size: 12px;}



  .introduce .step2 >div > p{margin-top: 14px;padding: 0 5px;letter-spacing: -.3px;}

  .introduce .step3 > div > div + div{margin-top:30px;padding:10px; border-radius:10px}
  .introduce .step3 ul{margin-top: 0;}
  .introduce .step3 ul li{width:100%;padding:0;margin-top: 10px;}
  .introduce .step3 ul li:last-child{border:0;}
  .introduce .step3 ul li > h6{font-size: 1.2em;margin-top: 10px;margin-bottom: 0;}
  .introduce .step3 #map2 {height:200px; margin-top:20px;}
   #sub.introduce .step3 h4 {display: block;}

  .map_name{line-height: 1.8em;}
  .map_name::after {margin: 22px 0 0 -57px;}

}



/* ///////////////////////////////////////  backbone  ///////////////////////////////////////  */

.backbone #step1 ul.four{margin-left: -30px; text-align: center; overflow: hidden;}
.backbone #step1 ul.four li{padding-left: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.backbone #step1 ul.four li div img{border:1px solid #ccc; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.backbone #step1 ul.four li:after {content: '\e823';font-family: "mdwell";position:absolute;left: 8px;top: 33%;font-size: 2em;color: #5a8a85;}
.backbone #step1 ul.four li:first-child:after {display:none;}

.backbone #step1 ul.check_list{background: #5a8a85;float: right;width: 61%;color:#fff;margin-left: 0;padding-bottom: 15px;margin-bottom: 30px;}
.backbone #step1 ul.check_list li:before{margin-left: 15px;color:#fff;position: relative;}

.backbone ul.three {margin-left: -30px; text-align: center; overflow: hidden; margin-top: 30px;}
.backbone ul.three li{padding-left: 30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.backbone ul.three li > div {background: #fff;border:1px solid #ccc;padding-bottom: 20px;}
.backbone ul.three li > div p{text-align: center;}


.backbone #step3 .dl_wrap dl dt{font-size: 2.2em;}
.backbone #step3 .dl_wrap dl:first-child dt, .backbone #step3 .dl_wrap dl:nth-child(2) dt {margin-top: 14px;}


.backbone ul.two {margin-left: -30px; overflow: hidden; margin-top: 30px;}
.backbone ul.two > li{padding-left: 30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.backbone ul.two li > div {background: #fff;border:1px solid #ccc;padding-bottom: 20px;height: 626px;}
.backbone ul.two li > div h5 {text-align: center; margin-top: 10px;}
.backbone ul.two li ul.check_list {margin: 0 50px;}


.backbone #step4 .img_left ul.check_list {background: #625750;float: right;width: 55%;margin-left: auto;padding-bottom: 15px;margin-bottom: 30px; color:#fff}
.backbone #step4 .img_left ul.check_list li{margin-left:50px}
.backbone #step4 .img_left ul.check_list li:before{margin-left:-30px;color: #fff;}


@media screen and (max-width:  767px) {

  .backbone #step1 ul.four li {width:50% !important;}
  .backbone #step1 ul.four li:after{left: 10px;top: 30%;}
  .backbone #step1 ul.four li:nth-child(3){float:right; padding-top:30px; }
  .backbone #step1 ul.four li:nth-child(4){padding-top:30px;}
  .backbone #step1 ul.four li:nth-child(3):after{top: -5px;left:53%;content:'\e826';}
  .backbone #step1 ul.four li:nth-child(4):after{left:auto;right: -19px;content:'\e824';top: 38%;}

  .backbone #step1 ul.check_list{float:none;width:100%;padding-bottom: 8px;margin-bottom: 0;}

  .backbone ul.three li {width:100% !important; margin-bottom:15px}
  .backbone ul.three li > div{padding-bottom:10px;}
  .backbone #step3 .dl_wrap dl dt{font-size: 2em;padding: 0 15px;}
  .backbone #step3 .dl_wrap dl:first-child dt, .backbone #step3 .dl_wrap dl:nth-child(2) dt {margin-top:10px}

  .backbone ul.two{margin-left:-25px}
  .backbone ul.two li ul.check_list{margin:0 15px;/* margin-left: 35px; */}
  .backbone ul.two > li{width:100% !important;/* padding-left: 15px; */}
  .backbone ul.two li > div{height:auto;margin-bottom:15px;padding-bottom: 15px;}
  .backbone ul.two li > div h5 {margin-top:5px}

  .backbone #step4 .img_left ul.check_list{float:none;width:100%;margin-bottom: 10px;padding-bottom: 8px;}
  .backbone #step4 .img_left ul.check_list li:before{position:relative;margin-left: 15px;}
}

/* ///////////////////////////////////////  ort  ///////////////////////////////////////  */

@media screen and (max-width:  767px) {

}


/* ///////////////////////////////////////  disease  ///////////////////////////////////////  */



@media screen and (max-width:  767px) {
}


/* ///////////////////////////////////////  medicine  ///////////////////////////////////////  */
/* .medicine .step {overflow: hidden;} */
.circle_list {text-align: center;}
.circle_list li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: inline-block;float: none !important;max-width: 24%;}
.circle_list li > img {border:1px solid #ccc;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom:0;border-radius: 300px;max-width: 263px;}
.circle_list li h5 {padding-top: 10px;font-size: 20px !important;margin-bottom: 30px;}
.circle_list.five {overflow:hidden; margin-left:-20px;}
.circle_list.five li {display:block;float:left !important; padding-left:20px;}
.circle_list.five li img {width:100%;}


.medicine #step3 ul.five {text-align: center;margin-left: -30px;overflow: hidden;}
.medicine #step3 ul.five li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 30px;}
.medicine #step3 ul.five li img {border-radius: 50%;}
.medicine #step3 ul.five li h5 {font-size: 1.2em;margin-top: .2em;}
@media screen and (max-width:  767px) {


  .medicine #step2 ul.five li , .medicine #step2 ul li{width:100% !important; margin-bottom:15px;}
  .medicine #step2 ul li > img, .medicine #step2 ul.two li img{width:100%; float:none;}
  .medicine #step2 ul.five li h5{font-size:1.4em; }
  .medicine #step2 ul.two{margin-top:0;}
  .medicine #step2 ul.two li > div h5{text-align:center; font-size:1.4em; margin:0; padding-top:10px; }
  .medicine #step2 ul.two li > div p{margin:0 15px 15px; line-height:1.3; text-align:center;}

  .medicine #step3 .dot_tit {font-size:1.2em;}
  .medicine #step3 .m_t_80 {/* margin-top:20px !important; */}

  .medicine #step3 ul.five{text-align:center;margin-left: -10px;}
  .medicine #step3 ul.five li{width: 49% !important;display:inline-block;float:none;padding-left: 10px;margin-bottom: 20px;}

  .circle_list li img{max-width:100%;}
  .circle_list li h5{font-size: 1.1em !important;margin-bottom: 0;padding-top: 0;}
  .circle_list.four{margin-left:-10px;}
  .circle_list.four li {width:50% !important;max-width: 49%;padding-left: 10px;margin-bottom: 20px;}
  .circle_list.five{margin-left:-10px;}
  .circle_list.five li {display:inline-block;padding-left: 10px;width: 49% !important;max-width: 100%;float: none !important;margin-bottom: 20px;}



}

/*팝업*/
.popup{position:absolute; z-index:90; }
.popup .pop_btn{background:#000; color:#fff; text-align:right; padding:5px 15px; }
.popup .pop_btn a{color:#fff; padding:0 10px;}
.popup .pop_btn input[type=checkbox]{display: inline-block; width: 13px; height: 13px; background: #fff;}
.popup .pop_btn input[type="checkbox" i] { background-color: initial; cursor: default; -webkit-appearance: checkbox;  box-sizing: border-box; margin: 3px 3px 3px 4px;  padding: initial; border: initial; }