@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* font-family: 'Nanum Myeongjo', serif; */

#nav{width:92%;padding:0 4%;height:34px;background:#002F6C ;}
.p_loca{height:34px;}
.p_loca>li{float:left;width:135px;height:34px;text-align:left;padding-right:20px; background:url(../images/page_loca_bg.png) no-repeat top right; background-size:auto 100%;position:relative; letter-spacing: -1px;}
.p_loca>li>a{display:block;height:12px;color:#eef5f0;font-size:14px;padding:10px 14px 10px 7px;background:url(../images/icon_arr.png) no-repeat right 14px;background-size:auto 23%}
.p_loca>li>a.nobg{background:0 !important}
.p_loca>li.first{width:28px}
.p_loca>li.mid{width:119px;}
.p_loca>li.last{padding-right:0;background:0}
.loca1_menu{display:none;position:absolute;left:-15px;top:34px;width:100%;background:#3c5d8a;padding:3px 7px 3px 7px;z-index:200}
.loca1_menu li{border-bottom:1px solid #4b76a2;text-align:left;}
.loca1_menu li.last{border:0}
.loca1_menu li a{color:#f5f5f5;font-size:13px; display: block; padding:8px 0 8px 5px;}

.page_title{width:92%;border-bottom:1px solid #ddd;padding-bottom:10px;margin:30px auto;position:relative}
.page_title h2{font-size:17px;margin-bottom:3px;color:#002F6C ;font-weight:bold}
.page_title h3{font-size:24px;color:#333;font-weight:bold}
.page_title .title_btm{margin:7px 0 7px 0;}

/* 지점소개 */
.sub0702 img{width: 100%;}
.sub0702_tab ul{text-align: center; margin: 30px 30px; font-size: 0;}
.sub0702_tab ul li{display: inline-block}
.sub0702_tab ul li a{display: block; padding: 5px; color: #969696; font-size: 18px; text-align: center; font-family: 'nbg';}
.sub0702_tab ul li a.on{color: #082e5e;}
.sub02_title h3{text-align: center; font-size: 40px; color: #333333;  font-family: 'nbg'; letter-spacing: -1px;}
.sub02_title h3 strong{color: #082e5e;}
.sub02_title h3 span {display: block; font-size: 25px;}
.sub_01{margin: 15px;}
.sub_01 img{width: 100%;}

.sub_title{padding-top: 65px;}
.sub_title h4{font-family: 'nbg'; font-size: 35px; letter-spacing: -1px; text-align: center;}
.sub_title h4 span{display: block; font-size: 23px;}
.sub_title h4 span.sub_t {display: inline-block; font-size: 18px;}
.sub_title h4 strong{color: #333333;}

/* 팝업 */
.pop-layer01 .btn-r01,
.pop-layer02 .btn-r02,
.pop-layer03 .btn-r03,
.pop-layer04 .btn-r04 {width: 100%; margin: 0 0 20px; padding-top: 10px; text-align: right;}
.pop-layer01,
.pop-layer02,
.pop-layer03,
.pop-layer04 {display: none; position: absolute; top: 50%; left: 50%; width: 400px; height: auto; background-color: #fff; z-index: 10;}
.dim-layer02,
.dim-layer03,
.dim-layer04 {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer01{display: none; position:absolute; top: 50%; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer01 .dimBg01,
.dim-layer02 .dimBg02,
.dim-layer03 .dimBg03,
.dim-layer04 .dimBg04 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
.dim-layer01 .pop-layer01,
.dim-layer02 .pop-layer02,
.dim-layer03 .pop-layer03,
.dim-layer04 .pop-layer04 {display: block;}
a.btn-layerClose01,
a.btn-layerClose02,
a.btn-layerClose03,
a.btn-layerClose04 {display: inline-block;width: 50px; height: 25px; padding: 0 14px 0; font-size: 13px; color: #fff; line-height: 25px;}
.btn-layerClose01 > img {display: none;}

.pop01,.pop02,.pop03,.pop04{margin: 20px 15px; display: block;}
.pop01 img,.pop02 img,.pop03 img,.pop04 img{width: 100%;}

#m_pop01{background: url(../images/m_roakmc_introduce_sub02_gn_pop_inner_01.jpg) no-repeat center; height:750px; background-size: contain;}/* 강남점 */
#m_pop02{background: url(../images/m_roakmc_introduce_sub02_gn_pop_inner_02.jpg) no-repeat center; height: 340px; background-size: contain;}
#m_pop03{background: url(../images/m_roakmc_introduce_sub02_gn_pop_inner_03.jpg) no-repeat center; height: 275px; background-size: contain;}
#m_pop04 {background:url(../images/m_roakmc_introduce_sub02_bs_pop_inner_01.jpg) no-repeat scroll center center / contain ; height: 370px;}
#m_pop05 {background:url(../images/m_roakmc_introduce_sub02_sw_pop_inner_01.jpg) no-repeat scroll center center / contain ; height: 356px;}/* 수원점 */
#m_pop06{background: url(../images/m_roakmc_introduce_sub02_bc_pop_inner_01.jpg) no-repeat center; height: 344px; background-size: contain;}
#m_pop07{background: url(../images/m_roakmc_introduce_sub02_bc_pop_inner_02.jpg) no-repeat center; height: 278px; background-size: contain;}
#m_pop08{background: url(../images/m_roakmc_introduce_sub02_gn_pop_inner_04.png) no-repeat center; height: 278px; background-size: contain;} /* 180724강남점추가 */

#m_pop09{background: url(../images/m_roakmc_introduce_sub02_ic_pop_inner_01.jpg) no-repeat center; height: 278px; background-size: contain;} /* 인천점 */
#m_pop10{background: url(../images/m_roakmc_introduce_sub02_nw_pop_inner_01.png) no-repeat center; height: 344px; background-size: contain;} /* 노원점 */
#m_pop11{background: url(../images/m_roakmc_introduce_sub02_cw_pop_inner_01.jpg) no-repeat center; height: 344px; background-size: contain;} /* 창원점 */


.sub_03{width: 100%;}
.view{padding: 20px;}
.slick-slide.slick-cloned > img{width: 100%;}
.slider-for01 img{width: 100%;}
.slider-nav01 {margin-top: 15px;}
.slider-nav01 .slick-slide > img{width: 85px;}

 .slick-prev, .slick-next{width: 30px; height: 30px;}
 .slick-prev{background: url(../images/view_left.png) no-repeat!important; background-size: 20px; left: 0px; z-index: 9999;}
.slick-next{background: url(../images/view_right.png) no-repeat!important; right: 0px;}
.slick-prev::before,.slick-next::before{content:'';}

.sub_04 .map_title img{width: 100%; }


.root_daum_roughmap{
    width:95%!important;
}
.trans img{width: 100%;}

.map_title{margin-top: 20px;}

.m_board {border-bottom: 1px solid #ddd; margin: 30px auto; padding-bottom: 10px; width: 92%;}

/* 상담/예약 폼 */
.AWbbs_input_table{padding: 0!important;}
.AWbbs_input_table td{width: 100%; padding: 15px;}
.AWbbs_input_table textarea{background: none!important; border: none!important; padding: 0!important; font-size: 13px; line-height: 20px; width: 100%!important;}

.m_board .consult_cont table td select{width: 25%;}
.m_board .consult_cont table td .input{width: 25%;}
.m_board  textarea{height: 100px;}

/* 네이버 로그인 버튼 */
.naver_btn {margin: 20px 0;}
.naver_btn img{width: 100%;}

/* 로그인 */
.loginbox th {padding-right: 10px;}


#video_skin{width:100%}
#video_skin .view{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd}
#video_skin .view .con_view{width:90%;padding:5%;background:#f6f6f6;}
#video_skin .view .con_view .title{font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;
padding-bottom:10px;margin-bottom:10px}
#video_skin .view .con_view .sub_title{font-weight:bold;font-size:16px;margin:0 0 10px 0}
#video_skin .view .con_view .sub_title span{color:#006620;}
#video_skin .view .con_view .txt1{margin-left:10px;margin-bottom:10px}


.m73_tb{width:90%; margin-top:20px; padding:35px 15px; border:1px solid #e5e5e5;}

.m73_tb table{width:100%; }
.m73_tb table th{width:15%; padding:10px 0px 10px 10px; text-align:left; border-bottom:1px solid #e4e4e4;}
.m73_tb table td{padding:10px 0px 10px 15px; text-align:left; border-bottom:1px solid #e4e4e4;}
.m73_tb table th.last{border:none;}
.m73_tb table td.last{border:none;}
.m73_tb table td .size1{border:1px solid #c0c0c0; width:130px; height:21px;}
.m73_tb table td .size2{border:1px solid #c0c0c0; width:50px; height:21px;}
.m73_tb table td .size3{border:1px solid #c0c0c0; width:111px; height:21px;}
.m73_tb table td #size1{border:1px solid #c0c0c0; width:130px; height:23px;}
.m73_tb table td #size2{border:1px solid #c0c0c0; width:50px; height:23px;}
.m73_tb table td #size3{border:1px solid #c0c0c0; width:111px; height:23px;}
.m73_tb table td #size4{border:1px solid #c0c0c0; width:148px; height:23px;}
.m73_btn{margin-top:20px; text-align:center; width:100%;}

.m73_tb table td.agree{padding-bottom:40px; padding-left:0;}
.m73_tb table td.agree_title{padding-left:0; font-weight:bold; font-size:15px; border:none;}

.m73_tb table td.agree_con{padding-left:0; border:1px solid #ececec; height:120px; }
.m73_tb table td.agree_con .txt_area{padding:15px; height:90px;overflow-y:scroll;}




.m73 .tab{overflow:hidden;}
.m73 .tab li{float:left; cursor:pointer; margin-right:3px; cursor:default;}


.m73_tb table.sel tr th{ padding:20px 0; border:none; color:#3a3a46; font-size:19px; font-weight:bold; text-align:center;}
/*
.m73_tb .ok_bg{position:relative; background:url(/images/page/m733_bg_01.gif) 0 0 no-repeat; width:90%; height:181px;}
*/
.m73_tb .ok_bg {position: relative;background: url(/m/m_roa_kmc/images/m_logo.png) top center no-repeat;width: 90%;height: 181px;background-size: contain;}
.m73_tb .ok_bg .txt{position:absolute; left:20px; width:100%; text-align:center; top:113px;}


.m732_tb{width:78%; margin-top:20px; padding:35px; border:1px solid #e5e5e5; overflow:hidden;}
.m732_tb .dal{/*width:443px;*/width:100%;}
.m732_tb .dal .dal_title{text-align:center; height:29px;}

.m732_tb .dal .dal_box{border:1px solid #dedede; padding:0 10px;}





.m732_tb .time{/*margin-left:8px;*/float:left;width: 92%;}
.m732_tb .time .time_title{text-align:center; height:29px;}
.m732_tb .time .time_box{border:1px solid #dedede; padding:15px 10px; /*width:315px;*/width:100%; height:312px;}

.m732_tb table.time_tb{border-left:1px solid #eee; border-top:1px solid #eee;}
.m732_tb table.time_tb tr td{width:20%; height:30px; text-align:center; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.m732_tb table.time_tb tr td a{}

/* 로그인 회원가입 */
.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; font-family: 'nbgB'; 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: #002f6c; color: #ffffff;}
.agree02 h2{font-size: 20px; font-family: 'nbgB'; 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 .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;}


.AWbbs_input_table {    border-top: 1px solid #333;}
.AWbbs_input_table th {
    background: #f7f7f7 none repeat scroll 0 0!important;
    font-size: 13px!important;
    height: 40px!important;
    padding-left: 20px!important;
}
.AWbbs_input_table th, .AWbbs_input_table td {
    border-bottom: 1px solid #ddd!important;
    color: #333!important;
    text-align: left!important;
}

.online {
	padding: 0 20px 20px 20px;

    margin: 20px 0 0;
}

#M_pic_View_cont img {width: 100%;}

/* 모바일 카톡상담 */
.go_sns_m ul{overflow: hidden;}
.go_sns_m ul li{float: left; width: 50%;}
.go_sns_m ul li a{display: block; padding: 10px;}
.go_sns_m ul li a img{width: 100%;}

/* 새로운 의료진소개 팝업 */
.m_new_pop_wrap{min-width: 320px; max-width: 640px; margin: 25px auto 0;}
.m_new_pop_wrap .top{position: relative;}
.m_new_pop_wrap .top span{position: absolute; top: 11%;}
.m_new_pop_wrap .top span img{height: 23px;}
.m_new_pop_wrap .top span.kakao{left: 26%;}
.m_new_pop_wrap .top span.map{left: 77%;}
.m_new_pop_wrap .pop01 img{width: auto;}
.m_new_pop_wrap .bottom{position: relative;}
.m_new_pop_wrap .bottom a{position: absolute; right: 0; bottom: 0;}
.m_new_pop_wrap .bottom a img{height: 25px;}

@media screen and (max-width: 1200px)
.hd_pops .hd_pops_con {width: 100%!important; height: 100%!important;}

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

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
.hd_pops{top:80px!important;left: 50%;margin-left: 25px;z-index: 9999 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{width:100%;}	
}