﻿@charset 'utf-8';
@font-face {
	font-family: 'nbgUL';
	src: url(/font/NanumBarunGothicUltraLight.ttf) format('truetype'),
	url(/font/NanumBarunGothicUltraLight.woff) format('woff'),
	url(/font/NanumBarunGothicUltraLight.eot) format('eot');
}

@font-face {
	font-family: 'nbgL';
	src: url(/font/NanumBarunGothicLight.ttf) format('truetype'),
	url(/font/NanumBarunGothicLight.woff) format('woff'),
	url(/font/NanumBarunGothicLight.eot) format('eot');
}

@font-face {
	font-family: 'nbg';
	src: url(/font/NanumBarunGothic.ttf) format('truetype'),
	url(/font/NanumBarunGothic.woff) format('woff'),
	url(/font/NanumBarunGothic.eot) format('eot');
}

@font-face {
	font-family: 'nbgB';
	src: url(/font/NanumBarunGothicBold.ttf) format('truetype'),
	url(/font/NanumBarunGothicBold.woff) format('woff'),
	url(/font/NanumBarunGothicBold.eot) format('eot');
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,p,blockquote,th,td,select,button {margin:0; padding:0; outline:none; word-break:keep-all; -webkit-text-size-adjust:none; border:0; letter-spacing:-0.5px;}
dl,ul,ol,menu,li {list-style:none; border:none; }
body,th,td,input,select,textarea,button {font-family:'nbg', sans-serif; color:#333333; font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
button {background-color:transparent; cursor:pointer; border:0;}
img {vertical-align:top; border:0;}
caption {display:none;}
a {text-decoration:none!important; color: #111111;}
address {font-style:normal;}
table {border-spacing:0;}
strong {font-weight:700;}
iframe {border:0;}



/* footer */
/* Popup Layer */
#private2 {cursor:pointer; color: #ffffff}
#private_text_wrap2 {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_wrap2 .con {width:100%;float:left;}
#private_close2 {width:auto;float:right;font-weight:bold;font-size:18px;cursor:pointer;}

/* footer */
#footer{width:100%;}
.foot{width:100%;padding:7px 0 130px;text-align:center;background:#363636;color:#afafaf;
line-height:150%;font-size:13px}
.foot .bar_left{padding-left:10px;margin-left:8px; background:url(/m/images/bg_footer_line.gif) no-repeat left center; background-size:1px 80%;}
.foot ul{overflow:hidden;}
.foot ul li{display:inline-block;padding-right:10px;margin-right:8px; background:url(/m/images/bg_footer_line.gif) no-repeat right center; background-size:1px 60%;}
.foot ul li.last{margin:0;padding:0;background:0}
.foot ul li a{color:#afafaf;font-size:15px}
.foot ul.fm1{margin-bottom:10px}
.foot ul.fm2{margin-top:10px}
.foot ul.fm2 li a{color:#afafaf;font-size:13px}
.foot strong {color: #f1f1f1;}

.counsel_list2 div {position:relative;overflow:hidden}
.counsel_list2 ul {position:absolute;top:0;left:0;width:100%;height:100%}
.counsel_list2 li {float:left;width:25%;height:100%}
.counsel_list2 li a {display:block;width:100%;height:100%}
.counsel_list2 ul:after {clear:both;content:'';display:block}

.counsel_list2 {position:relative;overflow:hidden}
.counsel_list2 ul {position:absolute;top:0;left:0;width:100%;height:100%}
.counsel_list2 li {float:left;width:25%;height:100%}
.counsel_list2 li a {display:block;width:100%;height:100%}
.counsel_list2 ul:after {clear:both;content:'';display:block}
.w100p{width:100%}

#kakao1-close-wrap {display:block; padding:10px 0;}
#kakao1-close {background: rgba(0, 0, 0, 0) url(/m/m_roa_kmc/images/ico_close.png) no-repeat scroll right top / cover ;height: 15%;position: absolute;right: 20px;top: -5px;width: 4.5%;z-index: 1000;}
#kakao1-wrap {padding:13% 0; position:fixed;width:100%;z-index:999;display:none;bottom:20%;}
#kakao1-wrap.on {display:block}
#kakao1-wrap ul {margin:20px 0 0 0; height: 100%;left: 0; position: absolute;top: 0; width: 100%; text-align: center; font-size: 0;}
#kakao1-wrap ul li{display: inline-block; width: 25%; height: 100%;}
#kakao1-wrap li a {display: block; padding: 5px;}
#kakao1-wrap li a img{width: 100%;}


#call1-close-wrap {display:block; padding:10px 0;}
#call1-close {background: rgba(0, 0, 0, 0) url(/m/m_roa_kmc/images/ico_close.png) no-repeat scroll right top / cover ;height: 15%;position: absolute;right: 20px;top: -5px;width: 4.5%;z-index: 1000;}
#call1-wrap {padding:13% 0; position:fixed;width:100%;z-index:999;display:none;bottom:20%;}
#call1-wrap.on {display:block}
#call1-wrap ul {margin:20px 0 0 0; height: 100%;left: 0; position: absolute;top: 0;width: 100%; text-align: center; font-size: 0;}
#call1-wrap ul li{display: inline-block; width: 25%; height: 100%;}
#call1-wrap li a {display: block; padding: 5px;}
#call1-wrap li a img{width: 100%;}

.main_counsel_fixed{position:fixed;left:0;bottom:0;width:100%; background: rgba(0,0,0,0.8); color:#fff;z-index:101}
.main_counsel_fixed >div{padding:10px;}
.main_counsel_fixed form{overflow: hidden;}
.main_counsel_fixed fieldset{overflow:hidden;}
.main_counsel_fixed .left{float:left;width:80%;overflow:hidden;}
.main_counsel_fixed .left .namearea{float:left;width:35%;overflow:hidden;margin-left:1%; float:left}
.main_counsel_fixed .left .telarea{float:left;width:63%;overflow:hidden;}
.main_counsel_fixed .left .name_label{display:inline-block;float:left;text-align:center;float:left;
vertical-align:top;margin-top:2px;font-size:15px}
.main_counsel_fixed .left .name_ipt{width:65%;float:left}
.main_counsel_fixed .left .tel_label{display:inline-block; margin-right:3px;float:left; 
vertical-align:top;margin-top:2px;font-size:15px}
.main_counsel_fixed .left .tel_ipt{width:65%;float:left;}
.main_counsel_fixed .left .name_ipt input{width:100%;height:22px;border:0; margin-left:5px;float:left;}
.main_counsel_fixed .left .tel_ipt input{width:100%;height:22px;border:0; text-align:center;float:left;}
.main_counsel_fixed .left .check{clear:both;padding:10px 0 0 0px;
font-size:15px}
.main_counsel_fixed .left .check label{font-size:15px}
.main_counsel_fixed .left .check a{font-size:15px}
.main_counsel_fixed .right{float:left;width:20%;text-align:left}
.main_counsel_fixed .right a{display:block;height:96px; line-height: 96px; width:100%;text-align:center;color:#fff; background: #002f6c; border-radius:5px; margin-bottom: 6px;}

/* 안면비대칭폼수정 */
.main_counsel_fixed .right.re_height a{height: 55px; line-height: 55px}

.wr_1{clear: both; padding-top: 10px; margin-left:1%; padding-right:3%;}
.btnx img{margin-left: 10px;}

/* 위로가기 */
.go_top {display: none; left: 50%; margin-left: -20px; position: fixed; top: 10px; z-index: 100;}
.go_top button {background: rgba(0, 0, 0, 0) url(/m/images/home_list_top_ic_nor.png) no-repeat scroll 0 0 / 40px 40px; display: block; height: 40px; overflow: hidden; text-indent: -9999px; width: 40px;}

/* 로그인 박스 */
/* Mobile LOGIN 로그인  --------------------------------------------------*/
.loginbox { border:1px solid #ddd; background:#f8f8f8; padding:30px 30px 15px; }
.login_input {padding:10px 3px; border:1px solid #ddd; width:95%}
.login_txt { font-size:12px; text-align:left; margin-top:10px; }
.btnB {background: #8c909b none repeat scroll 0 0; border: medium none; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; height: 32px; line-height: 12px; vertical-align: middle; width: 84px;}