@charset "utf-8";

/* 로그인 */
#mb_login {width:100%;max-width:600px;margin:0 auto;padding:60px 40px;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login h2 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;}

#login_fs {position:relative;padding:0 30% 0 0;}
#mb_login #login_fs .frm_input {height:50px;margin:0 0 15px 0;line-height:48px;}
#mb_login #login_fs .btn_submit {display:block;position:absolute;right:0;top:0;width:28%;height:115px;font-weight:500;text-align:center;line-height:120px;}

#login_info {margin:0 0 24px 0;}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}

#login_btn {padding:24px 0 0 0;border-top:solid 1px #ccc;}
#login_btn:after {display:block;visibility:hidden;clear:both;content:""}
#login_btn .btn_act {display:block;float:left;width:49.5%;height:50px;margin:0 1% 0 0;line-height:50px;}
#login_btn .btn_normal {display:block;float:left;width:49.5%;height:50px;margin:0;line-height:50px;}

#mb_login_notmb {margin:40px 0 0 0;}
#mb_login_notmb h2 {}
#guest_privacy {height:120px;margin:10px 0;padding:10px;background:#f6f6f6;border:solid 1px #ccc;overflow-y:auto}
#mb_login_notmb .btn_confirm {margin:20px 0 0 0;}
#mb_login_notmb .btn_submit {display:block;width:100%;height:50px;line-height:50px;}

#mb_login_od_wr {margin:40px 0 0 0;}
#mb_login_od {position:relative;padding:0 30% 0 0;}
#mb_login_od .frm_input {height:50px;margin:0 0 15px 0;line-height:48px;}
#mb_login_od .btn_normal {display:block;position:absolute;right:0;top:0;width:28%;height:115px;font-weight:500;text-align:center;line-height:120px;}
#mb_login_odinfo p {color:#666;}
#mb_login_odinfo p i {color:#666;font-size:16px;}
#mb_login_odinfo p strong {font-weight:500;}

#mb_login #sns_login {margin:0 0 24px 0;}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login ul.sns-wrap {}
#mb_login #sns_login ul.sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login ul.sns-wrap li {display:block;float:left;width:49.5%;margin:0 1% 10px 0;}
#mb_login #sns_login ul.sns-wrap li:nth-child(2n) {margin:0 0 10px 0;}
#mb_login #sns_login ul.sns-wrap li a {display:block;padding:0 20px;color:#fff;line-height:40px;}
#mb_login #sns_login ul.sns-wrap li a i {margin:0 6px 0 0;color:#fff;font-size:20px;line-height:40px;}
#mb_login #sns_login ul.sns-wrap li .sns-kakao {color:#3c1e20;font-weight:400;}
#mb_login #sns_login ul.sns-wrap li .sns-kakao .xi-kakaotalk {color:#3c1e20;font-size:28px;}


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


/* 회원가입 약관 */
.register {width:100%;max-width:1100px;margin:0 auto;}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_normal {float:left;width:49.5%;height:50px !important;font-weight:500;line-height:50px;}
.register .btn_confirm .btn_submit {margin:0 1% 0 0;}

#fregister p {position:relative;margin:0 0 24px 0;}
#fregister p i {color:#666;font-size:16px;}

#fregister_chkall {position:relative;margin:0 0 24px 0;padding:0 0 18px 0;font-size:14px;font-weight:500;border-bottom:solid 1px #999;}

#fregister section {position:relative;margin:0 0 36px 0;}
#fregister h2 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;}
#fregister textarea {display:block;width:100%;height:160px;margin:0 0 12px 0;padding:10px;background:#fff;border:solid 1px #ccc;}
#fregister_private {position:relative}
#fregister_private div {}
#fregister_private table {width:100%;margin:0 0 12px 0;border-collapse:collapse;border-spacing:0 5px;background:#fff;}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {padding:12px 10px;color:#222;font-weight:500;text-align:left;background:#f6f6f6;border:solid 1px #999;}
#fregister_private table td {padding:12px 10px;border:solid 1px #ddd;}


/* 회원가입 입력 */
#register_form {}
#register_form h2 {}

.register_form_inner {margin:0 0 36px 0;}
.register_form_inner h2 {display:block;margin:0 0 12px 0;font-size:16px;font-weight:500;}
.register_form_inner ul {border-top:solid 1px #444;}
.register_form_inner ul li {display:block;position:relative;padding:12px 0 12px 20%;line-height:40px;border-bottom:solid 1px #ddd;}
.register_form_inner ul li:after {display:block;visibility:hidden;clear:both;content:""}
.register_form_inner label {display:block;position:absolute;left:0;top:0;padding:12px 0;font-weight:500;}
.register_form_inner ul li.chk_box .label {display:inline-block;padding:0 0 0 20px;color:#666;font-weight:300;}
.register_form_inner ul li.chk_box .label span {top:12px;}
.register_form_inner ul li.chk_box label {display:inline-block;}
.register_form_inner ul li.chk_box label span {top:10px;}
.register_form_inner .chk_li {display:inline-block;padding:0;}
.register_form_inner select {display:block;width:100%;height:40px;line-height:40px;text-indent:8px;background:#fff;border:solid 1px #ccc;}
.register_form_inner textarea {display:block;width:100%;height:100px;margin:0;padding:10px;background:#fff;border:solid 1px #ccc;}
.register_form_inner ul li.chk_type .chk_box label {font-weight:normal;}
.register_form_inner ul li.file_type .chk_box {display:inline-block;}
.register_form_inner ul li.file_type .chk_box label span {top:22px;}

#register_form,
.register_form_inner,
.register_form_inner ul li,
.register_form_inner ul li label,
.register_form_inner ul li.chk_box label
.register_form_inner .chk_li {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.btn_certify {display:block;position:absolute;right:2px;top:14px;padding:0 8px;color:#fff;line-height:36px;background:#666;border:none;border-radius:3px;}
.btn_certify2 {display:block;position:absolute;right:108px;top:14px;padding:0 8px;color:#fff;line-height:36px;background:#666;border:none;border-radius:3px;}

#msg_certify {margin:5px 0 0 0;color:#f63941;line-height:normal;}
#msg_certify strong {font-weight:500;}


/* 회원가입 완료 */
#reg_result {width:100%;max-width:1100px;margin:0 auto 12px auto;padding:60px 40px;text-align:center;background:#f6f6f6;border:solid 1px #ccc;}
#reg_result .reg_result_chk {display:block;width:80px;height:80px;margin:0 auto 24px auto;text-align:center;line-height:90px;border:solid 4px #f63941;border-radius:50%;}
#reg_result .reg_result_chk i {color:#f63941;font-size:48px;}
#reg_result .reg_result_p {display:block;margin:0 0 24px 0;font-size:18px;font-weight:400;word-break:keep-all;}
#reg_result .reg_result_p strong {font-weight:500;}
#reg_result .result_txt {font-size:14px;word-break:keep-all;}
#reg_result #result_email {width:100%;max-width:560px;margin:24px auto;padding:20px;line-height:32px;background:#fff;border:solid 1px #ddd;}
#reg_result #result_email:after {display:block;visibility:hidden;clear:both;content:""}
#reg_result #result_email span {display:block;float:left;}
#reg_result #result_email strong {display:block;float:right;color:#f63941;font-weight:400;}

.btn_confirm_reg {width:100%;max-width:1100px;margin:0 auto;text-align:center;}
.btn_confirm_reg .btn_submit {display:block;height:50px;line-height:50px;}


/* 폼메일 */
#formmail textarea {height:100px}
#formmail .chk_box {display:inline-block;margin:0 12px 0 0;}
#formmail .chk_box label {font-weight:300;}
#formmail .frm_info {color:#f63941;font-size:12px;}


/* 비밀글 비밀번호 확인 */
#pw_confirm {width:100%;max-width:480px;margin:0 auto;padding:40px;}
#pw_confirm h1 {display:block;margin:0 0 24px 0;font-size:18px;font-weight:400;text-align:center;}
#pw_confirm p {margin:0 0 24px 0;text-align:center;}
#pw_confirm p strong {display:block;margin:0 0 6px 0;color:#f63941;font-size:14px;font-weight:400;}
#pw_confirm fieldset {}
#pw_confirm fieldset .frm_input {height:50px;margin:0 0 10px 0;line-height:50px;}
#pw_confirm fieldset .btn_submit {width:100%;height:50px;line-height:50px;}


/* 회원 비밀번호 확인 */
#mb_confirm {width:100%;max-width:480px;margin:0 auto;padding:40px;}
#mb_confirm h1 {display:none;margin:0 0 24px 0;font-size:18px;font-weight:400;text-align:center;}
#mb_confirm p {margin:0 0 24px 0;text-align:center;}
#mb_confirm p strong {display:block;margin:0 0 6px 0;color:#f63941;font-size:14px;font-weight:400;}
#mb_confirm fieldset {}
#mb_confirm fieldset .frm_input {height:50px;margin:0 0 10px 0;line-height:50px;}
#mb_confirm fieldset .btn_submit {width:100%;height:50px;line-height:50px;}
#mb_confirm label {}
#mb_confirm .confirm_id {display:block;margin:0 0 6px 0;font-weight:500;}



/* 쪽지 */
.memo_list {}
.memo_list ul li {position:relative;padding:12px 20px;background:#fff;border-bottom:1px solid #ddd;}
.memo_list ul li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {padding:20px 0;color:#999;text-align:center;}
.memo_list .memo_li {float:left;line-height:22px;}
.memo_list .profile_big_img {position:relative;margin:4px 10px 0 0;}
.memo_list .profile_big_img img {width:36px;height:36px;border-radius:50%;}
.memo_list .memo_li.memo_name {float:none;padding:5px 0 0 0;}
.memo_list .memo_name .sv_wrap {font-weight:400;}
.memo_list .memo_name img {border-radius:50%;}
.memo_list .memo_preview a {display:block;margin:0 30px 0 0;font-size:12px;}
.memo_list .memo_preview a:hover {text-decoration:underline}
.memo_list .no_read {display:block;position:absolute;bottom:0;right:0;width:10px;height:10px;background:#f63941;border:1px solid #f63941;text-indent:-999px;border-radius:10px;box-shadow:0 0 6px #f63941}
.memo_list .no_read {animation:blinker 2s linear infinite}

@keyframes blinker {
50% {opacity:0}
}

#memo_list .memo_datetime {font-size:12px;color:#999}
#memo_list .memo_datetime i {font-size:14px;}
#memo_list .memo_del {display:block;position:absolute;right:20px;top:50%;color:#f63941;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#memo_list .memo_del i {font-size:18px;}

#memo_view_ul {}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;}
.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;padding:12px 20px;border-bottom:1px solid #eee;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}
.memo_from li {float:left;}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:500 !important}
.memo_from li.memo_view_date {display:block;color:#999;font-size:12px;line-height:24px}
.memo_from li.memo_view_date i {font-size:14px;}
.memo_from li.memo_op_btn {position:absolute;}
.memo_from li.list_btn {right:50px;}
.memo_from li.del_btn {right:20px;}
.memo_from li.list_btn i,
.memo_from li.del_btn i {color:#f63941;font-size:18px;}

#memo_view p {padding:20px;min-height:100px;}

.memo_btn {width:100%}
.memo_btn::after {display:block;visibility:hidden;clear:both;content:""}
.memo_btn a {display:block;width:50%;padding:0 20px;color:#999;font-size:12px;line-height:30px;}
.memo_btn a:hover {background:#f6f6f6;}
.memo_btn a.btn_left {float:left;}
.memo_btn a.btn_right {float:right;text-align:right;}
.memo_btn a i {font-size:14px;vertical-align:baseline;}


/* 스크랩 */
#scrap ul {}
#scrap ul li {display:block;position:relative;padding:12px 20px;border-bottom:solid 1px #ddd;}
#scrap ul li.empty_li {padding:20px 0;color:#999;text-align:center;}
#scrap .scrap_tit {}
#scrap .scrap_cate {display:block;padding:0 6px 0 0;color:#2058a3;font-size:12px;}
#scrap .scrap_datetime {display:block;color:#999;font-size:12px;line-height:18px;font-weight:400;}
#scrap .scrap_datetime i {font-size:14px;}
#scrap .scrap_del {display:block;position:absolute;top:50%;right:20px;font-size:16px;color:#f63941;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#scrap_do label {display:block;margin:0 0 6px 0;color:#222;font-weight:400}


/*포인트*/
#point {}
#point .point_all {padding:12px 20px;color:#222;background:#edf3fc;border-bottom:1px solid #d6e2f4;}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all strong {display:block;float:right;color:#f63941;font-size:14px;font-weight:500;}

.point_list {}
.point_list li {display:block;position:relative;padding:12px 20px;border-bottom:solid 1px #ddd;}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_top {display:block;position:relative;margin:0 0 2px 0;}
.point_list .point_use {background:#f6f6f6}
.point_list .point_use .point_num {display:block;float:right;color:#f63941;font-weight:400;}
.point_list .point_num {position:absolute;right:0px;top:50%;color:#15aacf;font-weight:400;
-webkit-transform: translateY( -50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.point_list .point_tit {display:block;}
.point_list .point_date,
.point_list .point_date1 {float:left;color:#999;font-size:12px;font-weight:400;}
.point_list .txt_expired {color:#f63941;font-size:12px;}
.point_list .txt_expired strong {font-size:12px;font-weight:400;}
.point_list .point_date i,
.point_list .point_date1 i,
.point_list .txt_expired i{font-size:14px;}

#point .point_status{padding:12px 20px;color:#222;background:#edf3fc;border-bottom:1px solid #d6e2f4;}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status strong.sum_plus,
#point .point_status strong.sum_minus {display:block;float:right;margin:0 0 0 8px;font-size:14px;font-weight:500;}
#point .point_status strong.sum_plus {color:#15aacf;}
#point .point_status strong.sum_minus {color:#f63941;}






@media screen and (max-width:1240px) {
/* 회원가입 약관 */
#fregister {width:auto;max-width:auto;margin:0 20px;}


/* 회원가입 입력 */
.register_form_inner h2 {margin:0 20px 12px 20px;}
.register_form_inner ul li {padding:12px 20px 12px 20px;line-height:normal;}
.register_form_inner label {position:relative;left:0;top:0;margin:0 0 8px 0;padding:0;}
.register_form_inner ul li.chk_box label {display:block;margin:0 0 8px 0;}
.register_form_inner ul li.chk_box label span {top:0px;}
.register_form_inner .chk_li {padding:0 0 0 22px;}
.register_form_inner ul li.file_type .chk_box label span {top:2px;}

.btn_certify {right:22px;top:41px;padding:0 6px;}
.btn_certify2 {right:126px;top:41px;padding:0 6px;}

.register .btn_confirm.margin {padding:0 20px;}


/* 회원가입 완료 */
#reg_result {width:auto;max-width:auto;margin:0 20px 12px 20px;padding:40px 20px;}
.btn_confirm_reg {width:auto;max-width:auto;margin:0 20px;}
}






@media screen and (max-width:768px) {
/* 로그인 */
#mb_login {width:auto;max-width:100%;margin:0 20px;padding:40px 20px;}

#mb_login #sns_login ul.sns-wrap li {display:block;float:none;width:100%;margin:0 0 10px 0;}


/* 회원가입 완료 */
#reg_result #result_email {line-height:normal;text-align:left;}
#reg_result #result_email span {float:none;margin:0 0 4px 0;}
#reg_result #result_email strong {float:none;}
}























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