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

/* 문서의 베이스 스타일시트 정의 */
*{ margin:0; padding:0; }
html, body { height:100%; font-family:'Nanum Gothic', Arial, Helvetica, Tahoma, sans-serif; font-size:12px; color:#666; }
html { overflow-x:hidden; overflow-y:scroll;  }

/* 기본태그의 스타일시트 정의 */
div, p, span, strong, table, thead, tbody, tfoot, th, td, ul, ol, li, input, form, select, textarea, button, dl, dt, dd, a { margin:0; padding:0; }
fieldset { border:none; margin:0px; padding:0px; }

img { vertical-align:top; }

/* 헤드태그의 스타일시트 정의 */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

/* 링크태그의 스타일시트 정의 */
a { color:#404040; text-decoration:none; }
a:hover { color:#404040; background:none; }
a:visited { color:#404040; background:none; }
a:active { color:#404040; background:none; }


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

.clearfix		{*zoom:1;} /* ie를 위한 핵 */

table { border-spacing:0; border-collapse:collapse;font-size:12px;}


img {border:0}


.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }




/* 공통폰트 */
.dkblur {color:#16527e}
.f14 {font-size:14px}
.b {font-weight:bold}
.black {color:#000000}




/* 전체 */
#wrap { width: 100%; text-align:center }

/* 상단 */
#header {position:relative; width:100%; background:url("/images/top_bg.jpg") repeat-x top center; height:132px}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#header .hd_area {position:relative; width:1040px; margin:0 auto;}
.top_nav {width:100%; height:20px; padding-top:6px; float:left}
.top_nav .fav {float:left; left:0px; color:#ebd90f; font-size:11px; text-align:left}
.top_nav .fav a {color:#ebd90f;}

#logo {float:left;padding-top:29px;}
#gnbMenu {position:absolute; right:0; width:800px; z-index:9999; padding-top:55px;}
#gnbMenu ul {}
#gnbMenu ul li{float:left;}

#main_img {position:relative; width:100%; background:url("/images/main_bg.jpg") repeat-x top center; height:437px; text-align:center}
#main_img .img {position:relative; width:1040px; margin:0 auto;}
.m_img {float:left; width:100%;}
.m_btn {float:left; width:100%}
.m_btn ul {}
.m_btn ul li {float:left;}

/* 메인컨텐츠 */
#mainArea {position:relative; width:1040px; margin:0 auto; text-align:left; margin-top:50px; margin-bottom:50px} 
#mainArea:after {display:block;visibility:hidden;clear:both;content:""}

.m_cont {float:left; width:312px; padding-right:52px;}
.m_cont .tit {float:left; font-size:16px; color:#000000; font-weight:bold}
.m_cont .more {right:0; float:right}
.m_cont .c_area {float:left; width:100%; padding-top:15px; height:110px}
.m_cont .bgarea {float:left; width:100%; height:90px; margin-top:20px;}
.m_cont .bgarea .txarea {line-height:22px; letter-spacing:-0.5px}
.m_cont1 {float:left; width:312px;}
.m_cont1 .tit {float:left; font-size:16px; color:#000000; font-weight:bold}
.m_cont1 .bgarea {float:left; background:url("/images/m_cont1_leftImg2.jpg") no-repeat; width:100%; height:90px; margin-top:20px;}
.m_cont1 .bgarea .txarea {padding-left:100px; padding-top:14px; line-height:22px;}

#m_pdList {float:left; width:100%; margin-top:50px}
#m_pdList .tit {float:left; width:100%; text-align:center; color:#FFFFFF; font-size:20px; font-weight:bold; background:#00599c; padding:7px 0 }
#m_pdList .list {float:left; width:100%; text-align:left; padding-top:30px}

/* 하단 */
#ft {position:relative; width:100%; background:#686666}
#ft:after {display:block;visibility:hidden;clear:both;content:""}
#copy {position:relative; width:1040px; margin:0 auto;}
#copy .coplogo {float:left; width:200px; text-align:left; padding:30px 0}
#copy .tx1 {float:left; width:800px; color:#fff; text-align:left; line-height:20px; padding-top:35px }
#copy .tx1 span {padding-right:26px}
#copy .tx1 a{color:#c5c5c5}

/* 서브 페이지 */
#sub_img {position:relative; width:100%; background:url("/images/sub_img.jpg") repeat-x top center; height:208px; text-align:center}

#sub_cont {position:relative; width:1040px; margin:0 auto; margin-top:50px; margin-bottom:50px; text-align:left;}
#sub_cont:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:left;width:200px;}

#container {z-index:4;position:relative;float:left;width:820px;min-height:500px;height:auto !important;height:500px;zoom:1; }
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:2.3em;font-weight:bold; color:#000}