@charset "utf-8";
@import url(reset_eric.css);

body { font:normal 12px '돋움', dotum,san-serif;}
a { text-decoration:none; }

/* header */
#header_wrap { width:100%; }
#header {width:930px; margin:0 auto; height:142px; position:relative; }
#header h1 { display:block; padding-top:10px; padding-bottom:15px; text-align:center; }
#header .util { position:absolute; right:-5px; top:50px; }
#header .util li { float:left; height:10px; padding:0 7px; background:url(../images/common/util_bar.jpg) no-repeat left 2px; }
#header .util li:first-child { background:none;}
#header .header_left { width:760px; float:left; height:42px; background:url(../images/common/header_bg01.jpg) no-repeat; }
#header .header_left > p { display:block; float:left; margin-left:20px; margin-top:8px; }
#header .header_left ul { float:left; height:16px; margin-top:11px; padding-left:45px; }
#header .header_left ul li { float:left; padding:0 18px; background:url(../images/common/navi_bar01.png) no-repeat left 2px;  }
#header .header_left ul li:first-child { background:none;}

#header .header_left2 { width:930px; float:left; height:42px; background:url(../images/common/header_bg001.jpg) no-repeat; }
#header .header_left2 > p { display:block; float:left; margin-left:20px; margin-top:8px; }
#header .header_left2 ul { float:left; height:16px; margin-top:11px; padding-left:45px; }
#header .header_left2 ul li { float:left; padding:0 18px; background:url(../images/common/navi_bar01.png) no-repeat left 2px;  }
#header .header_left2 ul li:first-child { background:none;}

#header .header_right { width:170px; float:left; height:42px; background:url(../images/common/header_bg02.jpg) no-repeat; }
#header .header_right ul { height:16px; margin-top:11px; padding-left:18px; }
#header .header_right ul li { float:left; padding:0 10px; background:url(../images/common/navi_bar01.png) no-repeat left 2px;  }
#header .header_right ul li:first-child { background:none;}
 
#content_wrap { clear:both; width:100%; }
#content {width:930px; margin:0 auto; }

#content .lnb { float:left; width:190px; height:600px; position:relative; }
#content .lnb h3 { }
#content .lnb ul { display:inline-block; padding:0 9px; height:350px; border:1px solid #d2d2d2; border-top:none; background:#f8f8f8; }
#content .lnb ul li { height:40px; }
#content .lnb ul li a { display:inline-block;  width:170px;  padding:10px 0 10px; border-bottom:2px solid #e8e8e8; }
#content .lnb ul li a img { margin-left:15px; }
#content .lnb ul li:first-child { margin-top:13px; }

#content .content_main{  width:720px; float:right; min-height:700px; }
.content_main #galleria{ float:left;  width:360px; height:330px; }
.content_main .con_main .con_list_table {width:720px; margin-bottom:60px; }
.content_main .con_main .con_list_table_1 { width:350px; border:1px solid #d2d2d2; line-height:140%; margin-bottom:20px;}
.content_main .con_main .con_list_table_1 .span1 { font-weight:bold; font-size:16px; }
.content_main .con_main .con_list_table_1 .span2 { font-weight:bold; font-size:13px; color:#d23e38; }
.content_main .con_main .con_top { clear:both;height:330px; position:relative;  }
.content_main .con_main .con_top .con_top_right { float:right; width:328px; height:328px; border:1px solid #d2d2d2; line-height:140%; }
.content_main .con_main .con_top .con_top_right .con_view_table { color:#666666; }
.content_main .con_main .con_top .con_top_right .con_view_table .span1 { font-weight:bold; font-size:16px;}
.content_main .con_main .con_top .con_top_right .con_view_table .span2 { font-weight:bold; font-size:14px; color:#d23e38;}

.tab { clear:both; width:720px; padding-top:20px;}
.tab > ul {overflow:hidden;}
.tab > ul > li {float:left;}
.tab .tab_content { display:block; padding:55px 0; }

.con_main { width:720px; }

.con_join_table { background:url(../images/common/tab04_bg.jpg) no-repeat; }
.con_join_table tr td:first-child { padding-left:45px;}
.con_join_table span { color:#b94e4e; }

#footer_wrap { clear:both; width:100%; }
#footer {width:930px; height:150px; margin:0 auto; }
#footer .b_navi { height:42px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background:#f8f8f8; }
#footer .b_navi ul { padding-top:15px; margin-left:300px; }
#footer .b_navi ul li { float:left; padding:0 20px; background:url(../images/common/f_navi_bar.png) no-repeat left 1px;}
#footer .b_navi ul li:first-child { background:none;}

#footer p.f_logo { display:block; margin-left:35px; margin-top:20px; float:left; }
#footer p.copy  { margin-left:50px; margin-top:30px; float:left; }


.btn_submit {width:80px; height:32px; padding:8px;border:0;background:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}



/* 로그인 */
#mb_login {margin:0 auto;padding:100px 0;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em}
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}
#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}
#mb_login #login_info {margin:0 0 30px; padding:20px; border:1px solid #cfded8; background:#f5f6fa}
#mb_login #login_info div {text-align:right}

#mb_login_notmb {position:relative;margin:0 0 20px;padding:20px;border:1px solid #cfded8;background:#fff}
#mb_login_notmb #guest_privacy {margin:0 0 10px;padding:10px;height:150px;border:1px solid #e9e9e9;overflow:auto}
#mb_login_notmb .btn_confirm {padding:10px 0 0}

#mb_login_od {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login_od legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login_od label {letter-spacing:-0.1em}
#mb_login_od .od_id {position:absolute;top:26px;left:95px}
#mb_login_od .od_pwd {position:absolute;top:52px;left:95px}
#mb_login_od .frm_input {display:block;margin:0 0 5px 80px}
#mb_login_od .btn_submit {position:absolute;top:20px;left:335px;width:52px;height:49px}
#mb_login_odinfo {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login_odinfo div {text-align:right}


/* 약관 */
p.agreement textarea { width:700px; height:490px;  border:1px solid #ebebeb; margin-bottom:60px; resize:none; padding:5px 10px; }

/* 테이블 관련 */
ul,li{list-style:none;}
.tbl_type_01 {border-top:solid 2px #d05b61;border-bottom:solid 1px #bababa}
.tbl_type_01 {font-family:Tahoma;font-size:12px;text-align:center}
.tbl_type_01 caption{display:none}
.tbl_type_01 tr {}
.tbl_type_01 th{_border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;color:#666;font-family:'돋음',dotum;font-size:12px;font-weight:normal;background: #f8f8f8;}
.tbl_type_01 td{text-align:left;border-left:solid 1px #e4e4e4;border-top:solid 1px #e4e4e4;padding:10px 10px;color:#4c4c4c}
.tbl_type_01 td span {line-height:20px;padding:0 10px}
.tbl_type_01 span { color:#b94e4e; }
.left{float:left;width:220px;font-weight:bold;}
.right{float:left;}