@charset "utf-8"; 
/* ### 기본 스타일 커스터마이징 시작 ### */
.mbskin { text-align:center; padding:10px; }
.mbskin h1 { font-size:1.75em; margin:40px 0 25px; }
.mbskin p { padding-bottom:20px; border-bottom:1px solid #c8c8c8; }
.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 {; }

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

/* 회원가입 약관 */

#fregister { max-width:620px; margin:0 auto; }
#fregister section { border:1px solid #e6e6e6; margin-bottom:20px; background:#fff; position:relative; }
#fregister h2 { line-height:40px; border-bottom:1px solid #e6e6e6; text-align:left; padding:0 15px; }
#fregister textarea { display:block; padding:15px; width:99%; height:150px; border:0; width:100%; background:#fff; color:#787878; line-height:1.8em; }
.fregister_agree { position:absolute; top:0; right:10px; line-height:40px; font-size:0.92em; }
.fregister_agree label { display:inline-block; margin-right:5px; }
#fregister p { color:#787878; text-align:center; margin-bottom:15px; }
#fregister .btn_confirm { margin:15px 0; }
#fregister .chk_all { text-align:right; margin:10px 0 5px; }
#fregister_private .tbl_head01 { padding:15px; }
#fregister_private .tbl_head01 th { ; text-align:center; border:1px solid #ccc; background:#e0e0e0; width:33%; }
#fregister_private .tbl_head01 td { border:1px solid #e0e0e0; background:#fff; padding:10px; color:#787878; }
#fregister_private .tbl_head01 caption { position:absolute; font-size:0; line-height:0; overflow:hidden; top:0; color:#fff; }
#fregister .btn_submit { width:100%; height:40px; max-width:250px; }
.mbskin #sns_register {  margin:0 auto; max-width:620px; 
-webkit-box-shadow: none; 
-moz-box-shadow:none; 
box-shadow:none; 
; }
.mbskin #sns_register {; }


@media (max-width: 640px) { 
    #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%; }
 }

/* 회원가입 입력 */
#fregisterform .form_01 { max-width:620px; margin:15px auto; background:#fff; padding:15px 20px; border:1px solid #e6e6e6; }
#fregisterform #reg_mb_email, #fregisterform .frm_address { width:100%; }
#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; }
#fregisterform caption { text-align:center; color:#000; }
#fregisterform .tbl_frm01 { margin-bottom:20px; }
#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; border:1px solid #e6e6e6; padding:0 10px; background:#fff; }
#register_form .tbl_frm01 .frm_input1 { width:30%; height:40px; line-height:40px; border:1px solid #e6e6e6; padding:0 10px; background:#fff; }
#register_form .tbl_frm01 .btn_frmline { height:40px; }
#register_form .frm_info { font-size:0.92em; color:#999; margin-top:3px; display:block; }
#register_form .tbl_frm01  .frm_info { margin-bottom:10px; }
#register_form .tbl_frm05 { background:#f3f3f3; border:1px solid #d3d3d3; padding:0 15px 15px; }
#register_form .tbl_frm05 th { width:100px; border-top:1px solid #e5e5e5; text-align:left; font-weight:normal; padding:10px 0; font-size:0.92em; ; font-weight:bold; }
#register_form .tbl_frm05 td { ; border-top:1px solid #e5e5e5; padding:5px 0; vertical-align:middle; }
#register_form .tbl_frm05 textarea { border:1px solid #d3d3d3; padding:10px; }
#register_form .tbl_frm05  .frm_input { height:30px; line-height:30px; border:1px solid #d3d3d3; padding:0 10px; background:#fff; }
#fregisterform .btn_confirm { margin:15px 0; }
#fregisterform .btn_submit { width:50%; height:40px; max-width:250px; font-weight:bold; }
#fregisterform .btn_grd { display:inline-block; border:1px solid #ddd; vertical-align:middle; line-height:40px; height:40px; padding:0 20px; }
#fregisterform .frm_label { display:block; margin:0 0 5px; font-weight:bold; }
#fregisterform .btn_frmline { height:40px; }
#fregisterform .btn_top { text-align:center; }
@media (max-width: 640px) { 
    #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 { padding:20px 10px 10px; }
#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 h2 { text-align:center; font-size:1.25em; margin:0 0 10px; }
#reg_result h2 strong { }
#reg_result p { line-height:1.7em; }
#reg_result .btn_confirm { margin:20px 0 30px; }
#reg_result .reg_result_wr { background:#fff; padding:10px 20px; text-align:center; border:1px solid #ddd; }
#reg_result .reg_cong { margin:10px 0; font-size:1.083em; font-weight:bold; }
#reg_result .reg_cong strong { color:#3497d9; }
/* #reg_result .btn_confirm a { display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #ed6478; color:#ed6478; border-radius:3px; font-weight:bold; } */

/* 아이디/비밀번호 찾기 */
/*#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; }

/* 로그인 */
#login {display: flex;align-items: center;justify-content: center;flex-flow: column;}
#mb_login { margin:0 auto 10px; ; max-width:500px; }
#flogin{max-width:400px; margin:0 auto}
#mb_login h1  { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; }
#mb_login h2 { margin:0; }
#mb_login p { padding:10px 0; line-height:1.5em; }
#mb_login #login_frm { position:relative; }
#mb_login #login_frm div { padding:10px 0 ; text-align:right; }
#mb_login .frm_input { width:100%; margin:5px 0; border-radius:3px; }
#mb_login .btn_submit { width:100%; height:40px; margin:5px 0; font-size:1.083em; font-weight:bold; border-radius:3px; }

#mb_login .mb_login_join { margin:20px 0 0; }
#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 a { /* display:block; float:left; width:50%; */ display:inline-block; *display:inline; *zoom:1; padding:0 20px; font-size:13px; }
.mb_login_join div > a{ border-right:1px solid #cdcdcd; }
.mb_login_join div > a:last-child{ border-right:none; }
#mb_login #sns_login { border:1px solid #ddd; padding:0 15px 10px; background:#f3f3f3; }

#mb_login_notmb table{width:100%; margin-top:50px; text-align:left; border:1px solid #ddd; border-top:1px solid #9c9c9c}
#mb_login_notmb table th{
	background: #f1f1f1;
	border-bottom:1px solid #ddd;
    padding: 10px 10px;
    text-align: left;
    width: 100px;}
#mb_login_notmb table td.last:before{display:none}
#mb_login_notmb table th.last{border-bottom:0}
#mb_login_notmb table td{position:relative; padding:0 5px}
#mb_login_notmb table td:before{content:""; width:100%; display:block; height:1px; background:#ddd; position:absolute; bottom:0; left:0}
#mb_login_notmb .abc{text-align:center; margin-bottom:10px; font-size:1.15em; color:#444; font-weight:bold}
#mb_login_notmb { background:#fff; margin-top:40px; }
#mb_login_notmb h2 { font-size:1.714285714285714em; padding:10px 0 0; margin-top:60px; font-weight:300 }
#mb_login_notmb p { border:0; padding:0; margin:10px; }
#mb_login_notmb .strong_txt{
	text-align: left;
	color:#e42e2e;
    margin: 5px;
    font-weight: 500;
    margin-bottom: 15px;}
#guest_privacy p { border:1px solid #ddd; background:#fff; color:#666; min-height:20px; height:200px; 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; color:#fff; margin-top:50px; }

#mb_login_od_wr { background:#fff; border-bottom:1px solid #ccc; padding:20px; }
#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:10px; }
#mb_login_odinfo h2 { font-size:1.167em; }
.owl-stage { 
    margin: 0 auto; 
; }
@media (max-width:768px){
	#mb_login_notmb h2{font-size:20px}
	#mb_login_notmb table th{width:90px;}
}

@media (max-width:500px){
	.agree_check{text-align:left}
}
/*비회원 구매*/


/* 쪽지 */
#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 { blist-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 ; padding:10px; line-height:20px; }
#point_sum .sum_tit { padding-bottom:0; }
#point_sum .sum_val {; }

/* 회원 비밀번호 확인 */
#mb_confirm { margin:10px auto 30px; max-width:400px; padding:20px; }
#mb_confirm h1 { position:absolute; font-size:0; line-height:0; overflow:hidden; }
#mb_confirm p { padding:15px 10px; border-bottom:0; background:#e8ecfa; }
#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); }