@charset "utf-8";

/* font-face 정의 */
.numeral {font-family:tahoma,arial,helvetica,verdana,sans-serif !important;}
.arial {font-family:arial,sans-serif !important;}
.timesnewroman {font-family:Times;}
body, input, select, textarea, button, label {font-family:"돋움",dotum,sans-serif; font-size:12px; color:#8b9296; line-height:16px;}

/* 여백 초기화*/
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, b, address, pre, cite, form, fieldset, input, textarea, select, legend, table, th, td, iframe, object, embed, blockquote, abbr, a, acronym, dfn, cite, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, applet, canvas, details, output, ruby, summary, time, mark, audio, video {margin:0; padding:0;}

/* 제목 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}

/* 테투리 */
fieldset, img, abbr, acronym {border:0 none;}

/* 리스트 */
ol, ul {list-style:none;}

/* 테이블 */
table {border-collapse:collapse; border-spacing:0; border:0 none;}
caption, th, td {text-align:left; font-weight:normal;}

/* 텍스트 관련 */
address, caption, strong, em, cite {font-weight:normal; font-style:normal;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
input, select, textarea, option, label, button {font-size:100%; font-weight:normal;}
mark {background-color:transparent;}

/* 수직정렬 */
img, a, input, select, textarea, label, button, span, em, strong, mark, acronym, abbr, ins {vertical-align:middle;}

/* 인용문 */
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* 수평선 */
hr {display:none;}

/* HTML5 요소 블록화 (구형 브라우저) */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* 앵커 */
a {text-decoration:none; color:#8b9296;}
a:link {text-decoration:none; color:#8b9296;}
a:visited {text-decoration:none; color:#8b9296;}
a:hover {text-decoration:none; color:#8b9296;}
a:active {text-decoration:none; color:#8b9296;}

/* 모든 페이지를 참조하는 스타일 정의 */
.ahide {display:block; position:relative; overflow:hidden; width:0; height:0; font-size:0; z-index:-1;}
.blind {position:absolute; top:0; left:0; overflow:hidden; visibility:hidden; width:1px; height:1px; font-size:0px; line-height:0px;}

#header { height: 100px; }
#header .top_bar { height: 4px; background-color: #2d75d9; }
#header .header_inner { width: 1000px; margin: 0 auto; position: relative; }
#header .header_inner h1 { margin: 30px 0 0 25px; }
#header .header_inner .gnb { position : absolute; top: 16px; left: 330px; height: 45px; }
#header .header_inner .gnb > ul > li { float: left; margin-right: 30px; padding-right: 31px; background:url('/images/line_gnb.jpg') no-repeat 100% 50%; }
#header .header_inner .gnb > ul > li:last-child { background: none; }
#header .header_inner ul.gnb_sub { position: absolute; top: 24px; display: none; }
#header .header_inner ul.gnb_sub li { float: left; background: url("/images/gnb_sub_bg.jpg") repeat-x 0 0; }
#header .header_inner ul.gnb_sub li.sub_item { padding: 0 15px;}

#intro_contents { background:url('/images/main_visual_bg.jpg') repeat-x; }
#intro_contents .contents_inner { width: 1000px; margin: 0 auto; }
#intro_contents .contents_inner p { position: relative; }
#intro_contents .contents_inner p a { position: absolute; top: 210px; right: 130px; }
#intro_contents .contents_inner > ul li { display: inline-block; }
#intro_contents .contents_inner > ul.banner_type { margin: 0 auto; margin-top: 25px; width: 917px; }
#intro_contents .contents_inner > ul.banner_type li { margin-right: 3px; }
#intro_contents .contents_inner > ul.banner_type li:last-child { margin-right: 0; }
#intro_contents .contents_inner > ul.banner_theme { margin: 0 auto; margin-top: 5px; width: 917px; }
#intro_contents .contents_inner > div { margin: 0 auto; border-top: 1px solid #eeeeee; width: 950px; padding: 10px; margin-top: 30px; }
#intro_contents .contents_inner > div .cs_info { margin-left: 20px; background:url('/images/main_line.jpg') no-repeat 100% 50%; width: 220px; height: 135px; display: inline-block; }
#intro_contents .contents_inner > div .cs_info .cs_tel { margin-top: 15px; margin-left: 8px; }
#intro_contents .contents_inner > div .member { display: inline-block; margin-left: 30px; vertical-align: top; }
#intro_contents .contents_inner > div .member ul { width: 660px; overflow: hidden; height: 85px; margin-top: 15px; }
#intro_contents .contents_inner > div .member li { width: 660px; height: 17px; }
#intro_contents .contents_inner > div .member li span { display:inline-block; width: 315px; border-bottom: 1px dotted #ccc; padding-left: 10px; background: url("/images/main_bulet.jpg") no-repeat 2px 50%; }
#intro_contents .jcarousel-clip { overflow: hidden; height: 85px; margin-top: 15px; }

#contents { background:url('/images/contents_bg.jpg') repeat-x; }
#contents .contents_inner { width: 1000px; margin: 0 auto; position: relative; margin-bottom: 30px; }
#contents .content_header { padding-top: 20px; height: 60px; border-bottom: 1px solid #eaeaea; }
#contents .content_header .now_menu { width: 199px; height: 60px; display: inline-block; border-right: 1px solid #eaeaea; padding: 25px 0 0 20px;  }
#contents .content_header > div { display: inline-block;}
#contents .content_header > div > p.subtitle { display: inline-block; padding-left: 35px; width: 200px; }
#contents .content_header > div > p.navi { position: absolute; top: 53px; right: 20px; text-align: right; padding-left: 15px; background: url("/images/icon_navi.jpg") no-repeat 0 1px; }
#contents .contents_inner .lnb { margin-top: 25px; width: 215px; vertical-align: top; float: left; }
#contents .contents_inner .article { border-left: 1px solid #eaeaea; padding: 20px 0 40px 25px; min-height: 550px; height: 100%; margin-left: 219px; }
#contents .contents_inner .article .introduce_01 { margin-bottom: 60px; }
#contents .contents_inner .article .introduce_02 { margin-bottom: 80px; }

#contents .board_list_type1 table { width: 740px; border-top: 2px solid #2d75d9; }
#contents .board_list_type1 table th { border-bottom: 1px solid #2d75d9; height: 30px; background: url("/images/board_bg.jpg") repeat-x 0 0; text-align: center; font-weight: bold; }
#contents .board_list_type1 table .no_data { height: 200px; text-align: center; }
#contents .board_list_type1 table td { border-bottom: 1px solid #dedede; padding: 6px 0 6px 0; }
#contents .board_list_type1 table td.numbering { text-align: center; }
#contents .board_list_type1 table td.subject {  }
#contents .board_list_type1 table td.resistday { text-align: center; }
#contents .board_list_type1 table td.viewcount { text-align: center; }
#contents .board_list_type1 .board_srch_type1 { margin-top: 20px; text-align: center; }
#contents .board_list_type1 .board_srch_type1 option { border: 1px solid #e0e0e0; }
#contents .board_list_type1 .board_srch_type1 .srchbar input { border: 1px solid #e0e0e0; height: 17px; }
#contents .board_list_type1 .board_srch_type1 .srchbar img { padding: 2px 0 0 5px; }
#contents .board_list_type1 .board_srch_type1 .srchbar { display: inline-block; }
#contents .board_list_type1 .ctrl_btn { margin-top: 5px; text-align: right; }
#contents .paging { text-align: center; padding: 10px 0 10px 0; }

#contents .board_write_type1 { width: 740px; border-top: 2px solid #a5a5a5; }
#contents .board_write_type1 h4 { border-bottom: 1px solid #dedede; height: 22px; background: url("/images/board_bg.jpg") repeat-x 0 0; text-align: center; font-weight: bold; padding-top: 8px; }
#contents .board_write_type1 table { width: 740px; }
#contents .board_write_type1 table th { width: 100px; padding-left: 15px; background: url("/images/board_bulet.jpg") no-repeat 5px 50%; font-weight: bold; border-bottom: 1px solid #dedede; }
#contents .board_write_type1 table td { padding: 5px; border-bottom: 1px solid #dedede; }
#contents .board_write_type1 table td input.input_txt_type2 { border: 1px solid #d3d5d6; height: 20px; }
#contents .btn_array_center { text-align: center; margin-top: 10px; }
#contents .btn_array_center input { margin-right: 10px; }

#contents .common_view_type { width: 740px; border-top: 2px solid #a5a5a5; }
#contents .common_view_type h1 { border-bottom: 1px solid #dedede; height: 22px; background: url("/images/board_bg.jpg") repeat-x 0 0; font-weight: bold; padding-top: 8px; padding-left: 10px; }
#contents .common_view_type .post_summary_wrap { height: 12px; padding: 8px; border-bottom: 1px solid #dedede; }
#contents .common_view_type .post_summary_wrap .writer { float: left; }
#contents .common_view_type .post_summary_wrap .writer span { background: url("/images/board_bulet.jpg") no-repeat 5px 50%; padding: 5px 0 5px 12px; font-weight: bold; }
#contents .common_view_type .post_summary_wrap ul { float: right; }
#contents .common_view_type .post_summary_wrap ul li { float: left; }
#contents .common_view_type .post_summary_wrap ul li span { background: url("/images/board_bulet.jpg") no-repeat 5px 50%; padding: 5px 0 5px 12px; margin-right: 10px; font-weight: bold; } 
#contents .common_view_type .post_contents_wrap { padding: 10px; border-bottom: 1px solid #dedede; }
#contents .btn_array_twin { margin-top: 5px;}
#contents .btn_array_twin .array_lft { float: left; }
#contents .btn_array_twin .array_rgt { float: right; }

#contents .common_password_type { width: 740px; border-top: 2px solid #a5a5a5; }
#contents .common_password_type h4 { border-bottom: 1px solid #dedede; height: 22px; background: url("/images/board_bg.jpg") repeat-x 0 0; font-weight: bold; padding-top: 8px; text-align: center; }
#contents .common_password_type .input_form { margin: 20px 0 20px 0; text-align: center; font-weight: bold; border-bottom: 1px solid #dedede; padding-bottom: 20px; }
#contents .common_password_type .input_form input { border: 1px solid #dedede; height: 20px; }

#contents .agree_info { border: 1px solid #dedede; padding: 10px; }
#contents .agree_info h1 { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 40px; } 
#contents .agree_info .site, #contents .agree_info .address { font-weight: bold; text-align: right;}
#contents .agree_info .address { margin-bottom: 10px;}
#contents .agree_info p { line-height: 24px;}
#contents .agree { margin-bottom: 20px; margin-top: 10px; }
#contents .club { margin-top: 20px; text-align: right;}
#contents .join_text { display: inline-block; width: 60px; }
#contents .join_text1 { display: inline-block; width: 180px; }
#contents .join_input { display: inline-block; width: 60px; margin-right: 20px; }

#footer { background-color: #3a3a3a; height: 95px; }
#footer .footer_inner { width: 1000px; margin: 0 auto; position: relative; padding: 20px 0 0 0; }
#footer .footer_inner p { margin-left: 75px; }
#footer .footer_inner .copyright { position: absolute; top:  20px; left: 288px; color: #fff; }

label.error { display: block; color: #f00; }