@charset "utf-8";
/* 기본박스 */
.mbskin {position:relative;width:100%;max-width:500px;margin:60px auto;text-align:center;background:#fff;}
.mbskin .frm_input{width:100%}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {display:block;margin:0 0 40px 0;color:#222;font-size:36px;font-weight:700;}
#pw_confirm h2 {display:block;margin:0 0 20px 0;color:#222;font-size:24px;font-weight:700;line-height:30px}
#pw_confirm p {padding:0 0 40px 0;;line-height:22px;}
#pw_confirm p strong {display:block;margin:0 0 10px 0;color:#f75665;font-size:16px;font-weight:700;}
#pw_confirm fieldset {text-align:center;}
#pw_confirm fieldset .frm_input {height:50px;margin:0 0 10px 0;line-height:50px;}
#pw_confirm fieldset .btn_submit {width:100%;height:50px;padding:0;line-height:50px;}

/* 로그인 */
#mb_login {}
#mb_login h1 {display:block;margin:0 0 40px 0;color:#222;font-size:36px;font-weight:700;}
#mb_login #login_fs {}
#mb_login #login_fs .frm_input {width:100%;height:50px;margin:0 0 10px 0;line-height:50px;}
#mb_login #login_fs .btn_submit {width:100%;height:50px;margin:0 0 10px 0;padding:0;line-height:50px;border:none;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#mb_login #login_fs .chk_div {text-align:left;line-height:40px;}

#mb_login #login_info {margin:20px 0 0 0;padding:20px 0 0 0;border-top:solid 1px #ddd}
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a {display:block;width:100%;text-align:left;line-height:26px;}
#login_password_lost {}
#mb_login #login_info img,
#mb_login #login_info a {vertical-align:top}

/*#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}*/

/* 회원가입 약관 */
#regist_wrap {width:100%;max-width:1000px;margin:60px auto;}
#regist_wrap h1 {display:block;margin:0 0 40px 0;color:#222;font-size:36px;font-weight:700;text-align:center;}
#fregister section {position:relative;margin:0 0 40px 0;padding:0 0 20px 0;text-align:left;border-bottom:solid 1px #ddd;}
#fregister h2 {display:block;margin:0 0 10px 0;padding:0 0 0 24px;color:#222;font-size:18px;font-weight:700;line-height:40px;background:url(./img/icon_chk.png) no-repeat 0 6px;}
#fregister textarea {display:block;padding:10px;width:100%;height:150px;line-height:22px;background:#f6f6f6;border:solid 1px #ddd;}
#fregister .fregister_agree {display:block;line-height:40px;}
#fregister .btn_confirm_wrap .btn_submit {height:60px;padding:0 48px;font-size:16px;font-weight:700px;line-height:60px;}
#fregister .btn_confirm_wrap .btn_cancel {height:60px;padding:0 48px;font-size:16px;font-weight:700px;line-height:60px;}

ul.regist_proc {width:100%;max-width:900px;margin:0 auto 60px auto;border-bottom:solid 1px #ddd;}
ul.regist_proc:after {display:block;visibility:hidden;clear:both;content:""}
ul.regist_proc li {display:block;float:left;width:33.3%;}
ul.regist_proc li div {display:block;padding:20px 0;font-size:16px;color:#999;font-weight:700;text-align:center;}
ul.regist_proc li div .icon {display:inline-block;width:48px;margin:0 10px 0 0;}
ul.regist_proc li div .icon img {width:100%;height:auto}
ul.regist_proc li div.on {color:#222;border-bottom:solid 2px #444;}

/* 회원가입 입력 */
#fregisterform h2 {display:block;margin:0 0 10px 0;padding:0 0 0 24px;color:#222;font-size:18px;font-weight:700;line-height:40px;background:url(./img/icon_chk.png) no-repeat 0 6px;}
#fregisterform .btn_submit {height:60px;padding:0 48px;font-size:16px;font-weight:700px;line-height:60px;}
#fregisterform .btn_cancel {height:60px;padding:0 48px;font-size:16px;font-weight:700px;line-height:60px;}

#register_form {margin:0 0 40px 0;border-top:solid 1px #444}
#register_form ul {}
#register_form ul li {display:block;position:relative;padding:16px 10px 16px 120px;border-bottom:solid 1px #ddd;}
#register_form ul li.chk_li {line-height:40px}
#register_form ul li label {display:block;position:absolute;left:0;top:0;padding:16px 0 16px 10px;color:#222;font-weight:700;line-height:40px;}
#register_form .frm_input {width:100%;}
#register_form .frm_input_s {width:30%;}
#register_form .frm_zipcode {width:30%;}
#register_form .frm_address {margin:10px 0 0 0;}
#register_form textarea {width:100%;height:120px;padding:10px;line-height:22px;border:solid 1px #ccc;}
#register_form .frm_info {display:block;margin:10px 0 0 0;color:#f75665;line-height:22px;}
#register_form .btn_ipin {display:inline-block;padding:0 24px;height:40px;color:#fff;line-height:40px;text-align:center;background:#444;border:none}
#register_form .btn_mobile {display:inline-block;padding:0 24px;height:40px;color:#fff;line-height:40px;text-align:center;background:#444;border:none}
#register_form #msg_certify {display:block;margin:10px 0 0 0;color:#f75665}
#register_form #msg_certify strong {color:#222;font-weight:700}

/* 회원가입 완료 */
#reg_result {width:100%;max-width:900px;margin:0 auto;padding:60px 0;text-align:center;border:solid 1px #ddd;}
#reg_result h2 {display:block;margin:0 0 40px 0;padding:0 0 0 24px;color:#222;font-size:36px;font-weight:700;line-height:44px;}
#reg_result h2 strong {color:#5bc0de;font-weight:700}
#reg_result .reg_result_p {margin:0 0 40px 0;font-size:24px;line-height:30px;}
#reg_result .reg_result_p strong {color:#5bc0de;}
#reg_result .btn_submit {height:60px;padding:0 48px;font-size:16px;font-weight:700px;line-height:60px;}
#reg_result .btn_cancel {height:60px;padding:0 48px;color:#fff;font-size:16px;font-weight:700px;line-height:60px;background:#337ab7}
#reg_result .btn_cancel:hover {background:#5bc0de}
.reg_result_mail {margin:40px 0;font-size:16px;line-height:24px;}

/* 회원 비밀번호 확인 */
#mb_confirm h1 {display:block;margin:0 0 40px 0;color:#222;font-size:36px;font-weight:700;}
#mb_confirm h2 {display:block;margin:0 0 20px 0;color:#222;font-size:24px;font-weight:700;line-height:30px}
#mb_confirm p {padding:0 0 40px 0;font-size:16px;;line-height:22px;}
#mb_confirm p strong {display:block;margin:0 0 10px 0;color:#f75665;font-size:16px;font-weight:700;}
#mb_confirm fieldset {text-align:center;}
#mb_confirm fieldset .frm_input {height:50px;margin:0 0 10px 0;line-height:50px;}
#mb_confirm fieldset .btn_submit {width:100%;height:50px;padding:0;line-height:50px;}


/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap {font-weight:700;}
#memo_list .memo_datetime {float:right;font-size:12px;color:#999;font-style:italic}
#memo_list .memo_del {margin:0 0 0 5px;}
#memo_list .empty_table {color:#999;background:#f6f6f6;border:solid 1px #ccc;}

ul.p_list {border-top:solid 1px #444;}
ul.p_list li {display:block;position:relative;padding:14px 10px;border-bottom:solid 1px #ccc;}

#memo_view_contents {}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}

.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
.memo_view_name strong, .memo_view_name .sv_wrap {font-weight:700 !important}
.memo_view_subj {display:inline-block;margin:0 8px 0 0;color:#222;font-weight:700}
.memo_view_date {text-align:right;color:#999;font-size:12px;font-style:italic}
.memo_view_date strong {font-weight:normal}

#memo_view p {height:150px;height:auto !important;min-height:150px;padding:10px;line-height:22px;background:#fff;;border:1px solid #ddd;}

/* 아이디/비밀번호 찾기 */
#find_info p {line-height:24px;}
#find_info #mb_email{margin:0 0 10px 0;}


/*포인트*/
#point ul {}
#point ul li {display:block;margin:0 0 5px 0;padding:10px;border:solid 1px #ddd;}
#point ul li:after {display:block;visibility:hidden;clear:both;content:""}

#point .point_all {padding:0 10px;font-family: 'Titillium Web', sans-serif;color:#fff;text-align:right;line-height:50px;background:#444;}
#point .point_all strong {color:#ff9900;font-size:18px;font-weight:400;}
#point .point_status {padding:0 10px;color:#fff;font-weight:400;line-height:50px;text-align:right;background:#222;}
#point .point_status span {font-family: 'Titillium Web', sans-serif;}
#point .point_status .minus {color:#f75665}
#point .point_status .plus {color:#ff9900}

#point .point_top {}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit {display:block;float:left;color:#222;}
#point .point_num {display:block;float:right;font-family: 'Titillium Web', sans-serif;color:#ff7700;font-weight:400}
#point .point_date1 {float:left;color:#999;font-size:12px;font-style:italic}
#point .point_date {float:right;color:#f75665;font-size:12px;}
#point .txt_expired {color:#aaa;}


/* 스크랩 */
#scrap_do .scrap_tit {background:#f3f3f3;padding:10px;}
#scrap_do label {display:block;margin:0 0 5px 0;font-weight:700}
#scrap_do textarea {height:100px}

#scrap ul {}
#scrap ul li {display:block;position:relative;margin:0 0 5px 0;padding:10px;border:solid 1px #ddd;}

#scrap .scrap_cate {display:block;margin:0 0 5px 0;color:#ff7700;font-size:12px;}
#scrap .scrap_tit {display:block;line-height:22px;}

#scrap .scrap_datetime {position:absolute;bottom:10px;right:10px;color:#999;font-style:italic;font-size:12px;}
#scrap .scrap_del{position:absolute;top:10px;right:10px;}


/* 폼메일 */

@media screen and (max-width:768px) {
.mbskin {width:auto;margin:60px 10px;}

#regist_wrap {width:auto;margin:60px 0;}
#fregister section {margin:0 10px 40px 10px;}
#fregister .btn_confirm_wrap .btn_submit {height:60px;padding:0;line-height:60px;}
#fregister .btn_confirm_wrap .btn_cancel {height:60px;padding:0;line-height:60px;}

#fregisterform h2 {margin:0 10px 10px 10px;}
#register_form ul li {padding:16px 10px 16px 10px;}
#register_form ul li label {position:relative;margin:0 0 10px 0;padding:0;line-height:normal}
#register_form .frm_input_s {width:100%;}
#register_form .frm_zipcode {width:50%;}
#register_form .btn_ipin {margin:5px 0 0 0;}
#register_form .btn_mobile {margin:5px 0 0 0;}
#register_form .btn_confirm_wrap .btn_submit {height:60px;padding:0;line-height:60px;}
#register_form .btn_confirm_wrap .btn_cancel {height:60px;padding:0;line-height:60px;}

ul.regist_proc li div  {font-size:14px;}
ul.regist_proc li div .icon {display:block;width:36px;margin:0 auto 10px auto;}

#reg_result {width:auto;margin:0 10px;}

#reg_result .btn_submit {height:60px;padding:0;line-height:60px;}
#reg_result .btn_cancel {height:60px;padding:0;line-height:60px;}
}































/* 자기소개 */
#profile h1 a{color:#fff}
#profile table {margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px}
#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;}
#profile h2 {margin:0 0 5px}
#profile .profile_name{text-align:center;font-weight:700}
#profile .my_profile_img{display:block;margin:20px 0 5px;}
#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa}
#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{font-weight:700;text-align:left}