﻿@charset "utf-8";
.img_center{text-align: center;}
.m_t15{margin-top: 15px;}
.m_t30{margin-top: 30px;}
.p_10{padding: 0 10px;}
.p_t30{padding-top: 30px;}
.tabSet{margin: 30px 29px}
.tabSet>ul{overflow: hidden;}
.tabSet>ul li{float: left; width: 33.33%; background: #cecdce; height: 40px; line-height: 40px;}
.tabSet>ul li a{display: block; color: #ffffff; text-align: center;}
.tabSet>ul li a.on{display: block; background: #cbade3; color: #ffffff;}
.panels{border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center;}

.go_menu{margin: 30px 10px;}
.go_menu ul{width: 100%; overflow: hidden; background: #f6f6f6; display: table;}
.go_menu ul li{width: 50%; float: left;}
.go_menu ul li a{display: block;  width: 50%; display: table-cell; vertical-align: middle; text-align: center; line-height: 20px; font-size: 15px; letter-spacing: -1px; height: 70px;}
.go_menu ul li a span{display: block; padding: 5px;}
.go_menu ul li:nth-child(1) a {border-right: 1px solid #ffffff;}
.go_menu ul li:nth-child(2) a {border-left: 1px solid #ffffff;}


.go_menu.menu_3 ul li{width: 33.33%;}
.go_menu.menu_3 ul li a{display: block; width: 33.33%; display: table-cell; vertical-align: middle; text-align: center; line-height: 20px; font-size: 15px; letter-spacing: -1px; height: 70px;}
.go_menu ul li:nth-child(1) a {border-right: 0;}
.go_menu ul li:nth-child(2) a {border-right: 1px solid #ffffff;border-left: 1px solid #ffffff;}

.go_menu{margin: 30px 10px;}
.go_menu.menu_2 ul{width: 100%; overflow: hidden; background: #f6f6f6;}
.go_menu.menu_2 ul li{width: 50%; float: left;}
.go_menu.menu_2 ul li a{display: block;  width: 100%; text-align: center; line-height: 70px; font-size: 15px; letter-spacing: -1px; height: 70px;}
.go_menu.menu_2 ul li a span{display: block; padding: 0;}
.go_menu.menu_2 ul li:nth-child(1) a {border-right: 1px solid #ffffff;}
.go_menu.menu_2 ul li:nth-child(2) a {border-left: 1px solid #ffffff;}

.textarea{height: 70px; font-size: 10px;}

.m_login .login_input{width: 95%; height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 15px;}
.m_login .btnB{width: 100%; height: 50px; line-height: 50px; background: #61c5b9; color: #ffffff; font-size: 15px;}
.m_login .login_txt{font-size: 14px;}
::-webkit-input-placeholder {color: #e0e0e0; font-size: 15px;}
:-moz-placeholder {color: #e0e0e0; font-size: 18px; opacity: 1;}
::-moz-placeholder {color: #e0e0e0; font-size: 18px; opacity: 1;}
:-ms-input-placeholder {color: #e0e0e0; font-size: 18px;}

.textarea_01 textarea{height: 300px; width: 100%; font-size: 10px;}

/* 로그인 회원가입 */
.member_btn{width: 100%;}
.member_btn dl{overflow: hidden; margin-top: 20px;}
.member_btn dt{float: left; width: 70%; font-size: 14px;}
.member_btn dd{float: left; width: 30%;}
.member_btn dd a{display: block; background: #efefef; height: 35px; line-height: 35px; text-align:  center; font-size: 14px; box-sizing: border-box; border: 1px solid #cccccc; color: #666666;}
.agree01 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree01 .text{width: 98%; height: 200px; padding: 5px; border: 1px solid #dddddd; font-size: 13px; background: #f4f4f4; line-height: 23px;}
.agree01 .checkbox{text-align: right; margin-top: 5px; font-size: 13px; }
.agree01 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0; }
.agree01 .agree_btn{margin-top: 15px;}
.agree01 .agree_btn ul{overflow: hidden;}
.agree01 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree01 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree01 .agree_btn ul li:nth-child(2) a{background: #61c5b9; color: #ffffff;}
.agree02 h2{font-size: 20px; margin-bottom: 5px; color: #555555;}
.agree02 input{border: 1px solid #dddddd; width: 40%; height: 25px; line-height: 25px; padding-left: 5px;}
.agree02 form>div{padding: 10px 0 10px 5px;}
.agree02 span{display: inline-block; width: 30%; font-size: 14px;}
.agree02 span.point{color: #ff0000; display: inline;}
.agree02 .line{display: block; width: 100%; height: 1px; border: 1px dotted #dddddd; margin: 10px 0 0 0; }
.agree02 .id a{display: inlin-block; font-size: 12px; padding: 6px 10px; background: #aaaaaa; margin-left: 10px; color: #ffffff;}
.agree02 .phone01 input{width: 15%;}
.agree02 .phone02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .email02 input{width: 15%; height: 13px; margin: 0 5px 0 10px;}
.agree02 .agree_btn{margin-top: 15px;}
.agree02 .agree_btn ul{overflow: hidden;}
.agree02 .agree_btn ul li{float: left;width: 48%; margin: 1%;}
.agree02 .agree_btn ul li a{background: #dddddd; display: block; width: 100%; height: 35px; line-height: 35px; text-align: center;}
.agree02 .bg{background: #f8f8f8;}

.join_ok{background: #f4f4f4; padding: 50px;}
.join_ok>div{width: 200px; margin: 0 auto;}
.join_ok>div>img{width: 100%;}
.join_ok h3{font-size: 17px; text-align: center; margin-top: 10px;}
.join_ok .main_go a{display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; margin: 0 auto; background: #333333; color: #ffffff; margin-top: 10px;}

/* 게시판 */
.view_wrap .view ul{overflow: hidden;}
.view_wrap .view ul li{float: left; width: 50%;}
.view_wrap .view ul li a{display: block; padding: 5px; margin: 10px; border: 1px solid #dddddd; background: #fbfbfb;}
.view_wrap .view ul li a span{display: block;}
.view_wrap .view ul li a span.img{height:170px; text-align: center; margin-bottom: 5px; overflow: hidden;}
.view_wrap .view ul li a span.text{border-top: 1px solid #dddddd;background: #ffffff; font-size: 13px; padding: 10px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* 의료진소개팝업 */
.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%;}

/* 병원둘러보기 */
.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%;
}

