@charset "utf-8";
/*default setting*/
* { margin:0; padding:0;}

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face{
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, font, img, ins, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; font-family:'Noto Sans KR', Arial,Trebuchet MS, Helvetica, sans-serif;}
}


div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }

table{ border-collapse:collapse; border-spacing:0; }

ol, ul, li{ list-style:none; }

h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }

form, fieldset, a img{ border:0; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }

address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }

blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }

a img, input, textarea, select, img{ vertical-align:middle; }


time, progress, mark, output { display:inline; }


.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:18px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:18px; border:1px solid #D0D0D0; background:#fff; }


/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; position:relative;overflow-x:hidden; background:#5c5c5c; }
 
#m_wrap{ width:100%; margin:0 auto; background:#5c5c5c; position:relative;}


/* 헤더 */
#h_wrap {width:100%; position:absolute; top:0px; z-index:10;}
.h_box {width:640px; height:70px; overflow:hidden; margin:0 auto; background:#fff; position:relative;}
.h_box h1 { width:405px; position:absolute; top:0px; left:50%; margin-left:-330px; /*padding-left:2%;*/ }

.h_top{background:#4b4c4f; overflow:hidden; height:30px; width:640px; margin:0 auto;}
.h_top ul li a{color:#abacac; font-size:18px; display:inline-block; margin-left:30px;}
.h_top ul{float:right; padding-right:30px;}


/*.logo{padding-top:20px}*/
.h_box #total_toggle {float:right; width:75px;height:83px; line-height: 67px;}
.h_box .main_tel {float:left; padding-left:16px;width:px;height:83px; line-height: 70px; }
.h_box li {display:inline; float:left;}
.h_box a {color: #666;}
.h_box .member {width:180px; float:left; position:absolute; top:13px; right:75px; margin-left:10px;}
.h_box .member li {display:inline; float:left; padding-right:4px;}


/* 아이콘 */
.hmn {width:640px; margin:0 auto; overflow:hidden;}
.mbt01 {padding-bottom:14px; background: #fff; text-align: center; width: 640px; margin: 0 auto; padding: 11px 0;}
.mbt02 {background: #fff;}
.mbt02 li {padding: 8px;}

.mbt03 {background: #fff; padding-top: 7px;}
.mbt04 {background: #fff}
.mbt04 li {padding: 1px 0}
.mbt05 {background: #fff;padding-bottom:14px; }
.mbt06 {background: #fff;}

.hmn li {float:left;}

#daumRoughmapContainer1538100108936{margin-top:-217px;}

/* 푸터 */
.foot_wrap {margin:0 auto; width:640px; position:relative;  background-color:#fff}
.foot_box {width:640px; margin:0 auto; text-align:center; background:#4d4d4d; /*margin-bottom:144px;*/ padding-bottom:170px; color:#ccc;}
.foot_box .area {width:640px; padding:40px 0;}
.foot_box .area div {width:640px; margin:0 auto; overflow:hidden;}
.foot_box .area div ul {overflow:hidden;}
.foot_box .area div ul li {display:inline-block;margin:0 8px;}
.foot_box .txt {width:640px; margin:0 auto; padding-top:17px; line-height:150%; font-weight:nomal; font-family:NanumBarunGothic; }
.foot_box .txt span {color:#999;}

/*foot 전화상담*/
.btn_f {width:100%; float:left; position:fixed; bottom:0;  padding:10px 0; /*background-color:#2E2E2E;*/background-color:rgba(0,0,0,0.75);z-index:3;}
.btn_f .area {margin:0 auto; position:relative; max-width:640px; min-width:320px;}
.btn_f .area li {float:left; text-align:center;}
.btn_f .area img {width:128px; display:block;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:100px;left:50%;margin-left:-320px;z-index:101;display:none;}
.total_wrap {padding:10px 25px; background:#575757; overflow:hidden;}
.total_box { clear:both; position:relative; padding:10px 0; overflow:hidden; border-bottom:1px dotted #797979;}
.total_box strong a {float:left; color:#FFF; font-size:26px; font-weight:400;letter-spacing:-0.125rem; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:190px; margin-left:10px;}
.total_box ul li a {display:block; padding:3px 0; font:normal 23px/26px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#ccc; letter-spacing:-1px;}