@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */
#wrap { min-width: 300px !important;}
#container { margin: 70px 0 !important; padding: 0 !important; width: 100% !important; text-align: center; }

/* 버튼 */
.mbskin a.btn001 {display:inline-block;width:69px;height:23px;border:1px solid #cecece;background:#fff;line-height:23px;text-align:center;font-size:11px;color:#4a4a4a;}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit { display: block; width: 100%; border-radius: 0; height: 48px;line-height: 46px;padding: 0;font-size: 16px;background: #fff;border: 1px solid #ddd;color: #333;font-weight: 600; }
.mbskin .btn_submit:hover { transition: .3s all; color: #fff; background: #333; }
.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 { position: absolute;top: 23px;right: 6px;display: inline-block;padding: 0 14px;height: 39px;border: 0;background: #333;color: #fff;letter-spacing: -0.1em;text-decoration: none;vertical-align: top;border-radius: 8px;}
.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 {}
.soundonly { display: none;}
.addr > input { margin: 5px 0; }
/* 기본테이블 */
.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 {color: var(--pointColor); display:inline-block; padding-left:5px; font-size: 12px;}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {margin-bottom:20px;}
.mbskin .tbl_frm01 th {}
.mbskin .tbl_frm01 td { padding: 12px 0; position: relative; }
.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 input[name="mb_sex"] { width:0; height:0; position: absolute; top:0; left:0;}
.mbskin input[name="mb_sex"] + label { 
	display: inline-block;
	outline: 0;
    font-size: 16px;
    height: 44px;
    color: #333;
    background-color: #fff;
    border-radius: 10px;
    padding: 11px 25px;
    border: 1px solid #ccc;
}
.mbskin input[name="mb_sex"]:checked + label { background: #333; color: #fff }

.mbskin input[name="mb_3"] { width:0; height:0; position: absolute; top:0; left:0;}
.mbskin input[name="mb_3"] + label { 
	display: inline-block;
	outline: 0;
    font-size: 16px;
    height: 44px;
    color: #333;
    background-color: #fff;
    border-radius: 10px;
    padding: 11px 25px;
    border: 1px solid #ccc;
}
.mbskin input[name="mb_3"]:checked + label { background: #333; color: #fff }

/* 필수입력 */
.mbskin .required, .mbskin textarea.required { background: none !important; }

/* 테이블 항목별 정의 */
.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 {}


/* ### 기본 스타일 커스터마이징 끝 ### */

.mbskin > .title { font-size: 28px; font-weight: 800; color: #333; }
.mbskin > .desc { margin-top: 10px; font-size: 14px; color: #333; }
.mbskin > .step { margin: 40px 0; }
.mbskin > .step ul { display: flex; justify-content: space-between; align-items: center; gap:10px }
.mbskin > .step ul li { width:50%; padding: 8px 15px 9px; background-color: #f7f7f7; border-radius: 8px; }
.mbskin > .step ul li .stit { font-size: 12px; font-weight: 500; color: #ccc; }
.mbskin > .step ul li .sub { font-size: 14px; font-weight: 300; color: #ccc; }
.mbskin > .step ul li.active { border: 1px solid #333; background-color: #fff; }
.mbskin > .step ul li.active .stit {  color:var(--pointColor); }
.mbskin > .step ul li.active .sub { color: #333; font-weight: 600 }

.mbskin3 > .title { font-size: 28px; font-weight: 800; color: #333; }
.mbskin3 > .desc { margin-top: 10px; font-size: 14px; color: #333; }
.mbskin3 > .step { margin: 40px 0; }
.mbskin3 > .step ul { display: flex; justify-content: space-between; align-items: center; }
.mbskin3 > .step ul li { padding: 8px 15px 9px; background-color: #f7f7f7; border-radius: 8px; }
.mbskin3 > .step ul li .stit { font-size: 12px; font-weight: 500; color: #ccc; }
.mbskin3 > .step ul li .sub { font-size: 14px; font-weight: 300; color: #ccc; }
.mbskin3 > .step ul li.active { border: 1px solid #333; background-color: #fff; }
.mbskin3 > .step ul li.active .stit {  color:var(--pointColor); }
.mbskin3 > .step ul li.active .sub { color: #333; font-weight: 600 }

/* 스탭 */
.mstep {margin-bottom:30px;}

/* 회원가입 약관 */
#fregister section {margin:0 0 20px;padding:20px 0;}
#fregister h2 {margin:0 0 10px; ;text-align:left; font-size:18px; color:#333; font-weight:bold;}
#fregister textarea {display:block;margin-bottom:10px;padding:10px;width:100%;height:200px;border:1px solid #e9e9e9;background:#fff; line-height:1.4em;}
#fregister .fregister_agree {padding:10px 0 0;text-align:left}
#fregister .fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin-bottom:20px; clear:both}

#fregister_term {border-bottom: 1px solid #ccc;}
#fregister_private {}




/* 회원가입 입력 */
.bt_mem01{ border-top:2px solid #333; border-bottom:2px solid #333; }
.tbl_frm01 table th { border: 0; width: 22%; font-size: 14px; background:#fff; font-weight:bold; color:#333; padding: 0;}
.tbl_frm01 table .frm_input {width:100%; outline: 0; font-size: 16px; height: 51px; color: #333; background-color: #fff; border-radius: 10px; padding: 14px 15px; border:1px solid #ccc}
.tbl_frm01 table .frm_input.email_input { width: 54%; }
.tbl_frm01 table .frm_input.email_input:first-child { width: 100%; margin-bottom: 10px; }
.tbl_frm01 table .frm_input2 {width: 100px; outline: 0; font-size: 16px; height: 51px; color: #333; background-color: #fff; border-radius: 10px; padding: 14px 15px; border:1px solid #ccc}
.tbl_frm01 table .frm_input3 {width:60%; height:22px;border: 1px solid #e4eaec;background: #f7f7f7;color: #000;vertical-align: middle;line-height: 1em; margin-top:5px;}
button.btn_frmline2 { position: absolute;top: 18px;right: 6px;display: inline-block;padding: 0 14px;height: 39px;border: 0;background: #333;color: #fff;letter-spacing: -0.1em;text-decoration: none;vertical-align: top;border-radius: 8px;} /* 우편번호검색버튼 등 */
.tbl_frm01 table select { outline: 0;font-size: 16px;height: 51px !important;color: #333;background-color: #fff;border-radius: 10px;padding: 14px 10px;border: 1px solid #ccc;}
.tbl_frm01 table select.email_sel { width: 40%; }
.tbl_frm01 .photo {margin-bottom:5px;}
.tbl_frm01 .photo img {width:100px; height:100px; padding:5px; border:#ccc 1px solid;}

/* 회원가입 완료 */
#reg_result { margin: 70px auto; width: 100%; max-width: 400px;}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.44}
#reg_result .btn_confirm {margin:50px 0}
#reg_result a.reg_done_btn {  margin-top: 5px; display: block; width: 100%;border-radius: 0; height: 48px;line-height: 46px;padding: 0;font-size: 16px;background: #fff;border: 1px solid #333;color: #333;font-weight: 600;}
#reg_result a.reg_done_btn:hover { background-color: #333; color: #fff;}

/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info #info_fs {margin:0 20px 20px;padding:0;background:#fff}
#find_info #info_fs .frm_input {width:70%}
#find_info p {margin:0 0 10px;line-height:1.8em}
#find_info #captcha {margin:0 20px}
input.check_info {display: inline-block;padding: 0 10px;height: 30px;border: 0;background: #333;color: #fff;line-height: 2em;cursor: pointer;}

.mbskin { width: 100%; max-width: 400px; margin: 0 auto;}


 /* 로그인 */
#mb_login {width:100%;min-height:400px; max-width: 400px; margin:0 auto;}
#mb_login h1 {font-size:28px; font-weight:normal; text-align:center;color:#333; letter-spacing:-1px}
#mb_login h1 p {font-size:12px; color:#666; margin:15px 0 20px 0;}
#mb_login h2 {margin:0}
#mb_login .nmb_login_title{display:inline-block; }
#mb_login #login_fs {position:relative;display: block; margin-top: 50px; }
#mb_login #login_fs h2 {font-size:17px; color:#333; font-weight:normal; margin-bottom:30px;}
#mb_login #login_fs legend {font-size:16px; color:#333;}
#mb_login #login_fs label {}
#mb_login #login_fs .login_id {}
#mb_login #login_fs .login_pw {}
#mb_login #login_fs .frm_input { width: 100%; font-size: 16px; outline: none; height: 46px; padding: 9px 12px; background: #fff !important; border: 1px solid #ccc;}
#mb_login #login_fs .frm_input:focus { border: 1px solid #333 ; border-radius: 0 ; }
#mb_login #login_fs ul li~li .frm_input { border-top: 1px solid #fff; }
#mb_login #login_fs .pwb {border-bottom:#e7e3e2 1px solid;}
#mb_login #login_fs .btn_submit { width: 100%; height: 48px; line-height: 46px; padding: 0; border-radius: 0; font-size: 16px; font-weight: 500; color: #fff; background: #333; }
#mb_login #login_info {display:inline-block;width:100%;margin-top:30px;font-size:13px;color:#888; line-height:1.5em;}
#mb_login #login_info div {}
#mb_login .mem_lost{display:inline-block;width:290px;text-align:left;margin-top:30px;float:right;color:#ebebeb;}
#mb_login .mem_lost a{font-size:15px;color:#666;font-weight:normal;}

#mb_login .btn_confirm {display:inline-block;width:100%;text-align:center;margin-top:50px;}

#mb_login_notmb {display:inline-block;width:100%;margin-top:55px;}
#mb_login_notmb h3{display:inline-block;width:100%;font-size:18px;color:#000000;}
#mb_login_notmb p{display:inline-block;width:100%;font-size:13px;color:#888;margin-top:20px;}
#mb_login_notmb #guest_privacy{display:inline-block;border:1px solid #e9e9e9;width:580px;height:168px;margin:15px 0;overflow-y:scroll;}
#mb_login_notmb .btn_confirm {display:inline-block;width:100%;height:52px;margin-top:10px;background:url(/MoreBlogWeb/site/common/img/member/btn_blogin.png) no-repeat 0 0;text-indent:-9999em;font-size:0;color:#fff;}
#mb_login_notmb .btn_confirm a{display:inline-block;width:100%;height:100%;}

#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_od .btn_submit2 {position:absolute;top:20px;left:335px;width:52px;height:49px; background:#909090; border-radius:4px; border:none; color:#fff; font-weight:600;}
#mb_login_odinfo {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login_odinfo div {text-align:right}

.login_wrap {overflow:hidden; width:100%; }
.form_login {  width:100%; }
.ment {text-align:center; margin-top: 34px;}
.ment .ment1 {font-size:18px;color:#333; margin-bottom:7px; font-weight: 600;}
.ment .ment2 {font-size:12px;color:#666; margin-bottom:20px;}
.ment .member_btn a { display: block; height: 48px;line-height: 46px;padding: 0;font-size: 16px;background: #fff;border: 1px solid #ddd;color: #333;font-weight: 600;}
.ment .member_btn a:hover {border:1px solid #333;}
.check_login { margin: 20px 0; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.check_login span {color:#dfdfdf; padding:0 5px;}
.check_login a {color:#666; text-decoration: underline;}

/* 메인 바로가기 */
.logm_submit  {padding:8px 20px;border:0;background:#333;letter-spacing:-0.01em;cursor:pointer;border-radius:3px;font-weight:700; width:150px; margin:auto;}
.logm_submit a {color:#fff;}
.logm_submit:hover{background:#000;}


/* 쪽지 */
#memo_view_contents {margin:0 auto 20px;width:90%}
#memo_view_contents h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none}
.memo_view_li {position:relative;padding:5px 0}
.memo_view_subj {display:inline-block;width:65px}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
#mb_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
#pw_confirm p {padding:20px;border:1px solid #dde4e9;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #e9e9e9;background:#f5f6fa;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}

/* 폼메일 */
#formmail #subject {width:386px}
#formmail textarea {height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {margin:0 auto 20px;padding:20px;width:86%}
#profile h2 {margin:0}

/* 게시판 버튼 */
.btn_submit {padding:15px 30px;border:0;background:#333;color:#fff;letter-spacing:-0.01em;cursor:pointer;border-radius:8px;font-weight:700; font-size:1.4em; vertical-align:middle;}
.btn_submit:hover{background:#000;}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel2 { opacity: .5; margin-top: 5px; display: block; width: 100%;border-radius: 0; height: 48px;line-height: 46px;padding: 0;font-size: 16px;background: #333;border: 1px solid #ddd;color: #fff;font-weight: 600;}
a.btn_cancel2:hover { opacity: 1;}
/* 20240427_et03 modified */
#header_w,#sub_visualm,#footer_w { display: none; }

.login_foot { margin-top: 60px; text-align: center;letter-spacing: -.4px; }
.login_foot ul { }
.login_foot ul li { display: inline-block; font-size: 13px; }
.login_foot ul li a { color: #777; }
.login_foot ul li a:hover { color: #333; font-weight: 600; }
.login_foot ul li::after { content: " | "; display: inline-block; margin: 0 10px; color: #ddd; }
.login_foot ul li:last-child::after { content: ""; margin: 0;}
.login_foot .copyright { font-size: 12px; margin: 14px 0;color: #999; }