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

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

.gyiptitle{padding:50px 0 0; font-size:32px; text-align:center }
.loginmbskin{width:575px; margin:18px auto; border:1px solid rgba(238,238,238,1);  padding:30px 50px; box-sizing:border-box; margin-bottom:40px; font-size:16px; background:#fff;  }
.titleimg{text-align:center; padding-bottom:10px;}
.titletxt{text-align:center;  font-size:20px; padding-bottom:30px;}
.conform_txt{line-height:160%;}

.btn_submit_m{   width: 350px;
    border: 0;
    background: #716860;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif; border-radius:5px;
}
#fregisterform{background: #f9f9f9;
    padding: 40px 60px ;
    box-sizing: border-box;}
.livingstemp{position:absolute; right: 20px;
    bottom: 22px;}
	
.priagree-title{font-size:18px; margin-top:50px; font-weight:500; margin-bottom:10px; background:url(/images/plusmm.png) no-repeat left 0px; padding-left:30px; height:3.px; }
 .priagree-Div{border:1px solid #CCC; box-sizing:border-box; padding:20px; box-sizing:border-box; margin-bottom:10px; line-height:140%; font-weight:400; color:rgba(51,51,51,1); font-size:14px;}
 .priagree-Div p{padding-bottom:5px;}

.tmp-check input[type="checkbox"] {display:none;font-size: 14px;
    letter-spacing: -1px; }
.tmp-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(/images/chk_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.tmp-check input[type="checkbox"]:checked + label span {    background:url(/images/chk_on.png) no-repeat; background-size:20px; border: none;}
.tmp-check input[type="checkbox"]:checked + label{ cursor:pointer; }
.tmp-check label{font-size: 14px;    letter-spacing: -1px;}
/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
.mbskin a.btn02 { font-size:14px; text-align:center;  display:inline-block !important}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm{text-align:center;}
.mbskin .btn_confirm  a{
	height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0px 15px 0px 15px;
    border-style: none;
    background-color: #75777f;
    color: #FFFFFF; margin-top:30px; margin:30px auto;

	font-size: 18px;
	cursor: pointer; display:inline-block; line-height:50px; display:block

} /* 서식단계 진행 */
.mbskin .btn_submit {}
#mb_login  .btn_submit:hover,.mbskin .btn_submit:focus{background:#fd8062;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s; border:1px solid #fd8062}
.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 {}

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

/* 회원가입 약관 */
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fff;border-radius:10px;margin-top:10px}
#fregister h2 {margin:0 0 15px;text-align:center; font-size:18px;}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7; font-size:13px;}
.fregister_agree {padding:10px 0 0;text-align:center}
.fregister_agree label {display:inline-block;margin-right:5px; font-size:14px; font-weight:400}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin:40px 0}
#fregister .btn_submit {width:60%; font-size:16px; height:50px; line-height:50px;}

/* 회원가입 입력 */

#fregisterform textarea {width:100%;height:50px}

#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}
.tbl_frm01 {background:#fff;padding:0 10px;border-radius:5px}
.tbl_frm01 caption{border-bottom:1px solid #eee;text-align:center}
.tbl_frm01 th {border:none;border-bottom:1px solid #eee}
.tbl_frm01 td {border:none;border-bottom:1px solid #eee}
.tbl_frm01 .frm_info{padding:5px 0}
.btn_submit, .btn_cancel {;border:1px solid #333; background:#4d4d4d;color:#fff;cursor:pointer; font-weight:bold; letter-spacing:-1px; width:120px; display:inline-block; font-weight:500; font-size:14px; font-family: 'Noto Sans KR', sans-serif; height:35px; line-height:35px; padding:0}


@media all and (max-width : 600px) {
    #fregisterform .btn_submit {width:48%;margin-bottom:3px}
    #fregisterform .btn_cancel {width:48%;}
    #fregisterform .tbl_frm01 th{width:50px}
}

/* 회원가입 완료 */
#reg_result {padding:10px ; border:1px solid rgba(102,102,102,1);   text-align:center; margin:50px auto 0; box-sizing:border-box }
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;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 { font-size:18px; padding-top:50px}
#reg_result .btn_confirm {margin:50px 0}

.tbl_frm01_login:nth-child(2){border-bottom:none;}
a.btn_cancel{padding:0;}

/* 아이디/비밀번호 찾기 */
#find_info #info_fs {margin:0 20px 10px}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:0 20px;padding:0 0 10px}
#find_info #captcha input {margin-left:5px}

/* 로그인 */
#mb_login {width: 540px; margin:0 auto; padding:30px 0;}
h1.logintitle { text-align:center; padding:0 0; margin:80px 0 20px;font-family: 'Noto Sans KR', sans-serif; font-size:24px; font-weight:normal }
#mb_login .login { position:relative; width:100%; display:block; background:#fff; border:#dadada 1px solid; margin:0 0 10px 0; height:50px; line-height:50px; }
#mb_login label{width:65px; text-align:left;  display:inline-block; font-size:16px;}
#login_fs{ border:1px solid #716860;  text-align:center;font-family: 'Noto Sans KR', sans-serif; padding:30px 0;}
#mb_login .login_label { position:absolute; left:15px; top:0px; font-size:16px; color:#999999; width:90%; max-width:460px; cursor:pointer; }
#mb_login .titlextx{padding:20px 0; font-size:18px}
#mb_login .frm_input { background:#fff; margin:5px 15px; border:0; padding:0; font-size:14px; color:#333; border:1px solid #999999 }
#mb_login .btn_submit { width:100%; display:block; padding:0; height:40px; line-height:40px; font-size:14px; color:#fff;  letter-spacing:normal; background:#666666; margin:0 auto; font-family: 'Noto Sans KR', sans-serif;  font-weight:normal;  margin-top:20px; border:1px solid #666666; }
#mb_login .auto { margin:15px 0 30px 0; position:relative; }
#mb_login .auto ul { display:inline-block; padding:0; margin:0; list-style:none; width:100%; }
#mb_login .auto .fl { float:left; color:#333333; cursor:pointer; }
#mb_login .auto .fr { float:right; }
#mb_login .auto .fr a { color:#333333; }
#mb_login .auto .auto_txt { position:absolute; background:#fffadc; font-size:11px; color:#777; border:#d8d1aa 1px solid; padding:10px; letter-spacing:-0.06em; left:0; top:22px; display:none; }
#mb_login #login_info { width:100%; display:inline-block; text-align:center; border-top:#e4e4e5 1px solid; padding:20px 0; }

.line { background:#e4e4e5; width:1px; height:10px; display:inline-block; margin:0 10px; }
.line2 { background:#b6b6b6; width:1px; height:10px; display:inline-block; margin:0 7px; }
#mb_login #login_ft { text-align:center; margin:50px 0; font-size:11px; }
#mb_login #login_ft p { font-family:verdana; font-size:10px; margin:15px 0; color:#333333; }
.pwfind, .mbtn{border:1px solid #68615d; display:inline-block; font-size:14px; width:100%; box-sizing:border-box; margin-top:10px;  height:40px; line-height:40px;}
.loginline{border-top:1px solid #666666; margin:20px 120px; }

/* 쪽지 */
#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_ul a {}
#memo_view p {padding:10px 0;min-height:150px;height:auto !important;height:150px;line-height:1.8em}

#memo_list_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#memo_list_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#memo_list_ul .memo_link {}
#memo_list_ul .memo_send {position:absolute;top:10px;right:30px}
#memo_list_ul .memo_read {font-size:0.95em;color:#666}
#memo_list_ul .memo_del {position:absolute;top:10px;right:0}

#memo_write #me_recv_mb_id {width:98%}
#memo_write textarea {width:99%;height:100px}

/* 스크랩 */
#scrap_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid #e9e9e9}
#scrap_ul .scrap_board {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#scrap_ul .scrap_del {position:absolute;top:10px;right:0}

#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {width:99%;height:100px}

/* 포인트 */
#point_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#point_ul .point_wrap01 {position:relative;padding:0 0 0 90px}
#point_ul .point_wrap02 {margin:7px 0 0;text-align:right}
#point_ul .point_date {position:absolute;top:0;left:0}

#point_sum {margin:0 20px}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px auto;max-width:700px;text-align:center;}
#mb_confirm h1 {margin:0 0;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:0 10px 5px;padding:20px 15px;border-bottom:1px solid #cfded8;background:#f7f7f7;border-radius:5px;}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:100%;line-height:1.8em !important;background:#fff}
#mb_confirm .btn_submit {width:100%;height:30px !important;line-height:30px;margin-top:5px}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:30px 0; font-size:16px; width:60%; padding:30px ; margin:0 auto; border:1px solid rgba(188,188,188,1.00)}
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#pw_wr_password {display:block;margin-top:10px; height:40px; line-height:40px;width:88%;text-indent:10px }
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;height:40px; line-height:40px; }

/* 폼메일 */
#formmail #subject {width:98%}
#formmail textarea {width:99%;height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {padding:10px 20px}
#profile h2 {margin:0}
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}

#reg_mb_icon{width:100%}

@media only all and (max-width:1024px){

.loginmbskin{width:100%; padding:0; padding:30px; box-sizing:border-box; font-size:14px;}
.tbl_frm01_login table{width:100%; box-sizing:border-box; margin:0 0 0 10px}
#mb_login{width:100%; box-sizing:border-box}
#login_fs{box-sizing:border-box;}
.loginline{margin:20px;}
#reg_result{width:100%;}
#pw_confirm{width:100%; box-sizing:border-box}
#pw_confirm .btn_submit{width:100%;}
#pw_wr_password{width:100%; height:auto}
#pw_confirm .btn_submit{width:100%; clear:both; position:relative; right:0; left:0; margin-top:20px;}
}