@charset "utf-8";
/* 폰트적용 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);/* 나눔고딕 */
@import url(http://fonts.googleapis.com/css?family=Open+Sans); /* Open Sans*/

/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a { padding:0; margin:0; line-height:1.4em; font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'dotum'; }
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }

/* 숨김영역 */
#accessibility, #accessibility_footer, hr, legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
caption { display:none; }

/* float 속성 초기화 */
.space { display:block; clear:both; float:none; width:100%; height:0; line-height:0 !important; font-size:0 !important; margin:0 !important; padding:0 !important; overflow:hidden; }
.clearfix { display:inline-block; }
.clearfix:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
* html .clearfix { height:1%; }

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select, img { vertical-align: middle; }
input, textarea, select { font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', '돋움', 'dotum'; }

/* form css */
.input_form { height:13px; line-height:13px; padding:4px 0 1px 3px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.select_form { padding:0 0 0 3px; height:20px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.input_file { height:20px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.textarea_form { border:1px solid #dbe1e7; padding:3px 0 0 3px; color:#767676; margin:8px 0 9px 0; }

/* 공통 */
.font_star { font-weight:bold; color:#ff6600; font-family:'verdana';}
.font_em { color:#ff6600;}
.font_m { font-size:1.25em;}
.black_bold { font-weight:bold; color:#333;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL20 { margin-left:20px !important;}
.mgL30 { margin-left:30px !important;}
.mgL60 { margin-left:60px !important;}
.mgR30 { margin-right:30px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.mgB50 { margin-bottom:50px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}


/* Layout */
body { font-size:0.8em;}
#wrap {position:relative; width:100%; min-width:1200px; overflow-x:hidden;}
#header {position:relative; width:1200px; height:100px; margin:0 auto;}
#header h1 {position:absolute; top:22px; left:22px;}

#lnb { position:absolute; z-index:100; top:40px; left:460px; }
#lnb li { float:left; padding:0 49px 0 0; display:block; }/*큰메뉴 간격*/
#lnb li a { display:block; font-size:17px; font-weight:bold; color:#302f2f; } /*큰메뉴 폰트크기 및 색깔*/
#lnb li a:hover { color:#075a9a;  }
#lnb li ul { position:absolute; top:40px; padding:0 10px; background:#00376A; margin-top:5px;} /*메뉴바..박스크기*/
#lnb li ul li { padding:0 !important;  } 
#lnb li ul li a { float:left; display:inline-block; font-size:12px; font-weight:bold; padding: 0 15px; color:#fff; line-height:30px; } 
#lnb li ul li a:hover { float:left; display:inline-block; font-size:12px; font-weight:bold; padding: 0 15px; color:#fff; line-height:30px;  background:#17BBD7; }  /*메뉴바 오버시 박스크기관련..*/
#lnb .over {color:#075a9a; }
#lnb li ul li  .over {color:#fff; background:#17BBD7; }
#lnb .sub01 { left:-30px;}
#lnb .sub02 { left:60px; }
#lnb .sub03 { left:100px;}
#lnb .sub04 { left:290px;}


/* footer */
#footer {height:80px; font-size:14px; color:#696969; font-weight:bold; background:#00376A; padding-top:20px;}
#footer .box_in { width:1200px; margin:0 auto;}
#footer .box_in address {font-size:14px; color:#ffffff; font-weight:bold; line-height:21px;}


#footer #banner {width:991px; height:77px; float:left;}
#footer #banner li {float:left; border:1px solid #ccc; margin-right:10px;}


#footer .visit {width:209px; height:77px; float:left;}
#footer .visit li {border:1px solid #ccc; margin-bottom:5px; font-size:12px; color:#666; font-weight:bold; line-height:21px;}
#footer .visit .title1 { background:url(../design/com/bg_visit1.gif) no-repeat 19px center; padding-left:33px;}
#footer .visit .title2 { background:url(../design/com/bg_visit2.gif) no-repeat 16px center; padding-left:33px;}
#footer .visit .num1 { float:right; padding-right:12px;}
#footer .visit .num2 { color:#b2142d; float:right; padding-right:12px;}

#footer .footer_box ul { padding-top:20px;}
#footer .footer_box li { float:left; padding-right:20px;}
#footer .footer_box li a { font-size:14px; color:#696969; font-weight:bold; line-height:21px;}
#footer .footer_box li a.font_bl {color:#015ca0;}