@charset 'utf-8';
.m_30_50{margin: 30px 0 50px 0;}
.m_b50{margin-bottom:50px;}
.p_10{padding: 10px;}
.drop_memu {
    background: #ff5e6f none repeat scroll 0 0;
    color: #ffffff;
    height: 50px;
    position: relative;
    width: 100%;
    z-index: 5;
}
.drop_memu .sub_gnb > li > a {
    background: rgba(0, 0, 0, 0) url(/home2/m/images/sub_menu_bg.png) no-repeat scroll right center;
	background-size: 50px;
    color: #ffffff;
    display: block;
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 50px;
    padding-left: 10px;
}
.drop_memu .sub_gnb.none > li > a{background: none;}
.drop_memu .sub_gnb > li > a span {
    background: rgba(0, 0, 0, 0) url(/home2/m/images/gnb_arr.png) no-repeat scroll center center;
    display: block;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease 0s, transform 0.4s ease 0s;
    width: 50px;
}
.drop_memu .sub_gnb > li > ul {
    display: none;
}
.drop_memu .sub_gnb > li > ul > li > a {
    background: #6b272e none repeat scroll 0 0;
    border-bottom: 1px solid #53151b;
    color: #ffffff;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
}
.rotate180_02 {
    transform: rotate(-180deg);
    transition: all 0.4s ease 0s, transform 0.4s ease 0s;
}

.textarea{height: 70px; font-size: 10px;}

/* 병원둘러보기 */
.bx_slide_wrap .bx-wrapper{border: 0; box-shadow: none; margin-bottom: 10px;}
.bx_slide_wrap #bx-pager{overflow: hidden;}
.bx_slide_wrap #bx-pager a{margin-bottom: 1%; float: left; width: 19%; margin-right: 1%;}
.bx_slide_wrap #bx-pager a.last{margin-right: 0;}

.m_map .root_daum_roughmap {
    width: 100%;
}

/* 의료진소개팝업 */
.img_center{text-align: center;}
.pop-layer1 .btn_wrap1,
.pop-layer2 .btn_wrap2{position: relative; left: 281px; top: -39px; width: 39px; height: 39px;}
.pop-layer1 .btn_wrap1 .btn-r,
.pop-layer2 .btn_wrap2 .btn-r{padding: 5px; background: #1f3d61;}
.pop-layer1,
.pop-layer2{display: none; position: absolute; top: 50%; left: 50%; width: 320px; z-index: 10; background: #ffffff;}
.dim-layer1,
.dim-layer2{display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer1 .dimBg1,
.dim-layer2 .dimBg2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer1 .pop-layer1,
.dim-layer2 .pop-layer2{display: block;}
a.btn-layerClose1,
a.btn-layerClose2{height: 29px; display: block;}
.pop_wrap{height: 350px; overflow-x:hidden; overflow-y: scroll; margin-top: -25px;}
.pop_wrap img{width: 100%;}

/* 전후사진 list */
.b_a_list .b_a_cat_wrap{margin-bottom: 20px;}
.b_a_list .b_a_cat_wrap ul{overflow: hidden;}
.b_a_list .b_a_cat_wrap ul li{float: left; width: 25%; height: 25px; line-height: 23px;}
.b_a_list .b_a_cat_wrap ul li a{display: block; float: left; background: #dcddde; text-align: center; width: 100%;  border: 1px solid #cccccc; font-family: 'Nanum Square'; font-size: 13px;}
.b_a_list .b_a_cat_wrap ul li:nth-child(2) a{width: 94%; margin: 0 2% 0 4%;}
.b_a_list .b_a_cat_wrap ul li:nth-child(3) a{width: 94%; margin: 0 4% 0 2%;}
.b_a_list .b_a_cat_wrap ul li a:hover,
.b_a_list .b_a_cat_wrap ul li a.on{background: #3a3a3a; border-color: #3a3a3a; color: #ffffff;}
.b_a_list table{width: 100%;}
.b_a_list table tr{border-bottom: 1px solid #f4f4f4;}
.b_a_list table th{font-weight: 500; color: #3a3a3a; font-size: 13px;}
.b_a_list table th,
.b_a_list table td{text-align: center; font-size: 13px;}
.b_a_list table th{background: #efefef; height: 30px; line-height: 30px;}
.b_a_list table td.title_wrap{padding-left: 10px;}
.b_a_list table td.title_wrap span{display: block; text-align: left; font-size: 11px; line-height: 15px; letter-spacing: -1px;}
.b_a_list .b_a_con_img_wrap a{display: block; position: relative; height: 150px;}
.b_a_list .b_a_con_img_wrap>a>span{position: absolute;}
.b_a_list .b_a_con_img_wrap>a>span>span{font-family: 'Nanum Square'; font-size: 11px; display: block; color: #a1a1a1; padding-top: 5px;}
.b_a_list .b_a_con_img_wrap>a>span.login_img{left: 50%; margin-left: -95px; z-index: 8; top: 50%; margin-top: -50px;}
.b_a_list .b_a_con_img_wrap>a>span.before{left: 50%; margin-left: -95px; z-index: 7; top: 50%; margin-top: -50px;}
.b_a_list .b_a_con_img_wrap>a>span.arrow{left: 50%; margin-left: -10px; z-index: 9; top: 50%; margin-top: -20px;}
.b_a_list .b_a_con_img_wrap>a>span.after{right: 50%; margin-right: -95px; z-index: 7; top: 50%; margin-top: -50px;}

.b_a_list .b_a_con_img_wrap>a>span.arrow img{height: 20px;}
.b_a_list .b_a_con_img_wrap>a>span.login_img img,
.b_a_list .b_a_con_img_wrap>a>span.before img,
.b_a_list .b_a_con_img_wrap>a>span.after img{height: 80px;}

/* 전후사진 view */
.b_a_view table{width: 100%;}
.b_a_view table tr.first{border-top: 3px solid #e2e2e2;}
.b_a_view table tr{border-bottom: 1px solid #e2e2e2;}
.b_a_view table tr.img{border-bottom: 0px; background: #fafafa;}
.b_a_view table tr.img td{padding-left: 0;}
.b_a_view table tr.text td{padding-left: 0; text-align: center;padding: 30px 0; font-size: 13px; color: #454545; line-height: 20px;}
.b_a_view table tr.btn{border-bottom: 0px;}
.b_a_view table tr.btn td{padding-left: 0; padding: 15px 0; text-align: right;}
.b_a_view table th{font-weight: 500; color: #6d6d6d; font-size: 13px;}
.b_a_view table td{text-align: left; padding-left: 20px; color: #6d6d6d; font-size: 13px;}
.b_a_view table th{background: #f5f5f5; height: 25px; line-height: 25px;}
.b_a_view .b_a_con_img_wrap{display: block; position: relative; height: 170px;}
.b_a_view .b_a_con_img_wrap>span{position: absolute;}
.b_a_view .b_a_con_img_wrap>span.before{left: 50%; margin-left: -150px; z-index: 7; top: 50%; margin-top: -57px;}
.b_a_view .b_a_con_img_wrap>span.arrow{left: 50%;margin-left: -10px; z-index: 8; top: 50%; margin-top: -10px;}
.b_a_view .b_a_con_img_wrap>span.after{right: 50%; margin-right: -150px; z-index: 7; top: 50%; margin-top: -57px;}

.b_a_view .b_a_con_img_wrap>span.arrow img{height: 20px;}
.b_a_view .b_a_con_img_wrap>span.login_img img,
.b_a_view .b_a_con_img_wrap>span.before img,
.b_a_view .b_a_con_img_wrap>span.after img{height: 125px;}