@charset "utf-8";
/* ### 기본 스타일 커스터마이징 시작 ### */
.mbskin{padding:15px}
.mbskin h1{font-size:1.75em;margin:40px 0 25px}
.mbskin p {padding-bottom:20px;}
.mbskin p strong{color:#4162ff;padding-bottom:5px;display:block;font-size:1.083em}

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin .btn_cancel {}
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn a {}
.mbskin .win_btn button {}
.mbskin .win_btn input {}
/* 게시판용 버튼 */
.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 {}

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

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 caption {}
.mbskin .tbl_frm01 th {}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mbskin .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_box{max-width:640px; margin:0 auto; position:relative; padding:15px;}
.join_step{text-align:center;}
.join_step li{display:inline-block; width:30px; height:30px; font-size:14px; line-height:28px; color:#ccc; border:1px solid #dcdcdc; border-radius:30px; vertical-align:top;}
.join_step li.on{background-color:#313131; color:#fff; border:1px solid #313131;}
.join_step li.bar{background:url("img/join_step_line.jpg") 0 center repeat-x; width:24px; height:30px;border:0 none;}
.join_title{text-align:center; font-size:20px; line-height:34px; color:#1b1b1b; font-weight:400; margin-top:15px; margin-bottom:40px;}

/* 회원가입 약관 */
#fregister p{text-align:center;color: #c7254e;background: #f9f2f4;padding:10px;border:1px solid #ecc7d2;margin:0 0 5px}
#fregister section {position:relative;}
#fregister_chkall{border:1px solid #dcdcdc; border-radius:5px; font-size:16px; line-height:40px; color:#000; text-align:center;}
#fregister_chkall input[type=checkbox]{display:none;}
#fregister_chkall label{display:inline-block; font-size:15px; line-height:22px; color:#000; padding-right:22px; background:url("img/member_chk_off.png") right center no-repeat; background-size:18px auto;}
#fregister_chkall input[type=checkbox]:checked + label{background:url("img/member_chk_black.png") right center no-repeat; background-size:18px auto;}

#fregister h2 {font-size:15px; line-height:22px; color:#000; font-weight:400; padding-left:12px; margin:0; background:url("img/join_bold_black.png") 0 center no-repeat; background-size:6px auto; text-align:left;}
#fregister textarea{width:100%; height:140px; padding:15px; font-size:14px; line-height:24px; color:#7e7e7e; border-radius:5px; border:1px solid #dcdcdc; background-color:#f6f6f6; margin-top:15px; resize:none;  margin-bottom:20px;}
#fregister .fregister_agree{position:absolute;top:0;right:0;}
#fregister .fregister_agree input[type=checkbox]{display:none;}
#fregister .fregister_agree label{display:inline-block; font-size:15px; line-height:22px; color:#707070; padding-right:22px; background:url("img/member_chk_off.png") right center no-repeat; background-size:18px auto;}
#fregister .fregister_agree input[type=checkbox]:checked + label{background:url("img/member_chk_black.png") right center no-repeat; background-size:18px auto;}

#fregister_private div{padding:20px;background:#fff}
#fregister_private table{width:100%;border-collapse:collapse}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table  th{background:#646982;width:33.33%;color:#fff;padding:10px;border:1px solid #555971}
#fregister_private table  td{border:1px solid #ddd;padding:10px; padding-bottom:10px;}
#fregister .btn_confirm{text-align:center; margin-top:20px;}
#fregister .btn_confirm .btn_submit{width:150px; height:40px; font-size:15px; color:#fff; background-color:#000; text-align:center; vertical-align:top; border-radius:40px;}
#fregister .btn_confirm .cancel_btn{display:inline-block; width:150px; height:40px; font-size:15px; line-height:40px; color:#fff; background-color:#b5b5b5; text-align:center; vertical-align:top;}

.mbskin_box .btn_confirm{text-align:center; margin-top:20px; padding-bottom:10px;}
.mbskin_box .btn_confirm .btn_submit{width:120px; height:40px; font-size:15px; color:#fff; background-color:#000; text-align:center; vertical-align:top; border-radius:0 40px 40px 0;}
.mbskin_box .btn_confirm .btn_cancel{display:inline-block; width:120px; height:40px; font-size:15px; line-height:40px; color:#fff; background-color:#b5b5b5;  border:0 none; text-align:center; vertical-align:top; padding:0; border-radius:40px 0 0 40px;}

/* 회원가입 입력 */
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
#fregisterform .frm_info{display:block; font-size:12px; line-height:18px; color:#919191; padding:0; font-weight:200; margin-top:3px;}
#fregisterform .form_01{margin-bottom: 30px}
#fregisterform .form_01 h2{font-size:1.167em;margin:0 0 5px}
#fregisterform>.frm_label{display:inline-block; font-size:15px; line-height:20px; color:#666; margin-bottom:5px;}
#fregisterform .btn_frmline{height:40px;padding:0 10px}
#fregisterform .rgs_name_li button{margin:5px 0 0 }
#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}

.register_box{position:relative; padding:0; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:25px;}
.register_box h2{font-size:17px; line-height:24px; color:#000; font-weight:400; padding-left:12px; margin:0;  background:url("img/join_bold_black.png") 0 center no-repeat; background-size:6px auto;}
.register_box .form_list{margin-top:15px;}
.register_box .form_list li{position:relative; margin-bottom:15px;}
.register_box .form_list li label{display:inline-block;width:110px; font-size:15px; line-height:20px; color:#666; margin-bottom:5px;}
.register_box .form_list li >.frm_label{display:inline-block; font-size:15px; line-height:20px; color:#666; margin-bottom:5px;}
.register_box .form_list li.chk_box{border:1px solid #dcdcdc; border-radius:5px; padding:12px 15px; color:#000; min-height:50px;}
.register_box .form_list li .chk_list{margin-top:10px;}
.register_box .form_list li .chk_list li{display:inline-block; margin:0; margin-right:10px;}
.register_box .form_list li .chk_list li input[type=checkbox]{display:none;}
.register_box .form_list li .chk_list li label{position:relative; top:0; left:0; display:inline-block; width:auto; font-size:13px; line-height:24px; color:#7f7f7f;  padding-left:22px;  background:url("img/member_chk_off.png") left center no-repeat; background-size:18px auto;}
.register_box .form_list li .chk_list li input[type=checkbox]:checked + label{background:url("img/member_chk_black.png") left center no-repeat; background-size:18px auto;}
.register_box .form_list li .it_file{padding-top:12px; line-height:26px;}

.register_box .form_list li .reg_title{display:inline-block; font-size:15px; line-height:20px; color:#000; font-weight:400;}
.register_box .form_list li.area_box{padding:0;}
.register_box .form_list li.area_box label{display:block;width:100%; position:relative; top:0; left:0; border:1px solid #dcdcdc; border-bottom:0 none; border-radius:5px 5px 0 0; padding:10px 15px;}
.register_box .form_list li textarea{width:100%; height:100px; resize:none; border:1px solid #dcdcdc;  border-radius:5px; padding:10px 15px; color:#000; font-size:15px; line-height:24px; color:#000;}

.register_box .form_list li .icon_box{padding-left:20px; margin-top:10px;}
.register_box .form_list li .icon_box img{margin-right:20px;}
.register_box .form_list li .icon_box label{display:inline-block; position:relative; top:0; left:0; border-right:0; font-size:13px;}
.register_box .form_list li .adr_box{position:relative;}

.register_box .frm_input{border:1px solid #dcdcdc; border-radius:5px; padding:0 15px; color:#000; font-size:16px;}
.register_box .frm_input::-webkit-input-placeholder{color:#bbb;}
.register_box .frm_input::-moz-placeholder{color:#bbb;}​ 
.css_none{}
.register_box .frm_address{padding:0 15px; margin-top:5px;}
.register_box button.btn_frmline{position:absolute; top:0; right:0; width:100px; height:40px; font-size:15px; color:#878787; text-align:center; border-radius:0 5px 5px 0; background-color:#eee; border:1px solid #dcdcdc;}

#captcha{text-align:center;}
#captcha.m_captcha audio{width:100%; margin-bottom:10px;}

/* 회원가입 완료 */
#reg_result {margin:0; padding:30px 10px 10px; background-color:#f6f6f6; border:1px solid #dcdcdc; border-radius:5px;}
#reg_result h2{font-size:20px; line-height:30px; color:#000; font-weight:200; padding-bottom:5px; background:url("img/join_result_line.jpg") center bottom no-repeat; background-size:30px auto; text-align:center;}
#reg_result #result_email{margin-top:10px; text-align:center;}
#reg_result #result_email li{display:inline-block; margin:0 5px;}
#reg_result #result_email li span {display:inline-block; font-size:15px; line-height:22px; color:#000;}
#reg_result #result_email li strong {display:inline-block; font-size:15px; line-height:22px; color:#000; font-weight:400; margin-left:5px;}
#reg_result .btn_confirm {margin:50px 0}
#reg_result .reg_result_p{font-size:15px; line-height:22px; color:#000; font-weight:200; margin-top:20px; text-align:center; word-break:keep-all;}
#reg_result .reg_result_p strong{color:#000; font-weight:200;}
#reg_result .reg_result_m{font-size:14px; line-height:22px; color:#888; font-weight:200; margin-top:10px; text-align:center; word-break:keep-all;}
.reg_result_btn{margin-top:20px; text-align:center; padding-bottom:20px;}
.reg_result_btn .btn_submit{display:inline-block; margin:0 auto; width:150px; height:40px; font-size:15px; line-height:40px; color:#fff; background-color:#000; text-align:center; letter-spacing:0; border-radius:40px;}


/* 아이디/비밀번호 찾기 */
/*#find_info #info_fs {margin:0 20px 10px}*/
#find_info #info_fs p {margin:0 0 10px;line-height:1.5em;font-size:0.92em;color:#4162ff}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha{margin:5px 0 }

/* 로그인 */
#mb_login {margin:20px auto 10px;;max-width:500px;padding:10px 35px;}
#mb_login h1 {font-size:30px; line-height:40px; color:#000;   font-weight:400; margin:0; padding-top:20px; text-align:center;}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_frm{position:relative; margin-top:50px;}
#mb_login #login_frm .auto_login{text-align:left; padding-left:10px;}
#mb_login #login_frm .auto_login input[type=checkbox]{display:none;}
#mb_login #login_frm .auto_login label{display:inline-block; font-size:14px; line-height:30px; color:#000; background:url("img/member_chk_off.png") 0 center no-repeat; background-size:20px auto; padding-left:28px; text-align:left;}
#mb_login #login_frm .auto_login input[type=checkbox]:checked + label {background:url("img/member_chk_black.png") 0 center no-repeat; background-size:20px auto;}

#mb_login .frm_input {width:100%; height:45px; font-size:16px; color:#8a8a8a; margin-bottom:10px; border-radius:0; border:0 none; background-color:#f1f1f1; padding:0 25px; background-image:none !important;}
#mb_login .btn_submit{width:100%; height:45px; font-size:18px;  background-color:#e30613 !important; letter-spacing:0; border-radius:40px; margin-top:15px;}
#mb_login .mb_login_join{margin-top:10px;}
#mb_login .mb_login_join:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login .mb_login_join h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login .mb_login_join .login_join_list{text-align:right; padding:0 10px;}
#mb_login .mb_login_join .login_join_list li{display:inline-block;}
#mb_login .mb_login_join .login_join_list li:first-child{float:left;}
#mb_login .mb_login_join .login_join_list li a{display:inline-block; font-size:14px; line-height:25px; color:#000;}
#mb_login .mb_login_join .login_join_list li a#login_password_lost{color:#898989;}
#mb_login .pw_sch{margin-top:30px; text-align:center;}
#mb_login .pw_sch a{display:inline-block; font-size:16px; line-height:24px; color:#959595; border-bottom:1px solid #aaa;}
.login_ment{font-size:15px; line-height:22px; color:#838383; text-align:center; margin-top:100px; position:absolute; bottom:0; left:0; width:100%; padding:25px 0;}

.login_box{height:100px;}
#flogin{}

#mb_login_notmb{background:#fff; margin-top:20px; position:relative;}
#mb_login_notmb h2{font-size:14px; line-height:20px; padding:10px;background:#f3f3f3}
#mb_login_notmb p{border:0;padding:0;margin:10px; font-size:14px; line-height:20px}
#guest_privacy{border:1px solid #ddd;background:#fff;color:#666;min-height:20px;height:140px;padding:10px;text-align:left;overflow-y:auto;margin:10px 0}
#mb_login_notmb .btn_submit{width:100%;display:block;height:40px;line-height:40px; position:relative; margin-top:10px; font-size:16px; line-height:40px; color:#fff;}

#mb_login_od_wr{background:#fff; margin-top:20px;}
#mb_login_od_wr #mb_login_od{position:relative;}
#mb_login_od_wr p{border:0;text-align:left;}
#mb_login_od_wr p strong{display:inline}
#mb_login_odinfo{margin:10px 0 0 ;background:#f3f3f3; padding:15px; border:1px solid #e5e5e5;}
#mb_login_odinfo h2{font-size:1.167em}


/* 쪽지 */
#memo_view_contents {}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0 0 3px;background:#fff;padding:5px 10px;border-radius:3px;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}
.memo_view_li {position:relative;padding:2px 0}
.memo_view_subj {display:inline-block;width:60px;font-size:0.92em;color:#777}
#memo_view_ul a {}
#memo_view p {padding:10px 15px;border-radius:3px;;min-height:150px;height:auto !important;height:150px;line-height:1.8em;background:#fff;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul {}
#memo_list_ul li {position:relative;background:#fff;margin:10px 0;border-radius:3px;padding:10px 15px;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}

#memo_list_ul .memo_link {display:block;font-weight:bold;font-size:1.083em;margin:0 0 5px}
#memo_list_ul .memo_date{font-size:0.92em;color:#777;font-style:italic}
#memo_list_ul .memo_del{display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}

#memo_write #me_recv_mb_id {width:100%}
#memo_write textarea {width:100%;height:100px}
#memo_write .win_btn{margin:10px;}

/* 스크랩 */
#scrap_ul li{position:relative;}
#scrap_ul .scrap_board {display:block;color:#4162ff;margin:0 0 5px}
#scrap_ul .scrap_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
#scrap_ul .scrap_link{font-weight:bold;font-size:1.083em;}
.scrap_tit{font-weight:bold;border-bottom:1px solid #d7d7d7;padding:0 0 10px;font-size:1.167em}
#scrap_do #wr_content{margin-top:5px}
#scrap_do label{color:#666}

/* 포인트 */
#point_ul {;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;}
#point_ul li:after {display:block;visibility:hidden;clear:both;content:""}
#point_ul .point_wrap01 {float:left}
#point_ul .point_wrap02 {float:right;text-align:right}
#point_ul .point_log{display:block;font-weight:bold;margin:0 0 5px;font-size:1.083em}
#point_ul .point_inout{display:block;font-weight:bold;margin:0 0 5px;color:#4162ff;font-size:1.083em}
#point_ul .point_date{font-style:italic}

#point_sum{margin:10px 0 20px}
#point_sum:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_row {float:left;width:33.333%;text-align:center;background:#939db8;color:#fff;}
#point_sum .sum_row:nth-child(even){background:#8490af}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {}
#point_sum .sum_val {}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px 0}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:20px 0;text-align:left;color:#555}
#mb_confirm_id{font-weight:bold;display:block;font-size:1.083em;margin:5px 0}
#mb_confirm_pw {display:block;margin-top:10px;width:100%}
#mb_confirm .btn_submit {width:100%;height:40px;border-radius:3px;margin:10px 0}

/* 비밀글 비밀번호 확인 */
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:15px 0;border-top:1px solid #fffefe}
#pw_wr_password {width:100%}
#pw_confirm .btn_submit {margin:5px 0;width:100%;border-radius:3px;height:45px;font-weight:bold;font-size:1.083em}

/* 폼메일 */
#formmail #subject {width:100%}
#formmail textarea {width:100%;height:100px}
#formmail .frm_file{padding-left:50px;}
#formmail .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;}
#formmail .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;overflow:hidden;text-indent:-999px;background:url(./img/icon_file.gif) no-repeat 50% 50% #eee}

/* 자기소개 */
#profile section {margin:10px; }
#profile h2 {margin:0}
#profile .sv_wrap a {color:#fdff2f}
#profile table{width:100%;border-collapse:collapse}
#profile table th{background:#fff;padding:10px;width:90px;text-align:left;border-bottom:1px solid #eee}
#profile table td{background:#fff;padding:10px;border-bottom:1px solid #eee}
#profile p{background:#fff;padding:10px;margin:10px 0;
-webkit-box-shadow: 0 0 5px rgba(50,50,50,0.2);
-moz-box-shadow: 0 0 5px rgba(50,50,50,0.2);
box-shadow: 0 1px 5px rgba(50,50,50,0.2);}