@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);


div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/22px 'Nanum Gothic', monospace; padding:0; margin:0; }

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:hover {text-decoration:underline;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px 'Nanum Gothic', monospace; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }


/*------------------------------------------------------------------------------------------------------------*/
body{ margin:0; padding:0; border:0; width:100%; position:relative;overflow-x:hidden; background:#fff;}
 
#document{ width:640px; margin:0 auto; background:#fff;}

/* 헤더 */
.head_box {width:580px; height:114px; overflow:hidden; margin:0 auto; background:#fff;}
.head_box .tel {float:left; margin-top:23px;}
.head_box h1 {float:left; margin-top:23px;}
.head_box #total_toggle {float:right; margin-top:23px;}

.top_menu {width:640px; margin:0 auto; overflow:hidden; }
.top_menu li{float:left;} 

/* 푸터 */
.foot_wrap {width:100%; position:relative;}
.foot_btn {width:640px; margin:0 auto; overflow:hidden;}
.foot_btn li {float:left;}

.foot_net {width:640px; height:503px; margin:0 auto; overflow:hidden; background:url(../img/comm/net_bg.jpg) no-repeat;}
.foot_net ul {width:620px; padding-left:15px; margin:190px auto 0 auto;}
.foot_net ul li {float:left; margin:0 10px 10px 0;}

.foot_box {width:640px; margin:0 auto; text-align:center; padding-bottom:35px; background:#212121; overflow:hidden;}
.foot_box ul {width:480px; padding-left:15px; margin:35px auto 0 auto; overflow:hidden;}
.foot_box ul li {float:left; margin-right:10px;}

/* 전체메뉴 */
#total_menu {width:640px;position:absolute;top:114px;left:50%;margin-left:-320px;z-index:100;display:none;}
.total_wrap {padding:35px; background:#333333;}
.total_box {position:relative;margin:20px 0;font-size:0;vertical-align:top;}
.total_box strong {display:block; width:568px; height:55px; font:bold 23px/55px "dotum";color:#3a3a3a; border:1px solid #000; border-radius:7px; background:#fff; text-indent:20px;}
.total_box strong.color1 {background:#cc1f25; color:#fff;}
.total_box strong.color2 {background:#2d3c7f; color:#fff;}
.total_box ul {width:568px; overflow:hidden; margin:10px 0 0 20px;}
.total_box ul li {float:left;}
.total_box ul li a {font:normal 20px/40px "dotum";color:#bfbfbf; letter-spacing:-1px;}