@charset "utf-8";

/* 게시판공통CSS */
#board {margin:auto; width:980px; padding-bottom:100px}
#board .tit_sub {text-align:center; font-size:31px; letter-spacing:-2px; border-bottom:1px solid #474747; font-weight:700; padding:35px 0px 25px 0px}
#board .tab_board {overflow:hidden}
#board .tab_board ul li {float:left; width:326px; text-align:center; font-size:22px; letter-spacing:-1px}
#board .tab_board ul li+li {width:327px}
#board .tab_board ul li .tab_on {border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; height:52px; line-height:50px; color:#72ba61; font-weight:700}
#board .tab_board ul li .tab_off1 {background-color:#f1f1f1; border-right:1px solid #e4e4e4; height:52px; line-height:50px; color:#7a7a7a}
#board .tab_board ul li .tab_off2 {background-color:#f1f1f1; border-left:1px solid #e4e4e4; height:52px; line-height:50px; color:#7a7a7a}
/* SEARCH BOX */
#board .search_box {overflow:hidden; background-color:#f2f2f2; margin-top:50px}
#board .search_box .wrap_search {width:300px; margin:10px auto; overflow:hidden}
#board .search_box .wrap_search .opt_search {border:1px solid #d7d7d7; height:32px; line-height:27px; width:70px; float:left; padding:2px}
#board .search_box .wrap_search .inp_box {border:1px solid #d7d7d7; height:32px; float:right; overflow:hidden; width:220px; background-color:#FFFFFF}
#board .search_box .wrap_search .inp_box a {display:inline-block; margin-top:7px}
#board .search_box .wrap_search .inp_box .inp_search {width:180px; border:none; padding-left:10px; padding-top:8px}
/* TXT PREV NEXT */
#board .txt_prev_next {overflow:hidden; margin-top:30px; border-bottom:1px solid #e2e2e2}
#board .txt_prev_next ul {overflow:hidden; border-top:1px solid #e2e2e2}
#board .txt_prev_next ul li {float:left; font-size:13px; padding-top:15px; padding-bottom:15px}
#board .txt_prev_next ul li:first-child {padding-left:20px; padding-right:20px; color:#000000; background-color:#fbfcfb}
#board .txt_prev_next ul li+li {padding-left:15px}
#board .txt_prev_next ul li span {margin-left:10px}
/* BTN TYPE1 */
#board .btn_type1 {overflow:hidden; margin-top:20px}
#board .btn_type1 .box_btn {float:right}
#board .btn_type1 .box_btn .icon1 {width:110px; display:inline-block; text-align:center; font-size:14px; border:1px solid #91ca84; background-color:#91ca84; color:#ffffff; padding-top:10px; padding-bottom:10px}
#board .btn_type1 .box_btn .icon1:hover {border:1px solid #8ac17d; background-color:#8ac17d; color:#ffffff}
/* BTN TYPE2 */
#board .btn_type2 {overflow:hidden; margin-top:20px}
#board .btn_type2 .box_btn_left {float:left}
#board .btn_type2 .box_btn_left .icon2 {width:110px; display:inline-block; text-align:center; font-size:14px; border:1px solid #d7d7d7; padding-top:10px; padding-bottom:10px}
#board .btn_type2 .box_btn_left .icon2:hover {border:1px solid #999999; color:#000000}
#board .btn_type2 .box_btn_right {float:right}
#board .btn_type2 .box_btn_right .icon1 {width:110px; display:inline-block; text-align:center; font-size:14px; border:1px solid #91ca84; background-color:#91ca84; color:#ffffff; padding-top:10px; padding-bottom:10px}
#board .btn_type2 .box_btn_right .icon1:hover {border:1px solid #8ac17d; background-color:#8ac17d; color:#ffffff}
/* BTN TYPE3 */
#board .btn_type3 {overflow:hidden; margin-top:20px}
#board .btn_type3 .box_btn {float:right}
#board .btn_type3 .box_btn .icon1 {width:110px; display:inline-block; text-align:center; font-size:14px; border:1px solid #868686; background-color:#868686; color:#ffffff; padding-top:10px; padding-bottom:10px}
#board .btn_type3 .box_btn .icon1:hover {border:1px solid #6c6c6c; background-color:#6c6c6c; color:#ffffff}
#board .btn_type3 .box_btn .icon2 {width:110px; display:inline-block; text-align:center; font-size:14px; border:1px solid #d7d7d7; padding-top:10px; padding-bottom:10px}
#board .btn_type3 .box_btn .icon2:hover {border:1px solid #999999; color:#000000}
/* COMMENT */
#board .box_comment {background-color:#fbfcfb; padding:15px; border:1px solid #e2e2e2}
#board .box_comment .tit_comment {color:#5c5d63; font-size:16px; letter-spacing:-1px; font-weight:700; margin-top:10px}
#board .box_comment dl {margin-top:20px}
#board .box_comment dl dt {overflow:hidden;}
#board .box_comment dl dt ul li:first-child {float:left; width:830px}
#board .box_comment dl dt .tf_comment {border:1px solid #d9d9d9; width:830px; height:65px}
#board .box_comment dl dt ul li+li {float:right; background-color:#707070; text-align:center; width:100px; padding:26px 0px 26px 0px}
#board .box_comment dl dt ul li+li p {color:#FFFFFF; font-weight:700; letter-spacing:-1px; font-size:14px}
#board .box_comment dl dd {margin-top:40px; overflow:hidden}
#board .box_comment dl dd ul {overflow:hidden; padding-bottom:10px}
#board .box_comment dl dd ul+ul {padding-top:10px; border-top:1px solid #d9d9d9}
#board .box_comment dl dd ul li:first-child {float:left; width:833px}
#board .box_comment dl dd ul li:first-child span {font-size:12px; color:#8d8d8d}
#board .box_comment dl dd ul li:first-child p {font-size:13px; margin-top:5px; line-height:20px}
#board .box_comment dl dd ul li+li {float:right}
#board .box_comment dl dd ul li+li .btn_comment {background:url(../img/board/bg_comment.gif) no-repeat; width:50px; height:30px; line-height:28px; color:#5c5d63; float:left; text-align:center; font-size:12px; margin-left:5px}


/* LIST */
#board .tbl_list {overflow:hidden; margin-top:40px}
#board .tbl_list .line_top1 {border-top:1px solid #e2e2e2}
#board .tbl_list .line_left1 {border-left:1px solid #e2e2e2}
#board .tbl_list .line_right1 {border-right:1px solid #e2e2e2}
#board .tbl_list .line_bottom1 {border-bottom:1px solid #e2e2e2}
#board .tbl_list .line_bottom2 {border-bottom:1px dashed #d7d7d7}
#board .tbl_list .txt1 {color:#474747; font-size:15px}
#board .tbl_list .txt2 {color:#777777; font-size:14px; line-height:18px}
#board .tbl_list .txt2 p {margin-left:10px}
#board .tbl_list .btn_job_on {font-size:12px; background-color:#3f91d6; color:#FFFFFF; padding:3px 0px 3px 0px; width:55px; text-align:center; margin-top:3px; display:inline-block}
#board .tbl_list .btn_job_off {font-size:12px; background-color:#7c7c7c; color:#FFFFFF; padding:3px 0px 3px 0px; width:55px; text-align:center; margin-top:3px; display:inline-block}
#board .tbl_list span {margin-left:5px; font-size:12px}
#board .tbl_list .bg1 {background-color:#fbfcfb}

/* PHOTO LIST */
#board .tbl_photo_list {overflow:hidden; border-top:1px solid #000000; padding:20px 0px 20px 0px}
#board .tbl_photo_list ul {width:100%; overflow:hidden}
#board .tbl_photo_list ul+ul {margin-top:30px}
#board .tbl_photo_list ul li {width:32.2%; float:left; overflow:hidden; border:1px solid #e2e2e2; height:290px}
#board .tbl_photo_list ul li+li {margin-left:13px}
#board .tbl_photo_list ul li .thumb_list {overflow:hidden}
#board .tbl_photo_list ul li .thumb_list img {width:100%}
#board .tbl_photo_list ul li dl {margin:0px 8px 8px 8px; overflow:hidden}
#board .tbl_photo_list ul li dl dt {font-size:14px; padding-top:15px; color:#000000}
#board .tbl_photo_list ul li dl dt a {color:#000000}
#board .tbl_photo_list ul li dl dd .txt_desc {margin-top:5px; font-size:14px; line-height:20px; padding-bottom:12px; font-size:13px}
#board .tbl_photo_list ul li dl dd .txt_desc a {color:#5f5f5f}
#board .tbl_photo_list ul li dl dd .txt_desc a:hover {text-decoration:underline}
#board .tbl_photo_list ul li dl dd .txt_day {padding-bottom:5px; padding-top:5px}

/* VIEW */
#board .tbl_view {overflow:hidden; margin-top:40px}
#board .tbl_view .line_top1 {border-top:1px solid #e2e2e2}
#board .tbl_view .line_top2 {border-top:1px solid #e2e2e2}
#board .tbl_view .line_bottom1 {border-bottom:1px solid #e2e2e2}
#board .tbl_view .line_left {border-left:1px solid #e2e2e2}
#board .tbl_view .line_right {border-right:1px solid #e2e2e2}
#board .tbl_view .txt1 {font-weight:normal; color:#000000; font-size:15px; padding-left:25px}
#board .tbl_view .txt2 {color:#000000; font-size:14px; font-weight:normal; background-color:#fbfcfb}
#board .tbl_view .txt2_2 {color:#777777; font-size:14px; font-weight:normal; padding-left:15px}
#board .tbl_view .txt3 {color:#777777; font-size:14px; font-weight:normal; padding:15px 15px 65px 15px; line-height:22px}

/* WRITE */
#board .tbl_write {overflow:hidden; margin-top:40px}
#board .tbl_write .line_top1 {border-top:1px solid #e2e2e2}
#board .tbl_write .line_top2 {border-top:1px solid #d7d7d7}
#board .tbl_write .line_bottom1 {border-bottom:1px solid #e2e2e2}
#board .tbl_write .txt1 {font-weight:normal; color:#000000; font-size:14px; padding-left:20px}
#board .tbl_write .bg {background-color:#fbfcfb; border-right:1px solid #e2e2e2}
#board .tbl_write .form_box {padding-left:15px}
#board .tbl_write .inp_write {border:1px solid #d0cfcf; height:25px; padding-left:6px}
#board .tbl_write .opt_write {border:1px solid #d0cfcf; height:30px; line-height:23px; padding:2px}
#board .tbl_write .tf_write {border:1px solid #d0cfcf}
#board .tbl_write .box_write {padding:10px}




/* JOIN */
#board .join {overflow:hidden}
#board .join .tit_join {font-size:60px; letter-spacing:-2px; color:#525252; border-bottom:1px solid #a9a9a9; padding-bottom:10px; font-weight:normal}
#board .join .box_progress {background-color:#f7f7f7; overflow:hidden; border-bottom:1px solid #dedede}
#board .join .box_progress ul {margin:15px 15px 15px 0px; overflow:hidden; float:right}
#board .join .box_progress ul li {overflow:hidden; float:left}
#board .join .box_progress ul li+li {margin-left:17px}
#board .join .box_progress ul li .num_on {background:url(../img/member/bg_progress_num1.png) no-repeat; width:32px; height:32px; color:#FFFFFF; text-align:center; overflow:hidden; font-size:17px; font-weight:bold; line-height:30px; float:left}
#board .join .box_progress ul li .num_off {background:url(../img/member/bg_progress_num2.png) no-repeat; width:32px; height:32px; color:#FFFFFF; text-align:center; overflow:hidden; font-size:17px; font-weight:bold; line-height:30px; float:left}
#board .join .box_progress ul li p {float:left; font-size:16px; margin-top:7px; margin-left:3px; color:#939393}
#board .join .box_progress ul li .txt_on {color:#559a30; font-weight:600}
#board .join .bt {overflow:hidden; margin-top:60px}
#board .join .bt ul {width:250px; margin:auto; text-align:center; overflow:hidden}
#board .join .bt ul li:first-child {float:left; background-color:#559a30; color:#FFFFFF; font-size:17px; font-weight:600; width:120px; letter-spacing:-1px; padding:12px 0px 12px 0px}
#board .join .bt ul li:first-child:hover {background-color:#498d25}
#board .join .bt ul li+li {float:right; background-color:#eaeaea; color:#737373; font-size:17px; font-weight:600; width:120px; letter-spacing:-1px; padding:12px 0px 12px 0px}
#board .join .bt ul li+li:hover {background-color:#e2e1e1}
/* agreement */
#board .join .agreement {overflow:hiddenl; margin-top:40px}
#board .join .agreement .tit_agree {font-size:18px; font-weight:600}
#board .join .agreement .tit_agree2 {font-size:18px; font-weight:600; margin-top:50px}
#board .join .agreement .box_agree {border:1px solid #dedede; overflow-y:scroll; height:200px; margin-top:10px; padding:18px 10px; font-size:14px; line-height:23px} 
#board .join .agreement .box_agree p { font-weight:700}
#board .join .agreement .inp_agree {overflow:hidden; font-size:13px; padding:5px 0px 0px 0px}
#board .join .agreement .inp_agree2 {overflow:hidden; font-size:13px; padding:7px 0px 9px 5px; background-color:#f6f6f6; color:#333333}
/* join mode */
#board .join .join_mode {margin-top:40px}
#board .join .join_mode .inp_join {border:1px solid #CCCCCC; height:28px; padding-left:8px}
#board .join .join_mode .opt_join {border:1px solid #CCCCCC; height:29px; line-height:22px; padding:2px}
#board .join .join_mode .tit_join_mode {font-size:18px; color:#525252; font-weight:600; padding-bottom:15px; border-bottom:1px solid #cccccc}
#board .join .join_mode .txt {font-size:14px; padding-left:10px}
#board .join .join_mode .txt span {color:#ff4606; margin-right:5px}
#board .join .join_mode .txt2 {font-size:14px; margin-left:24px; }
#board .join .join_mode .line_bottom {border-bottom:1px solid #dedede}
#board .join .join_mode .line_bottom2 {border-bottom:1px solid #999999}
#board .join .join_mode .bg {background-color:#f7fcf6}
#board .join .join_mode .bt_mode {display:inline-block; background-color:#666666; padding:7px; color:#FFFFFF; margin-left:5px; font-size:12px}
#board .join .join_mode .bt_mode:hover {background-color:#404040}
#board .join .join_mode .form_box {font-size:13px}
#board .join .join_mode .form_box p {margin-top:5px}
/* join success */
#board .join .join_success {margin-top:40px}
#board .join .join_success .txt1 {text-align:center; font-size:25px}
#board .join .join_success .txt2 {text-align:center; font-size:20px; margin-top:10px}



/* password */
#board .wrap_password {overflow:hidden; text-align:center; border:1px solid #CCCCCC; padding:40px; background-color:#fafafa}
#board .wrap_password p {font-size:18px; letter-spacing:-1px; color:#313131}
#board .wrap_password .box_inp_pw {margin-top:15px}
#board .wrap_password .box_inp_pw .inp_pw {border:1px solid #9e9e9e;; height:29px; line-height:22px; width:180px; text-align:center}
#board .wrap_password .box_inp_pw span {font-size:14px; background-color:#333333; color:#FFFFFF; padding:9px 22px 9px 22px}



/* idpw search */
#board .idpw_search {overflow:hidden; border-bottom:1px solid #d2d2d2}
#board .idpw_search .tit_idpw {font-size:40px; letter-spacing:-2px; color:#525252; padding-bottom:10px; border-bottom:1px solid #d2d2d2; padding-bottom:20px; font-weight:normal}
#board .idpw_search ul {overflow:hidden; width:49.9%; padding-top:35px; float:left}
#board .idpw_search ul li:first-child {font-size:18px; font-weight:600}
#board .idpw_search ul li+li {margin-top:15px}
#board .idpw_search ul li+li+li {margin-top:6px}
#board .idpw_search ul li .txt_idpw {font-size:14px; display:inline-block; width:80px; color:#333333}
#board .idpw_search ul li .inp_idpw {border:1px solid #cccccc; height:29px; width:202px; padding-left:8px}
#board .idpw_search ul li .inp_idpw2 {border:1px solid #cccccc; height:29px; width:50px; padding-left:8px}
#board .idpw_search ul li .opt_idpw {border:1px solid #cccccc; height:29px; width:70px; padding-left:8px}
#board .idpw_search ul .bt_search {background-color:#559a30; color:#FFFFFF; width:295px; text-align:center; font-size:16px; padding:10px 0px 10px 0px; margin-top:15px}
#board .idpw_search ul .bt_search:hover {background-color:#498d25}
#board .idpw_search ul+ul {border-left:1px solid #d2d2d2; padding-bottom:40px}
#board .idpw_search ul li {margin-left:70px}