@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 { max-width:800px;margin:0 auto; }

/* 회원가입 약관 */
#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_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; border-bottom: 1px solid #ddd; padding: 15px;}
    .fregister_agree {/* position:relative; *//* border-bottom:1px solid #e6e6e6; *//* left:0; */padding:5px 15px 15px;line-height:1.2em; top: 15px;}
    #fregister .btn_submit{max-width:100%}
}

/* 회원가입 입력 */
#register_form { display:block; margin:0 auto; padding:30px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; }
#register_form h2 { margin:0; font-size:1.5em; color: #333;}
#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; }
#fregisterform .tbl_frm01 img {width:auto;}
#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 input[type="text"],
#register_form input[type="password"],
#register_form input[type="email"]{display: inline-block;max-width: 251px; padding-left: 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; }
#register_form .tbl_frm01 th{width: 120px; font-weight: 500; color: #333;}


@media (max-width: 640px){
	#register_form h2 { font-size:100%; }
	#register_form { padding:10px; border:0; border-top:1px solid #ddd; }
	#register_form .tbl_frm01 .frm_input,
	#register_form .tbl_frm01 .frm_input1,
	#register_form .tbl_frm01 .frm_input2,
	#register_form .tbl_frm01 .frm_input3,
	#register_form .tbl_frm01 .frm_input4,
	#fregisterform .tbl_frm01 .email3  {height:8vw;line-height:8vw;border-radius:0;}
	#register_form .tbl_frm01 .sel_tel {height:8vw;line-height:8vw;}
	#register_form .tbl_frm01 .btn_frmline {height:8vw;line-height:8vw;}
	#register_form .tbl_frm01 .frm_input11 {min-width:100%;}
    #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; margin-bottom: 150px;}
#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 auto; padding:50px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin-bottom: 150px;}
#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; 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; }
@media (max-width: 640px){
	#find_info { padding:10px; border:0; border-top:1px solid #ddd; }
}

/* 로그인 */
.mb_login_logo {width:100%;max-width:239px;margin:0 auto 30px;}
#mb_login { display:block; margin:0 auto; padding:60px; width:100%; max-width:500px; text-align:center; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; background:#fff; margin-bottom: 150px;	}
#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:25px 0 0; text-align:left; color:#666; }

.login_wr { margin-bottom:0; 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:66px; margin-bottom:0; text-inent:4px; background-color:#fff; border-bottom:1px solid #e6e6e6; border-radius:0;border-top:0;border-right:0;border-left:0;box-sizing:border-box; }
#mb_login .btn_submit { width:100%; height:60px; margin-top:30px; font-size:1.2em; font-weight:400; background:#e5a445; border:0; }
#mb_login .btn_blue { display:inline-block; width:100%; height:40px; line-height:40px; font-size:1.2em; color:#fff; font-weight:500; }

#mb_login .login_btn { margin-top:0; padding:20px 30px 0 0; text-align:center; }
#mb_login .login_btn a { display:inline-block; padding:0 12px 0 14px; color:#505050; }
#mb_login .login_btn .btn_join { position:relative; }
#mb_login .login_btn .btn_join:after {display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-5px;background:#2e2e2e;}
#mb_login_notmb { padding-bottom:40px; }
#guest_privacy { height:150px; background:#f3f3f3; border:1px solid #e6e6e6; overflow-y:scroll; text-align:left; }
.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; }
#mb_login_notmb h3 {font-size:1.2em}

@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 0; }
	#mb_login .login_btn a { font-size:0.92em; }

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

	.mb_login_logo {margin-bottom:0;text-align:center;}
	.mb_login_logo img {max-width:200px;}
}

/* 쪽지 */
#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:0 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}


.login_sns_box{margin-top: 15px; border: 1px solid #ddd; padding: 10px 20px;}
.login_sns_box h4{font-size: 20px; font-weight: 500; color: #333; margin-bottom: 15px; display: none;}
.login_sns_box span{display: inline-block; margin: 0px 3px; }

.idcheck, .emalicheck{display: inline-block; font-size: 16px; line-height: 40px; color: #fff; background: #656363;	padding: 0 10px; transition:.3s;}
.idcheck:hover, .emalicheck:hover{background: #000;}
.email {height: 40px;}



@media (max-width:800px) {
/* req */
	#register_form{width: calc(100% - 40px); margin-left: 20px;}

	#reg_result{width: calc(100% - 40px); margin-left: 20px;}

}

@media (max-width: 480px){
/* login */
	#mb_login .frm_input{margin-bottom: 5px; padding-bottom: 5px;}
	#mb_login{margin-bottom: 12vw;}

/* req */
	#fregister p{font-size: 3.2vw; line-height: 1.7;}
	#fregister h2{font-size: 4vw;}
	#register_form .tbl_frm01 th{width: 80px; padding-left: 0;}
	.idcheck, .emalicheck{font-size: 14px;}
	#register_form .tbl_frm01 .frm_input, #register_form .tbl_frm01 .frm_input1, #register_form .tbl_frm01 .frm_input2, #register_form .tbl_frm01 .frm_input3, #register_form .tbl_frm01 .frm_input4, #fregisterform .tbl_frm01 .email3{width: 100% !Important; max-width:9999px !important; line-height: 30px !Important; height: 30px !Important;}
	#register_form .tbl_frm01 #reg_mb_id,
	#register_form .tbl_frm01 #reg_mb_email,
	#register_form .tbl_frm01 #reg_mb_zip{width: calc(100% - 75px) !important; padding: 0 10px; }
	.idcheck, .emalicheck{height: 30px; line-height: 30px;}
	#register_form .tbl_frm01 .btn_frmline{font-size: 14px; line-height: 30px; height: 30px; padding: 0 10px;}
	.order_box, .mbskin{padding-bottom: 12vw;}
	#reg_result{margin-bottom: 12vw;}
	#reg_result .big_title{font-size: 4.5vw; line-height: 1.7;}

	#register_form{width: 100%; box-sizing: border-box; margin-left: 0;}
	#register_form h2{font-size: 3.6vw;}
	#register_form .tbl_frm01 th{font-size: 3.2vw; padding-right: 5px;}
	#fregisterform .tbl_frm01 td{font-size: 3.2vw; line-height: 1.7;}
	#register_form .tbl_frm01 #reg_mb_id, #register_form .tbl_frm01 #reg_mb_email, #register_form .tbl_frm01 #reg_mb_zip,
	#register_form .tbl_frm01 .frm_input, #register_form .tbl_frm01 .frm_input1, #register_form .tbl_frm01 .frm_input2, #register_form .tbl_frm01 .frm_input3, #register_form .tbl_frm01 .frm_input4, #fregisterform .tbl_frm01 .email3{font-size: 3.2vw;}
	.mbskin .tbl_frm01 a{font-size: 3.2vw;}
	input[type=submit]{font-size: 3.4vw;}
	.mbskin a.btn01{font-size: 3.2vw;}
	#register_form .tbl_frm05 th{font-size: 4vw;}
	#captcha #captcha_info{font-size: 3.2vw !important;}
	#reg_result p{font-size: 3.2vw; line-height: 1.7; margin-bottom: 5vw;}
	
	#mb_confirm > .txt1{font-size: 4vw; line-height: 1.7; margin-bottom: 2vw;}
	#mb_confirm > .txt2{font-size: 3.8vw; line-height: 1.7; font-weight: 400;}
	#mb_confirm_pw{margin-top: 10px;}
	#mb_confirm .btn_submit{margin-top: 10px;}
	#find_info #info_fs p{font-size: 3.4vw; line-height: 1.7;}
}