@charset "utf-8";

/* wetoz */
.board_list .bo_fx {width:100%;margin:20px auto 0}

.ui-widget-overlay{ background: #000 !important; opacity:.5 !important; filter:Alpha(Opacity=50) !important; }
.ui-dialog,
.ui-dialog-titlebar,
.ui-dialog-titlebar-close,
.ui-dialog-content { padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; z-index: 1000 !important; }
.ui-dialog .ui-dialog-titlebar { display: block; height: 60px !important; z-index: 1500 !important; top: 0; right: 0; position: absolute; }
.ui-dialog .ui-dialog-titlebar-close { display: block; width: 25px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; outline: 0 !important; background: url(/img/btn_close_25x26.png) no-repeat !important; position: absolute !important; left: auto !important; top: 9px !important; right: 29px !important; text-indent: -50000px; }
.ui-dialog-content { background: #fff !important; }
.ui-dialog-content .title { height: 41px; background: #5f4239; font-size: 14px; font-weight: 500; text-align: center; line-height: 41px; color: #fff;	}

.location .ui-dialog-titlebar-close { display: block; width: 30px !important; height: 30px !important; margin: 0 !important; padding: 0 !important; outline: 0 !important; background: url(/img/btn_close_30x30.png) no-repeat !important; position: absolute !important; left: auto !important; top: 6px !important; right: -39px !important; text-indent: -50000px; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

/* 로그인 */
#login { background: #fff; font-size: 12px; color: #444; font-family: '맑은 고딕', MalgunGothic; text-align: left; }
#login .title { height: auto; background: none; padding: 80px 0 0; text-align: left; }
#login fieldset { width: 473px; margin: 0 auto; padding-bottom: 27px; border-bottom: 1px solid #e8eaeb; position: relative; }
#login .link { width: 460px; margin: 10px auto 0 auto; padding: 0 14px; list-style: none; text-align: left; }
#login .link li { padding: 11px 0; background: url(/img/dotted_2x_dee1e4.gif) repeat-x left bottom; position: relative; }
#login .link li a { display: inline-block; height: 21px; padding: 0 17px; background: #c5c5c5; line-height: 21px; color: #fff; position: absolute; top: 7px; right: 0; }
#login .msg { margin-bottom: 21px; padding: 12px 0 24px 0; border-bottom: 1px solid #e8eaeb; font-size: 11px; color: #474747; }
#login p { clear: both; }
#login .fld { padding-top: 9px; }
#login .input { width: 216px; height: 38px; padding: 0 20px; background-color: #f4f5f7 !important; border: 1px solid #e1e4e8 !important; border-radius: 0; outline: 0; line-height: 40px; color: #000 !important; }
#login .fld label,
#login .fld .input { float: left; }
#login .fld label { width: 88px; height: 40px; margin: 0; padding-left: 5px; line-height: 40px; }
#login .check { padding: 18px 0 0 93px; }
#login .btns { position: absolute; top: 203px; right: 0; }
#login .btn { width: 111px; height: 89px; margin: 0; padding: 0; background: #5f4239; border: 0; font-size: 12px; font-family: '맑은 고딕', MalgunGothic; line-height: 89px; color: #fff; }

/* 회원가입 */
#join { background: #fff; font-size: 12px; font-family: '맑은 고딕', MalgunGothic; }
#join .certification { width: 864px; margin: 0 auto; }
#join .certification_box { float: left; width: 422px; height: 180px; margin: 0; padding: 36px 0 0 0; background: #fff; border: 1px solid #cdd2d7; text-align: left; position: relative; }
#join .certification_box dt { padding: 0 0 0 30px; }
#join .certification_box .summary { padding: 15px 0 0 32px; color: #979797; }
#join .certification_box .btns { width: 100%; padding: 10px 0 13px 0; background: #fafafa; border-top: 1px solid #e6e6e6; text-align: center; position: absolute; bottom: 0; left: 0; }
#join .certification_box .btns a { display: block; width: 145px; height: 30px; margin: 0 auto; background: #56a0d0; font-size: 12px; line-height: 30px; color: #fff; }
#join .ipin_box { background: #fff url(/img/front/ipin_img.gif) no-repeat 287px 57px; }
#join .phone_box { margin-left: 16px; background: #fff url(/img/front/phone_img.gif) no-repeat 344px 36px; }
#join .generalmember_box { height: 128px; background: #fff url(/img/front/generalmember_img.gif) no-repeat 333px 30px; }
#join .foreignmember_box { height: 128px; margin-left: 16px; background: #fff url(/img/front/foreignmember_img.gif) no-repeat 337px 29px; }
#join .step { padding: 22px 0 24px; background: #f8f9f9; text-align: center; }
#join .end_txt { display: none; padding: 12px 0 74px 0; font-size: 11px; color: #474747; }
#join .end_txt strong { font-size: 11px; color: #266085; }
#join .step4 { padding: 0 0 75px; }
#join .step4 .msg { padding: 155px 0 0; text-align: center; }
#join .step2 { padding-bottom: 61px; }
#join .step2 .msg { padding: 61px 0; text-align: center; }
#join .step2 .certification:after { clear: both; display: block; content: ''; }
#join .step1 .box { width: 860px; margin: 0 auto; text-align: left; }
#join .step1 .title { padding: 42px 0 13px 0; }
#join .step1 .scroll { height: 148px; padding: 26px 28px; background: #f0f0f0; overflow-y: scroll; font-size: 11px; color: #939b9f; text-align: left; }
#join .step1 .scroll * { font-size: 11px; color: #939b9f; text-align: left; }
#join .step1 .check { padding: 13px 0 0; font-size: 11px; color: #474747; }
#join .step1 .btns { padding: 55px 0; text-align: center; }
#join .step0 { padding: 0 0 64px 0; }
#join .step0 .msg { width: 819px; margin: 25px auto 64px auto; padding: 3px 0 4px 41px; background: url(/img/front/icon_exclamation_mark_23x23.gif) no-repeat; font-size: 12px; text-align: left; color: #474747; }
#join .frm_write { width: 860px; margin: 0 auto; padding: 66px 0 0 0; border: 0; text-align: left;}
#join .frm_write .tbl { margin-top: -12px; border-top: 2px solid #e5e5e5; }
#join .frm_write caption { padding: 0 0 12px 0; text-align: right; font-size: 11px; color: #474747; }
#join .frm_write caption img { margin-top: 1px; vertical-align: top; }
#join .frm_write th,
#join .frm_write td { padding: 8px 0; }
#join .frm_write th { padding-left: 30px; text-align: left; }
#join .frm_write td label { display: inline-block; padding: 0 14px 4px 8px; }
#join .frm_write td,
#join .frm_write td label { font-size: 11px; color: #262626; }
#join .frm_write tr:first-child th,
#join .frm_write tr:first-child td { padding-top: 15px; }
#join .frm_write .input { margin-bottom: 0; vertical-align: middle; font-size: 11px; color: #acacac; }
#join .frm_write .readonly { background: #f0f0f0; color: #161616; }
#join .frm_write .email .input { width: 160px; }
#join .frm_write .phone .input { width: 100px; }
#join .frm_write .btns { margin: 19px 0 0; padding: 48px 0; border-top: 1px solid #e5e5e5;  text-align: center; }

.btn_gray { display: inline-block; height: 40px; vertical-align: middle; padding: 0 30px; background: #b1b1b1; border: 0; border-radius: 0; font-family: '맑은 고딕', MalgunGothic; font-size: 12px; line-height: 40px; color: #fff !important; }
.btn_blue { display: inline-block; height: 40px; vertical-align: middle; padding: 0 30px; background: #385267; border: 0; border-radius: 0; font-family: '맑은 고딕', MalgunGothic; font-size: 12px; line-height: 40px; color: #fff !important; }
.btn_brown { display: inline-block; height: 40px; vertical-align: middle; padding: 0 30px; background: #5f4239; border: 0; border-radius: 0; font-family: '맑은 고딕', MalgunGothic; font-size: 12px; line-height: 40px; color: #fff !important; }
.btn_dark-blue { display: inline-block; height: 40px; vertical-align: middle; padding: 0 30px; background: #317bba; border: 0; border-radius: 0; font-family: '맑은 고딕', MalgunGothic; font-size: 12px; line-height: 40px; color: #fff !important; }

#fregister p {color:#e8180c;text-align:center}
.frm_write { padding: 33px 71px 63px 91px; border: 1px solid #57a1d0; font-family: '맑은 고딕', malgungothic; }
.frm_write label { display: block; padding: 0 0 8px; }
.frm_write select { width: 258px; height: 40px; padding: 12px 14px 12px 21px; background: #f4f5f7; border: 0; border-radius: 0; vertical-align: top; color: #b7c1cd !important; }
.frm_write .input { width: 216px; height: 38px; margin-bottom: 10px; padding: 0 20px; background: #f4f5f7 !important; border: 1px solid #e1e4e8; border-radius: 0; outline: 0; color: #b7c1cd !important; }
.frm_write .txta { width: 772px; height: 208px; margin-bottom: 10px; padding: 16px 21px; background: #f4f5f7; border: 1px solid #e1e4e8; border-radius: 0; outline: 0; color: #b7c1cd !important; }
.frm_write .btns { padding-top: 46px; }
.frm_write p { margin: 0; padding: 0; }
.frm_write p.name,
.frm_write p.last_name,
.frm_write p.phone { float: left;  }
.frm_write p.last_name,
.frm_write p.phone { padding-left: 20px; }
.frm_write p.email { clear: left; }
.frm_write p.email select { margin-left: 16px; }
.frm_write p.file .file { margin-right: 20px; }
.frm_write p.msg { padding-bottom: 23px; font-size: 11px; color: #a9a9a9; }
.frm_write .area ul { width: 814px; height: 40px; margin: 0; padding: 0; list-style: none; background: #e5f4fb; line-height: 40px; }
.frm_write .area li { display: inline-block; width: 40%; padding-left: 40px; }
.frm_write .area li label { display: inline-block; padding: 0 0 3px 10px; }
.frm_write span.required { display: inline-block; width: 15px; background: url(/img/front/required.gif) no-repeat 0 6px !important; text-indent: -50000px; }
.frm_write label span.required { background-position: right 6px !important; }

.room_view .left_area { float: left; text-align: left; }
.room_view .right_area { float: right; text-align: right; }
.room_view .btns a { display: inline-block; width: 70px; height: 32px; background: #355167; font-size: 13px; line-height: 32px; text-align: center; color: #fff; }
.room_view .btns a.type2 { height: 28px; border: 2px solid #355167; background: #fff; line-height: 28px; color: #355167; }
.room_view:after { content: ''; display: block; clear: both; }