/* 리셋 ---*/
/* ---------------------------------------------------------------------------------------------- */
html,body,nav,article,aside,section,footer,div,span,object,
iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,
em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video 
{ margin:0;padding:0;border:0;outline:0;font-size:100%; vertical-align:baseline; background:transparent; }
body { font:normal dotum, '돋움';}
ul,ol,dl { list-style:none; }
img { border:0; vertical-align:top; }
a { text-decoration:none;  }
a:hover, a:active, a:focus { text-decoration:none; }

/* 레이아웃---*/
/* ---------------------------------------------------------------------------------------------- */
body { background:#FFF; font:100%; }
#wrap { margin:0 auto; width:940px; }
header { width:900px; height:150px; margin-bottom:5px; }
#main_spot { width:900px; height:350px; margin-bottom:15px; }
#contents { width:900px; margin-bottom:5px; }
#main_title { width:900px; height:28px; margin-bottom:15px; }
aside { float:left; width:175px; height:570px; background:#CCC; }
article { float:left; width:458px; height:452px; margin-left:10px; }
section { float:right; width:245px; margin-left:10px; }
footer { float:left; width:900px; height:100px; margin-top:5px; border-top:2px solid #013567; }

/* 헤더영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* 로고 ------------------------------------------------------------------------------------------*/
header #logo { float:left; margin:5px 0 5px 10px; }
#logo img { float:left; }
#logo h1 { float:left; margin-top:15px; font:bold 1.25em batang;/* 20px / 16px */ 
text-transform:uppercase; text-align:center; }
#logo p { font:normal 0.5625em batang; /* 9px / 16px */  }
/* lnb 메뉴---*/
#lnb_menu { float:right; margin-top:5px; }
#lnb_menu ul li { float:left; padding:0 5px 0; background:url(../imgs/menu_line.png) no-repeat right; 
font:bold 0.9375em dotum; /* 15px / 16px */ }
#lnb_menu ul li.no_line { background:none; }
#lnb_menu li a { color:#000; text-shadow:1px 1px 3px #CCC;}
#lnb_menu li a:hover { color:#f4990c; }
/* gnb 메뉴 --------------------------------------------------------------------------------------*/
nav { clear:both; width:1904px; margin-left:-480px; height:35px;  padding-top:15px; 
background: #005270; /* Old browsers */
background: -moz-linear-gradient(top,  #005270 1%, #013567 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#005270), color-stop(100%,#013567)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005270 1%,#013567 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005270 1%,#013567 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005270 1%,#013567 100%); /* IE10+ */
background: linear-gradient(to bottom,  #005270 1%,#013567 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005270', endColorstr='#013567',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
 }
nav ul { margin-left:480px; } 
nav ul li{ float:left; padding-left:26px; height:30px; }
nav ul li a { display:block; color:#FFF; font:bold 0.9375em dotum; /* 15px / 16px */ 
text-shadow:0px 0px 1px #FFF; letter-spacing:-1px; }
nav ul li a:hover { color:#ccff00; text-shadow:0px 0px 3px #000; }

/* 메인그림 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
#main_spot { position:relative; }

/* jQuery 슬라이드 영역 */
/* -----------------------------------------------------------------------------------------------------------------------------------------------*/
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; } 
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}
.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
ul.bjqs-controls li a{ display:block; padding:5px 10px; position:absolute; background:#fff; color:#fd0100; 
text-decoration:none; text-transform:uppercase; }
a.bjqs-prev{ left:0; }
a.bjqs-next{ right:0; }
p.bjqs-caption{ background:rgba(0,0,0,0.7); color:#fff; text-align:center; }
ol.bjqs-markers{ position:absolute; bottom:5px; right:0px; } /* 동그라미 마커영역 ---*/
ol.bjqs-markers li{ float:left; margin:0 3px; padding:0 1px; }
ol.bjqs-markers li a{ display:block; height:13px; width:13px; overflow:hidden; text-indent:-9999px; 
background:#fff; border-radius:13px; box-shadow:0 0 3px rgba(0,0,0,0.5); }
ol.bjqs-markers li.active-marker a{ margin-top:-3px; background:#f4990c;  /* 동그라미 마커 색상설정 */ 
width:17px; height:17px; border-radius:17px; box-shadow:none; }

/* 콘텐츠 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
#main_title h1 { float:left; padding-top:13px; font:bold 1em batang; color:#000; 
text-transform:uppercase; letter-spacing:-1px;
text-shadow:2px 2px 1px #CCC; }
#main_title h1 span { float:left; color:#5045c0; }
#main_title p { float:left; width:627px; height:6px; background:#013567; margin-top:23px; } 

/* aside 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
aside { border-radius:5px;  
background: #14556d; /* Old browsers */
background: -moz-linear-gradient(top,  #14556d 0%, #013567 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#14556d), color-stop(100%,#013567)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #14556d 0%,#013567 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #14556d 0%,#013567 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #14556d 0%,#013567 100%); /* IE10+ */
background: linear-gradient(to bottom,  #14556d 0%,#013567 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14556d', endColorstr='#013567',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);  
-moz-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
-o-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
}
aside h1 { font:bold 1.125em dotum; /* 18px / 16px */ color:#FFF; margin:10px 0 12px 5px; text-shadow:1px 1px 1px #f4990c; }
aside p { float:left; width:40px; height:490px; background:rgba(255,255,255,0.4); } 
aside ul { float:left; margin-left:20px; }
aside li { padding:5px; }
aside li a { display:block; font:bold 1em dotum; /* 16px / 16px */ color:#FFF; }
aside li a:hover { width:105px; height:18px; color:#ccff00; background:rgba(0,0,0,0.5); }

/* article 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
article { border:1px solid #d7d7d7; border-radius:5px; }

/* 최근 게시물 영역 ---*/
/* ------------------------------------------------------------------------------------------------*/
.comm_news { float:left; width:469px; height:134px; padding:17px; margin-top:10px; }
#comm_news_list { height:110px; width:469px; }
.m_bn { width:141px; height:102px; margin:0 15px 0 0; line-height:14px; letter-spacing:-1px; 
float:left; text-align:center; }
.m_bn a { font:bold 0.75em dotum; /* 12px / 16px */ color:#acacac; padding-top:3px; }
.m_bn a:hover { text-decoration:underline; color:#f4990c; }
.m_bn span { margin-bottom:4px; float:left; }
.m_bn img { border:1px solid #ebebeb; }
.mm_list { float:right; width:312px; }
.mm_list li { height:20px; text-decoration:none; background:url(../imgs/bg_dotted.gif) no-repeat 0 9px;
padding-left:7px; .background:url(../imgs/bg_dotted.gif) no-repeat 0 7px; /* IE6버전 핵 */ }
.mm_list li a { font:normal 0.75em dotum; /* 12px / 16px */ color:#acacac; }
.mm_list li a:hover { text-decoration:underline; } 

#comm_roll_notice { background:rgba(0,82,112,0.9); border-radius:3px; width:425px; height:19px;
color:#FFF; font:bold 12px dotum; text-align:center; padding-top:4px; margin-top:10px; }
/* 광고 영역 ---*/
/* ------------------------------------------------------------------------------------------------*/
.ad_banner img { margin:5px 0 0 30px;
-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5); }
.gl_ad { width:450px; height:70px; margin-top:10px; }

/* section 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* 로그인 영역 ---*/
/* -----------------------------------------------------------------------------------------------*/
#ub_login { width:208px; height:128px; margin-bottom:10px; padding:47px 17px 0 20px; background:#FFF; 
border:1px solid #d7d7d7; border-radius:5px; margin-bottom:10px; }
#ub_login h1.top_title { width:213px; height:24px; padding:8px 17px 0 15px; margin:-47px 0 0 -20px;
/* 배경(그라디언트) */
background: #003a6b; /* Old browsers */
background: -moz-linear-gradient(top,  #003a6b 0%, #226baa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003a6b), color-stop(100%,#226baa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003a6b 0%,#226baa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003a6b 0%,#226baa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003a6b 0%,#226baa 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003a6b 0%,#226baa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a6b', endColorstr='#226baa',GradientType=0 ); /* IE6-9 */
/* 배경 안 반사그림자 */
-webkit-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);  
-moz-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
-o-box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);
box-shadow:inset 0 3px 8px rgba(255,255,255,0.3);

border-top-left-radius:4px; border-top-right-radius:4px;
text-align:left; color:#FFF; font:bold 0.8125em dotum;/* 13px / 16px */ text-shadow:0px 0px 1px #FFF; 
-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#ub_login dl { margin-top:15px; }
#ub_login dd { width:141px; float:left; vertical-align:top; }
#ub_login dd.upw { margin-top:3px; }
#ub_login .input_text { border:1px solid #c9c9c9; width:139px; height:18px; color:#444; }
#ub_login #uid, #ub_login #upw { background:#FFF; }
#ub_login button.keeping { float:right; margin:-22px 0 0 0; width:59px; height:45px; color:#FFF; font:bold 0.75em dotum; /* 12px / 16px */ 
border:1px solid #adadad; border-radius:3px; cursor:pointer;
background: #c9c9c9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2JmYmZiZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZmJmYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c9c9c9 0%, #c9c9c9 12%, #bfbfbf 12%, #bfbfbf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(12%,#c9c9c9), color-stop(12%,#bfbfbf), color-stop(100%,#bfbfbf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c9c9c9 0%,#c9c9c9 12%,#bfbfbf 12%,#bfbfbf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c9c9', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-8 */
}

#ub_login p.log_in_etc { float:left; padding:5px 0 0 0; .padding:3px 0 0 0; width:170px;  
font:normal 0.6875em dotum; /* 11px / 16px */ color:#9e9e9e; } 
#ub_login p.log_in_etc input.check { vertical-align:-3px; }
#ub_login p.log_join_find { float:left; }
#ub_login p.log_join_find a.join { font:bold 0.75em dotum; /* 12px / 16px */ color:#929292; padding-left:5px;
 background:url(../imgs/arrow.png) no-repeat 0 2px; }
#ub_login p.log_join_find a.find { font:normal 0.75em dotum; /* 12px / 16px */ color:#a2a2a2;  padding-left:5px; 
background:url(../imgs/arrow.png) no-repeat 0 2px; }
#ub_login p.log_join_find a:hover { text-decoration:underline; }

/* 로그인 아래 한줄 공지사항 ---*/
#ub_login #log_notice { background:#e8e8e8; width:208px; height:18px; padding:8px 17px 0 20px; margin:117px 0 0 -20px;  
border-bottom-left-radius:4px; border-bottom-right-radius:4px; font:normal 0.6875em dotum; /* 11px / 16px */ color:#9a9a9a; }
#log_notice p { float:left; width:39px; height:11px; background:#6b6b6b; border-radius:2px;
color:#f8f8f8; letter-spacing:-1px; margin-right:5px; font-size:9px; text-align:center; font-weight:bold; }
#container { overflow:hidden; position:relative; height:20px; }
#container ul { position: absolute; margin: 0pt; padding: 0pt; top: 0px; }
#container ul li { margin: 0pt; padding: 0pt; height: 15px; display: list-item; }

/* 이벤트 게시판 영역 ---*/
/* ------------------------------------------------------------------------------------------------*/
#ub_event { width:231px; height:255px; margin-bottom:17px; border:1px solid #dadada; border-radius:5px; padding:10px 0 0 14px; }
.bbs_tit h2.bb_ti { float:left; padding-bottom:13px; color:#848484; font:bold 0.75em dotum; /* 12px / 16px */ }
.bbs_tit p.more { float:right; padding:0 10px 0 10px; background:url(../imgs/icon_more.png) no-repeat 0px 7px; }
.bbs_tit p.more a { color:#848484; font:normal 0.6875em dotum; /* 11px / 16px */ }
.bbs_tit p.more a:hover { color:#F00; }
.bbs_tit ul.bbs_list li { float:left; width:210px; height:20px; background:url(../imgs/bg_dotted.gif) 0 9px no-repeat; padding:0 0 0 7px;  }
.bbs_tit ul.bbs_list li a { color:#848484; font:normal 0.75em dotum; }
.bbs_tit ul.bbs_list li a:hover { text-decoration:underline; }
.right_bn { clear:both; float:left; margin-top:10px; }
.right_bn li.bn_sys_01 { margin-bottom:6px; } 


/* 사진링크 갤러리 영역(jQuery carousel 슬라이드 사용) ---*/
/* -----------------------------------------------------------------------------------------------*/
#ch_gallery { float:right; background:#FFF url(../imgs/bg_main_link_box.jpg) no-repeat; }
#ch_gallery .lo_link1 {
-webkit-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-moz-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-o-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
 height:79px; width:205px; margin:0 0 0 7px; padding:11px 0 0 11px; border-radius:5px; }
#ch_gallery .lo_link2 { 
-webkit-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-moz-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-o-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
height:79px;width:205px; margin:0 0 0 7px; padding:11px 0 0 11px; border-radius:5px; }
#ch_gallery .lo_link3 { 
-webkit-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-moz-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
-o-box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6); 
box-shadow:inset 0px 0px 20px rgba(0,82,112,0.6);
height:79px; width:205px; margin:0 0 0 7px; padding:11px 0 0 11px; border-radius:5px; }

#carousel_inner {
float:left; /* important for inline positioning */
 /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
width:670px; height:100px;
margin-left:6px;
}
#carousel_ul {
position:relative;
left:-225px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:170px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:74px;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll { float:left; padding:33px 4px 0 12px; }
#right_scroll { float:left; padding:33px 0px 0px 10px; }
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;}

/* 푸터 영역---*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
footer ul li { float:left; padding:5px 8px 7px; background:url(../imgs/menu_line.png) no-repeat right; 
font:bold 0.75em dotum; /* 12px / 16px */ }
footer ul li.no_line { background:none; }
footer ul li a { color:#013567; }
footer ul li a:hover { color:#f4990c; }
#foot_note { clear:both; padding-left:5px; font:normal 0.75em dotum; }