@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;}

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

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

/* 메인 슬라이드 */
#container{margin-top: -52px;}
#visual .slick-dots{bottom: 15px;}
#visual .slick-dots li button::before{font-size: 40px;}
#visual .slick-dots li{width: 15px;}
#visual .single-item img{width: 100%;}
#visual .slick-dotted.slick-slider{margin-bottom: 10px;}

/* contents */
/* contents */
#contents{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%; border-radius:5px;}
#contents .m_real {margin: 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 15px;  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%;}

/* pop02 */
.dim-layer02 .pop-layer02 {
    display: block;
    padding: 10px;
}
.pop-layer02 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 280px;
    height: auto;
    background: url(/m/m_roa_kmc//images/20190902101609_jsaytest.jpg) no-repeat center;
    border: 1px solid #cccccc;
    z-index: 10;
}
.pop-layer02 .btn_wrap {
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -45px;
}
.pop-layer02 .btn_wrap > div {
    margin: 10px 0 20px;
    padding: 5px;
    text-align: center;
}