﻿@charset 'utf-8';
.cf::after {clear: both; content: ""; display: block;}
.m_50{margin: 50px 0;}
.m_t30{margin-top: 30px}
.m_b50{margin-bottom: 50px}
.p_30{padding: 0 30px;}
.pdb50{padding-bottom:50px !important;}
.pdb100{padding-bottom:100px !important;}
#nav{width:100%; height:40px; background:#464646;}
.p_loca{height:40px;}
.p_loca>li{float:left;width:50%; text-align:left;position:relative}
.p_loca>li>a{display:block;height:40px;line-height: 40px;color: #fff;font-size:15px;padding-left: 7px;background:url(/m/images/m_sub_icon.png) no-repeat right 10px center;background-size: auto 13px;font-weight: 300;}
.p_loca>li>a.over{line-height: 16px;}
.p_loca>li>a.nobg{background:0 !important}
.p_loca>li.mid{background: #417e06;}
.p_loca>li.dep3{background: #81b327;}
.p_loca > li > a.re_line_height {line-height: 18px;}
.p_loca>li.first{width:28px}
.p_loca>li.first a{padding:10px 0 10px 14px;background:url(/m/images/m_sub_icon.png) no-repeat left 11px; background-size: auto 31%}
.p_loca>li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:0;top:40px;width:100%;z-index:10;}
.loca1_menu.menu_01,
.loca1_menu.menu_02{
 background: rgba(129, 179, 39, 0.71);
 box-sizing: border-box;
 border-left: 1px solid #ededed;
 border-right: 1px solid #ededed;
 border-bottom: 1px solid #ededed;
 }
.loca1_menu li{text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{display: block;color: #fff;font-size:14px;padding:8px 0 8px 15px;font-weight: 400;}

/* 협력병원 */
.sub0105_ul{overflow: hidden;}
.sub0105_ul li{width:50%;float:left;}

/* 오시는길 맵 */
.root_daum_roughmap.root_daum_roughmap_landing {width: 96%;margin: 0 auto;}
.s_map{margin: auto 5%;}


/* 둘러보기 */
#wrap .inner{ padding: 0 5%;padding-top: 5%;}
#wrap .view{width:90%; margin: 0 auto;padding:0 5%;}
#wrap .view .slider-nav{margin-top: 50px;}
#wrap .view .slider-nav > div img{width: 90%;}
#wrap .view .slider-nav {padding-bottom: 50px; margin-top: 20px;}
#wrap .view .slick-prev{left: 0px; background: url(../images/view_left.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next{right: 0px; background: url(../images/view_right.png) no-repeat; z-index: 9999; width: 30px; height: 30px; background-size: 30px;}
#wrap .view .slick-next::before,.view .slick-prev::before {content: "";}

/* 비급여진료비안내 */
td,table { font-size: 12px; color: #847f74; line-height: 160%; font-family: verdana;}
.bg_a2ca5b {background: #a2ca5b;color: #fff !important;}
.tab_content{padding: 10px;width: 95%;}
.table0505{clear:both; margin:0; padding:0; overflow:hidden; width:100%; border-top:1px solid #ccc; border-left:1px solid #ccc; margin-bottom:20px;}
.table0505 th{border-bottom:1px solid #ccc;border-right:1px solid #ccc; font-size:13px; color:#626262;padding:5px; margin:0px;background:#a2ca5b;font-weight: 600 !important;}
.table0505 td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center;padding:10px 0px; color:#777;font-size: 13px;}


.textarea{font-size: 12px; height: 100px}
.tab_content p{text-align: center;padding-bottom: 20px;font-size: 15px;}

/* 개인정보취급방침 , 이용약관 */
.textarea_01 textarea {font-size: 13px; height: 300px;width: 90%;padding: 5%;}

.M_bbs_List_th > img{height: 10px; vertical-align: super;}	
	
/* 로그인 회원가입 */
.board{width:90%;margin:0 auto;}
.member_btn{width: 80%; margin: 0 auto;}
.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;margin-bottom: 50px;}
.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: #000; 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;}

.agree03{max-width: 280px;padding: 45px 15px; margin: 0 auto; border: 1px solid #dddddd; text-align: center; font-size: 0;margin-top: 5%;margin-bottom: 5%;}
.agree03 h2{display: block; text-align: center; font-size: 18px; line-height: 27px; color: #333333;font-weight: 300;}
.agree03 h2 img{height: 30px; margin-bottom: 10px;}
.agree03 a{display: inline-block; padding: 10px 30px; background: #000; font-size: 18px; color: #ffffff; margin-top: 15px;}	
	
.m_login{border: 1px solid #ebebeb; border-radius: 30px; margin:30px auto 50px; width:90%; padding: 20px 0;}
.m_login .loginbox{padding: 0 15px;}
.m_login .loginbox span{display: inline-block; width: 30%; font-size: 12px; text-align: left;}
.m_login .login_input{width: 60%; height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 5px;}
.m_login .btnB{ background: #81b327 none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    height: 71px;
    width: 81px;}
.m_login .login_txt{font-size: 14px;}
::-webkit-input-placeholder {color: #e0e0e0; font-size: 15px;}
:-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
::-moz-placeholder {color: #e0e0e0; font-size: 15px; opacity: 1;}
:-ms-input-placeholder {color: #e0e0e0; font-size: 15px;}

.naver_btn{text-align: center; margin-top: 15px;}

.m_width{padding: 0 3%;}
.m_board{margin-bottom: 50px;margin-top:30px;}
.m_board .mCategory{border: 0;background: #fff;}
.m_board .mCategory font{display:none;}
.

/* Mobile BBS List  --------------------------------------------------*/
.M_bbs_List { border-top:1px solid #333; }
.M_bbs_List_th { background:#fff; padding:12px 15px; text-align:left; color:#333;}
.M_bbs_List_th a {width:160px !important; font-size:14px; color:#444; font-weight:normal; display:inline-block;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; }
#M_SubBody .M_bbs_List_th img { max-height:11px; width:11px; }
.M_bbs_List_td { padding:12px 10px 12px 0; font-size:12px; color:#999;width:70px;}


/* Mobile BBS View  --------------------------------------------------*/
.M_bbs_View { border-top:1px solid #333; }
.M_bbs_View_th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; }
.M_bbs_View_td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
.M_bbs_View_td .date { font-size:12px; color:#999; font-weight:normal; }

.mNextPrev th { padding:12px 10px; text-align:left; color:#333; border-bottom:1px solid #ddd; background:#f7f7f7; font-size:12px; width:20%; }
.mNextPrev td { padding:12px 10px;  border-bottom:1px solid #ddd;text-align:left;  font-weight:normal; font-size:12px; }
#M_SubBody .mNextPrev td img { max-height:11px; width:11px; vertical-align:middle; }
