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

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

.member_guide { color: #ed1c24;  }

/*  로그인 css는 dalki.css에 정의  */

.signup_tit { font-weight: 700; color: #000 !important; font-size: 1em; text-align: left !important;}
.signup_tit span{ font-weight: 400; color: #1c1c1c; font-size: 0.8em; }

.signup_input { background-color: #fff; height: 33px; padding-left: 10px; border:1px solid #dddddd; }

.input_hp {  width: 100px;  }
@media (max-width: 992px) { 
    .input_hp { width: 60px; }
    #win_hp_cert { margin-top: 5px; }
}

.btn_submit { font-size: 1em; padding: 15px 30px; height: auto; width: auto; }
#btn_chk_mb_id { height: 33px; margin-top: 2px; }
span.guide { font-size: 0.8em; color: #9e9e9e; }

.signup_table { width: 100%; }
.signup_table tr { border-top: 1px solid #e9e9e9; }
.signup_table tr:nth-last-of-type(1) { border-bottom: 1px solid #e9e9e9; }
.signup_table tr:nth-of-type(1) { border-top: 2px solid #ed1c24; }
.signup_table tr th {width: 200px; height: 60px; padding:0 0 0 45px; font-weight: 700; text-align: left; font-size: 1em; background:#f3f3f3 url('/img/member/signup_input_check.png') no-repeat 6% 50%;  }
.signup_table tr td { height: 60px; color: #343434; padding:15px 0 15px 15px; font-size: 0.8em;}
@media (max-width: 992px) { 
    .signup_table tr th { width: 100px; background:#f3f3f3; padding:10px; }
}


.signup_table02 { width: 100%; }
.signup_table02 tr { border-top: 1px solid #e9e9e9; }
.signup_table02 tr:nth-last-of-type(1) { border-bottom: 1px solid #e9e9e9; }
.signup_table02 tr:nth-of-type(1) { border-top: 2px solid #ed1c24; }
.signup_table02 tr th {width: 200px; height: 60px; padding:0 0 0 45px; font-weight: 700; text-align: left; font-size: 1em;  border-right:1px solid #e9e9e9;}
.signup_table02 tr td { height: 60px; color: #343434; padding:15px 0 15px 15px; font-size: 0.8em;}
@media (max-width: 992px) { 
    .signup_table02 tr th { width: 100px; background:#f3f3f3; padding:10px; }
}


.btn_close { text-align: right; position: relative; }
.group_link { text-align: center; }
.group_link a{ text-decoration: underline !important; color: #000 !important; }

input[type=checkbox], input[type=radio] { margin:0 !important; }


.red_box { border: 2px solid #ca1920; padding:10px; display: table; width: 100%; }
.gray_box { border:1px solid #f4f4f4; display: table; width: 100%; padding:40px 0 40px 0; }

.group_type_item { border-right: 1px solid #9b9b9b; padding:30px 0 30px 0;}
.group_type_item:nth-last-of-type(1) { border-right: none; }
.group_dot { text-align: center; }
.group_type_tit { font-weight: 700; color: #000 ; font-size: 1em; text-align: center; margin-top: 20px; }
.group_type_tit02 { font-weight: 400; color: #9b9b9b ; font-size: 0.8em; text-align: center; margin-top: 10px; }

@media (max-width: 992px) { 
    .gray_box { padding:15px; }
    .group_type_item { border-right: none; border-bottom: 1px solid #9b9b9b; }
    .group_dot { float: left; margin: 0 0 0 15px; }
    .group_type_tit { text-align: left; float: left; margin:0 0 0 15px;}
    .group_type_tit02   { text-align: left; float: left; margin:0 0 0 15px;}
    .group_type_item:nth-last-of-type(1) { border-bottom: none; }
}

.biz_number_wrap { text-align: center; }
.biz_number_wrap img, .biz_number_wrap p, .biz_number_wrap input { display: inline-block; }
.biz_number_wrap input {margin-left: 10px;}
.group_type_item input[name='mb_type'] { display: none; }
.mb_type_label { display: block; margin:0; font-weight: normal; }



/* 가입완료 */
.box_wrap { border:2px solid #ed1c24; padding:20px; display: table; width: 100%;}
.box_wrap .box { border:1px solid #f1f1f1; height: 350px; display: table-cell; vertical-align: middle;}
.box_wrap .box .txt01 { text-align: center;  font-size: 1.2em;  color: #1a1a1a; font-weight: 700; line-height: 3.5em;}
.box_wrap .box .txt02 { text-align: center;  font-size: 1em; color: #343434; font-weight: 400; line-height: 1.6em; }



/*마이페이지*/
.mytab_wrap {    }
.mytab_wrap ul {display: table; width: 100%; text-align: center; margin:0; padding: 0; list-style: none }
.mytab_wrap ul li {padding:0 2.5px; display: inline-block; text-align: center; list-style: none ; }
/*.mytab_wrap ul li:nth-of-type(1) { padding-left: 0px; }
.mytab_wrap ul li:nth-last-of-type(1) { padding-right: 0px; }*/
.mytab_wrap ul li > div{  background-color: #878787; border-radius: 10px 10px 0 0 ;}
.mytab_wrap ul li.on > div{  background-color: #ca191f; }
.mytab_wrap ul li a{color: #fff; line-height: 50px; font-size: 0.9em;}
.red_bar {; border-bottom: 3px solid #ca191f; margin:0 2.5px; }
@media (min-width: 992px){
    .mytab_wrap > ul > li { width: 20%; }

}
@media (max-width: 992px) { 
    .mytab_wrap ul li > div{border-radius: 10px ; margin-bottom: 5px;}
}

#order_list { width: 100%; overflow-x: scroll; }
.order_table { width: 100%; min-width: 900px; margin-top: 15px; }
.order_table tr th { text-align: center; font-weight: 600; font-size: 0.8em; border:1px solid #ddd; padding:8px 0; background-color:#f3f3f3; }
.order_table tr td { text-align: center; font-weight: normal; font-size: 0.8em; border:1px solid #ddd; padding:8px 0; background-color: #f6f5f6;}

.order_table tr th:last-of-type { border-right: none; } .order_table tr th:first-of-type { border-left: none; }
.order_table tr td:last-of-type { border-right: none; } .order_table tr td:first-of-type { border-left: none; }

.order_table tr.bg01 td{ background-color: #fff; }
.btn_order_cancel { cursor: pointer; background-color: #878787; color: #fff; font-size: 0.75em; border-radius: 30px; padding:3px 0; width: 80px; margin:0 auto; }
.od_cell { font-size: 0.85em; font-weight: normal;  text-align: center;}

/*바코드*/

.barcode_wrap { background-color: #ffa1a5; color:#fff;     padding: 15px 20px; border-radius: 10px;}
.barcode_img { background-color: #fff; padding:10px 20px; margin-top: 10px; border-radius: 10px; }
.barcode_img p { color: #151515; text-align: center; font-size: 0.8em; margin:0; }

/* 회원탈퇴 */
.leave_tit01 { color: #151515; text-align: center; font-weight: 700; font-size: 1.1em; }
.leave_tit02 { color: #151515; text-align: center;  font-size: 1.1em; }
.leave_box { padding:30px 0 30px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
.leave_col {  }
.leave_col dt { float: left; }
.leave_col dd { margin-left: 40px; margin-bottom: 30px;}
.leave_cont01 { color: #151515; font-size: 0.9em; font-weight: 400; text-align: left; }
.leave_cont02 { color: #848484; font-size: 0.8em; font-weight: 300; text-align: left; }
.leave_agree_wrap { text-align: center; margin-bottom: 30px;}

/*  멤버쉽조회   */
.level_box { display: table;width: 100%; background-color: #ca191f; border-radius: 15px; text-align: center; }
.level_box_col01 p{ color: #fff; border-bottom: 1px solid #fff; font-size: 0.9em;   display: table; margin:0 auto; margin-top: 30px; padding-bottom: 15px;  }
.level_box_col02 { background-color: #fff; border-radius: 15px; margin:15px;        }
.level_box_col02 div { font-size: 1.2em; padding:20px 0; }

.level_info_wrap { text-align: center; }
.level_info_wrap .level_info { color: #999; font-size: 0.9em; }
.level_tit { font-size: 1em; color: #151515; font-weight: 700; }

.lv_bt_tit { border-bottom: 1px solid #333;  font-weight: 400; padding-bottom: 10px; margin-bottom: 20px;}
.lb_bt_cont { color: #999; font-weight: 300; font-size: 0.8em; word-break: keep-all; line-height: 1.8em;}
.level_text>div:nth-of-type(1) .lv_bt_tit { text-align: right;   }
.level_text>div:nth-of-type(1) .lb_bt_cont { text-align: right;   }

/*쿠폰*/
.cp_item { display: table;  width: 100%;}
.cp_top { background-color: #f0858a; color: #fff; text-align: center; border-radius: 15px 15px 0 0; padding:10px 0; }
.cp_top p{margin:0;}
.cp_bottom { background-color: #f7b0b4; display: table; width: 100%; border-radius: 0 0 15px 15px;  padding: 20px 10px 20px 10px;}
.cp_bottom ul{ margin:0; padding:0; list-style: none; text-align: center; }
.cp_bottom ul li{ margin:0; padding:0; list-style: none; float: left; color: #151515; width: 20%; }
.cp_bottom ul li .cp_circle{ background-color: #fff; border-radius: 30px; margin:5px; font-size: 0.9em; padding-top: 50%;}
.cp_bottom ul li .cp_circle > div{transform: translate(0px,-50%); }
/*.cp_bottom ul li .cp_circle { background: url(/img/member/d.png); }*/
.cp_bottom ul li .cp_circle.on { background: #fff url(/img/member/d.png) no-repeat 50% 50%; background-size: 40% }
@media (min-width: 992px){
    .cp_bottom ul li .cp_circle{ padding-top: 35%; font-size: 0.8em;}
}

@media (min-width: 1200px){
    .cp_bottom ul li .cp_circle{ padding-top: 50%;}
}
/*구매내역*/
.tk_tab_wrap { width: 100%; margin-top: 40px; display: table;}
.tk_tab_wrap .tk_tab{cursor: pointer; width: 50%; text-align: center;  font-size: 1em; color:#fff;  line-height: 55px; background-color: #ca191f; border:1px solid #c5c5c5; float: left;}
.tk_tab_wrap .tk_tab.on { background-color: #fff; border:none; border-top:2px solid #ca191f; border-left: 1px solid #c5c5c5; color: #000;}
.sch_ul { background-color: #f3f3f3; text-align: center; margin: 0; padding:15px 0;}
.sch_ul li { display: inline-block; margin:5px; font-size: 0.7em; vertical-align: middle;}
.btn_dt { display: table; padding: 5px 10px; background-color: #fff; color: #000; border:1px solid #d9d9d9; }
.input_dt { height: 32px; }
.btn_search {  background-color: #ca1920; color:#fff; cursor: pointer; padding:5px 22px; }



/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.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 {}
.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 {}

/* 기본테이블 */
.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 {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {width:85px;}
.mbskin .tbl_frm01 td {}
.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 .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 .txt_active {}
.mbskin .txt_expired {}

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

/* 회원가입 약관 */
#fregister section {}
#fregister h2 {font-family: 'SpoqaHanSans-Bold'; font-size: 1em; font-weight: bold;    }
#fregister #notext_term {font-family: 'SpoqaHanSans-Bold'; font-size: 1em; font-weight: bold;   line-height: 38px; }
#fregister #all_term {font-family: 'SpoqaHanSans-Bold'; font-size: 1em; font-weight: bold;   line-height: 38px; }
#fregister h2 span{ color: #9b9b9b; }
#fregister textarea { width: 100%; height: 300px; border: 2px solid #ca191f; font-family: 'SpoqaHanSans'; font-size: 0.8em; padding:15px;  }
#fregister .fregister_agree {padding:10px 0 0;text-align:right}
#fregister .fregister_agree label {cursor: pointer; font-family: 'SpoqaHanSans'; color: #2e2e2e; font-size: 0.7em; padding: 0; margin: 0; }
#fregister .fregister_agree input {padding:0 ; margin:0; display: none; }

#fregister .fregister_agree img {width: 30px; transition: all 0.3s ease;}
#notext_agree {position: absolute; /* float: right; */ top: 0px; margin: 0; padding: 0; right: 0px; padding: 0 !important; margin: 0 !important;}

#all_agree {position: absolute; /* float: right; */ top: 0px; margin: 0; padding: 0; right: 0px; padding: 0 !important; margin: 0 !important;}

/*#fregister p {color:#e8180c;text-align:center}*/
#fregister .btn_confirm {margin-bottom:20px}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 회원가입 입력 */
#fregisterform textarea {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:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

/* 회원가입 완료 */
#reg_result {padding:50px 0 0}
#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.8em}
#reg_result .btn_confirm {margin:50px 0}

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

/* 로그인 */
#mb_login {margin:0 auto;padding:100px 0;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
#mb_login h2 {margin:0}
#mb_login p {padding:10px 0;line-height:1.5em}
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs label {letter-spacing:-0.1em}
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px;width:162px}
#mb_login #login_fs .btn_submit {position:absolute;top:20px;right:95px;width:60px;height:53px}
#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
#mb_login #login_info div {text-align:right}

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

.tabIndex1 {
    width:237px;
    height:51px;
    border-radius:8px 8px 0px 0px;
    background-color:#ca191f;
    text-align:center;
}

.tabIndex1 div {
    font-size:20pt;
    padding-top:5px;
    color:#fff;
}