@charset "utf-8";
#bgblack{background: black none repeat scroll 0 0; display: none; height: 100%; left: -100%; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 1; left: 0;}


/* 메뉴 */


.gnb dl.category dt ol li div a .depth3{display:none;}
.gnb dl.category dt ol li.dummy:after, .gnb dl.category dt ol li.dummy:before{content:none;}

.category_title.tabs a{display: block;}
.category_title.tabs a.on{background: #f4f4f4; color: #111111;}

.tabSet{width: 100;}
.tabSet ul{overflow: hidden; padding: 0 50px;}
.tabSet ul li a{font-family:'nbg'; float: left; color: #333333; width: 25%; display: none; text-decoration: none; text-align: center; height:35px; line-height: 35px; font-size: 15px; border-right: 1px solid #ffffff; box-sizing: border-box;}
.tabSet ul li a.on{background: #082e5e; color: #ffffff; cursor: default; border-radius: 20px;}
.tabSet ul li a.on:hover{text-decoration: none;}
.panels img{width: 100%;}
.panels .gn_map01{}
.panels .gn_map02 {overflow: hidden;}
.panels .gn_map02 .left{float: left;}
.panels .gn_map02 .right{float: right;}
.panels.m_t10{margin-top: 15px;}

#bgblack{background: black none repeat scroll 0 0; display: none; height: 100%; left: -100%; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 1; left: 0;}

header{height: 100%; position: relative; width: 100%; z-index: 9;}
.head{height: 42px; overflow: hidden; padding: 5px 10px; position: relative;}
.head .btn_menu{left: 10px; position: absolute; top: 0;}
.btn_menu{background: url(../images/m_menu.png) no-repeat scroll center center / 19px auto; display: inline-block; height: 52px; text-indent: -9999px; width: 30px;}

.head h1{height: 32px; margin: 8px auto 0; width: 150px; padding-right: 20px;}
.head h1 a{background: url(../images/m_logo.png) no-repeat scroll center center / 150px auto; display: block; height: 32px; text-indent: -9999px;}
.head_btn{position: absolute; right: 15px; top: 14px; z-index: 2;}
.head_btn a{margin-left: 15px; position: relative;}
.btn_call{background: url(../images/m_call.png) no-repeat scroll center center / 20px auto; display: inline-block; height: 25px; text-indent: -9999px; width: 20px;}
.btn_call02{background: rgba(0, 0, 0, 0) url(../images/menu_btnx2.png) no-repeat scroll center center / 25px auto; display: none; height: 25px; text-indent: -9999px; width: 25px; transition: all 0.5s;}
.btn_quick{background: rgba(0, 0, 0, 0) url(../images/m_quick.png) no-repeat scroll center center / 25px auto; display: inline-block; height: 25px; text-indent: -9999px; width: 25px; transition: all 0.5s;}
.btn_quick02{background: rgba(0, 0, 0, 0) url(../images/menu_btnx2.png) no-repeat scroll center center / 25px auto; display: none; height: 25px; text-indent: -9999px; width: 25px; transition: all 0.5s;}

.btn_counsel2{display:none; padding: 5px}
.header .quick_btn .btn_counsel2 img{width: 80%;}
.counsel_list{width: 100%; display:none; position:absolute; right:0; top:50px; z-index:101;}
.cf:after{content:''; display: block; clear: both;}
.counsel_list ul{overflow: hidden; float: right;}
.counsel_list ul li{float: left; width: 25%;}
.counsel_list ul li a{display: block;}
.counsel_list ul li a img{width: 100%;}

#call_n{width: 100%; display:none;overflow:hidden;position:absolute;right:0;top: 50px;z-index:222;background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
#call_n tr{padding: 5px; font-size: 13px}
#call_n tr.bg{background: #f7f7f7;}
#call_n th{text-align: center;}
#call_n td{padding: 10px;}
#call_n td a{display: block; border: 1px solid #cccccc; box-sizing: border-box; padding: 5px;}
#call_n td.call_icon a{text-align: center; background:#ffffff url(../images/call_icon.png) no-repeat left 10px center;}
#call_n td.map_icon a{text-align: center; background:#ffffff url(../images/map_icon.png) no-repeat left 10px center;}
#call_n table{width: 100%;}

#kakao-close-wrap {padding: 8px;}
#kakao-close {background:url(../images/kako_close.png) no-repeat scroll right 10px top; display: block; height: 23px;}
#kakao_n{width: 100%; display: none; overflow:hidden; background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
#kakao_n tr{padding: 5px;}
#kakao_n tr.bg{background: #f7f7f7;}
#kakao_n th{text-align: center; font-size: 13px;}
#kakao_n td{padding: 10px 3px;}
#kakao_n td a{display: block; border: 1px solid #cccccc; box-sizing: border-box; padding: 5px; font-size: 12px;}
#kakao_n td.id_icon a{padding-left: 40px; background:#ffffff url(../images/kakao_id.png) no-repeat left 10px center;}
#kakao_n td.plus_icon a{padding-left: 40px; background:#ffffff url(../images/plus_id.png) no-repeat left 10px center;}
#kakao_n > table {width: 100%;}

#naver-close-wrap {padding: 8px;}
#naver-close {background:url(../images/kako_close.png) no-repeat scroll right 10px top; display: block; height: 23px;}
#naver_n{width: 100%; display: none; overflow:hidden; background: #ffffff; border: 1px solid #dddddd; box-sizing: border-box;}
#naver_n tr{padding: 5px; width: 100%;}
#naver_n tr.bg{background: #f7f7f7;}
#naver_n th{text-align: center; font-size: 13px;}
#naver_n td{padding: 10px 3px; text-align: center;}
#naver_n td a{display: block; border: 1px solid #cccccc; box-sizing: border-box; padding: 5px; font-size: 13px;}
#naver_n td.naver_icon a{padding-left: 40px; background:#ffffff url(../images/naver_icon.png) no-repeat left 10px center;}
#naver_n > table {width: 100%;}

/* 메뉴 */
.menu_wrap{bottom: 0; height: 100%; left: -100%; position: absolute; top: 0; width: 80%; z-index: 201;}
.black_bg {position: fixed; width: 100%; height: 100%; opacity: 0.5; background:#000000; display: none;}
.gnb_wrap {height: 100%; overflow-y: scroll; width: 100%; z-index: 1; position: absolute; z-index: 1;}
.gnb{position:relative;}
.gnb .gnb_xbtn{position:absolute; top:26px; right:10px; width:20px}
.gnb .gnb_top{font-size:0; border-bottom:1px solid #001b3e; }
.gnb .gnb_top .gnb_logo {padding:15px 0; text-align:center; background:#082e5e;}
.gnb .gnb_top .gnb_logo img{width:180px;}


.category_title {overflow:hidden; width: 100%;}
.category_title h2 {background: #ffffff none repeat scroll 0 0; color: #7d7d7d; float: left; font-family: "nbgB"; font-size: 17px; line-height: 45px; width: 33.33%;}
.category_title h2 a {border-right: 1px solid #dddddd; display: block; text-align: center;}
.tabSet01. h3 {float:left; width:100%;}
.tabSet01 h3 a{display: block; text-align: center;font-size:13px; color:#ffffff; font-family:"nbgB"; padding: 15px 0; background: #333333;}

.gnb div.categoryWrap {background:#f4f4f4; border-bottom: 1px solid #d5d5d4;}
.gnb dl.category {overflow:hidden;}
.gnb dl.category dt {width:100%;}
.gnb dl.category dt ol li {line-height:45px; background:#f4f4f4; border-top:1px solid #d5d5d4; display:block; position:relative;}
.gnb dl.category dt ol li:before {content: ""; background: url(/m/images/gnb_on.png) no-repeat; width: 15px; height: 17px; position: absolute; right:10px; top:15px;  z-index: 10;}
.gnb dl.category dt ol li.off:before{background:#f4f4f4 url(/m/images/gnb_off.jpg) no-repeat right center;}
.gnb dl.category dt ol li a {color:#2c2c2c; font-family:"nbg"; font-size:16px; font-weight:300; padding-left:30px; display: block; letter-spacing:-1px;}
.gnb dl.category dt ol li div {display:none;}
.gnb dl.category dt ol li div a {background:#fff; line-height:45px; border-top:1px solid #d5d5d4; padding-left:30px; font-size: 14px;}

.gnb dl.category dt ol li div a .depth3{display:none;}
.gnb dl.category dt ol li.dummy:after, .gnb dl.category dt ol li.dummy:before{content:none;}


#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;}
.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;}

.category_title.tabs a{display: block;}
.category_title.tabs a.on{background: #f4f4f4; color: #111111;}

.tabSet{width: 100;}
.tabSet ul{overflow: hidden; padding: 0 50px;}
.tabSet ul li a{font-family:'nbg'; float: left; color: #333333; width: 25%; display: none; text-decoration: none; text-align: center; height:35px; line-height: 35px; font-size: 15px; border-right: 1px solid #ffffff; box-sizing: border-box;}
.tabSet ul li a.on{background: #082e5e; color: #ffffff; cursor: default; border-radius: 20px;}
.tabSet ul li a.on:hover{text-decoration: none;}
.panels img{width: 100%;}
.panels .gn_map01{}
.panels .gn_map02 {overflow: hidden;}
.panels .gn_map02 .left{float: left;}
.panels .gn_map02 .right{float: right;}
.panels.m_t10{margin-top: 15px;}


/* contents */
/* contents */
#contents{width: 100%;}
#contents img{width:100%;}
#contents .banner ul{overflow: hidden;}
/*#contents .banner ul li{float: left; width: 33.33%;}*/
#contents .banner ul li a{display: block; /*padding: 10px;*/}
#contents .banner ul li a img{width: 100%;}
#contents .m_real {margin: 0 0 15px 0px}
#contents .m_real img{width: 100%;}
#contents .m_star{margin: 30px 0px;}
#contents .m_star ul{overflow: hidden;}
#contents .m_star ul li{float: left; width: 50%;}
#contents .m_star ul li a{display: block; padding: 10px;}
#contents .m_star ul li a img{width: 100%;}
#contents .m_roa_media {margin: 30px 0px;}
#contents .m_roa_media img{width: 100%;}
#contents .m_bf {margin: 30px 0px;}
#contents .m_bf img{width: 100%;}
#contents .m_go_menu{margin: 30px 0px;}
#contents .m_go_menu ul{overflow: hidden;}
#contents .m_go_menu ul li{float: left; width: 33.33%;}
#contents .m_go_menu ul li a{display: block;}
#contents .m_go_menu ul li a img{width: 100%;}
#contents .h_info{margin: 60px 0px;}
#contents .h_info h2{font-family:'nbg'; font-size: 26px; color: #333333; text-align: center;}
#contents .h_info h2 strong{color: #333333;}
#contents .h_info div.line{width: 30px; height: 1px; margin: 0 auto; background: #333333; margin: 15px auto;}
.tabSet{width: 100;}
.tabSet ul{text-align: center; font-size: 0; padding: 0px;}
.tabSet ul li{display: inline-block;}
.tabSet ul li a{font-family:'nbg'; float: left; color: #333333; display: block; text-decoration: none; text-align: center; height:35px; line-height: 35px; font-size: 15px; border-right: 1px solid #ffffff; box-sizing: border-box; padding: 0 7px; margin: 0 7px; width: 100%;}
.tabSet ul li a.on{background: #082e5e; color: #ffffff; cursor: default; border-radius: 20px;}
.tabSet ul li a.on:hover{text-decoration: none;}
.panels img{width: 100%;}
.panels .gn_map01{}
.panels .gn_map02 {overflow: hidden;}
.panels .gn_map02 .left{float: left;}
.panels .gn_map02 .right{float: right;}
.panels.m_t10{margin-top: 15px;}

#contents .m_bottoom_banner img{width: 100%;}


/* 상담창 폼메일css */

.m_landing_form01{background: url(/m/m_roa_diet/images/landing/m_form_01_bg_notxt.png) center top no-repeat;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;}
.w_form_table{padding-top: 30%;}
.form_btn{width:50%;margin: 0 auto;}
.form_btn input{width:60% !important;}
.form_table {width: 100%;/* margin:0 3%; */border-collapse:collapse;/* color: #fff; */}
.form_table th {text-align:left;padding: 0 8%;font-size: 0.8em;letter-spacing: 1px;color: #fff;}
.form_table td {padding: 0 0 2% 0;font-size:.8em;}
.form_btn{ padding:5% 0; padding-left: 10%;}
.m_reserve {border-left: 3px solid #b3b2e5;border-right: 3px solid #b3b2e5;padding:5px;}
.form_btn a{text-align:center;}
.form_txt p{text-align: center;color: #fff;font-size: 13px;line-height: 20px;padding: 4% 0;}

/* Popup Layer3 */
#private3 {cursor:pointer; color: #ffffff}
#private_text_wrap3 {width:80%;position:fixed;bottom:20%;left:5%;background:rgba(0,0,0,0.7);	color:#fff;padding:5%;display:none;z-index:1;}
#private_text_wrap3 .con {width:100%;float:left;}
#private_close3 {width:auto;float:right;font-weight:bold;font-size:18px;cursor:pointer;}