@charset "utf-8";
/* ### 기본 스타일 커스터마이징 시작 ### */
	/* 버튼 */
	.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 {font-size:0;line-height:0;overflow:hidden}
	.mbskin .tbl_frm01 table{background:#fff;margin:10px 0}
	.mbskin .tbl_frm01 th {padding:5px 10px}
	.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 { font-size:0.875em !important; }

/* 회원가입 약관 */
#fregister { display:block; margin:0 auto; padding:50px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }

#fregister section { position:relative; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6; }
#fregister h2 { padding:0 15px; line-height:40px; text-align:left; border-bottom:1px solid #e6e6e6; }
#fregister textarea { display:block; width:100%; height:auto; min-height:200px; padding:15px; color:#787878; line-height:1.5; border:0; outline:0; resize:none; }
#fregister p { margin-bottom:20px; }
#fregister .btn_confirm { margin:15px 0; }
#fregister .btn_submit { width:200px !important; height:40px; }
#fregister .btn01 { width:200px !important; height:40px; }

.fregister_agree { position:absolute; right:10px; top:0; line-height:40px; font-size:0.875em; }
.fregister_agree label { display:inline-block; margin-right:5px; }

@media (max-width: 640px){
	#fregister { padding:10px; border:0; border-top:1px solid #ddd; }
    #fregister h2{border:0;line-height:1.2em;padding-top:15px}
    .fregister_agree {position:relative;border-bottom:1px solid #e6e6e6;left:0;padding:5px 15px 15px;line-height:1.2em;}
    #fregister .btn_submit{max-width:100%}
}

/* 회원가입 입력 */
#register_form { display:block; margin:0 auto; padding:50px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
#register_form h2 { margin:0; font-size:1.5em; }
#fregisterform #reg_mb_email, #fregisterform .frm_address { width:100%; }
#fregisterform textarea { width:100%; height:50px; }
#fregisterform #msg_certify { margin:5px 0 0; padding:5px; text-align:center; background:#eaf4ff; border:1px solid #dbecff; }
#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 caption { height:0; margin:0; padding:0; font-size:0; }
#fregisterform .tbl_frm01 { margin-bottom:30px; }
#fregisterform .tbl_frm01 th { display:none; }
#fregisterform .tbl_frm01 td { display:block; padding:3px 0; border:0; }
#register_form .tbl_frm01 .frm_input { width:100%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #e6e6e6; }
#register_form .tbl_frm01 .frm_input1 { width:30%; height:40px; line-height:40px; padding:0 10px; background:#fff; border:1px solid #e6e6e6; }
#register_form .tbl_frm01 .btn_frmline { height:40px; }
#register_form .frm_info { display:block; margin-top:3px; font-size:0.92em; color:#999; }
#register_form .tbl_frm01 .frm_info{ margin-bottom:10px; }

#register_form .tbl_frm05 { margin-top:10px; padding:0 15px 15px; background:#f3f3f3; border:1px solid #d3d3d3; }
#register_form .tbl_frm05 th { width:100px; padding:10px 0; font-size:0.92em; font-weight:bold; text-align:left; border-top:1px solid #e5e5e5; }
#register_form .tbl_frm05 td { padding:5px 0; vertical-align:middle; border-top:1px solid #e5e5e5; }
#register_form .tbl_frm05 textarea { padding:10px; border:1px solid #d3d3d3; }
#register_form .tbl_frm05 .frm_input { height:30px; line-height:30px; padding:0 10px; background:#fff; border:1px solid #d3d3d3; }
#fregisterform .btn_confirm { margin:15px 0; }
#fregisterform .btn_submit { width:50%; max-width:250px; height:40px; font-weight:bold; }
#fregisterform .btn_grd { height:40px; line-height:40px; padding:0 20px; }

@media (max-width: 640px){
	#register_form h2 { font-size:100%; }

	#register_form { padding:10px; border:0; border-top:1px solid #ddd; }
    #register_form .tbl_frm05 th{display:block;width:100%;padding-bottom:5px}
    #register_form .tbl_frm05 td{display:block;width:100%;border:0}
    #fregisterform .btn_grd{width:49%}
    #fregisterform .btn_submit{width:49%}
}


/* 회원가입 완료 */
#reg_result { display:block; margin:0 auto; padding:50px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
#reg_result #result_email { margin:20px 0; padding:10px 15px; line-height:2em; background:#f3f3f3; border:2px solid #d3d3d3; }
#reg_result #result_email span { display:inline-block; width:150px; color:#333; }
#reg_result #result_email strong { font-size:1.2em; color:#000; }
#reg_result p { margin-bottom:30px; color:#555; line-height:1.7; }
#reg_result .big_title { margin-bottom:20px; font-size:2em; letter-spacing:-0.02em; }
#reg_result .btn_confirm { margin:20px 0; }

@media (max-width: 640px){
	#reg_result { padding:10px; border:0; border-top:1px solid #ddd; }
    #reg_result #result_email span{display:block;width:100%;}
    #reg_result{padding:20px;}
}
/* 아이디/비밀번호 찾기 */
#find_info { display:block; margin:0; padding:50px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
#find_info > h1 { display:none; }
#find_info #info_fs { display:block; margin:0; }
#find_info #info_fs p { margin:0 0 10px; line-height:1.8em; }
#find_info #info_fs #mb_email { width:100%; height:60px; line-height:60px; margin-bottom:20px; padding:0; text-indent:10px; border:10px solid #ddd; box-sizing:border-box; overflow:hidden; }
#find_info #captcha { margin:0; padding:0; }
#find_info #captcha input { margin-left:5px; }
@media (max-width: 640px){
	#find_info { padding:10px; border:0; border-top:1px solid #ddd; }
}

/* 로그인 */
#mb_login, #find_info, .mbskin{ max-width:750px;display:block; margin:80px auto; padding:50px; text-align:center; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
#mb_login h1 { margin:0 0 15px; padding:0 10px; font-size:1.3em; }
#mb_login p { padding:0 0 10px; line-height:1.5em; color:#666; }
#mb_login #login_frm { position:relative; padding:0; font-size:1em; }
#mb_login #login_frm div { padding:10px 0 0; text-align:left; color:#666; font-size:0.875em; }

.login_wr { margin-bottom:20px; padding:0; background:#fff; }
.login_wr > h2 { display:none; margin-bottom:10px; padding:0; font-size:1.3em; text-align:left; }

#mb_login .frm_input { width:100%; height:63px; line-height:63px; margin-bottom:5px; text-inent:4px; background-color:#f3f3f3; border:1px solid #e6e6e6; box-sizing:border-box; }
#mb_login .btn_submit { width:100%; height:60px; margin-top:20px; font-size:1.2em; font-weight:400; }
#mb_login .btn_blue { display:inline-block; width:100%; height:40px; line-height:40px; font-size:1.2em; color:#fff; font-weight:bold; }

#mb_login .login_btn { margin-top:40px; padding:20px 0; border-top:1px solid #e4e4e4; }
#mb_login .login_btn:after { display:block; content:""; clear:both; }
#mb_login .login_btn a { display:block; float:left; width:50%; line-height: 45px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mb_login .login_btn .btn_join { border-left:1px solid #e4e4e4; }
#mb_login_notmb { padding-bottom:40px; }
#guest_privacy { height:150px; background:#f3f3f3; border:1px solid #e6e6e6; overflow-y:scroll; }
.guest_agree { padding:10px 0; color:#444; text-align:left; }
.login_odinfo_if { margin-top:20px; padding:10px 0 20px; text-align:left; border-top:1px solid #e4e4e4; }
.login_odinfo_if .odinfo_tit { display:block; padding-bottom:5px; }

@media (max-width:1024px){
	#mb_login { font-size:0.875em !important; }
}

@media (max-width: 640px){
	#mb_login { padding:10px; font-size:1em; border:0; border-top:1px solid #ddd; }
	.login_wr { padding:20px 10px; }
	#mb_login .login_btn a { font-size:0.92em; }

	#mb_login .frm_input { height:30px; line-height:30px; }
	#mb_login .btn_submit { height:inherit; }
}

/* 쪽지 */
#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;border-bottom:1px solid #e9e9e9;background:#fff}
#memo_list_ul .memo_link {}
#memo_list_ul .memo_send {display:block;margin-top:4px}
#memo_list_ul .memo_send a{color:#777}
#memo_list_ul .memo_read {font-size:0.95em;color:#666}
#memo_list_ul .memo_del {position:absolute;top:10px;right:10px;background:#ddd;display:inline-block;padding:10px}
}

#memo_write #me_recv_mb_id {width:98%}
#memo_write textarea {width:99%;height:100px}
.win_ul {margin:0 20px;}
.win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.win_ul li{width:33.33%;float:left;text-align:center;border:1px solid #555;margin-left:-1px}
.win_ul li a{display:block;background:#333;line-height:30px;;color:#fff}
.win_desc{font-weight:bold;padding:10px;padding:10px 20px ;text-align:left}

/* 스크랩 */
#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: 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#point_ul li {position:relative;padding:10px;border-bottom:1px solid #e9e9e9;background:#fff}
#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_ul .txt_expired{color:#888}
#point_ul .point_inout{font-weight:bold;color:#65a2f1;display:inline-block;margin-left:10px}
#point_sum {margin:0 20px 20px;background:#fff;padding:0 10px;border:2px solid #d3d3d3}
#point_sum .sum_row {border-bottom:1px solid #eee}
#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;line-height:30px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm { display:block; margin:70px auto; padding:50px; background:#fff; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
#mb_confirm > h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#mb_confirm > p { font-size:1em; color:#666; line-height:1.5; }
#mb_confirm > .txt1 { color:#333; font-weight:500; }
#mb_confirm > .txt2 { margin-bottom:20px; color:#666; font-weight:300; }
#mb_confirm > fieldset { position:relative; margin:0 0 15px; padding:20px; text-align:left; border:1px solid #eee; }
#mb_confirm_pw { display:inline-block; width:calc(100% - 100px); margin:0; padding:0; height:40px; line-height:40px; text-indent:10px; background:#f4f4f4; border:1px solid #ccc; outline:0; overflow:hidden; }
#mb_confirm .btn_submit { display:inline-block; width:90px; height:40px; line-height:40px; }
@media all and (max-width:480px) {
	#mb_confirm { padding:20px; }
	#mb_confirm > p { font-size:1em; }
	#mb_confirm_pw { width:calc(100% - 65px); }
	#mb_confirm .btn_submit { width:60px; }
}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:30px 0}
#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;padding:0;width:88%;line-height:1.8em !important}
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;height:1.9em !important;line-height:1.9em}

/* 폼메일 */
#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}