@charset "utf-8";
.fB {font-weight:bold;}

img {max-width: 100%;}

.sub_container {width:100%; height: 100%;overflow:hidden;position: relative;}
.sub_con {width:93.75%; height: 100%;margin:50px auto 0; overflow:hidden;position: relative;}
/* .sub_con img {width:100%;} */

.sub_container .sub_tit{position:relative; margin-bottom:30px; }

.sub_container table {width:100%;}
.sub_container table td {color:#515151; text-align:center; font-size:18px; border:1px solid #bcbcbc;}
.sub_container table td.blue {background:#d2ebf2;}
.sub_container table td.gray {background:#d3d4d8;}
.sub_container table td.gray2 {background:#f7f7f7;}
.sub_container .doctor{width:91.5%; margin:0 auto;}
.sub_container .doctor ul li {float:left; width: 46.6%;height: auto;overflow:hidden; margin-right:2%; margin-bottom:2%;padding: 18px 0;border: 1px solid #e3e3e3;border-radius: 4px;}
.sub_container .doctor ul li a.more {display:block; width:100%;  height: 100%;top: 0;left: 0;position:absolute; overflow:hidden;}
.sub_container .doctor ul li dl {width:83%; margin:0 auto; text-align:center; position:relative;}
.sub_container .doctor ul li dl dt {border:1px solid #e3e3e3; margin-bottom: 20px; position:relative;overflow: hidden;height: 299px;}
.sub_container .doctor ul li dl dd {color:#292b2e;}
.sub_container .doctor ul li dl dd p.gwa{font-size:20px;height: 25px;}
.sub_container .doctor ul li dl dd p.name{font-size:24px; font-weight:bold;}
.sub_container .doctor ul li dt > span{position:absolute;width:20%; bottom: 6px;right: 6px;}
.sub_container .doctor ul li dt > span img{width:100%;}
.sub_container .tab {width:100%; overflow:hidden;}
.sub_container .tab ul {width:100%;}
.sub_container .tab ul li {width: 49%; float:left; text-align:center; padding:24px 0; border:1px solid #d1d1d1; background:#f8f8f8;}
.sub_container .tab ul li.on {background:#ffffff; border-bottom:1px solid #fff;}
.sub_container .tab ul li a {display:block; font-size:28px; color:#333333;} 
.sub_container  .tab_box {position:relative; width: 100%;height: auto;  overflow: hidden;}
.sub_container  .tab_con {position: absolute; width: 100%;top:0; left:0; overflow:hidden; display: none;height: 100%;}
.sub_container .gallery_view img {width:100%; height:auto; background:#0d0; margin-bottom:0.625%;}
.sub_container .gallery li{float:left; width:19.5%; margin-right:0.625%; margin-bottom:0.625%;background:#000;}
.sub_container .gallery li a{display:block;}
.sub_container .gallery li img {width:100%;}

.popup {display:none; width:93.75%; height:100%; overflow:hidden; margin:0 auto; position: absolute; top:0; left: 50%;margin-left: -46.5%;z-index:5}
.popup ul {position:relative;display: none;}
.popup ul li {position:absolute; top:0; left: 0; width: 100%;}
.popup ul li img{width:100%;}
.popup map{position:relative; top:0; right:0;}

/* 정형외과 _ 팝업 */
.pop_bg {width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.7; display:none; z-index:9000;}
.pop_wrap {width: 92%; height: 80%; max-width: 640px;position: fixed; top: 15%;  left: 50%;display:none; z-index:9001; display:none; margin-top: 4%; margin-left: -47.5%;border:5px solid #023176; overflow-y:auto;}
.pop_wrap .popups {width: 100%; position:absolute; top:0; left:50%;  margin-left: -50.0%; display:none; /* padding:100px 0 30px; */}
/* .pop_wrap .popups.popup_01 {display:block;} */
.pop_wrap .popups .close_bn {display:block; width:45px; height:45px; position:fixed; right:50%; margin-right:-46.2%; z-index:9999999999 !important;}
.pop_wrap .popups .pop_area {width: 100%;  position:relative; background:#fff; overflow:hidden;}
.pop_wrap .popups .con_wrap {width: 86%; position:relative; overflow:hidden; padding:25px;}
.pop_wrap .popups .con_wrap .left_area {float:left; width: 30%; text-align:center;}
.pop_wrap .popups .con_wrap .left_area img {width:100%;}
.pop_wrap .popups .con_wrap .left_area a {display:inline-block; margin-top:17px;}
.pop_wrap .popups .con_wrap .right_area {width: 65%; float:right; position:relative;}
.pop_wrap .popups .con_wrap .right_area .rows {width:100%;}
.pop_wrap .popups .con_wrap .right_area .rows p.p_layer_title {font-size:15px; font-weight:800; color:#003c94; line-height:25px; /*height:40px;*/}
.pop_wrap .popups .con_wrap .right_area .rows ul {width:100%; padding-bottom:25px; border-bottom:1px dashed #bdbdbd; margin-bottom:20px; font-size:15px; line-height:20px; color:#333333;}
.pop_wrap .popups .con_wrap .right_area .rows ul li {padding-left:7px; background:url('/img/bb_pop_bullet_01.gif') 0 6px no-repeat; font-size:13px; color:#505050; line-height:20px;}
.pop_wrap .popups .con_wrap .right_area .rows.row_03 ul {border-bottom:0; margin-bottom:0;}


.pop_area .info_area  table {width:92.75%; border-collapse:collapse; border-top:3px solid #525254; margin:20px auto; position:relative;}
.pop_area .info_area  table tr {border-bottom:1px solid #d3d4d8;}
.pop_area .info_area  table thead tr {background:#f4f4f4;}
.pop_area .info_area  table thead tr th {border-left:1px solid #d3d4d8; font-size:15px; font-weight:bold; padding:8px 0; color:#333;}
.pop_area .info_area  table thead tr th.col_01 {border-left:0;}
.pop_area .info_area  table tbody tr td {border-left:1px solid #d3d4d8; text-align:center; padding:12px 0; font-size:14px; color:#666; line-height:18px; height:60px;}
.pop_area .info_area  table tbody tr td.col_01 {border-left:0; background:#fcfbfb; font-weight:bold;}
.pop_area .info_area  table tbody tr td.td_small { font-size:12px;}
.info_area .con_txt_dblue {color:#1e70eb;}
.left_area .gwa{font-size:20px;height: 25px; color:#292b2e;}
.left_area .name{font-size:24px; font-weight:bold; color:#292b2e}
.gallery_view {position:relative;}
.sub_container .gallery_view .sub_txt {position:absolute; bottom:0.5%;width:100%; text-align:center; background:#000; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;
 color:#fff}
/* 태블릿: 1024 이하 */
@media handheld, only screen and (max-width: 1023px) {

}
/* 스마트 폰: 767px 이하 */
@media handheld, only screen and (max-width: 767px) {

}
/* 스마트 폰: 480px 이하 */
@media handheld, only screen and (max-width: 480px) {
	.sub_container .tab ul li{padding:12px 0;}
	.sub_container .tab ul li a {font-size:14px;}
	.sub_container table td {font-size:12px;}
	.sub_container .doctor ul li dl dt {height: 148px;}
	.sub_container .doctor ul li dl dd p.gwa {font-size:10px; height:15px;}
	.sub_container .doctor ul li dl dd p.name{font-size:12px;}
	/*팝업*/
	.pop_wrap .popups .con_wrap .left_area{width: 98%;}
	.pop_wrap .popups .con_wrap .right_area{width: 98%;}
	.pop_wrap .popups .con_wrap .right_area .rows ul {width: 98%;}
}	



/* 아이폰 4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  
}

/* 20211111 css 추가 */
.robot .robot_tit{text-align:center; color:#333638; font-size:35px; line-height:100px;}
.robot .robot_tit p{font-weight: 900;}
.robot .sub_container .con_wrap .sub_con{min-height:0}

.robot .robot_con02 .txt{text-align:center;padding:40px 0;font-size:27px;color:#3b6fa7;font-weight: bold;}
.robot .robot_con02 .txt span{font-weight:900 ;}
.robot .robot_con02 .img_box{text-align:center}
.robot .robot_con02 .dsec{text-align:center;padding:40px 0;font-size:20px;color:#eb831e;font-weight: bold;}

.robot .robot_con03 .txt{padding-bottom:30px;}
.robot .robot_con03 .txt p{font-size:26px; padding:20px 0 20px 15px; color:#333638;font-weight: bold;box-sizing:border-box;position: relative;}
.robot .robot_con03 .txt p:after{content:''; position: absolute; width:8px; height:8px; left:0; top:35px; background-color:#1e70eb; border-radius:1px}
.robot .robot_con03 .txt span{font-size:24px; color:#666666;line-height:35px;}
.robot .robot_con03 .icon_box{padding:30px 0;}
.robot .robot_con03 .icon_box ul{width:100%;; margin:0 auto;font-size:0; letter-spacing:-4px;}
.robot .robot_con03 .icon_box ul li{display:inline-block;vertical-align:top;width:calc(25% - 90px);margin-right:90px;}
.robot .robot_con03 .icon_box ul li:last-child(margin-right:0)


.robot .robot_con04{font-size:0; letter-spacing:-4px}
.robot .robot_con04 .tit{display:block;height:60px;}
.robot .robot_con04 .tit ul{font-size:0; letter-spacing:-4px}
.robot .robot_con04 .tit ul li{width:560px; margin-right:60px; display:inline-block; vertical-align:top}
.robot .robot_con04 .tit ul li:last-child{margin-right:0}
.robot .robot_con04 .left .blue,
.robot .robot_con04 .right .blue{font-size:19px; padding:20px 0 20px 15px; color:#333638;font-weight: bold;box-sizing:border-box;position: relative;letter-spacing:-0.025em}
.robot .robot_con04 .left .blue:after,
.robot .robot_con04 .right .blue:after{content:''; position: absolute; width:8px; height:8px; left:0; top:30px; background-color:#1e70eb; border-radius:1px}
.robot .robot_con04 .left{margin-right:30px;}
.robot .robot_con04 .left,
.robot .robot_con04 .right{display:block;width:100%;}
.robot .robot_con04 .left .txt_box{color: #666666;font-size: 22px;line-height: 20px;padding-left: 30px;box-sizing:border-box;background:#f7f7f7;padding:40px;}
.robot .robot_con04 .left .txt_box span{color: #ffffff;font-size: 10px;background: #797979;width: 15px;height: 15px; padding: 3px; margin-right: 8px;font-weight: bold;}
.robot .robot_con04 .left .img_box{margin-top:15px;}
.robot .robot_con04 .left .img_box ul{font-size:0; letter-spacing:-4px}
.robot .robot_con04 .left .img_box ul li{width:280px; height:180px; margin-right:20px; display:inline-block; vertical-align:top}
.robot .robot_con04 .left .img_box ul li:last-child{margin-right:0;}

.robot .robot_con04 .right{}
.robot .robot_con04 .right .txt_box{padding:40px;background:#f7f7f7;font-size:18px; line-height:26px;color:#666666;}
.robot .robot_con04 .right .txt_box span{color:#efaa66;padding-right:10px;}