@charset "UTF-8";

/* s0201 로봇수술이란? */
.robot_intro{text-align: center;margin-top:120px;}
/*.robot_intro .title{position: relative;padding-top:75px;}*/
.robot_intro .title::before{display: none; content: "";position: absolute;left:50%;top:0;transform: translateX(-50%);background: url(/images/robot/sub02/sub0201_mark.png);width:80px;height:40px;}
.robot_intro .title strong{position: relative;display: inline-block;color:#3a3a3a;font-size:38px;line-height: 1.26;font-weight:bold;letter-spacing: -0.025em;font-family: 'gmarket';background: linear-gradient(to top, rgba(35,165,84,0.2) 50%, transparent 50%);padding:0 11px;}
.robot_intro .title p{max-width: 1250px;margin:35px auto 0;color:#444;font-size:18px;letter-spacing: -0.025em;line-height: 1.3;}

.robot_intro .list{padding:0 28px;overflow: hidden;margin-left:-42px;margin-top:60px;}
.robot_intro .list .item{border:1px solid #197863;display: inline-block;margin-left:42px;margin-bottom:30px;width:calc(33.33% - 46px);min-height:412px;box-shadow: 0px 13px 20px 0px rgba(204, 217, 213, 0.5);vertical-align: top;}
.robot_intro .list .item .inner{padding:75px 22px 30px;}
.robot_intro .list .item .inner strong{color:#006940;font-size:24px;font-weight:bold;letter-spacing: -0.025em;line-height: 1.5;font-family: 'gmarket';}

.robot_intro .list .item.bg01{background: url(/images/robot/sub02/robot_introbg01.png) no-repeat center bottom / 100%;border-radius: 50px 0 0 0;}
.robot_intro .list .item.bg02{background: url(/images/robot/sub02/robot_introbg02.png) no-repeat center bottom / 100%;border-radius: 0 0 50px 0;}
.robot_intro .list .item.bg03{background: url(/images/robot/sub02/robot_introbg03.png) no-repeat center bottom / 100%;border-radius: 0 50px 0 0;}

@media(max-width:1199px){
	.robot_intro .list .item{width:calc(50% - 45px);}
}
@media(max-width:820px){
	.robot_intro .list{margin-left:0;padding:0;}
	.robot_intro .list .item{display:block;margin-left:0;width:100%;}
}
/* s0201 로봇수술이란? End */

/* s0202 로봇수술 시스템 소개 */
.s0202 .detail-wrap {padding-top: 70px;}
.s0202 .detail-wrap .detail-topbox {display: flex; position: relative; margin-bottom: 70px; align-items: center; padding-left: 85px; padding-bottom: 20px; border-radius: 0 50px 0 0; background-color: #eef3f1;}
.s0202 .detail-wrap .detail-topbox:before {content: ""; display: block; position: absolute; right: 0; bottom:0; width: 486px; height: 274px; background: url(/images/main/sub01/ky_bg.png) no-repeat;}
.s0202 .detail-wrap .detail-topbox .topbox-img {position: relative; top: -70px; overflow: hidden; flex-basis: 538px; max-width: 538px; border-radius: 0 0 0 50px; box-shadow: 0px 10px 20px rgba(5,55,47,0.2);}
.s0202 .detail-wrap .detail-topbox .topbox-img img {display: block;}
.s0202 .detail-wrap .detail-topbox .topbox-text {position: relative; flex-grow: 1; max-width: 100%; padding-left: 90px;}
.s0202 .detail-wrap .detail-topbox .topbox-text strong {display: block; font-family: 'gmarket'; font-size: 41px; font-weight: bold; color: #05372f;}
.s0202 .detail-wrap .detail-topbox .topbox-text em {display: block; padding-bottom: 15px; font-size: 19px; font-weight: 300; color: #477a74;}

.s0202 .bodo-h{margin-top:65px;}
.s0202 .bodo-h .row1 { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ddd;}
.s0202 .bodo-h .row1:last-child {border:none;padding-bottom:0;margin-bottom:0;}
.s0202 .bodo-h .row1 .h_imgbox{width: 317px;height:238px;border:1px solid #c5d3cd;position: relative;}
.s0202 .bodo-h .row1 .h_imgbox img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: auto;}
.s0202 .bodo-h .row1 .h_txt{width:calc(100% - 317px - 5%);padding-top:45px;}

/* sub01_0802 다빈치 Xi */
.s010802 .item-list {display: flex; flex-wrap: wrap; margin: 0 -18px;}
.s010802 .item-list .item {flex: 0 0 calc(33.3333% - 36px); max-width: calc(33.3333% - 36px); margin: 18px; border: 1px solid #c5d3cd; background-color: #eef3f1;}
.s010802 .item-list .item .item-img img {display: block; width: 100%;}
.s010802 .item-list .item .item-text {padding: 25px 60px; text-align: center;}
.s010802 .item-list .item .item-text strong {display: block; padding-right: 8px; font-size: 18px; font-weight: bold; color: #333;}
.s010802 .item-list .item .item-text p {color: #717171;}
@media (max-width:991px) {
    .s010802 .item-list .item  {flex-basis: calc(50% - 36px); max-width: calc(50% - 36px);}
  }
  @media (max-width:620px) {
    .s010802 .item-list .item  {flex-basis: calc(100% - 36px); max-width: calc(100% - 36px);}
  }
/* sub01_0802 다빈치 Xi End */

@media (max-width:1240px) {
    .s0202 .detail-wrap .detail-topbox {padding: 0 30px 20px;}
    .s0202 .detail-wrap .detail-topbox:before {width: 270px; height: 152px; background-size: cover;}
    .s0202 .detail-wrap .detail-topbox .topbox-text {padding-left: 40px;}
}
@media (max-width:920px) {
    .s0202 .detail-wrap .detail-topbox {flex-direction: column; padding-bottom: 80px;}
    .s0202 .detail-wrap .detail-topbox .topbox-img {flex-basis: auto; max-width: 100%;}
    .s0202 .detail-wrap .detail-topbox .topbox-text {padding-left: 0; flex-grow: 0;}
}
@media(max-width:767px){
	.s0202 .bodo-h .row1 .h_imgbox{width: 100%;}
	.s0202  .bodo-h .row1 .h_txt{width:100%;padding-top:25px;}
}
/* s0202 로봇수술 시스템 소개 End */

/* box-list */
.box-list {margin: 0 -7px;}
.box-list:after {content: ""; display: block; clear: both;}
.box-list li {float: left; width: calc(25% - 14px); padding: 24px 0; margin: 0 7px 14px; border: 1px solid #ddd; text-align: center; border-radius: 5px; box-shadow: 3px 3px 5px rgba(185, 185, 185, 0.1);}
.box-list li span {display: block; font-weight: bold;}
@media (max-width:1024px) {
  .box-list li {width: calc(33.3333% - 14px);}
}
@media (max-width:767px) {
  .box-list li {width: calc(50% - 14px);}
  .kyuh_video{padding:30px 3.572%;}
}
@media (max-width:520px) {
  .box-list li {float: none; width: auto;}
}

.kyuh_video{border: 1px solid #ddd;padding:50px 3.572%;}
.kyuh_video .video{position:relative;padding-top:56.25%;width: 100%;height:auto;}
.kyuh_video .video iframe{position: absolute;left:0;top:0;width: 100%;height:100%;border:0;}