@charset "utf-8";


*{margin:0;padding:0;font-family:Apple SD Gothic Neo,"나눔고딕",NanumGothic,'돋움',dotum,Helvetica, 'SimHei',sans-serif;-webkit-text-size-adjust:none}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:22px/30px "돋움", "Dotum"; /*color:#666666;*/ padding:0; margin:0; }


@font-face{
	font-family:'NanumBarunGothic';
	src:url('NanumBarunGothic.eot');
	src:local(※),url('NanumBarunGothic.woff') format('woff');
}
@font-face{
	font-family:'NanumBarunGothicBold';
	src:url('NanumBarunGothicBold.eot');
	src:local(※),url('NanumBarunGothicBold.woff') format('woff');
}


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; border:0; }


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:13px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

@font-face{font-family:NanumBarunGothic;src:url(NanumBarunGothic.eot);src:local(※),url(NanumBarunGothic.woff) format('woff');}
@font-face{font-family:NanumBarunGothicBold;src:url(NanumBarunGothicBold.eot);src:local(※),url(NanumBarunGothicBold.woff) format('woff');}

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



/* 헤더 */
#h_wrap {width:100%; position:absolute; top:0px; z-index:10;}
.h_box {width:640px; height:80px; overflow:hidden; margin:0 auto; background:#fff;}
.h_box h1 { width:348px; position:absolute; top:0px; left:50%; margin-left:-130px; /*padding-left:2%;*/ }
.h_box #total_toggle {float:left; width:96px;}
.h_box li {display:inline; float:left;}
.h_box .member {width:80px; float:left; position:absolute; top:7px; left:50%; margin-left:145px; }
.h_box .member li {display:block; float:left;}


/* 아이콘 */
.main_area { width:100%; position:relative; padding-top:80px;}
.hmn {width:640px; margin:0 auto; overflow:hidden; padding-bottom:19px; background:#FFF;}
.hmn li {float:left; display:inline;}


/* 푸터 */
.foot_wrap {width:100%; position:relative;}
.foot_wrap .foot_box {width:640px; margin:0 auto; background:#373b49; margin-bottom:160px; padding-bottom:20px; color:#ccc; position:relative;}
.foot_wrap .foot_box .area {width:640px; margin:0 auto; overflow:hidden; padding-top:15px;}
.foot_wrap .foot_box .area li {float:left; display:inline;}
.foot_wrap .foot_box .area .txt {width:400px; font-size:65%; line-height:150%; font-weight:nomal; font-family:NanumBarunGothic; color:#818184; padding-top:10px;}

/* 메인용푸터 */
.foot_wrap2 {width:100%; position:relative;}
.foot_wrap2 .foot_box {width:640px; margin:0 auto; background:#373b49; margin-bottom:0px; padding-bottom:20px; color:#ccc; position:relative;}
.foot_wrap2 .foot_box .area {width:640px; margin:0 auto; overflow:hidden; padding-top:15px;}
.foot_wrap2 .foot_box .area li {float:left; display:inline;}
.foot_wrap2 .foot_box .area .txt {width:400px; font-size:65%; line-height:150%; font-weight:nomal; font-family:NanumBarunGothic; color:#818184; padding-top:10px;}

/*foot 전화상담*/
.btn_f {width:100%; float:left; position:fixed; bottom:0;  padding:1% 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; }
.btn_f .area img {width:100%; display:block;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:80px;left:50%;margin-left:-320px;z-index:101;display:none;}
.total_wrap {padding:0; background:#5084c6; overflow:hidden;}
.total_box { clear:both; position:relative; padding:0; overflow:hidden; background:#598bca; padding-bottom:40px;}
.total_box li {float:left; padding-top:18px; width:30%; text-align:center;}
.total_box2 { clear:both; position:relative; padding:0; overflow:hidden; background:#f28cbb; padding-bottom:40px;}
.total_box2 li {float:left; padding-top:15px; width:30%; text-align:center;}






/*
.total_box strong a {float:left; width:150px; color:#FFF; font-size:26px; font-weight:400;letter-spacing:2px; font-family:'나눔고딕','NanumGothic','宋體', 'simsun', Arial; }
.total_box ul {float:right; width:420px; overflow:hidden; }
.total_box ul li {float:left; width:210px;}
.total_box ul li a {font:normal 18px/27px '나눔고딕','NanumGothic','宋體', 'simsun', Arial;color:#b3b3b3; letter-spacing:-1px;}
.total_box ul li a span {font-size:87%; color:#BFBFBF; letter-spacing:0em;}
*/