@charset "utf-8";
/* ### 기본 스타일 커스터마이징 시작 ### */
/* 기본박스 */
.mbskin{position:relative;margin:100px auto 0;width:400px;text-align:center;background:rgba(0,0,0,.5);border:1px solid black;}
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin  h1{margin: 20px 0 20px;font-size: 2em;}
.mbskin .tbl_frm01 th{width:85px}
/* ### 기본 스타일 커스터마이징 끝 ### */

/*/ === 회원가입 약관 === /*/
section.dk-box > .dk-box-content > textarea.dk-scroll{width:100%;height:200px;display:block;background:none;color:#FFF;border:0}
section.dk-box > .dk-box-content div{padding:20px;background:#fff}
section.dk-box > .dk-box-content table{width:100%;border-collapse:collapse}
section.dk-box > .dk-box-content table th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #000}
section.dk-box > .dk-box-content table td{border:1px solid #000;padding:10px;background-color:rgba(0,0,0,.5)}

/*/ === 회원가입 입력 === /*/
table.dk-member-form{width:100%;margin-bottom:20px}
table.dk-member-form th{
    font-size:14px;font-weight:bolder;
    border:1px solid #000;
    padding-right:10px;width:150px;
    text-align:right;background-color:rgba(0,0,0,.5);
}
table.dk-member-form td{border:1px solid #000;padding:10px;background-color:rgba(0,0,0,.3)}
table.dk-member-form td input{background-color:rgba(0,0,0,.5);border:1px solid #000;color:white}
table.dk-member-form td input.readonly{background:none;border:0}

/*/ === 회원가입 완료 === /*/
.dk-r-result-header strong{font-size:14px;font-weight:bolder;color:#FF5B5A}
.dk-r-result{height:1175px;background:url('./img/r-result.jpg') no-repeat 0 0}

/*/ === 로그인 === /*/
#mb_login{}
#login_fs{padding:0 50px}
#mb_login #login_fs .frm_input{margin:0 0 10px;padding:0 10px;background-color:rgba(0,0,0,.5);border:1px solid #000;color:white}
#mb_login #login_fs .btn_submit {margin:0 0 20px}
#mb_login #login_info{background:rgba(0,0,0,.3);padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 }
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a{display:inline-block;width:50%;float:left}
#login_password_lost{border-right:1px solid #ddd}
#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}
#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{background-color:rgba(0,0,0,.5);border:1px solid #000;color:white}
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}

#mb_confirm fieldset{padding:0 40px 40px;}
#mb_confirm fieldset .frm_input{padding:0 10px;background-color:rgba(0,0,0,.5);border:1px solid #000;color:white}
#mb_confirm fieldset .frm_input.readonly{background-color:rgba(0,0,0,.3)}

/*/ ===== 쪽지 ===== /*/
#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
#memo_list .memo_datetime{float:right;font-size:0.92em;color:white}
#memo_list .memo_del{margin-left:5px;color:red;font-size:15px}
#memo_write textarea {height:100px}
.new_win_con > .win_ul{margin:0 !important;border-right:0 !important;}
.new_win_con > .win_ul > li{background:rgba(0,0,0,.5) !important;border:1px solid #000 !important;}
.new_win_con > .win_ul > li > a{color:white !important;}
.new_win_con > .win_ul > li.selected{background:rgba(0,0,0,.7) !important;border:1px solid #000 !important}
.new_win_con > .win_ul > li.selected > a{color:#FFE52F !important}
.dk-memo-list{}
.dk-memo-list > ul{}
.dk-memo-list > ul > li{background:rgba(0,0,0,.3) !important;border:1px solid black !important}
.dk-memo-list > ul > li:hover{background:rgba(0,0,0,.5) !important}
.dk-memo-list > ul > li a,
.dk-memo-list > ul > li span{color:white !important}
.dk-memo-list > ul > li span.memo_name{position:relative !important;top:2px !important}
.dk-box-header .memo-time{float:right !important}
.dk-box-header span{color:white;font-size:12px !important}
[name="fmemoform"] textarea,
[name="fmemoform"] input{background-color:rgba(0,0,0,.5) !important;border:1px solid #000 !important;color:white !important}
[name="fmemoform"] textarea{height:200px !important}
/*/ ===== 포인트 ===== /*/
#point .point_top{line-height:15px;margin:0 0 5px}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;}
#point .point_num{font-size:16px;color:#FF8782;float:right}
#point .point_date{float:left;color:#646464}
#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_all span,#point .point_status span{float:right;}
#point .dk-coin-li{background:rgba(0,0,0,.5);border:1px solid black}