@charset "UTF-8";

.main .section2 .inner .reservation .call_box .text .call_number{line-height: 1;}
.main .section2 .inner .reservation .call_box .text .txt p{line-height:1.2}

.main .section2 .inner .lists ul li{ width:calc(100% / 4); }
.main .section2 .inner .lists ul li:after{display:none}
.main .section2 .inner .lists ul li .img{height: 56px; width:62px}
.main .section2 .inner .lists ul li:nth-child(1) .img{background: url(/template/centerC/images/main/sec2_list10.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(2) .img{background: url(/template/centerC/images/main/sec2_list11.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(3) .img{background: url(/template/centerC/images/main/sec2_list12.png) center no-repeat;}
.main .section2 .inner .lists ul li:nth-child(4) .img{background: url(/template/centerC/images/main/sec2_list13.png) center no-repeat;}

/* 로봇수술적용질환*/
.main .section3 .center_box .robot_lists li{min-height: 264px;}
.main .section3 .center_box .robot_lists li .wrap a .img{width: 176px; height: 169px; margin:0 auto}
.main .section3 .center_box .robot_lists li:nth-child(1) a .img{ background: url(/template/centerC/images/main/r_sec3_01.png) center no-repeat;}
.main .section3 .center_box .robot_lists li:nth-child(2) a .img{ background: url(/template/centerC/images/main/r_sec3_02.png) center no-repeat;}
.main .section3 .center_box .robot_lists li:nth-child(3) a .img{ background: url(/template/centerC/images/main/r_sec3_03.png) center no-repeat;}
.main .section3 .center_box .robot_lists li:nth-child(4) a .img{ background: url(/template/centerC/images/main/r_sec3_04.png) center no-repeat;}

.main .section4 .inner .content_wrap .tit{/* margin-right: 230px; */}
.main .section4 .inner .content_wrap .nur_lists{/* max-width: 255px; *//* width:100%; *//* position:absolute; *//* right:0; *//* top:0; */}
.main .section4 .inner .content_wrap .nur_lists li{display:inline-block; float:left; position:relative}

.main .section4 .inner .content_wrap .nur_lists li a{ position:relative; padding: 0 26px; margin-right: 26px; line-height: 35px;}
.main .section4 .inner .content_wrap .nur_lists li:last-child a{margin-right: 0;}
.main .section4 .inner .content_wrap .nur_lists li a span{font-size: 20px; font-weight: bold; color:#2a2e35}
.main .section4 .inner .content_wrap .nur_lists li a:before{ display:inline-block;content:''; position:absolute; width:7px; height:7px; background-color:#c3c3c3; border-radius: 50%;left:0; top:50%; transform: translateY(-50%);}

.main .section4 .inner .content_wrap .nur_lists li a.active:before{background-color:#006940; }
.main .section4 .inner .content_wrap .nur_lists li a.active span{color:#006940}

.main .section3 .center_box .slick_dots_wrap,
.main .section3 .center_box .arrow{display:none}

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

  .main .section2 .inner .reservation .call_box{left:0; width:auto; padding-bottom: 28px; padding-top: 8px; border-bottom:1px solid #ddd}
  .main .section2 .inner .reservation .call_box .text{padding-top: 5px;}
  .main .section2 .inner .reservation .call_box .text .call_number{display: inline-block; position:relative; margin-right: 11px;   }
  .main .section2 .inner .reservation .call_box .text .call_number:after{content:''; display:inline-block; width: 1px; height: 20px; background-color:#c3c3c3; position:relative; top:4px; margin-left: 16px; }
  .main .section2 .inner .reservation .call_box .text .txt{margin-top: 0;}
  .main .section2 .inner .reservation .call_box .text .txt p{display: inline-block; margin-right: 5px;}

  .main .section2{padding:0}
  .main .section2 .inner .lists{max-width:100%}
  .main .section2 .inner .lists ul li{width: 25%;}
  .main .section2 .inner .reservation .tit_box{margin-right: 0;}


}

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

  .main .section1{height: 500px;overflow: hidden;margin-bottom: 50px;}
  .main .section2 .inner .reservation{margin-top: 20px ;}
  .main .section4 .inner .content_wrap .nur_lists{/* position:relative */}
  .main .section4 .inner .content_wrap .nur_lists:after{content:''; display:block; clear:both}

  .main .section3 .center_box .robot_lists li{width:50%}
}

@media screen and (max-width:767px) {
  .main .section2 .inner .lists{padding-bottom:25px;}
  .main .section1{height:300px;}
  .main .section2 .inner .lists ul li{width:calc(50% - 4px);/* padding: 19px 0 20px; *//* border-bottom: 1px solid #ddd; */}
  .main .section2 .inner .lists ul li:after{display: none;right:-4px}
  .main .section2 .inner .lists ul li .img{/* margin-top: -33px; */}
  .main .section2 .inner .lists ul li:nth-child(4) .img{/* margin-top: -29px; */}




  .main .section4 .inner .content_wrap .nur_lists{/* max-width:100%; */}
  .main .section4 .inner .content_wrap .nur_lists li{width:100%}
  .main .section4 .inner .content_wrap .nur_lists li a{text-align: left; padding-left: 0;}
  .main .section4 .inner .content_wrap .nur_lists li.active a:before{display:none}

}

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

  .main .section2 .inner .lists ul li{/* padding-top: 17px; */}
  .main .section2 .inner .lists ul li .img{/* height:66px; *//* background-position: center center; */}
}

@media screen and (max-width:500px) {
  .main .section3 .center_box .robot_lists li .wrap a .img{width:100%;height: 60px;margin-bottom: 7px;}
  .main .section3 .center_box .robot_lists li .wrap{padding:7px;}
  .main .section3 .center_box .robot_lists li{/* width:100% */min-height: 170px;}
  .main .section2 .inner .reservation .call_box{padding-left: 0;}
  .main .section2 .inner .reservation .call_box .img{display:none}
  .main .section2 .inner .reservation .call_box .text .call_number{font-size: 17px; letter-spacing: -1px; padding-left: 12px;}
  .main .section2 .inner .reservation .call_box .text .call_number:after{width:6px; height:6px; background-color:#006940; position:absolute; left:0; top:3px; margin-left: 0; border-radius: 50%;}
  .main .section2 .inner .reservation .call_box .text .txt{margin-top: 3px;padding-left: 13px;display: inline-block !important;}
  .main .section2 .inner .lists ul li .text b{/* margin-top: 18px; *//* font-size: 16px; */}

}

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

  .main .section2 .inner .lists ul li{/* width:100% */}
  .main .section2 .inner .lists ul li .text b{/* font-size: 18px; *//* margin-top: 11px; */}

}


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

  .main .section2 .inner .lists ul li .text b{/* font-size: 15px; */}
  .main .section2 .inner .reservation .call_box .text .call_number{/* display: block; */}

}




/* 2022-03-11 수정
.main .section1 .inner .inner_wrap {height: 100%;padding: 118px 0 78px;background: url(/images/robot/main/sec1_bg.png) top no-repeat;background-size: cover;border-bottom-right-radius: 50px;}
*/
.main .section1 .inner .inner_wrap {height: 100%;padding: 20px 42px 78px;background: url(/images/robot/main/sec1_bg.png) top no-repeat;background-size: cover;border-bottom-right-radius: 50px;}

.main .section1 .inner .inner_wrap .content_wrap{max-width:none;padding: 0 32px;z-index:10;}


@media screen and (max-width: 1550px) {
  .main .section1 .inner{padding:0}
  .main .section1 {background: url(/images/robot/main/sec1_bg.png) top no-repeat;background-size: cover;}
  .main .section1 .inner .inner_wrap {background:none;}
}



@media (max-width:1370px) {
  .main .section2 .inner .reservation .call_box .text .txt {display:block;}
}

@media (max-width:1024px) {
  .main .section1 .left h2{margin-top:0px}
}


@media (max-width:768px) {
  .main .section2 .inner .reservation .call_box {padding-top:0px;padding-left:50px;}
}

@media (max-width:767px) {
  .main .section1 {margin-top:0px;}
}

@media (max-width:601px) {

}

@media (max-width:501px) {
  .main .section2 .inner .reservation .call_box {padding-left:0px;}
}

.main .section2 .inner .reservation .tit_box span {font-weight:500}

#gnb_layout .depth1_ul>li>a {padding:0 15px;}
#gnb_layout.open #gnb {min-height: 85px;}


/* 0126 */
@media (min-width:1371px) {
  .main .section2 .inner .lists {padding-top:0px;}
  .main .section2 .inner .reservation .call_box .text {padding-top:10px;padding-left:10px}
}

@media (max-width:1370px) {
  .main .section2 .inner .reservation .call_box .text {padding-top:0px;width: 100%;}
}

@media (max-width:516px) and (min-width:482px) {
  .main .section2 .inner .lists ul li:after {right:-15px}
}